@font-face {
    font-family: iransans-light;
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/IRANSansWeb_Light.eot");
    src: url("../webfonts/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/IRANSansWeb_Light.woff2") format("woff2"), url("../webfonts/IRANSansWeb_Light.woff") format("woff"), url("../webfonts/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: iransans-ulight;
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/IRANSansWeb_UltraLight.eot");
    src: url("../webfonts/IRANSansWeb_UltraLight.eot#iefix") format("embedded-opentype"), url("../webfonts/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../webfonts/IRANSansWeb_UltraLight.woff") format("woff"), url("../webfonts/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: iransans-medium;
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/IRANSansWeb_Medium.eot");
    src: url("../webfonts/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/IRANSansWeb_Medium.woff2") format("woff2"), url("../webfonts/IRANSansWeb_Medium.woff") format("woff"), url("../webfonts/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-family: iransans-bold;
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/IRANSansWeb_Bold.eot");
    src: url("../webfonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/IRANSansWeb_Bold.woff2") format("woff2"), url("../webfonts/IRANSansWeb_Bold.woff") format("woff"), url("../webfonts/IRANSansWeb_Bold.ttf") format("truetype");
}




* {
    text-decoration: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'iransans-medium';
    list-style: none;
}

#app {
    background: #f5fbf9 !important;
    overflow-x: hidden !important;
    /* background: hsla(184, 90%, 95%, 1); */
    /* background: radial-gradient(circle, hsla(184, 80%, 90%, 1), 0% hsla(220, 18%, 97%, 1) 100%);
    background: -moz-radial-gradient(circle, hsla(184, 80%, 90%, 1), 0% hsla(220, 18%, 97%, 1) 100%);
    background: -webkit-radial-gradient(circle, hsla(184, 80%, 90%, 1), 0% hsla(220, 18%, 97%, 1) 100%); */
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 5px;
	height:50px;
}
 
::-webkit-scrollbar-track {
  background: #302e29; 
}
 
::-webkit-scrollbar-thumb {
  background: #FFD700; 
    border:1px solid #7c7373;
    height:50px;
    border-radius:5px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #fadd41; 
}
.woocommerce-my-account-wrapper {
    margin-left: -30px;
    margin-right: -30px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-top: 100px;
}

#customer_login {
    margin-right: -40px;
    margin-left: -40px;
    margin-top: 100px;
}
.mdi-shield  {
	font-size: 78px !important;
}

.textTitle {
    font-size: 18px !important;
}

.textSubtitle {
    font-size: 12px !important;
}

.hover {
    transition: all 0.5s ease-in-out !important;
}

.hover:hover {
    color: #03c5cc !important;
    transition: all .5s ease-in-out !important;
    cursor: pointer !important;
}

.link {
    color: #a3a5ab !important;
    transition: all 0.5s ease-in-out !important;
}

.link:hover {
    color: white !important;
    transition: all 0.5s ease-in-out !important;
    cursor: pointer;
}

.navigation-text {
    font-size: 12px !important;
}

.greenDot {
    width: 8px;
    height: 8px;
    background-color: #03c5cc;
}

.redDot {
    width: 8px;
    height: 8px;
    background-color: #6c6eff;
}


/* Price Slider */

.card {
    border-left: solid #e0e3ed !important;
    border-left-width: 2px !important;
}


/* Banner section */

.banner {
    background-color: #dcf5ec !important;
}

.img {
    filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}


/* ContactUs section */

.contactUs {
    background: #4c505b !important;
}

.mt-n17 {
	margin-top: -151px!important;
}


/* about */

.darkBg {
    background-color: #1e2026;
    color: white;
}

.fontGreen {
    font-family: 'iransans-medium' !important;
    color: #10b981 !important;
}

.fontRed {
    font-family: 'iransans-medium' !important;
    color: #ef4444 !important;
}


/* contact us */

.contact-img {
    width: 300px !important;
    height: 400px !important;
    position: absolute !important;
    float: right !important;
}

.z-index {
    z-index: 9999 !important;
}