.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
.contentSection .leftSection{
    width: 67%;
    float: left;
}
.contentSection .leftSection .provide_text{ 
display: flex;
align-items: center; 
flex-wrap: wrap;
}
.contentSection .leftSection .provide_text img{width: 123px;float: left;/* margin-right: 10px; */}
.contentSection .leftSection .provide_text h1{width:calc(100% - 123px);float: left;}
.contentSection .leftSection .provide_text img+h1{
   padding-left: 10px; 
}
.contentSection .leftSection .provide_text::after{
    content: "";
    display: block;
    clear: both;
}
.contentSection .rightSection{
    float: right;
    width: 33%;
}
.contentStyles h1{
    margin-top: 0px;
}
 .contentStyles ol{
     padding-left: 15px; 
 }
.insurerBlock .insurerLogo.articleImg img{
    object-fit:cover;
    border-radius: 4px;
    border:1px solid rgba(0,0,0,0.05);
}
.detailsWrapper h4,
.detailsWrapper h2 {
    font-weight: 500;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #253858;
    font-size: 24px;
}
.alsoRead .storyImg {
    height: 165px;
    overflow: hidden;
    background: #f5f5f5;
}
.alsoRead .storyTxt {
    line-height: 28px;
    padding: 15px 20px 0;
    font-weight: 400;
    font-size: 16px;
    color: #253858;
    height: 293px;
    border-bottom: solid 0.8px rgba(23, 43, 77, 0.2);
    overflow: auto;
}
.alsoRead .storyTxt > p {
    color: #253858;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
}
.alsoRead .storyTxt > p a {
    color: #253858;
}
.alsoRead .btn {
    text-align: center;
    padding: 15px 10px;
    text-transform: uppercase;
    color: #0065ff;
    display: block;
    font-weight: 500;
    font-size: 14px
}
.alsoRead .storyImg img {
    width: 100%;
    display: block;
}
.detailsWrapper .card {
    border-radius: 8px;
    border: solid 0.8px rgba(23, 43, 77, 0.2);
    padding:0;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    outline: none;
}
.detailsWrapper .slick-slide{
    margin-right:20px;
}
.detailsWrapper .slick-slide a:focus{
    outline: none;
    display: block;
}
.detailsWrapper .slick-slide:focus{
    outline: none;
}
.carouselWrapper .carouselBlock.comparisons .btn:focus {
    outline: none;
}

.carouselWrapper .slick-arrow {
    position: absolute;
    width: 31px;
    height: 31px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid rgba(23, 43, 77, 0.2);
    top: -30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    z-index: 2;
}
.carouselWrapper .slick-arrow::before {
    content: "";
    border: solid rgba(23, 43, 77, 0.5);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 10px;
    width: 8px;
    height: 8px;
    /* line-height: 38px; */
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.carouselWrapper .slick-arrow.slick-next::before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.carouselWrapper .slick-arrow.slick-prev {
    right: 62px;
    left: auto;
}
.carouselWrapper .slick-arrow.slick-next {
    right: 20px;
}


#commercial_vehicle_article_leftpanel ul {
    padding-left: 20px;
}

/* You may also like section starts */

.you-maylike .icnSprite {
    font-size: 20px;
    padding-bottom: 10px;
    background: 0 0;
    font-weight: 700;
    margin: 0px 0px 15px 0px;
    text-align: left;
    text-transform: capitalize;
    color: #014667;
    clear: both;
    padding-top: 20px;
    display: inline-block;
    position: relative;
}

.you-maylike .icnSprite::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 2px solid #014667;
    bottom: 0;
}

.you-maylike ul.article_like li,
.you-maylike ul.article_like li:hover {
    border-bottom: 1px solid #ddd;
    clear: both;
    list-style: none;
    padding: 10px 0 10px 0;
}

.you-maylike ul.article_like li .image-box {
    display: table-cell;
    height: 50px;
    width: 90px;
}

