/* product detail page styling */

.description-white-con {

    background-color: var(--secondary--color);

    border-top: 2px solid rgb(247, 126, 74);

    padding: 40px 15px 30px;

    box-shadow: 0px 0px 51px rgb(243 243 243 / 100%);

}



.description-outer-wrap {

    margin-top: -16px;

}



.description-white-con h5.d-inline-block {

    font-size: 20px;

    margin-bottom: 27px;

    letter-spacing: -0.2px;
    color: #eb6025;

}



.description-white-con span.d-inline-block {

    font-family: "Nunito", sans-serif;

    letter-spacing: -0.2px;

    /* position: absolute;

    left: 148px; */

}



/* PRODUCT DETAIL PAGE STLYING */

.product-detail-banner-outer p {

    font-size: 20px;

    line-height: 30px;

    font-weight: 300;

    margin-bottom: 13px;

    max-width: 570px;

    /* letter-spacing: -0.2px; */

}



.product-detail-banner-outer .breadcrumb-con {

    margin-bottom: 27px;

}



.product-detail-banner-outer .social-icon span {

    font-weight: 500;

    font-size: 24px;

    color: var(--black--color);

    padding-right: 0;

}



.product-detail-banner-outer .detail-tab-banner-con {

    background-image: url(../images/ellipse.png);

    background-repeat: no-repeat;

    width: 635px;
    right: 40px;
    top: 70px;
    height: 631px;
}



.product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {

    height: 100%;

    object-fit: cover;

    z-index: 3;

    position: relative;

    right: -90px;

    top: -60px;

}



.product-detail-banner-outer .product-detail-tab #v-pills-tab {

    margin-right: 0;

    margin-left: 0;

    position: absolute;

    right: -140px;

}

:root {

    --primary--color: #ff6364;

    --black--color: #000000;

    --secondary--color: #ffffff;

    --text-color: #5e5e5e;

    --bg-color: #fff5f4;

    --pink-family-color: #ffcece;

}



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



.about-banner {

    background: url(../images/about-banner-img.jpg) no-repeat center;

    background-size: cover;

}



.shop-pages-banner {

    padding: 187px 0 125px;

}



.shop-box {

    gap: 30px;

    display: grid;

    justify-content: center;

    grid-template-columns: 19.6% 19.6% 19.6% 19.6%;

}



.shop-price {

    font-size: 16px;

    line-height: 16px;

}



.shop-price span {

    color: var(--primary--color);

}



.new-lable {

    color: var(--secondary--color);

    background: var(--green-color);

}



.Hot-lable {

    color: var(--secondary--color);

    background: var(--black--color);

}



.pagination-con .page-link {

    margin: 0 15px;

    font-size: 16px;

    background: transparent;

    border-radius: 0 !important;

    color: var(--black--color);

}



.pagination-con .page-link:hover,

.pagination-con .page-link.active {

    color: var(--secondary--color);

    border-color: var(--primary--color);

    background: var(--primary--color);

}



.pagination-con .page-link:focus {

    box-shadow: none;

}





.shop-box-cart ul li a i {

    width: 30px;

    height: 30px;

    display: flex;

    font-size: 12px;

    line-height: 12px;

    border-radius: 50%;

    align-items: center;

    justify-content: center;

    color: var(--secondary--color);

    border: 1px solid var(--secondary--color);

}



.shop-box-img:hover .shop-box-cart {

    height: 100%;

    padding: 20px;

}



.shop-box-img:hover .shop-box-cart ul,

.shop-box-img:hover .generic-btn {

    opacity: 1;

    visibility: visible;

}



.shop-box-cart ul li a {

    text-decoration: none;

}



.shop-box-img .generic-btn a:hover {

    box-shadow: none;

    background: var(--black--color);

    color: #fff;

}



.sale-lable {

    color: var(--secondary--color);

    background: var(--primary--color);

}



