@font-face {
    font-family: 'dana-regular';
    src: url("../css/font/Dana-webfonts/dana-regular.woff") format('woff'), url("../css/font/Dana-webfonts/dana-regular.woff2") format('woff2'), url("../css/font/Dana-webfonts/dana-regular.eot") format('eot')
}
@font-face {
    font-family: 'dana-bold';
    src: url("../css/font/Dana-webfonts/dana-bold.woff") format('woff'), url("../css/font/Dana-webfonts/dana-bold.ttf") format('ttf'), url("../css/font/Dana-webfonts/dana-bold.eot") format('eot')
}



/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}
.pad{
    padding-left: 2vw;
}
.pad2 {
    padding-left: 5vw;
}
section{
    border-bottom:3px solid red;
}

.darkblue-txt {
    font-family: dana-bold;
    color: #21409a;
}

/*my css
.service-icon-section12-pink.rounded-circle {
    background-color: #21409a;
    width: 80%;
    height: 80%;
    text-align: center;
    border: 2px solid #00b7ce;
}
 /* new design */

body {
  direction: rtl;
    background-color: #fff;
    font-family: 'dana-regular';
} 
.bluecircle
{width:250px;height: 250px;background-color: #00b7ce;border-radius: 50%;position: relative;text-align: center;}
.bigpurplecircle
{width:250px;height: 250px;background-color: #21409a;border-radius: 50%;position: relative;text-align: center;}
.smallcircle
{
    width:50px;height: 50px;background-color: #00b7ce;border-radius: 50%;position: relative;text-align: center;
}
.bluetriangle
{
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 25px solid #00b7ce;
      transform: rotate(
222deg);
      position: absolute;
      left: 8px;
      float: left;
      top: 84%;
}
.bluetriangle-left
{
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 25px solid #00b7ce;
      transform: rotate(
135deg);
      position: absolute;
      right: 8px;
      float: right;
      margin-top: 20vh;
      top: 84%;
}
.bluetriangle-center {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #21409a;
    transform: rotate(
180deg);
    position: absolute;
    right: 75px;
    /* float: right; */
    margin-top: 20vh;
    bottom: -18px;
    text-align: center;
}
.purplecircle
{
    width: 80px;
    height: 80px;
    background-color: #21409a;
    border-radius: 50%;
    position: absolute;
    top: 31%;
    right: -20%;
    outline: 2px solid #fff;
      outline-offset: -10px;
    }
    .purplecircle-left
{
    width: 80px;
    height: 80px;
    background-color: #21409a;
    border-radius: 50%;
    position: absolute;
    top: 31%;
    left: -20%;
    outline: 2px solid #fff;
      outline-offset: -10px;
    }
ul.blue-square {
    
    list-style-type:square!important;
}
 ul.rightblue-square {
    
    list-style-type:square!important;
}
.mark-blue-small
{
background-color:#21409a ;
color:#fff;
}
ul.blue-square li::marker {
    color: #8dd8ee!important;
    /* padding-left: 1em; */
}

ul.dir{
 direction: ltr;
 text-align: left;
}

 .section5-textbold
 {
    font-family:dana-bold;
    color: #7e7e7e;
 }
 .section6-bluetext-bold
 {
    font-family:dana-bold;
    color: #00b7ce;
 }
 .sec5-darkblue-txt
 {
    font-family:dana-bold;
    color:#21409a;
 }
.txtcolor-red
 {
    color:red;
    font-family: 'dana-bold';
 }
 ins.footer-ins {

    text-decoration: underline!important;
    line-height: 1em;
}
.section1-ins{
      text-decoration: underline!important;
      text-decoration-color: #21409a;
      text-underline-offset: 2.5rem;
}

.section6-digit {
    font-size: 5em;
    font-family: 'dana-regular';
    color:#fff;
}
.section6-titr {
    font-size: 2em;
    font-family: 'dana-bold';
    color:#a5a5a5;
    line-height: 1em;
    padding-left:1.8rem;
    text-align: left;
}

.section6-txt {
    font-size: 4em;
    font-family: 'dana-regular';
    color:#ffffff;
    font-size: 2.5em;

}
.section6-bold {

    font-family: 'dana-bold';

}
.section6-longtxt {
    font-size: 1em;
    font-family: 'dana-regular';
    width: 50%;
    text-align: center;
    color:#000;
}
.section6-txt {
    font-size: 1.8em;
    font-family: 'dana-regular';
    text-align: center;
    color:#fff;
}
.section6-txt-small {
    font-size: 0.4em;
    font-family: 'dana-regular';
    text-align: center;
    color:#fff;
}
.section4-txt
{
    font-size: 1em;
    font-family: 'dana-bold';
    text-align: center;
    color:#7a7a7a;

} 
.darkblue
{

    color:#21409a;
    width: 50%;

} 
.section4-txt-gray
{

    color:#7a7a7a;

} 

 

.font-gray
{
    color:#a9a9a9;
}

.section1-txt-gray
{
    font-size: 1em;
    color:#a9a9a9;
}
.section3-txt-gray
{
        font-size: 0.9em;
    color:#a9a9a9;
}
.section1-txt-titr
{
    font-size: 7vw;
    color:#000;
}
.section1-txt
{
    font-size: 3.5vw;
    color:#b6b6b6;
}
.section3-text{
        font-size: 1.6em;
    color:#b6b6b6;
    line-height: 1em;

}
.section3-mark
 {
    font-size: 1.9em;
    background-color: #00b7ce !important;
    padding: 0 1rem !important;
    margin: 0 !important;
    color: #fff !important;
}

.txt-gray
{
    color: gray;
}
.activity-field1 {
    background-color:#e6e7e8;
    padding: 5px 10px 5px 10px;
    text-align: right;
    width: 10.8rem;
}
.part2-titr {

    font-size: 2.1em;
}ff0000
.part2-titr2 {

    font-size: 1.8em;
}
.flex-space {
    justify-content: space-evenly;
}
ins.redunderline {
    text-decoration-color: red !important;
    text-decoration: underline;
}
ul {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}
abbr{
          text-decoration-color:#21409a!important;
          text-decoration-style:dashed!important;
          text-underline-offset: 3rem!important;
          /* text-decoration-thickness: 7px !important; */



}
#section3 abbr{
          text-decoration-color:#ff0000!important;
          text-decoration-style:solid!important;
          text-underline-offset: 0.7rem!important;


}
.sec6-bg-left{
    background-image: url("../img/میراث-پدیا-bg-last-left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:50%;

}
.sec6-bg-center{
        /* background-image: url("../img/میراث-پدیا-bg-last-right.png"); */
    background-repeat: no-repeat;
        background-position: center center;

}
.sec6-bg-right{
        /* background-image: url("../img/میراث-پدیا-bg-last-right.png"); */
    background-repeat: no-repeat;
     background-position: center left;
    background-size:50%;

}
.sec5-logo
{
            background-image: url("../img/sec5-logo.png"); 
    background-repeat: no-repeat;
     background-position: center center;
 
}
.toparrow {
    transform: rotate(269deg);
    color: #00b7cc;
    position: absolute;
    top: -40px;
    left: 44%;
    font-size: 1.5em;
}
.bottomarrow {
    transform: rotate(
87deg);
    color: #00b7cc;
    position: absolute;
    bottom: -40px;
    left: 37%;
    font-size: 1.5em;
}
.sec5-arrows
{
    position: relative;
    width: 100%;
    height: 100%;
}
.arrow
{
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.5em;
}
.circletext{
  color:#fff;
  opacity: 0.8;
  font-size:0.7em;

}
.circletext-purple{
      color:#fff;
      opacity: 0.8;
      font-size:1.5em;
      padding-top: 2em!important;
}
.sec6-bold {
    font-family: 'dana-bold';
    color: #fff;
    font-size: 2.7em;
    opacity: 1!important;
}
.sec6-bolder {
    font-family: 'dana-bold';
    color: #fff;
    font-size: 2.3em;
    opacity: 1!important;
}
.btn-primary {
    padding: 0 1rem!important;
    border-radius: 0!important;
    background-color: #21409a!important;
    font-size: 2.5vw;
}  
.btn-cyan
{
        padding: 0 1rem!important;
    border-radius: 0!important;
    background-color: #00b7ce!important;
    font-size: 2.5vw;
    color:#fff;
}

.arrow-cyan
{
color:#00b7ce;
}
.arrow-blue
{
color:#21409a;
}




.cover-container {
  /* max-width: 42em; */
    max-width: 490vw;
}
p.section4-txt {
    width: 70%;
    text-align: justify;
    font-size: 1em;
    text-align: center;
}
        #section5{
    
    background-image: url("../img/میراث-پدیا-bg.png");
    background-repeat: no-repeat;
    background-position: top center!important;
}

/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}
.section2-bg{
    background-size:100%;
    background-image: url("../img/section2-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}
.sec2-box
{
display: none;
}
.part2-titr:hover + .sec2-box {
  display: block;
  
}

#section2 .arrow {

    font-size: 3rem;
}
section#section2 {
    padding: 2rem 8rem;
}
a {
    text-decoration: none !important;
    color: #000;


}
.flex-p {
    justify-content: space-evenly;
}
#section2 .btn-primary {
    font-size: 1.5vw;
}

