@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* base font */
* {
    font-family: var(--roboto);
}
/* -- common-css -- */
a:hover {
    text-decoration: none;
}
.fish_page--wrapper {
    overflow: hidden;
}
.fish_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--black);
    position: relative;
}
.fish_title::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 4px;
    background: var(--fish-primary-color);
    left: 0px;
    top: -5px;
}
.read_link {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 0px;
    letter-spacing: 0.1em;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: var(--fish-tertiary-color);
    display: block;
}
.read_link:hover {
    color: var(--black);
}
.view_all--btn {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 0px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--white);
    padding: 1.5rem 0.6875rem;
    display: block;
    max-width: 180px;
    width: 100%;
    background: var(--fish-primary-color);
    box-shadow: 10px 14px 16px rgba(0, 77, 214, 0.25);
    transition: all 0.6s ease-in-out;
}
.view_all--btn:hover {
    color: var(--black);
    background: var(--fish-secondary-color);
    box-shadow: 10px 14px 16px rgba(255, 197, 0, 0.25);
}
.view_products--btn {
    display: inline-block;
    transition: all 0.5s ease-in-out;
}
.view_title_cart--wrapper {
    display: flex;
    align-items: center;
}
.view_products--btn .view_title {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--white);
    background: var(--fish-primary-color);
    text-align: center;
    transition: all 0.7s ease-in-out;
    padding: 1rem 1.6rem;
}
.view_products--btn .view_cart {
    background: #E7E7E7;
    text-align: center;
    max-width: 64px;
    padding: 0.82rem 0.5rem;
}
.view_products--btn:hover .view_title {
    color: var(--black);
    background: var(--fish-secondary-color);
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    display: none;
    transition: all 0.3s ease;
    z-index: 1000;
}
#return-to-top i {
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: var(--white);
    top: 5px;
}
@media ( min-width: 576px ) {
    .fish_title {
        font-size: 48px;
    }
}
@media ( min-width: 768px ) {
    .view_all--btn {
        font-size: 14px;
        max-width: 220px;
        padding: 2rem 0.6875rem;
    }
}
@media ( min-width: 1200px ) {
    .fish_title::before {
        top: 20%;
        left: -4.4rem;
    }
    .view_products--btn .view_title {
        font-size: 20px;
        max-width: 311px;
        padding: 2rem 2.6rem;
    }
    .view_products--btn .view_cart {
        max-width: 94px;
        padding: 1.82rem 0.5rem;
    }
}

/* -- fish-banner -- */

