.main-slide .shape {
  height: 100%;
  width: 55%;
  object-position: right center;
  object-fit: contain;
  transform: translateY(-50%) scaleX(-1) !important; }
  .main-slide .shape.has-max-h {
    max-height: 300px; }
.main-slide .img {
  max-height: 375px; }
.main-slide .icon {
  width: 50px;
  height: 50px; }

@media screen and (max-width: 768px) {
  .main-slide .img {
    max-height: 250px; } }
@media screen and (max-width: 992px) {
  .main-slide .shape.shape-main-slide {
    position: relative !important;
    top: 0 !important;
    transform: translateY(0) translateX(0) !important;
    width: 100% !important; } }
.main-blog-single .table-of-content {
  background-color: rgba(39, 109, 241, 0.1) !important; }
  .main-blog-single .table-of-content .table-of-content-header {
    color: #276df1 !important; }
  .main-blog-single .table-of-content .table-of-content-header-icon {
    background-color: #276df1 !important; }
    .main-blog-single .table-of-content .table-of-content-header-icon .icon-down:before {
      content: "\e90b";
      transform: rotate(90deg);
      display: inline-block; }
    .main-blog-single .table-of-content .table-of-content-header-icon .icon-up:before {
      content: "\e90b";
      transform: rotate(-90deg);
      display: inline-block; }
  .main-blog-single .table-of-content .table-of-content-body a {
    color: #ffffff !important; }
    .main-blog-single .table-of-content .table-of-content-body a:hover {
      color: #276df1 !important; }
.main-blog-single p {
  font-size: 16px;
  color: #e1e1ec;
  display: block;
  text-align: justify;
  text-align-last: right;
  margin-bottom: 20px; }
.main-blog-single dl, .main-blog-single ol, .main-blog-single ul {
  padding-right: 18px !important;
  margin-right: 0 !important;
  color: #fff !important;
  margin-bottom: 10px !important; }
.main-blog-single ul li {
  list-style: disc !important; }
.main-blog-single ol li {
  list-style: auto !important; }
.main-blog-single ul.nav-social li {
  list-style: none !important; }
.main-blog-single blockquote {
  font-size: 32px;
  font-family: Staatliches !important;
  color: #edac46;
  display: block;
  margin-bottom: 20px;
  position: relative;
  padding-right: 60px;
  max-width: 75%; }
  .main-blog-single blockquote:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 44px;
    height: 3px;
    background-color: #edac46; }
.main-blog-single .img {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  background-color: #1f1f29; }
.main-blog-single figure {
  width: 100% !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important; }
.main-blog-single img {
  max-width: 100%;
  border-radius: 10px;
  margin-top: 16px !important;
  margin-bottom: 16px !important; }
.main-blog-single h1, .main-blog-single h2, .main-blog-single h3, .main-blog-single h4, .main-blog-single h5, .main-blog-single h6 {
  color: #ffffff;
  display: block;
  margin-bottom: 10px; }
.main-blog-single h1 {
  font-size: 32px; }
.main-blog-single h2 {
  font-size: 28px; }
.main-blog-single h3 {
  font-size: 26px; }
.main-blog-single h4 {
  font-size: 24px; }
.main-blog-single h5 {
  font-size: 22px; }
.main-blog-single h6 {
  font-size: 20px; }
.main-blog-single .nav-social .nav-link:hover {
  color: #276df1 !important; }
.main-blog-single table {
  width: 100% !important;
  margin: 16px 0px !important; }
.main-blog-single th, .main-blog-single td {
  padding: 12px !important;
  font-size: 15px !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important; }
.main-blog-single th {
  background-color: #276df1 !important; }
.main-blog-single .article-did-cta {
  background-color: rgba(39, 109, 241, 0.1) !important; }
.main-blog-single .article-did-cta .description {
  color: #ffffff !important; }
.main-blog-single .article-did-cta .link {
  color: #276df1 !important; }
.main-blog-single .rank-math-list {
  background-color: #1f1f29 !important;
  border-radius: 10px !important;
  margin-bottom: 16px !important; }
.main-blog-single .rank-math-list-item {
  padding: 12px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
  .main-blog-single .rank-math-list-item:last-child {
    border-bottom: none !important; }
  .main-blog-single .rank-math-list-item p {
    margin-bottom: 0 !important; }
.main-blog-single .rank-math-question {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important; }

@media screen and (max-width: 992px) {
  .main-blog-single p {
    margin-bottom: 16px; }
  .main-blog-single blockquote {
    font-size: 24px;
    margin-bottom: 16px;
    padding-right: 0px;
    max-width: 100%;
    background-color: rgba(237, 172, 70, 0.06);
    border-radius: 10px;
    padding: 12px; }
    .main-blog-single blockquote:before {
      display: none; }
  .main-blog-single h1 {
    font-size: 26px; }
  .main-blog-single h2 {
    font-size: 24px; }
  .main-blog-single h3 {
    font-size: 22px; }
  .main-blog-single h4 {
    font-size: 20px; }
  .main-blog-single h5 {
    font-size: 18px; }
  .main-blog-single h6 {
    font-size: 17px; }
  .main-blog-single th, .main-blog-single td {
    padding: 8px !important;
    font-size: 14px !important; } }
.articles .item {
  height: 325px; }
  .articles .item .img:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(90deg, #1b1b25 0%, rgba(27, 27, 37, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #1b1b25 0%, rgba(27, 27, 37, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #1b1b25 0%, rgba(27, 27, 37, 0) 100%); }

@media screen and (max-width: 992px) {
  .articles {
    overflow: hidden; }
    .articles .swiper-container {
      overflow: visible !important; }
    .articles .swiper-slide {
      max-width: 270px; }
    .articles .item {
      height: 270px; }
      .articles .item .img:before {
        height: 200%; } }
.input-public, .textarea-public {
  height: 47px;
  width: 100%;
  background-color: #1f1f29;
  padding: 0px 16px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 10px;
  border: none !important; }

.textarea-public {
  height: 200px;
  padding: 16px; }

.comments-img {
  width: 50px;
  height: 50px; }

html[data-bs-theme="dark"] .input-public, html[data-bs-theme="dark"] .textarea-public {
  background-color: #f8f8f8;
  color: #1f1f29; }

.sidebar-blog {
  padding: 16px; }
  .sidebar-blog .sidebar-blog-title {
    font-size: 20px; }
  .sidebar-blog .sidebar-blog-item {
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
    .sidebar-blog .sidebar-blog-item:last-child {
      border-bottom: none; }
    .sidebar-blog .sidebar-blog-item:hover .sidebar-blog-item-title {
      color: #276df1; }
  .sidebar-blog .sidebar-blog-item-img {
    width: 70px;
    height: 70px;
    margin-left: 12px; }
  .sidebar-blog .sidebar-blog-item-title {
    font-size: 16px; }
  .sidebar-blog .sidebar-blog-item-date {
    font-size: 14px; }
  .sidebar-blog .sidebar-blog-item:first-child {
    display: block; }
    .sidebar-blog .sidebar-blog-item:first-child .sidebar-blog-item-img {
      width: 100%;
      height: auto;
      margin-left: 0;
      margin-bottom: 12px; }
    .sidebar-blog .sidebar-blog-item:first-child .sidebar-blog-item-title {
      font-size: 18px; }
    .sidebar-blog .sidebar-blog-item:first-child .sidebar-blog-item-date {
      font-size: 16px; }
  .sidebar-blog .sidebar-blog-item:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }

/*# sourceMappingURL=blog-single.css.map */