/* ==================== 
* index *
1- root
2- html
3- General section (body)
4- header
5- main
6- acardion
7- footer
8- animeted
9- carousel
10- Products
11- classes
12- icons
==================== */

:root {
  /* ===== General color palette ===== */
  --mb-palette-main: 170, 0, 170;
  --mb-palette-main-dark: 140, 0, 140;
  --mb-palette-contrasted: 85, 255, 85;
  --mb-palette-contrasted-dark: 55, 225, 55;
  --mb-palette-black: 0, 0, 0;
  --mb-palette-white: 255, 255, 255;
  --mb-palette-aqua: 0, 255, 255;
  --mb-palette-turquoise:  15, 150, 190; /* فیروزه‌ای */
  --mb-palette-turquoise-dark:  15, 132, 170; /* فیروزه‌ای تیره */


  --mb-font-series-one: "Vazirmatn", "Samim", "Shabnam", "Inter";
  --mb-font-series-two: "Sahel", var(--mb-font-series-one);  
  --bs-font-sans-serif: var(--mb-font-series-one), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --mb-font-body: var(--mb-font-series-one), var(--bs-font-sans-serif);  
  --mb-font-title: var(--mb-font-series-two), var(--bs-font-sans-serif);  
  --mb-text-shadow-dark:  0, 0, 0; 
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.7;
  --mb-body-color: #48484f;
  --mb-title-color: #38383f;
  --mb-body-bg: #faf3fa;
  
  /* ===== Header color palette ===== */
  --mb-header-color-rgb: 255, 255, 255;
  --mb-header-bg-rgb: var(--mb-palette-main);
  --mb-header-bg-rgb-contr: 85, 255, 255;
  --mb-header-border-rgb: 255, 255, 255;      
  
  /* ===== Footer color palette ===== */
  --mb-footer-color-rgb: var(--mb-palette-main);
  --mb-footer-bg-rgb: 0, 0, 0;
  --mb-footer-bg-rgb-contr: 15, 132, 132;
  --mb-footer-border-rgb: var(--mb-palette-main);
}
  
/*     *** General section Start ***     */  
html{
  background-color: rgb(var(--mb-footer-bg-rgb));
}