.fish_banner--wrapper {
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    top: 133px;
    padding-bottom: 100px;
}
.banner_fish--text {
    position: absolute;
    top: 0rem;
    right: 0rem;
}
.banner_fish--text::before {
    content: '';
    position: absolute;
    background: url('../../images/fish/leaf3.png') no-repeat center;
    background-size: cover;
    width: 131px;
    height: 158px;
    top: 0rem;
    left: 0rem;
}
.banner_v--text {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
}
.banner_swiper--slide {
    position: relative;
    padding-top: 10rem;
}
.swiper_banner--img {
    position: absolute;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    bottom: 0rem;
    z-index: -1;
}
.banner_shop--details .banner_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #1A1A1D;
    padding-bottom: 22px;
    position: relative;
}
.banner_shop--details .banner_title::before {
    content: '';
    position: absolute;
    background: url('../../images/fish/leaf4.png') no-repeat center;
    background-size: cover;
    width: 105px;
    height: 125px;
    top: -7.5rem;
    left: 30%;
}
.banner_shop--details p {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--black);
}
.banner_shop--details .view_products--btn {
    position: relative;
    margin-top: 6.375rem;
}
.banner_shop--details .view_products--btn::before {
    content: '';
    position: absolute;
    background: url('../../images/fish/leaf1.png') no-repeat center;
    background-size: cover;
    width: 175px;
    height: 118px;
    top: -7.4rem;
    left: -1rem;
}
.fish_variety--wrapper {
    position: relative;
}
.banner_shop--fish {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.banner_shop--fish::after {
    content: '';
    position: absolute;
    background: url('../../images/fish/leaf2.png') no-repeat center;
    background-size: cover;
    width: 131px;
    height: 142px;
    top: -6rem;
    right: 6rem;
    z-index: -1;
}
.banner_shop--fish .banner_fish {
    display: flex;
    align-items: center;
}
.sidetext_wrapper span {
    margin-left: 1.8rem;
}
.fish_banner--container {
    padding-bottom: 5.5rem;
}
.fish_banner--container .banner_pagination {
    max-width: 180px;
    display: flex;
    justify-content: center;
    bottom: 50px;
}
.fish_banner--container .banner_pagination .swiper-pagination-bullet {
    font-family: var(--montserrat);
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #ddd;
    background: transparent;
    border-radius: 0%;
    width: 100%;
    height: auto;
    text-align: left;
    opacity: 1;
}
.fish_banner--container .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background: var(--black);
}
.fish_banner--container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--black);
}
.banner_slider {
    display: flex;
    justify-content: space-between;
}
.banner_fish .fish_banner--info {
    display: none;
}
.sidetext_wrapper {
    display: none;
}
@media ( min-width: 576px ) {
    .banner_shop--details .banner_title {
        font-size: 45px;
        line-height: 50px;
    }
    .banner_shop--details p {
        font-size: 20px;
        line-height: 30px;
    }
    .banner_fish .fish_banner--info {
        font-family: var(--montserrat);
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.2em;
        color: var(--black);
        display: block;
        margin-left: -0.625rem;
    }
    .sidetext_wrapper {
        font-family: var(--montserrat);
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--black);
        width: 220px;
        transform: rotate(90deg);
        position: absolute;
        left: -5.9rem;
        bottom: 50%;
    }
}
@media ( min-width: 768px ) {
    .fish_banner--container .banner_pagination .swiper-pagination-bullet {
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .fish_banner--container .banner_pagination .swiper-pagination-bullet::after {
        content: '';
        position: absolute;
        width: 61px;
        height: 1px;
        background: #fff;
        top: 10px;
        right: 0;
    }
    .banner_shop--details .banner_title {
        font-size: 60px;
        line-height: 60px;
    }
    .banner_shop--details .view_products--btn {
        margin-top: 9.375rem;
    }
    .sidetext_wrapper {
        left: -7.5rem;
    }
    .fish_banner--container .banner_pagination {
        right: 5rem;
        left: auto;
        bottom: 0;
        height: 200px;
        display: block;
    }
}
@media ( min-width: 992px ) {
    .fish_header--wrapper.header_active {
        background: rgba(255, 197, 0, 0.2);
    }
    .banner_fish--text {
        padding-right: 5.5rem;
    }
    .fish_banner--container {
        padding-top: 6.5rem;
    }
    .banner_shop--details .view_products--btn {
        margin-top: 13.375rem;
    }
    .fish_variety--wrapper {
        margin-top: -4rem;
    }
    .banner_pagination {
        bottom: 12rem!important;
    }
    .fish_banner--wrapper {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        top: 0;
        padding-bottom: 0px;
    }
}
@media ( min-width: 1200px ) {
    .banner_shop--details .view_title {
        max-width: 206px;
    }
    .banner_shop--details .banner_title {
        font-size: 80px;
        line-height: 70px;
    }
    .fish_banner--container {
        padding-bottom: 20rem;
    }
    .banner_fish--text::before {
        left: -15rem;
    }
    .banner_shop--details {
        padding-left: 3rem;
    }
    .sidetext_wrapper {
        left: -9.9rem;
        bottom: 45%;
    }
    .banner_pagination {
        right: 12rem;
        bottom: 15rem!important;
    }
}
@media ( min-width: 1880px ) {
    .banner_fish--text::before {
        left: -24rem;
    }
    .banner_shop--details {
        padding-left: 12rem;
    }
    .banner_swiper--slide {
        padding-top: 16rem;
    }
    .banner_shop--details .banner_title::before {
        left: 25%;
    }
    .banner_shop--details .view_products--btn::before {
        left: -5rem;
    }
    .fish_variety--wrapper {
        margin-top: -9rem;
        padding-left: 5rem;
    }
    .sidetext_wrapper {
        left: -5rem;
    }
    .swiper_banner--img {
        left: 14rem;
        top: -7rem;
    }
    .fish_banner--container {
        padding-bottom: 9rem;
    }
    .banner_pagination {
        bottom: 8rem!important;
    }
}

/* -- how-it-work -- */

.how_it_work--wrapper {
    position: relative;
    z-index: 998;
    padding-bottom: 5rem;
}
.how_works--list {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}
.how_works--item {
    margin: 0px 5px;
}
.how_it--img,
.works_img--wrapper {
    text-align: center;
}
.how_it--name {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.07em;
    color: var(--black);
    text-align: center;
    display: block;
    padding-top: 1rem;
}
.how_works--product .how_it--text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.07em;
    color: #8F8F8F;
    display: block;
    padding-top: 2rem;
    padding-left: 12px;
    padding-right: 12px;
}
.how_it_works--details {
    padding-top: 2rem;
    padding-right: 12px;
    padding-left: 12px;
}
.how_it_works--details p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.07em;
    color: var(--black);
    padding: 1.5625rem 0rem 0.3125rem;
}
.how_it_works--details .learn_more--btn {
    margin-top: 0rem;
}

