:root{
  --rkgbdc-c:#10a9bd;
  --rkgbdc-bg:#f4f6f7;
  --rkgbdc-dark:#091013;
  --rkgbdc-text:#172127;
  --rkgbdc-muted:#6f7b81;
  --rkgbdc-line:#dfe5e8;
  --rkgbdc-container:1280px
}
.rkgbdc-body,.rkgbdc-body *{box-sizing:border-box}
.rkgbdc-body{
  width:100%;
  background:var(--rkgbdc-bg);
  color:var(--rkgbdc-text);
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif
}
.rkgbdc-container{
  width:min(calc(100% - 40px),var(--rkgbdc-container));
  margin:auto
}
.rkgbdc-hero{
  padding:32px 0 29px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 10%,rgba(0,150,170,.14),transparent 28%),
    linear-gradient(135deg,#071012,#101719)
}
.rkgbdc-hero-head{margin-bottom:21px}
.rkgbdc-hero-head>span{
  color:var(--rkgbdc-c);
  font-size:13px;
  font-weight:900
}
.rkgbdc-hero-head h1{
  margin:5px 0 3px;
  font-size:clamp(28px,3.7vw,46px)
}
.rkgbdc-hero-head p{
  margin:0;
  color:#aeb9be;
  font-size:14px
}
.rkgbdc-hero-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:15px
}
.rkgbdc-card{
  overflow:hidden;
  border:1px solid var(--rkgbdc-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 22px rgba(12,25,30,.055)
}
.rkgbdc-hero .rkgbdc-card{
  color:#fff;
  border-color:rgba(255,255,255,.09);
  background:#11191c
}
.rkgbdc-large{grid-row:span 2}
.rkgbdc-image{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#111
}
.rkgbdc-large .rkgbdc-image{aspect-ratio:16/10}
.rkgbdc-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease
}
.rkgbdc-card:hover .rkgbdc-image img{transform:scale(1.035)}
.rkgbdc-card-body{padding:13px 14px 14px}
.rkgbdc-card h3{
  margin:0;
  font-size:16px;
  line-height:1.55
}
.rkgbdc-card h3 a{
  color:inherit!important;
  text-decoration:none!important
}
.rkgbdc-card p{
  margin:8px 0 0;
  opacity:.73;
  line-height:1.75;
  font-size:13px
}
.rkgbdc-meta{
  margin-top:7px;
  color:var(--rkgbdc-muted);
  font-size:10px
}
.rkgbdc-category{margin-top:34px}
.rkgbdc-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--rkgbdc-dark)
}
.rkgbdc-section-head>div{
  display:flex;
  align-items:flex-start;
  gap:11px
}
.rkgbdc-number{
  padding-top:4px;
  color:var(--rkgbdc-c);
  font-size:12px;
  font-weight:900
}
.rkgbdc-section-head h2{
  margin:0;
  font-size:23px
}
.rkgbdc-section-head p{
  margin:4px 0 0;
  color:var(--rkgbdc-muted);
  font-size:12px
}
.rkgbdc-section-head>a{
  color:var(--rkgbdc-muted)!important;
  text-decoration:none!important;
  font-size:12px;
  white-space:nowrap
}
.rkgbdc-section-head>a:hover{color:var(--rkgbdc-c)!important}
.rkgbdc-category-grid{
  display:grid;
  grid-template-columns:1.45fr repeat(4,1fr);
  gap:14px
}
.rkgbdc-layout-1 .rkgbdc-section-head,
.rkgbdc-layout-2 .rkgbdc-section-head,
.rkgbdc-layout-3 .rkgbdc-section-head{
  border-color:var(--rkgbdc-c)
}
.rkgbdc-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px 18px;
  padding:17px 20px;
  border-radius:13px;
  color:#fff;
  background:#101416
}
.rkgbdc-list article{
  position:relative;
  min-height:52px;
  padding:9px 14px 9px 28px;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.rkgbdc-list article:before{
  content:"";
  position:absolute;
  top:17px;
  right:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--rkgbdc-c)
}
.rkgbdc-list a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;
  line-height:1.55
}
.rkgbdc-list a:hover{color:var(--rkgbdc-c)!important}
.rkgbdc-list time{
  display:block;
  margin-top:4px;
  color:#718188;
  font-size:10px
}
.rkgbdc-banner{margin:27px 0}
.rkgbdc-banner img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px
}
.rkgbdc-banner-placeholder{
  min-height:90px;
  display:grid;
  place-items:center;
  padding:18px;
  border:1px dashed #aab7bd;
  border-radius:12px;
  color:#748188;
  background:#fff;
  font-size:13px
}
.rkgbdc-empty{
  padding:22px;
  border-radius:12px;
  text-align:center;
  color:#78868b;
  background:#fff
}
@media(max-width:1100px){
  .rkgbdc-category-grid{grid-template-columns:1.4fr repeat(3,1fr)}
}
@media(max-width:980px){
  .rkgbdc-hero-grid{grid-template-columns:1fr 1fr}
  .rkgbdc-large{grid-column:1/-1;grid-row:auto}
  .rkgbdc-category-grid{grid-template-columns:1fr 1fr}
  .rkgbdc-list{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .rkgbdc-container{
    width:min(calc(100% - 24px),var(--rkgbdc-container))
  }
  .rkgbdc-hero{padding:27px 0 25px}
  .rkgbdc-hero-grid,
  .rkgbdc-category-grid,
  .rkgbdc-list{grid-template-columns:1fr}
  .rkgbdc-large{grid-column:auto}
  .rkgbdc-section-head{align-items:flex-end;gap:12px}
  .rkgbdc-section-head h2{font-size:20px}
  .rkgbdc-section-head p{display:none}
  .rkgbdc-banner-placeholder{min-height:74px}
}