body {
  direction: rtl;
  font-family: var(--mb-font-body);
  font-size: var(--bs-body-font-size) !important;
  line-height: var(--bs-body-line-height);
  letter-spacing: -0.3px; /* مقدار منفی بسیار کم */
  word-spacing: -0.5px!important;
  font-weight: 400;
  color: var(--mb-body-color) !important;
  background-color: var(--mb-body-bg);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: var(--mb-font-title)!important;
  font-weight: 700 !important;
  color: var(--mb-title-color);
  line-height: 1.5;
  margin-bottom: 0.5rem;
  display: inline-block; 
  transform: skewX(-5deg) !important;
  text-rendering: optimizeLegibility;  
} 
@media (min-width: 568px) {
  h3, .h3, h2, .h2, h1, .h1 {
    letter-spacing: -0.5px; /* مقدار منفی بسیار کم */
    word-spacing: -2px!important;
  }
}
h1, .h1 {
  font-size: calc(1.375rem + 1.1vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.2rem;
  }
}
@media (max-width: 567.98px) {
  h1, .h1 {
    font-size: 1.47rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.7vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
@media (max-width: 567.98px) {
  h2, .h2 {
    font-size: 1.27rem;
  }
}
.body-text { 
  font-size: 1rem; 
  line-height: 1.7; 
}
.small-text { 
  font-size: 0.875rem; 
  line-height: 1.5; 
}
.large-text {
  letter-spacing: 0.8px; /* مقدار منفی بسیار کم */
  word-spacing: 3px!important;
  font-size: 1.225rem; 
  line-height: 1.8; 
}
a {
  font-size: var(--bs-body-font-size) !important;
  text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    pointer-events: none;
}
button{
    white-space: normal !important;
}
/*     *** General section End ***     */  


/*     *** Header section Start ***     */
.header{
    text-decoration: none;
    text-shadow: 1px 1px rgba(var(--mb-text-shadow-dark), 1);
    text-align:center !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 0;
}
.header a{
    text-decoration: none;
    color: rgb(var(--mb-header-color-rgb));
}
.header li a{
    margin:0 1px;
    padding: 14px !important;
}
.header nav a:hover{
    text-decoration: none;
    color: rgb(var(--mb-header-bg-rgb));
    background-color: rgb(var(--mb-header-color-rgb));
}
.header nav{
    margin:0;
    padding:0;
}
a:hover .navbar-brand,
a.navbar-brand{
    font-family: var(--mb-font-title)!important;
    font-size: 141% !important;
    color: rgb(var(--mb-header-color-rgb)) !important;
    background-color: rgb(var(--mb-header-bg-rgb)) !important;
    padding: 0 20px 0 0;
    margin:0;
}
/* nav & navbar Start */
nav{
    font-family: var(--mb-font-title)!important;
    color: rgb(var(--mb-header-color-rgb));
    background-color: rgb(var(--mb-header-bg-rgb));
}
.nav-link.active,
.navbar a.dropdown-item.active, .dropdown-item:active{
    color: rgb(var(--mb-header-bg-rgb)) !important;
    background-color: rgb(var(--mb-header-color-rgb)) !important;
}
.navbar .dropdown ul {
    width:100%;
    padding-top:0;
    padding-bottom:0;
    margin:0;
    white-space: normal !important;    
}
.navbar .dropdown ul,
.navbar .dropdown-menu li,
.navbar .dropdown-menu li a{
    color: rgb(var(--mb-header-color-rgb)) !important;
    background-color: rgb(var(--mb-header-bg-rgb)) !important;
    border-top: 1px solid  rgb(var(--mb-header-color-rgb), .3) !important;
    margin:0;
}   
.navbar .dropdown-menu li:hover,
.navbar .dropdown-menu li a:hover{
    color: rgb(var(--mb-header-bg-rgb)) !important;
    background-color: rgb(var(--mb-header-color-rgb)) !important;
    border: 1px solid  rgb(var(--mb-header-bg-rgb), .3) !important;
    border-bottom: none !important;
    margin:0;
}   
@media (max-width: 767.98px) {
  .navbar-expand-md {
    padding: 10px 5px !important;
  }
  .navbar-nav,
  .navbar .nav-item{
    padding:1px;
    margin:0;
  }
  .navbar .dropdown li a,    
  .navbar li a{
    border: 1px solid rgba(var(--mb-header-color-rgb), .3) !important;       
    border-top: none !important;          
    padding: 11px !important;        
    white-space: normal !important;    
  }      
}
@media (min-width: 768px) {
  .navbar li { /* color for border li menu */
    border-right: 3px solid rgba(var(--mb-header-color-rgb), .16) !important;
  }  
  .navbar ul { /* color for border ul menu */
    border-left: 3px solid rgba(var(--mb-header-color-rgb), .16) !important;
    height:100%;
  }    
  .dropdown-menu li{
    border-right: none !important;    
  }
}
/*
.navbar .dropdown-submenu li a{
    border-bottom: 1px solid #633f03 !important;      
    border-bottom: 1px solid rgba(211, 175, 55, .3) !important;     
    padding:7px !important;     
}
@media (min-width: 576px) {   
    /* Show submenu by hovering over it(hover) *//*
    .dropdown-menu .dropdown-submenu {   
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);        
    }
    /* Show submenu by hovering over it(hover) *//*
    .dropdown-menu>li:hover>.dropdown-submenu {
        display: block;
    }   
}
*/
/* nav & navbar End */

/* Header Title */
.hero {
    background: url('winter-light.jpg') no-repeat center center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 50vh;
    border-bottom: 3px solid rgb(var(--mb-header-bg-rgb));
    /*align-items: center;
    justify-content: center;*/
    text-align:center !important;
    text-shadow: 1px 1px rgba(var(--mb-text-shadow-dark), 1);
    border-bottom: 3px solid rgb(var(--mb-header-bg-rgb));
}
.hero h1 {
    color:  rgb(var(--mb-header-bg-rgb)) !important;
}
.hero p {
    color:  rgba(0,0,0,.65) !important;
    text-shadow: 1px 1px #aa840f;
}
.slogan{
    color: rgb(var(--mb-header-color-rgb));
    background-color: rgb(var(--mb-header-bg-rgb));
    padding: 7px 0;
    margin: 0;
}

/*     *** Header section End ***     */

/*     *** Main(Content) section Start */

main{
    padding:1rem 3.3%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 2.2rem;
}
main p{
    text-align: justify;
}
main a{
    color: rgb(var(--mb-palette-turquoise)); 
    text-decoration: none;
    text-decoration-line: none ;
}
main a:hover{
    color: rgba(var(--mb-palette-turquoise), .8); 
    text-shadow: 0 0 rgb(var(--mb-text-shadow-dark)) ;
    text-decoration: none;
    text-decoration-line: none ;
}
main h2::before{
    display: inline-block;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;
    content: "";
    border-top: 0.42em solid transparent;
    border-right: 0.4em solid;
    border-bottom: 0.4em solid transparent;
    transform: skewX(5deg) !important;
} 
main .card-body{
    flex: 1 1 auto;
    padding: 1rem 1rem;
    text-align:center;
}
main .card{
    border: 1px solid #88a;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    box-shadow: 2px 2px 5px #99b;
    text-align:center ;
}
main .card-body h5{
    margin-bottom: 0.5rem;
    text-align: center;

}

/*     *** Main(Content) section End */

/*     *** accordion structure Start *** */
.accordion-toggle,
.section-tags a,
.section-tags{
    font-size: 80% !important;
    line-height: 1.6;
    margin-top: .7rem;
    margin-bottom: .8rem;
    cursor: pointer;    
}
.section-tags a {
    text-decoration: none;
    display: inline-block;
    margin: 0 0.2em 0 0 ;  
}
.section-tags a:hover {
    text-decoration: underline;
}

.accordion-toggle {
    cursor: pointer;
    margin-right: 8px !important;
}
@media (max-width: 575.98px) {
    .section-tags {
        font-size: 81% ;
    }
}
/* ***** *** My Classes Start *** ***** */



/*     *** Footer section Start ***     */
.footer {
  text-decoration: none;
  color: rgba(var(--mb-footer-color-rgb), .8);
  background-color: rgba(var(--mb-footer-bg-rgb), 1);  
  text-shadow: 1px 1px rgba(var(--mb-text-shadow-dark), 1);
  text-align:center;
  margin-top:0;
  margin-bottom: 0;  
  padding: 8rem 0 0 0;
}
.footer a{
  text-decoration: none;
  color: rgba(var(--mb-footer-color-rgb), .7);
  text-align: center
}
.footer a:hover{
  text-decoration: none;
  color: rgba(var(--mb-footer-color-rgb), 1);
  text-align: center
}
.footer h4 {
  color: rgba(var(--mb-footer-color-rgb), 1);
}
.col_footer{
  border-top: 2px solid rgba(var(--mb-footer-border-rgb), .8);
  margin:0;
  padding-bottom:50px;
}
.col_footer .border{
  border: 1px solid rgba(var(--mb-footer-border-rgb), .1)!important;
}
.col_footer a{
  display:block;
  border: 1px solid rgba(var(--mb-footer-border-rgb), .15);
  padding:10px 0 10px 0;
  cursor: pointer;
}
.col_footer a:hover{
  background-color: rgba(var(--mb-footer-color-rgb), .07); !important;
  color: rgba(var(--mb-footer-color-rgb), .9); !important;
}
.col_footer i.icon-share{
  font-size:145%;
  color:rgba(211, 175, 55, .6);
  display: inline-flex;
  align-items: center; /* top-bottom */
  justify-content: center; /* left-right */    
  margin: 0;
  padding: 0;
}
.col_footer i.icon{
  width:34px;
  height:34px;
  font-size:135%;
  background-color: rgba(var(--mb-footer-color-rgb), .5); !important;
  color: #111;
  border-radius:50%;
  padding: 0;
  display: inline-flex;
  align-items: center; /* top-bottom */
  justify-content: center; /* left-right */
  margin: 0;
  padding: 0;
}
.col_footer i.icon:hover{
  font-size:135%;
  background-color: rgba(var(--mb-footer-color-rgb), .8); !important;
  color: #111;
  border-radius:50%;
  margin: 0;
  padding: 0;
}
.col_footer a.icons{
  display:inline;
  border:none;
  padding:10px 0 10px 0 !important;
}
.col_footer a.item-none,
.col_footer a.item-none:hover{
  background-color: transparent;
  border:none;
  cursor: inherit;
}
.icon-sm { width:25px; height:25px; }
/*     *** Footer section End ***     */

/*     *** Copyright section Start ***     */
.copyright{
  margin:0;
  padding:15px 0 4px 0;
  background-color: rgba(var(--mb-footer-color-rgb), .08);
  border-top: 1px solid rgba(var(--mb-footer-border-rgb), .07);
}
.copyright a{
  text-decoration: none;
  color: rgba(var(--mb-footer-color-rgb), .7); !important;
}
.copyright a:hover{
  color: rgba(var(--mb-footer-color-rgb), 1); !important;
}
.back-to-top{
  position: fixed;
  right: 10px;
  bottom: 0;
  margin: 3rem 1.5rem !important;    
  content: "\1F446";    
  z-index: 1030;
}
/*     *** Copyright section End ***     */

/*     *** Animated section Start */
.animated-slider {
  width:100vw;
  clear:both;
  /*min-height: 25vh !important;*/
  min-height: 200px !important;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  transition: transform 0.8s ease-in-out;
  text-align: center !important;
  scroll-snap-align: start;  /* در صورت اسکرول دستی */
  cursor: pointer !important;
}
.animated-slide {
  display: inline-block;
  width: 9vw;
  flex: 0 0 auto;
  scroll-snap-align: start;  /* در صورت اسکرول دستی */
  margin: 33px .45vw;
  padding: 0;
  flex-shrink: 0;
  text-align: center !important;
}
.animated-slide img {
  display: block;
  width: 66%;
  height: auto;
  border-radius: 50%;
  padding:0;
  margin: 0 auto 10px auto;
}
.animated-slide .image{
  border: 2px solid #d3af37;
  border-radius:50%;
  background-color: rgba(211,175,55,.3);
  box-shadow: 1px 1px 3px #444;
  pointer-events: none !important;
}
.animated-slide a{
  display: block;
  padding:0;
  font-size: 99% !important;
  color: rgb(var(--mb-header-bg-rgb));
  text-shadow: 1px 1px #333;
  text-decoration: none;
  cursor: pointer !important;
}
.animated-slide:hover a {
  color: #0075f3;
  text-shadow: 1px 1px 2px #000;
}
.animated-slide:hover .image{
  border: 2px solid  #0075f3;
  border-radius:50% !important;
  background-color: rgba(0,40,211,.25);
  box-shadow: 1px 1px 3px #000;
}
@media (max-width: 575.98px) {
  .animated-slide {
    width: 25vw;
    margin: 33px 0;
  }
  .animated-slide a{
    display: block;
    font-size: 66% !important;
    text-shadow: 1px 1px #000;
    text-decoration: none;
    left:50%;
    right:50%;
  }
}
@media (min-width: 576px) {
  .animated-slide {
    width: 15.65vw;
  }
}
@media (min-width: 800px) {
  .animated-slide {
    width: 9vw;
  }
}
#animated-slider-end{
    background-color: rgb(var(--mb-header-bg-rgb))!important;
    margin:0 !important;
}
/*     *** Breadcrumb section Start */
.breadcrumb{
  font-family: var(--mb-font-body);
  font-size: 90%;
  color: var(--mb-body-color) !important;
  background-color: var(--mb-body-bg);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 6px;
  padding-right: 3px;
}
.breadcrumb-item a{
  text-decoration: none;
  font-style: normal !important;
  text-shadow: 1px 1px 0 #d3af37;
}
.breadcrumb-item a:hover{
  color: #d337af;
  text-shadow: 1px 1px 0 #af37d3;
}

/* ***** *** Carousel Start *** ***** */
.carousel img,
.carousel{
    min-height: 300px;    
}
.carousel-caption p{
    color: rgba(var(--mb-palette-black), .7)!important;   
    text-shadow: 1px 1px rgb(var(--mb-palette-main));    
}
.carousel-caption a{
    color: initial important;
    display: block;
}
.carousel-caption h3{
    color: rgb(var(--mb-header-bg-rgb));   
    text-shadow: 1px 1px #000;    
}
.carousel-caption h3, 
.carousel-caption h2,
.carousel-caption{    
    letter-spacing: normal;    
    font-style: normal !important;  
    line-height: calc(20px + 2vw) !important;
}
.carousel-caption h2::before,
.carousel-caption h3::before{
    display: inline-block;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;
    content: "";
    border-top: 0.42em solid transparent;
    border-right: 0.4em solid;
    border-bottom: 0.4em solid transparent;
    transform: skewX(5deg) !important;
    box-shadow: 1px 0 #333;
}
.carousel-indicators [data-bs-target] {
    background-color: rgb(var(--mb-header-bg-rgb)) !important;
}
/* ***** *** Carousel Desktop Start *** ***** */    
@media (min-width: 576px) {
    .carousel-indicators [data-bs-target] {
        padding-top: 2px;
        bottom:0;        
    }
    .carousel-caption {
        display: block;    
        position: absolute;
        line-height: 2.5 !important;
        bottom:15%;
        left:11%;
        right:11%;
        text-align:right;
        padding-bottom: 2px;        
    } 
}
/* ***** *** Carousel Mobile Start *** ***** */
@media (max-width: 575.98px) {   
    .carousel-caption h3{
        direction: rtl;
        font-size:111%;
        text-align: right;
        padding: 2px !important;
        text-shadow: 1px 1px #000;    
    }
    .carousel-caption {
        direction: rtl;
        display:block;
        position: absolute;
        line-height: 2.5 !important;
        bottom:15%;
        text-align: right;
        right: 0;
        left: 0;
        padding: 20px !important;
    }           
    .carousel-caption a{
        text-align: center !important;
    } 
    .carousel-caption h2{
        font-size: calc(1.325rem + 1.3vw) !important;
    }    
    .carousel-caption h3{    
        font-size: calc(1.3rem + 0.7vw) !important;    
    }    
}
/*     *** Products section Start */
.prod {
  position: relative;
  display: inline;
  height: 450px;
  margin: 45px 0 0 0;
  padding: 0;
  text-align: center;
  background-color: #fff;
  border-top-left-radius:  0.375rem !important;
  border-top-right-radius:  0.375rem !important;
  box-shadow: 1px 1px 5px #777;
  cursor: pointer !important;
}
div.prod{
  clear:both !important;
  width:100%;
  display: inline-block;
  cursor: pointer !important;
  padding-top:30px;
}
.prod-btn .btn{
  bottom:0;
  width: 100%;
  display: block;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: 1px 1px 5px #666 !important;
}
.prod div.img-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin: auto;
  padding: 11px;
  pointer-events: none;
}
.prod .no-img{
  position: absolute;
  top:32%;
  color: #ffffff !important;
  text-shadow: 0 0 2px #000, 0 0 3px #000, 0 0 3px blue;
  font-weight: bolder;
  font-size: 120%;
  margin: 0 6px;
}
.prod img.no-img-b{
  border: 1px solid #b38f07 !important;
}
.prod img{
  top:0;
  left:0;
  width: 100%;
  height: auto;
  max-width: auto;
  max-height: 300px;
  object-fit: scale-down;
  padding:0;
  margin:0;
  border-radius:50% !important;
  pointer-events: none;
}
.prod p{
  clear: bath;
  position: absolute;
  display: block;
  font-size: 75%;
  color: var(--mb-body-color) !important;
  left: .1%;
  right: .1%;
  bottom: 4px;
  margin-bottom:0;
  text-align: center;
}
.prod a{
  display: inline-block;
  text-decoration: none;
  cursor: pointer !important;
}