@media ( min-width: 768px ) {
    .how_it_works--details {
        padding: 0px 0px;
    }
}
@media ( min-width: 992px ) {
    .how_it_work--wrapper {
        padding-bottom: 14px;
    }
    .row_works {
        align-items: center;
    }
}
@media ( min-width: 1200px ) {

    .how_works--product {
        position: relative;
        margin-top: 8rem;
    }
    .how_works--list {
        align-items: normal;
        width: 100%;
        position: relative;
    }
    .how_works--list::after {
        content: '';
        position: absolute;
        background: url('../../images/fish/how-it-line.svg') no-repeat center;
        width: 149px;
        height: 332px;
        top: 2.8125rem;
        right: -3rem;
        z-index: -1;
    }
    .how_works--product .how_it--text {
        position: absolute;
        left: 200px;
        max-width: 150px;
        width: 100%;
        padding-top: 0rem;
    }
    .how_works--item {
        margin: 0rem 0rem 1.75rem;
    }
    .how_works--item:last-child {
        margin-bottom: 0rem;
    }
    .how_it_works--details {
        padding-top: 5rem;
    }
    .scroll-to-bottom {
        display: flex;
        justify-content: center;
    }
    .scroll-btn--wrapper {
        width: 85px;
    }
    .scroll-btn--wrapper .scroll_common {
        display: block;
        text-align: center;
        padding-bottom: 26px;
    }
    .scroll-btn--wrapper .scroll_common:last-child {
        padding-bottom: 0px;
    }
    .scroll_title {
        font-family: var(--montserrat);
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #8F8F8F;
        text-align: center;
        transform: rotate(90deg);
        padding-left: 26px;
    }

}
@media ( min-width: 1366px ) {}
@media ( min-width: 1880px ) {
    .how_works--product .how_it--text {
        right: auto;
        left: 210px;
        max-width: 240px;
        width: 100%;
        padding-top: 0rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .how_it_works--details p {
        padding-right: 8rem;
    }

}

/* -- shop-by-products -- */

.swiper-slide {
    opacity: 1;
    /* Initially hide all swiper slides */
}

/* Define the transition effect for opacity */
.swiper-slide.transition {
    transition: opacity 0.5s ease-in-out;
}

.shop_products--col1 {
    display: none;
}
.market_wrapper {
    position: relative;
    z-index: 1;
    margin-left: -0.9375rem;
}
.shop_products--wrapper {
    padding-left: 12px;
    padding-right: 12px;
}
.shop_products--wrapper .fish_title {
    padding-bottom: 3.875rem;
}
.shop_products--list {
    padding-bottom: 2.375rem;
}
.product_list .product_link {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #404040;
}
.product_list .product_link.active {
    color: var(--fish-secondary-color);
}
.shop_products--action {
    display: none;
}
.shop_products--action::after {
    display: none;
}
.shop_products--container .offer_wrapper {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #FFFDFD;
    background: var(--fish-secondary-color);
    max-width: 132px;
    width: 100%;
    display: block;
}
.fish_product--wrapper {
    background: #F9F9F9;
    padding: 2.6875rem 0rem 1.9375rem;
}
.fish_product--wrapper .fish_product--title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.1em;
    color: #A3A3A3;
    display: block;
    padding-left: 2.3125rem;
    padding-bottom: 2.1875rem;
    transition: all ease-in-out .3s;
}
.fish_product--wrapper .fish_product--price {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #FF7701;
    display: block;
    padding-left: 2.3125rem;
    transition: all ease-in-out .3s;
}
.fish_product_img--wrapper {
    text-align: center;
    transition: all ease-in-out .3s;
}
.shop_now--btn {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    width: 100%;
    border: 1px solid var(--black);
    background: transparent;
    padding: 0.75rem 1.0625rem;
    margin-left: 2.75rem;
    transition: all 0.6s ease-in-out;
    transition: all ease-in-out .3s;
}
.shop_now--btn .shop_now {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    color: #404040;
    display: block;
    padding-left: 14px;
    transition: all ease-in-out .3s;
}
.shop_now--btn:hover {
    background: var(--fish-secondary-color);
    border-color: var(--fish-secondary-color);
}
.product_list {
    cursor: pointer;
}
.product_list.active a {
    color: var(--fish-secondary-color);
}

