@font-face{font-family:yekanf;src:url("https://gymfit.s3.ir-thr-at1.arvanstorage.com/yekanf.woff") format('woff');font-weight:normal}  .y-f {font-family: yekanf !important;}  .stamp {width: 400px;height: 120px;border: 5px inset #ffffff6e;position: absolute;top: 13%;left: 0;right: 0;margin: 0 auto;transform: rotate(-15deg);}  .stamp:after {content: "GYMFIT";display: block;font-size: 100px;position: absolute;top: 40%;text-align: center;left: 0;right: 0;color: #ffffff6e;font-weight: bold;font-family: "Agency FB";}  .stamp:before {content: "";width: 380px;height: 100px;border: 5px outset #ffffff6e;position: absolute;left: 0;right: 0;margin: 0 auto;transform: rotate(20deg);}  .jumbotron {background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), url("../../images/meat-nutrition.webp");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;font-family: Yekan;color: #fff;text-shadow: 1px 1px #000;margin-top: 300px;}  .jumbotron .title {text-align: center;font-size: 30px;font-weight: bold;}  .jumbotron > p {text-align: center;font-size: 18px;padding: 30px 0;line-height: 40px;max-width: 90%;margin: 0 auto;}  /*learnVideo*/  .main .learn {padding: 0 5vw;}  .main .learn .title {color: #fff;display: inline-block;font-size: 22px;font-family: Yekan;font-weight: 600;padding-top: 50px;margin-bottom: 100px;}  .main .learn .title:after {content: "";display: block;position: relative;top: 20px;height: 5px;width: 100%;background-color: #980000;}  :root {--plyr-color-main: #980000;}  /*Comments*/  .content {padding: 0 5vw;}  .content .titer {color: #fff;font-size: 40px;font-weight: 600;text-shadow: 1px 1px #000;font-family: Yekan;margin-bottom: 38px;}  .content .titer::before {content: '\f4b6';font-family: "Font Awesome 5 Pro";font-weight: 900;color: #fff;}  #comments {width: 100%;margin: unset;margin-top: 50px;position: relative;padding-bottom: 180px;}  #comments > ul {background-image: url("../../images/squer.svg");border-bottom-right-radius: 4px;padding: 45px 25px;margin-bottom: unset;min-height: 280px;}  #comments > ul > .empty {color: rgba(255, 255, 255, .5);list-style-type: none;text-align: center;font-size: 4vw;letter-spacing: 1.1px;position: relative;top: 75px;font-weight: 600;animation-name: flash;animation-duration: 5s;animation-iteration-count: infinite;}  #comments .nav-tabs {border-bottom: 2.5px solid #000000;color: #fff;font-weight: 600;background-image: url("../../images/squer.svg");border-radius: 4px 4px 0 0;overflow: hidden;}  #comments .nav-tabs .nav-link {color: #fff;border: 1px solid #000000;}  #comments .nav-tabs .nav-link:hover {border-color: transparent;}  #comments .nav-tabs .nav-link.active {background-color: #00000080;border-radius: unset !important;}  #comments .media {color: white;padding-top: 30px;text-shadow: 1px 1px black;}  #comments .media > img {display: none;border: 3px solid #fff;}  #comments .media .date {text-align: left;float: left;margin-left: 40px;font-weight: bold;font-family: yekan;}  #comments .media .text {text-align: justify;line-height: 35px;font-size: 17px;padding-top: 20px;border-bottom: 3px solid #da2f2f;}  #comments .media .text .subText {display: block;text-align: left;cursor: pointer;}  #comments .media .text .subText li {margin-right: 15px;}  #comments .media .text .subText li.active {font-weight: 900 !important;font-size: 18px !important;color: red !important;position: relative;}  #comments .media .text .subText li:hover {color: gold;}  #comments .sendComment {background-image: url("../../images/squer.svg");padding: 45px 30px;border-radius: 0 30px;border-right: 2.5px solid #000000;}  #comments .sendComment .title {color: #fff;height: 100px;padding: 33px 0;font-size: 18px;font-weight: 600;}  #comments .sendComment .title::before {content: '\f4d6';font-family: "Font Awesome 5 Pro";font-weight: 900;color: #fff;font-size: 25px;}  #comments .sendComment .subTitle {font-size: 14px;padding-top: 30px;font-weight: 400;display: block;color: #fff;text-align: justify;}  #comments .btn-me {padding: 10px 15px 10px 20px;border-radius: 4px;background: transparent;position: relative;overflow: hidden;color: white;font-size: 18px;font-weight: 600;outline: none;box-shadow: 0 0 4px rgba(255, 255, 255, .55);border: none;}  #comments .btn-me:before {content: "";display: block;background-color: rgba(0, 0, 0, .4);border-radius: 50px 0 0 50px;width: 60px;height: 50.8px;position: absolute;right: 0;top: 0;transition: all .5s ease-in-out;}  #comments .btn-me:hover:before {width: 300px;}  #comments .btn-me i {font-size: 28px;}  #comments .replay {display: none;}  #comments .replay .col-12:first-of-type span {font-size: 25px;font-weight: 600;}  #comments .replay .col-12:first-of-type i {font-size: 25px;cursor: pointer;}  #comments .replay .col-12:nth-of-type(2) {font-size: 18px;padding-bottom: 20px;}  #comments .replay .col-12:nth-of-type(3) textarea {height: 150px;}  @media (min-width: 380px) {  }  @media (min-width: 576px) {  #comments .media .text {width: 95%;}  #comments .media > img {display: block;width: 52px;height: 52px;}  #comments .replay {width: 98%;}  #comments .sendComment .title {font-size: 20px;}  }  @media (min-width: 768px) {  #comments .media > img {display: block;width: 64px;height: 64px;}  #comments .sendComment .title {font-size: 23px;}  }  @media (min-width: 992px) {  #comments .sendComment {border-radius: 4px 0 0 4px;}  #comments .sendComment {margin-top: -48px;position: sticky;top: 102px}  #comments .sendComment .title {font-size: 18px;}  }