.selectmodeltxtcs
{
    font-family: 'Roobert-SemiBold';
    word-break: break-word;
}

.container-pd10
{
    padding: 10px;
}
.pdslidercs
{
    padding: 20px 5px 5px 5px;
     border-radius: 30px;
      background: #efefef;

}
.compareslider
{
    display: none; display: flex;
    align-content: flex-start;
    align-items: center;
}
.listtypecs
{
    list-style-type: none;
}
.productlisted
{
    display: flex;
    justify-content: center; 
    padding: 40px;
}
.textdecnone
{
    text-decoration: none;
}
.pdnamestylecs
{
    margin-top: -8px; 
    margin-bottom: 10px;
    font-family: 'Roobert-SemiBold';
    font-style: normal;
    font-size: 15px;
    color: black !important;
    padding-top:5px;

}
.prodnamecs
{
    font-family: 'Roobert-SemiBold';
    font-style: normal;
    font-size: 15px; 
    color: black !important;
}
.wid100
{
    width:100%
}
.tabledata-widthcs
{
    align-items: center; 
    border: 5px solid white;
    border-radius: 30px;
}
.productcardcs
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.pdnamecs
{
    font-weight: 600;
     font-size: 25px
}
.comparetblecamsection
{
    background: #EFEFEF;
    border: 5px solid white;
    align-items: center;
    min-width: 50vw;
    font-family: 'Roobert-SemiBold'; 
    border-radius: 30px; 
    height:18rem;
    vertical-align: middle;
}
.disnone
{
    display: none;
}

.comptablecs {
    background: #EFEFEF;
    border-right: 5px solid white;
}
.compareTable-namecs
{
    font-weight: 600;
    font-family: 'Roobert-SemiBold';
}
.prodpricecs{
    font-size: 20px; 
font-family: 'Roobert-SemiBold';
}
.procomptabledata{
background: #EFEFEF;
border-right: 5px solid white;
border-radius: 0px 0px 30px 30px;
}

.card-body {
    text-align: center;
}

.removepdbtn {
    color: wheat;
    text-align: center;
    padding-top: 71px;
}

.removepd {
    display: none;
}

.card-figure:hover .removepd {
    display: block;
}

.removepd span {
    color: whitesmoke;
    background-color: #006cff;
    border-radius: 0%;
    height: 11.5rem;
    position: absolute;
    top: 0rem;
    transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.22, 0.99);
    width: 12rem;
    z-index: 999;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 14px;
}



.promo-container {
    position: relative;
    text-align: center;
}

.hero-heading {
    font-size: 2.5rem;
    line-height: 1;
}

.promo {
    color: black !important;
    font-size: 0.9rem !important;

    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.dash-close-btn {
    border-radius: 10px;
    background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
    -webkit-text-fill-color: transparent !important;
    right: 10px;

}

.cmp-heading {
    font-family: 'Roobert-Bold';
    font-size: 30px;
    word-break: break-word;

}

@media (min-width: 768px) {

    .promo,
    .promo-text-alignment {
        /* height: 50px; */
        font-size: 15px;
        font-weight: 700;
        line-height: 50px;
    }
    
    .modal {
        width: 30%;
    }
}

@media screen and (max-width: 992px) and (min-width: 8px) {
    .body {
        margin-top: 0rem;
    }

    .headingdash {
        display: none;
    }
    img.compare-dashcam
    {
        height: 50px;
        width: 70px;
        text-align: center;
        object-fit: contain;
        margin: 0 auto;
    }
}

/* .compareTable .compareTable-row .compareTable-product  {
width: calc(200% + 60px) !important;
} */

.card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 0% !important;
    width: 100%;

}

table {
    background: #fff;
    border: solid 0px #dfdfdf;
}

table {
    border-spacing: 0;
}

.availab {
    background: #dee2e6;
}

table tr.alt,
table tr.even,
table tr:nth-child(even) {
    background: #ffffff;
}

#main-content {
    background: #ffffff;
}

.bg-light-gray {
    background-color: #353948 !important;

}