.shop-label {

    text-transform: uppercase;

    padding: 4px 8px 4px 9px;

    margin-left: 10px;

    margin-top: 10px;

    z-index: 2;

    top: 0;

    position: absolute;

    left: 0;

    font-size: 12px;

    line-height: 12px;

    transition: all 0.5s ease-in-out;

}



.shop-box-img {

    position: relative;

    margin-bottom: 14px;

}



.shop-box-details figure {

    margin-bottom: 6px;

}



.shop-box-details h6 {

    margin-bottom: 10px;

    color: var(--black--color);

}



.cart-box {

    gap: 27px;

    display: grid;

    grid-template-columns: 72.6% 25%;

}



.shopping-cart {

    width: 100%;

    float: left;

    padding: 38px 40px;

    background: #fff;

    border: 1px solid rgb(26 24 25 / 15%);

}



.column-labels {

    width: 100%;

    float: left;

    margin-bottom: 15px;

    border-bottom: 1px solid rgb(26 24 25 / 15%);

}





.product-qty-details {

    display: flex;

    color: #000;

    font-size: 16px;

    border: 1px solid rgb(255 99 100 / 75%);

    align-items: center;

    width: 90px;

    justify-content: center;

    padding: 4px 10px 4px 10px;

}



.product-qty-details button {

    background: transparent;

    border: none;

}



.check-out-form .form-group input:focus {

    box-shadow: none;

    border-color: var(--primary--color);

}



.cart-total-box .generic-btn a:hover {

    background: var(--primary--color);

}



.product-qty-details button:focus {

    outline: none;

}



.product-qty-details .number {

    margin: 0 6px 0 10px;

    color: var(--black--color);

}





.product-detail {

    padding: 130px 0 100px;

}



.product-detail-tab,

.product-detail-content {

    padding: 30px;

    border: 1px solid rgb(26 24 25 / 15%);

}



.product-detail-info-box .nav-pills .nav-link {

    padding: 0;

    color: var(--black--color);

    font-size: 20px;

    line-height: 20px;



}



.product-detail-outer {

    gap: 30px;

    display: grid;

    grid-template-columns: 51% 46.4%;

    border-bottom: 1px solid rgb(26 24 25 / 15%);

    padding-bottom: 100px;

}



.product-detail-tab .nav-pills .nav-link {

    padding: 0;

    margin-bottom: 13px;

    border-radius: 0;

}



.product-detail-tab .nav-pills .nav-link figure img {

    width: 100px;

    height: 93px;

}



.product-detail-tab .nav-pills .nav-link.active {

    border: 1px solid var(--primary--color);

}



.product-detail-tab div#v-pills-tabContent figure img {

    height: 100%;

    object-fit: cover;

}







.product-detail-content .add-whish a {

    text-decoration: none;

}



.product-detail-content .add-whish a {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: var(--black--color);

    font-size: 20px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}



.product-detail-content .add-whish a:hover {

    background-color: var(--primary--color);

}



.product-detail-content .add-whish {

    right: 31px;

    position: absolute;

}



.product-detail-content {

    position: relative;

}



.product-detail-content h4 {

    margin-bottom: 14px;

    color: var(--black--color);

    line-height: 28px;

    padding-right: 42px;

}









.product-detail-content p {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 20px;

}



.product-detail-content .quatity_button_wrapper,

.product-detail-banner-outer .quatity_button_wrapper {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 15px;

}



.product-detail-banner-outer .quatity_button_wrapper {

    gap: 15px;

}



.product-detail-content .quantity-field,

.product-detail-banner-outer .quantity-field {

    display: flex;

    border: 1px solid rgb(26 24 25 / 15%);

    padding: 12px 20px;

    width: 106px;

}



.product-detail-content .number,

.product-detail-banner-outer .number {

    font-size: 20px;

    line-height: 18px;

    padding: 0 20px;

    font-weight: 500;

}



.product-detail-content .quantity-field button,

.product-detail-banner-outer .quantity-field button {

    background: transparent;

    border: none;

    font-size: 20px;

    line-height: 18px;

}