/***********************************************************mobile*/

/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) 
{ 
    .section3-text{
        font-size: 1.2em;
    color:#b6b6b6;
    line-height: 1.3em;
    text-align: right;

}
.section3-mark
 {
    font-size: 1.5em;
    background-color: #00b7ce !important;
    padding: 0 1rem !important;
    margin: 0 !important;
    color: #fff !important;
    line-height: 1.3em;
}

    section#section3 p 
    {
        text-align: justify;
    }
    section#section2{
        padding: 0;
        margin: 0;
    }
    .section2-bg {

    background-image: url("../img/section2-mob.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}
.part2-titr {
    font-size: 1em;
}
    .arrow {

    font-size: 2rem;
    }
    abbr
    {
        text-underline-offset: 1em!important;
    }
.section1-txt-gray {
    font-size: 2rem;
    text-align: right;
   
}
.section1-txt-titr
{
    font-size: 2.8rem;
    text-align: right;
}
.btn-primary {
    padding: 0 1rem !important;
    background-color: #21409a !important;
    font-size: 1.2rem!important;
}
.mob-pt {
    padding-top:2rem;
}
.mob-mt {
    margin-top:1rem;
}
.mob-pb {
    margin-bottom:2rem;
}
.mob-pt {
    padding-top: 2rem;
}


 #section5 {
    background-image: url("../img/میراث-پدیا-bg.png");
    background-repeat: no-repeat;
    background-position: top center!important;
    background-size: 90%;
}  

} 
/* end mobile */

  /* xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px, xxl: 1400px*/
  