.collapse_content {
    margin-top: 20px;
    margin-bottom: 20px;
}
.dashed-line {
    opacity: 0;
}

@media ( min-width: 576px ) {
    .shop_products--list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .shop_products--list .product_list {
        margin-right: 30px;
    }
    .shop_products--list .product_list:first-child {
        margin-right: 0px;
    }
    .shop_products--list .product_list:last-child {
        margin-right: 0px;
    }
}
@media ( min-width: 768px ) {
    .shop_product--tab {
        display: block;
    }
    .shop_product--mobile {
        display: none;
    }
    .dashed-line {
        opacity: 1;
    }
}
@media ( min-width: 992px ) {
    .shop_products--col1 {
        display: block;
    }
    .fish_product--wrapper .fish_product--title {
        font-size: 24px;
        line-height: 30px;
    }
    .fish_product--wrapper .fish_product--price {
        font-size: 36px;
        line-height: 30px;
    }
    .shop_now--btn {
        padding: 0.9375rem 1.0625rem 1.125rem;
    }
}
@media ( min-width: 1200px ) {
    .shop_by_products--wrapper .row {
        margin-top: 50px;
    }
    .shop_products--action {
        top: 57%;
        display: block;
    }
}
@media ( min-width: 1680px ) {

    .shop_products_arrow--wrapper .swiper-button-next {
        right: -1rem;
    }
    .shop_products_arrow--wrapper .swiper-button-prev {
        left: -1rem;
    }
}
@media ( min-width: 1880px ) {
    .shop_by_products--wrapper {
        padding-right: 2.6875rem;
    }
    .shop_products_arrow--wrapper .swiper-button-next {
        right: -9rem;
    }
    .shop_products_arrow--wrapper .swiper-button-prev {
        left: -3.5rem;
    }
}

/* -- type-of-fish -- */

.type_of_fish--wrapper {
    position: relative;
    padding-top: 7.6875rem;
    padding-bottom: 3rem;
    padding-left: 12px;
    padding-right: 12px;
}
.fish_type--sideimg {
    position: absolute;
    width: 150px;
    top: 0rem;
    right: 0rem;
    z-index: 0;
}
.type_fish_title--wrapper .fish_title {
    padding-bottom: 6px;
}
.fish_type--img img {
    text-align: center;
}
.fish_type--details .fish_type--title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: var(--black);
    padding-bottom: 2rem;
}
.fish_type--list .fish_type {
    display: flex;
    align-items: center;
    padding-bottom: 1.25rem;
}
.fish_type--list .fish_type:last-child {
    padding-bottom: 0rem;
}
.fish_type .type_info {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    display: block;
    padding-left: 1.3125rem;
}
.learn_more--btn {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--black);
    max-width: 158px;
    width: 100%;
    display: block;
    margin-top: 2.5rem;
    transition: all 0.5s ease-in-out;
}
.learn_more--btn::before {
    content: '';
    position: absolute;
    background: var(--fish-secondary-color);
    width: 41px;
    height: 1px;
    bottom: 0px;
    left: 0px;
}
.learn_more--btn::after {
    content: '';
    position: absolute;
    background: url('../../images/svg/long-arrow-grey.svg') no-repeat center;
    background-size: cover;
    width: 35px;
    height: 8px;
    top: 35%;
    right: 0px;
}
.learn_more--btn:hover {
    color: #d1a208;
    font-size: 14.5px;
}
@media ( min-width: 768px ) {
    .fish_type--sideimg {
        width: 250px;
    }
    .fish_type--cols {
        display: flex;
        align-items: flex-end;
    }
}
@media ( min-width: 1200px ) {
    .type_of_fish--wrapper {
        padding-bottom: 0rem;
    }
    .fish_type--cols {
        display: block;
    }
    .fish_type--sideimg {
        width: auto;
    }
    .fish_type--wrapper {
        display: flex;
        align-items: center;
    }
    .fish_type--details .fish_type--title {
        font-size: 30px;
        line-height: 32px;
    }
}
@media ( min-width: 1880px ) {
    .fish_type--img img {
        max-width: 641px;
    }
    .fish_type--details {
        margin-left: -3rem;
        padding-right: 4rem;
    }
}
/* -- eat-seafood -- */

