/* @font-face { font-family: "Shabnam"; src: url("../fonts/Shabnam.woff") format("woff"), url("../fonts/Shabnam.ttf") format("truetype"), url("../fonts/Shabnam.eot?#iefix") format("embedded-opentype"), url("../fonts/Shabnam.ttf") format("truetype"), url("../fonts/Shabnam.woff2") format("woff2");  font-style: normal; font-weight: normal; } */
@font-face {
    font-family: Shabnam;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Shabnam.eot');
    src: url('../fonts/Shabnam.eot') format('embedded-opentype'), 
    url('../fonts/Shabnam.woff2') format('woff2'), 
    url('../fonts/Shabnam.woff') format('woff'), 
    url('../fonts/Shabnam.ttf') format('truetype');
  }
body { font-family: "Shabnam"; /*background-color: #22253a;*/ background-color: #F4F4F4; color: #4F5159; }
@media (min-width: 1470px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1470px; }
}

h1 , .h1 { font-size: 30px !important; font-weight: bold; color: #002AFC }
h2 , .h2 , p strong{font-size: 21px !important;color: #fff; color:#1E2D7A; display: block; line-height: 35px; }
p{font-size: 17px; }
a{ /*color:#797C89;*/ color:#4F5159}
a:hover{color: #002AFC;}
.fortuna-investment{margin: 50px auto;padding-top: 100px;border: 3px solid;border-image: linear-gradient(to right, #002AFC 0%, #3CA587 100%) 1;background-color: #F8F8F8;padding-bottom: 50px;}
.fortuna-investment h2{animation-delay: 300ms;}
.fortuna-investment img{ width: 100px; animation-delay: 300ms;}
.fortuna-investment p{ font-size: 15px;}
.fortuna-investment p.description{ font-size: 17px;color: #4C4C4C;}
.fortuna-investment p.title{ font-size: 17px;color: #002AFC;}
.fortuna-investment .row{ margin-top:100px;}
/* .intro{margin: 0 auto; width: 100%; } */
/* .intro{margin: 0 -40px 0 auto; } */
.intro{margin: 0 auto; }
.packages{margin: 50px auto;}
.packages p.h1{color:#28292B;}
.packages p.h2{color:#36373D;}
.packages-type{ padding-bottom: 30px;border-radius: 6px;background-color: #F8F8F8;}
.packages-type.bronze{ /*background: url(../img/7.svg) no-repeat top right;*/padding-top: 70px; background-size: 15%; border:3px solid #AD8977;background-color: #F8F8F8;}
.packages-type.silver {/*background: url(../img/8.svg) no-repeat top right;*/padding-top: 70px; background-size: 15%; margin-top:50px; border:3px solid #9097A9;background-color: #F8F8F8;}
.packages-type.gold {/*background: url(../img/9.svg) no-repeat top right;*/ padding-top: 70px; background-size: 15%; margin-top:50px; border:3px solid #CEB886;background-color: #F8F8F8;}
.packages-type.bronze .h1{color: #ffff;
  display: inline-block;
  background: #956D5B;
  display: inline-block;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 25px;}
.packages-type.silver .h1{ color: #ffff;
  display: inline-block;
  background: #868fa7;
  display: inline-block;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 25px;}
.packages-type.gold .h1{color: #ffff;
  display: inline-block;
  background: #d0b471;
  display: inline-block;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 25px;}
.table tr:last-child{ --mdb-table-border-color: #F8F8F8; }
.packages-type.bronze .table-responsive{ border:1px solid #AD8977; border-radius: 6px; padding: 15px;}
.packages-type.silver .table-responsive{ border:1px solid #9097A9; border-radius: 6px; padding: 15px;}
.packages-type.gold .table-responsive{ border:1px solid #CEB886; border-radius: 6px; padding: 15px;}
.packages p.h1{margin-bottom: 50px !important;}
.packages-type p.h1{margin-bottom:20px !important;}
.packages-type table {
    caption-side: top;
    border-collapse: collapse; color: #6A6D78;
  }
.packages-type table caption{ width: 100%; text-align: center; color: #6A6D78; margin-bottom: 5px;font-size: 17px;}
.packages-type ul{ text-align: right; list-style: none; position: relative;}
.packages-type.bronze ul li::before{content:""; position:absolute; right: -5px;margin-top: 7px; width: 10px; height: 10px; border-radius: 100%; background:#956D5B ;}
.packages-type.silver  ul li::before{content:""; position:absolute; right: -5px;margin-top: 7px; width: 10px; height: 10px; border-radius: 100%; background:#9097A9 ;}
.packages-type.gold ul li::before{content:""; position:absolute; right: -5px;margin-top: 7px; width: 10px; height: 10px; border-radius: 100%; background:#CEB886 ;}
.table-resize{position: relative;}
.bronze .table-resize::before {position: absolute; content:"" ; right: 12%; top:15px; border-radius: 6px; width: 70%; height: 100%; background:#AD8977; z-index:1;opacity:0.5;}
.silver .table-resize::before {position: absolute; content:"" ; right: 12%; top:15px; border-radius: 6px; width: 70%; height: 100%; background:#9097A9; z-index:1;opacity:0.5;}
.gold .table-resize::before {position: absolute; content:"" ; right: 12%; top:15px; border-radius: 6px; width: 70%; height: 100%; background:#CEB886; z-index:1;opacity:0.5;}

.table-responsive{z-index:2;position: relative;background-color: #F8F8F8;}
.table-hover > tbody > tr:hover > * { color: #002AFC;}
.icon{ margin-right: 8px; margin-top:-8px;}

.first-title { font-weight: 700; font-size: 21px; line-height: 45px; color: #D3D3D3; margin-top: 10% }


footer { font-size: 12px; font-weight: 300; padding-bottom: 30px;  }
footer p { margin-bottom:0;font-size: 15px; }

@media (max-width: 1440px) {
    h1 { font-size: 17px; }
    .intro{margin: 0 auto; width: 90%; }
}

@media (max-width: 1000px) {
  .intro{margin: 0 auto; width: 90%; }
  .silver .table-resize::before , .bronze .table-resize::before ,  .gold .table-resize::before {right: 3%;}   
}
@media (max-width: 835px) {
    .first-title { position: absolute; top: 59px; right: 180px; font-size: 17px; margin-top: 0px; font-weight: 700; line-height: 21px; } 
}

    @media (max-width: 610px) {
        .col { width: 100%; flex: auto }
        .first-title { position: absolute; top: 40px; right: 140px; font-size: 15px; margin-top: 0px; font-weight: 300; line-height: 21px; }
        .packages p.h1 {margin-bottom: 30px !important;}
        .packages-type.bronze , .packages-type.silver , .packages-type.gold {background-size: 20%;}
        .fortuna {scale: 0.7; transform: scale(0.7)}
        .fortuna-investment {padding-top: 70px;}

    }

    @media (max-width: 500px) {
        .first-title { position: absolute; top: 40px; right: 80px; font-size: 15px; margin-top: 0px; font-weight: 300; line-height: 21px; }
        .fortuna-investment p.description {font-size: 15px;}
    }

    @media (max-width: 416px) {
        .first-title { position: absolute; top: 30px;}
        h1 , .h1 { font-size: 25px !important; font-weight: bold; }
        h2 , .h2 , p strong{font-size: 17px !important; line-height: 30px; }
        ul , p{font-size: 14px; }
     }