/* my custom style */
.cr_catlog_section_home.row {
    margin-top: -4rem;
    box-shadow:0 10px 12px -10px #9e9e9e;
    padding: 23px;
}

.cr_catlog_section_home a img {
    width: 120px;
}

.cr_catlog_section_home.row img {
    width: 100%;
}

.cr_learn_section_card {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.cr_learn_section_card_inside_content_right {
    float: right;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.274);
    box-shadow: 20px 20px 50px rgb(0, 0, 0)0.5;
    overflow: hidden;
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.cr_learn_section_card_inside_content_left {
    float: left;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.274);
    box-shadow: 20px 20px 50px rgb(0, 0, 0)0.5;
    overflow: hidden;
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.cr_learn_sect_bg1 {
    background-image: url("/assets/images/uploaded/Home%20Page/HP-Learn%20More%20Images-Video.jpg?_t=1660078238");
    margin-bottom: 10px;
    background-size: cover;
}

.cr_learn_sect_bg2 {
    background-image: url("/assets/images/uploaded/Home%20Page/HP-Learn%20More%20Marketplace.jpg?_t=1660080182");
    background-size: cover;
}

.cr_learn_sect_bg3 {
    background-image: url("/assets/images/uploaded/Home%20Page/HP-Learn%20More-Uses-%20Images-3.jpg?_t=1660596133");
    margin-bottom: 10px;
    background-size: cover;
}

.cr_learn_sect_bg4 {
    background-image: url("/assets/images/uploaded/Home%20Page/HP-Learn%20More-ZTR%20Image%204.jpg?_t=1660596133");
    background-size: cover;
}

.cr_bg_green {
    background-color: #00502f;
}
.cr_bg_green:hover{
    background-color:#ffc425;
    border-color:#ffc425;
    cursor: pointer;
    }
.cr_Home_contact_us_btn {
    padding: 10px 18px;
    border-radius: -97px;
    background-color: #ffc425;
    color: white;
    width: 172px;
    height: 87px;
    font-size: 25px;
    border-radius: 7px;
    border-width: 0px;
    box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
}
.cr_Home_contact_us_btn:hover {
    color: #fff;
    background-color: #004025;
    }
.cr_bg_dark_green {
    background-color: #004025;
}

.cr_bg_yello {
    background-color: #004025
}

.cr_bg_gray {
    background-color: #ccdcd5
}

.ftrCallout h4 {
    margin-bottom: 40px;
}

.cr_help_card_home h3 {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

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

.cr_help_card_home img {
    margin: auto;
}

.cr_help_card_home {
    height: 130px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
    margin: 5px;
}

.cr_help_content_home {
    padding-top: 35px;
    padding-bottom: 50px;
    margin-bottom: -40px;
    text-align: justify;
}
.cr_section_overlay{
    position:relative;
}
.cr_section_overlay::before {
    content: '';
    background: #ffffffd4;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}
.clear {
    clear: both;
}

/* Homepage_Hero_section */

.cr_hero_card_blur {
    position: relative;
    padding-left: 120px;
    height: 270px;
    width: 40%;
    border-bottom-right-radius: 27px;
    border-top-right-radius: 27px;
    background: rgba(255, 255, 255, 0.122);
    box-shadow: 20px 20px 50px rgb(0, 0, 0)0.5;
    overflow: hidden;
    display: flex;
    margin-top: 43px;
    align-items: left;
    backdrop-filter: blur(8px);
}
.cr_hero_card_blur_h1 {
    color: #BDFF00;
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
}
.cr_hero_card_blur_p {
    font-size: 20px;
    font-weight: 300;
}
.cr_hero_card_blur button {
    width: 45%;
}
/* cr Home page catlog css */

.cr_home_main_menu {
    text-align: center;
    width: 100%;
    position: relative;
    box-shadow: 0 10px 12px -10px #9e9e9e;
}

.cr_home_main_menu ul h6 {
    font-size: 16px;
}

.cr_home_main_menu ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.cr_home_main_menu .cr_hover_menu:hover {
    background: #C8DFD9;
}

.cr_home_main_menu ul.cr_home_sub_menu li a {
    text-decoration: none;
    color: black;
    display: block;
}

.cr_home_main_menu ul img {
    width: 100%;
    padding: 10px;
}

ul.cr_home_sub_menu li {
    padding: 10px 0px 10px 0;
    text-align: left;
    padding-left: 14px;
    font-size: 15px;
    border-bottom: 1px solid #a5a5a5;
}

ul.cr_home_sub_menu li:last-child {
    border-bottom: none;
}

.cr_home_main_menu .cr_home_sub_menu {
    display: none;
    position: absolute;
    background: #C8DFD9;
    box-shadow: 0 12px 14px -10px #565656;
    width: 100%;
    z-index: 999;
}
/*hover css */
.cr_home_main_menu .cr_hover_menu:hover .cr_home_sub_menu {
    display: block !important;
}
.cr_hover_menu:hover a{
    color:unset;
}
.cr_home_main_menu .cr_hover_menu:hover{
    cursor:pointer;
}
ul.cr_home_sub_menu li:hover {
    background: #ffc425;
    cursor: pointer;
}

.cr_home_main_menu .cr_home_sub_menu ul li {
    padding: 5px 15px;
}

/* cr Home page Finance css  */

.cr_Financing_option-bg {
    background-image: url("/assets/images/uploaded/FINANCE-BANNER.jpg");
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 35px;
}

/* cr Home page catlog css ends */

/*cr_ Knowledgebase Cr_advantages css*/

.tableWrapper table tr td {
    border: 1px solid #ccdcd5;
}

/*cr_ Knowledgebase Cr_advantages css ENDS*/

/*cr_ Knowledgebase Cr_rake_compasrisionChart css ENDS*/

/*cr_aftermarket_by_rake_css */
.cr_aftermarket_accordion {
    background-color: #00502f;
    color: #fff;
    margin-top: 15px
}

.cr_aftermarket_accordion_header {
    cursor: pointer;
    padding: 10px;
    align-items: center;
}

.cr_aftermarket_accordion_content {
    display: none;
    padding: 10px;
    color:black !important;
    background-color: #ccdcd5 !important;
}
.cr_aftermarket_accordion_header i {
    float: right;
    color: #fff;
}
.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.aftermarketborder {
    border: 1px solid;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    margin: 5px 13px 5px 13px
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.aftermarketpartborder {
    border: 2px solid #ccc;
    border-radius: 8px;
    color: #00502f;
    display: inline-block;
    display: block;
    font-size: 16px;
    justify-content: space-between;
    padding: 15px 10px;
    position: relative;
    width: 100%;
}

.aftermarketborder div#customer_Rake:hover, #tractor_selector_section div#customer_tractor:hover {
    background-color: #ffc425;
}
/*cr_aftermarket_by_rake_css ENDS*/

/*cr_upgradekit_category_css */
.cr_upgradekit_accordion {
    background-color: #FFE7A8;
    color: #000;
    margin-bottom: 15px;
}
.category-page .generalTitle {
    background-color: #FFE7A8;
}

/*cr_upgradekit_category_css ENDS*/

/*Merchandisereturns_css_start*/
.dd-disabled {
    background-color: #f2f2f2;
    color: #888;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}
/*Merchandisereturns_css_ends*/
/*order_details_start*/

.order-deatils-alert-danger {
    color: #e11629;
    background-color: #f8d7da;
    border-color: #e11629;
}
.retrypayment-address-container {
    margin-bottom: 20px;
}

.retrypayment-tooltip-trigger {
    color: #000;
    text-decoration: underline;
    position: relative;
    z-index: 1;
}

.retrypayment-tooltip-content {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
    width: 400px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    left: 10px;
    z-index: 1;
}

.retrypayment-tooltip-content p {
    color: #000;
    margin: 0;
}

.retrypayment-tooltip-content hr {
    border-top: 1px solid #ddd;
    margin: 10px 0;
}

.retrypayment-tooltip-trigger:hover + .retrypayment-tooltip-content {
    display: block;
}

.retrypayment-address-half {
    width: 50%;
    float: left;
}
.retrypayment-order-details-ul-list {
    margin-bottom:9px!important
}
/*order_details_end*/
/*wh_find_hoses_now_css*/

.wh_find_your_hoses_sec {
    background-image: url("/assets/images/uploaded/wholesalehoses/Find-hose-bg.png");
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 35px;
    color: #fff;
}

/*wh_find_hoses_now_css_ends*/

/*New css changes for Learn-more-accordion*/

.cr_learn_more_tabs-link {
    font-size: 1.6em;
    color: #000;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
}

.cr_learn_more_tabs-main {
    margin-bottom: 4px;
    overflow: hidden;
}

.cr_learn_inside_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.cr_learn_more_tabs-main .arrow::before {
    content: '\25BC';
    /* Unicode character for down arrow */
    display: inline-block;
    margin-left: 5px;
}

.up-arrow .arrow::before {
    content: '\25B2';
    display: inline-block;
    /* Unicode character for up arrow */
}

/*New css changes for Learn-more-accordion Ends*/

/*New css changes for Learn-more-02-section*/
@media (max-width: 1200px) {
    .card-deck .card {
        margin-bottom: 15px;
    }

    .card {
        min-width: 40%;
    }

    .card-body {
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
/*Home page css*/
.learn_more_About_section1 {
    background-color: rgb(255, 231, 168);
    padding: 0px 10px;
    transition: all 0.2s linear 0s;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
}

.learn_more_About_section2 {
    background-color: rgb(204, 222, 220);
    padding: 0px 10px;
    transition: all 0.2s linear 0s;
    box-sizing: border-box;
    position: relative;
    float: right;
    width: 100%;
}

    .learn_more_About_section img,
    .learn_more_About_section2 img {
        height: 70px;
    }

.home-card-title {
    line-height: 1;
}

.home-card-body {
    padding: 0.65rem;
}

.home-card-title span {
    font-size: 18px;
}

.home-buy-button {
    background-color: #00502f;
}

@media(max-width: 768px) {
    .learn_more_About_section img, .learn_more_About_section2 img {
        height: auto;
    }
}