@charset "UTF-8";.boldfont, .h1, .h2, .h3, .h4, .h5, .h6, html[lang=en] body .boldfont {
    letter-spacing: .4px;
    font-family: tj-bold
}

body, html[lang=en] body, html[lang=en] body .accordion-block .accordion-inner .accordion-content h4, html[lang=en] body .page-banner .page-banner-content .page-banner-subheading, html[lang=en] body .page-banner .page-banner-content h2 {
    font-family: tj-regular
}

ol, p, ul {
    margin-bottom: 10px
}

/*.link__text, a {color: #2176ae }*/
a.weblink, body {
    color: #333
}

a, a:hover {
    transition: .2s
}

.custom-input, select.form-control {
    background-position-x: 97.5%;
    background-position-y: 55%
}

.btn-global, .btn-trans, .callnowbtn .blueBtn {
    transition: .3s;
    outline: 0;
    text-align: center
}

.ellipsis, .fillBtn, .oneline {
    white-space: nowrap;
    text-overflow: ellipsis
}

.link__text.link__textUnderline, .text-decoration-underline, .text-right-inner, .write-review {
    text-decoration: underline
}

.brand-cardCommon-slider .owl-nav button.owl-next:after, .brand-cardCommon-slider .owl-nav button.owl-prev:before {
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    top: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@font-face {
    font-family: tj-regular;
    font-display: block;
    src: url(../../fonts/mulish-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: tj-bold;
    font-display: block;
    src: url(../../fonts/mulish-bold.woff2) format("woff2");
    font-style: normal
}

@font-face {
    font-family: tj-semibold;
    font-display: block;
    src: url(../../fonts/mulish-semibold.woff2) format("woff2");
    font-style: normal
}

@font-face {
    font-family: tj-medium;
    font-display: block;
    src: url(../../fonts/mulish-medium.woff2) format("woff2");
    font-style: normal
}

@font-face {
    font-family: hindi-regular;
    font-display: block;
    src: url(../../fonts/NotoSansDevanagariUI.woff2) format("woff2")
}

:root {
    font-family: tj-regular, Arial, Helvetica, sans-serif
}

html {
    overflow-x: hidden
}

html[lang=en] body h1, html[lang=en] body h2, html[lang=en] body h3, html[lang=en] body h4, html[lang=en] body h5, html[lang=en] body h6 {
    font-family: tj-bold, Arial, Helvetica, sans-serif;
    line-height: 1.4
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0
}

html[lang=en] body .navbar-nav .nav-item .nav-link {
    font-family: tj-bold, Arial, Helvetica, sans-serif
}

.reviewNew-main .reviewNew-info .reviewNew-details .name, html[lang=en] body .compare-main-heading h3, html[lang=en] body .compare-main-heading p, html[lang=en] body .tab-block .nav-tabs a, html[lang=en] body .why-choose-us .why-choose-steps, html[lang=hi] .reviewNew-title {
    font-family: tj-bold
}

.callnowbtn .blueBtn, .newcontent .read-more, html[lang=en] body .text-editor-block span.boldfont {
    font-family: tj-bold !important
}

html[lang=en] body .text-editor-block span {
    font-family: tj-regular !important
}

html[lang=hi] body .page-title .breadcrumbs-main {
    padding-top: 5px
}

.contentTrim h2, .contentTrim h3, .f-18, .video-ad .video-ad-right .video-ad-heading, html[lang=hi] body .heading-bar h1, html[lang=hi] body .heading-bar h2 {
    font-size: 18px
}

.f-11, .premium-tag, html[lang=ta] body {
    font-size: 11px
}

body {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .2px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    letter-spacing: .4px;
    font-family: tj-bold, Arial, Helvetica, sans-serif
}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast
}

ol, ul {
    list-style: none;
    padding-left: 0
}

.cursor, .link__text:hover, .text-right-inner:hover {
    cursor: pointer
}

.linkwhite:hover, .load-more-latest:hover, .seemoreBtn:hover, a:hover {
    color: #ffbd59;
}

a:hover {
    text-decoration: none
}

.linkwhite, .section-heading.section-heading-white h1, .section-heading.section-heading-white h2, .section-heading.section-heading-white h3, .section-heading.section-heading-white h4 {
    color: #fff
}

.social-media a:not(:last-child) {
    margin-right: 5px
}

.social-media img {
    width: 25px
}

.filter-img {
    filter: invert(100%)
}

.grey-bg {
    background-color: #f6f6f6 !important
}

.white-bg {
    background-color: #fff !important
}

.mediumfont {
    font-family: tj-medium
}

.semiboldfont {
    font-family: tj-semibold !important
}

.section-heading .h1, .section-heading .h2, .section-heading .h3, .section-heading h1, .section-heading h2, .section-heading h3 {
    font-size: 21px
}

.section-heading.sub-heading .h1, .section-heading.sub-heading .h2, .section-heading.sub-heading .h3, .section-heading.sub-heading h1, .section-heading.sub-heading h2, .section-heading.sub-heading h3, .section-heading.sub-heading h4 {
    font-size: 19px
}

.section-heading.heading-border h1, .section-heading.heading-border h2, .section-heading.heading-border h3, .section-heading.heading-border h4 {
    background-color: #f5f5f5;
    padding: 8px 10px;
    border-left: 2px solid #0d3b66
}

.section-css-slider {
    white-space: nowrap;
    overflow-x: auto
}

.premium-tag {
    background-color: #ef9526;
    padding: 0 8px;
    display: inline-block;
    color: #333
}

.viewall a, .viewall button, .viewall span {
    background-color: #ffffff;
    border: 1px solid #cd454e;
    line-height: 36px;
    color: #cd454e;
    border-radius: 3px
}

.truc-off .widget-viewall a:hover, .viewall a:hover, .viewall button:hover, .viewall span:hover {
    background-color: #cd454e;
    color: #fff;
    cursor: pointer
}

.box-shadow {
    box-shadow: 0 1px 2px rgb(36 39 44 / .15)
}

#registration_clue strong, .ad-block, .bgColorGlobal.bgColorGlobalFull, .bgColorGlobal.bgColorGlobalFull .container-mid {
    position: relative
}

.LoadMoreDiv .weblink:hover img.m-img-icon, .fillBtn, .viewall-btn {
    display: inline-block
}

.LoadMoreDiv .weblink .m-img-icon, .LoadMoreDiv .weblink:hover img.d-img-icon, .ad-block span, .brand-cardCommon-slider .owl-nav button.disabled, .jR3DCarouselGallery .navigation, .latest-updates-wrapper, .read-less-btn, .revamp-title.revamp-title-used::before, .review-rating input {
    display: none
}

.b-t-1 {
    border-top: 1px solid #ececec
}

.fixed-height-google-ad {
    height: 275px !important;
    text-align: center;
    width: 100%
}

.fixed-height-google-ad .adsbygoogle, .fixed-height-google-ad iframe, .fixed-height-google-ad ins {
    display: block;
    width: 100%;
    height: 275px !important
}