/*     *** Ads section Start ***     */
.ads{
    padding: 5px !important;
    font-size: 111%;
    color: #fff !important;
    text-shadow: 1px 1px #333;
    text-align: center;
}
div.tap-home{
    margin: 0 auto !important;
    padding: 35px 0 10px 0;    
    background-color: rgb(var(--mb-header-bg-rgb));    
}
@media (min-width: 576px) {    
    div.tap-home{
        width: 55% !important;
    }
}    
#mediaad-OnvVY {
    font-family: var(--mb-font-body) !important;
    font-style:normal;
    background-color: rgb(var(--mb-header-bg-rgb));    
}
#mediaad-OnvVY h4{
    font-family: var(--mb-font-title) !important;
    color: #fff !important;
    text-shadow: 1px 1px #111;
}
#mediaad-OnvVY p{
    font-family: var(--mb-font-body) !important;
    color: rgb(var(--mb-palette-contrasted)) !important;
    padding: 0 2px;
}
#mediaad-OnvVY p:hover{
    color: rgba(var(--mb-palette-contrasted)) !important;
    text-shadow: 1px 1px #000;
}
@media (min-width: 992px) {
    #mediaad-OnvVY p{
        font-size:125% !important;
    }    
}
div.ni-widget-content-img,
.ni-img-wrapper{
    background-color: rgb(var(--mb-header-bg-rgb)) !important;    
    margin:0;
}
.ni-widget-content-img {
    border-radius: 25px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px #555;
    /*background-color: rgb(var(--mb-header-bg-rgb))!important;    */
}
.ni-widget-content-img:hover {
    box-shadow: 1px 1px 9px #444;
}
  