.eat_seafood--wrapper {
    position: relative;
    padding: 3.625rem 0rem 0.8125rem;
}
.found_img--wrapper {
    position: absolute;
    max-width: 700px;
    top: 8rem;
    left: 0rem;
    z-index: 0;
}
.seafood_sideimg1--wrapper {
    position: absolute;
    width: 150px;
    top: 3rem;
    left: 0rem;
    z-index: 1;
}
.seafood_sideimg2--wrapper {
    position: absolute;
    width: 160px;
    top: 0rem;
    right: 0rem;
    z-index: 1;
}
.seafood_img--wrapper {
    position: relative;
    z-index: 10;
}
.seafood_wrapper {
    margin-top: 2rem;
    padding-left: 12px;
    padding-right: 12px;
}
.seafood_wrapper .fish_title {
    padding-bottom: 2.25rem;
}
.seafood_wrapper .widget_item {
    display: flex;
}
.seafood_wrapper .widget_img--wrapper {
    margin-bottom: 0px;
}
.seafood_wrapper .news_date {
    font-size: 16px!important;
}
.seafood_wrapper .news_details {
    font-weight: bold!important;
    font-size: 20px!important;
    line-height: 24px!important;
    padding: 1rem 0rem 1.5rem!important;
}
.seafood_wrapper .widget_news--details {
    padding-left: 28px!important;
}
.view_products_with_cart--wrapper {
    margin-top: 2.375rem;
}
.widget_item .widget_img--wrapper img {
    transition: ease all 0.9s;
}
.widget_item .widget_img--wrapper:hover img {
    transform: scale(1.1);
}
@media ( min-width: 320px ) and ( max-width: 380px ) {
    .seafood_wrapper .widget_title {
        font-size: 13px;
    }
}
@media ( min-width: 768px ) {
    .widget_item--wrapper {
        column-count: 2;
        column-gap: 0;
        margin-top: 1.625rem;
    }
    .seafood_wrapper .widget_item:first-child {
        margin-top: 0rem;
    }
}
@media ( min-width: 1200px ) {
    .eat_seafood--wrapper .row {
        align-items: center;
    }
    .found_img--wrapper,
    .seafood_sideimg1--wrapper,
    .seafood_sideimg2--wrapper {
        width: auto;
    }
    .seafood_wrapper .fish_title {
        font-size: 100px;
        line-height: 82px;
        text-transform: capitalize;
        padding-bottom: 5.25rem;
    }
    .found_img--wrapper {
        top: 10rem;
    }
}
@media ( min-width: 1366px ) {
    .widget_item--wrapper {
        column-count: 2;
        margin-top: 2rem;
    }
    .about_this_site--wrapper .widget_item--wrapper {
        column-count: 1;
        margin-top: 0;
    }
}
@media ( min-width: 1680px ) {
    .found_img--wrapper {
        max-width: 100%;
    }
    .seafood_col1 {
        flex: 0 0 55%;
        max-width: 55%;
    }

}
@media ( min-width: 1880px ) {
    .eat_seafood--wrapper .row {
        align-items: flex-end;
    }
    .seafood_col1 {
        flex: 0 0 60%;
        max-width: 60%;
    }

}
/* -- health-benefits -- */