.adsbygoogle {
    display: block;
    text-align: center;
    width: 100%
}

.list-page-heading {
    padding: 8px
}

.list-page-heading select {
    height: 38px
}

.list-page-heading h2, .list-page-heading h3 {
    margin: 9px 0 0
}

.text-right-inner {
    display: inline-block;
    color: #2176ae
}

.jcb-cta-brands {
    background-color: #262626
}

.jcb-cta-brands .banner-block-jcb-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner {
    display: flex;
    align-items: center
}

.jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner .jcb-logo {
    height: 55px;
    margin-right: 20px
}

.jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 26px
}

.jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0
}

.jcb-cta-brands .banner-block-jcb-content .jcb-theme-btn2 {
    background-color: #fcb026;
    color: #262626;
    font-size: 15px;
    padding: 10px 20px 9px;
    border-radius: 3px
}

.jcb-cta-brands .banner-block-jcb-content .jcb-theme-btn2:hover {
    opacity: .8
}

.video-ad {
    display: flex;
    background-color: #fff;
    align-items: center;
    padding: 10px 10px 2px
}

.mobile-fixed-text, .twoline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .container, .container-mid, .tjcol {
    /* padding-left: 8px; */
    /* padding-right: 8px; */
}

.video-ad .video-ad-left {
    flex: 0 0 45%;
    max-width: 45%
}

.video-ad .video-ad-left video {
    width: 100%;
    height: 100%
}

.video-ad .video-ad-right {
    padding-left: 15px;
    flex: 0 0 55%;
    max-width: 55%
}

.hashpop-result ul li a, .hashpop-result ul li a:hover {
    color: #24272c
}

html[lang=ta] body .header-main .header-top .navbar-nav .nav-item .nav-link {
    font-size: 9px;
    padding: 0 .1rem
}

.f-12, html[lang=hi] .explore-tj p, html[lang=mr] .whatsapp-text-channel p, html[lang=ta] .whatsapp-btn, html[lang=te] body {
    font-size: 12px
}

html[lang=hi] .boldfont, html[lang=mr] .boldfont, html[lang=ta] .boldfont, html[lang=te] .boldfont {
    font-weight: 600
}

html[lang=hi] h1, html[lang=hi] h2, html[lang=hi] h3, html[lang=hi] h4, html[lang=hi] h5, html[lang=hi] h6, html[lang=mr] h1, html[lang=mr] h2, html[lang=mr] h3, html[lang=mr] h4, html[lang=mr] h5, html[lang=mr] h6, html[lang=ta] h1, html[lang=ta] h2, html[lang=ta] h3, html[lang=ta] h4, html[lang=ta] h5, html[lang=ta] h6, html[lang=te] h1, html[lang=te] h2, html[lang=te] h3, html[lang=te] h4, html[lang=te] h5, html[lang=te] h6 {
    font-weight: 600;
    line-height: inherit
}

html[lang=hi] body {
    font-family: hindi-regular;
    font-size: 16px;
    line-height: 28px
}

.fs-16, html[lang=hi] .text-editor-block span {
    font-size: 16px !important
}

html[lang=hi] .header-main .header-top .navbar-nav .nav-item .dropdown-menu .dropdown-item, html[lang=hi] .page-title ul li {
    font-size: 15px
}

html[lang=hi] .page-title ul li::after {
    top: 13px
}

.f-16, html[lang=hi] .link__permalink a, html[lang=ta] .section-heading .h1, html[lang=ta] .section-heading .h2, html[lang=ta] .section-heading .h3, html[lang=ta] .section-heading h1, html[lang=ta] .section-heading h2, html[lang=ta] .section-heading h3, html[lang=ta] .sectionNew-heading h1, html[lang=ta] .sectionNew-heading h2, html[lang=ta] .sectionNew-heading h3, html[lang=te] .section-heading .h1, html[lang=te] .section-heading .h2, html[lang=te] .section-heading .h3, html[lang=te] .section-heading h1, html[lang=te] .section-heading h2, html[lang=te] .section-heading h3, html[lang=te] .sectionNew-heading h1, html[lang=te] .sectionNew-heading h2, html[lang=te] .sectionNew-heading h3 {
    font-size: 16px
}

html[lang=hi] .header-top-btn.header-top-sell {
    padding: 6px 22px
}

html[lang=hi] .header-top-btn {
    padding: 6px 10px
}

.f-14, html[lang=hi] .news-info-single-top .news-info-single-top-left a {
    font-size: 14px
}

.container-mid {
    max-width: 1280px;
    margin: 0 auto;
    width: 98%
}

@media (min-width: 1500px) {
    .container-mid {
        max-width: 1450px
    }
}

#autoPlayVideo, .select2 {
    max-width: 100%
}

.row, .tjrow {
   /* margin-left: -8px;
    margin-right: -8px*/
}

.no-margin {
    margin-left: 0;
    margin-right: 0
}

.no-padding {
    padding-left: 0;
    padding-right: 0
}

.ellipsis, .oneline {
    overflow: hidden
}

.f-20 {
    font-size: 20px
}

.f-13, .form-control, html[lang=mr] .whatsapp-btn, html[lang=ta] body .reviewContent {
    font-size: 13px
}

.form-control {
    height: 40px;
    border-radius: 0
}

