html,
body{
    font-family: "Inter", sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
a,button{
    transition: linear 0.5s !important;
    text-decoration: none !important;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
select,input,button{
    outline: none !important;
    box-shadow: none;
}
/*===================
    FONT-SIZES
=====================*/
.ft-12{
    font-size: 12px !important;
}
.ft-14{
    font-size: 14px;
}
.ft-15{
    font-size: 15px !important;
}
.ft-16{
    font-size: 16px;
    line-height: 29px;
}
.ft-18{
    font-size: 18px;
    line-height: 24px;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-600{
    font-weight: 600 !important;
}
/*===================
    BACKGROUND
=====================*/
.bg {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
/*===================
        COLORS
=====================*/
.clr-red{
    color: #FE5757;
}
.clr-green{
    color: #5ABA70;
}
.clr-black{
    color: #000000;
}
.clr-white{
    color: #ffffff;
}
/*===================
      BG-COLORS
=====================*/
.bg-green{
    background-color: #176557;
}
.bg-pink{
    background-color: #FE5757;
}

@media (min-width: 1400px) {
.container {
    max-width: 1332px;
}
}
/*===================
      HEADER
=====================*/
.header-content {
    padding: 45px 190px;
}
header .form_content {
    width: 60%;
}
.form_content form {
    width: 100%;
    position: relative;
}
.form_content form .form-control {
    height: 66px;
    background: #ffffff;
    padding: 0 20px;
    border-radius: 10px;
    border: 0;
    font-size: 18px;
    color: #000000;
}
.form_content form .form-control::placeholder{
    color: #000000;
}
.form_content form button.btn {
    background: #176557;
    border: 0;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 0;
    border-radius: 10px;
}
.form_content form button.btn:hover {
    background: #FE5757;
}



.button.swal2-confirm.swal2-styled{
    background-color: #0e3d34 !important;
}
.theme_btn a {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding: 11px 63px;
    border-radius: 10px;
}
.theme_btn a:hover {
    background: #7B002C;
}
.extra_links ul li a {
    color: #ffffff;
    font-size: 30px;
}
.extra_links ul li a:hover {
    color: #fe5757;
}
.navbar-light .navbar-nav .nav-link {
    padding: 0 0;
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    margin-right: 150px;
}
.navbar-light .navbar-nav li:last-child .nav-link {
    margin-right: 0;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #FE5757;
}
/*===================
    HOME-SEC-01
=====================*/
.Home_sec-03 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.Home_sec-01 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.Home_sec-01 .banner_text{
    padding-bottom: 50px !important;
}
.banner_text h1 {
    font-size: 60px;
    font-weight: 600;
}
.Home_sec-01 .form_content form .form-control {
    border: 3px solid #176557;
    font-size: 30px;
    height: 86px;
    padding: 0 40px;
    border-radius: 20px;
}
.Home_sec-01 .form_content form button.btn {
    width: 59px;
    height: 59px;
    top: 13px;
    right: 13px;
}
.banner_text p {
    font-size: 40px;
}
.theme_btn.arrow_btn a {
    padding: 12px 32px;
}
.theme_btn.arrow_btn a i {
    margin-left: 12px;
}
.banner_text .theme_btn {
    position: absolute;
    right: 11%;
}
.Home_sec-01 .form_content {
    width: 75%;
    margin: 0 auto;
}
.banner_text {
    padding-bottom: 80px;
}
/*===================
    HOME-SEC-02
=====================*/
.theme-h2 h2 {
    font-weight: 600;
    font-size: 45px;
}
.categories_list ul li {
    width: 17%;
    min-height: 360px;
}
.categories_list ul {
    flex-wrap: wrap;
}
.categories_list ul li .cat_img {
    margin-bottom: 50px;
}
.categories_list ul li .cat_content h3 {
    font-size: 25px;
    font-weight: 600;
}
.categories_list ul li .cat_content p {
    font-size: 25px;
    font-weight: 300;
}
/*===================
    HOME-SEC-03
=====================*/
@media (min-width: 991px){
    .row.products_tab {
        position: relative;
    }
    .row.products_tab .rowFilterNav {
        position: absolute;
        right: 0;
        top: 0;
        width: fit-content;
    }
}
.products_tab .nav-tabs {
    border: 0;
    background: #ACD5CE;
    border-radius: 12px;
    padding: 10px;
    width: 100%;
    flex-wrap: unset !important;
}
.products_tab .nav-tabs::-webkit-scrollbar {
  height: 0px;
  background-color: #ACD5CE;
  border-radius:10px;
}
.products_tab .nav-tabs::-webkit-scrollbar-thumb {
  background: #176557;
}
.products_tab .nav-tabs .nav-link {
    border: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    padding: 6px 10px;
    margin: 0px 10px 0 0;
    border-radius: 10px !important;
    line-height: 17px;
}
.products_tab .nav-tabs .nav-link.active {
    background: #176557;
    border-radius: 10px;
}
.product_box .product_img img {
    width: 100% !important;
    margin: 0 auto;
    transition: linear 0.5s;
    height: 100%;
}
.product_box {
    padding: 23px 23px;
    margin: 7px;
    transition: linear 0.5s;
}
.product_box  .product_content h3 {
    font-size: 23px;
    font-weight: 600;
}
.product_box .product_img {
    width: 200px;
    height: 256px;
    overflow: hidden;
    margin: 0px auto 35px;
}
.product_box .product_content .price_year span.price {
    font-size: 28px;
    font-weight: 500;
}
.product_box .product_content .price_year span.year {
    font-size: 22px;
    font-weight: 400;
}
.product_box .product_content .price_year {
    padding: 25px 0;
}
.product_box .product_content .product_btm p {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.product_box .product_content .product_btm button {
    width: 32px;
    height: 32px;
    border: 0;
    background: #176557;
    color: #fff;
    border-radius: 100%;
}
.product_box:hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 8px 22.4px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}
#product_slider .owl-dots {
    display: none;
}
#product_slider .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
}
#product_slider .owl-nav button {
    position: absolute;
    color: #1C4130;
    font-size: 40px;
}
#product_slider .owl-nav button.owl-prev {
    left: -80px;
}
#product_slider .owl-nav button.owl-next {
    right: -80px;
}
/*===================
    HOME-SEC-04
=====================*/
.theme-h2 p {
    font-size: 30px;
    font-weight: 300;
}
.Home_sec-04 {
    background: #B7D1DA;
    padding-top: 59px;
    padding-bottom: 59px;
}
.subscribe_form .form-control {
    width: 100%;
    height: 57px;
    background: #ffffff;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 20px;
    border: 0;
}
.subscribe_form .form-control::placeholder {
    color: #E2E2E2;
}
.subscribe_form button.btn {
    height: 57px;
    width: 31%;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    border-radius: 10px;
}
.subscribe_form button.btn:hover {
    background: #7B002C;
}
/*===================
        FOOTER
=====================*/
footer {
    padding-top: 79px;
    padding-bottom: 79px;
    background: #EEF1F3;
}
footer h3 {
    font-size: 25px;
    font-weight: 700;
}
footer ul li a {
    font-size: 18px;
    line-height: 46px;
    color: #000000;
    position: relative;
    display: inline-block;
    transition: linear 0.5s;
}
footer ul li a::before {
    content: '';
    background: #176557;
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    transition: linear 0.5s;
    left: 0;
}
footer ul li a:hover::before {
    width: 100%;
}
footer ul li a:hover {
    color: #176557;
}
.ft_02 {
    padding-left: 60px;
}
.ft_03 {
    padding-left: 100px;
}
.ft_04 {
    padding-left: 50px;
}
/*===================
    SHOP-PAGE
=====================*/
.breadcrumbs {
    padding-top: 80px;
    padding-bottom: 80px;
}
.sidebar_box .price-input {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sidebar_box .price-input .field {
  display: flex;
  width: 55px;
  height: 20px;
  align-items: center;
}
.sidebar_box .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #1C4130;
  font-weight: 500;
  color: #1C4130;
  border-radius: 20px;
}
.sidebar_box input[type="number"]::-webkit-outer-spin-button,
.sidebar_box input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.sidebar_box .slider {
  height: 2px;
  position: relative;
  background: #5F5D5D;
  border-radius: 5px;
}
.sidebar_box .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #176557;
}
.sidebar_box .range-input {
  position: relative;
  padding-top: 20px;
}
.sidebar_box .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.sidebar_box input[type="range"]::-webkit-slider-thumb {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background: #176557;
  pointer-events: auto;
  -webkit-appearance: none
}
.sidebar_box input[type="range"]::-moz-range-thumb {
  height: 23px;
  width: 23px;
  border: none;
  border-radius: 50%;
  background: #176557;
  pointer-events: auto;
  -moz-appearance: none;
}
.sidebar_box .checkbox-custom {
    opacity: 0;
    position: absolute;   
}
.sidebar_box .checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.sidebar_box .checkbox-custom-label{
    position: relative;
    font-size: 19.23px;
    color: #1C4130;
    font-weight: 500;
}
.sidebar_box .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 0.77px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 0px;
    margin-right: 10px;
    text-align: center;
    border-radius: 8px;
}
.sidebar_box .checkbox-custom:checked + .checkbox-custom-label:before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    color: #000000;
}
.sidebar_box .checkbox-custom:focus + .checkbox-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.sidebar_box {
    border: 1px solid #1C4130;
    border-radius: 15px;
    padding: 30px 20px;
}
.sidebar_box h3 {
    color: #1C4130;
    font-size: 19.23px;
    font-weight: 600;
}
.checkbox_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.products_shop-page ul li.shop_product {
    width: 32%;
}
.product_box .product_content .price_year select {
    width: 109px;
    border: 1px solid #1C4130;
    border-radius: 10px;
    height: 36px;
    padding: 0 10px;
    display: block;
    font-size: 23.07px;
    color: #000000;
    outline: none;
}
.products_shop-page .product_box .product_content .price_year span.price,
.products_shop-page .product_box .product_content .price_year span.year {
    font-size: 23.07px;
    display: block;
}
.products_shop-page .product_box .product_content .price_year {
    padding: 5px 0 0;
}
.products_shop-page .product_box .product_content .product_btm button {
    width: 56px;
    height: 56px;
    font-size: 30px;
}
.products_shop-page .product_box .product_img {
    width: 181px;
    height: 234px;
}
.pagination ul li a {
    font-size: 30px;
    font-weight: 500;
    color: #1C4130;
    border: 2.31px solid #1C4130;
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.pagination ul li a:hover,.pagination ul li.active a {
    background: #176557;
    color: #fff;
}
.pagination ul li:last-child a {
    border: 0;
}
.products_shop-page .product_box {
    padding: 6px 15px;
}
.Shop_sec-01 {
    padding-bottom: 80px;
}
/*===================
    PRODUCT-SINGLE
=====================*/
.Product_single-img {
    margin-bottom: 160px;
    height: 400px;
}
.Product_detail-sec {
    padding-top: 80px;
}
.product_single-summary h2 {
    font-size: 38.66px;
    font-weight: 600;
}
.value_wrap .value_wrap-box {
    border: 0.77px solid #1C4130;
    border-radius: 7.73px;
    width: 48%;
}
.value_wrap .value_wrap-box h4 {
    font-size: 15.46px;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
    padding: 6px 0;
}
.value_wrap .value_wrap-box .price {
    color: #000;
    font-size: 27.38px;
    font-weight: 600;
    padding: 15px 10px;
}
.value_wrap .value_wrap-box .price span {
    font-size: 15.46px;
    font-weight: 400;
}
.offer_market-data table tr td strong {
    font-size: 21.65px;
}
.offer_market-data table tr td {
    font-size: 19.33px;
    font-weight: 500;
}
.theme_btn.big_btn a {
    padding: 7px 61px;
    font-size: 21.65px;
    font-weight: 500;
    border-radius: 15px;
}
.year_filter ul li {
    color: #1C4130;
    font-size: 21px;
    font-weight: 500;
    border: 1px solid #1C4130;
    border-radius: 15px;
    padding: 6px 0;
    width: 26%;
    text-align: center;
    margin-bottom: 25px;
    transition: linear 0.5s;
}
.year_filter ul li:hover {
    background: #FE5757;
    color: #ffffff;
    border-color: #FE5757;
}
.year_filter ul li.more_year {
    padding: 0;
    border: 0;
}
.year_filter ul li.more_year select {
    height: 45px;
    padding: 0 39px 0 25px;
    text-align: center;
    border-radius: 15px;
    color: #1C4130;
    font-size: 21px;
    font-weight: 500;
    border: 1px solid #1C4130;
    appearance: none;
    background-image: url(../img/appearence.png);
    background-repeat: no-repeat;
    background-position: 85% 53%;
}
.year_filter ul li.more_year select option {
    background: #176557;
    color: #fff;
}
.offers_main {
    padding-top: 22px;
}
.offers_main .offer_head h3 {
    font-size: 29.38px;
    font-weight: 600;
}
.sort_by select,
.month_selector select {
    width: 214px;
    height: 40px;
    border-radius: 10px;
    padding: 0 15px;
    border: 0.77px solid #1C4130;
    font-size: 17px;
    color: #1C4130;
    font-weight: 500;
    background-image: url(../img/appearence.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    appearance: none;
}
.sort_by label {
    color: #777777;
    font-size: 17.78px;
    font-weight: 500;
    margin-right: 10px;
}
.offer_box .offer_data {
    padding: 6px 15px;
    background: #FFFFFF;
    border: 0.773111px solid #1C4130;
    box-shadow: 0px 3.09244px 3.09244px rgba(0, 0, 0, 0.25);
    border-radius: 15.4622px;
}
.offer_box .offer_data table tr td {font-size: 20.87px;padding: 0;}
.offer_box .offer_data table tr td button {
    font-size: 21.65px;
    font-weight: 600;
    color: #1C4130;
    border: 0.77px solid #000000;
    background: transparent;
    border-radius: 15px;
    padding: 6px 18px;
}
.offer_box .offer_data table tr td button.dark {
    background: #1C4130;
    color: #fff;
    border-color: #1C4130;
}
.offer_box .offer_data table tr td select {
    width: 146px;
    height: 40px;
    border-radius: 10px;
    padding: 0 0 0 20px;
    border: 0.77px solid #1C4130;
    font-size: 21.65px;
    color: #000000;
    font-weight: 500;
    background-image: url(../img/appearence.png);
    background-repeat: no-repeat;
    background-position: 19% 50%;
    appearance: none;
    text-align: center;
    margin-top: 15px;
}
.offer_box .offer_data table tr td span {
    font-size: 30.92px;
    color: #000000;
}
.sidebar_box-single{
    padding: 39px 20px;
}
/*===================
    MY-DASHBOARD
=====================*/
.breadcrumbs .theme_btn {
    position: absolute;
    right: 15.7%;
    top: 36%;
}
.breadcrumbs .theme_btn a {
    font-size: 27px;
    padding: 2px 44px;
    border-radius: 15px;
}
.four_box .value_wrap-box {
    width: 22%;
}
.value_wrap.four_box .value_wrap-box .price {
    padding: 21px 0;
    font-size: 47px;
}
.value_wrap.four_box .value_wrap-box h4 {
    font-size: 23.71px;
    font-weight: 500;
    padding: 11px 0;
}
.month_selector select {
    width: 158px;
}
.theme_btn.light_btn a {
    background: transparent;
    border: 1px solid #FE5757;
    color: #FE5757;
    padding: 1px 57px;
    font-size: 27px;
    font-weight: 600;
}
.theme_btn.light_btn a:hover {
    background: #FE5757;
    color: #fff;
}
.sales_wrap h3 {
    font-size: 35.57px;
    font-weight: 600;
}
.nav_tabs nav button {
    background: transparent !important;
    color: #fff;
    font-size: 25.3px;
    font-weight: 600;
    padding: 1px 21px;
    border-radius: 15px !important;
    border: 0 !important;
}
.nav_tabs .nav-tabs {
    background: #D3D3D3;
    border-radius: 20px;
    padding: 5px 10px;
}
.nav_tabs nav button.active,.nav_tabs nav button:hover {
    background: #176557 !important;
    color: #fff !important;
}
.dashboard_tabs .offer_box .offer_data table tr td button {
    width: 320px;
    height: 44px;
    font-size: 25.3px;
    line-height: 30px;
}
.dashboard_tabs .offer_box .offer_data table tr td button.dark {
    margin-bottom: 10px;
    background: #176557;
}
.dashboard_tabs .offer_box .offer_data {
    padding: 15px;
    box-shadow: 0px 3.162px 3.162px rgba(0, 0, 0, 0.25);
    border-radius: 15.81px;
    border: 1px solid #757575;
}
section.Dashboard_sec-01 {
    padding-bottom: 120px;
}
.dashboard_tabs .offer_box .offer_data table tr td button.bg-pink {
    background-color: #FE5757;
    color: #ffffff;
    border-color: #FE5757;
}
/*===================
    YOUR-BASKET
====================*/
.Basket_sec-01 {
    padding-bottom: 120px;
}
.basket_box {
    background: rgba(255, 255, 255, 0.86);
    border: 1.26536px solid #FFFFFF;
    box-shadow: 0px 0px 16.8714px 5.06143px rgba(0, 0, 0, 0.12);
    border-radius: 4.21786px;
}
.basket_left-box .basket_box {
    border: 1.27px solid #6F6F6F;
    padding: 32px 50px;
}
.basket_left-box .basket_product-img {
    width: 192px;
    height: 248px;
    overflow: hidden;
}
.basket_left-box .basket_product-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.total_table tr td {
    font-size: 25px;
    color: #000000;
}
.theme_btn.small_size a {
    font-size: 27px;
    width: 100%;
    padding: 10px 0;
}
.basket_right-box .basket_box {
    padding: 25px;
}
tr.totle_price {
    height: 240px;
}
.theme_btn.small_size {
    margin-top: -84px;
}
.photography_check p a {
    color: #000000;
    text-decoration: underline !important;
    font-weight: 500;
}
.photography_check input#add_photo {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.basket_table table tr td {
    font-size: 21px;
    color: #000000;
}
.basket_table table tr td span {
    font-weight: 700;
}

.edit_btn, .reomove_btn {
    padding: 0;
    background: transparent;
    border: 0;
    outline: none !important;
    font-weight: 600;
    border-bottom: 2px solid;
}
/*============================
        YOUR-SETTING
============================*/
.setting_box {
    background: rgba(255, 255, 255, 0.86);
    border: 1.5px solid #6F6F6F;
    border-radius: 15.81px;
    padding: 39px 60px;
}
.change_btn button,
.save_btn button,
.account_form  button.btn {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    border-radius: 10px;
    padding: 5px 0;
}
.account_details h3 {
    font-size: 39px;
}
.account_details p {
    font-size: 20px;
}
.account_details p span {
    font-weight: 400;
}
.account_details p a {
    color: #57ADDD;
    text-decoration: underline !important;
}
.setting_box form label {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 5px;
}
.setting_box form input,
.setting_box form select,
.setting_box form .form-control[readonly] {
    background-color: #ffffff;
    border: 1.5px solid #6F6F6F;
    font-size: 20px;
    color: #000000;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    box-shadow: none !important;
}
.save_btn button {
    width: 226px;
}
.change_btn button:hover,
.save_btn button:hover,
.account_form  button.btn:hover{
    background: #7B002C;
}
.Setting_sec-01 {
    padding-bottom: 60px;
}
.setting_box form select {
    background-image: url(../img/appearence.png);
    background-repeat: no-repeat;
    background-position: 94% 53%;
}
/*=======================   
    CREATE-ACCOUNT
=========================*/
.Create_acc-sec {
    padding-top: 100px;
    padding-bottom: 100px;
}
.theme-h2 ul li {
    display: flex;
    align-items: center;
}
.theme-h2 ul li img {
    width: 51px;
    height: 51px;
    object-fit: scale-down;
    margin-right: 20px;
}
.theme-h2 ul li span {
    font-size: 34.46px;
    font-weight: 500;
}
.Create_acc-sec .theme-h2 p {
    font-size: 25.85px;
    line-height: 31px;
    font-weight: 400;
}
.account_form {
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 3.44631px 0px 17.2316px 5.16947px rgba(0, 0, 0, 0.15);
    border-radius: 4.30789px;
    padding: 29px 50px;
}
.account_form h4 {
    font-size: 34px;
    font-weight: 600;
    color: #000000;
}
.account_form label {
    color: #000000;
    font-size: 17.23px;
    font-weight: 600;
}
.account_form input {
    height: 34px;
    width: 100%;
    font-size: 18px;
    color: #000000;
}
.account_form .form-check-input[type=checkbox] {
    width: 20px;
    height: 20px;
}
.account_form .form-check label {
    font-weight: 400;
}
.account_form .form-check label a {
    color: #2071EB;
    border-bottom: 1px solid #000000;
}
.account_form button.btn {
    width: 152px;
}
/* Custom Modal Styling */
#buyerDetailsModal .modal-content {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: none;
}