@media (max-width: 575.98px) {    
    .ads{
        font-size: 100%;
    }
    .ni-widget-content-img {
        border-radius: 8px;
    }
    #mediaad-OnvVY p{
        height:100% !important;
        font-size:90% !important;        
    }
}

/*     *** My general classes section Start ***     */
.fsize175p{ font-size:175% !important; }
.fsize160p{ font-size:160% !important; }
.fsize150p{ font-size:150% !important; }
.fsize125p{ font-size:125% !important; }
.fsize115p{ font-size:115% !important; }
.fsize100p{ font-size:100% !important; }
.fsize90p{ font-size:90% !important; }
.fsize80p{ font-size:80% !important; }
.fsize70p{ font-size:70% !important; }
.fsize60p{ font-size:60% !important; }
.fsize50p{ font-size:50% !important; }

.dir_rtl{ direction: rtl !important; }
.dir_ltr{ direction: ltr !important; }
.dir-rtl{ direction: rtl !important; }
.dir-ltr{ direction: ltr !important; }

.p-indent p{ text-indent: 25px; }
.txt-indent { text-indent: 25px; }
.txt-indent-none{ text-indent: 0 !important; }
.txt-center{ text-align: center !important;}
img.txt-center{ text-align: center !important; }
.xy-center{ /* center left-right & top-bottom */
  display: flex;
  align-items: center; /* top-bottom */
  justify-content: center; /* left-right */
  text-align:center !important;
}
.txt-wrap { white-space: normal !important; }
.txt-nowrap { white-space: nowrap !important; }