.form-control:focus {
    box-shadow: none
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(https://static-asset.tractorjunction.com/tj/aw-sel.svg);
    background-repeat: no-repeat;
    background-size: 13px
}

.custom-input {
    background-image: url(https://static-asset.tractorjunction.com/tj/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: 11px
}

.form-submit-btn, button {
    border: 0;
    background-color: #0d3b66;
    line-height: 40px
}

.mobile-fixed-text {
    height: 50px
}

.mobile-fixed-text.mobile-fixed-text-auto {
    height: auto;
    -webkit-line-clamp: unset
}

.mobile-fixed-text-mobile-btn, .showRoom-slider .slick-disabled, .slick-nav-hori1.slick-disabled {
    display: none !important
}

.tag-chips {
    line-height: 38px;
    border-radius: 8px;
    border: 1px solid #ececec;
    font-size: 13.2px
}

.sticky-bar {
    position: sticky;
    top: 0;
    left: 0
}

.tj-btn-success {
    background-color: #218838 !important
}

.tj-btn-danger {
    background-color: #cd454e !important
}

.fs-11, .fs-12 {
    font-size: 11px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-17 {
    font-size: 17px !important
}

.slick-nav-hori {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    opacity: .6;
    border-radius: 50%;
    top: 48%;
    transform: translateY(-48%);
    z-index: 1
}

.slick-nav-hori1:hover, .slick-nav-hori:hover {
    cursor: pointer;
    opacity: 1
}

.slick-nav-hori.slick-prev, .slick-nav-hori1.slick-prev {
    left: 0
}

.slick-nav-hori.slick-next, .slick-nav-hori1.slick-next {
    right: 0
}

.slick-nav-hori img, .slick-nav-hori1 img {
    width: 14px
}

.slick-track {
    margin-left: 0 !important
}

.slick-track .implement-block, .slick-track .new-tractor-block, .slick-track .news-block, .slick-track .used-tractor-block {
    flex: none;
    max-width: none
}

.ad-img-265 {
    height: 315px;
    width: auto
}

.ad-img-275 {
    height: 275px;
    width: auto
}

.select2 .select2-selection {
    border-radius: 0 !important;
    border: 1px solid #ced4da !important
}

.img-contain {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.img-contain.img-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.news-single-img {
    height: 450px
}

@media (max-width: 650px) {
    .news-single-img {
        height: 235px
    }
}

.mobile-banner {
    height: 165px
}

.finance-logo-single {
    height: 80px
}

.fixed-banner-height {
    height: 400px
}

@media (max-width: 550px) {
    .fixed-banner-height {
        height: 150px
    }
}

@media (min-width: 551px) and (max-width:900px) {
    .fixed-banner-height {
        height: 180px
    }
}

@media (min-width: 901px) and (max-width:1150px) {
    .fixed-banner-height {
        height: 220px
    }
}

@media (min-width: 1151px) and (max-width:1400px) {
    .fixed-banner-height {
        height: 280px
    }
}

@media (min-width: 1401px) and (max-width:1500px) {
    .fixed-banner-height {
        height: 300px
    }
}

@media (min-width: 1501px) and (max-width:1600px) {
    .fixed-banner-height {
        height: 320px
    }
}

.checkbox-custom {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 12px
}

.checkbox-custom:last-child, table td p, table th p {
    margin-bottom: 0
}

.checkbox-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc
}

.checkbox-custom:hover input~.checkmark {
    background-color: #ddd
}

.bg-color-blue, .checkbox-custom input:checked~.checkmark, .form-submit-btn.form-submit-btn2, button.form-submit-btn2 {
    background-color: #0d3b66
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-custom input:checked~.checkmark:after {
    display: block
}

.checkbox-custom .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.viewAllBtn:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #0080e2;
    border-right: 2px solid #0080e2;
    transform: rotate(45deg);
    margin-top: 3px;
    margin-left: 3px
}

.viewAllBtn:hover:after {
    border-color: #cd454e
}

@media (max-width: 1500px) {
    html[lang=hi] .text-editor-block span {
        font-size: 14px !important
    }

    .viewAllBtn {
        font-size: 13px
    }
}

.callnowbtn .blueBtn.blueBtn-border {
    border-radius: 4px;
    border-color: #0d3b66;
    background: #fff;
    color: #0d3b66
}

.callnowbtn .blueBtn.blueBtn-border:hover, .callnowbtn .blueBtn:hover {
    background: #cd454e;
    border-color: #cd454e;
    color: #fff
}

.callnowbtn .blueBtn {
    color: #fff;
    border-radius: 4px;
    background: #0d3b66;
    font-size: 13px;
    line-height: 40px;
    border: 1px solid #0d3b66;
    display: block;
    cursor: pointer
}

.product-single-detail-content h3 {
    color: #000;
    font-size: 20px
}

.bgpinkcolor {
    background: #eef2f6
}

.revamp-location-wide .revamp-title {
    flex-basis: 75%;
    max-width: 75%
}

.revamp-title {
    position: relative;
    padding-bottom: 12px
}

.revamp-title:before {
    content: "";
    background: #cd454e;
    width: 46px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    border-radius: 6px
}

.readsmore, .widgitCard-container.cls {
    height: auto
}

.revamp-title h1 {
    font-size: 22px;
    margin: 0;
    color: #000
}

.revamp-title h2, .revamp-title h3 {
    font-size: 20px;
    margin: 0;
    color: #000
}

.newcontent .read-more {
    text-decoration: none;
    color: #1b7dbf;
    font-size: 12px;
    cursor: pointer;
    text-decoration-line: underline
}

.newcontent .content p {
    font-size: 13px;
    color: #0e0e0e;
    line-height: 22px;
    margin-bottom: 0
}

.newcontent.newclassadd .content {
    display: block;
    margin-bottom: 8px
}

.newcontent.newclassadd .content p {
    margin-bottom: 10px;
    display: block
}

.btn-global {
    background: #d85057;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 5px 20px 7px
}

.btn-global:hover, .glob-btn .btn-global {
    background: #0d3b66;
    color: #fff
}

.btn-trans:hover, .glob-btn .btn-global:hover {
    background: #d85057;
    color: #fff
}

.btn-trans {
    border: 1px solid #d85057;
    border-radius: 4px;
    display: block;
    color: #d85057;
    font-size: 14px;
    padding: 5px 5px 7px;
    font-family: tj-bold
}

.fillBtn, .fillBtn:visited {
    color: #fff;
    transition: .2s ease-in-out
}

.text-editor-block span, html[lang=hi] .text-editor-block .new-equipment-card-main span {
    font-size: 13px !important
}

.text-editor-block p {
    margin-bottom: 12px;
    word-break: break-word
}

.text-editor-block ul {
    padding-left: 18px;
    list-style: square
}

.text-editor-block ol {
    padding-left: 18px;
    list-style: decimal
}

.box-shadow-new {
    box-shadow: 0 3px 12px -1px rgb(28 52 84 / .26)
}

.tap-area li:not(:last-child) {
    margin-bottom: 3px
}

.fillBtn {
    overflow: hidden;
    background-color: #0d3b66;
    border: 1px solid #0d3b66;
    font-size: 16px;
    line-height: 36px;
    padding: 0 15px;
    font-family: tj-regular;
    text-transform: capitalize;
    letter-spacing: .5px;
    border-radius: 4px;
    cursor: pointer
}

.fillBtn:hover {
    color: #fff;
    background-color: #cd454e;
    border: 1px solid #cd454e
}

.callnowbtn .blueBtn img {
    position: relative;
    top: -2px
}

.truc-off .widget-viewall a {
    border: 1px solid #cd454e;
    line-height: 36px;
    color: #cd454e;
    border-radius: 3px;
    font-family: tj-bold;
    letter-spacing: .4px
}

table, table td, table th {
    border: 1px solid #dee2e6
}

.mobHeading h1, .mobHeading h2 {
    font-size: 20px;
    line-height: 20px;
    color: #0d3b66
}

.filter-block .filter-block-btn .row [title=Reset] {
    border: 1px solid #0d3b66;
    color: #0d3b66 !important;
    background: #fff
}

.filter-block .filter-block-btn .row [title=Reset]:hover {
    background: #0d3b66;
    color: #fff !important
}

.table-block {
    overflow-x: auto
}

table {
    width: 100% !important;
    margin-bottom: 12px
}

.grey-bg1, table tr {
    background-color: #f6f6f6
}

table td, table th {
    padding: 12px .75rem
}

table td h3, table td h4, table td h5, table td h6, table th h3, table th h4, table th h5, table th h6 {
    border-left: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    background-color: transparent !important;
    margin-bottom: 0
}

.table-block-features tr td {
    width: 50%
}

.product-single-content .text-editor-block .text-editor-heading, .product-single-content .text-editor-block h2, .product-single-content .text-editor-block h3, .product-single-content .text-editor-block h4 {
    background-color: #fff
}

.text-editor-block .text-editor-heading, .text-editor-block h2, .text-editor-block h3, .text-editor-block h4 {
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 8px 10px;
    border-left: 2px solid #0d3b66
}

.bgColorGlobal {
    background: #e7f2ff
}

.bgColorGlobal.bgColorGlobalFull:before {
    content: "";
    width: 200%;
    height: 100%;
    background: #e7f2ff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: block
}

.text-container {
    max-height: 110px;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.used-listing-content {
    max-height: 95px
}

@media (max-width: 767px) {
    .section-heading .h1, .section-heading .h2, .section-heading .h3, .section-heading h1, .section-heading h2, .section-heading h3 {
        font-size: 19px
    }

    .revamp-title h1, .revamp-title.revamp-title-used h2, .revamp-title.revamp-title-used h3, .section-heading.sub-heading .h1, .section-heading.sub-heading .h2, .section-heading.sub-heading .h3, .section-heading.sub-heading h1, .section-heading.sub-heading h2, .section-heading.sub-heading h3, .section-heading.sub-heading h4 {
        font-size: 16px
    }

    .list-page-heading h2, .list-page-heading h3 {
        text-align: center;
        margin: 6px 0
    }

    .list-page-heading-btn {
        text-align: center
    }

    .list-page-heading-btn .form-submit-btn {
        display: block !important;
        width: 48%;
        float: left;
        margin: 0 1%
    }

    .video-ad {
        flex-wrap: wrap
    }

    .video-ad .video-ad-left {
        flex: 0 0 100%;
        max-width: 100%
    }

    .video-ad .video-ad-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-bottom: 10px
    }

    .truc-off .sidebar-block h2 {
        background: #fff0;
        border-left: 2.5px solid #cd454e;
        padding: 8px 10px
    }

    html[lang=ta] .viewAllBtn, html[lang=te] .viewAllBtn {
        font-size: 11px
    }

    .viewAllBtn:after {
        margin-top: 2px
    }

    .revamp-title {
        padding-bottom: 10px;
        flex-basis: 85%;
        max-width: 85%
    }

    .revamp-title h2, .revamp-title h3 {
        font-size: 14px
    }

    .usedLocationTractor .revamp-title h3 {
        background-color: #fff0;
        padding: 0;
        border: 0
    }

    .tap-area li:not(:last-child) {
        padding-bottom: 5px
    }

    .mobHeading h1, .mobHeading h2 {
        font-size: 18px;
        line-height: 1.2
    }

    .text-container {
        max-height: 180px
    }
}

.text-container.expanded {
    max-height: initial
}

.readsmore {
    color: #1088e4;
    font-size: 12px;
    font-family: tj-bold;
    padding: 0;
    margin: 0;
    line-height: initial;
    background: #fff0;
    outline: 0
}

.LoadMoreDiv .weblink {
    line-height: 38.4px;
    max-width: 214px;
    width: 100%
}

html[lang=ta] .LoadMoreDiv .weblink, html[lang=te] .LoadMoreDiv .weblink {
    max-width: 270px
}

.sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading .h2, .sectionNew-heading h3 {
    font-size: 21px;
    color: #343434;
    position: relative
}

.sectionNew-heading h1::after, .sectionNew-heading h2::after, .sectionNew-heading .h2::after, .sectionNew-heading h3::after {
    content: "";
    background: #cd454e;
    width: 37px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    border-radius: 8px
}

html[lang=ta] .viewAllBtn, html[lang=te] .viewAllBtn {
    font-size: 11px;
    justify-content: flex-start
}

html[lang=ta] .sidebarCls .viewAllBtn {
    width: 90%
}

@media (max-width: 1555px) {
    html[lang=te] .sidebarCls .viewAllBtn {
        width: 92%
    }

    html[lang=ta] .section-heading .h1, html[lang=ta] .section-heading .h2, html[lang=ta] .section-heading .h3, html[lang=ta] .section-heading h1, html[lang=ta] .section-heading h2, html[lang=ta] .section-heading h3, html[lang=ta] .sectionNew-heading h1, html[lang=ta] .sectionNew-heading h2, html[lang=ta] .sectionNew-heading h3, html[lang=te] .section-heading .h1, html[lang=te] .section-heading .h2, html[lang=te] .section-heading .h3, html[lang=te] .section-heading h1, html[lang=te] .section-heading h2, html[lang=te] .section-heading h3, html[lang=te] .sectionNew-heading h1, html[lang=te] .sectionNew-heading h2, html[lang=te] .sectionNew-heading h3, html[lang=te].sectionNew-heading h2, html[lang=te].sectionNew-heading h3 {
        font-size: 14px
    }
}

@media (max-width: 1300px) {
    html[lang=ta] .sidebarCls .viewAllBtn {
        width: 94%
    }

    html[lang=te] .sidebarCls .viewAllBtn {
        width: 95%
    }
}

@media (max-width: 1199px) {
    .viewAllBtn, html[lang=ta] .sectionNew-heading h2, html[lang=ta] .sectionNew-heading h3, html[lang=te] .sectionNew-heading h2, html[lang=te] .sectionNew-heading h3 {
        font-size: 12px
    }

    .f-20, .sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading h3 {
        font-size: 18px
    }
}

@media(max-width: 767px) {
    .mmt-0 {
        margin-bottom: 0 !important
    }

    .mmt-2 {
        margin-bottom: .5rem !important
    }

    .mmt-3 {
        margin-bottom: 1.5rem !important
    }

    .section-heading .h1, .section-heading .h2, .section-heading .h3, .section-heading h1, .section-heading h2, .section-heading h3, .sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading .h2, .sectionNew-heading h3 {
        font-size: 16px
    }

    html[lang=ta] .loancontent-section h3, html[lang=te] .loancontent-section h3 {
        font-size: 12px
    }
}

@media (max-width: 1199px) {
    .f-20, .sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading h3 {
        font-size: 17px
    }

    html[lang=ta] .sectionNew-heading h2, html[lang=ta] .sectionNew-heading h3, html[lang=te] .sectionNew-heading h2, html[lang=te] .sectionNew-heading h3 {
        font-size: 12px
    }

    .product-card-block {
        flex: none;
        max-width: none;
        width: 275px
    }
}

.border-radius-sm {
    border-radius: 4px
}

.border-radius-md, .sidebarCls {
    border-radius: 8px
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: 1rem
}

.gap-4 {
    gap: 1.5rem
}

.gap-5 {
    gap: 3rem
}

.bg-blue-color:hover, .reviewsubmitbutton {
    background-color: #cd454e;
    color: #fff
}

.new-slick-arrow .slick-nav-hori, .showRoom-slider .slick-nav-hori {
    width: 38px;
    height: 40px;
    box-shadow: 0 4px 4px 0 #d8505729;
    line-height: 40px;
    opacity: 1
}

.showRoom-slider .slick-nav-hori:hover, .slick-new-arrow .slick-nav-hori:hover {
    opacity: .9
}

.coffee-color, .lightBlack {
    color: #343434
}

.gray-color {
    color: #8a8a8a
}

.transition {
    transition: .3s
}

@media (max-width: 1240px) {
    .LoadMoreDiv .weblink {
        max-width: 100%;
        width: initial
    }

    .section-css-slider::-webkit-scrollbar {
        display: none
    }
}

.viewall-btn {
    color: #0080e2;
    font-size: 14px;
    line-height: 20px;
    font-family: tj-bold
}

.box-shadow-n {
    box-shadow: -1px 1px 15px -3px rgb(0 0 0 / .15)
}

.coverImg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 12%
}

.sidebarCls {
    padding: 20px 16px;
    overflow: hidden;
    background: #fff
}

.brand-cardCommon-slider .owl-nav button, .slick-nav-hori1 {
    width: 30px;
    height: 30px;
    transform: translateY(-48%);
    z-index: 1;
    position: absolute
}

.slick-nav-hori1 {
    background: #fff;
    opacity: .8;
    border-radius: 50%;
    top: 48%
}

.secpad {
    background: #fff;
    padding: 20px 16px 16px
}

.noslider .tjcol {
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.compare-wrapper.noslider .tjcol {
    flex: 0 0 42.5%;
    max-width: 42.5%
}

.whole-card-anchor {
    left: 0;
    z-index: 1
}

@media (max-width: 1024px) {
    .noslider {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .compare-wrapper.noslider .tjcol, .noslider .tjcol {
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media (max-width: 1150px) {
    .tractor-new-reviews {
        display: flex;
        flex-wrap: nowrap;
        margin: 0;
        white-space: initial;
        overflow: auto
    }

    .tractor-new-reviews .card-slide-block {
        max-width: none;
        width: 324px;
        flex: none
    }
}

@media (max-width: 1100px) {
    .comparedNew-slider, .tractor-new-reviews {
        display: flex;
        flex-wrap: nowrap;
        margin: 0;
        white-space: initial;
        overflow: auto
    }

    .card-slide-block {
        max-width: none;
        width: 324px;
        flex: none
    }
}

@media (max-width: 991px) {
    .emicalulator-chart {
        height: 420px;
        margin-top: 20px
    }

    .jcb-cta-brands .banner-block-jcb-content {
        flex-direction: column
    }

    .jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner {
        flex-direction: column;
        text-align: center
    }

    .jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner .jcb-logo {
        margin-right: 0
    }

    .jcb-cta-brands .banner-block-jcb-content .banner-block-jcb-content-inner h2 {
        font-size: 19px;
        margin-top: 20px
    }

    .jcb-cta-brands .banner-block-jcb-content .jcb-theme-btn2 {
        margin-top: 20px
    }

    .container-mid-mobile {
        padding: 0;
        width: 100%
    }

    .mobile-fixed-text-mobile {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 50px
    }

    .mobile-fixed-text-mobile.mobile-fixed-text-auto {
        height: auto;
        -webkit-line-clamp: unset
    }

    .mobile-fixed-text-mobile-btn {
        display: block !important
    }

    .card-slide-block {
        width: 275px
    }
}

@media (max-width: 500px) {
    html[lang=hi] .text-editor-block span {
        font-size: 13px !important
    }

    .truc-off .section-heading .h2 {
        font-size: 16px
    }

    .btn-global {
        padding: 4px 20px 6px;
        font-size: 12px;
        white-space: nowrap
    }

    .card-slide-block, .product-card-block, .tractor-new-reviews .card-slide-block {
        width: 90%
    }
}

html[lang=hi] .reviewNew-title {
    line-height: 1
}

html[lang=hi] .reviewContent, html[lang=hi] .reviewContent-show {
    font-family: tj-regular;
    font-size: 14px
}

.red-color {
    color: #d85057
}

.review-rating :checked~label {
    color: #cd454e;
    background-color: #fff0
}

.review-rating {
    flex-direction: row-reverse;
    gap: 3px
}

.review-rating label {
    margin-bottom: 0;
    font-size: 18px;
    cursor: pointer
}

.charLimit, html[lang=ta] #registration_clue strong, html[lang=ta] .whatsapp-text-channel p, html[lang=te] #registration_clue strong {
    font-size: 10px
}

.write-review {
    font-size: 9px;
    line-height: 12px;
    color: #0080e2
}

@media (max-width: 480px) {
    .section-css-slider .implement-block, .section-css-slider .new-tractor-block, .section-css-slider .news-block, .section-css-slider .used-tractor-block {
        width: 90%
    }

    .adMobCls img {
        width: 100%
    }

    html[lang=ta] .viewAllBtn, html[lang=te] .viewAllBtn {
        font-size: 10px
    }

    html[lang=ta] .viewAllBtn:after, html[lang=te] .viewAllBtn:after {
        margin-top: 0
    }
}

.padd-20 {
    padding: 20px
}

.sectionNew-heading.career-title h1::after, .sectionNew-heading.career-title h2::after, .sectionNew-heading.career-title h3::after {
    left: 50%;
    transform: translateX(-50%);
    width: 37px
}

.bg-blue-color, .bg-outline-color:hover, .new-equipment-card-main:hover .bg-outline-color {
    background-color: #0d3b66;
    color: #fff
}

.color-black {
    color: #000
}

.color-blue {
    color: #0d3b66
}

.bluecolor, .viewAllBtn {
    color: #0080e2
}

.white-border {
    border-color: #fff
}

.bg-color-white:hover, .white-border:hover {
    border-color: rgb(28 128 222 / .25)
}

.slick-disabled {
    opacity: 0 !important
}

.five-product-card .product-card-block {
    flex: 0 0 20%;
    max-width: 20%
}

#autoPlayVideo {
    width: 100%
}

.viewAllBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    position: relative
}

@media(max-width: 1199px) {
    .flexCLs {
        display: flex;
    }

    .product-card-block {
        flex: none;
        max-width: none;
        width: 350px
    }

    .five-product-card .product-card-block, .slider-five-card .product-card-block {
        flex: none;
        max-width: none;
        width: 275px
    }

    .section-css-slider::-webkit-scrollbar {
        display: none
    }

    .viewAllBtn {
        font-size: 12px
    }

    .viewAllBtn:after {
        margin-top: 1px
    }

    .contentTrim h2, .contentTrim h3 {
        font-size: 16px
    }
}

@media(max-width: 991px) {
    .mob-block-slider, .product-card-block {
        width: 275px
    }
}

@media(max-width: 500px) {
    .section-heading .h1, .section-heading .h2, .section-heading .h3, .section-heading h1, .section-heading h2, .section-heading h3, .sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading h3 {
        font-size: 16px
    }

    .five-product-card .product-card-block, .product-card-block, .slider-five-card .product-card-block {
        width: 90%
    }
}

.loadMorebtn-wrp .loadMorebtn {
    height: 44px;
    line-height: 44px;
    border: 1px solid #0d3b66;
    outline: 0;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    position: relative;
    background: url(https://static-asset.tractorjunction.com/tj/loadMore-icon.svg) 6% 55% no-repeat
}

.btn-outline-loadmore {
    line-height: 34px;
    border: 1px solid #0d3b66;
    background-color: #fff
}

.btn-outline-loadmore:hover {
    background-color: #cd454e;
    border-color: #cd454e;
    color: #fff
}

.btn-outline-loadmore:hover svg path {
    stroke: #fff
}

.bg-outline-color {
    border-color: #0d3b66;
    color: #0d3b66
}

.bg-color-white {
    border: 1px solid #fff
}

.ad-img-380 {
    height: 380px
}

.five-product-card .harvestImg, .slider-five-card .harvestImg {
    height: 150px !important
}

@media(max-width: 1441px) {
    .five-product-card .harvestImg, .slider-five-card .harvestImg {
        height: 140px !important
    }
}

.new-equipment-anchor {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgb(13 59 102);
    font-size: 14px
}

.line-height-btn {
    line-height: 40px
}

.slick-new-arrow .slick-nav-hori {
    top: 42%
}

.slick-new-arrow .slick-nav-hori.slick-prev {
    left: -8px
}

.slick-new-arrow .slick-nav-hori.slick-next {
    right: -8px
}

.mobile-brand-impliment .news-brand-wrap {
    margin: 0 -10px;
    border-radius: 0
}

.overflow-hidden {
    overflow: hidden
}

@media(max-width: 1199px) {
    .contentTrim h2, .contentTrim h3 {
        font-size: 16px
    }

    .mob-column-css {
        width: 275px;
        flex: none;
        margin: 0 1px;
        max-width: none
    }
}

@media (max-width: 500px) {
    .mob-column-css {
        width: 90%;
        flex: none;
        margin: 0 1px;
        max-width: none
    }
}

.brand-cardCommon-slider {
    margin: 0;
    overflow-x: inherit
}

.brand-cardCommon-slider .owl-nav button {
    background: #fff;
    box-shadow: 0 3px 12px -1px rgb(28 52 84 / .25);
    opacity: 1;
    border-radius: 50%;
    top: 45%
}

.brand-cardCommon-slider .owl-nav button.owl-next {
    right: -15px;
    background-color: #fff !important
}

.brand-cardCommon-slider .owl-nav button.owl-next:after {
    content: "";
    position: absolute;
    background-image: url(https://assets.tractorjunction.com/tractor-junction/assets/images/icons/right-arrow-thick.png?format=png);
    left: 50%
}

.brand-cardCommon-slider .owl-nav button.owl-prev {
    left: -15px;
    background-color: #fff !important
}

.brand-cardCommon-slider .owl-nav button.owl-prev:before {
    content: "";
    background-image: url(https://assets.tractorjunction.com/tractor-junction/assets/images/icons/left-arrow-thick.png?format=png);
    position: absolute;
    left: 50%
}

.widgitCard-container .compareWidgitBlock {
    padding: 13px 0 0
}

.explore-tj p {
    line-height: 1.3;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

html[lang=ta] .explore-tj p {
    font-size: 8px
}

@media (max-width: 1199px) {
    .widgitCard-container .compareWidgitBlock {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding: 13px 0
    }
}

@media (max-width: 1150px) {
    .brand-cardCommon-slider {
        flex-direction: row;
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0;
        gap: 15px
    }
}

.gallery-popup-show {
    overflow-y: hidden
}

.readmore {
    color: #00f;
    cursor: pointer
}

.ssss[data-notify=container] {
    padding-right: 30px !important;
    max-width: 480px
}

.call-btn {
    padding: 12px 15px;
    border-radius: 50px;
    background-color: #2fd38e;
    box-shadow: 0 4px 13px -1px rgb(0 0 0 / .25);
    cursor: pointer;
    width: 54px;
    transition: .5s;
    height: 54px;
    margin: 0 auto
}

.call-us-img {
    padding: 50px 0;
    margin-top: 20px
}

.call-btn .trin-trin {
    display: inline-block;
    animation-name: trin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-top: 2px
}

@keyframes trin {
    20%, 26%, 32%, 38%, 44%, 50%, 56%, 62%, 68%, 74%, 80%, from {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0, 0, 1, -15deg)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

.whatapp-banner-widget {
    background: #046555
}

.whatsapp-text-channel {
    padding: 20px;
    text-align: center
}

.whatsapp-text-channel p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6
}

.whatsapp-btn {
    background-color: #fff;
    color: #046555;
    padding: 10px 22px;
    border-radius: 8px;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px
}

.whatsapp-image img {
    width: 110px
}

@media(max-width: 391px) {
    .whatsapp-text-channel p {
        font-size: 15px
    }
}

.whatsapp-popup-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(0 0 0 / .8);
    z-index: 99999;
    display: none
}

.whatsapp-popup-inner {
    position: relative;
    transform: translateY(-50%);
    padding: 0 25px;
    top: 50%
}

.whatsapp-popup-inner .whatapp-banner-widget, .whatsapp-popup-wrapper .whatapp-banner-widget {
    border-radius: 15px
}

.whatsapp-popup-wrapper .whatsapp-text-channel {
    max-width: 100%;
    flex-basis: 100%
}

.whatsapp-close {
    position: absolute;
    right: 10px;
    top: 10px
}

.whatsapp-popup-wrapper.customModal .close {
    z-index: 999;
    background-color: transparent !important;
    top: 5px;
    right: 5px
}

.whatsapp-popup-wrapper .modal-content {
    background-color: transparent !important
}

.whatsapp-popup-wrapper .whatapp-banner-widget img {
    max-width: 150px;
    margin: 0 auto
}

.customModal.whatsapp-popup-wrapper .modal-dialog {
    padding: 0 10px
}

.product-single-detail-content .whatapp-banner-widget, .rating-wrapper, .single-call-back-news .whatapp-banner-widget, .whatsapp-wrap {
    margin: 0 -15px
}

.brands-content-sec .whatapp-banner-widget {
    margin: 0 -8px
}

.listingPage .readBlock-tractor:not(.show) {
    height: 280px
}

.viewall button.seeText:before {
    content: "View More"
}

.viewall button.seeText.see-less:before {
    content: "View Less"
}

html[lang=hi] .viewall button.seeText:before {
    content: "और देखें"
}

html[lang=hi] .viewall button.seeText.see-less:before {
    content: "कम देखें"
}

html[lang=mr] .viewall button.seeText:before {
    content: "अधिक पहा"
}

html[lang=mr] .viewall button.seeText.see-less:before {
    content: "कमी पहा"
}

html[lang=ta] .viewall button.seeText:before {
    content: "மேலும் பார்க்க"
}

html[lang=ta] .viewall button.seeText.see-less:before {
    content: "குறைத்து பார்க்க"
}

html[lang=te] .viewall button.seeText:before {
    content: "మరిన్ని చూడండి"
}

html[lang=te] .viewall button.seeText.see-less:before {
    content: "తక్కువ చూడండి"
}

.bottom-whatsapp-wrapper {
    padding: 0 15px;
    position: fixed;
    bottom: 85px;
    z-index: 999;
    left: 0;
    right: 0
}

.bottom-whatsapp-wrapper-inner {
    background: radial-gradient(85.67% 138.05% at 85.67% 53.91%, #128c7e 0, #075e54 40.6%, #075e54 100%);
    color: #fff;
    border-radius: 8px;
    padding: 16px 12px;
    transition: .3s ease-in-out;
    transform: scale(1)
}

.bottom-whatsapp-btn-colored.show-widget, .bottom-whatsapp-wrapper-inner.show-widget {
    transform: scale(1)
}

.bottom-whatsapp-wrapper-inner.show-widget.hide-widget {
    transform: scale(.7)
}

.close-bottom-whatsapp {
    width: 20px;
    height: 20px
}

.close-bottom-whatsapp span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fffFFF1F;
    display: flex;
    justify-content: center;
    align-items: center
}

.close-bottom-whatsapp img {
    width: 10px;
    height: 10px
}

.bottom-whatsapp-wrapper-inner p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

.bottom-whatsapp-btn {
    background: linear-gradient(180deg, #fff 0, #dcf8c6 172.22%);
    border: 1px solid #09c750;
    padding: 8px;
    border-radius: 30px;
    width: 162px;
    height: 42px
}

.bottom-whatsapp-btn img {
    width: 23px;
    height: 23px;
    margin-right: 4px
}

.bottom-whatsapp-btn p {
    color: #075e54;
    font-size: 16px;
    font-weight: 700
}

.bottom-whatsapp-btn-colored {
    background: radial-gradient(85.67% 138.05% at 85.67% 53.91%, #128c7e 0, #075e54 40.6%, #075e54 100%);
    border: 1px solid #09c750;
    width: 150px;
    height: 48px;
    padding: 11px 8px;
    border-radius: 30px;
    margin: 0 auto;
    transition: .3s ease-in-out;
    position: fixed;
    bottom: 95px;
    left: 0;
    right: 0;
    transform: scale(.7)
}

.bottom-whatsapp-btn-colored img {
    width: 23px;
    height: 23px;
    margin-right: 8px
}

.bottom-whatsapp-btn-colored p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px
}

.ratingModal-product .modal-header .close, .show-widget {
    opacity: 1
}

.hide-widget {
    opacity: 0
}

.call-back-button {
    width: 46px;
    height: 45px;
    background-color: #1d842d;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px
}

.call-button-wrapper .submitBtnNew {
    display: inline-block;
    width: calc(100% - 51px) !important
}

@media(max-width: 380px) {
    .whatsapp-popup-wrapper .whatsapp-text-channel p {
        font-size: 18px;
        letter-spacing: .05em
    }

    .whatsapp-text-channel {
        padding: 20px 12px
    }

    .bottom-whatsapp-btn p {
        font-size: 14px
    }
}

.borderedBtn:hover {
    background-color: #0d3b66 !important;
    color: #fff
}

#registration_clue strong:after {
    content: "";
    background: #cd454e;
    width: 24px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    border-radius: 8px
}

.readmoreBtn.read-more-btn {
    display: inline
}

.bg-gray {
    background-color: #ebebeb
}

.bg-light-gray {
    background-color: #fafafa
}

.text-color-gray {
    color: #828282
}

.ratingModal-product .modal-header {
    background-color: #f7f7fc
}

.ratingModal-product .starratWrp i.star {
    font-size: 14px !important;
    color: #ccc !important;
    cursor: pointer !important;
    margin-right: 5px
}

#ratingStars .star.selected {
    color: #ffc107 !important
}

.ratingModal-product .modal-header .close:hover {
    background-color: #fff0
}

.review-title-chars {
    color: #626262;
    font-size: 11px
}

@media (min-width: 576px) {
    .ratingModal-product .modal-dialog {
        max-width: 540px
    }
}

.latest-updates-wrapper .line-dot {
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    background-color: #0d3b66;
    border-radius: 50%
}

.latest-updates-wrapper .latest-line {
    position: absolute;
    left: 5px;
    top: 17px;
    height: calc(100% - 7px);
    width: 2px;
    background-color: #d9d9d9
}

.text-light-gray {
    color: #484848
}

.viewAllBtn.load-more-latest:after {
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    margin-top: 1px;
    margin-left: 6px
}

.reviewButtonDisabled {
    cursor: not-allowed !important;
    pointer-events: none;
    background-color: #ebebeb;
    color: #828282
}

.sonalika-product .section-heading h1, .tractor-wrapper .sectionNew-heading h1 {
    font-size: 24px
}

html[lang="te"] .tractor-wrapper .sectionNew-heading h1, html[lang="ta"] .tractor-wrapper .sectionNew-heading h1 {
    font-size: 24px
}

html[lang="te"] .tractor-wrapper .sectionNew-heading h2, html[lang="ta"] .tractor-wrapper .sectionNew-heading h2, html[lang="te"] .tractor-wrapper h2, html[lang="ta"] .tractor-wrapper h2 {
    font-size: 21px
}

.sonalika-product .section-heading h1 {
    font-size: 24px
}

html[lang="te"] .sonalika-product .section-heading h1, html[lang="ta"] .sonalika-product .section-heading h1 {
    font-size: 24px
}

html[lang="te"] .sonalika-product .sectionNew-heading h2, html[lang="ta"] .sonalika-product .sectionNew-heading h2 {
    font-size: 21px
}

@media (max-width: 1555px) {
    html[lang="te"] .sonalika-product .section-heading h1, html[lang="ta"] .sonalika-product .section-heading h1 {
        font-size: 24px
    }

    html[lang="te"] .sonalika-product .sectionNew-heading h2, html[lang="ta"] .sonalika-product .sectionNew-heading h2 {
        font-size: 21px
    }
}

.product-card-main h3 {
    font-size: 14px;
    margin-bottom: 0
}

.about-bold-link a {
    font-weight: 700
}

.secondary-blue-500 {
    color: #0e4470
}

.border-left-3 {
    border-left: 3px solid #0e4470
}

.height-40 {
    height: 40px
}

.height-46 {
    height: 46px
}

.p-12 {
    padding: 12px
}

#ratingStars .star.selected path, #ratingStars svg:hover path {
    fill: #ffc107 !important
}

@media(max-width: 767px) {
    .mob-full-wide {
        margin: 0 -12px
    }

    .viewAllBtn:after {
        margin-top: 2px
    }

    .five-product-card .harvestImg, .slider-five-card .harvestImg {
        height: 166px !important
    }

    .sectionNew-heading h1, .sectionNew-heading h2, .sectionNew-heading h3 {
        font-size: 16px
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none
    }

    .aboutContenttrim-wrapper .read-more {
        text-decoration: underline;
        color: #2176ae;
        text-align: right;
        display: block !important
    }

    .landing-page-brand .secpad {
        padding: 20px 8px
    }

    .landing-single .container-mid {
        width: 100%;
        padding: 0
    }

    .landing-single .product-desc-new .product-desc-new-left {
        padding: 8px 4px
    }

    .landing-single .product-desc-new {
        padding: 0 16px;
        border-radius: 0
    }

    .landing-single .slideDown-slide {
        padding-left: 15px
    }

    .landing-single .emiCal-Newcls {
        margin-top: 24px;
        border-radius: 0
    }

    .landing-single .emiCal-Newcls .colNew-container .colNew-circle-inner {
        padding: 0
    }

    .landing-single .accordionNew-Newcls, .mobile-border-radius {
        border-radius: 0
    }

    .landing-single .accordionNew-Newcls {
        padding: 20px 16px
    }

    .landing-bottom-content-inner {
        padding: 0 !important
    }

    html[lang=hi] body .repeat-sect-news p, html[lang=hi] body .single-call-back-news p,html[lang=hi] body .repeat-sect-news ul li,html[lang=hi] body .single-call-back-news ul li {
        font-size: 14px
    }

    html[lang=hi] body .single-call-back-news, html[lang=hi] body .repeat-sect-news {
        font-size: 14px;
    }

    html[lang=hi] body .single-call-back-news h2 span, html[lang=hi] body .single-call-back-news h3 span, html[lang=hi] body .single-call-back-news h4 span, html[lang=hi] body .single-call-back-news h5 span {
        font-size: 16px !important
    }

    .listingPage .readBlock-tractor:not(.show) {
        height: 325px
    }

    html:has(body.modal-open) {
        overflow: hidden !important
    }

    .sonalika-product .section-heading h1, .tractor-wrapper .sectionNew-heading h1 {
        font-size: 20px
    }

    html[lang="te"] .tractor-wrapper .sectionNew-heading h1, html[lang="ta"] .tractor-wrapper .sectionNew-heading h1 {
        font-size: 20px
    }

    html[lang="te"] .tractor-wrapper .sectionNew-heading h2, html[lang="ta"] .tractor-wrapper .sectionNew-heading h2, html[lang="te"] .tractor-wrapper h2, html[lang="ta"] .tractor-wrapper h2 {
        font-size: 16px
    }

    html[lang=ta] .sonalika-product .section-heading h1, html[lang=te] .sonalika-product .section-heading h1 {
        font-size: 20px
    }

    html[lang="te"] .sonalika-product .sectionNew-heading h2, html[lang="ta"] .sonalika-product .sectionNew-heading h2 {
        font-size: 16px
    }

    .newComparePageCls section.border-radius-md {
        border-radius: 0;
        margin: 0 -8px
    }
}

.jR3DCarouselGallery {
    margin: 0 auto
}

.rotate-icon {
    position: absolute;
    left: 15px;
    bottom: 10px;
    cursor: pointer;
    background: #fff;
    padding: 3px;
    border-radius: 4px
}

.jR3DCarouselGallery img {
    padding-top: 4px !important
}

.ev-badge {
    background-color: #05b90b;
    border-radius: 30px;
    height: 22px;
    line-height: 0;
    font-size: 11px;
    gap: 2px;
    left: 16px;
    top: 16px;
    z-index: 1
}

.cng-badge {
    background-color: #c88c00;
    padding-left: 5px !important
}

.redBtn {
    line-height: 20px
}

@media (max-width: 767px) {
    .productDet-layout {
        width: 100% !important
    }

    .sidebarCls {
        padding: 20px 16px;
        border-radius: 0
    }

    .productDet-layout .row .product-single-content, .sidebar-Newblock {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .compare-wrapper.noslider .tjcol, .noslider .tjcol {
        flex: 0 0 90%;
        max-width: 90%
    }

    .secpad {
        padding: 16px
    }

    .gallery-popup-show {
        overflow: hidden
    }

    .ckeditorBlock p, .shortDescpToggle p {
        text-align: left !important
    }

    .ckeditorBlock table th {
        vertical-align: top
    }

    .ratingModal-product .modal-dialog {
        position: absolute;
        margin: 0;
        bottom: 0;
        transition: none !important
    }

    .ratingModal-product .modal-content {
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .rateing-win-popup {
        max-height: 304px;
        overflow-y: auto;
        padding: 0
    }

    .rateing-win-popup::-webkit-scrollbar {
        display: none
    }

    .rateing-win-popup::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: #6d6d6d;
        height: 5px
    }

    .rateing-win-popup::-webkit-scrollbar-track {
        background-color: #ebebeb;
        border-radius: 6px
    }

    .ev-badge {
        height: 24px;
        font-size: 14px
    }

    .mobile-LR-space {
        margin: 0 -12px
    }

    table {
        display: inline-table ;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border: none
    }

    table td, table th {
        padding: 5px;
    }

    html[lang=hi] .page-title ul.breadcrumbs-main li {
        font-size: 12px;
        line-height: 24px
    }

    html[lang=hi] body .page-title .breadcrumbs-main {
        padding-top: 0
    }

    html[lang=hi] body .repeat-sect-news p.news-info-date {
        font-size: 10px
    }
}

.catNewsListing .readmore-imageSection ul, .catNewsListing .titleparabox ul {
    padding-left: 15px
}

.catNewsListing .readmore-imageSection ul li, .catNewsListing .titleparabox ul li {
    list-style: square
}

.line-height-6 {
    line-height: 1.6 !important
}

.sticky-top-sidebar {
    top: 130px !important;
    z-index: 1
}

.barHide h1::after, .barHide h2::after, .barHide h3::after {
    display: none;
}

@media(max-width: 1150px) {
    .mobile-row-space {
        margin: 0 -8px;
    }
}

.pop-up-castrol-image {
    height: auto;
    background: transparent;
    text-align: center;
    display: block;
    width: 100%;
}

.hand-cursor {
    cursor: pointer;
}

.js-redirect {
    cursor: pointer;
}

span.anchor {
    color: #2176ae;
}

.dropdown-menu.sub-menu-wrp.header2level-2 {
    top: 40px !important;
}

.dropdown-menu.sub-menu-wrp.header2level-3 {
    top: 80px !important;
}

.dropdown-menu.sub-menu-wrp.header2level-4 {
    top: 120px !important;
}

.dropdown-menu.sub-menu-wrp.header2level-5 {
    top: 160px !important;
}

.dropdown-menu.sub-menu-wrp.header2level-6 {
    top: 200px !important;
}

.dropdown-menu.sub-menu-wrp.header2level-7 {
    top: 240px !important;
}