@import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --light: #fff;
    --dark: #000;
    --primary: #f8f2f2;
    --secondary: #e65783;
    --teritary: #200204;
}

body {
    background: var(--light);
    font-family: 'Spartan', sans-serif;
}

#header {
    margin: 0;
    padding: 5px 0 1px 0px;
    box-shadow: 0px 0.2px 15px gray;
}

.navbar__logo {
    width: 150px;
}

.upper__section {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 0 0 0;
}

.search__container {
    border: 2px solid black;
    width: 100%;
    border-radius: 400px;
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 25px;
}

.fa-search {
    position: absolute;
    right: 15px;
}

#search {
    width: 100%;
    padding: 12px;
    border-radius: 400px;
    border: none;
    outline: none;
    background-color: #F4F4F4;
    font-size: 13px;
}

.sign_btn{
    font-size: 13px;
}

.actions__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .second__btn__action {
    margin: 14px 25px;
} */

.first__btn__action>input {
    border: none;
    background-color: #fff;
}

.first__btn__action,
.second__btn__action,
.last__btn__action,
.product__container__btn {
    display: block;
    transition: 0.1s ease-in-out;
}

.first__btn__action>input,
.second__btn__action>i,
.last__btn__action>i {
    margin: 10px 15px;
}

.first__btn__action:hover>input,
.first__btn__action:hover,
.second__btn__action:hover,
.last__btn__action:hover,
.product__container__btn:hover {
    background-color: #f1f1f1;
    border-radius: 50px;
}

.list__container__lower__section {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 16px 42px 0;
    font-size: 12px;
    margin-bottom: 0.5rem!important;
}
.list__container__lower__section>a{
    padding: 0 25px;
}
.first{
    padding-left    : 0px!important;
}

.mobile__section__header {
    display: none;
}       

.upper__section {
    margin: 0 44px;
}

@media screen and (max-width:900px) {
    .upper__section {
        justify-content: space-between;
        margin: 0 15px !important;
    }

    .upper__section>.search__container.search__container,
    .lower__section {
        display: none;
    }

    .mobile__section__header {
        display: flex;
        align-items: center;
        margin: 5px 0 10px 0;
    }

    .mobile__search {
        display: block;
        width: 100%;
    }

    .menu__button__header {
        margin: 0 5px 0 15px;
    }

    .fa.fa-search {
        position: absolute;
        top: 16px;
    }

    .text__third__section{ 
	text-align: center;
	}

    /* .para_review_prices,
    .para_review_container{
        width: 98vw!important;
    } */

    .bold_cost{
        font-size: 15px!important;
    }
}

.row {
    margin: 0;
}

#productCarousel {
    margin-top: 15px;
    width: 150px;
    height: 150px;
}

#productCarousel .carousel-item img {
    width: 100%;
    height: 400px !important;
    object-fit: contain;
    border: 1px solid lightgrey;
    border-radius: 0.25rem !important;
}

#productCarousel {
    margin-top: 15px;
    width: 50vw !important;
    height: 400px !important;
}

#productCarousel .carousel-inner img {
    width: 100%
}

#productCarousel .carousel-item {
    height: 500px !important;
    width: calc(100% - 120px) !important;
    overflow: hidden;
}

#productCarousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid lightgrey;
    border-radius: .25rem !important;
}

#productCarousel .carousel-indicators {
    position: absolute;
    right: 0;
    top: -10px;
    margin-top: 0px;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    overflow-y: scroll;
}

#productCarousel .carousel-indicators::-webkit-scrollbar {
    width: 3px;
    background: #fff;
}

#productCarousel .carousel-indicators::-webkit-scrollbar-thumb {
    background: lightgrey;
}

#productCarousel .carousel-indicators>li {
    width: 80px;
    height: 85px;
}

#productCarousel .carousel-indicators li {
    margin-right: 4px;
    border: 1px solid grey;
    border-radius: .25rem !important;
    margin-top: 5px;
}

#productCarousel .carousel-indicators li img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
    opacity: 1;
}

#productCarousel .carousel-indicators li.active {
    border: 1px solid var(--dark);
    border-radius: .25rem !important;
}

#productCarousel .carousel-indicators li.active img {
    opacity: 1;
}

#productCarousel .carousel-indicators li:hover img {
    opacity: 1;
}

.carousel-indicators .list-inline {
    margin-bottom: 0 !important;
}

#productCarousel .carousel-indicators {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.client-feedback .carousel-indicators {
    bottom: -60px;
}