.box-shadow{ box-shadow: 1px 1px 3px rgba(var(--mb-palette-black), .7);}

.dp-inline { display: inline !important; }
.dp-inline-block { display: inline-block !important; }
.dp-block { display: block !important; }
.min-h-40vh{
    min-height: 40vh;  
}

.txt-turquoise-dark { color: rgb(var(--mb-palette-turquoise-dark)) !important;}
.txt-main, .txt-main a{ color: rgb(var(--mb-palette-main)) !important; }

.bg-main { background-color: rgb(var(--mb-palette-main)) !important; }
.bg-turquoise-dark { background-color: rgb(var(--mb-palette-turquoise-dark)) !important; }
.btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(var(--mb-palette-main));
  --bs-btn-border-color: rgb(var(--mb-palette-main-dark));
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(var(--mb-palette-main-dark), 0.9);
  --bs-btn-hover-border-color: rgb(var(--mb-palette-main-dark));
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(var(--mb-palette-main-dark), 0.8);
  --bs-btn-active-border-color: rgb(var(--mb-palette-main-dark));
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #aaa;
  --bs-btn-disabled-bg:  rgba(var(--mb-palette-main), 0.7);
  --bs-btn-disabled-border-color:  rgba(var(--mb-palette-main), 0.9);
  box-shadow: 1px 1px 2px #555;
}
.btn-contrasted {
  --bs-btn-color: rgb(var(--mb-palette-main));
  --bs-btn-bg: rgb(var(--mb-palette-contrasted));
  --bs-btn-border-color: rgb(var(--mb-palette-contrasted-dark));
  --bs-btn-hover-color: rgb(var(--mb-palette-main-dark));
  --bs-btn-hover-bg: rgba(var(--mb-palette-contrasted-dark), 0.9);
  --bs-btn-hover-border-color: rgb(var(--mb-palette-contrasted-dark));
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: rgb(var(--mb-palette-contrasted-dark));
  --bs-btn-active-bg: rgba(var(--mb-palette-contrasted-dark), 0.8);
  --bs-btn-active-border-color: rgb(var(--mb-palette-contrasted-dark));
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(var(--mb-palette-contrasted-dark), 0.7);
  --bs-btn-disabled-bg:  rgba(var(--mb-palette-contrasted), 0.7);
  --bs-btn-disabled-border-color:  rgba(var(--mb-palette-contrasted), 0.9);
  box-shadow: 1px 1px 2px #555;
}
.btn-mgold {
  --bs-btn-color: #fff;
  --bs-btn-bg: #aa840f;
  --bs-btn-border-color: #99740a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #99740a;
  --bs-btn-hover-border-color: #886407;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #99740a;
  --bs-btn-active-border-color: #886407;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #aaa;
  --bs-btn-disabled-bg: #aa840f;
  --bs-btn-disabled-border-color: #886407;
}
.btn-turquoise-dark {
  --bs-btn-color:  #fff;
  --bs-btn-bg: rgb(var(--mb-palette-turquoise));
  --bs-btn-border-color: rgb(var(--mb-palette-turquoise-dark));
  --bs-btn-hover-color:
  --bs-btn-hover-bg: #0a7499;
  --bs-btn-hover-border-color: #076488;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a7499;
  --bs-btn-active-border-color: #076488;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #aaa;
  --bs-btn-disabled-bg: #0f84aa;
  --bs-btn-disabled-border-color: #076488;
}

