.blog-section {
  display: flex;
  flex-direction: column;
}

.percentage {
  width: 80%;
  margin: 3rem auto;
}

.experts-shorts {
  width: 80%;
  margin: 3rem auto;
  background-color: transparent;
  padding: 0 0;
}

.editors_choice,
.trending_articles {
  margin: 3rem auto;
}

/* .editors_choice  */
.editors_choice .owl-item a {
  text-decoration: none;
}

.latest_blogs {
  margin: 3rem auto;
}

.editors_choice .section-header,
.trending_articles .section-header,
.latest_blogs .section-header {
  width: 75%;
  margin: auto;

}

.main-blog .mainblog-header {
  width: 75%;
  margin: auto;
}

.experts-shorts .section-heading,
.main-blog .section-heading,
.editors_choice .section-heading,
.latest_blogs .section-heading,
.trending_articles .section-heading,
.allblogs .section-heading {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 40px;
  line-height: 42px;
  color: #1B1B1B;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.main-blog .mainblog-header .github {
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
  margin-bottom: 1rem;
}

.main-blog .mainblog-header .github .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}

.main-blog .mainblog-header .github img {
  width: 30px;
  margin-right: 0.5rem;
}

.main-blog .mainblog-header .github2 .tags div,
.main-blog .mainblog-header .github p {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #717171;
  font-weight: normal;
  /* margin-bottom: 0; */
}

.main-blog .mainblog-header .github p {
  text-align: start;
}

.main-blog .mainblog-header .github2 {
  margin-bottom: 1rem;
}

.main-blog .mainblog-header .github2 .tags {
  width: 80%;
  display: ruby-text;
}

.main-blog .mainblog-header .github2 .tags div {
  border: 1px solid #717171;
  border-radius: 100px;
  width: fit-content;
  padding: 0.5rem 1rem;

}

/* Styling of heading part */
.blog-section-heading {
  margin-left: 343px;
  /* display: flex;
   flex-direction: column; */

  /* justify-content: space-between; */
}

.blog-section-heading h2 {
  color: #1b1b1b;
  width: 455px;
  height: 38px;
  font-weight: 600;
  font-size: 40px;
  line-height: 38px;
}

.blog-section-heading p {
  color: #717171;
  width: 332px;
  height: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.84px;
}

/* styling of cards */
.blogs-cards {
  display: flex;
  flex-direction: column;
}

.blogs-cards-row-common {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

.blogs-cards-row-common a {
  text-decoration: none;
}

.blogs-card-5 img,
.blogs-card-4 img,
.blogs-card-2-img,
.blogs-card-1 img,
.blogs-card-8-content,
.blogs-card-7-content,
.blogs-card-6-content,
.blogs-card-3-content,
.blogs-card-2-content {
  height: 212px;
}

.blogs-card-1 img {
  width: 314px;
  border-radius: 20px;
  margin-left: -2rem;
  object-fit: cover;
}

.blogs-card-content {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  padding: 1.5rem 1rem;

}

.blogs-card-content h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 17.36px;
  font-family: 'Atkinson Hyperlegible', sans-serif;
  z-index: 1;
  margin-left: 0;
  margin-top: 0;
}

.blogs-card-content-p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.88px;
  font-family: 'Atkinson Hyperlegible', sans-serif;
  margin-top: 0px;
  color: #B3B3B3;
  z-index: 1;
  margin-bottom: 0;
  margin-left: 0;
}

.blogs-card-author {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 10px;
  margin-left: 0;
  position: relative;
  bottom: -2rem;
}

.blogs-card-2 {
  display: flex;
  flex-direction: row;
}

.blogs-card-2-img {
  width: 233px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  object-fit: cover;
}

.blogs-card-author img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.blogs-card-author p {
  color: #717171;
  /* width: 83px; */
  /* height: 15px; */
  font-weight: 400;
  font-size: 12px;
  line-height: 14.88px;
  margin-top: auto;
  margin-bottom: auto;
  font-family: 'Atkinson Hyperlegible', sans-serif;
}

.blogs-card-2-content {
  background-color: #3b3b3b;
  width: 315px;
  /* z-index: -1; */
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;

}