#buyerDetailsModal .modal-header {
    padding: 15px 20px;
}

#buyerDetailsModal .modal-title {
    font-weight: 600;
    font-size: 1.2rem;
}

#buyerDetailsModal .modal-body {
    padding: 0;
}

/* Buyer Details Card Styling */
.buyer-detail-card {
    padding: 20px;
}

.buyer-detail-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f9fa;
    transition: all 0.3s ease;
}

.buyer-detail-item:hover {
    background-color: #e9ecef;
    transform: translateX(5px);
}

.buyer-detail-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #176557 0%, #1a7a68 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.buyer-detail-icon i {
    color: white;
    font-size: 1rem;
}

.buyer-detail-content {
    flex-grow: 1;
}

.buyer-detail-label {
    font-weight: 600;
    color: #176557;
    font-size: 0.9rem;
    margin-bottom: 3px;
}

.modal-dialog .modal-content .btn-close{
    top:11px !important;
}


.buyer-detail-value {
    color: #495057;
    font-size: 1rem;
    word-break: break-word;
}

/* Animation for loading */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

#modal-loader .spinner-border {
    animation: pulse 1.5s infinite ease-in-out;
}
/*--------- POPUP-STYLE ------------*/
.modal-dialog {
    max-width: 46%;
    margin: 150px auto;
}
.Offer_popup form label {
    display: block;
    color: #000000;
    font-size: 16px;
    margin-bottom: 5px;
}
.modal-dialog .modal-content .modal-title {
    font-size: 36px;
    color: #000000;
    font-weight: 600;
}
.modal-dialog .modal-content .btn-close {
    padding: 0;
    margin: 0;
    background: #1C4130;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    top:20px;
    right:20px;
    z-index:1;
}
.modal-dialog .modal-header {
    padding: 0;
    background: #1c41302e;
    border: 0;
}
.modal-dialog .modal-body {
    padding: 40px 40px;
    background: transparent;
}
.Offer_popup .offerpopup_img {
    width: 100%;
    height: 500px;
}
.Offer_popup .offerpopup_img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.Offer_popup form .form-control {
    height: 50px;
    border: 1px solid#000000;
    color: #000000;
    font-size: 16px;
    box-shadow: none !important;
    margin-bottom: 15px;
}
.Offer_popup form textarea.form-control {
    height: 120px;
    resize: none;
}
.Offer_popup form button {
    background: #1c4130;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: 160px;
    height: 50px;
    border-radius: 8px;
    text-transform: uppercase;
}
.modal-dialog .modal-content {
    border-radius: 15px;
    border: 2px solid #1c4130;
}
.Offer_popup .popup_text {
    margin-left: 30px;
}
.Offer_popup .popup_text h3, .Offer_popup h2 {
    font-size: 50px;
    font-weight: 600;
}
.Offer_popup .popup_text span {
    font-size: 40px;
    font-weight: 500;
    color: #1C4130;
}
.Offer_popup h2 {
    margin: 0;
    padding: 0 0 40px;
}
.Offer_popup table tr td {
    font-size: 25px;
    color: #000000;
    font-weight: 600;
}

