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

/*
===================
Fonts
===================
*/
@font-face {
  font-family: "vazirB";
  src: url("../fonts/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL/Vazir-Bold-FD-WOL.woff2") format("woff2"),
    url("../fonts/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL/Vazir-Bold-FD-WOL.woff") format("woff"),
    url("../fonts/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL/Vazir-Bold-FD-WOL.ttf") format("truetype");
}
@font-face {
  font-family: "vazirR";
  src: url("../fonts/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL/Vazir-Medium-FD-WOL.woff2") format("woff2"),
    url("../fonts/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL/Vazir-Medium-FD-WOL.woff") format("woff"),
    url("../fonts/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL/Vazir-Medium-FD-WOL.ttf") format("truetype");
}


@font-face {
  font-family: "BBC-Qalam-Bold";
  src: url("../fonts/BBC-Reith-Qalam/BBC-Reith-Qalam-bold.woff2") format("woff2"),
    url("../fonts/BBC-Reith-Qalam/BBC-Reith-Qalam-bold.ttf") format("ttf");
}
@font-face {
  font-family: "BBC-Qalam-normal";
  src: url("../fonts/BBC-Reith-Qalam/BBC-Reith-Qalam-normal.woff2") format("woff2"),
    url("../fonts/BBC-Reith-Qalam/BBC-Reith-Qalam-normal.ttf") format("ttf");
}
@font-face {
  font-family: 'IRMitraR';
  src: url('../fonts/IRMitra.woff2') format('woff2'),
      url('../fonts/IRMitra.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRMitraB';
  src: url('../fonts/IRMitra-Bold.woff2') format('woff2'),
      url('../fonts/IRMitra-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRMitraI';
  src: url('../fonts/IRMitra-Italic.woff2') format('woff2'),
      url('../fonts/IRMitra-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/*
===================
Variables
===================
*/
:root {
  --ff-primary-normal: "BBC-Qalam-normal", sans-serif;
  --ff-primary-Bold:"vazirR", sans-serif;
  --radius: 0.5rem;
  --transition: all 0.3s linear;
  --box-shadow: 3px 3px 2 3 gray;

}

body {
  font-family: var(--ff-primary-normal);
  text-align: right;
  font-size: 1rem;
}

a {
  text-decoration: none;
  font-size: 1rem;
}



h1 {
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5rem;
}
h3 {
 
  font-family: var(--ff-primary-Bold);
}
h4 {
  font-size: 1rem;
  font-family: var(--ff-primary-normal);
}

/* ============   Section Header   ================ */
/* top header line blue */

.menuItemsFontColor{
  color: #00196b;
}
.nav-item ul li a{
  font-size: 13px;
  font-family: 'vazirR';

} 
.nav-item ul{
  padding: 0px;
}
.nav-item ul li {
min-width:250px;

} 
/* ****** header ****** */

h5#mobile-caption{
  font-family: "IRMitraR";
}
.collapse-header{
  background-color: #ecf0f1;
}
.default-bg{
  background-color: #ecf0f1;
}

.nav-item > a{
  color: #00196b !important;
  font-family: "IRMitraB";
}
.nav-item:hover{
  display: block;
}
.nav-item:hover > a{
  color: #ecf0f1 !important;
}

.right-main-header > h3,
.left-main-header > h3{
font-weight: 500;
color: #00196b;
font-family: "IRMitraB";
}

ul > li > a{
  color: #00196b;
  font-family: "IRMitraB";
}
.nav-item > a{
  transition: 300ms;
  font-family: 'BBC-Qalam-Bold';
}

.nav-item:hover > a{
  background-color: #00196b;
  color: #ecf0f1;
}

#hover-radius:hover{
  border-radius: 0 1rem 0 0;
}
#hover-radius{
  border-radius: 0 1rem 0 0;
}
#hover-radius2:hover{
  border-radius: 1rem 0 0 0;
}
#hover-radius2{
  border-radius: 1rem 0 0 0;
}
/* .nav-item:hover > .dropdown-menu{
  display:flex;
  flex-direction: column;
} */

.logo-main-header img{
  width: 125px;
}

/* .dropdown:hover .dropdown-menu {
  display:list-item;
  top: 25px;
} */
.offcanvas-body .dropdown-item{
align-items: center;
  width: 100%;
  
}
.offcanvas-body .dropdown-item > ::after{
  float: left;
}
.custumeBorderBottom:hover{
  border-bottom: 3px solid #f1c40f;
}



/* panah header */
.top-header {
  border-width: 0px;
  border-color: rgb(11, 12, 12);
  border-style: solid;
  background-color: rgb(0, 25, 107);
 
}

.header-stiky {
  position: sticky;
  z-index: 2;
  top: 0px;
}
.header {

  background: #ebf0f4;
}

