/* Blog CSS - blog-list.html, blog-details-2.html */

.im-blog-placeholder .thumbnail-large img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.im-blog-placeholder .check-area-details .single-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}

.blog-details-banner-large-image {
  height:703px;
  background-image:url(../images/blog/18.webp);
  background-attachment:fixed;
  background-position:center,center;
  background-size:cover;
}

.blog-details-banner-video {
  background-image:none;
  background:#0a1628;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.blog-details-banner-video .im-destaque-embed-wrap {
  width:100%;
  max-width:1200px;
  aspect-ratio:16/9;
  margin:0 auto;
}

.blog-details-banner-video .im-destaque-embed-wrap iframe {
  width:100%;
  height:100%;
  border:0;
  border-radius:12px;
}

.blog-details-banner-video .im-destaque-video {
  width:100%;
  height:100%;
  object-fit:cover;
}

.im-thumb-has-video {
  position:relative;
}

.im-thumb-has-video .im-thumb-play {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,52,110,.35);
  color:#fff;
  font-size:28px;
  pointer-events:none;
}

.im-thumb-video-placeholder {
  display:block;
  width:100%;
  min-height:200px;
  background:linear-gradient(135deg,#00346e,#1a5a9e);
}

@media only screen and (max-width:767px) {
  .blog-details-banner-large-image {
    height:450px;
  }
}

@media only screen and (max-width:575px) {
  .blog-details-banner-large-image {
    height:350px;
  }
}

.rts-single-wized {
  background:#20282D;
  border-radius:15px;
  padding:40px;
  margin-bottom:40px;
}

.rts-single-wized:last-child {
  margin-bottom:0;
}

@media only screen and (max-width:479px) {
  .rts-single-wized {
    padding:20px;
  }
}

.rts-single-wized.download {
  background:#1C2539;
}

.rts-single-wized.download .title {
  color:#fff;
}

.rts-single-wized.contact {
  background:var(--color-primary, #00346e);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:60px;
}

@media only screen and (max-width:479px) {
  .rts-single-wized.contact {
    padding:25px 20px;
  }
}

@media only screen and (max-width:479px) {
  .rts-single-wized.contact:last-child {
    margin-bottom:0;
  }
}

.rts-single-wized.contact .wized-body {
  text-align:center;
}

.rts-single-wized.contact .wized-body .title {
  color:#fff;
  margin-bottom:30px;
  font-size:22px;
  line-height:32px;
}

.rts-single-wized.contact .wized-body a.rts-btn {
  display:block;
  max-width:max-content;
  margin:auto;
}

.rts-single-wized .wized-header .title {
  margin-bottom:10px;
  color:#fff;
}

.rts-single-wized .wized-body {
  margin-top:30px;
}

.rts-single-wized .wized-body .rts-search-wrapper {
  position:relative;
}

.rts-single-wized .wized-body .rts-search-wrapper input {
  background:#fff;
  height:55px;
  border-radius:5px;
  padding-right:70px;
  padding-left:25px;
  border:1px solid transparent;
}

.rts-single-wized .wized-body .rts-search-wrapper input:focus {
  border:1px solid var(--color-primary);
}

.rts-single-wized .wized-body .rts-search-wrapper button {
  position:absolute;
  max-width:max-content;
  height:55px;
  width:55px;
  border-radius:5px;
  background:var(--color-primary);
  display:inline-block;
  padding:0 19px;
  right:0;
}

.rts-single-wized .wized-body .rts-search-wrapper button i {
  color:#fff;
  font-size:16px;
  line-height:16px;
}

.rts-single-wized .single-categories {
  margin-bottom:15px;
  padding:0;
}

.rts-single-wized .single-categories:last-child {
  margin-bottom:0;
}

.rts-single-wized .single-categories li {
  list-style:none;
}

.rts-single-wized .single-categories li a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 25px;
  background:#283136;
  color:#ffffff;
  font-weight:500;
  transition:0.3s;
  border-radius:5px;
}

.rts-single-wized .single-categories li a i {
  color:#ffffff;
  transition:0.3s;
}

.rts-single-wized .single-categories li a:hover {
  background:var(--color-primary);
  transform:translateY(-5px) scale(1.03);
  color:var(--color-white);
}

.rts-single-wized .single-categories li a:hover i {
  color:var(--color-primary);
}

.rts-single-wized .recent-post-single {
  display:flex;
  align-items:center;
  margin-bottom:20px;
}

.rts-single-wized .recent-post-single:last-child {
  margin-bottom:0;
}

.rts-single-wized .recent-post-single .thumbnail {
  margin-right:20px;
  overflow:hidden;
  max-width:max-content;
  width:100%;
  border-radius:5px;
}

.rts-single-wized .recent-post-single .thumbnail img {
  min-width:85px;
  height:auto;
  transition:0.3s;
}

.rts-single-wized .recent-post-single .thumbnail:hover img {
  transform:scale(1.2);
}

.rts-single-wized .recent-post-single .user {
  display:flex;
  align-items:center;
}

.rts-single-wized .recent-post-single .user span {
  margin-left:9px;
}

.rts-single-wized .recent-post-single .post-title .title {
  margin-bottom:0;
  font-size:16px;
  font-weight:600;
  color:#1C2539;
  line-height:26px;
  margin-top:5px;
  transition:0.3s;
}

@media only screen and (max-width:479px) {
  .rts-single-wized .recent-post-single .post-title .title {
    font-size:14px;
    line-height:26px;
    margin-top:0;
  }
}

.rts-single-wized .recent-post-single .post-title:hover .title {
  color:var(--color-primary);
}

.rts-single-wized .tags-wrapper {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:-10px;
}

.rts-single-wized .tags-wrapper a {
  padding:5px 16px;
  background:#fff;
  border-radius:5px;
  margin-right:10px;
  margin-bottom:10px;
  color:#1C2539;
  font-size:14px;
  font-weight:500;
  transition:0.3s;
}

.rts-single-wized .tags-wrapper a:hover {
  background:var(--color-primary);
  color:#fff;
  transform:translateY(-3px) scale(1.09);
}

.mySwiper-blog-one {
  padding-bottom:70px;
}

.blog-single-post-listing {
  margin-right:30px;
  border:1px solid #E6E9F0;
  margin-bottom:50px;
}

@media only screen and (max-width:1199px) {
  .blog-single-post-listing {
    margin-right:0;
  }
}

.blog-single-post-listing.details {
  border-radius:15px;
}

.blog-single-post-listing.details .thumbnail {
  border-radius:15px 15px 0 0;
}

.blog-single-post-listing.details .thumbnail.details {
  border-radius:15px;
  width:100%;
  max-width:max-content;
}

@media only screen and (max-width:1199px) {
  .blog-single-post-listing.details .thumbnail.details {
    max-width:100%;
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .blog-single-post-listing.details .thumbnail.details {
    margin-bottom:20px;
  }
}

@media only screen and (max-width:767px) {
  .blog-single-post-listing.details .thumbnail.details {
    margin-bottom:20px;
  }
}

@media only screen and (max-width:575px) {
  .blog-single-post-listing.details .thumbnail.details {
    margin-bottom:0;
  }
}

.blog-single-post-listing.details .rts-quote-area {
  padding:50px;
  background:#F6F6F6;
  border-radius:15px;
  margin-bottom:40px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .blog-single-post-listing.details .rts-quote-area {
    padding:30px;
  }
}

@media only screen and (max-width:767px) {
  .blog-single-post-listing.details .rts-quote-area {
    padding:10px;
    margin-bottom:25px;
  }
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing.details .rts-quote-area {
    margin-top:15px;
  }
}

.blog-single-post-listing.details .rts-quote-area .title {
  margin-bottom:25px;
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing.details .rts-quote-area .title {
    font-size:16px;
    margin-bottom:15px;
  }
}

.blog-single-post-listing.details .rts-quote-area .name {
  font-size:18px;
  color:var(--color-primary);
  font-weight:700;
}

.blog-single-post-listing.details .rts-quote-area span {
  display:block;
  font-weight:400;
  font-size:14px;
  color:#5D666F;
}

.blog-single-post-listing.details .check-area-details .single-check {
  display:flex;
  align-items:center;
  margin-bottom:5px;
}

.blog-single-post-listing.details .check-area-details .single-check i {
  margin-right:15px;
  color:var(--color-primary);
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing.details .check-area-details .single-check i {
    margin-top:-26px;
  }
}

.blog-single-post-listing.details .check-area-details .single-check span {
  color:#5D666F;
}

.blog-single-post-listing.details .details-tag {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing.details .details-tag {
    justify-content:flex-start;
  }
}

.blog-single-post-listing.details .details-tag h6 {
  margin-bottom:0;
  font-size:18px;
  margin-right:15px;
}

.blog-single-post-listing.details .details-tag button {
  padding:8px 12px;
  background:#F6F6F6;
  max-width:max-content;
  margin-left:10px;
  font-size:14px;
  font-weight:500;
  border-radius:5px;
  color:#1C2539;
  transition:0.3s;
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
  .blog-single-post-listing.details .details-tag button:last-child {
    margin-top:10px;
    margin-left:-2px;
  }
}

.blog-single-post-listing.details .details-tag button:hover {
  background:var(--color-primary);
  color:#fff;
  transform:translateY(-2px) scale(1.02);
}

.blog-single-post-listing.details .details-share {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .blog-single-post-listing.details .details-share {
    justify-content:flex-start;
    margin-top:30px;
  }
}

@media only screen and (max-width:767px) {
  .blog-single-post-listing.details .details-share {
    justify-content:flex-start;
    margin-top:30px;
  }
}

@media only screen and (max-width:575px) {
  .blog-single-post-listing.details .details-share {
    justify-content:flex-start;
    margin-top:20px;
  }
}

.blog-single-post-listing.details .details-share button {
  max-width:max-content;
  position:relative;
  z-index:1;
  margin-left:23px;
  color:#1C2539;
  transition:0.3s;
  font-size:14px;
}

.blog-single-post-listing.details .details-share button::after {
  position:absolute;
  content:"";
  background:#F6F6F6;
  height:40px;
  width:40px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:-1;
  transition:0.3s;
}

.blog-single-post-listing.details .details-share button:hover {
  color:#fff;
  transform:scale(1.2);
}

.blog-single-post-listing.details .details-share button:hover::after {
  background:var(--color-primary);
}

.blog-single-post-listing.details .details-share h6 {
  font-size:18px;
  margin-bottom:0;
  margin-right:15px;
}

.blog-single-post-listing.inner {
  border:none;
  max-width:950px;
  margin:0 auto;
}

.blog-single-post-listing .replay-area-details {
  margin-top:40px;
}

.blog-single-post-listing .replay-area-details form input {
  height:55px;
  border-radius:15px;
  background:#F6F6F6;
  border:1px solid transparent;
}

.blog-single-post-listing .replay-area-details form input:focus {
  border:1px solid var(--color-primary);
}

.blog-single-post-listing .replay-area-details form textarea {
  border-radius:15px;
  background:#F6F6F6;
  height:140px;
  margin-top:20px;
  padding:15px;
  border:1px solid transparent;
}

.blog-single-post-listing .replay-area-details form textarea:focus {
  border:1px solid var(--color-primary);
}

.blog-single-post-listing .thumbnail {
  overflow:hidden;
}

.blog-single-post-listing .thumbnail img {
  transition:0.3s;
  width:100%;
}

.blog-single-post-listing .thumbnail:hover img {
  transform:scale(1.2);
}

.blog-single-post-listing .blog-listing-content {
  padding:50px;
}

@media only screen and (max-width:767px) {
  .blog-single-post-listing .blog-listing-content {
    padding:25px 10px;
  }
}

.blog-single-post-listing .blog-listing-content .user-info {
  display:flex;
  align-items:center;
  margin-bottom:15px;
  flex-wrap:wrap;
}

.blog-single-post-listing .blog-listing-content .user-info .single {
  margin-right:30px;
  min-width:max-content;
}

@media only screen and (max-width:767px) {
  .blog-single-post-listing .blog-listing-content .user-info .single {
    margin-right:5px;
  }
}

@media only screen and (max-width:575px) {
  .blog-single-post-listing .blog-listing-content .user-info .single {
    margin-right:5px;
  }
}

.blog-single-post-listing .blog-listing-content .user-info .single i {
  margin-right:10px;
  color:var(--color-primary);
}

@media only screen and (max-width:575px) {
  .blog-single-post-listing .blog-listing-content .user-info .single i {
    margin-right:2px;
    font-size:14px;
  }
}

@media only screen and (max-width:575px) {
  .blog-single-post-listing .blog-listing-content .user-info .single span {
    font-size:13px;
  }
}

.blog-single-post-listing .blog-listing-content .blog-title {
  transition:0.3s;
}

.blog-single-post-listing .blog-listing-content .blog-title .title {
  transition:0.3s;
  margin-bottom:16px;
}

.blog-single-post-listing .blog-listing-content .blog-title:hover .title {
  color:var(--color-primary);
}

.blog-single-post-listing .blog-listing-content p.disc {
  font-size:16px;
  line-height:26px;
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing .blog-listing-content p.disc {
    margin-bottom:15px;
  }
}

.blog-single-post-listing .blog-listing-content a.rts-btn {
  margin-top:35px;
  display:block;
  max-width:max-content;
}

@media only screen and (max-width:479px) {
  .blog-single-post-listing .blog-listing-content a.rts-btn {
    margin-top:20px;
  }
}

.blog-list-style .rts-single-wized.Recent-post {
  background:#F2F2F2;
}

.blog-list-style .rts-single-wized.tags {
  background:#F2F2F2;
}

.blog-list-style .rts-single-wized.search1 {
  background:#F2F2F2;
}

.blog-list-style .rts-single-wized.Categories {
  background:#F2F2F2;
}

.blog-list-style .rts-single-wized.Categories li a {
  background:#FFFFFF;
  color:#5D666F;
}

.blog-list-style .rts-single-wized.Categories li a * {
  color:#5D666F;
}

.blog-list-style .rts-single-wized .wized-header .title {
  color:var(--color-primary);
}

.blog-details-area-inner-content {
  padding:50px;
  border:1px solid #E6E9F0;
  border-radius:15px;
  background:#fff;
}

@media only screen and (max-width:575px) {
  .blog-details-area-inner-content {
    padding:20px;
  }
}

.blog-details-area-inner-content .blog-details-top-wrapper {
  display:flex;
  align-items:center;
  gap:30px;
  margin-bottom:30px;
}

@media only screen and (max-width:767px) {
  .blog-details-area-inner-content .blog-details-top-wrapper {
    flex-wrap:wrap;
    gap:20px;
  }
}

.blog-details-area-inner-content .blog-details-top-wrapper .single {
  display:flex;
  align-items:center;
  gap:10px;
}

.blog-details-area-inner-content .blog-details-top-wrapper .single span {
  color:#5D666F;
  font-weight:400;
}

.blog-details-area-inner-content .title {
  font-size:36px;
}

@media only screen and (max-width:575px) {
  .blog-details-area-inner-content .title {
    font-size:24px;
  }
}

.blog-details-area-inner-content p.disc {
  font-size:16px;
}

.im-article-lead {
  font-size: 1.125rem;
  opacity: 0.85;
  margin-bottom: 1.5rem;
}

.im-article-content {
  color: #5d666f;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 8px;
}

.im-article-content h2,
.im-article-content h3,
.im-article-content h4 {
  color: var(--color-primary, #00346e);
  margin-top: 2em;
  margin-bottom: 0.6em;
  font-weight: 700;
}

.im-article-content p {
  margin-bottom: 1.2em;
}

.im-article-content ul,
.im-article-content ol {
  padding-left: 1.6em;
  margin-bottom: 1.2em;
}

.im-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1em 0;
}

.im-article-content video,
.im-article-content iframe {
  max-width: 100%;
  border-radius: 8px;
  margin: 1.5em 0;
}

.im-article-content blockquote {
  border-left: 4px solid var(--color-primary, #00346e);
  padding: 12px 20px;
  margin: 1.6em 0;
  background: #f6f8fb;
  border-radius: 0 8px 8px 0;
  color: #1c2539;
}

.im-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.2em;
}

.im-article-content th,
.im-article-content td {
  padding: 8px 12px;
  border: 1px solid #e6e9f0;
}

.im-article-content a {
  color: var(--color-primary, #00346e);
  text-decoration: underline;
}

.im-article-footer-meta {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #e6e9f0;
}

.im-blog-article-page .blog-details-banner-large-image:not([style]) {
  background-image: url(../../images/blog/18.webp);
}

.details-share {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .details-share {
    justify-content:flex-start;
    margin-top:30px;
  }
}

@media only screen and (max-width:767px) {
  .details-share {
    justify-content:flex-start;
    margin-top:30px;
  }
}

@media only screen and (max-width:575px) {
  .details-share {
    justify-content:flex-start;
    margin-top:20px;
  }
}

.details-share button {
  max-width:max-content;
  position:relative;
  z-index:1;
  margin-left:23px;
  color:#1C2539;
  transition:0.3s;
  font-size:14px;
}

.details-share button::after {
  position:absolute;
  content:"";
  background:#F6F6F6;
  height:40px;
  width:40px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:-1;
  transition:0.3s;
}

.details-share button:hover {
  color:#fff;
  transform:scale(1.2);
}

.details-share button:hover::after {
  background:var(--color-primary);
}

.details-share h6 {
  font-size:18px;
  margin-bottom:0;
  margin-right:15px;
}

.author-area-blog {
  margin-top:44px;
  display:flex;
  align-items:center;
  padding:40px 0;
  border-top:1px solid #E6E9F0;
  border-bottom:1px solid #E6E9F0;
}

@media only screen and (max-width:767px) {
  .author-area-blog {
    align-items:flex-start;
  }
}

@media only screen and (max-width:575px) {
  .author-area-blog {
    flex-wrap:wrap;
  }
}

.author-area-blog .thumbnail {
  margin-right:30px;
}

@media only screen and (max-width:767px) {
  .author-area-blog .thumbnail {
    margin-right:0;
  }
}

.author-area-blog .thumbnail {
  overflow:hidden;
  max-width:max-content;
  width:100%;
}

.author-area-blog .thumbnail img {
  transition:0.3s;
  width:100%;
}

.author-area-blog .thumbnail:hover img {
  transform:scale(1.2);
}

@media only screen and (max-width:767px) {
  .author-area-blog .author-details {
    margin-left:0px;
  }
}

.author-area-blog .author-details h5 {
  margin-bottom:10px;
}

.author-area-blog .author-details p {
  line-height:26px;
}

.rts-quote-area {
  padding:50px;
  background:#F6F6F6;
  border-radius:15px;
  margin-bottom:40px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .rts-quote-area {
    padding:30px;
  }
}

@media only screen and (max-width:767px) {
  .rts-quote-area {
    padding:10px;
    margin-bottom:25px;
  }
}

@media only screen and (max-width:479px) {
  .rts-quote-area {
    margin-top:15px;
  }
}

.rts-quote-area .title {
  margin-bottom:25px;
  font-size:24px;
}

@media only screen and (max-width:479px) {
  .rts-quote-area .title {
    font-size:16px;
    margin-bottom:15px;
  }
}

.rts-quote-area .name {
  font-size:18px;
  color:var(--color-primary);
  font-weight:700;
}

.rts-quote-area span {
  display:block;
  font-weight:400;
  font-size:14px;
  color:#5D666F;
}