.product-detail-content .quantity-field button:focus,

.product-detail-banner-outer .quantity-field button:focus,

.btn-outer button:focus {

    outline: none;

}



.btn-outer button:focus {

    border: 0;

}







.product-code {

    font-size: 16px;

    margin-bottom: 20px;

}



.product-detail-content .social-icon span {

    display: inline-block;

    font-size: 16px;

    line-height: 38px;

    color: #000;

    margin-right: 10px;

}



.product-detail-content .social-icon {

    display: flex;

}



.product-detail-content .social-icon ul {

    gap: 11px;

    display: flex;

}



.product-detail-content .social-icon ul li a {

    text-decoration: none;

}



.product-detail-content .social-icon ul li a i {

    width: 36px;

    height: 36px;

    display: flex;

    font-size: 14px;

    align-items: center;

    justify-content: center;

    color: var(--secondary--color);

    background-color: var(--primary--color);

    transition: all 0.5s ease-in-out;

    /* border: 1px solid var(--text-color); */

}



.product-arrow {

    right: 30px;

    bottom: 22px;

    position: absolute;

}



.product-arrow a {

    text-decoration: none;

}



.product-arrow a i,

.post-arrow i {

    font-size: 14px;

    color: var(--black--color);

}





.product-arrow a:first-child {

    margin-right: 10px;

}



.product-detail-tab #v-pills-tab {

    margin-right: -60px !important;

    margin-top: 28px !important;

}



#v-pills-tabContent figure img {

    height: 500px;

    object-fit: cover;

}



.product-detail-info-box #pills-tab {

    gap: 30px;
    margin-left: -61px;
    margin-bottom: 35px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgb(26 24 25 / 15%);

}



.product-detail-info-box #pills-tab li button {

    padding: 0;

    font-weight: 600;

    font-size: 18px;

    line-height: 18px;

    color: var(--text-color);

}



.product-detail-info-box .nav-pills .nav-link.active {

    color: rgb(247, 126, 74) !important;

    background: transparent;

    position: relative;

}



.product-detail-info-box .nav-pills .nav-link.active::before {

    left: 0;

    bottom: -22px;

    width: 100%;

    height: 3px;

    content: '';

    position: absolute;

    background: rgb(247, 126, 74);

}



.product-detail-info-box .tab-pane p {

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 15px;

}



.product-detail-info-box .tab-pane>figure img {

    margin-bottom: 25px;

    width: 60%;

}





/* Product detail banner section stlying */

.product-detail-banner-outer .product-detail-outer {

    display: unset;

    padding-bottom: 0;

    border-bottom: none;



}



.product-detail-banner-outer .product-detail-tab {

    padding: 0;

    border: none;

}



.product-detail-banner-outer .product-detail-tab .nav-pills .nav-link figure img {



    background: transparent;

    background-color: transparent;

    height: 100%;

}



.product-detail-banner-outer .product-detail-tab .nav-pills .nav-link figure {

    text-align: center;

    margin: 0 auto;

    /* display: inline-block; */

}



.product-detail-banner-outer .product-detail-tab .nav-pills .nav-link {

    border: 1px solid var(--secondary--color);

    background-color: var(--secondary--color);

    border-radius: 100px;

    width: 130px !important;

    height: 130px !important;

    padding-top: 12px;

}



.product-detail-banner-outer .product-detail-tab .nav-pills .nav-link.active {

    border: 1px solid var(--black--color);

}





.product-detail-banner-outer .product-detail-tab .nav-pills .nav-link figure img {



}



.product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure {

    text-align: center;

}



.product-detail-banner-outer .product-detail-tab #v-pills-tab {

    width: auto;

}



.product-detail-tab #v-pills-tabContent {

    width: auto;

}



.product-detail-banner-outer .detail-content-con {

    margin-bottom: 20px;

}



.product-detail-banner-outer .detail-content-con span {

    font-size: 16px;

    margin-left: 12px;

    color: var(--black--color);

    font-family: "Nunito", sans-serif;

    /* letter-spacing: -0.2px; */



}



