* {
    padding: 0px;
    margin: 0px;
}
html,body{height: 100%;}
:root {
    --bs-Body-bg:white;
    --bs-c-label:black;
    --bs-NAV-bg:#E8E8E8;
    --bs-navbar-toggler:#5C4DB1;
    --bs-headerShare-bg:#E8E8E8;
    --bs-headerShare-color:black;
    --bs-Bg:#FFFFFF;
    --bs-icon-color:#5C4DB1;
    --bs-Logo-color:#5C4DB1;
    --bs-MobileMode-color:#5C4DB1;
    --bs-Bg-Card:#FFFFFF;
    --bs-Btn-Card:#5C4DB1;
    --bs-Btn-follow:#5C4DB1;
    --bs-card-des:black;
    --bs-Like-Card:#EC4545;
    --bs-UnLike-Card:black;
    --bs-classfications-color:black;
    --bs-PostAd-bg:#F2F2F2;
    --bs-TermUsed:black;
    --bs-PostAd-title:#5C4DB1;
    --bs-PostAd-img-bg:white;
    --bs-PostAd-img:white;
    --bs-PostAd-img-text:#5C4DB1;
    --bs-PostAd-Btn-text:white;
    --bs-PostAd-Btn-bg:#5C4DB1;
    --bs-packages-bg-item:white;
    --bs-packages-border-item:#5C4DB1;
    --bs-packages-hover-item:#5C4DB1;
    --bs-packages-color-Quentity:#5C4DB1;
    --bs-Fixed-color-price:#5C4DB1;
    --bs-content-2:#F2F2F2;
    --bs-color-head:black;
    --bs-PaymentWay-boder:white;
    --bs-PaymentWay-bg:#5C4DB1;
    --bs-PaymentWay-hover:#5C4DB1;
    --bs-detail-color:black;
    --bs-special-color:#5C4DB1;
    --bs-phone-color:white;
    --bs-chat-bg:#E8E8E8;
    --bs-chat-box-bg:#E8E8E8;
    --bs-activeChat-bg:#5C4DB1;
    --bs-profile-bg:#F2F2F2;
    --bs-profile-pro-bg:#F2F2F2;
    --bs-btnFollow:#5C4DB1;
    --bs-info:black;
    --bs-btnFollow-color:#5C4DB1;
    --bs-btnFollow-color-hover:white;
    --bs-card-c:black;
    --bs-card-bg:white;
    --bs-dropdown-bg:white;
    --bs-border:rgba(51, 51, 51, 0.2);
    --bs-txt:rgba(51, 51, 51, 1);
    --bs-send:#1FB5EB;
    --bs-document:#333333;
    --bs-describe:black;
    --bs-header-Describe:#F4F4F4;
    --bs-header-Describe-c:black;
    --bs-pagination-c:black;
    --bs-pagination-Active-c:#5C4DB1;

    --bs-footer-Bg:#5C4DB1;
    --bs-color-btn:white;
    --bs-Defult-bgmode:#000000;
    --bs-Defult-Color:#5C4DB1;
    --bs-Nav-Bottom:#555555;
    --bs-Orange:#EC4545;
    --bs-Btn-Nav:#5C4DB1;
}

html[data-theme='dark'] {
    --bs-Body-bg:black;
    --bs-c-label:white;
    --bs-NAV-bg:black;
    --bs-navbar-toggler:white;
    --bs-headerShare-bg:#5C4DB1;
    --bs-headerShare-color:white;
    --bs-Bg:#ECEBE4;
    --bs-icon-color:white;
    --bs-Bg-Card:#5C4DB1;
    --bs-Btn-Card:white;
    --bs-color-Card:white;
    --bs-classfications-bg:#ECEBE4;
    --bs-classfications-color:white;
    --bs-UnLike-Card:white;
    --bs-Logo-color:black;
    --bs-MobileMode-color:black;
    --bs-card-des:white;
    --bs-dropdown-bg:#ECEBE4;
    --bs-PostAd-bg:#5C4DB1;
    --bs-PostAd-title:black;
    --bs-PostAd-Btn-bg:white;
    --bs-PostAd-Btn-text:#5C4DB1;
    --bs-chat-box-bg:#5C4DB1;
    --bs-border:white;
    --bs-txt:var(--bs-border);
    --bs-send:white;
    --bs-document:rgba(255,255,255,0.2);
    --bs-describe:white;
    --bs-detail-color:white;
    --bs-header-Describe:#ECEBE4;
    --bs-header-Describe-c:black;
    --bs-Btn-follow:#5C4DB1;
    --bs-profile-bg:#5C4DB1;
    --bs-profile-pro-bg:#F2F2F2;
    --bs-btnFollow:white;
    --bs-btnFollow-color:white;
    --bs-btnFollow-color-hover:#5C4DB1;
    --bs-info:white;
    --bs-TermUsed:white;
    --bs-content-2:black;
    --bs-color-head:white;
    --bs-card-c:white;
    --bs-card-bg:#5C4DB1;
    --bs-pagination-c:white;
    --bs-pagination-Active-c:#5C4DB1;
}

