*,*:before,*:after {margin: 0;padding: 0;box-sizing: border-box;}

/* برای مرورگرهای مبتنی بر Firefox */
* {scrollbar-color: #ffc107 #ffc107; /* رنگ اسکرولبار و پس‌زمینه */
scrollbar-width: thin; /* عرض اسکرولبار */
}

/* برای مرورگرهای مبتنی بر WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
width: 10px; /* عرض اسکرولبار */
height: 10px; /* ارتفاع اسکرولبار (برای اسکرولبار افقی) */
}

::-webkit-scrollbar-track {
background: #ffc107; /* رنگ پس‌زمینه اسکرولبار */
border-radius: 5px; /* گرد کردن گوشه‌ها */
}

::-webkit-scrollbar-thumb {
background: #ffc107; /* رنگ اسکرولبار */
border-radius: 5px; /* گرد کردن گوشه‌ها */
}

::-webkit-scrollbar-thumb:hover {
background: #ffc107; /* رنگ اسکرولبار هنگام hover */
}

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

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 900; /* چون Black هست، وزن زیاد دارد */
  src: url('../fonts/Adobe arabic shin.ttf') format("truetype");
}


@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap");
:root {
--FontFamily: iransans;
--FontFamily1: Metropolis;
--ThemeColor:#212121;
--TextColor:#4D4D4D;
--whitecolor:#fafaf8;
--MainColor:#212121;
--GreenColor:#1a936c;
--TextShadow:#Bdbdbd;
--goldColor:#FFC942;
--YellowColor:#eeb616;
--GoldLight: #F4E4A6;
--Color1:#F2E8CF;
--TextSecondary: #adb5bd;
--BgDark: #0a0a0a;
--BgCard: rgba(255, 255, 255, 0.05);
--BgCardHover: rgba(255, 255, 255, 0.08);
--BorderColor: rgba(212, 175, 55, 0.2);
--BorderHover: rgba(212, 175, 55, 0.4);
--glow: rgba(212,175,55,0.55);
--FontSize: 1rem;
--Transition: all 0.6s ease-in-out;
--Boxshadow:rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

html, body {overflow-x: hidden;}
body {padding: 0;margin: 0;direction: rtl;text-align: right;font-size: 0.95rem;font-family: var(--FontFamily);background-color: var(--whitecolor);min-height:100vh;display:-ms-flexbox;display:-webkit-box;display:flex;flex-direction: column;height: 100%;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family: var(--FontFamily);font-weight: 700;}
a {-webkit-transition: var(--Transition);transition: var(--transition);text-decoration: none;outline: 0 !important;}
p{font-family: var(--FontFamily);font-size: 1rem;}
a:hover {text-decoration: none;}
li {list-style-type: none !important;list-style: none !important;}
:focus {outline: 0 !important;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[readonly]{background-color:#f8f9fa;cursor:not-allowed;}


/******* header ********/
.navbar{background-color: var(--MainColor) !important;box-shadow: var(--Boxshadow);}
.navbar-nav {display: flex !important;flex-direction: row !important;}
.navbar-nav .nav-item .nav-link{padding:0 10px;color: var(--whitecolor);}
.head_btn{display: flex;margin: 0 20px;}
.head_btn a{background-color: var(--goldColor);padding: 0.5rem 1.4rem;border-radius: 1rem;color: var(--TextColor);}
.nav-link.active-page {color: var(--goldColor) !important;font-weight: bold;text-shadow: 0 0 8px rgba(245,193,71,0.5);}
/******* header ********/

/********** main class style *********/

.main_class {display: flex;}
.main_text{display: flex;justify-content: center;flex-direction: column;padding: 1rem;}
.main_text h4,h2{display: flex;justify-content: center;color: var(--TextColor);line-height: 1.8;}
.titr1{display: inline-flex;justify-content: center;}
.titr1 h5{display: flex;align-items: center;}
.titr1 h1{color: var(--YellowColor);}
.main_detail{display: flex;padding: 1rem;justify-content: center;}
.main_detail{display: flex;padding: 1rem;justify-content: center;color: var(--TextColor);text-align: justify;line-height: 2;}
.btn_login {display: flex;justify-content: center;}
.btn_login a {display: flex;background-color: var(--YellowColor);padding: 1rem 3.6rem;border-radius: 1rem;color: var(--TextColor);cursor: pointer;transition: var(--Transition);font-size: 1.1rem;position: relative;overflow: hidden;}
.btn_login a::before {content: '';position: absolute;top: 0;left: -100%;width: 200%;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);transform: skewX(-25deg);transition: var(--Transition);animation: shimmer 1.5s infinite;animation-play-state: paused;}
.btn_login a:hover::before {animation-play-state: running;}
.btn_login a:hover {background-color: var(--MainColor);color: var(--goldColor) !important;border: 2px solid var(--goldColor);transition: var(--Transition);}

@keyframes shimmer {0% {left: -100%;}100% {left: 100%;}}

.main_gold_price{display: flex;padding: 1rem;background-color: var(--whitecolor);border-radius: 1rem;flex-direction: column;}
.main_gold_price .nav-tabs{display: flex;padding: 1rem;background-color: var(--whitecolor);border-radius: 1rem;border: none;justify-content: center;}
.main_gold_price .nav-tabs .nav-item .nav-link{border: none;}
#goldHighLow{justify-content: center;display: flex;}
#goldChange{justify-content: center;display: flex;}
    

/********** main class style *********/


/*********** index page *********/

.temp{display: flex;justify-content: center;width: 100%;flex-direction: column;}
.temp span{display: flex;font-size: 1.4rem;font-family: var(--FontFamily4);color: var(--whitecolor);justify-content: center;}
.temp img{display: flex;width: 100%;}
.Leader_style{display: inline-flex;background-color: var(--MainColor);border-radius: 1rem;}
.leader_img{display: flex;overflow: hidden;border-radius: 1rem;padding: 10px;justify-content: center;height: 100%;align-items: center;}
.leader_img img{display: flex;width: 100px;object-fit: cover;overflow: hidden;padding: 10px;}
.leader_text{display: flex;justify-content: center;padding: 10px;height: 100%;align-items: center;flex-direction: column;}
.leader_text .titr{display: flex;width: 100%;justify-content: center;}
.leader_text .titr h5{text-align: right;color: var(--whitecolor);font-size: 0.7rem;}
.leader_text p{display: flex;justify-content: center;padding: 10px;letter-spacing: 0.1rem;line-height: 2;text-align: justify;color: var(--whitecolor);font-size: 0.6rem;}
.line{border-bottom: solid 1px var(--MainColor);}
.box_team{display: flex;justify-content: center;}
.__box_team{position: relative;background-color: var(--MainColor);top: -25px;padding: 20px;}
.__box_team .text{color: var(--whitecolor);}
#text-container p{color: var(--MainColor);text-align: justify;line-height: 2;}
#toggle-btn{color: #002896;border: none;background-color: transparent;}
.__group_item{display: flex;justify-content: center;}
.__group_item a{display: flex;justify-content: center;padding: 14px 50px;color: var(--whitecolor) !important;font-size: 1rem;flex-direction: column;}
.group_text p{color: var(--MainColor);text-align: justify;line-height: 2.5;}
.detail_img{display: flex;overflow: hidden;border-radius: 1rem;padding: 10px;justify-content: center;height: 100%;align-items: center;width: 100%;}
.__Fcont{max-width: 1050px;}
.slider{display: flex;width: 100%;justify-content: center;}
.DClass{display: flex;background-color: var(--whitecolor);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;overflow: hidden;border-radius: 1rem;}   
.DClass .main-video{display: flex;width: 100%;}
.DClass .main-video video{display: flex;width: 100%;}
.DClass1{display: flex;cursor: pointer;}
.DClass img{display: flex;width: 100%;object-fit: cover;}
.DClass1 img{display: flex;width: 100%;object-fit: cover;}
.card-title{color: var(--MainColor);font-size: 0.7rem;text-align: center;}
.Panel_Img{display: flex; }
.call{display: flex;justify-content: center;}
.call a{background-color: var(--whitecolor);padding: 10px 20px;color: var(--TextColor);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;font-size: 1.5rem;cursor: pointer;z-index: 999;border-radius: 0.5rem;}
.call i{background-color: var(--whitecolor);color: var(--TextColor);font-size: 1.5rem;cursor: pointer;z-index: 999;}
.site{display: flex;justify-content: center;width: 100%;}
.site span{letter-spacing: 50px;}

/*************** index page ***********/

/*************** detail page **********/
.detail_text{display: flex;min-height: 100%;flex-direction: column;padding: 30px;}
.detail_text span{color: var(--MainColor);text-align: justify;line-height: 2;}
/****************** detail page *********/

/************** footter **************/





/************** footter ***************/