@import url('/ToonLand/fonts/AnisaSans.ttf');

@font-face {
    font-family: myFirstFont;
    src: url(/fonts/AnisaSans.ttf);
}

@font-face {
    font-family: mySecondFont;
    src: url(/fonts/sassoon/SassoonSansStd-Medium.otf);
}

.fashion_section {
    width: 100%;
    float: center;
    padding-bottom: 150px;
    background-image: url('/Assets/comic-product.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 50rem;
}

.fashion_taital {
    width: 100%;
    font-size: 70px;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    margin-top: 8.5rem;
}

.fashion_section_2 {
    width: 100%;
    margin-top: 30px;
}

.box_main {
    width: 80%;
    background-color: #ffffff;
    height: auto;
    padding: 20px;
    margin-bottom: 20px;
    margin-left: 3rem;
    margin-top: 5rem;
}

.shirt_text {
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}

.price_text {
    width: 100%;
    font-size: 20px;
    color: #f26522;
    text-align: center;
    margin: 0px;
}

.price_text span {
    font-size: 30px;
    font-weight: bolder;
}

.tshirt_img {
    width: 100%;
    text-align: center;
    margin: 50px 0px;
    min-height: 370px;
}

.btn_main {
    width: 100%;
    display: flex;
}

.buy_bt {
    float: left;
    width: 100%;
}

.buy_bt a {
    width: 100%;
    font-size: 16px;
    color: #f26522;
    background-color: transparent;
    text-align: right;
    font-weight: bold;
}

.buy_bt a:hover {
    background-color: transparent;
    color: #262626;
    text-decoration: none;
}

.seemore_bt {
    width: 100%;
    float: right;
    text-align: right;
}

.seemore_bt a {
    width: 100%;
    font-size: 16px;
    color: #262626;
    background-color: transparent;
    text-align: right;
}

.seemore_bt a:hover {
    background-color: transparent;
    color: #f2228a;
    text-decoration: none;
}

#main_slider a.carousel-control-next {
    right: 615px;
    top: 105%;
}

#main_slider a.carousel-control-prev {
    left: 615px;
    top: 105%;
}

#main_slider .carousel-control-next,
#main_slider .carousel-control-prev {
    width: 55px;
    height: 55px;
    background-color: #30302e;
    opacity: 1;
    font-size: 30px;
    color: #ffffff;
}

#main_slider .carousel-control-next:focus,
#main_slider .carousel-control-next:hover,
#main_slider .carousel-control-prev:focus,
#main_slider .carousel-control-prev:hover {
    color: #fff;
    background-color: #f26522;
}


/* fashion section end */