.btn-turquoise {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--mb-palette-turquoise));
    --bs-btn-border-color: rgb(var(--mb-palette-turquoise-dark));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--mb-palette-turquoise-dark), 0.9);
    --bs-btn-hover-border-color: rgb(var(--mb-palette-turquoise-dark));
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--mb-palette-turquoise-dark), 0.8);
    --bs-btn-active-border-color: rgb(var(--mb-palette-turquoise-dark));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #aaa;
    --bs-btn-disabled-bg:  rgba(var(--mb-palette-turquoise), 0.7);
    --bs-btn-disabled-border-color:  rgba(var(--mb-palette-turquoise), 0.9);
    box-shadow: 1px 1px 2px #555;
}  
/*     *** My general classes section End ***     */

/*     *** Icons made with Unicode and Border in classes *** */

.Backhand-circle::before{ 
    display: inline-block;
    font-size: 125%;
    font-style: normal !important;
    font-weight: bolder !important;    
    text-shadow: 0 0 3px #000;    
    margin-left: 0;
    vertical-align: 0.1em;    
    content: "\1F446";
    padding: 4px 6px;
    box-shadow: 0 0 20px rgba(155,155,255,.9);
    border-radius: 50% !important;
    background-color: #f3cf37;
    background-color: rgba(100,100,255,.4);    
}
.Backhand-icone::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0.1em;    
    content: "\1F446";
}
.right-pointing-icone::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0.1em;    
    content: "\1F449";
    text-shadow: 0 0 4px #000;        
}
.writing-hand-icone::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0.1em;    
    content: "\270D";
    text-shadow: 0 0 4px #000;            
}
.globe-icon::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0;    
    content: "\1F310";
    background-color:#668;
    border-radius:50%;
    padding: 0 2px;

}
.home-icon::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0.1em;    
    content: "\2302";
}
.house-icon::before{ 
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0;    
    content: "\1F3E0";
}
.contact-icon::before{
    display: inline-block;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;    
    content: "";padding:0;
    border-top: 0.35em solid transparent;
    border-top: 0.35em solid rgba(--mb-footer-border-rgb),0.4);    
    border-right: 0.6em solid;
    border-bottom: 0.35em solid;
    border-left: 0.6em solid;    
    box-shadow: 0 0 1px  #d3af37;
}
.telephone::before{
    display: inline-block;
    color: rgba(var(--mb-footer-color-rgb), .6); !important;
    text-shadow: 0 0 2px #d3af37;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;
    content: "\260F";
}
.phone::before{
    font-size:80% !important;
    display: inline-block;
    color: rgba(var(--mb-footer-color-rgb), .6); !important;
    text-shadow: 1px 1px 0 rgba(var(--mb-footer-color-rgb), .6);
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\1F4DE";
}