.client-feedback .carousel-indicators li {
    height: 0px;
    width: 18px;
    border-radius: 50%;
    background: #999;
    opacity: 0.2;
}

.client-feedback .carousel-indicators li.active {
    background: #999;
    opacity: 1;
}

@media screen and (max-width:992px) {
    #productCarousel {
        margin-top: 15px;
        width: 100% !important;
        height: 400px !important;
    }

    .product__container__row {
        flex-direction: column;
    }

    .left__container__body {
        margin: 0 !important;
    }

    .first__footer__section,
    .third__footer__section {
        flex-direction: column;
    }

    .right__side__footer {
        margin-top: 25px;
    }
    .reviews_star{
        max-width: 720px!important;
        margin: 25px auto;
    }
    .review__container__row.row{
        flex-direction: column-reverse!important;
    }
    .delivery_container_section{
        margin: 25px auto;
        text-align: center;
    }
    .para_review_container, .para_review_prices{
        width: 70vw!important;
    }
}

.sales__reviews__container {
    font-size: 12px;
}

.best_seller_badge__container {
    background-color: #fdebd2;
    width: 80px;
    text-align: center;
    border-radius: 15px;
    padding: 5px;
    font-size: 13px;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
    text-decoration-color: inherit;
}

.add__cart__container {
    display: flex;
}

.cart_btn,
.title__container {
    width: 100%;
}

.title__container>h4 {
    margin-bottom: 1rem;
}

.cart_btn {
    border-radius: 25px;
    background-color: rgb(30, 30, 30);
    color: white;
    padding: 10px 0;
    font-weight: bolder;
}

.add__cart__container {
    display: block;
    margin-top: 15px;
}

.cart_btn:hover {
    transition: 0.2s ease;
    transform: scale(1.02);
    background-color: rgb(47, 46, 46);
}

.left__container__body,
.product__container__row {
    width: 100% !important;
}

.product__container__row {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.left__container__body {
    margin: 0 15px;
}

.highlight__title__container {
    margin-top: 15px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bolder;
    cursor: pointer;
}

h6 {
    margin-bottom: 0 !important;
    font-weight: bolder;
}

.highlight__title__container:hover {
    background-color: #dfdfdf;
    border-radius: 28px;
}

.highlight-btn {
    border: none;
    outline: none;
}


:root {
    /* dark shades of primary color*/
    --clr-primary-1: hsl(205, 86%, 17%);
    --clr-primary-2: hsl(205, 77%, 27%);
    --clr-primary-3: hsl(205, 72%, 37%);
    --clr-primary-4: hsl(205, 63%, 48%);
    /* primary/main color */
    --clr-primary-5: #49a6e9;
    /* lighter shades of primary color */
    --clr-primary-6: hsl(205, 89%, 70%);
    --clr-primary-7: hsl(205, 90%, 76%);
    --clr-primary-8: hsl(205, 86%, 81%);
    --clr-primary-9: hsl(205, 90%, 88%);
    --clr-primary-10: hsl(205, 100%, 96%);
    /* darkest g    rey - used for headings */
    --clr-grey-1: hsl(209, 61%, 16%);
    --clr-grey-2: hsl(211, 39%, 23%);
    --clr-grey-3: hsl(209, 34%, 30%);
    --clr-grey-4: hsl(209, 28%, 39%);
    /* grey used for paragraphs */
    --clr-grey-5: hsl(210, 22%, 49%);
    --clr-grey-6: hsl(209, 23%, 60%);
    --clr-grey-7: hsl(211, 27%, 70%);
    --clr-grey-8: hsl(210, 31%, 80%);
    --clr-grey-9: hsl(212, 33%, 89%);
    --clr-grey-10: hsl(210, 36%, 96%);
    --clr-white: #fff;
    --clr-red-dark: hsl(360, 67%, 44%);
    --clr-red-light: hsl(360, 71%, 66%);
    --clr-green-dark: hsl(125, 67%, 44%);
    --clr-green-light: hsl(125, 71%, 66%);
    --clr-gold: #c59d5f;
    --clr-black: #222;
    --ff-primary: "Roboto", sans-serif;
    --ff-secondary: "Open Sans", sans-serif;
    --transition: all 0.3s linear;
    --spacing: 0.25rem;
    --radius: 0.5rem;
    --light-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --dark-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    --max-width: 1170px;
    --fixed-width: 620px;
}

/* hide text */
.highlight-text {
    display: none;
}

.show-text .highlight-text {
    display: block;
}

.minus-icon {
    display: none;
}


.show-text .minus-icon {
    display: inline;
}

.show-text .plus-icon {
    display: none;
}

.highlight-text>p {
    padding: 15px 15px 15px 25px;
    font-size: 13px
}

.cost__text {
    padding: 10px 15px;
    margin: 0;
}

.free__text {
    margin: 0 25px;
}

@media screen and (max-width:500px) {
    #productCarousel .carousel-item {
        width: calc(100% - 100px) !important;
    }
}