/* // Small devices (landscape phones, less than 768px) */
/* @media (max-width: 767.98px) { {}  } */

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {   }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {   }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    

}

/* // bahareh -X-Large devices (large desktops, less than 2560px) */
@media (min-width: 1439px )
    {     
        abbr
        {
            
            text-underline-offset: 3.5rem!important;
        }
        .section2-bg{
    background-size:90%;
    background-image: url("../img/section2-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}
    }  

/* miraspedia *//* // X-Large devices (large desktops, less than 3839px) */
@media (min-width: 2600px) { 
    .section6-titr {
   font-family: 'dana-bold';
   color:#a5a5a5;
   font-size: 13em;
   line-height: 1em;
   padding-left: 7.8rem!important;
   text-align: left;
}
    .bluecircle {
    width: 850px;
    height: 850px;
    background-color: #00b7ce;
    border-radius: 50%;
    position: relative;
    text-align: center;
}
.sec6-img{
    width:350px;
    height: auto;
}
.bluetriangle-center {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #21409a;
    transform: rotate(180deg);
    position: absolute;
    right: 377px;
    /* float: right; */
    margin-top: 20vh;
    bottom: -47px;
    text-align: center;
}
.circletext {
    color: #fff;
    opacity: 0.8;
    font-size: 2.5em;
}
.bluetriangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #00b7ce;
    transform: rotate(
225deg);
    position: absolute;
    left: 58px;
    float: left;
    margin-top: 20vh;
    top: 33%;
}
.bluetriangle-left {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #00b7ce;
    transform: rotate(
135deg);
    position: absolute;
    right: 58px;
    float: right;
    margin-top: 20vh;
    top: 84%;
}
.bigpurplecircle {
    width: 850px;
    height: 850px;
    background-color: #21409a;
    border-radius: 50%;
    position: relative;
    text-align: center;
}
.section6-txt-small {
    font-size: 2em;
    font-family: 'dana-regular';
    text-align: center;
    color: #fff;
    padding-top: 16rem;
}
.toparrow {
    transform: rotate(269deg);
    color: #00b7cc;
    position: absolute;
    top: -147px;
    left: 37%;
    font-size: 5.5em;
}
.bottomarrow {
    transform: rotate(87deg);
    color: #00b7cc;
    position: absolute;
    bottom: -150px;
    left: 32%;
    font-size: 5.5em;
}
.purplecircle {
    width: 300px;
    height: 300px;
    background-color: #21409a;
    border-radius: 50%;
    position: absolute;
    top: 31%;
    right: -20%;
    outline: 2px solid #fff;
    outline-offset: -10px;
}
.section6-lastrow {
    font-size: 3em;
    text-align: center;
}
.purplecircle-left {
    width: 300px;
    height: 300px;
    background-color: #21409a;
    border-radius: 50%;
    position: absolute;
    top: 31%;
    left: -20%;
    outline: 2px solid #fff;
    outline-offset: -10px;
}

    .mark-blue-small {

    font-size: 3em;
}
.darkblue-txt {
    font-size:5rem;
}
.mt-section5
{
margin-top: 18rem;
}
ul.blue-square {
    list-style-type: square !important;
    margin-left: 8rem;
}
ul.rightblue-square {
   
    margin-left: 0rem!important;
}

#section5 {
    background-image: url(../img/میراث-پدیا-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 52%;
    margin-top:10em;
}
.section5-textbold{
    font-size:2.5em;
    padding-top: 0.5em;
}
ul.blue-square li::marker {
    color: #8dd8ee !important;
    font-size: 4em;
}
ul.rightblue-square li::marker {
    color: #8dd8ee !important;
    font-size: 4em;
}
    .section2-img-1
    {
            width: 152px;
            height: auto;
    }
        .section2-img-2
    {
            width: 155px;
            height: auto;
    }
        .section2-img-3
    {
            width: 170px;
            height: auto;
    }
    .section4-img
    {
            width: 250px;
            height: auto;
    }
    .arrow {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 10rem;
           }
     p.section4-txt {
    width: 75%;
    text-align: justify;
    font-size: 3em;
    text-align: center;
}
.darkblue
{

    color:#21409a;
    width: 70%;
    font-size:3em;

} 
   abbr
        {
            text-underline-offset: 0.6em!important;
        }
        .miras-pt-5
        {
            padding-top:2rem;
        }
        .miras-mt-5
        {
            margin-top: 2rem;
            margin-left: 8rem;
        }
        .section2-bg{
    background-size:100%;
    background-image: url("../img/section2-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}
.activity-field1 {
    background-color: #e6e7e8;
    padding: 10px 20px 5px 10px;
    text-align: right;
    width: 28.8rem;
    font-size: 3rem;
}
.part2-titr {
    font-size: 5.1em;
    text-align: center;
}
.flex-p {
    justify-content: space-evenly;
    column-gap: 25rem;
}
#section2 .btn-primary {
    font-size:3rem;
}
.section3-txt-gray
{
         font-size: 5em;
    color:#a9a9a9;
}

.section3-text{
        font-size: 5.6em;
    color:#b6b6b6;
    line-height: 1.3em;

}
.section3-mark {
    font-size: 1.9em;
}
#section3 abbr{

          text-underline-offset: 3.7rem!important;


}
.section3-padding{
    margin-top:7rem!important;


}
.section6-titr-left {
    font-size: 13em;
    font-family: 'dana-bold';
    color:#a5a5a5;
    line-height: 1em;
    padding-right: 10.5rem!important;
    text-align: right;
    padding-left:7.8rem !important;
 
}
/* #section2 img {
    width: 40%;
    height: auto;
} */
.sec6-bolder

 {
    font-family: 'dana-bold';
    color: #fff;
    font-size: 4.3em;
    opacity: 1 !important;
}
.circletext-purple{
      color:#fff;
      opacity: 0.8;
      font-size:4em;
      padding-top: 2em!important;
}

 }