/*  learn moree  */
    
    .learn-more-open {
        color: #ddd;
        transition: .3s;
        border: 1px solid #fff;
        letter-spacing: 3px;
        display: inline-block;
        cursor: pointer;
        padding: .5% 1% .5% 1%;
        margin: 2% 0 0 0;
        letter-spacing: 4px;
    }
    
    .learn-more-open:hover {
        color: #ff6400;
        transition: .3s;
        border: 1px solid #ff6400;
    }
    /*  cooling  */
    
    .aorus-cooling_item {
        max-width: 1920px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }
    
    .cooling_learn-more {
        max-width: 1920px;
        background-color: rgba(30, 30, 30, 1);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        transition: 2s;
        border-top: 2px solid rgba(255, 100, 0, .5);
        border-bottom: 2px solid rgba(255, 100, 0, .5);
        /* padding: 0 4% 0 4%; */
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .6s ease-in, opacity 1.1s;
    }
    
    .cooling_learn-more.vr_more {
        max-width: 1920px;
        background: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        transition: 2s;
        border-top: 2px solid rgba(255, 100, 0, .5);
        border-bottom: 2px solid rgba(255, 100, 0, .5);
        max-height: 100%;
        opacity: 1;
        background-color: transparent;
    }
    
    .aorus-cooling_item img {
        width: 100%;
    }
    
    .aorus-cooling_item_img {
        padding: 0;
        margin: 0;
    }
    
    .aorus-cooling_item_word h2 {
        color: #ff6400;
    }
    
    .aorus-cooling_item_word h3 {
        line-height: 28px;
        color: #fff;
    }
    
    .cooling_learn-more h3 {
        color: #ddd;
    }
    
    .learn-more-close {
        position: absolute;
        color: #fff;
        top: 3%;
        right: 5%;
        cursor: pointer;
        z-index: 20;
        transition: .2s;
    }
    
    .learn-more-close:hover {
        color: #ff6400;
        transform: scale(1.2);
        transition: .2s;
    }