#CountryContainer{
    width: 20%;
    background-color: #E0E0E0;
    text-align: end;
    padding: 10pt 10pt;
    border-end-end-radius: 8pt;
    border-start-end-radius: 8pt;
    border: 1px solid #ced4da;
    border-right: 0px;
    cursor: pointer;
}
#CountryContainer .imgItem{
    widows: 23px;
    height: 17px;
}
#CountryDropDown{
    width: 100px;
    background-color: white;
    color: #6e6e6e;
    border: 1px solid #ced4da;
    bottom: -130px;
    max-height: 130px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 8pt;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#CountryDropDown .CountryItemDropDown{
    cursor: pointer;
    font-size: 11pt;
    border-bottom: 1px solid #ced4da;
}
#CountryDropDown.activeDrop{
    opacity: 1;
    visibility: visible;
}
body {
    scroll-behavior: smooth;
    background-color: var(--bs-Body-bg);
}

/* Drop Down Web */
.navClass .dropstart .dropdown-toggle {
    color: #6b6b6b;
    margin-left: 1em;
}
.navClass .dropdown-item:hover {
    background-color: rgb(235, 235, 235);
}
.navClass .dropdown .dropdown-menu {
    display: none;
    padding: 0px;
    border: 0px;
}
.navClass .dropdown:hover > .dropdown-menu,
.navClass .dropstart:hover > .dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
}
.dropstart .dropdown-toggle::before{display: none;}
.navClass .dropdown-item {
    border-bottom: 1px solid rgb(235, 235, 235) !important;
    color: #6b6b6b;
}

/**/
.delEffect{outline: none !important; box-shadow: none !important;}
.dropdown-toggle::after{display: none;}
.bg-none{background: none;}
.headerShare{background: var(--bs-headerShare-bg);border-radius: 10pt;color: var(--bs-headerShare-color);}
.headerShare .navgation {font-size: 15pt;}
.headerShare .navgation a {font-size: 15pt;color: var(--bs-headerShare-color);}
.headerShare .navgation i {color: var(--bs-headerShare-color);}
.headerShare .navgation a span {font-size: 10pt;position: relative;top: -5px;}
.fixedMarg{margin-bottom: 30pt;}
.sub-content{margin-top: 50px;margin-bottom: 50px;}
.sub-content-2{padding-top: 100px;padding-bottom: 70px;}
.contentSubscribe{background-color: var(--bs-content-2);}
.contentSubscribe h2{color: var(--bs-color-head);}


