/*=====================================================
        NIRYA EXPORTS - ESSENTIAL OIL PRODUCT PAGE
======================================================*/

.product-tabs{
    gap:10px;
    margin-bottom:25px;
}

.product-tab{
    border:none;
    background:#f4f4f4;
    color:#222;
    padding:12px 22px;
    font-size:15px;
    font-weight:600;
    border-radius:6px;
    transition:.25s;
    cursor:pointer;
}

.product-tab:hover{
    background:#51CFED;
    color:#fff;
}

.product-tab.active{
    background:#51CFED;
    color:#fff;
}



/*======================
      PRODUCT CARD
=======================*/

.product-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    margin-top:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}




/*======================
      HEADER
=======================*/

.product-header{
    background:#fff;
    border-bottom:3px solid #51CFED;
    padding:18px;
    text-align:center;
}

.product-header h2{
    margin:0;
    font-size:30px;
    font-weight:700;
}

.product-title{
    margin:0;
    font-size:36px;
    color:#05cc5f;
    font-weight:700;
}

/*======================
      IMAGE
=======================*/

.product-image-box{
    background:#fafafa;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    padding:20px;
    border-right:1px solid #eee;
}

.product-image{
    width:100%;
    height:650px;
    object-fit:contain;
}



/*======================
      CONTENT
=======================*/

.product-content{
    padding:30px;
}



/*======================
      INFO TABLE
=======================*/

.table-title{

margin-top:25px;

margin-bottom:15px;

font-weight:700;

color:#222;

border-bottom:2px solid #51CFED;

padding-bottom:8px;

}

.product-info-table{

    margin-bottom:18px;
}

.product-info-table th{

    width:190px;
    font-weight:700;
    color:#51CFED;

    padding:7px 0;
}

.product-info-table td{

    padding:7px 0;
}


.product-meta{
    margin-bottom:20px;
}

.meta-item{
    display:flex;
    margin-bottom:10px;
    font-size:15px;
}

.meta-item strong{
    width:170px;
    color:#05cc5f;
}

.meta-item span{
    color:#444;
}

.meta-item label{

width:180px;

font-weight:700;

color:#05cc5f;

}

.meta-item span{

color:#555;

}


/*======================
      DESCRIPTION
=======================*/

#productDescription{

    font-size:15px;
    line-height:1.7;

    margin-bottom:20px;

    color:#444;
}



/*======================
      FEATURES
=======================*/

#features{

    margin-bottom:15px;
}

#features .col-md-6{

    padding-bottom:8px;

    font-size:15px;
}



/*======================
      PROPERTY TABLE
=======================*/

.table-responsive{

    margin-top:15px;
}

.table{

    margin-bottom:0;
}

.table th{

    background:#51CFED;
    color:#fff;

    text-align:center;

    font-size:14px;

    vertical-align:middle;
}

.table td{

    font-size:14px;

    vertical-align:middle;
}



/*======================
      BUTTON
=======================*/

.btn-primary{

    border-radius:40px;

    padding:12px 40px;

    font-weight:600;
}



/*======================
      RESPONSIVE
=======================*/

@media(max-width:991px){

.product-image-box{

    min-height:350px;

    border-right:none;

    border-bottom:1px solid #ececec;
}

.product-image{

    max-height:320px;
}

.product-content{

    padding:20px;
}

.product-header h2{

    font-size:26px;
}

.product-info-table th{

    width:150px;
}

}



@media(max-width:767px){

.product-tabs{

    justify-content:center;
}

.product-tab{

    width:100%;

    margin-bottom:8px;
}

.product-image-box{

    min-height:300px;
}

.product-image{

    max-height:280px;
}

.product-content{

    padding:18px;
}

.table{

    font-size:13px;
}

.table th{

    font-size:13px;
}

.table td{

    font-size:13px;
}

.product-header h2{

    font-size:24px;
}


}