.health_benefits--wrapper {
    background: url('../../images/fish/health-benefits-bg.png') no-repeat center;
    background-size: cover;
    width: 100%;
    display: block;
    padding: 9.1875rem 0rem 6.8125rem;
}
.benefits_wrapper .fish_title {
    padding-bottom: 1.4375rem;
}
.benefits_list--wrapper .benefits_list {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.07em;
    color: var(--black);
    padding-left: 2rem;
    margin: 0.5625rem 0rem;
    position: relative;
}
.benefits_list--wrapper .benefits_list:last-child {
    margin-bottom: 0rem;
}
.benefits_list--wrapper .benefits_list::before {
    content: '';
    position: absolute;
    background: url('../../images/svg/check-yellow.svg') no-repeat center;
    background-size: cover;
    width: 18.45px;
    height: 18.42px;
    top: 0rem;
    left: 0rem;
}
.benefits_wrapper p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.07em;
    color: var(--black);
}
.benefits_list--wrapper {
    padding-bottom: 1.5rem;
}
.benefits_wrapper .view_all--btn {
    margin-top: 2rem;
}
@media ( min-width: 768px ) {
    .benefits_details--wrapper {
        display: flex;
    }
    .benefits_list--wrapper {
        max-width: 380px;
        width: 100%;
        padding-bottom: 0rem;
    }
    .benefits_list--wrapper .benefits_list {
        margin: 0.9625rem 0rem;
    }
    .benefits_details--wrapper p {
        max-width: 360px;
        width: 100%;
        line-height: 18px;
    }
    .benefits_wrapper .view_all--btn {
        margin-top: 0rem;
    }
}
@media ( min-width: 1200px ) {
    .benefits_list--wrapper .benefits_list {
        padding-left: 2.875rem;
    }
    .benefits_wrapper {
        padding-left: 4.5rem;
    }
    .benefits_details--wrapper p {
        padding-left: 5px;
    }
}
/* -- customers-review -- */

.customers_reviews--wrapper {
    position: relative;
    padding: 3.5rem 0rem;
}
.customers_reviews--wrapper .row {
    flex-direction: column-reverse;
}
.customers_nav--tab {
    margin-bottom: 4rem;
}
.customers_reviews--details {
    position: relative;
    z-index: 1;
}