.blogs-card-2-content h3 {
  /* width: 215px; */
  height: 34px;
  color: #ffffff;
}

.blogs-card-2-p {
  width: 249px;
  height: 45px;

}

.blogs-card-3-content {
  background-color: #191919;
  width: 267px;
  /* z-index: -1; */
  border-radius: 20px;
}

.blogs-card-3-content h3 {
  /* width: 167px; */
  height: 51px;
  color: #FFFFFF;
}

.blogs-card-3-p {
  width: 207px;
  height: 30px;

}

.blogs-card-4 img {
  width: 309px;
  border-radius: 20px;
  object-fit: cover;
}

/* animation on row 1 of cards */
.blogs-card-row-1 {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 1rem;
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  animation-direction: alternate;
  justify-content: center;
  /* animation: row1 10s ease-in-out infinite alternate; */
}

@keyframes row1 {
  0% {
    transform: translateX(100px);
  }

  100% {
    transform: translateX(-100px);
  }

}

/* Animation for tablets */
/* Slower animation for tablets */
/* @media (max-width: 1024px) {
  .blogs-card-row-1 {
    animation: row1-tablet 7s ease-in-out infinite alternate;

  }

  @keyframes row1-tablet {
    0% {
      transform: translateX(300px);
    }

    100% {
      transform: translateX(-100px);
    }
  }
} */

/* Animation for mobile devices */
/* Even slower animation for mobile */
/* @media (max-width: 768px) {
  .blogs-card-row-1 {
    animation: row1-mobile 7s ease-in-out infinite alternate;

  }

  @keyframes row1-mobile {
    0% {
      transform: translateX(100px);
    }

    100% {
      transform: translateX(-100px);
    }
  }
} */

/* Animation for mobile devices */
/* Even slower animation for mobile */
/* @media (max-width: 768px) {
  .blogs-card-row-1 {
    animation: row1-mobile2 20s ease-in-out infinite alternate;

  }

  @keyframes row1-mobile2 {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(100%);
    }
  }
} */

/* row-2 cards */

.blogs-card-5 img {
  width: 323px;
  margin-left: -3rem;
  border-radius: 20px;
  object-fit: cover;

}

.blogs-card-6-content {
  background-color: #B7DBFF;
  width: 213px;
  /* z-index: -1; */
  border-radius: 20px;
}

.blogs-card-6-content h3 {
  /* width: 148px; */
  height: 51px;
  color: #000000;
}

.blogs-card-6-p {
  width: 166px;
  height: 30px;
  color: #717171;
}


.blogs-card-7-content {
  background-color: #ffffff;
  width: 314px;
  /* z-index: -1; */
  border-radius: 20px;
}

.blogs-card-7-content h3 {
  /* width: 227px; */
  height: 51px;
  color: #000000;
}

.blogs-card-7-p {
  width: 234px;
  height: 30px;
}


.blogs-card-8-content {
  width: 550px;
  object-fit: cover;
  background-size: cover;
  background-blend-mode: overlay;
  border-radius: 20px;
  gap: 50px;
}

.blogs-card-8-content h3 {
  color: #FFFFFF;
  width: 473px;
  height: 34px;
}

.blogs-card-8-content p {
  color: #FFFFFF;
}

.blogs-footer {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: 538px;
  margin-top: 20px;
}

.blogs-footer a {
  text-decoration: none;
  width: 113px;
  height: 17px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17.36px;
  color: #1B1B1B;
}

.thin-line {
  width: 103px;
  border: 1px;
  height: 1px;
  /* Adjust thickness */
  background-color: #000000;
}

/* animation on row 2 of cards */
.blogs-card-row-2 {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 1rem;
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  animation-direction: alternate;
  justify-content: center;
  /* animation: row2 7s ease-in-out infinite alternate; */

}

@keyframes row2 {
  0% {
    transform: translateX(100px);
  }

  100% {
    transform: translateX(-100px);
  }
}


/* Animation for tablets */
/* Slower animation for tablets */
/* @media (max-width: 1024px) {
  .blogs-card-row-2 {
    animation: row2-tablet 17s linear infinite;

  }

  @keyframes row2-tablet {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }
} */