.product-detail-banner-outer .stock-price {

    font-family: "Nunito", sans-serif;

    border-bottom: none;

    margin: 29px 0 38px;

    padding: 0;

}



.product-detail-banner-outer .number {

    font-size: 25px;

    line-height: 32px;

    padding: 1px 28px;

    font-weight: 500;

}



.product-detail-banner-outer .quantity-field {

    display: flex;

    padding: 12px 16px;

    width: 160px;

    height: 58px;

    background-color: #fff;

    align-items: center;

    border: none;

    justify-content: center;

}



.product-detail-banner-outer .quantity-field button {

    background: transparent;

    border: none;

    font-size: 25px;

    line-height: 24px;

    border-radius: 100px;

    width: 32px;

    height: 32px;

    background-color: var(--primary--color);

    color: var(--secondary--color);

    flex-shrink: 0;

    cursor: pointer;

}



.product-detail-banner-outer .quantity-field button:hover {

    background-color: var(--black--color);

}



.product-detail-banner-outer .quatity_button_wrapper {

    margin-bottom: 40px;

}



.product-detail-banner-outer .social-icon li {

    margin: 0 7px;

}



.product-detail-banner-outer .social-icon li a i {

    color: rgb(247, 126, 74);

    font-size: 16px;

}



.product-detail-banner-outer .social-icon li a i:hover {

    color: var(--black--color);

}



/***************Responsive************************/

@media only screen and (max-width: 1440px) {

    .shop-pages-banner {

        padding: 177px 0 115px;

    }



    .cart-total-box,

    .shopping-cart {

        padding: 38px 30px;

    }



    .product-detail-tab {

        justify-content: center;

        display: flex;

        align-items: center;

    }



    .product-detail-info-box .tab-pane>figure img {

        width: 100%;

    }



    .product-detail-banner-outer .stock-price {

        margin: 26px 0 26px;

        padding: 0;

    }



    .product-detail-banner-outer .quatity_button_wrapper {

        margin-bottom: 30px;

    }



    .product-detail-banner-outer .product-detail-tab .nav-pills .nav-link {

        width: 70px;

        height: 70px;

        padding-top: 5px;

    }

}