.customers_reviews--details p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.07em;
    color: var(--black);
    padding: 1.9375rem 0rem 3.125rem;
}
.customer_fish--text {
    text-align: center;
    width: 300px;
}
.customer_fish--wrapper {
    z-index: -1;
}
.customers_nav--tab .nav-link {
    border: 2px solid var(--fish-secondary-color);
    margin-bottom: 7px;
    padding: 1rem;
    display: block;
    height: 200px;
    transition: all 0.5s ease;
}
.customers_nav--tab .nav-link:hover {
    background: var(--fish-secondary-color);
}
.customers_nav--tab .nav-link.active {
    background: var(--fish-secondary-color);
}
.customer_review_container {
    height: 950px;
}
.customers_nav--tab .nav-link:last-child {
    margin-bottom: 0px;
}
.image_outer--line {
    width: 114px;
    height: 114px;
    border: 3px solid var(--fish-secondary-color);
    border-radius: 50%;
    position: relative;
}
.image_outer--line img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.customers_details--wrapper .customers_review {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.07em;
    color: #464646;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 1.375rem;
}
.customer_info--wrapper .customer_name,
.customer_info--wrapper .customer_degree {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #211A1A;
    display: block;
}
.customer_updated {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #464646;
    display: block;
}
@media (min-width: 440px) {
    .customer_review_container {
        height: 880px;
    }
}
@media ( min-width: 576px ) {
    .customers_tab--box {
        display: flex;
        align-items: center;
    }
    .customers_details--wrapper {
        padding-left: 1.8125rem;
    }
    .customers_details--wrapper .customers_review {
        padding-top: 0px;
    }
    .customer_review_container {
        height: 590px;
    }
}
@media ( min-width: 768px ) {
    .customers_review--box {
        padding-top: 27.5rem;
    }
    .customer_fish--wrapper {
        position: absolute;
        bottom: 0rem;
    }
    .customers_nav--tab {
        margin-bottom: 0rem;
    }
    .customer_review_container {
        height: 520px;
    }
}
@media ( min-width: 992px ) {
    .customers_reviews--wrapper .row {
        flex-direction: row;
    }
    .customer_fish--text {
        position: absolute;
        width: 400px;
        top: 0rem;
        left: 0rem;
    }
    .customer_review_container {
        height: 800px;
    }
}
@media ( min-width: 1200px ) {
    .customers_reviews--wrapper .container {
        max-width: 1310px;
        margin-right: 0;
    }
    .customers_reviews--wrapper .tab_col {
        padding-right: 0;
    }
    .customers_details--wrapper {
        padding-left: 2.8125rem;
    }
    .customers_nav--tab .nav-link {
        border-right: 0px;
    }
    .customers_reviews--details p {
        max-width: 378px;
    }
    .customers_review--box {
        padding-top: 20.5rem;
    }
    .customer_fish--wrapper {
        bottom: -6rem;
    }
    .customer_review_container {
        height: 595px;
    }
}
@media ( min-width: 1366px ) {
    .customers_reviews--wrapper .container {
        max-width: 1340px;
        margin-right: 0;
    }
}
@media ( min-width: 1367px ) {
    .customers_reviews--wrapper .container {
        max-width: 1375px;
        margin-right: 0;
    }
}
@media ( min-width: 1536px ) {
    .customers_reviews--wrapper .container {
        max-width: 1425px;
    }
    .customer_review_container {
        height: 590px;
    }
}
@media ( min-width: 1680px ) {
    .customers_reviews--wrapper {
        padding: 8.125rem 0rem;
    }
    .customers_reviews--wrapper .container {
        max-width: 1605px;
    }
    .customer_fish--text {
        width: auto;
    }
    .customers_review--box {
        padding-top: 20rem;
    }
    .customer_fish--wrapper {
        bottom: -13rem;
        right: -3rem;
    }
    .customers_nav--tab .nav-link {
        padding: 1.375rem 3.0625rem;
    }
    .customer_review_container {
        height: 630px;
    }
}
@media ( min-width: 1880px ) {
    .customers_reviews--wrapper .container {
        max-width: 1720px;
    }
    .customer_review_container {
        height: 555px;
    }
}
/* -- about-this-site -- */