/* Animation for mobile devices */
/* Even slower animation for mobile */
/* @media (max-width: 768px) {
  .blogs-card-row-2 {
    animation: row2-mobile 20s linear infinite;

  }

  @keyframes row2-mobile {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }
} */

/* .video-navbar .tabsets .sub-heading, */
.related_articles .sub-heading,
.download-book .book-details .sub-heading,
.experts-shorts .sub-heading,
.main-blog .sub-heading,
.allblogs .sub-heading {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #B3B3B3;
  font-weight: normal;
  margin: 1rem 0 2rem 0;

}

/* .video-navbar .tabsets .sub-heading, */
.main-blog .tabsets .sub-heading,
.faq-page .sub-heading2,
.allblogs .sub-heading {
  width: 60%;
  margin: 1rem auto 2rem auto;
}

.video-channel .sub-heading {
  width: 70%;
}

.faq-page .sub-heading2 {
  margin-top: 0;
}

.video-navbar .tabsets,
.main-blog .tabsets,
.allblogs .tabsets {
  width: 100%;
  margin: auto;
}

.video-navbar .tabsets .sub-heading,
.main-blog .tabsets .sub-heading,
.allblogs .tabsets .sub-heading {
  width: 75%;
}

.main-blog .sub-heading span,
.allblogs .sub-heading span {}

/* .video-navbar .tabsets .sub-heading a, */
.main-blog .sub-heading span a,
.allblogs .sub-heading span a {
  text-decoration: none;
  color: #B3B3B3;
}

.main-blog .sub-heading span a.active,
.allblogs .sub-heading span a.active {
  color: #1B1B1B;
}



.allblogs .blogbanner .blog-heading {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 40px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 600;

  position: absolute;
  top: 50%;
  /* Adjust for vertical position */
  left: 50%;
  /* Adjust for horizontal position */
  transform: translate(-50%, -50%);
  /* Center the text */
  width: 80%;
}

.main-blog-2 .blog-data,
.main-blog .blog-data {
  margin: auto;
  width: 75%;
}


.only-one-types {
  width: fit-content;
}

.blogbanner img {
  width: 90%;
  border-radius: 20px;
  position: relative;
}

.only-one-types {
  margin: 1.5rem auto 3rem auto;
}

.faq-page2 .faq-bar,
.faq-page .allblogs-header,
.allblogs .allblogs-header {
  width: 70%;
  margin: auto;
  margin-top: 1.5rem;
}

.blogbanner {
  text-align: center;
  position: relative;
}

.trending_articles .each-blog {
  position: relative;
  width: 300px !important;
  padding: 0 12px;
  margin: auto;
}

.related_articles .card.blogs .blog-pic {
  filter: brightness(0.6);


}

.related_articles .card.blogs .blog-pic img {
  /* width: 100%; */
  width: 300px !important;
  height: 364px;
  object-fit: cover;
  border-radius: 20px;
}

.related_articles .card.blogs .blog-details-down {
  position: absolute;
  bottom: 1rem;
  padding: 0 1rem;
  width: 90%;
}


.related_articles .card.blogs .blog-details-up {
  position: absolute;
  top: 1rem;
  /* padding: rem; */
  right: 0;
  transform: translate(-50%, -15%);
}