.bg-light {
    background-color: #EFEFEF !important;

}

/* .container
{
width: 100vw;
margin-left: calc(-50vw + 50%);
} */

.text-white {
    color: #fff !important;
}


.table-row-inner {
    display: flex;
    opacity: 0.1;
}

.disabled {
    opacity: 0.1;
}

.imgct {
    height: 110px;
    position: relative;
    width: 150px;
    padding: 20px;
}

.compare-btns {
    letter-spacing: -.06px;
    padding-left: 38px !important;
    padding-right: 38px !important;
    display: inline-block;
    font-weight: 700;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #C4C4C4;
    ;
    padding: 0.625rem 0.75rem;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* .compare-dashcam {
max-width: 100px !important;
} */
.instalmentpaym, .splititinstalment {
    font-size: 14px;
    font-family: 'Roobert-SemiBold';
}


@media only screen and (max-width: 768px) {
    .cmp-heading {
        font-family: 'Roobert-Bold';
        font-size: 22px;
        word-break: break-word;

    }


    .dash-close-btn {
        border-radius: 10px;
        background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
        -webkit-text-fill-color: transparent !important;
        right: 0px;
        top: -21px;

    }


    .compare-dashcam {
        max-width: 100px !important;
    }

    .select-dash-cam {
        font-size: 15px !important;
    }

    .add-to-cart-btn-cpm {
        font-weight: 700;
        font-family: 'Roobert-Bold';
        font-size: 11px;
        background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
        background-clip: text !important;
        width: 70% !important;
        color: white !important;
    }

    .btns-cmp-downsection {

        display: flex !important;
        /* margin-left: -7px; */
        flex-direction: column !important;
        justify-content: center;
        align-items: center;

    }

    .add-to-cart-btn-cmp-learn {
        font-weight: 700;
        font-family: 'Roobert-Bold';
        font-size: 15px;
        background: white transparent;
        background-clip: text !important;
        width: 70% !important;
        padding: 8px !important;
        margin: 10px;
    }

    .instalmentpaym, .splititinstalment {
        font-size: 12px !important;
        font-family: 'Roobert-SemiBold';
    }

    .add-to-cart-btn-cmp {
        font-weight: 700;
        font-family: 'Roobert-Bold';
        font-size: 15px;
        background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
        /* background-clip: text !important; */
        width: 40% !important;
        color: white !important;
        padding: 7px !important;
        margin-left: 7px !important;
    }

    .card-image {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
        font-family: "object-fit: contain;";
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 50%;
    }

    table tbody {
        display: block;
        max-width: 100%;
        overflow-y: scroll;
    }

    td {
        max-width: 48vw !important;
    }

    .promo-container {
        width: 100%
    }

    .removepd span {
        color: black;
        background-color: transparent;
        border-radius: 0%;
        height: 0rem;
        position: absolute;
        right: 2rem;
        top: -3rem;
        width: 5rem;
        z-index: 999;
        display: block;
    }

    .removepd {
        display: flex;
    }

    .imgct {

        height: 55px;
        position: relative;
        width: 157px;
        padding: 20px;
        bottom: 8px;
        margin-left: 64px;
    }

    /* display: flex;
    }

    /* .tb-container{
    width: calc(200% + 60px);
} */
    .cmp-textcs {
        font-family: 'Roobert-Bold';
        font-style: normal;
        font-weight: 500;
        font-size: 39px !important;
        line-height: 93%;
    }



}

/* @media (max-width: 767.98px){
.pdview-container {
width: calc(100% - 10px);
}
} */
.dscam-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.noopacity {
    opacity: 1;
}

.withopacity {
    opacity: 1 !important;
}

.add-to-cart-btn-cmp {
    font-weight: 700;
    font-family: 'Roobert-Bold';
    font-size: 15px;
    background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
    /* background-clip: text !important; */
    width: 20%;
    color: white !important;
    padding: 8px !important;
    margin-left: 18px;
}

.add-to-cart-btn-cmp-learn {
    font-weight: 700;
    font-family: 'Roobert-Bold';
    font-size: 15px;
    background: white transparent;
    background-clip: text !important;
    width: 35%;
    padding: 8px !important;
}

table tr th {
    font-family: 'Roobert-Light' !important;
    font-weight: 700 !important;
    text-align: left !important;
}

table tr td {
    font-family: 'Roobert-Light' !important;
    font-size: 12px !important;
    text-align: center !important;
}

.card-title,
.price-section {
    text-align: center !important;
}

table tr.alt,
table tr.even,
table tr:nth-child(even) {
    background: #ffffff;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 92%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 92%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.compareslider .slick-next,
.compareslider .slick-prev {
    background-color: rgb(255 255 255 / 0%) !important;
    border: 1px solid #ffffff00 !important;
}

.carousel-tooltip {
    display: none !important;
}

.bg-grad-cmp {
    background: linear-gradient(267.01deg, #990AE2 29.78%, #0B77CA 97.51%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
}

.container {
    padding: 0 !important;
}

.cmp-textcs {
    font-family: 'Roobert-SemiBold';
    font-style: normal;
    font-weight: 500;
    font-size: 92px;
    line-height: 93%;
}

.btns-cmp-downsection {
    display: flex;
    /* margin-left: -7px; */
    flex-direction: row;
    justify-content: center;
}

.select-dash-cam {
    font-size: 22px;
}


.icon-compare {
    fill: #ffffff !important;
    height: 1.5rem;
    margin-top: 0.5rem;
    width: 1.5rem;
}


/* image sprite  */

.compare-polarisingfilterbuiltin {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: 0 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-compatible {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: 0 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

/* 4k png */

.compare-4k30fps144060fps1080hd120fps {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -78px 0;
    height: 66px;
    width: 67px;
    background-size: auto 67px;

}

.compare-3”hdipstouchscreen {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -155px 0;
    height: 66px;
    width: 67px;
    background-size: auto 67px;

}

/* Image Stabilization */
.compare-imagestabilization {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -232px 0;
    height: 66px;
    width: 67px;
    background-size: auto 67px;

}

.compare-what3words {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -309px 0;
    height: 66px;
    width: 67px;
    background-size: auto 67px;

}

.compare-alexabuiltin {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -386px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

/* 2K */
.compare-1440phd30fps1080phd60fps {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -463px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-dualbandwifi {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -540px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-wifi {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -540px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

/* 1080p */
.compare-1080phd60fps720p60fps {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -617px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-1080phd30fps720p60fps {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -617px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-25”hdipstouchscreen {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -694px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-25”hdipsscreen {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -694px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

/* 2 inches */
.compare-2”ledscreen {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -771px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-720phd30fps {
    background: url("https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/sprites-70-1-.png");
    background-position: -848px 0;
    width: 67px;
    height: 67px;
    background-size: auto 67px;
}

.compare-na {
    /* background: url("https://cdn11.bigcommerce.com/s-o257sk57z9/images/stencil/original/image-manager/compare-no.png"); */
    /* background-position: 0px 0; */
    width: 71px;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.9px solid #8F37E0;
    border-radius: 50px;
}
.cartbtncompare
{
    pointer-events: none;
}

.popup-cnt {
        color: #000;
        margin-top: 40px;
        font-family: "Roobert-Regular" !important
    }
    
    .popup-cnts {
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: -.07px;
        font-family: "Roobert-Regular" !important;
        color: #000;
        font-weight: 400;
        padding: 0px 30px 0px 30px
    }
    .popup-hd {
      font-size: 1.50rem;
      line-height: 1.5;
      letter-spacing: -.17px;
      word-spacing: 0px;
      font-family: 'Roobert-Medium';
      color: #000;
      font-weight: 600;
      padding: 0px 30px 0px 30px;
    }
    .compareTable-row [data-reveal-id="myModal"]{
        cursor: pointer;
    }
    [data-content-region="header_bottom"] div[data-layout-name="Layout"]{
        width: 100%;
    }
    .compareTable {
        border-top: 0px solid #e5e5e5 !important;
    }