/* Find By : 






*/

/* ------------------------------------------------ */
/* -------------------#index----------------------- */
/* ------------------------------------------------ */
header {
    height: auto;
    border-bottom: 1px solid #d1d1d1;
    flex-direction: column !important;
	z-index: 99999 !important;
}

header .logo-box {
    height: 6rem;
    width: 12rem;
    margin-left: 30px;
}

header .logo-box img {
    width: 100%;
    height: auto;
}

header .menu-admin {
    height: 3.3rem;
}

header .menu-admin:hover {
    background: #af0e27 !important;
}

header .menu-admin a {
    color: #fff !important;
    font-size: 13px;
}

header .basket .basket-count {
    width: 15px;
    height: 15px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 18px;
    right: -5px;
    color: #fff;
    font-size: 10px;
}

.section-nav-header {
    height: 3rem;
    line-height: 3rem;
    background-color: #c50d05;
}

.nav-header div:nth-child(1) > div{
	margin-left: 0 !important;
}

.nav-header div:nth-child(2) span{
    display: none;
}



/* Menu Des */
.header-bottom-nav {
    height: 4rem;
    line-height: 4rem;
}

ul.nod-1 {
    display: flex;
    align-items: center;
}

ul.nod-1 i {
    margin-left: 5px;
    font-size: 17px;
}

ul.nod-1>li>span,
ul.nod-1>li>a {
    position: relative;
    display: flex;
    font-size: 14px;
    color: #000;
}

ul.nod-1>li:hover>a {
    color: #146C94;
}

ul.nod-1>li {
    position: relative;
    display: flex;
    height: 5rem;
    line-height: 5rem;
}

ul.nod-1>li ul.nod-2 {
    width: 24rem;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 5rem;
    display: none;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 1px 3.2px;
}