.detail__list__container {
    margin: 0 50px;
}

.wt-fill-denim-tint {
    fill: #D7E6F5 !important;
}

.upper__section__footer {
    background-color: #D7E6F5;
}

#footer,
.product__container__row {
    margin-top: 100px;
}

.text__footer__p {
    margin-top: 35px;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
}

.upper__section__footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.email__input {
    width: 400px;
    position: relative;
    margin-bottom: 50px;
}

#email {
    border-radius: 50px;
}

#subscrite__btn {
    position: absolute;
    right: 10px;
    outline: none;
    top: 25%;
    border-radius: 50px;
    border: 0;  
}

.wt-edge.wt-edge--top svg {
    transform: rotate(180deg);
    background-color: #D7E6F5;
}

.wt-fill-denim-light {
    fill: #4D6BC6 !important;
}

.button_footer {
    background-color: #4D6BC6;
    display: flex;
    justify-content: center;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
    text-decoration-color: inherit;
    color: white;
}

.button_footer>button {
    background-color: #4D6BC6;
    color: rgb(255, 255, 255);
    border: 0;
    display: flex;
}

.button_footer>button>p {
    font-size: 15px;
    margin: 8px 15px;
}

.wt-icon.wt-icon--larger>svg {
    height: 36px;
    width: 36px;
    fill: white;
}

.left__side__footer {
    font-size: 12px;
    font-weight: bold;
    padding: 15px;
    border-radius: 50px;
}

.first__footer__section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
}

.right__list__container {
    list-style-type: none;
    display: flex;
    margin-bottom: 0;
}

.left__side__footer:hover {
    background-color: #cfcfcf;
}

.right__list__item {
    font-size: 12px;
    padding: 0 15px;
}

.footer_link {
    color: black;
}

.second__footer__section {
    margin-top: 40px;
}

.second__footer__section>p {
    text-align: center;
    font-size: 12px;
}