@media only screen and (max-width: 1199px) {



    .total-price {

        font-size: 18px;

        line-height: 18px;

        font-weight: 500;

    }



    .product-detail-outer {

        gap: 23px;

    }



    .product-detail-content h4 {

        margin-bottom: 10px;

        line-height: 28px;

        padding-right: 10px;

    }



    .stock-label {

        font-size: 12px;

        line-height: 12px;

        margin-bottom: 16px;

    }



    .stock-price {

        margin-bottom: 10px;

        padding-bottom: 12px;

    }



    .product-detail-content p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 24px;

    }



    .product-detail-content .number {

        padding: 0 20px;

    }



    .product-detail {

        padding: 100px 0;

    }



    .product-detail-info-box #pills-tab {

        gap: 30px;

        margin-bottom: 25px;

    }



    .product-detail-info-box .tab-pane p {

        font-size: 16px;

        line-height: 24px;

    }



    .review-form-box ul {

        gap: 23px;

    }



    .product-detail-info-box .tab-pane p {

        margin-bottom: 22px;

    }



    h5 {

        font-size: 20px;

    }



    .review-client-box>figure {

        width: 40%;

    }



    .checkout-form-box {

        padding: 30px 30px;

    }



    .order-summary-box,

    .payment-info {

        padding: 22px;

    }



    .checkout-form-box {

        padding: 22px;

    }



    .check-out-form .form-group input:not([type="checkbox"]) {

        padding: 10px 20px;

    }



    .btn-outer button {

        padding: 14px 28px;

    }



    .checkout-section .preview-box .product-outer {

        padding: 0 0 13px;

        margin-bottom: 12px;

    }



    .check-out-form {

        grid-template-columns: 47.2% 47.2%;

    }



    .product-outer-details figure img {

        width: 60px;

    }



    .checkout-section .preview-box .product-outer .product-outer-details {

        width: 178px;

        gap: 5px;

    }



    .payment-info p {

        padding-bottom: 12px;

        margin-bottom: 12px;

    }



    .product-detail-tab #v-pills-tab {

        margin-right: 20px;

    }



    .product-detail-tab div#v-pills-tabContent figure img {

        height: 428px;

    }



    /* .product-detail-tab .nav-pills .nav-link figure img {

        width: 172px;

    } */



    .product-detail-tab .nav-pills .nav-link figure img {

        width: auto;

        height: 75px;

    }



    .shop-sec-sub-con .products-box h4 {

        font-size: 22px;

    }



    .shop-sec-sub-con .products-box .trendy-img {

        min-height: 200px;

    }



    .price-field input[type=range] {

        width: 82%;

    }



    .filter-price {

        width: 100%;

    }



    .price-title {

        margin-right: 7px;

    }



    .products-box .favorite {

        right: 15px;

        top: 17px;

    }



    .products-box .favorite i {

        width: 30px;

        height: 30px;

        line-height: 30px;

    }



    .cart-section .black-btn a {

        padding: 14px 16px !important;

        font-size: 14px;

    }



    .stock-price {

        font-size: 27px;

        line-height: 27px;

    }



    .stock-price span {

        padding-right: 6px;

        font-size: 22px;

    }



    .check-out-form {

        gap: 20px 30px;

    }



    .checkout-section .preview-box .product-outer span {

        font-size: 16px;

        line-height: 18px;

    }



    /* product page styling */

    .shop-sec-sub-con .sidebar .widget.disocunt-bar {

        padding: 25px 0 0 0;

        height: 435px;

    }



    .product-detail-banner-outer .stock-price {

        margin: 16px 0;

    }



    .product-detail-banner-outer .quantity-field button {

        font-size: 20px;

        line-height: 27px;

        border-radius: 100px;

        width: 27px;

        height: 27px;

    }



    .product-detail-banner-outer .number {

        font-size: 18px;

        line-height: 25px;

        padding: 0 20px;

    }



    .product-detail-banner-outer .quantity-field {

        padding: 12px 13px;

        width: 146px;

        height: 58px;

    }



    .check-out-form .form-group.billing-box label {

        font-size: 15px;

    }



}



@media only screen and (max-width: 991px) {

   

    .product-detail-tab .nav-pills .nav-link figure img {

        width: auto;

    }



    .checkout-section .preview-box .product-outer {

        padding: 0 0 15px;

        margin-bottom: 15px;

    }



    .price-field input[type=range] {

        width: 95%;

    }



    .price-title {

        margin-right: 7px;

        float: left;

        width: 80%;

    }



    .product-detail-info-box .nav-pills .nav-link {



        font-size: 18px;

        line-height: 18px;

    }



    .size-chart-con table tr td {

        font-size: 16px;

    }



    .check-out-form .form-group label {

        font-size: 16px;

        line-height: 16px;

    }



    .check-out-form {

        gap: 15px 22px;

    }



    .checkout-section .preview-box .product-outer .product-outer-details {

        gap: 10px;

    }



    /* products page styling */

    .shop-sec-sub-con.blog-tabs-section .sidebar {

        margin-top: 0;

    }



    .shop-sec-sub-con .sidebar .widget.disocunt-bar {

        display: none;

    }



    .shop-products-con .featured-product-box {

        height: 195px;

    }



    .shop-products-con ul.pagination {

        margin: 0 auto 0;

    }



    .stock-price span {

        padding-right: 6px;

        font-size: 18px;

    }



    .product-detail-banner-outer .detail-content-con {

        margin-bottom: 9px;

    }



    .product-detail-banner-outer .quantity-field {

        padding: 10px 0;

        width: 140px;

        height: 50px;

    }



    .review-form-box ul {

        gap: 15px;

    }

}