.mobile::before{
    display: inline-block;
    font-style: normal !important;
    font-size:70% !important;
    margin-left: 0.255em;
    vertical-align: 0.255em;    
    padding-bottom:0.01em;
    content: "\2591";    
    background-color: #113;
    border-top: 3px solid;
    border-right: 1px solid;
    border-bottom: 3px solid;
    border-left: 1px solid;        
    border-radius: 1px;
}
.rhombus-left::before{
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0;    
    content: "\2B16";
}
.rhombus-black::before{ /* ◆ (black diamond) */
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0;    
    content: "\25C6";
}
.humbar::before,
i.humbar::before{
    display: inline-block;
    font-style: normal !important;
    font-weight: bolder !important;    
    margin-left: 0;
    vertical-align: 0;    
    content: "\2630";
}
a.arr-small-left::before,
i.arr-small-left::before,
p.arr-small-left::before {
    display: inline-block;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;    
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}    
.arr-large-left::before,
a.arr-large-left::before,
i.arr-large-left::before,
p.arr-large-left::before {
    display: inline-block;
    font-style: normal !important;
    margin-left: 0.255em;
    vertical-align: 0;
    content: "";
    border-top: 0.4em solid transparent;
    border-right: 0.4em solid;
    border-bottom: 0.4em solid transparent;
}  







/*
 *
 d i*splay: inline-block; transform: skewX(-10deg) !important;
 text-rendering: optimizeLegibility;




 .sahel{font-family:"Sahel",sans-serif;font-style:normal;}




 
 .serif{font-family:serif}
 body .footer{

 text-rendering: optimizeLegibility;
 letter-spacing: -0.5px; /* مقدار منفی بسیار کم *//*

 }
 */