We rank vendors based on rigorous testing and research, but also take into account your feedback and our commercial agreements with providers. This page contains affiliate links. Advertising Disclosure
JS & CSS Unminifier

Make JS & CSS code readable with this quick unminifying tool!
Minify code
Unminify code
Drop JS/CSS files here
Tab size
100%
Unminified code

.pageBannerContainer {
    width:100%;
    overflow:hidden
}
@media (min-width: 1024px) {
    .pageBannerContainer {
        margin-bottom:none
    }
}
.pageBannerContainer .bannerSlider {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0s !important;
    transition:-webkit-transform 0.3s ease-in-out 0s !important;
    transition:transform 0.3s ease-in-out 0s !important;
    transition:transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s !important;
    -webkit-animation-timing-function:ease-in !important;
    animation-timing-function:ease-in !important
}
.pageBannerContainer .bannerSlider .slide {
    width:100%;
    min-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.pageBannerContainer .bannerSlider .slide .content {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    width:100%;
    background-color:#242323;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media (min-width: 1024px) {
    .pageBannerContainer .bannerSlider .slide .content {
        width:60%;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media (min-width: 1280px) {
    .pageBannerContainer .bannerSlider .slide .content {
        width:50%
    }
}
.pageBannerContainer .bannerSlider .slide .content .title {
    margin:0;
    font-weight:300;
    line-height:110%
}
.pageBannerContainer .bannerSlider .slide .content p {
    margin-top:.5rem;
    color:#ebedf3;
    font-weight:300;
    line-height:150%
}
.pageBannerContainer .bannerSlider .slide .content ul li {
    font-weight:300
}
.pageBannerContainer .bannerSlider .slide .content .btn {
    margin-top:3.052rem
}
.pageBannerContainer .bannerSlider .slide .image {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%;
    padding-top:calc((2 / 3) * 100%)
}
@media (min-width: 1024px) {
    .pageBannerContainer .bannerSlider .slide .image {
        width:40%;
        padding:0;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media (min-width: 1280px) {
    .pageBannerContainer .bannerSlider .slide .image {
        width:50%
    }
}
.pageBannerContainer .arrow {
    display:none;
    position:absolute;
    top:50%;
    z-index:101;
    width:40px;
    margin-top:-20px;
    background-color:#07244117;
    padding:0.75rem;
    -webkit-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
    cursor:pointer
}
@media (min-width: 568px) {
    .pageBannerContainer .arrow {
        display:block
    }
}
.pageBannerContainer .arrow:hover {
    background-color:#151923
}
.pageBannerContainer .prew {
    left:0;
    border-radius:0 .15rem .15rem 0
}
.pageBannerContainer .next {
    right:0px;
    border-radius:.15rem 0 0 .15rem
}
.pageBannerContainer .slideDropDiv {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:100;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pageBannerContainer .slideDropDiv .activeDrop {
    background-color:#151923 !important
}
.pageBannerContainer .slideDropDiv .slideDrop {
    width:6px;
    height:6px;
    margin:0 0.4rem;
    border-radius:12px;
    background-color:#ffffff60;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
.pageBannerContainer .slideDropDiv .slideDrop:hover {
    background-color:#D62525
}
.pageBannerContainer .mobHide {
    display:none !important
}
@media (min-width: 1024px) {
    .pageBannerContainer .mobHide {
        display:block !important
    }
}
.pageBannerContainer .pcHide {
    display:block !important
}
@media (min-width: 1024px) {
    .pageBannerContainer .pcHide {
        display:none !important
    }
}
.serviceCardSection {
    background-color:#ebffff
}
.serviceCardSection .innerSection {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width: 1024px) {
    .serviceCardSection .mdCard {
        width:48.5% !important
    }
}
.serviceCardSection .mdCard .contentDiv {
    width:100% !important
}
.serviceCardSection .serviceCard {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:1.5rem;
    margin-bottom:1.563rem;
    background-color:#fff;
    border:1px solid #ebedf3;
    -webkit-box-shadow:0px 10px 30px -17px rgba(0,0,0,0.288);
    box-shadow:0px 10px 30px -17px rgba(0,0,0,0.288);
    overflow:hidden;
    padding:1rem
}
@media (min-width: 320px) {
    .serviceCardSection .serviceCard {
        padding:1.563rem
    }
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard {
        padding:2.441rem;
        margin-bottom:2.441rem
    }
}
.serviceCardSection .serviceCard .contentDiv {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    min-height:250px
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .contentDiv {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        width:60%;
        min-height:300px;
        padding-right:2.441rem
    }
}
.serviceCardSection .serviceCard .contentDiv .titleDiv {
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-bottom:3.052rem
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title {
    width:100%;
    display:block
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
    margin:0;
    color:#242323;
    font-size:1.953rem;
    font-weight:600;
    line-height:100%;
    letter-spacing:-0.5px
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
        font-size:2.441rem
    }
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
        font-size:3.052rem;
        line-height:110%;
        letter-spacing:-1.5px
    }
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title .subTitle {
    margin-top:.75rem;
    color:#242323;
    font-size:1.25rem;
    font-weight:300;
    line-height:130%
}
.serviceCardSection .serviceCard .contentDiv .content {
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-top:auto;
    border-top:1px solid #24232327;
    padding-top:1rem !important
}
.serviceCardSection .serviceCard .contentDiv .content .label {
    display:none;
    min-width:40px
}
@media (min-width: 768px) {
    .serviceCardSection .serviceCard .contentDiv .content .label {
        min-width:60px
    }
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv {
    margin-top:1.563rem;
    padding-left:1rem
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv li {
    margin-bottom:0.5rem
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv li:before {
    content:"";
    position:absolute;
    left:-1rem;
    top:4.5px;
    width:6px;
    height:6px;
    display:inline-block;
    background-color:#D62525;
    border-radius:1rem
}
.serviceCardSection .serviceCard .contentDiv .content .serviceCardImage {
    display:block;
    border-radius:0;
    margin-bottom:1.563rem
}
.serviceCardSection .serviceCard .contentDiv .content p {
    margin:0;
    font-size:1rem;
    font-weight:400
}
.serviceCardSection .serviceCard .contentDiv .content .btn {
    margin-top:1rem;
    font-size:1rem;
    font-weight:600;
    letter-spacing:0
}
.serviceCardSection .serviceCard .contentDiv .content .title {
    width:100%;
    margin:0
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv {
    margin-bottom:1.563rem;
    max-width:580px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid rgba(128,128,128,0.164);
    padding:0.5rem 0;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard {
        width:45%
    }
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard:hover {
    color:#5d5e5f
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard span {
    display:none;
    width:30px;
    padding:0.5rem;
    margin-left:0.5rem;
    background-color:rgba(255,255,255,0.075);
    border-radius:0.3rem
}
.serviceCardSection .serviceCard .contentDiv .content .titleText {
    font-weight:300;
    line-height:140%;
    margin:0
}
.serviceCardSection .serviceCard .contentDiv .bgDiv {
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    padding-top:calc((9 / 16) * 100%);
    background-position:top
}
.serviceCardSection .serviceCard .imageDiv {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%;
    margin-bottom:1.563rem
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .imageDiv {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        margin:0;
        width:40% !important
    }
}
.serviceCardSection .serviceCard .imageDiv:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    height:100%;
    display:block
}
.serviceCardSection .serviceCard .imageDiv img {
    max-width:600px;
    margin:0 auto;
    margin-top:auto;
    border-radius:1rem
}
.serviceCardSection .serviceCard .imageDiv video {
    width:100%;
    height:auto;
    border-radius:1rem;
    margin:auto
}
/*# sourceMappingURL=page.css.map */

.pageBannerContainer {
    width:100%;
    overflow:hidden
}
@media (min-width: 1024px) {
    .pageBannerContainer {
        margin-bottom:none
    }
}
.pageBannerContainer .bannerSlider {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0s !important;
    transition:-webkit-transform 0.3s ease-in-out 0s !important;
    transition:transform 0.3s ease-in-out 0s !important;
    transition:transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s !important;
    -webkit-animation-timing-function:ease-in !important;
    animation-timing-function:ease-in !important
}
.pageBannerContainer .bannerSlider .slide {
    width:100%;
    min-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.pageBannerContainer .bannerSlider .slide .content {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    width:100%;
    background-color:#242323;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media (min-width: 1024px) {
    .pageBannerContainer .bannerSlider .slide .content {
        width:60%;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media (min-width: 1280px) {
    .pageBannerContainer .bannerSlider .slide .content {
        width:100%
    }
}
.pageBannerContainer .bannerSlider .slide .content .title {
    margin:0;
    font-weight:300;
    line-height:110%
}
.pageBannerContainer .bannerSlider .slide .content p {
    margin-top:.5rem;
    color:#ebedf3;
    font-weight:300;
    line-height:150%
}
.pageBannerContainer .bannerSlider .slide .content ul li {
    font-weight:300
}
.pageBannerContainer .bannerSlider .slide .content .btn {
    margin-top:3.052rem
}
.pageBannerContainer .bannerSlider .slide .image {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%;
    padding-top:calc((2 / 3) * 100%)
}
@media (min-width: 1024px) {
    .pageBannerContainer .bannerSlider .slide .image {
        width:40%;
        padding:0;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media (min-width: 1280px) {
    .pageBannerContainer .bannerSlider .slide .image {
        width:50%
    }
}
.pageBannerContainer .arrow {
    display:none;
    position:absolute;
    top:50%;
    z-index:101;
    width:40px;
    margin-top:-20px;
    background-color:#07244117;
    padding:0.75rem;
    -webkit-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
    cursor:pointer
}
@media (min-width: 568px) {
    .pageBannerContainer .arrow {
        display:block
    }
}
.pageBannerContainer .arrow:hover {
    background-color:#151923
}
.pageBannerContainer .prew {
    left:0;
    border-radius:0 .15rem .15rem 0
}
.pageBannerContainer .next {
    right:0px;
    border-radius:.15rem 0 0 .15rem
}
.pageBannerContainer .slideDropDiv {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:100;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pageBannerContainer .slideDropDiv .activeDrop {
    background-color:#151923 !important
}
.pageBannerContainer .slideDropDiv .slideDrop {
    width:6px;
    height:6px;
    margin:0 0.4rem;
    border-radius:12px;
    background-color:#ffffff60;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
.pageBannerContainer .slideDropDiv .slideDrop:hover {
    background-color:#D62525
}
.pageBannerContainer .mobHide {
    display:none !important
}
@media (min-width: 1024px) {
    .pageBannerContainer .mobHide {
        display:block !important
    }
}
.pageBannerContainer .pcHide {
    display:block !important
}
@media (min-width: 1024px) {
    .pageBannerContainer .pcHide {
        display:none !important
    }
}
.serviceCardSection {
    background-color:#ebffff
}
.serviceCardSection .innerSection {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width: 1024px) {
    .serviceCardSection .mdCard {
        width:48.5% !important
    }
}
.serviceCardSection .mdCard .contentDiv {
    width:100% !important
}
.serviceCardSection .serviceCard {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:1.5rem;
    margin-bottom:1.563rem;
    background-color:#fff;
    border:1px solid #ebedf3;
    -webkit-box-shadow:0px 10px 30px -17px rgba(0,0,0,0.288);
    box-shadow:0px 10px 30px -17px rgba(0,0,0,0.288);
    overflow:hidden;
    padding:1rem
}
@media (min-width: 320px) {
    .serviceCardSection .serviceCard {
        padding:1.563rem
    }
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard {
        padding:2.441rem;
        margin-bottom:2.441rem
    }
}
.serviceCardSection .serviceCard .contentDiv {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    min-height:250px
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .contentDiv {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        width:60%;
        min-height:300px;
        padding-right:2.441rem
    }
}
.serviceCardSection .serviceCard .contentDiv .titleDiv {
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-bottom:3.052rem
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title {
    width:100%;
    display:block
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
    margin:0;
    color:#242323;
    font-size:1.953rem;
    font-weight:600;
    line-height:100%;
    letter-spacing:-0.5px
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
        font-size:2.441rem
    }
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .contentDiv .titleDiv .title .titleText {
        font-size:3.052rem;
        line-height:110%;
        letter-spacing:-1.5px
    }
}
.serviceCardSection .serviceCard .contentDiv .titleDiv .title .subTitle {
    margin-top:.75rem;
    color:#242323;
    font-size:1.25rem;
    font-weight:300;
    line-height:130%
}
.serviceCardSection .serviceCard .contentDiv .content {
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-top:auto;
    border-top:1px solid #24232327;
    padding-top:1rem !important
}
.serviceCardSection .serviceCard .contentDiv .content .label {
    display:none;
    min-width:40px
}
@media (min-width: 768px) {
    .serviceCardSection .serviceCard .contentDiv .content .label {
        min-width:60px
    }
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv {
    margin-top:1.563rem;
    padding-left:1rem
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv li {
    margin-bottom:0.5rem
}
.serviceCardSection .serviceCard .contentDiv .content .listDiv li:before {
    content:"";
    position:absolute;
    left:-1rem;
    top:4.5px;
    width:6px;
    height:6px;
    display:inline-block;
    background-color:#D62525;
    border-radius:1rem
}
.serviceCardSection .serviceCard .contentDiv .content .serviceCardImage {
    display:block;
    border-radius:0;
    margin-bottom:1.563rem
}
.serviceCardSection .serviceCard .contentDiv .content p {
    margin:0;
    font-size:1rem;
    font-weight:400
}
.serviceCardSection .serviceCard .contentDiv .content .btn {
    margin-top:1rem;
    font-size:1rem;
    font-weight:600;
    letter-spacing:0
}
.serviceCardSection .serviceCard .contentDiv .content .title {
    width:100%;
    margin:0
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv {
    margin-bottom:1.563rem;
    max-width:580px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid rgba(128,128,128,0.164);
    padding:0.5rem 0;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
@media (min-width: 568px) {
    .serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard {
        width:45%
    }
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard:hover {
    color:#5d5e5f
}
.serviceCardSection .serviceCard .contentDiv .content .subCardDiv .subCard span {
    display:none;
    width:30px;
    padding:0.5rem;
    margin-left:0.5rem;
    background-color:rgba(255,255,255,0.075);
    border-radius:0.3rem
}
.serviceCardSection .serviceCard .contentDiv .content .titleText {
    font-weight:300;
    line-height:140%;
    margin:0
}
.serviceCardSection .serviceCard .contentDiv .bgDiv {
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    padding-top:calc((9 / 16) * 100%);
    background-position:top
}
.serviceCardSection .serviceCard .imageDiv {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%;
    margin-bottom:1.563rem
}
@media (min-width: 1024px) {
    .serviceCardSection .serviceCard .imageDiv {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        margin:0;
        width:40% !important
    }
}
.serviceCardSection .serviceCard .imageDiv:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    height:100%;
    display:block
}
.serviceCardSection .serviceCard .imageDiv img {
    max-width:600px;
    margin:0 auto;
    margin-top:auto;
    border-radius:1rem
}
.serviceCardSection .serviceCard .imageDiv video {
    width:100%;
    height:auto;
    border-radius:1rem;
    margin:auto
}
/*# sourceMappingURL=page.css.map */
Copy code
download
reset

Tell your friends about this tool!
Web hosts that will increase your site speed
4.8
Lowest prices on the market for long-term plans
Visit Site
4.8
Dedicated support advisor and instantly scalable performance
Visit Site
4.8
The best choice for hosting on a month-to-month basis
Visit Site
4.8
Best managed hosting for multiple platforms, from WordPress to Magento
Visit Site
Like this tool? Rate it!
4.8 (Voted by 18 users)

Reviews

    Website Builders
    Web Hosting
    Logo Design Services
    Email Marketing Services
    Freelance Websites
    Landing Page Creators
    Form Builders
    Social Media Tools
    Cloud Storage
    Project Management Software
    Credit Card Processing
    LLC services

Tools

    Compress PNG/JPG
    Free QR Code Generator
    Share Link Creator
    Domain Expiration Checker
    Site Down or Not
    Multiple URL Opener

Information

    About
    Blog
    News
    Contact Us
    FAQ
    Disclosure
    Sitemap
    Testing Methodology
    Privacy Policy
    Terms of Use
    DMCA Policy

Follow us
© 2023 WebsitePlanet.com. All Rights Reserved.