/*Top-Navbar Style*/
#navbar-toggler i{color: var(--bs-navbar-toggler);}
.Top-Navbar {background-color: var(--bs-NAV-bg);}
.Top-Navbar .navbar-brand svg path{
    fill: var(--bs-icon-color);

}
.NavBottom .Logo svg path{
    fill: var(--bs-Logo-color);

}
.Top-Navbar .navbar-nav .Search{
    width: 350pt;
    background: none;
    border: none;
    font-size: 15pt;
}
.Top-Navbar .navbar-nav .SearchSec {
    background: var(--bs-Bg);
    padding: 0pt 20pt;
    border-radius: 25pt;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.Top-Navbar .NavTopItems .navbar-nav .dropdownUser img {
    width: 35pt;
    height: 35pt;
    border-radius: 50px;
    border: 1px solid white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.Top-Navbar .NavTopItems .navbar-nav svg path {fill: var(--bs-icon-color);}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu {
    width: 380px;padding: 5pt;
    height: 312px;overflow-y: auto;
    border-radius: 15pt;
    top: 60px;
    background-color: var(--bs-dropdown-bg);
}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu .dropdown-item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);padding: 5pt 7pt;
    border-top-left-radius: 5pt;
    border-top-right-radius: 5pt;
}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu .TypeNotifiction {
    position: absolute;
    width: 25px;height: 25px;
    background-color: #EC4545;
    bottom: -5px;
    border-radius: 50%;
}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu .TypeNotifiction.chat{background-color: #5C4DB1;}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu .TypeNotifiction i{font-size: 10pt;}
.Top-Navbar .NavTopItems .navbar-nav .dropdown .dropdown-menu img {
    width: 60px;
    height: 60px;
    border-radius: 8pt;
}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-menu span {font-size: 11pt;}
.Top-Navbar .NavTopItems .navbar-nav .dropdownSpecial .dropdown-toggle span{font-size: 8px;}
/*New*/
.Top-Navbar .navbar-nav .nav-item .favorite i {color: var(--bs-icon-color);font-size: 17pt;}
.Top-Navbar .navbar-nav .nav-item .favorite span {font-size: 8px;}

.ChangeMode i{font-size: 17pt;color: var(--bs-icon-color);}
.ChangeModeMobile i{font-size: 15pt;color: var(--bs-MobileMode-color);}
.NavBottom .favorite i {font-size: 15pt;color: var(--bs-MobileMode-color);}
.NavBottom .favorite span {font-size: 6pt;}
#CloseNavBar {font-size: 15pt;color: #EC4545;}
.NavBottom{background-color: var(--bs-Bg);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.NavBottom .Items {margin-right: 150pt;}
.NavBottom .Items .nav-link.active{color: var(--bs-Defult-Color);}
.NavBottom .Items .nav-link{
    margin-left: 50px;font-size: 13pt;color: var(--bs-Nav-Bottom);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.NavBottom .Items .nav-link:hover{color: var(--bs-Defult-Color);}
.NavBottom .AddBtn{
    font-size: 11pt;background-color: var(--bs-Defult-Color);
    color: var(--bs-color-btn);padding: 7pt 14pt;border-radius: 8pt;
    border: 1px solid var(--bs-Defult-Color);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.NavBottom .AddBtn:hover {
    color: var(--bs-Btn-Nav);
    background-color: var(--bs-color-btn);
}
/* Slider Section */
.Slider .owl-dots {position: relative;top: -35pt;margin: 0;}
.Slider .owl-dots .active span{
    background: var(--bs-Defult-bgmode) !important;
    width: 13pt;
    height: 13pt;
}
.Slider .owl-dots span{
    background: rgba(0, 0, 0, 0.2) !important;
    margin: 2px 2px !important;
}

/* classfication Style*/

.classfications .item .classficationImg {
    height: 100pt;
    border-radius: 15pt;
    margin-bottom: 15pt;
}

.classfications .item .classficationImg svg{
    width: 25%;
    height: auto;
}
.classfications .item p{color: var(--bs-classfications-color);font-size: 11pt;}
/* BigAdds Style */
.BigAdds .Add{
    height: 300pt;
    background: #222D39;
    border-radius: 15pt;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 110% 110%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


/* AddsItems Style */
.AddsItems .AddsItem {padding-left: 5pt;padding-right: 5pt;}
.AddsItems .AddsItem:last-child {padding-left: 0.7rem}
.AddsItems .AddsItem:first-child {padding-right: 0.7rem}
.AddsItems .owl-carousel .owl-stage{padding-bottom: 10px}
.AddsItems .owl-carousel .owl-stage .owl-item .item{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.cardShare {
    border-radius: 12pt;background-color:var(--bs-Bg-Card);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    top: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.cardShare:hover {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);top: 5px;}
.cardShare .Liked {
    color: var(--bs-Like-Card);
}
.cardShare .UnLiked{
    color: var(--bs-UnLike-Card);
}
.cardShare .NameAdd i{font-size: 15pt;}
.cardShare .card-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    border-radius: 12pt;
}
.cardShare .card-img1{height: 250px;}
.cardShare .card-img2{height: 350px;}
.cardShare .card-img .IconAdd{
    left: 5pt;
    top: 5pt;
    border-radius: 50pt;
    display: flex;align-items: center;justify-content: center;
    width: 22pt;
    height: 22pt;
    background-color: var(--bs-Orange);
}
.cardShare .AddDetails a svg path {fill: var(--bs-Btn-Card);}
.cardShare .AddDescribe p,.cardShare .NameAdd {color: var(--bs-card-des);}
.cardShare .NameAdd{font-size: 11pt;height: 40px;overflow: hidden;}
.cardShare .NameAdd p{width: 90%}
.cardShare .AddDescribe1{font-size: 9pt;width: 95%;line-height: 17pt;height: 46px;overflow: hidden;}
.cardShare .AddDescribe2{font-size: 13pt;width: 95%;line-height: 25pt;height: 66px;overflow: hidden;}
.cardShare .AddDetails span{
    padding: 5pt 10pt;
    border: 1px solid var(--bs-Btn-Card);
    text-align: center;
    color: var(--bs-Btn-Card);
    border-radius: 5pt;
}
.cardShare .AddDetails1 span {
    width: 90pt;
}
.cardShare .AddDetails2 span{
    width: 130pt;
    font-size: 17pt;
}

/* PostAd Style*/
.PostAd{
    background-color: var(--bs-PostAd-bg);
    padding: 25pt 20pt;
    border-radius: 20pt;
}
.PostAd .ImgDisplay {margin-top: 20px;flex-wrap: wrap;}
.PostAd .ImgDisplay .image {
    position: relative;margin-left: 10px;
    border: 2px solid white;border-radius: 8pt;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
}
.PostAd .ImgDisplay .image img,
.PostAd .ImgDisplay .image video {width: 100px;height: 100px;border-radius: 8pt;}
.PostAd .ImgDisplay .image span {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: red;
    top: 5px;right: 5px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.PostAd h6{color: var(--bs-PostAd-title);}
.PostAd .ItemAd label{font-size: 10pt;}
.PostAd .ItemAd .form-control{font-size: 10pt;background-color: white;}
.PostAd .ItemAd input,select{height: 35pt;}
.PostAd .ItemAd .tt-select {
    position: relative;
    height: auto;
    padding: 0px;
    text-align: left;
}
.PostAd .ItemAd .tt-select select {
    display: none;
}
.PostAd .ItemAd .select-selected {
    background-color: white;
    color: rgba(0, 0, 0, 0.8) !important;
    position: relative;
    font-size: 11pt;
}
.PostAd .ItemAd .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.PostAd .ItemAd .select-selected:before {
    position: absolute;
    content: "";
    top: 18px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: transparent transparent #000000 transparent;
    transform: rotate(180deg);
}
.PostAd .ItemAd .select-selected.select-arrow-active:before {
    border: none;
}
.PostAd .ItemAd .select-selected.select-arrow-active:after {
    border-color: transparent transparent #000000 transparent;
    top: 10px;
}
.PostAd .ItemAd .select-selected{
    padding: 12px 16px;
    border-radius: 5px;
    text-align: right;
    border: 1px solid #ced4da;
}
.PostAd .ItemAd .select-items div {
    color: black;
    padding: 12px 20px;
    cursor: pointer;
    border-radius: 10px;
    text-align: right;
}
.PostAd .ItemAd .select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    z-index: 99;
    width: 40%;
    font-size: 10pt;
    border-radius: 10px;
}
.PostAd .ItemAd .select-hide {
    display: none;
}
.PostAd .ItemAd .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    color: #5C4DB1 !important;
}
.PostAd .ItemAd button[type=submit]{
    background-color: var(--bs-PostAd-Btn-bg);
    border: 1px solid var(--bs-PostAd-Btn-bg);
    color: var(--bs-PostAd-Btn-text);
    width: 150px;
    width: 250px;
    padding: 10pt 5pt;
    font-size: 15pt;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.PostAd .ItemAd button[type=submit]:hover {
    background-color: var(--bs-PostAd-Btn-text);
    color: var(--bs-PostAd-Btn-bg);
}

.StyledAddImgs{
    width: 100px;
    height: 100px;
    background-color: var(--bs-PostAd-img-bg);
    border-radius: 5pt;
}
.StyledAddImgs label{
    width: 100%;height: 100%;
    cursor: pointer;margin: auto;
    border: 2px dashed var(--bs-PostAd-img-text);border-radius: 5pt;
    color: var(--bs-PostAd-img-text);
    font-size: 13pt !important;
}
.StyledAddImgs label i{font-size: 20pt !important;}


/*TermsUse Style*/
.TermsUse{
    background-color: var(--bs-PostAd-bg);
    color: var(--bs-TermUsed);
    padding: 40pt 40pt;
    border-radius: 20pt;
}
.TermsUse p {
    line-height: 30pt;
}
/* packages Style*/
.packages .packagesItems label .packagesItem,
.FixedAdd .FixedAddItems label .packagesItem{

    background-color: var(--bs-packages-bg-item);
    color: #000000;
    border: 1px solid var(--bs-packages-border-item);
    padding: 30pt 0pt;
    border-radius: 5pt;
    cursor: pointer;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.16);
}
.packages .packagesItems label{width: 100%;}
.packages .packagesItems label .packagesItem .Quentity{color: var(--bs-packages-color-Quentity);font-size: 30pt;}
.packages .packagesItems label .packagesItem .describe{line-height: 30pt;}
.packages .packagesItems label .packagesItem .price,
.FixedAdd .FixedAddItems label .packagesItem .price{font-size: 30pt;}
.packages .packagesItems label .packagesItem .price span,
.FixedAdd .FixedAddItems label .packagesItem .price span{font-size: 15pt;}
.packages .packagesItems .packagesItem:hover,
.FixedAdd .FixedAddItems label .packagesItem:hover {
    background-color: var(--bs-packages-hover-item);
    color: white;
}
.packages .packagesItems .packagesItem:hover .Quentity,
.FixedAdd .FixedAddItems label .packagesItem:hover .price{color: white;}
input:checked + label>.packagesItem{
    background-color: var(--bs-packages-hover-item) !important;
    color: white !important;
}
input:checked + label>.packagesItem .Quentity,
input:checked + label>.packagesItem .price{
    color: white !important;
}
.FixedAdd .FixedAddItems label .packagesItem h5{line-height: 35pt;}
.FixedAdd .FixedAddItems label .packagesItem .price{color: var(--bs-Fixed-color-price);}

.PaymentWay .PaymentWayItems label .PaymentWayItem{
    padding: 30pt 10pt;
    background: white;
    border: 2px solid var(--bs-PaymentWay-boder);
    border-radius: 10pt;
    cursor: pointer;
    transition:all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.PaymentWay .PaymentWayItems label .PaymentWayItem img{height: 75px;width: auto !important;}
.PaymentWay .PaymentWayItems label .PaymentWayItem:hover{border: 2px solid var(--bs-PaymentWay-hover);}
input:checked + label > .PaymentWayItem {
    border: 2px solid var(--bs-PaymentWay-hover) !important;
}
.contentSubscribe .submitBtn button {
    background-color: var(--bs-PostAd-Btn-bg);
    border: 1px solid var(--bs-PostAd-Btn-bg);
    color: var(--bs-PostAd-Btn-text);
    width: 350px;
    padding: 8pt 5pt;
    font-size: 14pt;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.contentSubscribe .submitBtn button:hover{
    background-color: var(--bs-PostAd-Btn-text);
    color: var(--bs-PostAd-Btn-bg);
}

/* DetailsProduct Style */
.DetailsProduct .SliderImgProduct .item {
    height: 550px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border-radius: 30pt;
}
.DetailsProduct .LikeProduct {
    width: 50px;
    height: 50px;
    top: 20px;
    right: 35px;
    background-color: white;
    color: var(--bs-Like-Card);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50px;
    z-index: 2;

}
.DetailsProduct .LikeProduct i{font-size: 18pt;}
.DetailsProduct .TopDetail {color: var(--bs-detail-color);}
.DetailsProduct .TopDetail small span{color: var(--bs-special-color);}
.DetailsProduct .TopDetail .price{
    width: 150px;
    border: 1px solid var(--bs-Btn-Card);
    padding: 8pt 0pt;
    border-radius: 6pt;
    font-size: 14pt;
    color: var(--bs-Btn-Card);
}
.DetailsProduct .describeProduct {
    width: 95%;
    font-size: 13pt;
    line-height: 25pt;
    color: var(--bs-describe);
}
.DetailsProduct .DataContact .PhoneCon {margin-top: 30px;margin-bottom: 30px;}
.DetailsProduct .DataContact .Phone{
    border: 1px solid #5C4DB1;;
    color: var(--bs-phone-color);
    background-color: #5C4DB1;;
    padding: 5pt 35pt;
    padding: 7pt 35pt;
    font-size: 17pt;
    border-radius: 10pt;
    box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.16);
}
.DetailsProduct .DataContact .Phone span{direction: ltr;}
.DetailsProduct .DataContact .SocialLinks a{
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50px;
    font-size: 18pt;
}
.DetailsProduct .FollowUser {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 10pt 20pt;
    border-radius: 15px;
    background-color: white;
}
.DetailsProduct .FollowUser .Img-User img{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 2px solid white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.DetailsProduct .FollowUser .Img-User span {font-size: 14pt;color: #000000;}
.DetailsProduct .FollowUser .BtnFollow button{
    font-size: 12pt;
    border: 1px solid var(--bs-Btn-follow);
    text-align: center;
    color: var(--bs-Btn-follow);
    border-radius: 5pt;
    padding: 5pt 15pt;
}
.DetailsProduct .SliderImgProduct .owl-dots{
    position: relative;
    top: -50px;
}
.DetailsProduct .SliderImgProduct .owl-dots .owl-dot span{display: none;}
.DetailsProduct .SliderImgProduct .owl-dots .owl-dot img{
    width: 85px;
    height: 85px;
    margin: 0px 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}


.description .descriptionDetails {
    width: 98%;
    color: var(--bs-describe);
}
.description .descriptionDetails .headerShare {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: var(--bs-header-Describe);
    color: var(--bs-header-Describe-c);
}

/* Chats Style */
.PersonMessages {background-color: var(--bs-chat-box-bg);}
.PersonChats {background-color: var(--bs-chat-bg);}
.PersonChats,.PersonMessages {
    border-radius: 15px;height: 550px;
    overflow-y: auto;
}
.PersonChats .personItem {
    cursor: pointer;
    padding: 15pt;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
}
.PersonChats .personItem.active{
    border-radius: 15px;
    border: none;
    background-color: var(--bs-activeChat-bg);
    color: white;
}
.PersonChats .personItem img,
.PersonMessages .PersonName img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.PersonChats .personItem .infoUser .messeage {width: 100px;height: 25px;overflow: hidden;}
.PersonMessages {padding: 15pt;}
.PersonMessages .PersonName {height: 10%;}
.PersonMessages .ChatSpace {
    height: 78%;
    overflow-y: auto;
}
.PersonMessages .ChatSpace .messageItem {
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
    padding: 15px 10px;
    width: 50%;
    border-radius: 8pt;
    font-size: 9pt;
}
.PersonMessages .ChatSpace .message_sent{background-color: white;}
.PersonMessages .ChatSpace .received_message{background-color: #B7F3C1;}
.PersonMessages .WriteMessage {height: 12%;}
.PersonMessages .WriteMessage {
    padding: 5px ;
}
.PersonMessages .WriteMessage .write{
    border: 1px solid var(--bs-border);
    border-radius: 5pt;
}
.PersonMessages .WriteMessage .write input{
    width: 85%;
    padding: 5px 10px;
    color: var(--bs-txt);
}
.PersonMessages .WriteMessage .write input::placeholder{color: var(--bs-txt) !important;}
.PersonMessages .WriteMessage .write button{font-size: 20pt;color: var(--bs-send);}
.PersonMessages .WriteMessage .write label i{font-size: 15pt;cursor: pointer;color: var(--bs-document);}
.PersonMessages .NewMessage h6{
    text-align: center;
    width: 40%;
    margin: auto;
    position: relative;
    top: -30px;
    background-color: var(--bs-chat-box-bg);
}

/* Profile Style */
.MyInfo {
    background-color: var(--bs-profile-bg);
    padding-bottom: 30px;
    border-radius: 10pt;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.EditPersonalData {
    border-radius: 10pt !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.EditPersonalData .ItemAd label p{font-size: 8pt;}
.MyInfo .MyInfoContainer {
    width: 60%;
    margin: auto;
}
.MyInfo .MyInfoContainer .MyData{
    padding-top: 25pt;
}
.MyInfo .MyInfoContainer .MyData .MyImg::before {
    content: url('../img/SVG/StyleIMg.svg');
    position: absolute;
    width: 150px;
    height: 150px;
    top: -15px;
    right: -38px;
}
.MyInfo .MyInfoContainer .MyData .MyImg{
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.MyInfo .MyInfoContainer .MyData .MyImg img{border-radius: 50%;height: 90%}
.MyInfo .MyInfoContainer .MyMainInfo {color: var(--bs-info);}
.MyInfo .MyInfoContainer .MyMainInfo .TopDiv .SocialLinks a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50px;
    font-size: 13pt;
}
.MyInfo .MyInfoContainer .MyMainInfo .MyDescribe {
    font-size: 10pt;
    line-height: 20pt;
}
.MyInfo .MyInfoContainer .MyMainInfo .EditMyData a,
.MyInfo .MyInfoContainer .MyMainInfo .SellerFollow button{
    color: var(--bs-btnFollow);
    font-size: 10pt;
    border: 1px solid var(--bs-btnFollow);
    padding: 10pt;
    color: var(--bs-btnFollow-color);
    border-radius: 10pt;
    transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
.MyInfo .MyInfoContainer .MyMainInfo .SellerFollow button{
    padding: 10px 50px;
}
.MyInfo .MyInfoContainer .MyMainInfo .EditMyData a:hover,
.MyInfo .MyInfoContainer .MyMainInfo .SellerFollow button:hover{
    color: var(--bs-btnFollow-color-hover);
    background-color: var(--bs-btnFollow);
}
.MyInfo .FollowData .DataItems{
    width: 45%;
    padding: 10pt 0pt;
    border-radius: 20pt;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* Profile Style*/
.MyProducts{
    background-color: var(--bs-profile-pro-bg);
    padding: 30px 15px;
    border-radius: 10pt;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-top: 20pt;
}

.MyProducts .ProductItem {
    background-color: var(--bs-card-bg);padding: 5pt 5pt 5pt 15pt;
    color: var(--bs-card-c);
    border-radius: 10pt;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.09);
}
.MyProducts .ProductItem .ImgProduct img{
    width: 150px;
    height: 150px;
    border-radius: 10pt;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.MyProducts .ProductItem .nameProduct{font-size: 18pt;}
.MyProducts .ProductItem .nameProduct i{font-size: 15pt;}

/* New */
.MyProducts .ProductItem .nameProduct i.favoriteIcon{color: #E86F52;}

.MyProducts .ProductItem .describeProduct p{
    font-size: 12pt;line-height: 20pt;
    height: 54px;overflow: hidden;
}
.MyProducts .MyProductsItem {margin-bottom: 8pt;}
.MyProducts .MyProductsItem:last-child,
.MyProducts .MyProductsItem:nth-last-child(2) {margin-bottom: 0pt;}
.MyProducts .ProductItem .LinksProduct p{
    width: 100px;
    border: 1px solid #5C4DB1;
    border-radius: 5pt;
    color: #5C4DB1;
    padding: 5pt;
    font-size: 10pt;
}
.MyProducts .ProductItem .LinksProduct a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50px;
    font-size: 11pt;
}

/* Login Style */
.modal .modal-dialog .modal-content {border-radius: 15pt;}
.modal .iti {width: 100%;margin-top: 10pt;}

.modal .iti__country-list {direction: ltr;left: 0px;}
.modal .iti__country-list .iti__country-name{display: none;}
.modal .formPhone {width: 65%;margin: auto;margin-top: 20pt;}
.modal .formPhone input[type=tel] {
    background-color: #E0E0E0;text-align: end;
    padding: 10pt 10pt;
    border-radius: 8pt;
    border-start-start-radius:0pt;
    border-end-start-radius:0pt;
}
.modal .formPhone button{
    font-size: 13pt;
    background-color: var(--bs-Defult-Color);
    color: var(--bs-color-btn);
    padding: 10pt 14pt;
    border-radius: 8pt;
    border: 1px solid var(--bs-Defult-Color);
    width: 100%;
}
.modal .formPhone label {font-size: 10pt;color: rgba(0, 0, 0, 0.46);}
.modal .special {color: #5C4DB1;}
.modal .Close {color: #FF5757;font-size: 14pt;}
.modal .formPhone .ContainerInput {
    width: 70%;
    margin: auto;
}
.modal .formPhone .ContainerInput input {
    width: 23%;
    width: 23%;
    background: white;
    border: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 60px;
    text-align: center;
    border-radius: 10pt;
    font-size: 15pt;
    color: #5C4DB1;
    outline: none;
}
.modal .formPhone .ContainerInput .IsFailedSend {
    margin: 10pt 0pt 30pt 0pt;
}


/*New*/
.pagination a{
    background: none !important;
    border: none;
}
.pagination li a{
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0px !important;
    color: var(--bs-pagination-c);
    font-family: 'CariaRegular';
    font-size: 15pt;
    padding: 3pt 5pt;
}
.pagination .active a{
    color: var(--bs-pagination-Active-c) !important;
    border-bottom: 2px solid var(--bs-pagination-Active-c) !important;
}


/* footer Style */
.footer {background-color: var(--bs-footer-Bg);}
.footer .Item1 .SOOG {
    width: 70%;
    padding: 15pt 10pt;
    border-radius: 10pt;
    color: #5C4DB1;
}
.footer .Follow {
    width: 85%;
    font-size: 10pt;
    line-height: 20pt;
}
.footer .Item1 .SocialLinks{display: flex;}
.footer .Item1 .SocialLinks a{
    width: 20pt;
    height: 20pt;
    border-radius: 50pt;
    text-align: center;
    color: #5C4DB1;
}
.footer .Item1 .SocialLinks a i{position: relative;bottom: -1pt;}
.footer .Item2 .ImgStores{margin-top: 20pt;}
.footer .Item2 .ImgStores img{margin-bottom: 8pt;}
.footer .Item2 .CopyRights{font-size: 10pt;}
.footer .Item3 .LinkSite {line-height: 25pt;}
.footer .Item4 .SearchSec {
    background-color: white;
    padding: 3pt 10pt 3pt 5pt;
    border-radius: 50pt;
    margin-bottom: 17pt;
}
.footer .Item4 .SearchSec input{font-size: 10pt;}
.footer .Item4 .SearchSec button{
    border-radius: 50pt !important;
    width: 60pt;
    font-size: 10pt;
    border: 1px solid #5C4DB1;
    background-color: #5C4DB1;
    color: white;
}
.footer .Item4 .txt {font-size: 10pt;}
.footer .Item4 .txt2 {line-height: 20pt;}

.pagination a{
    background: none !important;
    border: none;
}
.pagination li a{
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0px !important;
    color: var(--bs-pagination-c);
    font-family: 'CariaRegular';
    font-size: 15pt;
    padding: 3pt 5pt;
}
.pagination .active a{
    color: var(--bs-pagination-Active-c) !important;
    border-bottom: 2px solid var(--bs-pagination-Active-c) !important;
}

/* Style Nav Bar Lang And Country */
.Top-Navbar .Special-Setting .LabelCountry,
.Top-Navbar .Special-Setting .text-country{
    color: var(--bs-c-label);
}
.Top-Navbar .Special-Setting .vodiapicker{
    width: 60%;
}

.Top-Navbar .Special-Setting .lang-select {position: relative;flex-basis: 60%;text-align: center;}
.Top-Navbar .Special-Setting .lang-select .b {
    position: absolute;z-index: 999;cursor: pointer;
    background-color: var(--bs-NAV-bg);
}

.Top-Navbar .Special-Setting .listStyle {padding: 0px;margin: 0px;}
.Top-Navbar .Special-Setting .listStyle img, .btn-select img{
    width: 25px;
    height: auto;
    margin-left: 5px;
}

.Top-Navbar .Special-Setting .listStyle li{
    list-style: none;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}



.Top-Navbar .Special-Setting .listStyle li img{
    margin: 2px;
}
.Top-Navbar .Special-Setting .listStyle li span {font-size: 11pt;}



/* item list */

.Top-Navbar .Special-Setting .b{
    display: none;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;

}

.Top-Navbar .Special-Setting .open{
    display: show !important;
}

.Top-Navbar .Special-Setting .btn-select{
    margin-top: 10px;
    width: 100%;
    max-width: 350px;
    height: 34px;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    position: relative;
}
.Top-Navbar .Special-Setting .btn-select::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px !important;
    right: -10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg>');
}
.Top-Navbar .Special-Setting .btn-select li{
    list-style: none;
    float: left;
    padding-bottom: 0px;
}

.Top-Navbar .Special-Setting .btn-select:hover li{
    margin-left: 0px;
}

.Top-Navbar .Special-Setting .btn-select:focus{
    outline:none;
}