ul.nod-1>li:hover ul.nod-2 {
    display: flex;
    border-left: 1px solid #ebebeb;
    border-radius: 15px;
    padding: 10px !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

ul.nod-1>li ul.nod-2>li>a {
    font-size: 13px;
    color: #000;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    display: flex;
    padding: 0 15px;
}

ul.nod-1>li ul.nod-2>li>a:hover {
    background: #f1f1f1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

ul.nod-1>li ul.nod-2>li:hover>a {
    color: #146C94;
}

ul li.list-all {
    display: none;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 {
    display: none;
}

ul.nod-1 li ul.nod-2 li.active ul.nod-3 {
    width: 64rem;
    height: 40rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 24rem;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.15) -3px 1px 3px 0px;
    flex-wrap: wrap;
    border-radius: 20px 0 0 20px;
    padding: 55px 20px 20px 20px !important;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li:first-child {
    position: absolute;
    top: 8px;
    display: flex;
    justify-content: space-between;
    width: 90%;
    border-bottom: 1px solid #e5e5e5f5;
    padding-left: 0;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li:first-child>a:before {
    display: none;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li {
    padding-left: 20px;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a {
    font-size: 12px;
    color: #000;
    font-weight: bold !important;
    height: 3rem;
    display: block;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a:before {
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #146C94;
    margin-left: 5px;
    border-radius: 50%;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a::after {
    content: "\e925";
    font-family: 'icomoon' !important;
    font-size: 10px;
    padding-right: 10px;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
    color: #146C94;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 5px 0 10px 0 !important;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a {
    border-right: none !important;
    font-size: 13px;
    color: #808198;
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a:hover {
    color: #146C94;
}

/* Menu Mob*/
.mobile__nav {
    width: 100%;
    height: 0;
    z-index: 1090;
    height: 3rem;
}

.mobile__nav .mobile__nav--bar {
    display: block;
    width: 20%;
    height: 4rem;
    width: 30px;
    height: 30px;
}

.mobile__nav .mobile__nav--bar.close {
    position: fixed;
    top: 90px;
    right: 24rem;
    z-index: 99999;
    width: 3rem;
    display: block;
}

.mobile__nav .mobile__nav--bar .line {
    position: absolute;
    height: .2rem;
    width: 3rem;
    background: #222;
    border-radius: .3rem;
    right: 0;
    transition: all ease .3s;
}

.mobile__nav .mobile__nav--bar .line1 {
    top: 1rem;
}

.mobile__nav .mobile__nav--bar .line2 {
    top: 2rem;
}

.mobile__nav .mobile__nav--bar .line3 {
    top: 3rem;
}

.mobile__nav .mobile__nav--bar.close .line1 {
    transform: rotate(45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem
}

.mobile__nav .mobile__nav--bar.close .line2,
.mobile__nav .mobile__nav--bar.close .line3 {
    transform: rotate(-45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem;
}

.mobile__nav nav.mobile__navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1090;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}

.mobile__nav nav.mobile__navigation ul {
    width: 28rem;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 75px;
    right: -32rem;
    transition: right .3s;
    overflow-y: auto;
}

.mobile__nav nav.mobile__navigation ul li {
    display: block;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title {
    padding: 1.5rem;
    background: #f5f5f5 !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation span.mobile__navigation--icon {
    margin-left: 1rem;
    font-size: 1.6rem;
    vertical-align: middle;
    /* font-weight: bold !important; */
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 0.1rem solid #f5f5f5;
    font-size: 1.3rem;
    color: #222;
    /* font-weight: 600 !important; */
    display: block;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a {
    padding: 0;
    height: 100%;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a img {
    height: 100%;
    position: relative;
    top: 0.5rem;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu .icon-Share:before {
    content: "\ed82";
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu>a::after {
    content: "\e911";
    font-size: 1.5rem;
    font-family: 'icomoon';
    color: #0072bc;
    float: left;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title {
    background: #fff;
    color: #0072bc;
    padding: 0;
    text-align: right;
    font-size: 1.4rem;
    /* font-weight: bold !important; */
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back {
    padding: 1.5rem;
    background: #f5f5f5;
    color: #c50d05;
    font-size: 1.4rem;
    cursor: pointer;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back::before {
    content: "\e912";
    font-family: 'icomoon';
    color: #c50d05;
    font-size: 1.6rem;
    margin-left: 1rem;
}

/* Search */
.open-search {
    width: 4rem;
    height: 4rem;
    /* border: 1px solid #c7c7c7; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.search-box-base{
   margin-left: 0 !important;
}

.search-box-base .search-container.hide {
    opacity: 0;
    position: relative;
}

.search-box-base .open-search,
.search-box-base .close-search {
    cursor: pointer;
    width: 3rem;
    height: 4rem;
    display: flex;
    /* font-size: 15px !important; */
    margin: 0 !important;
    align-items: center;
    justify-content: center;
}

.search-box-base .search-container i.close-search {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 9999999;
    cursor: pointer;
}

.search-box-base .search-container .search-bar {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6rem;
    margin: 0 auto;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.search-box-base .search-container .search-bar form {
    width: 100%;
}

.search-box-base .search-container .search-bar input {
    width: 100%;
    height: 3.5rem;
    background: #f3f4f6;
    padding: 0 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.search-box-base .search-container .search-bar {
    opacity: 1;
    transform: translatey(0);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transition: all .8s ease;
    transition-delay: .8s;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
}

.search-box-base .search-container.hide .search-bar {
    opacity: 0;
    transform: translatey(-170px);
    -webkit-transform: translatey(-170px);
    -moz-transform: translatey(-170px);
    -ms-transform: translatey(-170px);
    -o-transform: translatey(-170px);
}

div#search-results {
    position: absolute;
    top: 65px;
    right: 0px;
    width: 100% !important;
    padding: 25px;
    border-radius: 30px !important;
    background: #fffffff0 !important;
    z-index: 9999;
    left: 0;
    margin: 0 auto;
}

div#search-results ul {
    position: inherit !important;
    margin-top: 15px;
}

div#search-results ul li {
    height: inherit;
    line-height: inherit;
    transition: all 0.15s;
    clear: both;
    overflow: hidden;
    font-size: 13px !important;
    display: block;
    width: 100%;
    position: relative;
    text-decoration: none;
    color: rgb(127, 140, 141);
    border-radius: 3px;
    padding: 3px 0;
}

div#search-results ul li a {
    color: rgb(101, 101, 101) !important;
    font-size: 1.2rem !important;
    /* border: 1px solid black; */
    width: 100%;
    height: 3rem;
    line-height: 3rem;
}

div#search-results .row div {
    margin-bottom: 0 !important;
}

div#search-results label {
    color: #c50d05 !important;
    height: 3rem;
    line-height: 3rem;
    /* border: 1px solid black; */
    width: 100%;
}

.overlay.active {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #000000b8;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}

/* Main Slider  */
.mainsliderbox-section {
    width: 100%;
    height: 30rem;
    max-height: 30rem;
    overflow: hidden;
}

.mainsliderbox-section .mainslider-box .mainslider-item {
    width: 100%;
    height: 30rem;
    display: flex;
}

.mainsliderbox-section .mainslider-box .mainslider-item img {
    width: 100%;
    height: auto;
    transition: transform .2s ease-in-out;
}

.mainsliderbox-section .mainslider-box .mainslider-item:hover img {
    transform: scale(1.05);
}


.mainsliderbox-section .mainslider-box .mainslider-item::before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    z-index: 999;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.mainslider-titlebox {
    bottom: 0;
    z-index: 9999;
    right: 0;
    height: 10rem;
    width: 100%;
    padding: 30px;
}

.mainslider-titlebox h3 {
    color: #fff;
    font-size: 15px;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
    border-radius: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 45%;
    right: 10px;
    width: 25px;
    height: 70px;
    background: #c50d05;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    left: 10px;
    width: 25px;
    height: 70px;
    background: #c50d05;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #041228;
}

/* Features Box  */
.features-box {
    padding: 10rem 0;
}

.features-box .features-item {
    height: 8rem;
}

.features-box .features-item .image-box {
    width: 8rem;
    height: 8rem;
    border: 1px solid #dcdee0;
    padding: 8px;
}

.features-box .features-item .image-box img {
    width: 85%;
    height: auto;
}

.features-box .features-item .content-box {
    width: calc(100% - 8.2rem);
}

.features-box .features-item .title-features {
    color: #c50d05;
    font-weight: bold !important;
}

.features-box .features-item .text-content {
    color: #68696b;
    line-height: 23px;
    margin-top: 5px !important;
    font-size: 13px !important;
}

/* Amazing Offers Slider  */
.section-amazing-offers {
    padding-bottom: 9rem;
}

.title-box {
    padding: 15px !important;
    box-shadow: 0px 0px 5px 5px #71c91a0f;
}

.title-box .title {
    font-weight: bold !important;
}

.title-box .title,
.title-box a {
    color: #21320e;
}

.title-box a {
    font-size: 14px !important;
}

.amazing-offers-slider .amazing-offers-item {
    height: 27rem;
    /* border: 1px solid black; */
}

.amazing-offers-slider .amazing-offers-item .image-box {
    width: 25rem;
    height: 19rem;
    border: 1px solid #bdbdbd;
}

.amazing-offers-slider .amazing-offers-item .image-box img {
    width: 100%;
    height: auto;
}

.amazing-offers-slider .amazing-offers-item .content-box {
    width: 90%;
    height: 11rem;
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translatey(-40px);
    -webkit-transform: translatey(-40px);
    -moz-transform: translatey(-40px);
    -ms-transform: translatey(-40px);
    -o-transform: translatey(-40px);
    border: 1px solid #bdbdbd;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.amazing-offers-slider .amazing-offers-item:hover .content-box {
    width: 100%;
    background-color: #f8fafe;
}

.amazing-offers-slider .amazing-offers-item:hover .content-box .title {
    font-weight: bold !important;
}

.amazing-offers-slider .amazing-offers-item .content-box .title {
    height: 5rem;
    line-height: 23px;
    transition: font-weight .2s ease-in-out;
    -webkit-transition: font-weight .2s ease-in-out;
    -moz-transition: font-weight .2s ease-in-out;
    -ms-transition: font-weight .2s ease-in-out;
    -o-transition: font-weight .2s ease-in-out;
}

.amazing-offers-slider .amazing-offers-item .content-box .discount-percent {
    right: 0;
    bottom: 0;
}

.discount-percent {
    width: 3rem;
    height: 3rem;
}

.price-off {
    position: relative;
}

.price-off::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c50d05;
    display: flex;
    transform: rotate(-8deg);
    position: absolute;
    top: 8px;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    visibility: hidden;
}

.amazing-offers-slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 35%;
    left: 8px;
}

.amazing-offers-slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 35%;
    right: 0;
}

.amazing-offers-slider .amazing-offers-item .timer {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}

/* Section slider vertical */
.section-slider-vertical {
    padding-bottom: 10rem;
}

.list-slider-vertical .item-slider-vertical {
    width: auto;
    /* border: 1px solid black; */
}

.item-slider-row {
    width: 100%;
    height: 20rem;
    /* border: 1px solid black; */
}

.item-slider-row .image-box {
    width: 27rem;
    height: 17rem;
    overflow: hidden;
}

.item-slider-row .image-box img {
    width: 100%;
    height: auto;
    transition: transform .2s ease-in-out;
}

.item-slider-row:hover .image-box img {
    transform: scale(1.05);
}

.item-slider-row .content-box {
    width: calc(100% - 27rem);
    height: 100%;
    border-bottom: 1px solid #c9cacc;
}

.item-slider-row .content-box .title-and-price {
    width: 100%;
}

.item-slider-row .content-box .title-gift h4 {
    line-height: 28px;
    font-weight: bold !important;
}

.item-slider-row:last-child .content-box {
    border-bottom: none;
}


.item-slider-row:last-child .content-box {
    border-bottom: none;
}

.gift-slider-vertical .list-slider-vertical .item-slider-vertical .item-slider-row:nth-child(2n) .content-box {
    border-bottom: none;
}

.gift-slider-vertical .list-slider-vertical .item-slider-vertical .item-slider-row:nth-child(2n) .content-box {
    border-bottom: none;
}

.item-slider-row .content-box .discount-percent {
    top: 5px;
    left: 5px;
}

.item-slider-row .content-box .btn-buy {
    /* width: 7rem;
    height: 2.7rem;
    background: #112a53;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out; */
    display: none !important;
}

.item-slider-row:hover .content-box .btn-buy {
    background: #123b7f;
}

.list-slider-vertical.owl-carousel .owl-nav button.owl-next {
    left: 0;
    top: 39%;
}

.list-slider-vertical.owl-carousel .owl-nav button.owl-prev {
    right: 0;
    top: 39%;
}

/* Start Image Description Box  */
.image-description-box {
    height: 50rem;
    padding-bottom: 10rem;
}

.image-description-box .image-box {
    right: 0;
}

.image-description-box .description-box .description {
    line-height: 27px;
    text-align: justify;
    margin-top: 30px !important;
    margin-bottom: 50px !important;
}

.image-description-box .description-box {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 39.5rem;
}

.image-description-box .description-box .buy-btn {
    width: 15rem;
}

/* Start Best Sellers  */
.item-slider-row {
    border: 1px solid #c9cacc;
    padding: 10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 15px;
    transition: border .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
}

.item-slider-row:hover {
    border: 1px solid #837b7b;
}

.item-slider-row .content-box {
    border-bottom: none;
}

.item-slider-row .content-box .title-gift {
    height: 4rem;
    display: flex;
}

/* Start FAQ Section  */
.section-FAQ-image-box {
    padding-bottom: 9rem;
    position: relative;
}


.section-FAQ-image-box .contacts-box p {
    width: 80%;
}

.FAQ-box .accordion-item {
    background-color: #f8fafe;
    border: none;
    margin-bottom: 10px;
    /* height: 5rem; */
}

.FAQ-box .accordion-item .accordion-header .accordion-button {
    background-color: #112a53;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 5rem;
}

.FAQ-box .accordion-item .accordion-body {
    font-size: 14px;
    color: #000;
    line-height: 23px;
    text-align: justify;
}

.FAQ-box .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.FAQ-box .accordion-item .accordion-button::after {
    background-image: none;
    content: "\e905";
    font-family: 'icomoon' !important;
    font-size: 12px;
}

.call-us .number-phone i,
.FAQ-box .contacts-box i {
    transform: rotate(-265deg);
    display: inline-block;
}

.section-FAQ-image-box .image-box {
    position: absolute;
    max-height: 62.5rem;
    overflow: hidden;
    bottom: 10rem;
}

.section-FAQ-image-box .image-box img {
    width: 100%;
    height: 100%;
}

.section-FAQ-image-box .col-xl-9 {
    padding-left: 0 !important;
}

.section-FAQ-image-box .col-xl-3 {
    padding-right: 0 !important;
}

.section-FAQ-image-box .btn-faq {
    height: 4rem;
    border-radius: 10px 10px 10px 0;
    -webkit-border-radius: 10px 10px 10px 0;
    -moz-border-radius: 10px 10px 10px 0;
    -ms-border-radius: 10px 10px 10px 0;
    -o-border-radius: 10px 10px 10px 0;
}

/* Start Section Article List  */
.section-article-box {
    padding-bottom: 9rem;
}

.article-item {
    width: 100%;
    border: 1px solid #e2e2e1;
    background-color: #fff;
}

.bloglist-ul .article-item {
    width: 24%;
    margin-bottom: 15px;
}

.bloglist-ul .article-item .data-btn-box {
    padding: 0 15px 15px 15px;
}

.bloglist-ul .article-item .title-blog {
    height: 8rem;
	line-height: 23px;
}

.bloglist-ul .article-item .see-more {
    background:#700702;
    font-size: 10px !important;
    width: 6rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-articlelist .article-item .image-box {
    width: 100%;
    height: 14rem;
    padding: 15px;
}

.page-articlelist .article-item .image-box img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    transition: width .2s ease-in-out;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -ms-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    border: 1px solid #ecf3ff;
}

.article-item .image-box {
    width: 100%;
    height: 18rem;

}

.article-item .image-box img {
    width: 100%;
    height: 100%;
    transition: transform .2s ease-in-out;
    border: 1px solid #ecf3ff;
}

.article-item .btm-more {
    border-radius: 7px !important;
}

.article-item .image-box:hover img {
    transform: scale(1.05);
}

.article-item .title {
    height: 6rem;
    line-height: 20px;
    padding-bottom: 10px;
    align-items: center !important;
    font-weight: bold !important;
}

.section-article-box .article-list.owl-carousel .owl-nav button.owl-next {
    left: 0;
    top: 36%;
}

.section-article-box .article-list.owl-carousel .owl-nav button.owl-prev {
    right: 0;
    top: 36%;
}

.article-list .content-box .data-btn-box {
    justify-content: end !important;
}

.page-articlelist {
    margin-top: 20px !important;
}

.page-articlelist .article-item {
    width: 49%;
    border: 1px solid #e2e2e1;
    margin-bottom: 20px;
    display: flex;
    background-color: #fff;
}

.page-articlelist .article-item .title {
    height: 7rem;
    align-items: inherit !important;
}

.page-articlelist .article-item .content-box {
    width: calc(100% - 20rem);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
}

/* Start Footer Section  */
footer{
  padding-top: 0 !important;
}

footer .logo-box {
    width: 13rem;
    height: 10rem;
}

footer .logo-box img {
    width: 100%;
    height: auto;
}

.back-to-top {
    background-color: #c50d05 !important;
    color: #fff;
    height: 4rem;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 0 15px;
}

.back-to-top i {
    margin-right: 5px;
}

.social-networks{
  justify-content: center !important;
}

.social-networks .social-networks-item a,
footer .social-network-list .social-item .social-item-image {
    width: 2.5rem;
    height: 2.5rem;
}

.social-networks .social-networks-item a img,
footer .social-network-list .social-item .social-item-image img {
    width: 100%;
    height: auto;
}

footer #NewsletterForm .footer-rss-value {
    width: 100%;
    height: 3.5rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: none;
}

footer #NewsletterForm .footer-rss-btn {
    border: none;
    height: 3rem;
    padding: 0 15px;
    border-radius: 10px;
    background: #c50d05;
    color: #fff;
    font-size: 12px;
    top: 2.5px;
    position: absolute;
    left: 1px;
}

footer .synbols-list .symbols-item {
    width: 7rem;
    height: 7rem;
}

footer .synbols-list .symbols-item img {
    width: 100%;
    height: auto;
}


footer .links-footer h3,
footer .links-footer p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.number-address .item-number a {
    color: #fff;
}

/* -------------------------------------------- */
/* ------------------ #Login ------------------ */
/* -------------------------------------------- */
.login-page {
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99999;
    padding: 15px;
}

#loginForm label {
    cursor: auto;
}

.login-page .login-box {
    width: 45rem;
    min-height: 43rem;
    border-radius: 1rem;
    height: auto;
    padding: 5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.login-page input {
    height: 5rem;
    text-align: right;
    font-size: 1.6rem !important;
}

.login-page input::-webkit-input-placeholder {
    font-size: 13px !important;
}

.login-page input::-moz-placeholder {
    font-size: 13px !important;
}

.login-page input:-ms-input-placeholder {
    font-size: 13px !important;
}

.login-page input::-ms-input-placeholder {
    font-size: 13px !important;
}

.login-page input::placeholder {
    font-size: 13px !important;
}

.login-page input[type="checkbox"] {
    display: inline-block;
    margin-left: 0.5rem;
}

.login-page .acceptrules label {
    margin: 0;
}

.login-page .btn {
    height: 5rem;
}

.login-page p {
    line-height: 2;
    font-size: 1rem;
    text-align: justify;
}

.login-page .icon-Enter {
    vertical-align: middle;
}

.login-page .icon-Enter::before {
    color: #222;
}

.login-page .loginbysms {
    cursor: pointer;
}

.login-page .logo img {
    width: auto;
}

/* widget box  */
.widget-blog .blog-audio .text-blog-audio {
    line-height: 20px;
}

.widget-blog .blog-audio audio {
    width: 100%;
    height: 4.5rem;
}

.widget-blog .widget-blog-list li {
    border-bottom: 1px solid #f2f6fc;
    padding: 10px;
    height: 9rem;
	display: flex;
}

.blog .widget-blog .widget-blog-list li .widget-blog-link{
    width: 100%;
}

.widget-blog .widget-blog-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0 !important;
}

.widget-blog .widget-blog-list li .image-box {
    width: 11rem;
    height: 7rem;
    border-radius: 10px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-blog .widget-blog-list li .image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px !important;
}

.widget-blog .widget-blog-list li .title-and-deta {
    width: calc(100% - 11rem);
    color: #c50d05;
}

.widget-blog .widget-blog-list li .title-and-deta .title-blog {
    line-height: 15px;
    text-align: justify;
    font-size: 11px !important;
    height: 4rem;
}

.widget-blog .grouping-scoring-box .progress {
    height: 20px !important;
    margin-top: 0;
    width: 100% !important;
}

.widget-blog .grouping-scoring-box .user-rating .rate:not(old) {
    height: 3em !important;
}

.rate:not(old)>input {
    margin-right: -100%;
    opacity: 0;
}

.rate:not(old)>label {
    display: block;
    float: left;
    margin-right: 0.5rem;
    position: relative;
    background: url(/Content/Images/star-off-big.png);
    background-size: contain;
}

.widget-blog .rate:not(old)>label:before {
    width: 2.8em;
    height: 2.8em;
}

.blog-audio .blog-down-pdf {
    background-color: #1877e5;
}

.blog-audio .blog-down-audio {
    background-color: #378b0e;
}

/* Back To Top  */
#button {
    display: inline-block;
    background-color: #1eba0d;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: background-color .3s, opacity .5s, visibility .5s;
    -moz-transition: background-color .3s, opacity .5s, visibility .5s;
    -ms-transition: background-color .3s, opacity .5s, visibility .5s;
    -o-transition: background-color .3s, opacity .5s, visibility .5s;
}

#button::after {
    content: "\e910";
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

.content {
    width: 77%;
    margin: 50px auto;
    font-family: 'Merriweather', serif;
    font-size: 17px;
    color: #6c767a;
    line-height: 1.9;
}

.content h1 {
    margin-bottom: -10px;
    color: #03a9f4;
    line-height: 1.5;
}

.content h3 {
    font-style: italic;
    color: #96a2a7;
}


/* -------#widget---*/
.widget.widget-filter li.panel {
    width: 100%;
    line-height: 3;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ececec;
}

.widget.widget-filter li.panel a:after {
    content: '\276F';
    color: #0072bc;
    float: right;
    margin-left: 1rem;
    font-size: 1.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.widget.widget-filter li.panel a.collapsed::after {
    -webkit-transform: none;
    transform: none;
}

.widget.widget-filter li.panel ul {
    margin: 0px 20px 0 0 !important;
}

.widget.widget-filter li.panel ul li {
    display: block;
    padding-right: 1.5rem;
}

.widget.widget-filter li.panel a.collapsed+ul li {
    padding-right: 1.5rem;
}

.widget {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.widget .widget-title {
    color: #3b4359;
    font-size: 15px;
}


.widget input.input-filtr,
.widget input.form-control {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding: 15px;
    margin-top: 15px;
}

.widget .widget-category-list ul {
    display: flex;
    flex-direction: column;
}

.widget .widget-category-list ul li {
    font-size: 15px;
    color: gray;
    padding-right: 3px;
    height: 3rem;
}

.widget .widget-category-list ul li a {
    font-size: 13px;
    color: gray;
    padding-right: 3px;
    height: 3rem;
}

.widget .widget-category-list ul .cco1 a{
    color: #383636;
}

.widget .widget-category-list ul .cco2 {
    padding-right: 20px;
    align-items: center;
}

.widget .widget-category-list ul .cco2 a{
  font-size: 12px;
}

.widget .widget-category-list ul .cco3 {
    padding-right: 40px;
}

.widget .widget-category-list ul li.cco1::before,
.widget .widget-category-list ul li.cco2::before {
    content: "-";
    font-size: 12px;
    color: gray;
    margin-top: 5px;
}

.widget .widget-category-list ul .cco3 label {
    color: gray
}

.widget .widget-category-list ul .cco3 ul {
    margin-top: 10px !important;
}

.widget .widget-category-list ul li.cco3::before {
    content: "-";
    font-size: 18px;
    color: gray;
}

/* The switch - the box around the slider */
.widget-toggle .switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.6rem;
}

/* Hide default HTML checkbox */
.widget-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.widget-toggle .stockslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.widget-brand-list {
    width: 100%;
    max-height: 20rem;
    margin-top: 10px;
    overflow-y: auto;
}

.widget.widget-brand .widget-brand-img {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.widget.widget-brand .widget-brand-img img {
    height: 100%;
    width: auto;
}

.widget-brand-list ul li label {
    width: 100%;
    margin: 0;
    font-size: 13px;
}

.widget.widget-brand .widget-brand-list ul li:last-child {
    margin-bottom: 0;
}

/*input[type=checkbox]+label:before {
    content: "\2714";
    border: 0.1rem solid #707070;
    border-radius: 0.2rem;
    padding: 0 0.4rem;
    margin-left: 1rem;
    text-align: center;
    vertical-align: middle;
    color: transparent;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    background-color: #f5f6f8 !important;
    display: inline-block;
}*/

.widget-range--content input {
    height: 4rem;
    width: auto;
    margin-top: 8px;
}

input[type=checkbox] {
    display: none;
}

.widget.widget-brand .widget-brand-list ul li span {
    float: left;
    padding-left: 1rem;
}

.stockslider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: .5rem;
    bottom: .3rem;
    background-color: white;
    transition: .4s;
}

input:checked+.stockslider {
    background-color: #F9AB00;
}

input:focus+.stockslider {
    box-shadow: 0 0 1px #F9AB00;
}

input:checked+.stockslider:before {
    transform: translateX(26px);
    left: -.5rem;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

.ui-slider-horizontal {
    height: .1rem;
}

.ui-widget-content {
    background: #f5f6f7;
}

.ui-widget-header {
    background: #000;
}

.ui-widget.ui-widget-content {
    border: .1rem solid #f5f6f7;
}

.ui-slider .ui-slider-handle {
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    background: #f5f6f7;
}

.widget-range .widget-range--content #slider {
    position: relative;
    width: 90%;
    margin: 1rem auto;
}

.widget-range .text-range--content {
    color: grey;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after {
    content: '\203A';
    position: absolute;
    color: #F9AB00;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after {
    content: '\2039';
    position: absolute;
    color: #F9AB00;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

.ui-widget.ui-widget-content {
    width: calc(100% - 3rem);
    margin: 0 auto;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
    margin-left: -15px;
}

.sort-bar-box .order-by-box select {
    background-color: #f5f5f5;
    border: none;
    font-size: 14px;
}

.sort-bar-box .order-by-box div {
    margin-top: 0 !important;
}

.page-productlist .product-item {
    width: 24%;
    margin-bottom: 15px;
}

.page-productlist .product-item .price-box .product-item-link {
    display: contents;
}
.app-paging {
  display: flex;
  justify-content: end;
  width: 100%;
  padding-left: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.pagination-container {
  display: flex;
  align-items: center;
}

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination .page-item {
  margin-right: 0.6rem;
}

.pagination .page-item a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  background-color: #fff;
  color: #444;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease;
}

.pagination .page-item a:hover {
  background-color: #e2f0ff;
  color: #007bff;
  transform: translateY(-2px);
}

.pagination .page-item.active a {
  background-color: #007bff;
  color: #fff;
  font-weight: 600;
  cursor: default;
}

.pagination .page-item.disabled a {
  background-color: #f0f0f0;
  color: #bbb;
  cursor: not-allowed;
  box-shadow: none;
}

.pagination .page-item:first-child a,
.pagination .page-item:last-child a {
  font-weight: bold;
}



/*#filters*/
.sortbar-mob {
    width: 100%;
    height: 4rem;
    background-color: #c50d05;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
}

.sortbar-mob .sortbar-mob-box {
    border-right: 1px solid #fff;
    width: calc(100% - 25%);
}

/* Breadcrumb */
.page-breadcrumb {
    padding: 1.5rem 0;
}

.page-breadcrumb .breadcrumb .breadcrumb-item,
.page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: gray !important;
    font-size: 14px;
}

.ordering {
    width: 100%;
    height: 41rem;
    position: fixed;
    box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
    bottom: 4rem;
    right: 0;
    display: none;
    z-index: 999999;
}

.ordering::after {
    content: '';
    width: 100%;
    height: calc(100% - 41rem);
    background-color: #00000040;
    z-index: -1;
    position: fixed;
    top: -40px;
    right: 0;
}


/* ---------------------------------------------- */
/* -------------------#blog---------------------- */
/* ---------------------------------------------- */
.blog .single-blog-page {
    position: relative;
    background: #fff;
    margin-bottom: 25px;
}

.blog .single-blog-page .btn-product-edit {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    color: #112a53;
}

.blog .single-blog-page .header-box {
    border-bottom: 1px solid #f2f6fc;
    top: 90px;
    z-index: 9;
    background: #fff;
}

.blog .single-blog-page .header-box .name-blog-fa {
    font-size: 19px !important;
}

.blog .single-blog-page .header-box .study-time {
    height: 3.5rem;
    border-radius: 5px 5px 0 0;
    background: #f8fafe;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.blog .single-blog-page .header-box .study-time i {
    color: #112a53;
}

.blog .single-blog-page .grouping-scoring-box .number-article {
    border-left: 1px solid #f2f6fc;
    padding-left: 15px;
}

.blog .single-blog-page .grouping-scoring-box .progress {
    height: 2rem !important;
    width: 100% !important;
}

.blog .single-blog-page .article-abstract-box {
    width: 100%;
    background: #f8fafe;
    padding: 15px;
    border-radius: 15px;
    margin-top: 15px;
}

.blog .single-blog-page .article-abstract-box .article-abstract-text {
    width: calc(100% - 25%);
}

.blog .single-blog-page .article-abstract-box .article-abstract-text p {
    text-align: justify;
    line-height: 23px;
    margin: 10px 0 !important;
    font-size: 14px;
}

.blog .single-blog-page .article-abstract-box .image-blog {
    width: 25%;
    height: 18rem;
    max-height: 18rem;
    background: #fff;
}

.blog .single-blog-page .article-abstract-box .image-blog img {
    width: 100%;
    height: 100%;
}

.blog .blog-content {
    min-height: 50rem;
}

.blog .blog-content p {
    font-size: 1.5rem;
    line-height: 2.5;
    text-align: justify;
	 margin-bottom: 20px !important;
}

.description-box tr td p,
.blog .blog-content tr td p {
    font-size: 1.3rem;
}

.description-box img,
.blog .blog-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px;
}

.description-box p span,
.blog .blog-content p span {
    font-size: 1.4rem;
    line-height: 2.5;
}


.description-box h2,
.description-box h3,
.description-box h4,
.blog .blog-content h2,
.blog .blog-content h3,
.blog .blog-content h4 {
    color: #550a07;
    line-height: 2;
    font-weight: bold !important;
}

.description-box strong,
.blog .blog-content strong {
    font-weight: bold !important;
}


.description-box strong span,
.blog .blog-content strong span {
    font-weight: bold !important;
}

.description-box ol,
.blog .blog-content ol {
    padding-right: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    flex-direction: column;
    display: flex;
}

.description-box ol li,
.blog .blog-content ol li {
    display: list-item;
}

.description-box ul li,
.blog .blog-content ul li {
    list-style: disc;
    list-style-position: inside;
    display: list-item;
    padding-right: 2rem;
    font-size: 1.4rem;
    line-height: 2;
    margin: 15px 0;
}

.description-box ul li {
    font-size: 1.3rem;
    font-weight: bold !important;
}

.description-box a,
.blog .blog-content a {
    color: #0064ff;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold !important;
}

.description-box h3 a,
.blog .blog-content h3 a,
.blog .blog-content h4 a {
    font-weight: bold !important;
}

.description-box>div:not([class]),
.blog .blog-content>div:not([class]) {
    font-size: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f4f5f9;
    border-radius: 15px;
    border: 1px solid #112a53;
}

/*.description-box>div:not([class])::before,
.blog .blog-content>div:not([class])::before {
    content: "\e900";
    font-family: 'icomoon';
    font-size: 2rem;
    vertical-align: middle;
    margin-left: 1rem;
    color: #2962FF;
}*/

.description-box blockquote,
.blog .blog-content blockquote {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f4f5f9;
    border-radius: .4rem;
    border-right: .3rem solid #2962FF;
}

.description-box>div:not([class]) a,
.blog .blog-content>div:not([class]) a {
    font-size: 1.5rem;
}

.description-box table,
.blog .blog-content table {
    border-color: #9c6137;
    margin-top: 1.5rem;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

.description-box table tr td,
.blog .blog-content table tr td {
    padding: 1rem 1rem;
    width: auto;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.description-box table tr:nth-child(odd),
.blog .blog-content table tr:nth-child(odd) {
    background-color: #f1f1f1;
}


.blog-content th,
.blog-content tr{
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 10px;
    font-size: 13px;
}

.description-box span a,
.blog .blog-content span a {
    color: #fff;
    display: block !important;
    padding: 1rem 3rem;
}

.description-box span a::after,
.blog .blog-content span a::after {
    content: "\ea4d";
    font-family: 'icomoon' !important;
    margin-right: 10px;
    vertical-align: middle;
}

.grouping-scoring-box .user-rating .rate:not(old) {
    height: 2em !important;
}

.progress {
    background-color: transparent;
}

.blog .header-box .nav {
    width: 100%;
    height: .2rem;
    background-color: rgb(179, 179, 179);
    bottom: 0;
}

.blog .header-box .nav .nav-bar {
    position: absolute;
    bottom: 0;
    width: 0;
    height: .5rem;
    background-color: #c50d05;
}

.blog .comment-box .input-item {
    border: 1px solid #d6e0ee;
    background: #fdfeff;
}

.blog .comment-box .input-item:focus {
    border: 1px solid #112a53;
}

.blog .grouping-blogs .grouping-link {
    background-color: #378b0e;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.blog .update-btn {
    padding: 5px 15px !important;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.blog .farsi-date {
    color: grey;
}

/* ------------------------------------------------- */
/* -------------------#contact us------------------- */
/* ------------------------------------------------- */

.number-contact-box {
    background-image: linear-gradient(45deg, #242424 0%, #c50d05 100%);
    padding: 50px;
}

.number-address div span {
    color: #fff !important;
}

.number-contact-box .number-item::after {
    content: '/';
    margin-right: 10px;
}

.number-contact-box .number-item:last-child:after {
    display: none;
}

.address-contact-box {
    padding: 50px;
}

.form-contant-box .title-address::before {
    content: '';
    width: 20px;
    height: 7px;
    background-color: #112a53;
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-left: 10px;
}

.address-contact-box .item-address {
    color: grey;
}

.address-box .title-address::before {
    content: "\e914";
    font-family: 'icomoon' !important;
    font-size: 26px;
    color:#c50d05;
    padding-left: 8px;
}

.social-networks-box .title-address::before {
    content: "\e925";
    font-family: 'icomoon' !important;
    font-size: 25px;
    color: #c50d05;
    padding-left: 8px;
}

.social-networks-box .social-networks .social-networks-item a {
    width: 3rem;
    height: 3rem;
    border-radius: 10px;
    background-color: #F2F6FC;
    margin-left: 5px;
    display: flex;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.social-networks-box .social-networks .social-networks-item a i {
    color: #3B4359;
}

.form-contant-box .input-form {
    border: 1px solid #DCE1E9;
    transition: border .1s ease-in-out;
    -webkit-transition: border .1s ease-in-out;
    -moz-transition: border .1s ease-in-out;
    -ms-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
}

.form-contant-box .input-form:focus {
    border: 1px solid #0072bc;
}

.form-contant-box textarea {
    max-height: 12rem;
}

.form-contant-box .btn-content,
.form-contant-box .btn-send {
    background-color:#242424;
}



/* Page Gift Card  */
.description-giftcard-right {
    width: 25%;
    position: sticky;
    top: 85px;
    height: 40rem;
}

.description-giftcard-right .imge-box {
    width: 25rem;
    overflow: hidden;
}

.description-giftcard-right .imge-box img {
    width: 100%;
    height: 100%;
}

.description-giftcard-right .notic-box {
    background-color: #ffb412;
    color: #15254c;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
}

.description-giftcard-right .call-us .free-consultation {
    background-color: #71c91a;
    color: #fff;
    font-size: 12px;
    padding: 5px 25px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.tab-content-giftcard {
    border-bottom: 1px dashed #979797;
    padding-bottom: 30px;
}

.description-giftcard-left {
    width: 75%;
    position: relative;
}


.description-giftcard-left .description-box h1 {
    font-size: 25px;
    font-weight: 400 !important;
    color: #15254c;
}

.description-giftcard-left .description-box p {
    font-size: 15px;
    line-height: 35px;
    color: #000;
    text-align: justify;
}

.description-giftcard-left .tab-content-giftcard .image-flag {
    width: 25px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.description-giftcard-left .tab-content-giftcard .image-flag img {
    width: 100%;
    height: auto;
}

.description-giftcard-left .tab-content-giftcard .nav-pills .nav-link {
    display: flex;
    font-size: 13px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px 15px;
    background-color: #cbcbcb;
    color: #fff;
    margin-left: 15px;
    align-items: center;
}

.description-giftcard-left .tab-content-giftcard .nav-pills .nav-link.active,
.description-giftcard-left .tab-content-giftcard .nav-pills .show>.nav-link {
    background-color: #15254c;
}

.description-giftcard-left .tab-content-giftcard .tab-content {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border: 1px solid #cbcbcb;
    padding: 15px 15px 5px 5px;
    position: relative;
}

.description-giftcard-left .tab-content-giftcard .tab-content .price-dollar {
    width: auto;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f2f2;
    color: gray;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-left: 12px;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
}

.description-giftcard-left .tab-content-giftcard .tab-content .price-dollar:hover {
    background-color: #cbcbcb;
}

.description-giftcard-left .tab-content-giftcard .tab-content .price-dollar.active {
    background-color: #15254c;
    color: #fff;
}

.description-giftcard-left .tab-content-giftcard .tab-content>.active {
    display: flex;
    flex-wrap: wrap;
}

.section-giftcard .price-gift .user-rating i.active {
    color: #ffb412;
}

.section-giftcard .price-gift {
    padding-right: 15px;
    position: sticky;
    top: 85px;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 15px;
}

.section-giftcard .price-gift .score-message .number-score {
    font-weight: bold !important;
}

.section-giftcard .price-gift .score-message span.text-grey {
    text-align: justify;
}

.section-giftcard .price-gift .score-message .number-score,
.section-giftcard .price-gift .score-message i {
    color: #649a43;
}

.section-giftcard .price-gift .price-box {
    height: 5rem;
    border: 1px solid #b0b0b0;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.section-giftcard .price-gift .price-box .price-off-box .icon-badge-percent {
    right: 3%;
    font-size: 27px;
    top: 5px;
    color: #c50d05;
}



.section-giftcard .price-gift .btn-buy-online:hover {
    background-color: #081a36;
}

.section-giftcard .price-gift .score-message {
    align-items: flex-start !important;
}

.description-giftcard-left .tab-content-giftcard .tab-content .short-description {
    bottom: -35px;
}

/* features list */
.features-list {
    padding: 7rem 0 10rem 0;
}

.features-list .features-list-box .features-item {
    width: 14rem;
}

.features-list .features-list-box .features-item title {
    color: #15254c;
}

.features-list .features-list-box .features-item .image-box {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.features-list .features-list-box .features-item .image-box img {
    width: 100%;
    height: auto;
}

#createBtn {
    height: 6rem;
    border: none;
    background: #1cb561;
    display: -webkit-inline-box;
    line-height: 4rem;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    border-radius: 4px;
    font-size: 20px !important;
}

#createBtn:hover {
    background: #558936;
}

/* ----- #Info Page ----- */
.content-page a {
    color: #000;
}

.info-page .page-breadcrumb {
    padding-top: 15.5rem;
}

.info-page .page-breadcrumb li {
    display: inline-block;
    font-size: 1.2rem;
}

.info-page .contactus {
    background-image: linear-gradient(var(--gray-color) 10%, var(--white-color) 50%, var(--white-color) 100%);
    padding: 3rem 2rem;
}

.info-page .contactus .block-title {
    font-size: 1.4rem;
}

.info-page .contactus .block-content ol#recently-viewed-items {
    list-style-position: inside;
    margin-top: 25px;
    padding-right: 0 !important;
}

.info-page .contactus .block-content ol#recently-viewed-items li {
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    background-color: #ffffff;
    width: 100%;
    border-radius: 5px;
}

.info-page .contactus .block-content ol#recently-viewed-items li a {
    color: #000;
}

.info-page .contactus .page-title {
    margin-bottom: 1rem;
}

.info-page .contactus .page-title h2 {
    font-size: 1.4rem;
}

.info-page .contactus .static-contain {
    border: 0.1rem solid #f5f5f5;
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-top: 25px;
    background: #fff;
    border-radius: 5px;
}

.info-page .contactus .static-contain .panel {
    border-top: 25px;
    border-bottom: 1px solid #f8fafe;
}

.info-page .contactus .static-contain .panel:last-child {
    border-bottom: none;
}

.info-page .contactus .static-contain img {
    height: auto !important;
    width: 100% !important;
}

.static-contain .panel-collapse {
    font-size: 1.3rem;
    text-align: justify;
    border: .1rem solid #f5f5f5;
    border-radius: 1rem;
    margin-bottom: 2rem;
    line-height: 2;
}

.static-contain .panel-heading h4 {
    font-size: 1.4rem;
    line-height: 2.5;
}

.info-page .contactus .static-contain p {
    text-align: justify;
    font-size: 1.4rem;
    line-height: 2.5;
}

.static-contain .panel-collapse .panel-body {
    padding: 1rem 2rem;
}

.info-page .contactus .static-contain p span {
    font-family: inherit !important;
}

.info-page .contactus .static-contain h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain ul {
    padding-right: 1.5rem;
    margin: 1rem 0;
    font-size: 1.2rem;
    list-style-type: disc;
    line-height: 2.5;
    list-style-position: inside;
}

.btn-product-edit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 99;
    font-size: 2.5rem;
}

.btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1090;
    font-size: 2.5rem;
}

.product__info .btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 2rem;
    left: 2rem !important;
    right: auto;
    z-index: 1090;
    font-size: 3rem;
}

.bootstrap-maxlength {
    font-size: .9rem !important;
}

.modal-backdrop.fade.show {
    z-index: 1098;
}

.modal-open .modal {
    z-index: 1099;
}

input#btnCoupon {
    position: relative;
    top: 0.5rem;
    right: calc(100% - 12rem);
    width: 11.5rem;
    height: 3rem;
}

.lendo-offer {
    font-size: 1.3rem;
    background-color: #052a66;
    color: wheat;
    padding: 1rem 2rem;
    border-radius: 2rem;
    height: 4rem;
}

.lendo-offer a {
    color: var(--white-color);
}

.lendo-offer::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-left: 1rem solid #052a66;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    position: absolute;
    top: 10px;
    right: -7px;
}

.cart__offer strong#CouponDescription {
    font-size: 1.2rem;
}

li.insite {
    width: 3rem;
    height: 3rem;
    text-align: center;
}

.no-comment {
    width: 100%;
    height: 4rem;
    background-color: var(--silver-color);
    display: block;
    line-height: 2.5rem;
    padding: 0 1.5rem;
    border-radius: 2rem;
}

.category-text-content {
    background-color: white;
    padding: 1.5rem;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.category-text-content h1 {
    font-size: 2.2rem;
    font-weight: 600 !important;
    margin-bottom: 1rem;
    margin-top: 20px;
    color: #535353;
}

.category-text-content ul li {
    display: list-item;
    list-style-type: disc;
    margin-right: 3rem;
    font-size: 1.3rem;
    line-height: 2.2;
    color: #535353;
}

.category-text-content ul li strong {
    font-weight: bold !important;
}

.category-text-content ul.category-listbox li {
    margin-right: 0;
    margin-left: 1.5rem;
    display: inline;
    list-style-type: none;
}

.category-text-content ul li:last-child {
    margin-left: 0 !important;
}

.category-text-content h2 {
    font-size: 1.9rem;
    font-weight: 600 !important;
    margin-bottom: 1rem;
    color: #535353;
}

.category-text-content h3 {
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-bottom: 1rem;
    color: #535353;
}

.category-text-content p,
.category-text-content p span {
    font-size: 1.5rem !important;
    line-height: 2.5;
    text-align: justify;
    color: #535353;
}

.category-text-content p strong,
.category-text-content p span strong {
    font-weight: 600 !important;
}

.category-text-content a {
    color: #176cc8 !important;
}

.lg-outer {
    direction: rtl;
}

.lg-outer .lg-inner {
    direction: ltr;
}

.product-info .sticky-top.product-info-buy {
    top: 4rem;
}

.lg-backdrop {
    z-index: 99999 !important;
    background-color: #fff !important;
}

.lg-outer {
    z-index: 2000000003 !important;
}

/* ----------------------------#widget------------------------------- */
.widget.widget-filter li.panel {
    width: 100%;
    line-height: 3;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ececec;
}

.widget.widget-filter li.panel a:after {
    content: '\276F';
    color: #0072bc;
    float: right;
    margin-left: 1rem;
    font-size: 1.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.widget.widget-filter li.panel a.collapsed::after {
    -webkit-transform: none;
    transform: none;
}

.widget.widget-filter li.panel ul {
    margin: 0px 20px 0 0 !important;
}

.widget.widget-filter li.panel ul li {
    display: block;
    padding-right: 1.5rem;
}

.widget.widget-filter li.panel a.collapsed+ul li {
    padding-right: 1.5rem;
}

.widget {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.widget .widget-title {
    color: #3b4359;
}

.widget input {
    width: 100%;
    height: 4rem;
    background-color: #f2f6fc;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding: 15px;
    margin-top: 15px;
}

.widget input:focus {
    background-color: #f2f6fc;
}

.widget .widget-category-list ul {
    display: flex;
    flex-direction: column;
}

.widget .widget-category-list ul li a {
    font-size: 14px;
    color: gray;
    padding-right: 3px;
    height: 3rem;
}

.widget .widget-category-list ul .cco2 {
    padding-right: 20px;
}

.widget .widget-category-list ul .cco3 {
    padding-right: 40px;
}

.widget .widget-category-list ul li.cco1::before,
.widget .widget-category-list ul li.cco2::before {
    content: "-";
    font-size: 12px;
    color: gray;
    vertical-align: text-bottom;
    margin-left: 4px;
}

.widget .widget-category-list ul li.cco3::before {
    content: "-";
    font-size: 18px;
    color: gray;
}

/* The switch - the box around the slider */
.widget-toggle .switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.6rem;
}

/* Hide default HTML checkbox */
.widget-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.widget-toggle .stockslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.widget .widget-brand-list ul li {
    height: 3rem;
    font-size: 14px;
    color: grey;
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.widget .widget-brand-list ul li input {
    padding: 0;
    margin-top: 0;
    height: 2rem;
    width: auto;
}

.stockslider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: .5rem;
    bottom: .3rem;
    background-color: white;
    transition: .4s;
}

input:checked+.stockslider {
    background-color: #F9AB00;
}

input:focus+.stockslider {
    box-shadow: 0 0 1px #F9AB00;
}

input:checked+.stockslider:before {
    transform: translateX(26px);
    left: -.5rem;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

.ui-slider-horizontal {
    height: .1rem;
}

.ui-widget-content {
    background: #f5f6f7;
}

.ui-widget-header {
    background: #000;
}

.ui-widget.ui-widget-content {
    border: .1rem solid #f5f6f7;
}

.ui-slider .ui-slider-handle {
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    background: #f5f6f7;
}

.widget-range .widget-range--content #slider {
    position: relative;
    width: 90%;
    margin: 1rem auto;
}

.widget-range .text-range--content {
    color: grey;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after {
    content: '\203A';
    position: absolute;
    color: #F9AB00;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after {
    content: '\2039';
    position: absolute;
    color: #F9AB00;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

.ui-widget.ui-widget-content {
    width: calc(100% - 3rem);
    margin: 0 auto;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
    margin-left: -15px;
}

.sort-bar-box {
    height: auto;
    background-color: #fff;
    margin-bottom: 1rem !important;
}

.sort-bar-box .order-by-box select {
    background-color: #f2f6fc;
    border: none;
    font-size: 14px;
}

.page-productlist .product-item {
    width: 24%;
    margin-bottom: 15px;
}

.page-productlist .product-item .price-box .product-item-link {
    /*line-height: 8rem;*/
    display: contents;
}

.pagination .page-item.PagedList-skipToLast,
.pagination .page-item.PagedList-skipToFirst,
.pagination .page-item.PagedList-skipToPrevious,
.pagination .page-item.PagedList-skipToNext {
    font-family: 'icomoon';
}

.pagination .page-item {
    width: 3rem;
    height: 3rem;
    margin-right: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}

.pagination .page-item a {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: grey;
}

.pagination .page-item:hover a {
    background-color: #dee2e6 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.pagination .page-item.active a {
    border-radius: 5px;
    background-color: #ed1c24 !important;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Page Product List  */
.section-productlist {
    margin-bottom: 25px;
}

.section-productlist .page-productlist .item-last-package {
    width: 24%;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 15px !important;
}

.section-productlist .page-productlist .item-last-package>div {
    position: absolute;
    background: #000000ab;
    width: 100%;
    bottom: 0;
}

.section-productlist .list-last-packages a,
.section-productlist .item-last-package .name-package a {
    color: #fff !important;
}

.page-sortbar-items li {
    cursor: pointer;
}

.page-sortbar-items li.active {
    color: #ed1c24;
    font-weight: bold !important;
    font-size: 15px;
}

.section-productlist .item-last-package .imag-box {
    width: 100%;
    height: 32rem;
}

.section-productlist .item-last-package .imag-box img {
    width: 100%;
    height: auto;
}

.section-productlist .list-last-packages a,
.section-productlist .item-last-package .name-package a {
    font-size: 1.5rem;
    color: #000;
    height: 5rem;
    display: flex;
    text-align: justify;
    line-height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-item-image a {
    width: 8rem;
    height: 8rem;
}

.cart-item-image a img {
    width: 100%;
    height: 100%;
}

.cart-item-content {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.cart-item-content:last-child {
    border-bottom: none;
}

.cart-item-content .input-text {
    padding: 8px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 16px;
}

.cart-item-content .table-op {
    font-size: 18px;
    padding: 0 5px;
}

/* ----------------- */
/* ----- #Cart ----- */
/* ----------------- */

.cart-item-desc a h3 {
    height: 4rem;
    line-height: 6rem !important;
}

.cart-sendbar .cart-item {
    min-height: auto;
}

.cart .cart-item-box .cart-item-image img {
    width: 100%;
}

.cart .cart-item-box .cart-item-content {
    width: 100%;
    padding-right: 10px;
}

.cart .item-model,
.cart .item-model span {
    font-size: 1rem !important;
}

.cart .item-warranty {
    font-size: 1.1rem !important;
    margin-bottom: 0 !important;
}

.cart .item-color {
    font-size: 1.1rem !important;
    margin-bottom: 0 !important;
}

.cart .color-box {
    width: 2rem;
    height: 2rem;
}

.cart .product-title {
    letter-spacing: 0rem;
    font-weight: lighter !important;
    font-size: 1.4rem !important;
    line-height: 2.5rem;
    margin-bottom: 0 !important;
}

.cart .item-price {
    width: 100% !important;
    padding-bottom: 1.5rem;
    flex-direction: column;
    align-items: inherit !important;
}

.cart .item-price .total-price {
    flex-direction: column !important;
    align-items: inherit !important;
}

.cart .item-price .order-count {
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.cart .real-price {
    margin-right: 0 !important;
}

.cart .real-price div {
    font-size: 1.6rem !important;
    line-height: 2rem;
}

.cart .remove-item {
    top: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    cursor: pointer;
    position: inherit !important;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
    flex-basis: auto;
    margin-bottom: 1.5rem;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.comment-box span {
    font-size: 1.3rem !important;
}

.comment-box p {
    font-size: 1.4rem !important;
}

.no-comment {
    font-size: 1.2rem !important;
}

.contactus .contactus__image {
    height: auto;
}

.info-page .col-main {
    padding: 25px 25px;
}


.menu-admin li a {
    font-size: 1.2rem;
}

.cart .cart-item-box {
    flex-direction: column;
    align-items: center;
}

.Internet-payment-box {
    flex-direction: column;
}

.cart-notice {
    background: #fff;
    margin-top: 10px;
    border: 1px solid #dee2e6;
}

.cart-notice .cart-notice-item {
    margin-top: 15px !important;
}

/* ----------------------- */
/* ----- #Final Cart ----- */
/* ----------------------- */
.finalcart {
    padding: 3rem 0;
    background: #fff;
}

.finalcart .finalcart__info h3 {
    color: #649a43;
    font-size: 2rem;
    line-height: 3.5rem;
}

.finalcart .finalcart__info h3 i {
    color: #649a43;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form {
    padding: 2rem 0;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
    position: relative;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value i {
    position: absolute;
    top: .7rem;
    right: 2rem;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control {
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    padding-right: 1rem;
    vertical-align: middle;
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-moz-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address textarea {
    font-size: 1.2rem;
    width: 100%;
    border-radius: .4rem;
    padding: 1rem;
    border-color: #f8fafe;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-type select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor {
    margin-top: 3rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border {
    border: .1rem solid #dcdcdc;
    width: 100%;
    height: 5rem;
    border-radius: .4rem;
    margin-top: .5rem;
    background-color: #fff;
    line-height: 5rem;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border label {
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn {
    border: .1rem solid #ced4da;
    border-radius: .4rem;
    padding: 1.5rem;
    text-align: left;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank img {
    width: 5rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank .bank-select {
    display: inline-block;
    margin-left: 15px;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn {
    vertical-align: middle;
    display: inline-block;
    background-color: #00ab67;
    color: #fff;
    width: 13rem;
    height: 4rem;
    border-radius: .4rem;
    font-size: 1.6rem;
    transition: all .3s;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn:hover {
    background-color: #0072bc;
}

.finalcart .form-control {
    background-color: #f8fafe;
    height: 4rem;
}

.cart__btn {
    background: #112a53;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 1.6rem;
    border: 0;
}

.cart-title {
    padding-bottom: 15px;
    margin-bottom: 15px !important;
}

.btn-info {
    background-color: #01771f12;
    border-color: #00701c;
    color: #000000;
    font-size: 13px;
    border-radius: 10px !important;
}

.btn-info:hover {
    color: #000;
    background-color: #00701c;
    border-color: #00701c;
}

.timerLogin {
    direction: ltr;
}

.product__title--head {
    display: none;
}

.table-successful-payment {
    border: 1px solid #ededed;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.table-successful-payment table {
    margin-bottom: 0;
}

.table-successful-payment table tbody {
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.table-successful-payment table tbody tr:nth-child(2n - 1) {
    background-color: #fff;
}

.table-successful-payment table tbody tr:nth-child(2n - 1) td {
    color: #00ab67;
}

.table-successful-payment table tbody tr td {
    font-size: 16px;
    padding: 10px;
}

.table-successful-payment table tbody tr {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* Start Locations page */
.header-locations-page {
    background-color: #fff;
}

.header-locations-page .text-locations-page {
    font-size: 16px;
    line-height: 23px;
    text-align: justify;
}

.locations-page {
    background-color: #fff;
}

.locations-page .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.locations-page .accordion-button {
    padding: 2rem 1.25rem;
    font-size: 15px;
    color: #112a53;
}

.locations-page .table> :not(caption)>*>* {
    padding: 1.5rem;
    font-size: 13px;
}

.locations-page .table>tbody tr th,
.locations-page .table>tbody tr td {
    color: grey;
}

/* Start Section game slider */
.game-slider .game-item {
    height: 39rem;
    width: auto;
}

.game-slider .game-item .image-box {
    width: 100%;
    height: 100%;
}

.game-slider .game-item .image-box img {
    width: 100%;
    height: auto;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
}

.game-slider .game-item:hover .image-box img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.game-slider .game-item .title-game {
    width: 100%;
    height: 8rem;
    background-color: #000000a4;
    bottom: 0;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
}

.amazing-offers-slider.game-slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    left: 0;
}

.amazing-offers-slider.game-slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: 0;
}

.section-article-box .title-box,
.section-amazing-offers .title-box {
    margin-bottom: 2.5rem !important;
}

.Faqgift-card-sigle-page {
    margin-bottom: 15px;
}

.Faqgift-card-sigle-page .FAQ-box h4 {
    padding-bottom: 0 !important;
}

.section-giftcard .price-gift .price-box .price-real #FinalPrice {
    font-size: 2.2rem !important;
}

p a strong {
    font-weight: bold !important;
}

.footer-symbol li,
.footer-symbol li a {
    width: 12rem;
    height: 12rem;
    display: flex;
    align-items: end;
}

.footer-symbol li img,
.footer-symbol li a img {
    width: 100%;
    height: auto;
}

footer .text-description-footer {
    line-height: 25px;
    text-align: justify;
}

.category-text-content div.bg-white {
    border-radius: 15px;
}

.category-text-content div.bg-white ul {
    display: flex;
    flex-direction: column;
}

.category-text-content .category-text-items ul li {
    list-style-type: none;
}

/* --------------------------#read more box --------------- */
.read-more-box {
    max-height: 20rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.read-more-box .read-more,
.read-more-box .read-less {
    font-size: 1.6rem !important;
    position: absolute;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, #fff);
    margin: 0;
    padding: 2px;
    text-align: center;
    border-radius: 15px;
}

.read-more-box .read-more {
    bottom: 0;
    left: 0;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.read-more-box .read-less {
    display: none;
    bottom: 0;
    left: 0;
}

.read-more-box .read-more .read-more-btn,
.read-more-box .read-less .read-less-btn {
    color: #000 !important;
    cursor: pointer;
    font-size: 1.4rem;
}

.read-more-box .read-more .read-more-btn i,
.read-more-box .read-less .read-less-btn i {
    vertical-align: middle;
    margin-right: 1rem;
    font-size: 1.3rem;
}

.read-more-box .read-more .read-more-btn i::before {
    content: "\e905";
    font-family: 'icomoon' !important;
}

.read-more-box .read-less .read-less-btn i::before {
    content: "\e913";
    font-family: 'icomoon' !important;
}

.read-more-box h1 {
    font-size: 2.2rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    margin-top: 20px !important;
    color: #112a53;
}


.read-more-box h2 {
    font-size: 1.9rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #112a53;
}

.read-more-box h3 {
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #112a53;
}

.read-more-box h4 {
    font-size: 1.4rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #112a53;
}

.read-more-box p {
    font-size: 1.5rem !important;
    line-height: 2.1;
    text-align: justify;
    color: #000 !important;
}

.read-more-box a {
    color: #13b9a2 !important;
}

.read-more-box ol {
    margin: 20px 0;
}

.read-more-box ol li {
    display: list-item;
    list-style-position: inside;
    line-height: 28px;
    font-size: 13px;
}

.read-more-box ul li {
    list-style: disc;
    list-style-position: inside;
    display: list-item;
    line-height: 28px;
    font-size: 13px;
}

.read-more-box ul {
    margin: 20px 0;
}

.read-more-box ul li {
    display: list-item;
    list-style-position: inside;
    line-height: 25px;
    font-size: 14px;
}


.text-forgetting-link {
    font-weight: bold !important;
    padding-right: 25px;
    color: #0d6efd !important;
}


.your-comments {
    background-color: #f8fafe;
}

.your-comments-box .your-comments i {
    color: #8d9fc3;
}

.your-comments-box .your-comments:last-child {
    margin-bottom: 0 !important;
}

.your-comments-box .your-comments .your-comments-text {
    line-height: 23px;
    text-align: justify;
}

.your-comments-box .our-answer .image-box,
.your-comments-box .your-comments .image-box {
    width: 45px;
    height: 45px;
    overflow: hidden;
}

.your-comments-box .our-answer .image-box img,
.your-comments-box .your-comments .image-box img {
    width: 100%;
    height: auto;
}

.comment-box input {
    border: 1px solid #eaeef7;
}

.comment-box textarea:focus,
.comment-box input:focus {
    border: 1px solid #899ab7;
}

.comment-box textarea {
    border: 1px solid #eaeef7;
}

.link-article {
    margin-top: 10px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    border-radius: 15px;
}

.link-article .image-box {
    width: 12rem;
    height: 5rem;
    border-radius: 15px;
    overflow: hidden;
    margin-left: 5px !important;
}

.link-article .image-box img {
    width: 100%;
    height: auto;
    margin-left: 0 !important;
}

.link-article .title-article {
    line-height: 20px;
}

/* USER PANEL  */
.header-userpanel {
    height: auto;
    padding: 15px 0;
}

.header-userpanel .logo-box {
    width: 13rem;
    height: 6rem;
}

.header-userpanel .logo-box img {
    width: auto;
    height: 100%;
}

.menu-userpanel {
    padding: 30px 15px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

div.menu-userpanel a:is(:link, :active, :visited).active,
div.menu-userpanel a:is(:link, :active, :visited).active {
    color: #f18721 !important;
}


.body-userpanel {
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.body-userpanel .part-userpanel .filled-information-item {
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f8fafe;
}

.body-userpanel .part-userpanel .card-body {
    background-color: #f8fafe;
    border-radius: 15px;
    padding: 30px;
}

.body-userpanel .part-userpanel .card-body .card-title {
    margin-bottom: 15px !important;
    font-size: 17px;
    color: #00701c;
}

.body-userpanel .part-userpanel .card-body .card-title-desc {
    margin-bottom: 15px !important;
    font-size: 12px;
}

.body-userpanel .part-userpanel .card-body .alert-success {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
}

.body-userpanel .part-userpanel .card-body .btn-secondary {
    padding: 7px 18px;
    font-size: 12px;
    border-radius: 4px;
}

.body-userpanel .part-userpanel .card-body .mark,
.body-userpanel .part-userpanel .card-body mark {
    background-color: rgb(0 112 28);
    border-radius: 50%;
    font-size: 12px;
    padding: 5px 10px;
    color: white;
}

.body-userpanel .part-userpanel select,
.body-userpanel .part-userpanel input {
    height: 3.5rem;
    width: 350px;
    border-radius: 10px;
    border: 1px solid #cbdfff;
    margin-right: 10px;
    font-size: 13px;
}

.body-userpanel .part-userpanel input:focus {
    border: 1px solid #a2bce7;
}

.body-userpanel .send-information a {
    transition: background-color .3s ease-in-out;
}

.body-userpanel .send-information a:hover {
    background-color: #083785 !important;
}

.body-userpanel .table-responsive thead tr th {
    background-color: #f8fafe !important;
    padding: 15px;
    font-size: 14px;
}

.body-userpanel .table-responsive tbody tr th,
.body-userpanel .table-responsive tbody tr td {
    padding: 15px;
    font-size: 14px;
}

.body-userpanel .btn-save {
    background-color: #00701c;
    color: #fff;
    border: none;
    padding: 7px 50px;
    font-size: 15px;
    border-radius: 10px;
}

.part-userpanel .image-box {
    width: 100%;
    height: 35rem;
}

#retrieve-code {
    background-color: #4e8ef5;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 10px;
}

.login-page .btn {
    height: 5rem;
    width: 100%;
}

.menu-userpanel .btn-info {
    padding: 10px 25px;
    border-radius: 15px;
}

.menu-userpanel .btn-info:hover {
    color: #fff !important;
}

.modal-userpanel .modal-content {
    border-radius: 1.5rem;
    overflow: hidden;
}

.modal-userpanel .modal-dialog {
    margin: 19.75rem auto;
}

.modal-userpanel .modal-header {
    background-color: #f8fafe;
}

.modal-giftcartpage .modal-dialog {
    margin: 0 auto !important;
    top: 30%;
    padding: 0 15px;
}

.modal-giftcartpage .modal-dialog .modal-header {
    border: none;
}

.modal-giftcartpage .modal-dialog .modal-footer {
    justify-content: start;
    border: none;
}

.modal-giftcartpage .modal-dialog .modal-body {
    font-size: 14px;
    line-height: 28px;
}

.modal-giftcartpage .modal-content {
    border-radius: 15px;
    padding: 5px;
}

.description-giftcard-left .social-networks-box {
    margin-top: 15px;
}

#exampleModal .linked #foo {
    width: 100%;
    direction: ltr;
    padding: 5px;
    font-size: 13px;
    position: relative;
}

#exampleModal .linked .btn {
    position: absolute;
    bottom: 35px;
    right: 35px;
}

#exampleModal .modal-content {
    border-radius: 15px;
}

#exampleModal .modal-content .border-bottom {
    border-bottom: 0 !important;
    text-align: center;
}

#exampleModal .modal-content .social-list {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#exampleModal .modal-dialog {
    max-width: 500px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    height: 100vh;
}

#CommentForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

#CommentForm div {
    width: 32%;
}

#CommentForm p {
    width: 100%;
}

#CommentForm div.messagebox-item {
    width: 100%;
    position: relative;
}

#CommentForm div.messagebox-item .text-error {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#CommentForm div.messagebox-item textarea {
    height: 15rem;
}

#CommentForm #sendMessageBtn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 14px !important;
    width: 170px;
    padding: 10px !important;
}

.our-answer p {
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
}

.user-profile-list {
    background-color: #f8fafe;
}

.user-profile-list .nav-top {
    border-bottom: 1px solid rgb(185, 185, 185);
}

.saved {
    background-color: #00701c;
    color: #fff;
    border: none;
    font-size: 13px;
    padding: 10px 25px;
    border-radius: 10px;
}

.not-saved {
    background-color: #c50d05;
    color: #fff;
    border: none;
    font-size: 13px;
    padding: 10px 25px;
    border-radius: 10px;
}

.edit {
    background-color: #fd872014;
    color: #eb6d00;
    border: 1px solid #fdc08b;
    font-size: 13px;
    padding: 10px 25px;
    border-radius: 10px;
    margin-right: 10px;
}

.edit:hover {
    color: #b13a03;
}

.content-body .filled-information-item {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
}


.content-body .filled-information-item .title {
    margin-bottom: 10px;
    font-weight: bold !important;
    font-size: 16px !important;
    color: #112a53;
}

.content-body .filled-information-item select,
.content-body .filled-information-item input {
    height: 3.5rem;
    width: 80%;
    border-radius: 10px;
    border: 1px solid #cbdfff;
    margin-right: 10px;
    font-size: 13px;
}

.add-cart {
    background-color: #fd872014;
    color: #eb6d00;
    border: 1px solid #fdc08b;
    width: 30rem;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
}

.add-cart:hover {
    color: #b13a03;
}

.saved-cart-list .saved-cart {
    background-color: #f8fafe;
    padding: 15px;
    border-radius: 10px;
    width: 48%;
}

.saved-cart-list .filled-information-item {
    flex-direction: row !important;
    display: flex;
    align-items: center;
}

.saved-cart-list .saved-cart {
    margin-bottom: 15px;
}

.add-cart-box {
    background-color: #f8fafe;
    width: 70%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
}

.form-add-cart input {
    height: 4.5rem;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #cbdfff;
    font-size: 14px;
}

.alert-box {
    background: #ffa52326;
    border-radius: 10px;
    padding: 5px 15px;
}

.alert-box .imag-box {
    width: 4rem;
    height: 4rem;
}

.alert-box .imag-box img {
    width: 100%;
    height: auto;
}

.alert-box p {
    color: #b13a03;
    font-size: 12px;
}

.bank-list {
    background-color: #f5f6f8;
    padding: 15px;
    border-radius: 10px;
}

.bank-list .image-box img {
    width: auto;
    height: 100%;
}

.discrption-banks-box {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}

/* pdf-voice-box */
.pdf-voice-box .voice-box .image-box {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    overflow: hidden;
}

.pdf-voice-box .voice-box .image-box img {
    width: 100%;
    height: auto;
}

.pdf-voice-box .voice-box .title,
.pdf-voice-box .voice-box audio {
    width: calc(100% - 63px);
}

.pdf-voice-box .voice-box .title {
    font-size: 14px;
    line-height: 23px;
}

.pdf-voice-box .voice-box {
    height: 13.5rem;
    margin-top: 15px;
}

.pdf-voice-box .dtn-download {
    width: 13rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 12px;
    background-color: #0067ff;
}

.pdf-voice-box .dtn-download.pdf {
    background-color: #278824;
}

/* Start Section Gride Content */
.grid-content-box .grid-content-item:first-child {
    width: 50%;
    height: 42rem;

}

.grid-content-box .grid-content-item:nth-child(2) {
    width: 50%;
    height: 42rem;

}

.grid-content-box .grid-content-item:first-child h3,
.grid-content-box .grid-content-item:nth-child(2) h3{
   text-align:center;
}

.grid-content-box .grid-content-item:nth-child(3) {
    width: 20%;
    height: 18rem;

}

.grid-content-box .grid-content-item:nth-child(4) {
    width: 20%;
    height: 18rem;

}

.grid-content-box .grid-content-item:nth-child(5) {
    width: 20%;
    height: 18rem;

}

.grid-content-box .grid-content-item:nth-child(6) {
    width: 20%;
    height: 18rem;

}

.grid-content-box .grid-content-item:nth-child(7) {
    width: 20%;
    height: 18rem;

}

.grid-content-box {
    padding: 5px 0 0 0;
}

.grid-content-box .grid-content-item {
    position: relative;
    border: 3px solid #fff;
}

.grid-content-box .grid-content-item:nth-child(3) .content-box,
.grid-content-box .grid-content-item:nth-child(4) .content-box,
.grid-content-box .grid-content-item:nth-child(5) .content-box,
.grid-content-box .grid-content-item:nth-child(6) .content-box,
.grid-content-box .grid-content-item:nth-child(7) .content-box {
    padding-bottom: 20px;
}

.grid-content-box .grid-content-item:nth-child(3) .content-box h3,
.grid-content-box .grid-content-item:nth-child(4) .content-box h3,
.grid-content-box .grid-content-item:nth-child(5) .content-box h3,
.grid-content-box .grid-content-item:nth-child(6) .content-box h3,
.grid-content-box .grid-content-item:nth-child(7) .content-box h3{
    font-size: 14px;
    text-align: center;
    line-height: 21px;
}

.grid-content-box .grid-content-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56%, rgb(35 2 1) 88%);
}

.grid-content-box .grid-content-item .content-box {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 30px 15px;
    color: #fff;
    border-radius: 5px !important;

}

.grid-content-box .grid-content-item .image-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px !important;
}

.grid-content-box .grid-content-item .image-box img {
    width: 100%;
    height: auto;
}

/* Start Section Body content */
.section-body-content .widget-blog.sticky-top {
    z-index: 9;
    top: 11rem;
}

.category-article-box{
  padding:15px 15px 0 15px !important;
}

.section-body-content .item-slider-row {
    width: 49.3%;
}

.section-body-content .item-slider-row {
    height: 16rem;
}

.section-body-content .item-slider-row .image-box {
    width: 22rem;
}

.section-body-content .item-slider-row .content-box {
    width: calc(100% - 22rem);
}

.section-body-content .item-slider-row .content-box .title-gift h4 {
    width: 100%;
    line-height: 23px;
}

.section-body-content .item-slider-row .image-box {
    height: 13rem;
}

.description-short{
    color: grey;
    font-size: 12px !important;
}

.post-module__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px; /* فاصله بین برچسب‌ها */
    margin-top: 10px;
    font-size: 14px;

}

.post-module__tags--title {
    margin-right: 10px;
    font-weight: bold;
    color: #333;
}

.post-tag {
    display: inline-block;
    padding: 5px 12px;
    background-color: #f0f0f0; /* رنگ پس‌زمینه */
    border-radius: 12px; /* گوشه‌های گرد */
    text-decoration: none;
    color: #555; /* رنگ متن */
    font-size: 14px;
    transition: all 0.3s ease; /* انیمیشن هنگام هاور */
}

.post-tag:hover {
    background-color: #e0e0e0; /* تغییر رنگ هنگام هاور */
    color: #000;
}



@media (max-width:330px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }
}

@media (max-width:991px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    header {
        height: auto;
        line-height: inherit;
        padding-bottom: 5px;
    }

    header .logo-box-mob {
        width: 8.5rem;
        height: 6.5rem;
        position: absolute;
        top: 20px;
    }

    header .logo-box-mob img {
        width: 100%;
        height: auto;
    }
	
	.nav-header div:nth-child(2) div:nth-child(1) {
      margin-left:0 !important;
    }
	
	.nav-header div:nth-child(2) div:nth-child(1) a{
	  padding:0 !important;
	}
	
	.nav-header div:nth-child(2) >  div:nth-child(2) {
      display: none !important;
    }

    .section-FAQ-image-box .contacts-box p {
        width: 100%;
    }

    .search-box-base .search-container .search-bar {
        top: 2px;
        height: 4rem;
    }

    .search-box-base .search-container i.close-search {
        top: 0;
        left: 0;
    }

    header .menu-admin {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    header .menu-admin a {
        font-size: 12px;
    }

    div#search-results {
        top: 45px;
    }

    div#search-results .row div {
        margin-bottom: 10px !important;
    }

    div#search-results label {
        font-size: 12px !important;
    }

    div#search-results ul li a {
        font-size: 1.1rem !important;
    }

    .mainsliderbox-section {
        height: 45rem;
        max-height: max-content;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item {
        height: 30rem;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item img.hide-mob {
        display: block !important;
    }

    .owl-carousel .owl-nav button.owl-next {
        height: 45px;
        font-size: 15px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        height: 45px;
        font-size: 15px;
    }

    .features-box .features-item {
        margin-bottom: 15px;
    }

    .amazing-offers-slider .amazing-offers-item .image-box {
        width: 100%;
        height: auto;
        border: 1px solid #bdbdbd;
    }

    .title-box {
        padding: 10px !important;
    }

    .title-box .title {
        font-size: 13px !important;
    }

    .title-box .see-all {
        font-size: 12px !important;
    }

    .amazing-offers-slider .amazing-offers-item .timer {
        font-size: 12px !important;
    }

    .amazing-offers-slider .amazing-offers-item .content-box .title h4 {
        font-size: 1.2rem !important;
    }

    .amazing-offers-slider.owl-carousel .owl-nav button.owl-prev,
    .amazing-offers-slider.owl-carousel .owl-nav button.owl-next {
        top: 22%;
    }

    .section-amazing-offers {
        padding-bottom: 0rem;
    }

    .section-slider-vertical {
        padding-bottom: 0;
    }

    .amazing-offers-slider .amazing-offers-item {
        height: auto;
    }

    .item-slider-row {
        margin-bottom: 15px;
    }

    .list-slider-vertical.owl-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .list-slider-vertical.owl-carousel .owl-nav button.owl-prev {
        top: 42%;
    }

    .image-description-box {
        padding-bottom: 15px;
        height: auto;
    }

    .image-description-box .image-box {
        position: inherit !important;
    }

    .image-description-box .image-box img {
        width: 100%;
    }

    .image-description-box .description-box {
        margin-top: 25px;
        height: auto;
        justify-content: inherit;
    }

    .image-description-box .description-box .title {
        font-size: 16px !important;
    }

    .image-description-box .description-box .description {
        font-size: 12px !important;
        margin-top: 10px !important;
        line-height: 20px;
        margin-bottom: 10px !important;
    }

    .image-description-box .description-box .buy-btn {
        font-size: 10px !important;
        width: 11rem;
    }

    .features-box {
        padding: 25px 0 25px 0;
    }


    .features-box .features-item .title-features {
        font-size: 1.4rem !important;
    }

    .features-box .features-item .text-content {
        line-height: 16px;
        font-size: 1.2rem !important;
    }

    .section-article-box .article-list .article-item {
        width: auto;
        border: 1px solid #e2e2e1;
    }

    .article-item .image-box {
        width: auto;
        height: auto;
    }

    .article-item .image-box img {
        width: 100%;
        height: 100%;
    }

    .page-articlelist .article-item .content-box {
        width: calc(100% - 17rem);
    }

    .section-article-box {
        padding-bottom: 20px;
    }

    .article-item .title {
        line-height: 16px;
        font-size: 1.1rem !important;
    }

    .article-item .data-article {
        font-size: 1rem !important;
    }

    .article-item .btm-more {
        font-size: 1rem !important;
    }

    .section-FAQ-image-box .image-box {
        position: inherit;
    }

    .section-FAQ-image-box .image-box img {
        height: auto;
        width: 100%;
    }

    .FAQ-box .accordion-item .accordion-header .accordion-button {
        font-size: 12px;
        height: 5rem;
        line-height: 19px;
    }

    .FAQ-box .accordion-item .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }

    .FAQ-box .contacts-box {
        flex-direction: column;
        align-items: baseline;
    }

    .FAQ-box .contacts-box .number-phone a,
    .FAQ-box .contacts-box p {
        font-size: 14px !important;
    }

    .section-FAQ-image-box .btn-faq {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        font-size: 11px !important;
        padding: 10px 15px !important;
    }

    .section-FAQ-image-box {
        padding-bottom: 1.5rem;
    }

    .section-FAQ-image-box .col-xl-3,
    .section-FAQ-image-box .col-xl-9 {
        padding: 5px !important;
    }

    footer {
        padding-bottom: 0 !important;
    }

    footer .logo-box {
        width: 11rem;
        height: 8rem;
    }

    footer .col-12.col-xl-3,
    footer .col-12.col-xl-2,
    footer .col-12.col-xl-4 {
        margin-bottom: 30px;
    }

    .login-page .logo img {
        width: 75%;
    }

    .back-to-top {
        height: 3rem;
        font-size: 10px;
        padding: 0 12px;
    }

    /* ----------------------#filters----------------------- */
    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .page-productlist .product-item {
        width: 48%;
        height: auto;
        margin-bottom: 15px;
    }

    .cart-box {
        padding: 5px 10px !important;
    }

    .cart-box i {
        font-size: 1.2rem !important;
    }

    .page-productlist .product-item .real-price {
        font-size: 1.4rem !important;
    }

    .sort-bar-box {
        flex-direction: column;
        height: auto;
        align-items: self-start !important;
        padding-bottom: 15px;
    }

    .order-by-box {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        width: max-content;
    }

    .page-breadcrumb ::-webkit-scrollbar-thumb {
        display: none;
        background-color: transparent;
    }

    .page-articlelist .article-item {
        width: 100%;
        border: 1px solid #e2e2e1;
        margin-bottom: 10px;
        align-items: center;
    }

    .app-paging {
        justify-content: center !important;
    }
	
	.blog .single-blog-page{
	   padding: 1rem !important;
	}

    .blog .single-blog-page .header-box {
	  flex-direction: column;
      top: 75px;
	  padding-top: 1rem !important;
	  padding-bottom: 5rem !important;
    }
	
	.blog .single-blog-page .header-box .study-time{
	   height: auto;
       padding:5px 0;
	}
	
	.blog .single-blog-page .header-box .study-time .number-article{
		flex-direction: column;
        align-items: start !important;
	}
	

    .blog .single-blog-page .header-box .name-blog-fa {
        font-size: 15px !important;
        line-height: 25px;
    }

    .blog .single-blog-page .article-abstract-box {
        flex-direction: column;
    }

    .blog .single-blog-page .article-abstract-box .image-blog {
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .blog .single-blog-page .article-abstract-box .article-abstract-text {
        width: 100%;
        padding: 15px 0 0 0 !important;
    }

   .blog .single-blog-page .article-abstract-box .article-abstract-text span {
        font-size: 14px !important;
    }

    .blog .single-blog-page .article-abstract-box .article-abstract-text p {
        font-size: 14px !important;
        line-height: 25px;
    }
	
    .description-box h2,
	.blog .blog-content h2{
	  font-size: 17px !important;
	}
	
	    .description-box h3,
	.blog .blog-content h3{
	  font-size: 16px !important;
	}
	
	    .description-box h4,
	.blog .blog-content h4{
	  font-size: 15px !important;
	}
	
	.description-box h2,
    .description-box h3,
	.description-box h4,
	.blog .blog-content h2,
	.blog .blog-content h3,
	.blog .blog-content h4 {
      color:#550a07;
      line-height: 1.5;
      font-weight: bold !important;
      margin-bottom: 10px !important;
   }

    .blog .blog-content p {
        font-size: 1.4rem;
        line-height: 1.7;
        text-align: justify !important;
		
    }

    .blog .blog-content ol li {
                font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .blog .blog-content ul li {
                font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .contant-page .title-address {
        font-size: 17px !important;
    }

    .address-contact-box {
        margin-bottom: 30px;
    }

    .address-contact-box .item-address {
        font-size: 13px !important;
    }

    .item-address,
    .number-contact-box .number-item {
        font-size: 15px !important;
    }

    /* Page Gift Card  */
    .basis-description-giftcard {
        flex-direction: column !important;
    }

    .description-giftcard-right {
        width: 100%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: inherit;
        top: 85px;
        height: auto;
        margin-bottom: 15px;
    }

    .description-giftcard-left {
        width: 100%;
        padding-right: 0 !important;
    }

    .description-giftcard-left .description-box p {
        font-size: 14px;
        line-height: 30px;
    }

    .description-giftcard-left .description-box h1 {
        font-size: 18px !important;
        line-height: 32px;
    }

    .description-giftcard-left .tab-content-giftcard .nav-pills .nav-link {
        font-size: 11px;
    }

    .description-giftcard-left .tab-content-giftcard .nav-pills .nav-item {
        margin-bottom: 15px;
    }

    .description-giftcard-left .tab-content-giftcard .tab-content .price-dollar {
        font-size: 10px;
    }

    .description-giftcard-left .tab-content-giftcard .tab-content .short-description {
        position: inherit !important;
        font-size: 13px !important;
    }

    .section-giftcard .price-gift .btn-buy-online {
        border-radius: 10px !important;
    }

    .section-giftcard .price-gift .price-box {
        height: 4rem;
        margin-top: .5rem !important;
    }

    .section-giftcard .price-gift {
        position: fixed;
        top: inherit;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 999;
        padding: 15px;
        right: 0;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    }

    #createBtn {
        margin-top: 1rem !important;
    }

    .section-giftcard .price-gift .price-box .price-off-box .icon-badge-percent {
        right: 2%;
        top: 0px;
    }

    .features-list-gift .features-list-box {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .features-list .features-list-box .features-item {
        width: 10rem;
        margin-bottom: 30px;
    }

    .features-list .features-list-box .features-item .image-box {
        width: 6.5rem;
        height: 6.5rem;
    }

    .features-list .features-list-box .features-item .title {
        font-size: 11px !important;
    }

    .features-list {
        padding: 0;
    }

    /* ----------------------#filters----------------------- */
    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .page-productlist .product-item {
        width: 48%;
        height: auto;
        margin-bottom: 15px;
    }

    .page-productlist .product-item .real-price {
        font-size: 1.4rem !important;
    }

    .sort-bar-box {
        flex-direction: column;
        height: auto;
        align-items: self-start !important;
        padding-bottom: 15px;
    }

    .order-by-box {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

    /* ---------------------------#filters------------------------------ */
    .sortbar-mob {
        width: 100%;
        height: 5rem;
        background-color: #c50d05;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
    }

    .sortbar-mob .sortbar-mob-box {
        border-right: 1px solid #fff;
        width: calc(100% - 25%);
    }

    .sortbar-mob form {
        width: 50%;
        font-size: 14px;
        background: #1897a1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sortbar-mob form .advanced-search {
        width: 100% !important;
        background-color: #1897a1 !important;
    }

    .page-sortbar-items {
        display: flex;
        padding: 0 20px;
    }


    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        width: max-content;
    }

    .page-breadcrumb nav::-webkit-scrollbar-thumb {
        display: none;
    }

    .name-list-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .section-productlist .page-productlist .item-last-package {
        width: 48%;
        background-color: #fff;
        margin-bottom: 15px;
    }



    .page-productlist {
        margin-top: 0 !important;
    }

    .section-productlist .list-last-packages a,
    .section-productlist .item-last-package .name-package a {
        font-size: 1.3rem;
        line-height: 18px;
        height: 4rem;
    }

    .cart-item-content {
        flex-direction: column;
    }

    .cart-item-content>span,
    .cart-item-content>div,
    .cart-item-content>a {
        margin-bottom: 10px;
    }

    .section-productlist .item-last-package .imag-box {
        width: 100%;
        height: auto;
        padding-bottom: 46px;
    }

    .locations-page .accordion-body {
        padding: 1rem 1.25rem;
        overflow: auto;
    }

    .locations-page .table {
        width: max-content;
    }

    .game-slider .game-item {
        height: 27rem;
    }

    .game-slider .game-item .title-game {
        height: 7rem;
        font-size: 12px;
        line-height: 19px;
        padding: 1rem !important;
    }

    .game-slider .game-item .image-box img {
        height: 100%;
    }

    .page-articlelist {
        margin-top: 0 !important;
    }

    .section-productlist .page-productlist .item-last-package>div {
        padding: 0.3rem !important;
    }

    .menu-userpanel {
        display: flex;
        flex-wrap: wrap;
    }

    .menu-userpanel .item-menu {
        font-size: 12px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 10px !important;
        text-align: center;
    }

    .body-userpanel .part-userpanel input {
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }

    .menu-userpanel .btn-info {
        line-height: 4rem;
    }

    .part-userpanel {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .body-userpanel .part-userpanel .filled-information-item .item-menu {
        margin-top: 5px;
    }

    .body-userpanel .part-userpanel .card-body .card-title-desc {
        line-height: 25px;
    }

    .description-box>div:not([class]) a,
    .blog .blog-content>div:not([class]) a {
        font-size: 1.3rem;
    }

    .description-box>div:not([class]) a,
    .blog .blog-content>div:not([class]) a {
        font-size: 1.3rem;
    }

    .description-giftcard-left .social-networks-box {
        flex-direction: column;
    }

    .description-giftcard-left .social-networks-box .social-networks {
        margin-top: 15px !important;
    }

    #CommentForm div {
        width: 100%;
    }

    .our-answer p {
        font-size: 13px;
        line-height: 25px;
    }

    .item-slider-row {
        height: 16rem;
    }

    .item-slider-row .image-box {
        height: auto;
        width: 17rem;
    }

    .item-slider-row .content-box {
        width: calc(100% - 17rem);
    }

    .item-slider-row .content-box .title-gift h4 {
        line-height: 19px;
    }

    .item-slider-row .content-box .description-short {
        line-height: 18px;
        font-size: 12px !important;
    }

    /* Start Add Cart  */
    .user-profile-list .nav-top {
        flex-direction: column;
        align-items: center !important;
    }

    .user-profile-list .nav-top .saved {
        margin-top: 15px;
    }

    .user-profile-list .nav-top .not-saved {
        margin-top: 15px;
    }

    .content-body {
        flex-direction: column;
    }

    .content-body .filled-information-item {
        width: 100% !important;
        display: flex;
        align-items: start !important;
        margin-bottom: 15px;
        background-color: #fff;
        padding: 15px;
    }

    .content-body .filled-information-item span:nth-child(2) {
        display: flex;
        justify-content: end;
        width: 100%;
    }

    .content-body .filled-information-item select,
    .content-body .filled-information-item input {
        width: 100%;
        margin-right: 0;
    }

    .saved-cart-list .saved-cart {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .saved-cart-list .saved-cart .btn-box {
        margin-top: 15px;
    }

    .add-cart-box {
        width: 100%;
        padding: 20px;
        flex-direction: column;
    }

    .add-cart-box .discrption-banks-box,
    .add-cart-box .form-add-cart {
        width: 100% !important;
    }

    .add-cart-box .form-add-cart {
        padding-left: 0 !important;
    }

    .add-cart-box .btn-box {
        margin-bottom: 15px;
    }

    .bank-list .image-box img {
        width: 100%;
        height: auto;
    }

    .bloglist-ul .article-item {
        width: 49%;
        margin-bottom: 10px;
    }

    .bloglist-ul .article-item .title-blog {
        line-height: 18px;
        font-size: 12px !important;
    }

    .section-nav-header {
        height: auto;
    }
	
	header .py-3.d-flex.justify-content-center.align-items-center{
	  padding-top: 0 !important;
      padding-bottom: 0 !important;
	}

    .grid-content-box .grid-content-item:first-child {
        width: 100%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(2) {
        width: 50%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(2) .content-box {
        padding-bottom: 20px;
    }

    .grid-content-box .grid-content-item:nth-child(3) {
        width: 50%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(4) {
        width: 50%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(5) {
        width: 50%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(6) {
        width: 50%;
        height: auto;
    }

    .grid-content-box .grid-content-item:nth-child(7) {
        width: 50%;
        height: auto;
    }

    .section-body-content .category-article .category-article-box {
        padding: 5px !important;
    }

    .section-body-content .item-slider-row {
        width: 49%;
        height: auto;
        flex-direction: column !important;
    }

    .section-body-content .item-slider-row .content-box {
        width: 100%;
        height: auto;
    }

	.section-body-content .item-slider-row .image-box{
	    width: 100%;
        height: auto;
        min-height: 12rem;
        border: 1px solid #d5cece;
        margin-left: 0 !important;
	}

    .section-body-content .item-slider-row .content-box .title-gift h4 {
        font-size: 11px !important;
        line-height: 15px;
    }

    .section-body-content .item-slider-row .content-box .description-short {
        font-size: 11px !important;
        line-height: 15px;
        text-align: justify;
    }

    .section-body-content .item-slider-row .content-box .title-gift {
        height: auto;
        padding-top: 5px;
    }
	
	.grid-content-box .grid-content-item:nth-child(2) h3,
	.grid-content-box .grid-content-item:nth-child(3) .content-box h3,
    .grid-content-box .grid-content-item:nth-child(4) .content-box h3,
    .grid-content-box .grid-content-item:nth-child(5) .content-box h3,
    .grid-content-box .grid-content-item:nth-child(6) .content-box h3,
    .grid-content-box .grid-content-item:nth-child(7) .content-box h3{
      font-size: 12px;
      line-height: 18px;
   }
	
	.grid-content-box .grid-content-item .content-box{
	  padding: 10px 10px !important;
	}
	
	.grid-content-box .grid-content-item:first-child h3{
	   padding-bottom: 10px;
	}
	
	footer .links-footer h3,
	footer .links-footer p {
     color: #fff;
     font-size: 11px;
     line-height: 22px;
  }
	
	.links-footer a{
	  font-size: 11px !important;
	}
	
	.bloglist-page{
	  margin-top: 0 !important;
	}

}

@media (min-width: 768px) and (max-width:991px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    .article-item .data-article {
        font-size: 1.2rem !important;
    }

    .article-item .title {
        line-height: 16px;
        font-size: 1.4rem !important;
    }

   .article-item .image-box {
        width: 100%;
        height: auto  !important;
    }

    .page-articlelist .article-item .content-box {
        width: calc(100% - 23rem);
    }

    .section-productlist .page-productlist .item-last-package {
        width: 32%;
        background-color: #fff;
        margin-bottom: 15px;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item img.hide-mob {
        display: block !important;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item img.hide-des {
        display: none !important;
    }
	
	
}

@media (min-width: 992px) and (max-width:1199px) {

    ul.nod-1>li>span,
    ul.nod-1>li>a {
        font-size: 11px;
    }


    .image-description-box .image-box {
        position: inherit !important;
    }

    .image-description-box .image-box img {
        width: 100%;
    }

    .image-description-box .description-box {
        justify-content: inherit;
        height: auto;
        margin-top: 25px;
    }

    .image-description-box .description-box .description {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .section-FAQ-image-box .image-box {
        display: none;
    }

    .mainsliderbox-section {
        height: auto;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
    }

    .owl-carousel .owl-nav button.owl-prev {
        height: 40px;
        font-size: 15px;
        top: 37%;
    }

    .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        font-size: 15px;
        top: 37%;
    }

    .features-box {
        padding: 30px 0 30px 0;
    }

    .features-box .features-item .image-box {
        width: 7.2rem;
        height: 7.2rem;
    }

    .features-box .features-item .title-features {
        font-size: 15px !important;
    }

    .features-box .features-item .text-content {
        font-size: 11px !important;
        line-height: 15px;
    }

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

    .title-box a {
        font-size: 12px !important;
    }

    .amazing-offers-slider .amazing-offers-item .image-box {
        width: auto;
        height: auto;
    }

    .section-amazing-offers {
        padding-bottom: 0;
    }

    .amazing-offers-slider .amazing-offers-item .content-box .title h4 {
        font-size: 1.4rem !important;
    }

    .title-gift h4 {
        font-size: 14px !important;
    }

    .item-slider-row .image-box {
        width: 7rem;
        height: 7rem;
    }

    .item-slider-row .content-box {
        width: calc(100% - 7rem);
    }


    .section-slider-vertical {
        padding-bottom: 0;
    }

    .section-FAQ-image-box .col-xl-3,
    .section-FAQ-image-box .col-xl-9 {
        padding: 5px !important;
    }

    .section-FAQ-image-box {
        padding-bottom: 15px;
    }

    .section-FAQ-image-box .btn-faq {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .section-article-box {
        padding-bottom: 15px;
    }

    footer .col-12.col-lg-6.col-xl-3 {
        margin-top: 30PX !important;
    }

    .page-articlelist .article-item {
        width: 100%;
    }

    .blog .single-blog-page .header-box .name-blog-fa {
        font-size: 17px !important;
        line-height: 25px;
    }

    .blog .single-blog-page .header-box {
        padding-top: 10px;
        justify-content: inherit !important;
        align-items: inherit !important;
    }

    .section-giftcard .price-gift {
        margin-top: 70px;
        background-color: #fff;
        padding: 20px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .section-productlist .page-productlist .item-last-package {
        width: 32%;
        background-color: #fff;
        margin-bottom: 15px;
    }

    .section-productlist .list-last-packages a,
    .section-productlist .item-last-package .name-package a {
        font-size: 1.3rem;
    }

    .game-slider .game-item {
        height: auto;
    }

    .game-slider .game-item .title-game {
        height: 7rem;
        font-size: 12px;
        line-height: 19px;
    }

    .section-productlist .item-last-package .imag-box {
        width: 100%;
        height: 26rem;
    }

    .section-productlist .page-productlist .item-last-package>div {
        padding: 6px !important;
    }

    /* Start Add Cart  */
    .content-body .filled-information-item select,
    .content-body .filled-information-item input {
        width: 100%;
    }

    .saved-cart-list .saved-cart {
        width: 49%;
        flex-direction: column;
        align-items: center;
    }

    .saved-cart-list .saved-cart .btn-box {
        margin-top: 15px;
    }

    .bank-list .image-box img {
        width: 100%;
        height: auto;
    }
	
	    .section-body-content .item-slider-row {
        width: 100%;
    }
	
	.bloglist-ul .article-item{
	      width: 32%;
	}
	
	.article-item .image-box {
    width: 100%;
    height: 13rem;
}
	
		.bloglist-ul .article-item .title-blog {
    line-height: 18px;
    font-size: 13px !important;
}
}

@media (min-width: 1200px) and (max-width: 1550px) {

    .mainsliderbox-section {
        height: auto;
    }

    .mainsliderbox-section .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
    }

    .owl-carousel .owl-nav button.owl-prev {
        height: 40px;
        font-size: 15px;
        top: 37%;
    }

    .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        font-size: 15px;
        top: 37%;
    }

    .features-box {
        padding: 30px 0 30px 0;
    }

    .features-box .features-item .image-box {
        width: 7.2rem;
        height: 7.2rem;
    }

    .features-box .features-item .title-features {
        font-size: 15px !important;
    }

    .features-box .features-item .text-content {
        font-size: 11px !important;
        line-height: 15px;
    }

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

    .title-box a {
        font-size: 12px !important;
    }

    .amazing-offers-slider .amazing-offers-item .image-box {
        width: auto;
        height: auto;
    }

    .section-amazing-offers {
        padding-bottom: 0;
    }

    .amazing-offers-slider .amazing-offers-item .content-box .title h4 {
        font-size: 1.4rem !important;
    }

    .title-gift h4 {
        font-size: 14px !important;
    }

    .section-slider-vertical {
        padding-bottom: 0;
    }

    .section-FAQ-image-box .col-xl-3,
    .section-FAQ-image-box .col-xl-9 {
        padding: 5px !important;
    }

    .section-FAQ-image-box {
        padding-bottom: 15px;
    }

    .section-FAQ-image-box .btn-faq {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .section-article-box {
        padding-bottom: 15px;
    }

    footer .col-12.col-lg-6.col-xl-3 {
        margin-top: 30px !important;
    }

    .image-description-box .image-box img {
        width: 100%;
    }

    .image-description-box .image-box {
        top: 58px;
    }

    .page-articlelist .article-item {
        width: 49%;
    }

    .blog .single-blog-page .header-box .name-blog-fa {
        font-size: 20px !important;
        line-height: 25px;
    }

    .blog .single-blog-page .header-box {
        padding-top: 10px;
        justify-content: inherit !important;
        align-items: inherit !important;
    }

    .description-giftcard-right .imge-box {
        width: auto;
        height: auto;
    }

    .section-FAQ-image-box .image-box {
        bottom: 2rem;
    }

    .section-productlist .list-last-packages a,
    .section-productlist .item-last-package .name-package a {
        font-size: 1.3rem;
    }

    .section-productlist .item-last-package .imag-box {
        width: 100%;
        height: auto;
        padding-bottom: 60px;
    }

    .section-productlist .page-productlist .item-last-package>div {
        padding: 5px !important;
    }


    .blog .single-blog-page .article-abstract-box .image-blog {
        height: auto;
        max-height: auto;
    }

    .blog .single-blog-page .article-abstract-box .article-abstract-text {
        padding: 1rem 2rem .5rem 1rem !important;
    }

    .bank-list .image-box img {
        width: 100%;
        height: auto;
    }
	
	.grid-content-box .grid-content-item:first-child,
	.grid-content-box .grid-content-item:nth-child(2){
	      height: 35rem;
	}
	
	.grid-content-box .grid-content-item:nth-child(3),
	.grid-content-box .grid-content-item:nth-child(4),
	.grid-content-box .grid-content-item:nth-child(5),
	.grid-content-box .grid-content-item:nth-child(6),
	.grid-content-box .grid-content-item:nth-child(7){
	  height: 14rem;
	}
	
	.section-body-content .item-slider-row {
        width: 100%;
		margin-bottom: 15px;
   }
	
	.widget-blog .widget-blog-list li .image-box{
	  width: 8rem;
     height: 5rem;
	}
	
	.widget-blog .widget-blog-list li .title-and-deta{
	      width: calc(100% - 8rem);
	}
	
	footer .links-footer h3, footer .links-footer p{
	      font-size: 11px;
	}
	
	.links-footer .links-item{
	  font-size: 11px !important;
	}
	
	.article-item .image-box {
      height: 14rem;
    }
	
	.bloglist-ul .article-item .title-blog {
    line-height: 18px;
    font-size: 13px !important;
}
}