@media(min-width: 1200px) {
    #comparison-section .container {
        margin: 0 auto;
        max-width: 60%;
    }
    .comparison-car-collector .container {
        margin: 0 auto;
        max-width: 33% !important;
    }


}
@media(min-width: 576px) and (max-width: 1199px) {
    #comparison-section .container {
        margin: 0 auto;
        max-width: 80%;
    }

}

@media (max-width: 1199px)
{
.comparison-car-collector .container {
    margin: 0 auto;
    max-width: 50% !important;
}
}

@media (max-width: 860px)
{
    .comparison-car-collector .container {
    margin: 0 auto;
    max-width: 60% !important;
}
}

@media (max-width: 715px)
{
    .comparison-car-collector .container {
    margin: 0 auto;
    max-width: 70% !important;
}
}

@media(max-width:575px)
{
    .comparison-car-collector .container {
        margin: 0 auto;
    max-width: 100% !important;
    }

}




[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 30px;
    padding: 8px 8px;
    color: #4adede;
    /*background: #1AA7EC;*/
    background:#020b56;
    border-radius: 10px;
    margin-left: 0px;
    font-weight: normal;
}

.h-100 {
    height: 100%!important;
}
.font-weight-600
{
    font-weight: 600;
}
.comparison-section .rounded-lg
{
    border-radius: .9rem!important;
}

.comparison-section
{
background:url("../img/comparison-background.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;

}
.comparison-section .discount-item
{
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotateZ(45deg);
    font-size: 0.9rem;
}


.comparison-section .discount-item-free
{
    position: absolute;
    top: 20px;
    right: 0px;
    transform: rotateZ(45deg);
    font-size: 0.9rem;
}


.comparison-section .discount-item .txt
{
    position: relative;
    z-index: 2;
    right: -5px;
}

.comparison-section .discount-item .txt-free
{
    position: relative;
    z-index: 2;
    right: 17px;
    font-size: 16px;
    bottom: -2px;

}

.comparison-section .discount-item::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;
    transform: translateX(-30%);
}





.comparison-section .discount-item.off-30::after
{
    background-color: #4adede;
}
.comparison-section .discount-item.off-50::after
{
    background-color: #0E183C;
}
.comparison-section .discount-item.off-70::after
{
    background-color: #020b56;
}
.comparison-section .price
{
    color: #1aa7ec;
    font-size: 1.8rem;
}

.margin
{
margin-bottom: 30px;
}

.start-now  {
    color: white;
}

.start-now a {
    width: 200px;
}

.comparison-section .price sub
{
    font-size: 1.2rem;
    margin-left: -.8rem;
    bottom: 0;
}
.comparison-section .period
{
    color: #4adede;
    font-size: 1.8rem;
    margin-left: 2rem;
}
.comparison-section .icon
{
    width: 3rem;
}
.comparison-section .item-txt
{
    color: #1d2f97;
}
.comparison-section .list_item
{
    border-bottom: 1px solid #ddd;
    padding: .2rem 0;
}
.comparison-section .list_item:last-of-type
{
    border-bottom: none;
}
.comparison-section .btn-primary,
.comparison-section .btn-primary:hover
{
    background-color: #1d2f97;
    border-color: #1d2f97;
    font-size: 1.3rem;
}




.for-ribbon {
    position: relative;
}

.for-ribbon:before {
    content: "";
    background-color: #1aa7ec;
    position: absolute;
    z-index: 999;
    color: #fff;
    width: 36px;
    height: 282px;
    -ms-transform: rotate(20deg);
    transform: rotate(222deg);
    top: -77px;
    left: -3px;
}

p.fore-ribbon-text {
    position: absolute;
    top: 22px;
    text-align: center;
    color: #fff;
    z-index: 999;
    -ms-transform: rotate(20deg);
    transform: rotate(311deg);
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    font-size: 16px;
    left: 7px;
}