.third__footer__section {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.text__third__section {
    padding: 15px;
}

@media screen and (max-width:900px) {
    .right__list__container {
        flex-direction: column;
        align-items: center;
    }

    .right__list__item {
        text-align: center;
    }

    .right__list__item {
        padding: 15px;
    }
}

/* Chcekout css */
.body__checkout__container {
    margin: 35px;
}

.upper__section__container__check {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item_count {
    font-size: 25px;
    margin: 0;
}

.btn_keep {
    text-decoration: none !important;
    color: black;
    padding: 12px 20px;
    font-weight: bold;
    border-radius: 25px;
    transition: all 0.2s ease-in-out;
}

.btn_keep:hover {
    color: black;
    background-color: #e2e4e4;
}

.store_logo {
    width: 30px;
}

.right_check_section {
    margin-top: 25px;
    padding: 0;
}

.store_name_check {
    margin-left: 15px;
    color: black;
    font-weight: bold;
}

.store_name_check:hover,
.contact_shop_check:hover,
.contact_shop_check {
    color: black;
}

.store_title_check {
    display: flex;
    align-items: center;
}

.upper_sec_check_product {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_shop_check,
.color_text_check {
    font-size: 13px;
}

.mid_sec_check_product,
.mid_con {
    display: flex;
    justify-content: space-between;
}

.img_product {
    width: 180px;
    height: 150px;
    border-radius: 12px;
}

.color_text_check {
    margin: 0;
}

.content_container_check_product {
    margin: 15px;
}

.color_text_check {
    margin-top: 7px;
}

.link {
    color: black;
}

.links_prod {
    margin-top: 15px;
}

.remove {
    margin-left: 25px;
}

.qty_input {
    width: 70px;
    height: 50px;
    padding: 0 10px;
    border-radius: 8px;
}

.price_container_check {
    margin-top: 25px !important;
}

.checkbox_container,
.up_down_sec_container,
.coupon_container {
    display: flex;
}

.content_text_checkbox>p {
    margin: 0;
    font-size: 13px;
}

#checkbox {
    margin: 0 10px 20px 0;
}

.coupon_container>svg {
    width: 20px;
}

.up_down_sec_container {
    justify-content: space-between;
    font-size: 13px;
}

.coupon_container {
    align-items: center;
}

.coupon_container>p {
    margin: 5px !important;
    font-weight: bold;
}

.mid_down_sec_container {
    display: flex;
    justify-content: space-between;
}

textarea {
    resize: none;
    border-radius: 8px;
    border: 1px solid gray;
}

#shipping {
    width: 350px;
    height: 50px;
    border-radius: 8px;
    padding: 5px;
}

.estimated_text {
    text-align: end;
    font-size: 12px;
}

.visa-svg-path {
    fill: #1434CB;
}

.img_pay_container {
    border: 1px solid rgb(213, 207, 207);
    width: 54px;
    border-radius: 3px;
    margin: 2px;
}

.img_pay {
    width: 50px;
    padding: 5px;
}

.first_pay,
.images_pay {
    display: flex;
}

.checkboxes__container {
    margin-top: 40px;
}

.left_check_section {
    box-shadow: 0 4px 20px rgb(34 34 34 / 15%);
    margin: 5px 75px;
    border-radius: 15px;
    height: 450px;
}

.content_pay {
    margin: 25px 15px;
}

.all_container,
.item_total {
    display: flex;
    margin-top: 25px;
}

.item_total {
    justify-content: space-between;
}

.item_container>p {
    margin-bottom: 0;
}

.shipping_cost {
    font-size: 12px;
}

.proceed,
.checkout_proceed_coupon {
    margin-top: 35px;
}

@media screen and (max-width:1300px) {
    .all_container {
        flex-direction: column;
    }

    .right_check_section,
    .left_check_section {
        max-width: 100% !important;
    }

    .left_check_section {
        margin: 50px 0 0 0 !important;
    }
}

@media screen and (max-width:800px) {
    .mid_down_sec_container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    textarea,
    #shipping {
        width: 400px;   
        margin: 15px;
    }

    .estimated_text {
        text-align: start;
        margin: 0 15px;
    }
}

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

    .mid_sec_check_product,
    .mid_con,
    .up_down_sec_container,
    .upper__section__container__check {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .links_prod {
        display: flex;
        flex-direction: column;
    }

    .remove,
    .coupon_container,
    .upper__section__container__check {
        margin: 20px 0 0 0;
    }

    .product_title_product_check {
        margin: 20px 0;
    }

    .content_container_check_product {
        text-align: center;
    }

    .body__checkout__container {
        margin: 35px 15px;
    }

    textarea,
    #shipping {
        width: 300px;
        margin: 15px;
    }
}

/* terms css */

.body_terms {
    margin: 50px 28vw;
}

.title_terms_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.one,
ol,
.fourteen,
.thirteen,
.twelve,
.eleven,
.ten,
.nine,
.eight,
.seven,
.six,
.five,
.four,
.three,
.two {
    font-size: 14px;
}

.headers__text {
    margin: 25px 0;
}

.con>p {
    font-size: 12px;
}

.list__container__lower__section>a {
    color: black;
}

@media screen and (max-width:1050px) {
    .body_terms {
        margin: 50px 20vw;
    }
}

@media screen and (max-width:600px) {
    .body_terms {
        margin: 50px 10vw;
    }

    .headers__text {
        font-size: 15px;
        font-weight: bolder;
    }
    .avis_container{
        font-size: 15px!important;
    }
    .review__container__row.row {
        margin: 5px!important;
    }
    .p_container_stars >i,
    .review >i {
        font-size: 15px!important;
    }
    .up_container_reviews >p {
        font-size: 10px;
    }
    .suggest_btn{
        display: none;
    }
    .up_container_reviews{
        width: 100%!important;
    }
}


ol>a {
    text-decoration: none;
    color: black;
}