.you-maylike ul.article_like .youmaylike_content {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

.you-maylike .article_like a {
    display: block;
    padding: 0 0 10px;
    color: #337ab7;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}

.you-maylike p {
    font-weight: 400;
    line-height: 23px;
    font-size: 14px;
    color: #253858;
    margin-top: 0px;
}

.you-maylike .article-info dl.article-info {
    margin: 0 0 5px;
}

.you-maylike .article-info dt, 
.you-maylike .article-info dd {
    color: #91919a;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px;
}
/* You may also like section starts ends */

.rightSection {
    float: left;
}

.card.articles .card_heading {
    padding: 10px 10px 10px 16px;
} 

#policybazaar {
    overflow: auto ;
}

.contentSection .leftSection h1,
.contentSection .leftSection h2,
.contentSection .leftSection h3 {
    font-weight: 500;
    letter-spacing: normal;
    color: #212121;
    margin: 15px 0 5px;
}

.contentSection .leftSection h1 {
    font-size: 22px;
}

.contentSection .leftSection h2 {
    font-size: 20px;
}

.contentSection .leftSection h3 {
    font-size: 18px;
}

.providerandproductContent h4 {
    font-size: 16px;
}

.contentSection .paragraphBu,
.contentSection ul li,
.contentSection ol li {
    margin: 0;
    letter-spacing: normal;
    color: #656b6f;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: 28px;
    padding: 5px 0;
    box-sizing: border-box;
}

@media(max-width: 1024px){
    .contentSection .leftSection{
        width: 100%;
        float: none;
        margin-bottom: 20px !important;
   }

   #policybazaar {
       width: 100%;
   }

   .breadcrumbinner, .insuranceProvider,
   .articleWrapper .commercial_vehicle_top .disForm.bluetheme {
        width: 100%;
        margin: 0px auto;
    }

    .articleWrapper .contentSection {
        width: 96%;
        margin: 20px auto 0;
        float: initial;
        padding: 22px 0px 0 0px;
    }

    .rightSection .card {
        border: none;
        border-radius: 0;
        border-top: solid 1.5px rgba(23, 43, 77, 0.2);
        border-bottom: solid 1.5px rgba(23, 43, 77, 0.2);
    }

    .card.articles .insurerBlock .insurerLogo.articleImg {
        border: none;
    }

    .card.articles .insurerBlock .insurerName {
        font-weight: 200;
        font-size: 14px;
        color: rgba(23, 43, 77, 0.4);
        width: calc(100% - 80px - 10px);
        margin-left: 10px;
        padding-right: 10px;
    }
}

@media(max-width: 768px){
    .contentSection .leftSection .provide_text{
        display: block;
    }
    .contentSection .leftSection .provide_text img{
        float: none;
        margin:0 auto;
        display: block;
    }
    .contentSection .leftSection .provide_text h1{
        width: 100%;
        float: none;
    }
    .contentSection .leftSection .provide_text img+h1{
        padding-left: 0px;
        text-align: center;
        margin-top: 5px;
    }
}

@media(max-width: 767px){
.contentStyles h1{
    font-size:20px;
  } 
 .contentStyles h2, .contentStyles h3, .contentStyles h4,.alsoRead .storyTxt > p{
    font-size: 18px;
 } 
 .alsoRead .storyTxt{
    padding: 12px 10px 0px;
 }
 .alsoRead .storyTxt{
    font-size: 14px;
 }
 .alsoRead .storyImg{
    height: 140px;
 }
 .alsoRead .storyTxt{
    height: 225px;
 }
}
.insurerBlock .supplier_icon.Reliance_General_Commercial_Vehicle_Insurance_icon{
    background-position: 5px -810px;
}
.insurerBlock .supplier_icon.Shriram_General_Commercial_Vehicle_Insurance_icon{
   background-image: url(../../images/landingpage_partner.png?v=1.0.10);
   background-position: -193px -543px;
   background-size: 237px auto;
  
}
.insurerBlock .supplier_icon.Tata_AIG_Commercial_Vehicle_Insurance_icon{
    background-position: 6px -1150px;
}
.insurerBlock .supplier_icon.Reliance_General_Commercial_Vehicle_Insurance_icon{
    background-position: 5px -810px;
}
.insurerBlock .supplier_icon.Oriental_Insurance_Commercial_Vehicle_icon{
    background-position: 1px -1775px;
}
.insurerBlock .supplier_icon.Raheja_QBE_Commercial_Vehicle__Insurance_icon{
    background-position: 2px -1614px;
}
.insurerBlock .supplier_icon.Cholamandalam_Commercial_Vehicle_Insurance_icon{
    background-position:5px -1863px;
}
/*artcile newsletter*/