.related_articles .card.blogs .blog-sub-quote {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.related_articles .card.blogs .blog-details-down .blog-btn {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  font-weight: normal;
  border-radius: 90px;
  border: 0;
  background-color: #0080FF;
  margin-bottom: 0.5rem;
}

.related_articles .card.blogs .blog-details-up img,
.related_articles .card.blogs .blog-details-down img {
  width: 40px !important;
  display: block;

}

.trending_articles .blog-details-down img,
.editors_choice .card .editor img {
  width: 30px;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 50%;
}

.related_articles .card.blogs .blog-details-down .blogger-name,
.trending_articles .blog-details-down .blogger-name {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #B3B3B3;
  font-weight: normal;
  margin: auto 0 auto 0.5rem;
}

.latest_blogs .card {
  filter: drop-shadow(0px 4px 4px #B3B3B3);
  opacity: 1.902;
  padding: 1rem;
  border-radius: 20px;
  border: 0;
  width: 270px;
  height: 310px;
  margin: 0.5rem;
}


.editors_choice .card .editor-main-quote,
.latest_blogs .card .editor-main-quote {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1B1B1B;
  font-weight: bold;
  margin: 1rem 0.5rem;
  height: 80px;
}

.editors_choice .card .editor,
.latest_blogs .card .blog-date-time {
  margin: 0 0.5rem;
}

.editors_choice .card .edit-date,
.editors_choice .card .editor-name,
.latest_blogs .card .blog-date,
.latest_blogs .card .blog-time {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #717171;
  font-weight: normal;
}

.editors_choice .card .edit-date,
.latest_blogs .card .blog-date {
  color: #B3B3B3;
  margin: auto;
  margin-right: 0;
}

.editors_choice .card .editor-name {
  margin: auto 0 auto 0.5rem;
}

.editors_choice .section-body,
.trending_articles .section-body {
  width: 85%;
  margin: auto;
}

.percentage .section-body,
.trending_articles .section-body,
.editors_choice .section-body,
.latest_blogs .section-body {
  align-items: center;
  justify-content: center;
}

.latest_blogs .section-body a.card {
  text-decoration: none;
}

.latest_blogs .section-body a.card img {
  border-radius: 20px;
  height: 156px;
  width: 240px;
  object-fit: cover;
}

.latest_blogs .card:hover {
  background-color: #1B1B1B;
}

.latest_blogs .card .editor-main-quote:hover {
  color: #0080FF;
}

.latest_blogs .card:hover>.editor-main-quote {
  color: #0080FF;
}

.latest_blogs .section-header .tabsets {
  margin-bottom: 2rem;
  display: flex;
  padding-left: 0;
}

.latest_blogs .section-body .load-more {
  margin-top: 2rem;
}

.latest_blogs .section-body .load-more span,
.latest_blogs .section-header .tabsets li {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1B1B1B;
  font-weight: normal;
  padding: .5rem 1rem;
  border: 1px solid #1B1B1B;
  border-radius: 75px;
  margin: 0 0.2rem;
  cursor: pointer;
}

.latest_blogs .section-header .tabsets li {
  list-style-type: none;
  text-align: center;
}

.latest_blogs .section-header .tabsets li a {
  color: #1B1B1B;
  text-decoration: none;
}

.latest_blogs .section-body .load-more span a {
  /* font-weight: bold; */
  color: #ffffff;
  background-color: #0080FF;
}

.latest_blogs .section-header .tabsets li:hover a,
.latest_blogs .section-header .tabsets li.first-child,
.latest_blogs .section-body .load-more span,
.latest_blogs .section-header .tabsets li:hover,
.latest_blogs .section-header .tabsets li.active,
.latest_blogs .section-header .tabsets li.active a {
  color: #fff;
  background-color: #0080FF;
  border-color: #0080FF;
}

.editors_choice .card {
  padding: 1rem;
  /* height: fit-content; */
  border: 0;
  width: 301px;
  height: 411px;
  margin: 0.5rem;
  border: 1px solid #F5F5F5;
  background-color: #F5F5F5;
  border-radius: 20px;
}

.editors_choice .card img {
  height: 156px;
  width: 264px;
  object-fit: cover;
  border-radius: 20px;
}

.editors_choice .card:hover {
  background-color: #FFFFFF;
  border-color: #717171;
}

.editors_choice .card .editor-sub-quote {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #1B1B1B;
  font-weight: normal;
  margin: 0 0.5rem 0.5rem 0.5rem;
  height: 68px;
}

.main-blog-2 .owl-carousel .owl-stage-outer,
.editors_choice .owl-carousel .owl-stage-outer,
.trending_articles .owl-carousel .owl-stage-outer {
  padding: 0;
}

.solutions .owl-theme .owl-dots {
  display: none;
  align-items: center;
  justify-content: center;
}

.main-blog-2 .owl-theme .owl-dots {
  margin-bottom: 0;
}

.editors_choice .owl-theme .owl-dots,
.trending_articles .owl-theme .owl-dots {
  padding-top: 1rem;

}

.main-blog-2 .owl-theme .owl-dots .owl-dot span,
.solutions .owl-theme .owl-dots .owl-dot span,
.editors_choice .owl-theme .owl-dots .owl-dot span,
.trending_articles .owl-theme .owl-dots .owl-dot span {
  background: #B3B3B3;
  margin-left: 2px;
  margin-right: 2px;
  width: 8px;
  height: 8px;
}

.main-blog-2 .owl-theme .owl-dots .owl-dot.active span,
.main-blog-2 .owl-theme .owl-dots .owl-dot:hover span,
.solutions .owl-theme .owl-dots .owl-dot.active span,
.solutions .owl-theme .owl-dots .owl-dot:hover span,
.editors_choice .owl-theme .owl-dots .owl-dot.active span,
.editors_choice .owl-theme .owl-dots .owl-dot:hover span,
.trending_articles .owl-theme .owl-dots .owl-dot.active span,
.trending_articles .owl-theme .owl-dots .owl-dot:hover span {
  background: #1B1B1B;
}

.main-blog .blog-data {
  margin: 1.5rem auto;
}

.main-blog .blog-data li,
.main-blog-2 .blog-data p,
.main-blog .blog-data p {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #1B1B1B;
  font-weight: normal;
  /* margin: 1; */
  /* padding: .5rem 1rem; */
}

.main-blog .blog-data p {
  margin-bottom: 0;
}

.main-blog .blog-data ul {
  padding-left: 0;
}

.main-blog .blog-data ul li {
  list-style-type: none;
  margin-bottom: 1rem;
}

.main-blog .blog-data .col-md-11 ul {
  padding-left: 2rem;
}

.main-blog .blog-data .col-md-11 ul li {
  list-style-type: disc;
  margin-bottom: 0;
}

.main-blog .blog-data ul li a {}

.main-blog .blog-data ul li a img {
  width: 14px;
}

.main-blog .blog-data h3 span,
.main-blog .blog-data h3,
.download-book .book-details .super-heading-1,
.main-blog-2 .blog-data .super-heading-2,
.main-blog-2 .blog-data .super-heading-1 {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 35px;
  line-height: 42px;
  color: #1B1B1B;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.main-blog .blog-data h3 span,
.main-blog .blog-data h3,
.main-blog-2 .blog-data .super-heading-2 {
  font-size: 28px;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.main-blog .blog-data h3 span span {
  font-family: 'Bricolage Grotesque', sans-serif;
}

.main-blog-2 .blog-data img {
  width: 100%;
  margin-bottom: 2rem;
}

.only-one-types {
  background-color: #F5F5F5;
  border: 0;
  border-radius: 20px;
  padding: 1rem 0.5rem;
}

.only-one-types .col-md-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  /* margin: 0.5rem; */

}

.products .section-header {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bottom: 0; */
  transform: translate(-60%, -50%);
  width: 60%;
  align-content: center;
  height: 100%;
}

.related_articles .sub-heading,
.products .section-header .section-heading,
.products .section-header .sub-heading {
  text-align: left;
}

.products .section-header .section-heading {
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.products .section-header .sub-heading {
  color: #1B1B1B;
  margin-bottom: 1rem;
}

.percentage .each-percent {
  border: 1px solid #F7C3B1;
  border-radius: 20px;
  padding: 1.5rem;
  margin: 0.5rem;
  width: 221px;
  /* height: fit-content; */
  height: 251px;
}

.percentage .each-percent .percent-no {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: #F7C3B1;
  font-size: 70px;
  line-height: 42px;
  text-align: center;
  font-weight: 700;
}

.percentage .car-percent .each-percent .percent-no {
  color: #F7C3B1;
}

.percentage .term-percent .each-percent .percent-no {
  color: #EDC3C0;
}

.percentage .health-percent .each-percent .percent-no {
  color: #E9C3CD;
}

.percentage .investment-percent .each-percent .percent-no {
  color: #F3BAAB;
}

.percentage .each-percent .percent-type {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #717171;
  font-weight: bold;
}

.percentage .each-percent .percent-up {
  background-color: #fff !important;
  padding: 0px;
  margin-top: -10px;
  position: relative;
}

.percentage .each-percent .percent-quote {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #717171;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 1rem;
}


.experts-shorts .each-expert {
  position: relative;
  display: inline-block;
}

.experts-shorts .each-expert .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0;
  margin-bottom: 1rem;
}

.experts-shorts .video video {
  width: 221px;
  height: 341px;
  border: 0;
  overflow: hidden;
  border-radius: 20px;
  filter: brightness(0.6);
  object-fit: cover;
  /* background-color: black; */
}

.experts-shorts .video-details {
  bottom: 1.5rem;
}

.download-book {
  margin: 3rem 2rem;
  position: relative;
}

.download-book .book-details {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 40%;
}

.download-book .download-book-desktop,
.download-book .download-book-mobile {
  border-radius: 20px;
}

.download-book .book-details .sub-heading {
  color: #717171;
}

.download-book .book-details ol {
  margin-bottom: 3rem;
  padding-left: 1.5rem;
}

.download-book .book-details ol li {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: #1b1b1b;
  font-weight: bold;
  margin-bottom: 1rem;
}

.download-book .book-details .book-dn-btn {

  border: 1px solid #000000;
  border-radius: 5px;

  margin-bottom: 0;
  margin-top: 1.5rem;
  padding: 1rem 2rem;
  box-shadow: 6px 6px 1px #000000;
  /* filter: drop-shadow(0px 4px 4px #B3B3B3); */
  opacity: 1.902;
  width: fit-content;
  text-align: center;
}

.download-book .book-details .book-dn-btn a {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;

}

.main-calculator .rightside .download-btn img,
.download-book .book-details .book-dn-btn a img {
  width: 30px;
  margin-left: 1rem;
}

.page-404 {
  margin: 3rem auto;
}

.coming-soon {
  margin-top: -3rem;
}

.page-404 .blogbanner img {
  width: 745px;
}

.coming-soon .blogbanner img {
  width: 430px;
}

.page-404 .allblogs-header {
  width: 70%;
  margin: auto;
}

.coming-soon .allblogs-header {
  margin-top: -3rem;
}

.page-404 .section-heading {
  margin-top: 1rem;
}

.page-404 .btn-404 a {
  text-decoration: none;
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 400;
  background-color: #1B1B1B;
  border: 0;
  border-radius: 50px;
  padding: 1rem 2rem;
}

.experts-shorts .videos .video video,
.experts-shorts .poster-img {
  width: 221px;
  height: 341px;
}

.experts-shorts .owl-item {
  text-align: center;
}


.video-carousel .owl-nav .owl-prev,
.video-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #afaac0;
  color: #fff;
  border-radius: 0;
  width: 35px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.video-carousel .owl-nav .owl-prev span,
.video-carousel .owl-nav .owl-next span {
  font-size: 40px;
}

.video-carousel .owl-nav .owl-prev {
  left: -2rem;
}

.video-carousel .owl-nav .owl-next {
  right: -2rem;
}

.owl-carousel.video-carousel .owl-stage-outer {
  padding: 0;
}

.owl-theme.video-carousel .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #1b1b1b;
}

.filter-item2 .card.current {
  display: flex;
  transition: all 0.5s ease;
}

.filter-item2 .card.delete {
  display: none;
  transition: all 0.5s ease;
}

.products .blogbanner {
  /* position: relative; */
}

.experts-shorts .video-view-all a {
  border: 1px solid #0080FF;
}

.trending_articles .blog-details-up {
  position: absolute;
  top: 6%;
  right: 0;
  transform: translate(-60%, -20%);
}

.trending_articles .blog-details-up img {
  width: 40px !important;
}

.trending_articles .blog-details-down {
  position: absolute;
  /* right: 0; */
  bottom: 0;
  left: 0%;
  transform: translate(10%, -10%);
  width: 80%;
}

.trending_articles .blog-details-down .blog-btn {
  background: #0080FF;
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 75px;
  height: 31px;
  color: #fff;
  align-content: center;
  margin-bottom: 1rem;
}

.trending_articles .blog-details-down .blog-sub-quote {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;
  height: 34px;
}