/* ===================================================================
Logo
=================================================================== */
.logo svg{
  border-radius: 50%;
}
/* logo line */
/* .logo-line-svg{
  position: absolute;
 
  opacity: .2;
  filter: brightness(900%);
  transform: translate(50%,50%);
  transform: rotate(45deg);
  animation-duration: 3800ms;
  animation-delay: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function:linear;
  
  animation-name: Move-line-logo;
}
@keyframes Move-line-logo {
  0% {
     x:45;
     y:-80;
  }
  50%{
    x:45;
    y:-80;
  }
  70%{
    x:10;
    y:55;
  }
  100%{
    x:10;
    y:55;
  }
} */
.logo-center{
  border-radius: 50%;
  animation-delay: 1500ms;
  animation-duration: 1800ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-direction: alternate;
  animation-name: center-logo;
}
@keyframes center-logo {
  0% {
    background:#ffcc00;
    filter: brightness(85%);
  }
  100% {
    background: yellow;
    filter: brightness(150%);
  }
}

/* ===========  Section Slider Begin  ================ */
#kanonSlider{
margin-top: -64px;
}

#bottomFrame img
{
  width: 100%;
} 

/* ===========  Section News Begin  ================ */
.news {
  background: #bbd0e0;
  padding: 30px;
  font-family: var(--ff-primary-normal);
}
.new-title{
 margin-top: -2.5rem;
 font-family: var(--ff-primary-Bold);
}
.new-view{
  margin-top: -2.5rem;
  font-family: var(--ff-primary-Bold);
}
.new-view a{
  text-decoration:underline;
  color: #00196b;
  font-size: .9rem;
}
.date-po-new{
  background: #caf0ffb2;
  border-radius: 10px;
  opacity: .75;
  padding:5px;
  color: #040548;
}
.new-main {
  background: #00196b;
  padding: 10px;
  border-radius:var(--radius);
  color: white;
  box-shadow: var(--box-shadow);
}
.new-main-box {
  border-radius: var(--radius);
  overflow: hidden;
}
.new-main-box .img-box{
 border: 2px solid white;

 border-radius: 20px;
}
.new-main-box:hover .img-box img {
  transform: scale(1.05);
  transition: var(--transition);
}
.new-left,
.new-right {
  height: auto;
}
.new-left-box,
.new-right-box {
  background: #ecf0f1;
  padding: 10px;
  border-radius: var(--radius);
  box-shadow:var(--box-shadow);
  overflow: hidden;
}
.new-left-box:hover img,
.new-right-box:hover  img {
  border-radius: var(--radius);
  transform: scale(1.05);
  transition: var(--transition);
}

.new-body-right,
.new-body-left {
  /*max-height: 4.45rem;*/
  overflow: hidden;
  margin-top:10px;
}
.new-body-left p::before , .new-body-right p::before{
  content:"\f04a";
  color:#e74c3c;
  font-family: FontAwesome;
  font-size: 14px;
  margin:3px;
  font-weight: 500;
}
.new-body-main {
  /*max-height: 7rem;*/
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: auto;
  border-radius:var(--radius);
}
.news img {
  display: block;
  width: 100%;
}
.news img:hover{
  filter: brightness(110%);
  border-radius: var(--radius);
}
.wave-news-top
{
  margin-top:-45px;
}
.newsTitleIcon{
width: 50% !important;
}
.dateFont{
  font-family: "vazirR";
}
/* ==============================================================================================================
Section Slider
============================================================================================================== */

/* ===================================================================
Section Samaneh
=================================================================== */
.samaneh {
  padding: 20px 10px;
  background: #ebf0f4;
}
.box-samaneh {
  height: 170px;
  border: 2px solid #e74c3c;
  border-radius: 5px;
}
.box-samaneh svg,.box-samaneh img{
  width: 80%;
  height: 50%;
  position: relative;
  left: -10%;
  top: 10%;
  color: #272764;
}
.box-samaneh h4 {
  text-align: center;
  position: relative;
  bottom: -30px;
  left: 0;
  font-family: var(--ff-primary-Bold);
  font-size: .85rem;
  color: black;
}


/* ==================================== video gallery =================================== */
#leftReportBox
{
  margin-right: -25px;
}
.reportCategory
{color: #969696;
    display: block;
    font-size: 12px;
    margin-top: 10px;
}
.videoGallery{
  width: 100%;  
  background: linear-gradient(180deg, rgba(35,51,64,1) 0%, rgba(35,51,64,1) 60%, rgba(23,34,43,1) 40%);
}
.videoGallery > .videoGalleryBg > .sectionbg1{
  background-color: #233340;
  height: 500px;
  width: 100%;
}
.videoGallery > .videoGalleryBg > .sectionbg2{
  background-color: #17222b;
  height: 350px;
  width: 100%;
}
.mainVideo{
  -webkit-box-shadow: 40px 0px 0 0 #17222b;
  box-shadow: 40px 0px 0 0 #17222b;
  top: 6em;
  right: auto;
}
.videoGallery .mainVideo{
  background-color: #233340;
  width: 100%;

  /* margin-top: 5rem;
  margin-right: 22rem; */
}
.videoGallery .mainVideo p{
  /* margin-right: 2rem; */
}
.videoList{
  background-color: #17222b;
  /* align-items: center;
  margin-top: 10rem;
  margin-left: 25rem; */
}
.playerHolder{
  margin-top: 5em;
}