.cart_btn {
    cursor: pointer;
}
.sign_btn{
    font-size: 11px;
    font-weight: bolder;
}
#icon_review{
    width: 35px;
}
.icon_container{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.icon_container >p{
    margin: 0 !important;
    font-size: 12px;
    padding: 0 10px;
}
.review_cmnt
,
.article_container_review{
    margin: 10px 0;
    font-size: 13px;
}
.link_review{
    font-size: 13px;
    color: rgb(44, 44, 44);
}
.review__container__row.row {
    margin: 15px 40px;
}
.up_container_reviews{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.up_container_reviews >p{
    font-size: 11.5px;
    font-weight: bolder
}
.avis_container{
    font-size: 25px;
    font-weight: 500;
    padding: 10px 5px 10px 0;
}
.p_container_stars >i{
    font-size: 20px;
}
.icon_container >p>a{
    color: gray;
}
.review{
    margin: 0px 0px 25px 0;
}
.like_container_review{
    margin: 15px 0;
    font-size: 13px;
    font-weight: bold;
}
.like_container_review:hover,
.suggest_btn:hover{
    background-color: #f1f1f1;
    border-radius: 50px;
    cursor: pointer ;
}
.like_container_review
{
    width: 100px;
    padding: 15px;
}
.suggest_btn{
    width: 150px;
    padding: 12px;
}

.para_review_container,
.para_review_prices{
    display: flex;
    justify-content: space-between;
    width: 35vw;
}
.bold_cost{
    font-size: 22px;
    font-weight: bolder;
}
.delivery_container_section{
    margin-top: 10px;
}
.first_svg_footer{
    fill: #D7E6F5 !important;
}
.second_footer_container{
    background-color: #D7E6F5 !important;
    text-align: center;
    margin: -5px 0;
}
.second_footer_container>p{
    font-size: 12px!important;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 43px;
    padding: 25px 0;
}

#text_input{
    width: 300px;
    height: 40px;
    border-radius: 26px;
    border: 1px;
    box-shadow: 0 4px 20px rgb(34 34 34 / 15%);
    padding: 15px;
    font-size: 12px;
    margin-bottom: 25px;
}
.footer__container{
    position: relative;
}
.second_svg_container{
    transform: rotate(180deg);
    fill: #4D6BC6 !important;
    margin-top: 12px;
    width: 100%;
    height: 20px;
}
.world_icon{
    width: 40px;
}
.world_icon{
    text-align: center;
}
.blue_footer_container{
    background-color: #4D6BC6 !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 500;
    padding: 15px 0 0 0;
    margin: -5px 0;
}
.blue_footer_container > p{
    margin: 0 10px;
    border-bottom: 1px solid white;
    border-bottom: dotted;
    font-size: 15px;
}
/* .first_svg_footer,
.second_svg_container{
    height: 50px;
    width: 100vw;
} */
.blue_footer_container{
    display: flex;
    flex-direction: column-reverse; 
}
.etsy__container__last{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.last__footer__container > ul{
    list-style: none;
}
.last__footer__container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 0 0;
    background-color: #2F466C !important;
    padding: 20px 25px 25px 25px;
}
.last__footer__container> ul{
    font-size: 12px;
}
.last__footer__container> ul>li{
    padding: 5px 0;
}
.first_o{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.first_o > ul{
    list-style-type: none;
    display: flex;
}
.first_o>ul>a>li,
.first_o>ul>p,
.shop__container>a,
.sell__container>a,
.about__container>a,
.help__container>a{
    margin: 15px;
    font-size: 12px;
    text-decoration: none;
    color: white;
    text-decoration: none;
}
.first_o>ul{
    margin-bottom: 0;
}
.et_p{
    font-size: 12px;
    margin-bottom: 0!important;
    padding: 0 5px;
}
@media screen and (max-width:1024px) {
    .first_o,.first_o>ul{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sep{
        display: none;
    }
    .last__footer__container,
    .last__footer__container > ul{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center  ;
    }
    .etsy__container__last{
        font-size: 12px;
    }
    .first_svg_footer{
        margin-bottom: -5px;
    }
    .et_p{
        text-align: center;
    }
}

.first_svg_footer{
    margin-bottom: -5px;
}
.second_svg_container{
    margin-bottom: -3.5px;
}

.wt-icon {
    display: inline-block;
    fill: currentColor;
    /* height: 24px; */
    width: 24px;
    vertical-align: middle;
    margin: 0px 15px;
    padding: 5px 0px;
}

#header{
    box-shadow: none!important;
    border-bottom: 2px solid #cbc9c9!important;
}
.delivery_container_section > p{
    font-size: 14px;
}
.para_review_container{
    font-size: 13px
}
.para_review_prices , .bold_cost{
    font-size: 14px!important;
}

 .list__item__lower__section{
    position: relative;
} 

 .list__item__lower__section:after{
    position: absolute;
    content: "";
    width: 0%;
    bottom: -11px;
    left: 50%;
    height: 2px;
    transition: all 250ms ease-in-out;
    background-color: #000;
}

.list__item__lower__section:hover:after{
    left: 0;
    width: 100%;
}
 .head_item{
    text-decoration: none!important;
 }

 #icon_img{
    width: 40px!important;
 }