.article_newsLetter {
    position: relative;
    overflow: hidden;
    background: #f1f3f5;
    border: none;
    padding-bottom: 17px;
    padding-top: 37px;
}
.article_newsLetter .newsletterImg{
    text-align: center;
}
.article_newsLetter .titleText {
    margin-bottom: 0;
    color: #253858;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 10px 14px;
    text-align: center;
}
.article_newsLetter  .subText {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #253858;
    padding-bottom: 15px;
}
 .fieldsWrapper {
    margin-bottom: 10px;
}
.fieldsWrapper .field {
    border-radius: 4px;
    border: solid 1px rgba(37, 56, 88, 0.2);
    outline: none;
    -webkit-appearance: none;
    position: relative;
    transition: border 0.3s ease-in;
}
.fieldsWrapper .field input{
    border: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #172b4d;
    padding: 0 16px;
    border-radius: 4px;
    height: 48px;
}
.article_newsLetter .btn {
    width: 100%;
}
.article_newsLetter .btn {
  
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.05em;
    text-decoration: none;
  
    font-size: 14px;
    padding: 10px 12px;
   
    border: solid 1px #0065ff;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 4px;
    background: #fff;
    color: #0065ff;
}
.article_newsLetter .btn:focus,.article_newsLetter input:focus{
    outline: none;
}

.search_article {
    border-radius: 4px;
    border: 1px solid rgba(23, 43, 77, 0.2);
    padding: 6px 16px 16px 16px;
    margin-bottom: 20px;
}

.card .card_heading {
    margin-bottom: 0;
    color: #253858;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    text-align: left;
    line-height: normal;
    text-transform: capitalize;
}

.search_article .card_heading {
    padding-left: 0;
}

.search_article .titleText {
    text-transform: capitalize;
    padding: 20px 0 10px 0px;
    margin: 0;
    display: block;
    float: left;
    width: 100%;
    font-size: 18px !important;
    font-weight: 600;
}
#searchForm input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    margin-bottom: 10px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    border: none;
    width: 100%;
    font-size: 14px;
    color: #172b4d;
    padding: 0 16px;
    border-radius: 4px;
    height: 48px;
    border: solid 1px rgba(37, 56, 88, 0.2);
}
input:invalid {
    box-shadow: none;
}

.card.articles {
    padding: 6px 16px;
}

.card.articles .insurerBlock {
    align-items: center;
    margin-bottom: 0px;
    display: flex;
    border-top: solid 0.8px #d3d7de;
    padding: 5px 16px;
}
.insurerBlock .insurerName span {
    color: #172b4d !important;
}

.article_newsLetter .ns_error {
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
    margin: 10px 0 0px;
    padding: 2px 6px;
    font-size: 11px;
}
.article_newsLetter .ns_error:before {
    content: "\f071";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 10px;
}
.article_newsLetter .ns_error.ns_success {
    background: #e4f2de;
    border: 1px solid #cdf5bc;
    color: #079d47;
 
}
.article_newsLetter .ns_success:before {
    content: "\f00c";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 10px;
}
#searchForm button {
    cursor: pointer;
    display: block;
    width: 100%;
    background: #0c4178;
    color: #fff;
    padding: 11px 15px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    outline: 0;
}
#searchForm button span {
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}
#searchForm button span::after {
    content: "\f061";
    font-family: Fontawesome;
    color: #fff;
    right: 10px;
    font-size: 15px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.searchError {
    clear: both;
    font-size: 12px;
    font-family: inherit;
    padding: 0 0 7px 0;
    color: #f00;
    font-weight: normal;
}

.insurerBlock::after {
    right: 23px;
}