.Offer_popup table tr td input {
    width: 184px;
    height: 54px;
    border: 1px solid #1C4130;
    color: #000000;
    font-size: 35px !important;
    font-weight: 600;
    padding: 0 20px;
    border-radius: 30px;
}
.Offer_popup table tr td input::placeholder {
    color: #000000;
}
.case_selct .price_year select {
    width: 100%;
    height: 59px;
    border-radius: 20px;
    padding: 0 0 0 20px;
    border: 0.77px solid #1C4130;
    font-size: 28px;
    color: #000000;
    font-weight: 500;
    background-image: url(https://vinimo.co/assets/front/img/appearence.png);
    background-repeat: no-repeat;
    background-position: 19% 50%;
    appearance: none;
    text-align: center;
    margin-bottom: 15px;
}
.make_offer button {
    width: 100%;
    height: 59px;
    border-radius: 20px;
    font-size: 21px;
    font-weight: 500;
    border: 0;
}
/*--------- USER-DASHBOARD-STYLE ----------*/
.about {
    padding-top: 80px;
    padding-bottom: 80px;
}
.about .nav-side-menu {
    background: #176557;
    height: 100vh;
    padding: 20px !important;
    border-radius: 12px;
}
.about .nav-side-menu .brand span {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.about .content h4.title {
    font-size: 36px;
    color: #000000;
    font-weight: 600;
}
.about .nav-side-menu ul#menu-content li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}
.about .nav-side-menu ul#menu-content li {
    margin-bottom: 15px;
}
.about .nav-side-menu ul#menu-content li.link_btn a {
    background: #FE5757;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
}
.about .form-control {
    height: 50px;
    padding: 0 15px;
    color: #000000;
    border: 1px solid #176557;
}
.about input[type="file"] {
    width: 100%;
    height: 130px;
    background: #17655714;
    border-radius: 10px;
    padding: 50px 40px;
}
.upgrade_form p {
    color: #000000;
    font-size: 30px;
    font-weight: 500;
}
.upgrade_form label,
.profile_form label {
    color: #000000;
    margin-bottom: 5px;
}
.upgrade_form .row.mb-4,
.profile_form {
    border: 2px solid #176557;
    border-radius: 8px;
    padding: 15px 0;
}
.about textarea.form-control {
    height: 100px;
    padding: 15px;
}
.about .form-control::placeholder {
    color: #000000;
}
/* ------- REGIONS-PAGE ------- */
.region_content h3 {
    font-size: 22px;
}
.region_img img {
    transition: linear 0.5s;
}
.region_img {
    width: 198px;
    height: 198px;
    overflow: hidden;
    border-radius: 100%;
}
.region_box:hover .region_img img {
    transform: scale(1.1);
}
.featured-content .theme_btn.arrow_btn a,
.blog-content .theme_btn.arrow_btn.read-more-btn a {
    padding: 12px 30px;
    font-size: 20px;
}
/* Responsive adjustments */
@media only screen and (max-width:1660px) {
.header-content {
    padding: 45px 90px;
}
}
@media only screen and (max-width:1440px){
.header-content {
    padding: 30px 15px;
}
.banner_text .theme_btn {
    right: 6%;
}
#product_slider .owl-nav button.owl-prev {
    left: -40px;
}
#product_slider .owl-nav button.owl-next {
    right: -40px;
}
.breadcrumbs {
    padding-top: 60px;
    padding-bottom: 60px;
}
.product_box .product_content h3 {
    font-size: 18px;
}
.products_shop-page .product_box .product_content .product_btm button {
    width: 46px;
    height: 46px;
    font-size: 22px;
}
.pagination ul li a {
    width: 50px;
    height: 50px;
    font-size: 22px;
}
.modal-dialog {
    margin: 5px auto;
    max-width: 50%;
}
.modal-dialog .modal-body {
    padding: 20px !important;
}
.Offer_popup .popup_img {
    width: 50%;
}
.Offer_popup .popup_text h3,
.Offer_popup h2 {
    font-size: 36px;
}
.Offer_popup .popup_text span {
    font-size: 32px;
}
.Offer_popup table tr td {
    font-size: 20px !important;
}
.Offer_popup table tr td input {
    font-size: 26px;
    width: 140px;
    height: 44px;
}
.Offer_popup table tr td input {
    font-size: 20px !important;
}
.case_selct .price_year select {
    height: 50px;
    font-size: 22px;
    border-radius: 12px;
}
.make_offer button {
    height: 50px;
    font-size: 18px;
    border-radius: 12px;
}
}
@media only screen and (max-width:1366px){
header .form_content {
    width: 50%;
}
.theme_btn a {
    font-size: 24px;
    padding: 10px 50px;
}
.form_content form .form-control {
    height: 56px;
}
.form_content form button.btn {
    top: 5px;
    right: 5px;
}
.extra_links ul li a {
    font-size: 24px;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    margin-right: 110px;
}
.Home_sec-01,
.Home_sec-03 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.banner_text h1 {
    font-size: 52px;
}
.banner_text p {
    font-size: 32px;
}
.banner_text {
    padding-bottom: 50px;
}
.Home_sec-01 .form_content form .form-control {
    height: 75px;
    padding: 0 30px;
    border-radius: 15px;
}
.Home_sec-01 .form_content form button.btn {
    top: 8px;
}
.categories_list ul li .cat_img {
    margin-bottom: 35px;
}
.categories_list ul li .cat_content h3 {
    font-size: 20px;
}
.categories_list ul li .cat_content p {
    font-size: 20px;
}
.Shop_sec-01 .container,
.Product_detail-sec .container {
    max-width: 100%;
}
.blog-content h4 {
    font-size: 20px;
}
.featured-content .theme_btn.arrow_btn a,
.blog-content .theme_btn.arrow_btn.read-more-btn a,
.blog-overlay .theme_btn.arrow_btn a {
    font-size: 16px;
    padding: 10px 20px;
}
.blog-listing .theme-h2 p {
    font-size: 24px;
}
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .navbar-light .navbar-nav .nav-link{
        margin-right: 100px;
    }
}
@media only screen and (max-width:1200px){
/* .sidebar_box-single {
    position: absolute;
    width: 260px;
    bottom: 185px;
} */
.navbar-light .navbar-nav .nav-link{
    margin-right: 95px;
}
.product_box .product_content .price_year {
    padding: 15px 0;
}
.product_box .product_content h3 {
    font-size: 20px;
}
.product_box .product_content .price_year span.price {
    font-size: 24px;
}
.product_box .product_content .price_year span.year {
    font-size: 20px;
}
.Shop_sec-01 .product_box .product_content h3 {
    font-size: 17px;
}
.product_box .product_content .product_btm p {
    font-size: 18px;
}
.product_box .product_content .price_year select {
    font-size: 18px;
}
.sidebar_box .checkbox-custom-label {
    font-size: 16px;
}
.checkbox_wrap {
    margin-bottom: 10px;
}
.sidebar_box h3 {
    font-size: 16px;
}
.offer_market-data table tr td strong {
    font-size: 16px;
}
.offer_market-data table tr td {
    font-size: 16px;
}
.value_wrap .value_wrap-box .price {
    font-size: 22px;
}
.value_wrap .value_wrap-box h4 {
    font-size: 13px;
}
.year_filter ul li {
    margin-bottom: 15px;
    font-size: 18px;
    border-radius: 8px;
}
div#product_slider {
    padding-top: 0 !important;
}
.Create_acc-sec {
    padding-top: 70px;
    padding-bottom: 70px;
}
.Create_acc-sec .theme-h2 h2 {
    font-size: 36px;
}
.Create_acc-sec .theme-h2 ul li span {
    font-size: 28px;
}
.Create_acc-sec .theme-h2 p {
    font-size: 18px;
    line-height: 27px;
}
.account_form {
    padding: 20px 40px;
}
.total_table tr td {
    font-size: 20px;
}
.basket_left-box .basket_box {
    padding: 22px 30px;
}
.basket_table table tr td {
    font-size: 18px;
}
}
@media only screen and (max-width:1024px){
.breadcrumbs .theme_btn {
    position: absolute;
    right: 7.7%;
    top: 32%;
}
header .extra_links ul li:nth-child(2) {
    margin: 0px 22px !important;
}
.navbar-brand img {
    width: 200px;
}
header .form_content {
    width: 55%;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
}
.banner_text h1 {
    font-size: 44px;
}
.banner_text .theme_btn {
    right: 3%;
    top: 60px;
}
.categories_list ul li {
    min-height: 270px;
}
.theme-h2.pb-5 {
    padding-bottom: 0px !important;
}
.theme-h2 h2 {
    font-size: 38px;
}
footer ul li a {
    font-size: 16px;
    line-height: 40px;
}
footer {
    padding-top: 50px;
    padding-bottom: 50px;
}
.theme-h2 p {
    font-size: 24px;
}
.side_bar-reveal {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0px 0 10px 0 #00000021;
    transition: linear 0.5s;
    transform: translateX(-258px);
    z-index: 9;
    overflow-y: scroll;
}
.Shop_sec-01 .col-lg-9 {
    max-width: 100%;
    flex: 100%;
}
.filter_btn {
    display: block !important;
}
.filter_btn button {
    border: 0;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 8px;
    font-size: 20px;
    margin-left: 40px;
    margin-bottom: 60px;
}
.filter_btn button:hover {
    background: #176557;
}
.side_bar-reveal.active,
.nav-side-menu.active {
  transform: translateX(0) !important;
}
.offer_market-data table tr td {
    font-size: 14px;
}
.offer_market-data table tr td strong {
    font-size: 14px;
}
.value_wrap .value_wrap-box .price {
    font-size: 18px;
}
.theme_btn.big_btn a {
    padding: 7px 50px;
    border-radius: 10px;
    font-size: 18px;
}
.offer_box .offer_data table tr td {
    font-size: 16px;
}
.offer_box .offer_data table tr td span {
    font-size: 24px;
}
.offer_box .offer_data table tr td button {
    font-size: 16px;
    border-radius: 10px;
    padding: 5px 14px;
}
.offer_box .offer_data table tr td select {
    width: 120px;
    font-size: 16px;
    padding-left: 15px;
    background-position: 15% 55%;
    height: 36px;
}
.modal-dialog {
    max-width: 70%;
}
.about .nav-side-menu ul#menu-content li a {
    font-size: 14px !important;
}
.about .nav-side-menu {
    padding: 15px !important;
}
.about .nav-side-menu .brand span {
    font-size: 22px !important;
}
.profile-container {
    padding: 18px !important;
}
.value_wrap.four_box .value_wrap-box h4 {
    font-size: 18px;
}
.value_wrap.four_box .value_wrap-box .price {
    font-size: 38px;
    padding: 15px 0;
}
.basket_left-box .basket_product-img {
    width: 150px;
    height: 180px;
}
.basket_right-box .basket_box {
    padding: 15px;
}
.region_img {
    width: 135px;
    height: 135px;
}
.region_content h3 {
    font-size: 18px;
}
.Region_page .theme-h2 {
    padding-bottom: 50px !important;
}
.featured-blog-main {
    margin-top: 50px;
}
.blog-content {
    padding: 15px !important;
}
.blog-content h4 {
    font-size: 18px;
}
.blog-excerpt {
    font-size: 14px;
    line-height: 21px;
}
}
@media only screen and (max-width:991px){
.navbar>.container {
    max-width: 100%;
    justify-content: end;
}
.main-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.navbar-light .navbar-toggler {
    background: #FE5757;
    border: 0;
    padding: 8px 18px;
    box-shadow: none !important;
}
.navbar-light .navbar-toggler-icon {
    background: transparent;
    width: auto;
    height: auto;
    position: relative;
}
.navbar-light .navbar-toggler-icon::before {
    content: '\f0c9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #ffffff;
    font-size: 24px;
}
.navbar-light .navbar-nav .nav-link {
    margin: 0 0 15px;
    text-align: center;
}
.navbar-light .navbar-nav .nav-item:last-child .nav-link {
    margin: 0;
}
.banner_text h1 {
    font-size: 38px;
}
.banner_text p {
    font-size: 24px;
}
.banner_text {
    padding-bottom: 30px;
}
.Home_sec-01 .form_content form .form-control {
    height: 70px;
    font-size: 24px;
}
.Home_sec-01 .form_content form button.btn {
    width: 50px;
    height: 50px;
    top: 10px;
}
.container {
    max-width: 920px;
}
.subscribe_form button.btn {
    font-size: 22px;
}
.ft_02,.ft_03,.ft_04 {
    padding-left: 15px;
}
.product_box {
    padding: 15px;
}
.product_box .product_content h3 {
    font-size: 18px;
}
.product_box .product_content .price_year span.price {
    font-size: 22px;
}
.product_box .product_content .product_btm p {
    font-size: 18px;
}
.categories_list ul li .cat_content h3 {
    font-size: 18px;
}
.categories_list ul li .cat_content p {
    font-size: 18px;
    padding-top: 5px !important;
}
.categories_list ul li {
    min-height: 240px;
}
.theme-h2 h2 {
    font-size: 32px;
}
.theme-h2 p {
    font-size: 22px;
}
.product_box .product_img {
    width: 160px;
    height: 200px;
}
.side_bar-reveal {
    width: 30%;
    transform: translateX(-298px);
}
.sidebar_box-single {
    padding: 25px 15px;
}
.navigation-buttons .d-flex {
    flex-direction: row !important;
}
.breadcrumbs .theme_btn {
    right: 12%;
    top: 31%;
}
section.Dashboard_sec-01 {
    padding-bottom: 60px;
}
.featured-img {
    height: 480px !important;
}
.blog-img {
    height: 240px !important;
}
.extra_links .user-dropdown .dropdown-menu-user {
    top: 4.5vw;
}
}
@media only screen and (max-width:768px){
/* .sidebar_box-single {
    width: 97% !important;
    top: 30%;
    height: 220px;
} */
/* .Product_single-img {
    margin-bottom: 260px !important;
} */
.Product_single-img{
    margin-bottom: 20px;
    height: fit-content;
}
#product_slider .owl-nav button {
    position: static;
}
#product_slider .owl-nav {
    top: 127%;
    text-align: center;
}
.Home_sec-03 .theme_btn {
    padding-top: 30px !important;
}
#product_slider .owl-nav button.owl-next {
    margin-left: 15px;
}
footer .row .col-lg-3 {
    max-width: 100%;
    flex: 100%;
    text-align: center;
}
footer .ft_02 {
    padding: 40px 0;
}
footer .ft_03 {
    padding-bottom: 40px;
}
.Home_sec-03 {
    padding-bottom: 100px;
}
/* .categories_list ul li {
    width: 31%;
    margin-right: 15px;
    margin-bottom: 35px;
    min-height: auto;
} */
.categories_list ul {
    justify-content: center !important;
}
header .form_content {
    width: 100%;
    order: 3;
    padding-top: 20px;
}
.navbar-brand {
    width: 46%;
    order: 1;
}
.extra_links {
    width: 50%;
    order: 2;
}
.header-content {
    flex-wrap: wrap;
    padding: 20px 15px;
}
.extra_links ul {
    justify-content: end;
}
.banner_text .theme_btn {
    top: 20px;
    left: 0;
    right: 0;
}
.Home_sec-01 {
    padding-top: 30px;
}
.products_shop-page ul li.shop_product {
    width: 49%;
}
.side_bar-reveal {
    width: 35%;
}
.Product_detail-sec .col-sm-12 {
    width: 100%;
}
.Product_detail-sec .col-lg-9 {
    padding-left: 15px !important;
}
.Product_single-img {
    margin-bottom: 50px;
    text-align: center;
}
.Product_single-img img {
    width: 60% !important;
}
.year_filter {
    margin-top: 50px;
}
.modal-dialog {
    max-width: 90%;
}
.Create_acc-sec .theme-h2 h2 {
    font-size: 28px;
}
.Create_acc-sec .theme-h2 ul li span {
    font-size: 22px;
}
.theme-h2 ul li img {
    width: 40px;
    height: 40px;
}
.Create_acc-sec .theme-h2 p {
    font-size: 16px;
    line-height: 24px;
}
.account_form {
    padding: 15px;
}
.about .nav-side-menu {
    position: fixed;
    top: 0;
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 30%;
    transition: linear 0.5s;
    transform: translateX(-260px);
    z-index: 9;
}
.about .col-sm-9 {
    width: 100%;
}
.sidebar_btn {
    display: block !important;
}
.sidebar_btn button {
    padding: 10px 30px;
    border: 0;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin-bottom: 40px;
}
.about .col-lg-9.col-md-9.col-sm-12 {
    width: 100%;
}
.dashboard_tabs .sales_wrap {
    display: block !important;
    text-align: center;
}
.dashboard_tabs .nav_tabs .nav-tabs {
    justify-content: center;
}
.dashboard_tabs .nav_tabs h3 {
    text-align: center !important;
    width: 100%;
}
.dashboard_tabs nav {
    width: 100%;
    margin-bottom: 15px;
}
.breadcrumbs .theme_btn {
    position: static;
    margin-top: 15px;
}
.breadcrumbs {
    padding-bottom: 20px;
}
.navigation-buttons {
    margin-bottom: 0 !important;
}
.value_wrap.four_box .value_wrap-box h4 {
    font-size: 14px;
}
.value_wrap.four_box .value_wrap-box .price {
    font-size: 28px;
}
.dashboard_tabs .nav_tabs .nav-tabs {
    border-radius: 12px;
}
.nav_tabs nav button {
    border-radius: 10px !important;
}
.total_table tr td {
    font-size: 15px;
}
.basket_table table tr td {
    font-size: 14px;
}
.theme_btn.small_size a {
    font-size: 22px;
}
.Region_page .col-lg-2 {
    width: 30%;
    flex: 30%;
}
.region_img {
    width: 232px;
    height: 232px;
    margin: 0 auto;
}
.mob_space {
    padding-top: 50px;
}
}
@media only screen and (max-width:767px){

.categories_list ul li {
    width: 45%;
}
.categories_list > ul.d-flex {
    gap: 15px;
    padding-top: 20px;
}


.Product_detail-sec {
    padding-top: 40px;
}
.side_bar-reveal {
    width: 45%;
    transform: translateX(-346px);
}
.Create_acc-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}
.Create_acc-sec .row {
    flex-direction: column-reverse;
}
.account_form {
    margin-bottom: 35px;
}
.Create_acc-sec .theme-h2 h2 {
    font-size: 36px;
}
.four_box .value_wrap-box {
    width: 47%;
    margin: 0 15px 15px 0;
}
.Dashboard_sec-01 .value_wrap.four_box {
    flex-wrap: wrap;
}
.dashboard_tabs .offer_box .offer_data table tr td button {
    width: 260px;
    font-size: 20px;
}
.basket_box .col-lg-9 {
    padding-left: 15px !important;
}
.basket_table table tr td,.total_table tr td {
    font-size: 18px;
}
.blog-img {
    height: 480px !important;
}
}
@media only screen and (max-width:666px){
.about .nav-side-menu {
    width: 40%;
    transform: translateX(-338px);
}
.Region_page .col-lg-2 {
    width: 100%;
    flex: 100%;
}
.Region_page .col-lg-2 {
    padding-top: 30px;
}
.region_img {
    width: 300px;
    height: 300px;
}
}
@media only screen and (max-width: 576px) {
.buyer-detail-item {
    flex-direction: column;
    align-items: flex-start;
}
.buyer-detail-icon {
    margin-bottom: 10px;
}
#buyerDetailsModal .modal-dialog {
    margin: 20px 10px;
}
/* .categories_list ul li {
    width: 30%;
} */
.subscribe_form form {
    display: block !important;
}
.subscribe_form button.btn {
    width: 100%;
    margin-top: 15px;
}
.theme-h2 p {
    font-size: 18px;
}
.banner_text h1 {
    font-size: 30px;
}
.banner_text p {
    font-size: 20px;
}
.Home_sec-01 .form_content {
    width: 100%;
}
.products_shop-page ul li.shop_product {
    width: 100%;
}
.sidebar_box {
    padding: 20px 15px;
}
.offer_box .offer_data table tr td {
    font-size: 14px;
}
.offer_box .offer_data table tr td span {
    font-size: 20px;
}
.offer_box .offer_data table tr td button {
    font-size: 14px;
    padding: 7px 10px;
}
.modal-dialog {
    max-width: 100%;
}
.modal-dialog .modal-content .btn-close {
    top: 22px !important;
}
.Offer_popup .popup_text h3, .Offer_popup h2 {
    font-size: 32px;
}
.Offer_popup table tr td {
    font-size: 16px;
}
.case_selct .price_year select {
    font-size: 18px;
    height: 42px;
}
.make_offer button {
    height: 42px;
    font-size: 16px;
}
.Offer_popup table tr td input {
    font-size: 16px;
    width: 100px;
    height: 40px;
}
.nav_tabs nav button {
    font-size: 20px;
}
.theme_btn.light_btn a {
    font-size: 22px;
}
.blog-img,
.featured-img{
    height: 350px !important;
}
.breadcrumb .breadcrumb-item {
    font-size: 12px;
}
.extra_links .user-dropdown .dropdown-menu-user {
    top: 9.5vw;
}
}
@media only screen and (max-width:480px){
.vintage-btn {
    width: 57% !important;
    padding: 7px 0px !important;
    border-radius: 10px !important;
    background: #176557 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.vintage-btn:focus {
    box-shadow: none !important;
}
.product_single-summary h2 {
    text-align: center;
}
.sell-this-wine-btn {
    display: none;
}
.btn-success {
    margin: 0 auto;
    width: fit-content;
    display: block;
}
.theme_btn {
    text-align: center;
}
.Offer_popup .popup_img {
    width: 40%;
}
.Offer_popup .popup_text h3, .Offer_popup h2 {
    font-size: 28px;
}
.Offer_popup .popup_text span {
    font-size: 28px;
}
.modal-dialog .modal-content .btn-close {
    font-size: 18px;
    width: 35px;
    height: 35px;
    top: 20px !important;
}
.Offer_popup .second_flex {
    display: block !important;
}
.Offer_popup .second_flex table.w-75 {
    width: 100% !important;
}
.Offer_popup table tr td {
    width: 100%;
}
.Offer_popup .second_flex .w-25 {
    width: 100% !important;
}
.case_selct .price_year select {
    background-position: 40%;
}
.about .nav-side-menu {
    width: 50%;
}
.four_box .value_wrap-box {
    margin-right: 0;
    width: 100%;
}
.dashboard_tabs .offer_box .offer_data table tr td button {
    font-size: 14px;
    width: 160px;
    height: 40px;
    line-height: 22px;
}
.blog-img, .featured-img {
    height: auto !important;
}
.offers_main .offer_head h3 {
    font-size: 25px;
}
}
@media only screen and (max-width:420px){
.extra_links {
    width: 46%;
}
.theme_btn a {
    font-size: 20px;
    padding: 8px 40px;
}
.form_content form .form-control {
    height: 46px;
    border-radius: 6px;
}
.form_content form button.btn {
    width: 40px;
    height: 40px;
    top: 3px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_content form button.btn img {
    width: 20px;
}
.header-content {
    padding: 15px;
}
/* .categories_list ul li {
    width: 100%;
    margin-right: 0;
} */
.side_bar-reveal {
    width: 62%;
}
.sort_by select {
    width: 200px;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 6px;
}
.sort_by label {
    font-size: 15px;
}
.offers_main .offer_head h3 {
    font-size: 20px;
}
.offer_box .offer_data table tr td button.dark {
    margin-top: 5px;
}
.Offer_popup .popup_text h3, .Offer_popup h2 {
    font-size: 22px;
}
.Offer_popup .popup_text span {
    font-size: 22px;
}
.modal-dialog .modal-content .btn-close {
    font-size: 16px;
    width: 26px;
    height: 26px;
    top: 0;
}
.about .nav-side-menu {
    width: 60%;
}
.basket_table table tr td, .total_table tr td {
    font-size: 16px;
}
.offer_market-data table tr td {
    width: 85px;
}
.Product_detail-sec .offer_box .offer_data table td {
    width: 53%;
}
}
@media only screen and (max-width:390px){
.sort_by select {
    width: 185px !important;
}
.offers_main .offer_head h3 {
    font-size: 16px;
}
}
@media only screen and (max-width:375px){
.sort_by select {
    width: 175px !important;
}
}
/*Drop Down CSS Starts Here*/
.user-dropdown {
  position: relative;
}
.user-dropdown .dropdown-menu-user {
  position: absolute;
  top: 2.5vw;
  right: -3.5vw;
  background: #fff;
  min-width: 10vw;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  border-radius: 6px;
  list-style: none;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 999;
}
.user-dropdown:hover .dropdown-menu-user {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.user-dropdown .dropdown-menu-user li a {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}
.user-dropdown .dropdown-menu-user li a:hover {
  background: #f5f5f5;
}
header .extra_links .user-dropdown .dropdown-menu-user li {
    margin: 0px !important;
}
/*Drop Down CSS Ends Here*/


/* ------- */
a.cart-header {
    position: relative;
}
a.cart-header sup {
    position: absolute;
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    color: #FFF !important;
    justify-content: center;
    background: #fe5757;
    border-radius: 30px;
    top: 0;
    right: -8px;
}
a.cart-header:hover sup {
    color: #FFF !important;
}
.bg-danger.bg-gray {
    background: darkgray !important;
}
.bg-danger.bg-gray:hover{
    background: #176557 !important;
    border-color: #176557;
}
.year_filter ul li {
    margin-bottom: 0;
}

.policies-box .theme-h2 p {
    font-size: 17px;
    font-weight: 500;
}
.policies-box > .container {
    max-width: 1000px;
    max-width: 1000px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.empty-cart .btn-primary {
    display: inline-block;
    color: #fff;
    background: #176557;
    border-color: #176557;
    font-size: 25px;
    font-weight: 600;
    padding: 11px 20px;
    border-radius: 10px;
}
.swal2-confirm {
    background-color: #0e3d34 !important;
}
.modal-table {
    border-collapse: separate;
    border-spacing: 0 10px; /* vertical spacing */
}
.modal-table tr td:nth-child(1) {
    width: 40%;
}
/*Dev*/