.about_this_site--wrapper {
    position: relative;
    padding: 3.1875rem 0rem 7.875rem;
}
.about_this_site--wrapper::before {
    content: '';
    position: absolute;
    width: 1310px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.site_tab--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site_tab--wrapper .nav-link {
    display: block;
    border: 2px solid var(--fish-secondary-color);
    background: var(--fish-secondary-color);
    width: 100%;
    margin-bottom: 6px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.site_tab--wrapper .nav-link:hover {
    background: var(--white);
}
.tab_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--black);
    display: block;
    padding-bottom: 5px;
}
.tab_subtitle {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--black);
    display: block;
}
.tab_details {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: var(--black);
    display: block;
    padding: 8px 0px;
}
.site_tab_content--wrapper .tab-pane {
    padding-top: 3.0625rem;
}
.about_site--wrapper {
    margin-bottom: 30px;
}
.about_site--wrapper .fish_title {
    padding-bottom: 2.3125rem;
}
.about_site--wrapper p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.07em;
    color: var(--black);
}
.need_help {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 37px;
    line-height: 40px;
    letter-spacing: 0.07em;
    color: #666666;
    display: block;
    padding-top: 2.375rem;
}
.help_no {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 37px;
    line-height: 40px;
    letter-spacing: 0.07em;
    color: var(--black);
    display: block;
}
.widget_title--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.widget_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--black);
}
.widget_item--wrapper .widget_item {
    margin-top: 1.625rem;
}
.widget_news--details .news_date {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 0px;
    letter-spacing: 0.1em;
    color: #404040;
}
.widget_news--details .news_details {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.08em;
    color: #404040;
    display: block;
    padding: 0.9rem 0rem 1rem;
    text-decoration: none;
}
.widget_news--details .news_details a {
    color: #404040;
}
.widget_news--details .news_details:hover {
    text-decoration-line: underline;
}
.widget_img--wrapper {
    margin-bottom: 15px;
}
.site_plant--wrapper {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    width: 150px;
    z-index: -1;
}
@media ( min-width: 414px ) {
    .widget_news--details {
        padding-left: 30px;
    }
    .widget_item--wrapper .widget_item {
        display: flex;
        align-items: flex-start;
    }
    .widget_img--wrapper {
        max-width: 158px;
        width: 100%;
        margin-bottom: 0px;
    }
}
@media ( min-width: 576px ) {
    .need_help,
    .help_no {
        font-size: 45px;
        line-height: 50px;
    }
}
@media ( min-width: 768px ) {
    .site_tab--wrapper {
        justify-content: normal;
    }
    .site_tab--wrapper .nav-link {
        width: auto;
        margin: 0px 5px 0px 0px;
    }
}
@media ( min-width: 992px ) {
    .site_tab--wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .site_tab--wrapper .nav-link {
        width: 210px;
        padding: 16px 22px 15px 24px;
        margin: 0px 0px 6px 0px;
    }
    .tab_subtitle {
        font-size: 18px;
    }
    .widget_news--details .news_details {
        padding: 1.375rem 0rem 1.5625rem;
    }
    .site_tab_content--wrapper .tab-pane {
        padding-top: 0.35rem;
    }
}
@media ( min-width: 1200px ) {
    .about_this_site--wrapper {
        padding: 5.1875rem 0rem 11.875rem;
    }
    .site_tab--wrapper .nav-link {
        width: 249px;
    }
    .about_site--wrapper {
        padding-top: 0;
    }
    .need_help,
    .help_no {
        font-size: 55px;
        line-height: 75px;
    }
    .need_help {
        padding-top: 4.375rem;
    }
    .widget_title {
        font-size: 22px;
        line-height: 27px;
    }
    .site_plant--wrapper {
        width: auto;
    }
    .widget_list--wrapper {
        padding-right: 3rem;
    }
    .site_tab_content--wrapper .tab-pane {
        padding-top: 0;
    }
}
@media ( min-width: 1680px ) {
    .about_this_site--wrapper::before {
        width: 1610px;
    }
    .need_help,
    .help_no {
        font-size: 60px;
        line-height: 80px;
    }
    .widget_list--wrapper {
        padding-right: 6rem;
    }
    .about_site--wrapper p {
        padding-right: 3rem;
    }
}
@media ( min-width: 1880px ) {
    .about_this_site--wrapper::before {
        width: 1757px;
    }
    .site_tab_content--wrapper {
        padding-left: 4.6rem;
    }
}
/* -- brand -- */
.brand_wrapper {
    padding-bottom: 12px;
}
.brand_title--wrapper .brand_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-align: center;
    color: var(--black);
    padding-bottom: 15px;
}
.brand_name--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand_name--wrapper .brand_name {
    margin: 0px 5px;
}
@media ( min-width: 576px ) {
    .brand_title--wrapper .brand_title {
        font-size: 48px;
    }
    .brand_name--wrapper {
        justify-content: space-between;
    }
}
@media ( min-width: 768px ) {
    .brand_name--wrapper {
        justify-content: space-between;
    }
    .brand_name--wrapper .brand_name {
        margin: 0px;
    }
}
@media ( min-width: 1200px ) {
    .brand_wrapper .row {
        align-items: center;
    }
    .brand_name--wrapper {
        padding-left: 3rem;
    }
}
@media ( min-width: 1680px ) {
    .brand_name--wrapper {
        padding-left: 6.5rem;
    }
}
/* -- container-size -- */

@media ( min-width: 1200px ) {
    .how_it_work--wrapper .container,
    .health_benefits--wrapper .container,
    .about_this_site--wrapper .container,
    .brand_wrapper .container {
        max-width: 1310px;
    }
}
@media ( min-width: 1680px ) {
    .how_it_work--wrapper .container,
    .health_benefits--wrapper .container,
    .about_this_site--wrapper .container,
    .brand_wrapper .container {
        max-width: 1510px;
    }
}
@media ( min-width: 1880px ) {
    .how_it_work--wrapper .container {
        max-width: 1780px;
    }
}