.vcard-one-main-section .blog-title {
  color: #313bac;
  font-size: 28px;
  font-weight: 600
}

@media (max-width:575px) {
  .vcard-one-main-section .blog-title {
    margin-top: 40px !important
  }
}

.vcard-one-main-section .img-bx {
  border-radius: 10px;
  box-shadow: -6px -2px 16px hsla(0, 0%, 100%, .8), 6px 5px 12px hsla(0, 0%, 62%, .4);
  padding: 20px
}

.vcard-one-main-section .img-bx img {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.vcard-one-main-section .details p {
  color: #b8b8b8;
  font-size: 18px
}

.vcard-one-bg,
.vcard-two-bg {
  background-color: #fff !important
}

.vcard-three-bg {
  background-color: #141e30 !important
}

.vcard-four-bg {
  background-color: #fff !important
}

.vcard-five-bg {
  background: linear-gradient(270deg, #c9f1ff, #dbd9e9) !important
}

.vcard-six-bg {
  background: linear-gradient(270deg, #8c9eff 100%, #3d5afe 0) !important
}

.vcard-seven-bg {
  background: #ecf0f3 !important
}

.vcard-eight-bg {
  background: #00081c !important
}

.vcard-nine-bg {
  background-color: #fff !important
}

.vcard-ten-bg {
  background-color: #2d2833 !important
}

.vcard-thirteen-bg {
  background-color: #f6f6f7 !important
}

.vcard-fourteen-bg {
  background-image: url(/images/bg-img.png?d38043d528023fd3f941e746187c1226)
}

.vcard-twelve-bg {
  background-color: #191d23 !important
}

.vcard-fifteen-bg {
  background-color: #f1f1f1 !important
}

.vcard-seventeen-bg {
  background-color: #f3fbff !important
}

.vcard-twenty-bg {
  background-color: #181b20 !important
}

.vcard-twentyone-bg {
  background-color: #f3fbff !important
}

.vcard-thirtyone-bg,
.vcard-twentyfour-bg {
  background-color: #fff !important
}

.vcard-twentyseven-bg {
  background-color: #f6f6f6 !important
}

.vcard-twentyfive-bg {
  background-color: #f3fbff !important
}

.vcard-twentytwo-bg {
  background-color: var(--green, #0f2f3a) !important
}

.vcard-twentysix-bg {
  background-color: #1f1f21 !important
}

.vcard-twentyeight-bg {
  background-color: #fff !important
}

.vcard-thirty-bg {
  background-color: #161616 !important
}

.vcard-twentynine-bg {
  background-color: #25054e !important
}

.vcard-twentythree-bg {
  background-color: #fff !important
}

.vcard-sixteen-bg {
  background-color: #f1f1f1 !important
}

.vcard-eighteen-bg {
  background-color: #fff !important
}

.vcard-one-img-bx,
.vcard-two-img-bx {
  background-color: #fff
}

.vcard-three-img-bx {
  background-color: #dcdcdc
}

.vcard-four-img-bx {
  background-color: #deefe3
}

.vcard-five-img-bx {
  background-color: #fff
}

.vcard-six-img-bx {
  background-color: #fe80ab
}

.vcard-seven-img-bx {
  background: #ecf0f3;
  border-radius: 10px !important;
  box-shadow: inset -10px -10px 20px #fff, inset 10px 10px 20px #d1d9e6 !important;
  padding: 20px !important
}

.vcard-eight-img-bx {
  background-color: rgba(65, 98, 144, .4) !important;
  box-shadow: 0 0 8px 2px #737373 !important
}

.vcard-nine-img-bx {
  background-color: #fff
}

.vcard-ten-img-bx {
  background-color: #3d3943 !important;
  box-shadow: 0 0 8px 2px #737373 !important
}

.vcard-twelve-img-bx {
  background-color: #191d23 !important;
  box-shadow: 0 0 4px 2px #737373 !important
}

.vcard-fourteen-img-bx {
  background-color: #022222;
  box-shadow: 0 0 8px 2px #022222 !important
}

.vcard-seventeen-img-bx {
  background-color: #f3fbff
}

.vcard-sixteen-img-bx,
.vcard-twentyfive-img-bx,
.vcard-twentyfour-img-bx {
  background-color: #fff
}

.vcard-twentytwo-img-bx {
  background-color: var(--green, #0f2f3a)
}

.vcard-twentysix-img-bx {
  background-color: #181b20
}

.vcard-twentyeight-img-bx {
  background-color: #fff
}

.vcard-thirty-img-bx {
  background-color: #161616
}

.vcard-twentynine-img-bx {
  background-color: #3b1f60
}

.vcard-thirtyone-img-bx,
.vcard-twentythree-img-bx {
  background-color: #fff
}

.vcard-twentyseven-img-bx {
  background-color: #f6f6f6 !important
}

.vcard-nineteen-img-bx,
.vcard-twentyone-img-bx {
  background-color: #fff
}

.vcard-twenty-img-bx {
  background-color: #181b20;
  box-shadow: 0 0 6px 2px #9b9fa6 !important
}

.vcard-fifteen-img-bx,
.vcard-thirteen-img-bx {
  background-color: #fff
}

.vcard-one-title {
  color: #313bac !important
}

.vcard-two-title {
  color: #3a4151 !important
}

.vcard-three-title {
  color: #fff !important
}

.vcard-four-title {
  color: #134e5e !important
}

.vcard-five-title {
  color: #2d1863 !important
}

.vcard-six-title {
  color: #fff !important
}

.vcard-seven-title {
  color: #2e4d5c !important
}

.vcard-eight-title,
.vcard-nine-title {
  color: #fff !important
}

.vcard-nine-title {
  background: linear-gradient(90deg, #b24592, #f15f79);
  border-radius: 0 0 50px 0;
  font-size: 24px !important;
  font-weight: 600;
  margin-left: -16px;
  padding: 16px 30px;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-ten-title {
  color: #cfd0d1 !important
}

.vcard-fourteen-title {
  color: #fff !important
}

.vcard-sixteen-title {
  color: #1f1f1f !important
}

.vcard-twentyfour-title {
  color: #072541 !important
}

.vcard-twentyfive-title {
  color: #ffa31a !important
}

.vcard-twentytwo-title {
  color: var(--primary-color, #b8ff69) !important
}

.vcard-twentysix-title {
  color: gold !important
}

.vcard-twentyeight-title {
  color: #0da7fd !important
}

.vcard-thirty-title {
  color: #ffc000 !important
}

.vcard-twentynine-title {
  color: #fa3769 !important
}

.vcard-twentythree-title {
  color: #f96921 !important
}

.vcard-thirtyone-title {
  color: #d94b2b !important
}

.vcard-twentyseven-title {
  color: #ff782c !important
}

.vcard-eighteen-title {
  color: #49adfe !important
}

.vcard-nineteen-title {
  color: #753422 !important
}

.vcard-twentyone-title {
  color: #6554ce !important
}

.vcard-twenty-title {
  color: #c9a664 !important
}

.vcard-twelve-title {
  color: #fff !important
}

.vcard-fifteen-title {
  color: #043636 !important
}

.vcard-seventeen-title,
.vcard-thirteen-title {
  color: #1c344f !important
}

.vcard-one-back {
  background: #313bac;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-one-back:hover {
  color: #fff !important
}

.vcard-two-back {
  background: #fb5253;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 18px;
  transform: translateY(0);
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-two-back:hover {
  color: #fff !important
}

.vcard-three-back {
  background: #4ca1f2;
  border: none;
  border-radius: 5px;
  box-shadow: inset 6px 6px 12px #3172b1, inset -6px -6px 12px #51acff;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-three-back:hover {
  color: #fff !important
}

.vcard-four-back {
  background: linear-gradient(126.11deg, #134e5e, #71b280);
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-four-back:hover {
  color: #fff !important
}

.vcard-five-back {
  background: #6f34fe;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-five-back:hover {
  color: #fff !important
}

.vcard-six-back {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 8px 2px #e3e3e3;
  color: #fe80ab;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-six-back:hover {
  color: #fe80ab !important
}

.vcard-seven-back {
  background: #ecf0f3;
  border: none;
  border-radius: 5px;
  box-shadow: 10px 10px 30px #d1d9e6, -10px -10px 30px #fff !important;
  color: #000;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-seven-back:hover {
  color: #000 !important
}

.vcard-eight-back {
  background: #203556;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-eight-back:hover {
  color: #fff !important
}

.vcard-nine-back {
  background: linear-gradient(90deg, #b24592, #f15f79);
  border: none;
  border-radius: 5px;
  box-shadow: -6px -2px 16px hsla(0, 0%, 100%, .8), 6px 5px 20px hsla(0, 0%, 62%, .4);
  color: #fff;
  margin-left: 5px;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-nine-back:hover {
  color: #fff !important
}

.vcard-ten-back {
  background: #3d3943;
  border: none;
  border-radius: 5px;
  box-shadow: 5px 5px 0 #18151b, -5px -5px 0 #3a3541;
  color: #02daa7;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-ten-back:hover {
  color: #02daa7 !important
}

.vcard-thirteen-back {
  background: #1b344f;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-thirteen-back:hover {
  color: #fff !important
}

.vcard-fourteen-back {
  background: linear-gradient(90deg, #f6a932, #ff5a0e) !important;
  border: none;
  border-radius: 5px;
  color: #043636;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-fourteen-back:hover {
  color: #043636 !important
}

.vcard-twelve-back {
  background: #80b480;
  border: none;
  border-radius: 5px;
  color: #191d23;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twelve-back:hover {
  color: #191d23 !important
}

.vcard-fifteen-back {
  background: linear-gradient(90deg, #d68328, #ffc994, #d68328);
  border: none;
  border-radius: 5px;
  color: #043636;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-fifteen-back:hover {
  color: #043636 !important
}

.vcard-seventeen-back {
  background-color: #1c344f;
  color: #fff;
  padding: 10px 20px
}

.vcard-seventeen-back:hover {
  color: #fff !important
}

.vcard-sixteen-back {
  background-color: #1f1f1f;
  border: none;
  border-radius: 5px;
  color: #f3fbff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-sixteen-back:hover {
  color: #f3fbff !important;
  color: #fff;
  color: #fff !important
}

.vcard-twentyfour-back {
  background-color: #072541;
  color: #fff !important
}

.vcard-twentyfive-back,
.vcard-twentyfour-back {
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 10px 20px;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentyfive-back {
  background-color: #ffa31a;
  color: #f3fbff;
  transition: all .3s ease
}

.vcard-twentyfive-back:hover {
  color: #f3fbff !important
}

.vcard-twentytwo-back {
  background-color: var(--primary-color, #b8ff69);
  border: none;
  border-radius: 5px;
  color: var(--black, #2d2624);
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentytwo-back:hover {
  color: var(--black, #2d2624) !important
}

.vcard-twentysix-back {
  background-color: gold;
  border: none;
  border-radius: 5px;
  color: #000;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentysix-back:hover {
  color: #000 !important
}

.vcard-twentyeight-back {
  background-color: #0da7fd !important;
  color: #fff !important
}

.vcard-thirty-back,
.vcard-twentyeight-back {
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-thirty-back {
  background-color: #ffc000 !important;
  color: gray !important
}

.vcard-twentynine-back {
  background-color: #fa3769 !important;
  color: #fff !important
}

.vcard-twentynine-back,
.vcard-twentyseven-back {
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentyseven-back {
  background-color: #ff782c;
  color: #ffefe7
}

.vcard-twentyseven-back:hover {
  color: #ffefe7 !important
}

.vcard-twentythree-back {
  background-color: #f96921;
  border: none;
  border-radius: 5px;
  color: #ffefe7;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentythree-back:hover {
  color: #ffefe7 !important
}

.vcard-thirtyone-back {
  background-color: #d94b2b;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-thirtyone-back:hover {
  color: #fff !important
}

.vcard-eighteen-back {
  background-color: #49adfe;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-eighteen-back:hover {
  color: #fff !important
}

.vcard-nineteen-back {
  background-color: #753422;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-nineteen-back:hover {
  color: #fff !important
}

.vcard-twentyone-back {
  background-color: #6554ce;
  border: none;
  border-radius: 5px;
  color: #f3fbff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twentyone-back:hover {
  color: #f3fbff !important
}

.vcard-twenty-back {
  background: #c9a664;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: -moz-fit-content;
  width: fit-content
}

.vcard-twenty-back:hover {
  color: #fff !important
}

@media (max-width:575px) {
  .blog-hover-btn {
    display: none
  }
}

.blog-hover-btn-mobile {
  display: none
}

@media (max-width:575px) {
  .blog-hover-btn-mobile {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 20px
  }

  .container {
    padding-left: var(--bs-gutter-x, -.25rem);
    padding-right: var(--bs-gutter-x, -.25rem)
  }
}

.dynamic-btn-1 {
  background-color: var(--primary-color, #b8ff69);
  border: 1px solid var(--primary-color, #b8ff69);
  border-radius: 4px !important;
  color: var(--green, #0f2f3a);
  height: 40px
}

.dynamic-btn-1.active,
.dynamic-btn-1:focus,
.dynamic-btn-1:hover {
  background-color: var(--green, #0f2f3a);
  border: 1px solid var(--primary-color, #b8ff69);
  color: var(--primary-color, #b8ff69) !important
}

.dynamic-btn-1 i {
  font-size: 1rem
}

.dynamic-btn-1:hover {
  color: var(--primary-color, #b8ff69) !important
}

.dynamic-btn-2 {
  background-color: var(--primary-color, #b8ff69);
  border: 1px solid var(--primary-color, #b8ff69);
  border-radius: 0 !important;
  color: var(--green, #0f2f3a);
  height: 40px;
  padding: 9px 35px !important
}

.dynamic-btn-2.active,
.dynamic-btn-2:focus,
.dynamic-btn-2:hover {
  background-color: var(--green, #0f2f3a);
  border: 1px solid var(--primary-color, #b8ff69);
  color: var(--primary-color, #b8ff69) !important
}

.dynamic-btn-2 i {
  font-size: 1rem
}

.dynamic-btn-2:hover {
  color: var(--primary-color, #b8ff69) !important
}

.dynamic-btn-3 {
  border-radius: 20px;
  box-shadow: 0 0 0 3px transparent, 0 6px 20px hsla(0, 0%, 7%, .1);
  color: var(--black, #2d2624) !important
}

.dynamic-btn-3,
.dynamic-btn-4 {
  background-color: var(--primary-color, #b8ff69) !important;
  display: inline-block;
  height: 40px;
  padding: .5rem 3.2rem
}

.dynamic-btn-4 {
  border-radius: 0 !important;
  color: var(--green, #0f2f3a) !important
}

.dynamic-btn-4:hover {
  border: none !important;
  box-shadow: 0 0 12px 4px var(--white, #fff) !important
}

.dynamic-btn-5 {
  background-color: var(--green, #0f2f3a) !important;
  border: thick double var(--primary-color, #b8ff69) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 0 3px transparent, 0 6px 20px hsla(0, 0%, 7%, .1);
  color: var(--primary-color, #b8ff69) !important;
  display: inline-block;
  height: 45px;
  padding: .5rem 3.2rem
}

.dynamic-btn-6 {
  border-style: solid !important;
  border: 4px dotted var(--primary-color, #b8ff69) !important
}

.dynamic-btn-6,
.dynamic-btn-7 {
  background-color: var(--green, #0f2f3a) !important;
  box-shadow: 0 0 0 3px transparent, 0 6px 20px hsla(0, 0%, 7%, .1);
  color: var(--primary-color, #b8ff69) !important;
  display: inline-block;
  height: 40px;
  padding: .5rem 3.2rem
}

.dynamic-btn-7 {
  border: thick double var(--primary-color, #b8ff69) !important
}

.dynamic-btn-8 {
  background-color: var(--primary-color, #b8ff69) !important;
  border: 4px solid var(--primary-color, #b8ff69) !important;
  box-shadow: 0 0 0 3px transparent, 0 6px 20px hsla(0, 0%, 7%, .1);
  color: var(--green, #0f2f3a) !important;
  display: inline-block;
  height: 40px;
  padding: .5rem 3.2rem;
  transition: transform .5s ease !important
}

.dynamic-btn-8:hover {
  transform: translateY(-5px) !important
}

.dynamic-btn-9 {
  background-color: var(--primary-color, #b8ff69) !important;
  border-radius: 30px 0 30px 0 !important;
  box-shadow: 0 0 0 3px transparent, 0 6px 20px hsla(0, 0%, 7%, .1);
  color: var(--green, #0f2f3a) !important;
  height: 40px;
  transition: transform .5s ease !important
}

.dynamic-btn-10,
.dynamic-btn-9 {
  display: inline-block;
  padding: .5rem 3.2rem
}

.dynamic-btn-10 {
  background-color: var(--green, #0f2f3a) !important;
  border: 2px solid var(--primary-color, #b8ff69);
  border-radius: 0 !important;
  color: var(--primary-color, #b8ff69) !important;
  height: 40px !important;
  transition: .5s ease-out
}

.dynamic-btn-10:hover {
  box-shadow: inset 400px 0 0 0 var(--primary-color, #b8ff69);
  color: var(--green, #0f2f3a) !important
}

.blog-section .blog-post {
  background-color: #222739;
  border: 1px solid hsla(0, 0%, 100%, .18);
  border-radius: 5px;
  padding: 25px 30px
}

@media (max-width:575px) {
  .blog-section .blog-post {
    padding: 20px
  }
}

.blog-section .blog-post .carousel-item-blog-single {
  height: 472px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.blog-section .blog-post .carousel-item {
  height: 345px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.blog-section .blog-post .carousel-item .search {
  align-items: center;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border-radius: 0 0 0 5px;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 50px;
  position: absolute;
  right: 0;
  top: -50px;
  transition: all .2s linear;
  width: 50px
}

.blog-section .blog-post .carousel-item:hover .search {
  top: 0
}

.blog-section span i:before {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.blog-section .search-section .search-box input {
  background-color: #222739;
  border: 0;
  border-radius: 5px;
  color: #fff;
  height: 50px;
  outline: none;
  outline: 0;
  padding: 0 0 0 20px;
  position: relative;
  width: 100%
}

.blog-section .search-section .search-box input::-moz-placeholder {
  color: #fff
}

.blog-section .search-section .search-box input::placeholder {
  color: #fff
}

.blog-section .search-section .search-box .search-icon {
  background-color: transparent;
  border: 0;
  height: 50px;
  outline: none;
  position: absolute;
  right: 25px;
  width: 50px
}

.blog-section .search-section .search-box .search-icon i:before {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.blog-section .categories-section .category-box {
  background-color: #222739
}

.blog-section .categories-section .category-box a {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #fff, #fff)
}

.blog-section .categories-section .category-box a:focus,
.blog-section .categories-section .category-box a:hover {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.blog-section .categories-section .category-box span {
  background-color: #292e4e;
  border: 1px solid hsla(0, 0%, 100%, .18);
  border-radius: 2px;
  color: #f59c37;
  font-size: 10px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 26px
}

.blog-section .last-post-section .last-posts {
  border-bottom: 1px solid hsla(0, 0%, 100%, .18);
  padding: 12px 0
}

.blog-section .last-post-section .last-posts .post {
  border-radius: 5px;
  height: 46px;
  width: 74px
}

.blog-section .last-post-section .last-posts .post img {
  border-radius: 5px
}

.blog-section .last-post-section .last-posts .last-post-desc span i:before {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.blog-section .subscribe-section .email {
  background-color: #222739;
  border: 1px solid hsla(0, 0%, 100%, .18);
  border-radius: 4px;
  color: #fff;
  height: 45px;
  outline: none;
  padding: 0 20px;
  width: 100%
}

.blog-section .subscribe-section .email::-moz-placeholder {
  color: #fff
}

.blog-section .subscribe-section .email::placeholder {
  color: #fff
}

.blog-section .pagination .page-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem
}

.blog-section .pagination .page-item:last-child {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.blog-section .pagination .page-item {
  background-color: #222739
}

.blog-section .pagination .page-item:focus-within,
.blog-section .pagination .page-item:hover {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.blog-section .pagination .page-link {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border: 1px solid hsla(0, 0%, 100%, .18);
  box-shadow: none;
  padding: 4px 13px;
  text-transform: uppercase
}

.blog-section .pagination .page-link:focus,
.blog-section .pagination .page-link:hover {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(123.62deg, #fff, #fff)
}

.tags div {
  background-color: #222739;
  border-radius: 5px
}

.tags div:focus-within,
.tags div:hover {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479)
}

.tags a {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border: 1px solid hsla(0, 0%, 100%, .18);
  border-radius: 5px;
  padding: 10px 25px;
  text-transform: uppercase
}

.tags a,
.tags a:focus,
.tags a:hover {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text
}

.tags a:focus,
.tags a:hover {
  background-image: linear-gradient(123.62deg, #fff, #fff)
}

button.carousel-control-prev {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border-radius: 0 5px 5px 0;
  height: 40px;
  opacity: 1;
  top: 45%;
  width: 40px
}

button.carousel-control-prev:hover {
  background-image: linear-gradient(123.62deg, #222739, #222739);
  opacity: 1
}

button.carousel-control-prev:hover span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='orange'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")
}

button.carousel-control-next {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border-radius: 5px 0 0 5px;
  height: 40px;
  opacity: 1;
  top: 45%;
  width: 40px
}

button.carousel-control-next:hover {
  background-image: linear-gradient(123.62deg, #222739, #222739);
  opacity: 1
}

button.carousel-control-next:hover span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='orange'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  height: 15px;
  width: 15px
}

.carousel-indicators [data-bs-target] {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 8px;
  margin-left: 4px;
  margin-right: 4px;
  opacity: 1;
  padding: 0;
  text-indent: -999px;
  transition: opacity .6s ease;
  width: 8px
}

.carousel-indicators {
  align-items: center;
  background-color: #222739;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  display: flex;
  height: 30px;
  justify-content: center;
  line-height: 20px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 90px;
  z-index: 2
}

.carousel-indicators .active {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  height: 8px;
  width: 15px
}

.modalbox,
.modalbox2 {
  background-color: #1d2336f1;
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  padding-top: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}

.modalbox .modal-content,
.modalbox2 .modal-content {
  background-color: #fff;
  margin: auto;
  max-width: 1200px;
  padding: 0;
  position: relative;
  width: 75%
}

@media (max-width:768px) {

  .modalbox .modal-content,
  .modalbox2 .modal-content {
    width: 90%
  }
}

.modalbox .close,
.modalbox2 .close {
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: 25px;
  top: 10px
}

.modalbox .close:focus,
.modalbox .close:hover,
.modalbox2 .close:focus,
.modalbox2 .close:hover {
  color: gray;
  cursor: pointer;
  text-decoration: none
}

.modalbox .mySlides,
.modalbox2 .mySlides {
  display: none
}

.modalbox .cursor,
.modalbox2 .cursor {
  cursor: pointer
}

.modalbox .next,
.modalbox .prev,
.modalbox2 .next,
.modalbox2 .prev {
  background-image: linear-gradient(123.62deg, #f59c37, #fd5479);
  border-radius: 0 3px 3px 0;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  margin-top: -27px;
  padding: 12px;
  position: absolute;
  top: 50%;
  transition: .6s ease;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  width: auto
}

@media (max-width:768px) {

  .modalbox .next,
  .modalbox .prev,
  .modalbox2 .next,
  .modalbox2 .prev {
    font-size: 14px;
    padding: 10px;
    top: 50%
  }
}

.modalbox .next,
.modalbox2 .next {
  border-radius: 3px 0 0 3px;
  right: 0
}

.modalbox .next:hover,
.modalbox .prev:hover,
.modalbox2 .next:hover,
.modalbox2 .prev:hover {
  background-image: linear-gradient(123.62deg, #1d2336f1, #1d2336f1);
  color: #f59c37
}

/* ---------------------------------------------------------------------------
   Blog page theming for templates 37-68.
   Same four classes the older templates use: `-bg` (panel), `-title` (heading),
   `-back` (back button) and `-img-bx` (image box). Colours are taken from each
   template's own stylesheet (panel background + `.text-primary` accent); the three
   templates whose panel is an image reuse that image, and vcard53 is variable-driven
   so it keeps its custom properties with the stock values as fallbacks.
   --------------------------------------------------------------------------- */

/* vcard37 - matched to the template's own blog cards: white card on a mint page,
   #2a9f2e accent, Montserrat, mint #e9f2ec content panel with a #cee7d5 hairline,
   and the template's pill back button (`.back-btn`, radius 25px, weight 600). */
.vcard-thirtyseven-page{background:#e9f2ec!important;font-family:Montserrat,sans-serif}
.vcard-thirtyseven-bg{background-color:#fff!important;border:1px solid #2a9f2e;border-radius:20px;margin-top:16px;overflow:hidden;padding:10px;color:#3f3f46}
.vcard-thirtyseven-img-bx{background-color:#e9f2ec;border:1px solid #cee7d5;border-radius:15px;box-shadow:none;max-height:320px;overflow:hidden;padding:10px}
.vcard-thirtyseven-img-bx img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.vcard-thirtyseven-title{color:#2a9f2e!important;font-family:Montserrat,sans-serif;font-size:24px;font-weight:600;line-height:1.25}
.vcard-thirtyseven-back{background:#2a9f2e!important;border:1px solid #2a9f2e;border-radius:25px;color:#fff!important;font-weight:600!important;outline:none;padding:10px 20px;transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content}
.vcard-thirtyseven-back:hover{background:#fff!important;color:#2a9f2e!important}
/* the article body sits on the mint panel this template uses for blog content */
.vcard-thirtyseven-bg .vcard-one-main-section .details{background-color:#e9f2ec;border:1px solid #cee7d5;border-radius:10px;padding:14px}
.vcard-thirtyseven-bg .vcard-one-main-section .details p{color:#3d4a42;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.5}

/* vcard38 - matched to the template's own blog cards: the #e5e4e3 card with the
   taupe #716659 outline and its signature thick bottom border, a 2px-framed image,
   the bordered `.card-body` panel for copy, and the template's 10px-radius back
   button. Page sits on white with Poppins, as the vCard body does. */
.vcard-thirtyeight-page{background-color:#fff!important;font-family:Poppins,sans-serif}
.vcard-thirtyeight-bg{background-color:#e5e4e3!important;border:solid #716659;border-radius:20px;border-width:1px 1px 6px;margin-top:16px;padding:20px;color:#3f3f46}
.vcard-thirtyeight-img-bx{background-color:#f2f2f2;border:2px solid #716659;border-radius:20px;box-shadow:none;max-height:320px;overflow:hidden;padding:0}
.vcard-thirtyeight-img-bx img{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.vcard-thirtyeight-title{color:#716659!important;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;line-height:1.2}
.vcard-thirtyeight-back{background:#716659!important;border:1px solid #716659;border-radius:10px;color:#fff!important;font-weight:600!important;outline:none;padding:12px 20px;transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content}
.vcard-thirtyeight-back:hover{background:#fff!important;color:#716659!important}
/* copy sits in the same bordered panel this template uses for its blog card body */
.vcard-thirtyeight-bg .vcard-one-main-section .details{background-color:#f2f2f2;border:1px solid #716659;border-radius:15px;padding:15px}
.vcard-thirtyeight-bg .vcard-one-main-section .details p{color:#4a433d;font-family:Poppins,sans-serif;font-size:16px;line-height:1.5}

.vcard-thirtynine-bg{background-color:#151515!important;color:#e8e8e8}
.vcard-thirtynine-img-bx{background-color:#151515}
.vcard-thirtynine-title{color:#dfd0b8!important}
.vcard-thirtynine-back{background-color:#dfd0b8;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-forty-bg{background-image:url(/assets/img/vcard40/bg.png)!important;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000}
.vcard-forty-img-bx{background-color:rgba(255,255,255,.55)}
.vcard-forty-title{color:#20232b!important}
.vcard-forty-back{background-color:#20232b;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortyone-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortyone-img-bx{background-color:#fff}
.vcard-fortyone-title{color:#6c367c!important}
.vcard-fortyone-back{background-color:#6c367c;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortytwo-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortytwo-img-bx{background-color:#fff}
.vcard-fortytwo-title{color:#eb8001!important}
.vcard-fortytwo-back{background-color:#eb8001;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortythree-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortythree-img-bx{background-color:#fff}
.vcard-fortythree-title{color:#1f1f1f!important}
.vcard-fortythree-back{background-color:#1f1f1f;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortyfour-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortyfour-img-bx{background-color:#fff}
.vcard-fortyfour-title{color:#3db8b6!important}
.vcard-fortyfour-back{background-color:#3db8b6;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortyfive-bg{background-image:url(/assets/img/vcard45/section-bg-img.png)!important;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f1f1f1}
.vcard-fortyfive-img-bx{background-color:rgba(0,0,0,.35)}
.vcard-fortyfive-title{color:#ff5a0e!important}
.vcard-fortyfive-back{background-color:#ff5a0e;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortysix-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortysix-img-bx{background-color:#fff}
.vcard-fortysix-title{color:#a4866d!important}
.vcard-fortysix-back{background-color:#a4866d;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortyseven-bg{background-color:#120f12!important;color:#e8e8e8}
.vcard-fortyseven-img-bx{background-color:#120f12}
.vcard-fortyseven-title{color:#f7ae00!important}
.vcard-fortyseven-back{background-color:#f7ae00;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortyeight-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortyeight-img-bx{background-color:#fff}
.vcard-fortyeight-title{color:#3599ba!important}
.vcard-fortyeight-back{background-color:#3599ba;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fortynine-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fortynine-img-bx{background-color:#fff}
.vcard-fortynine-title{color:#c29c77!important}
.vcard-fortynine-back{background-color:#c29c77;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fifty-bg{background-color:#060607!important;color:#e8e8e8}
.vcard-fifty-img-bx{background-color:#060607}
.vcard-fifty-title{color:#eb0029!important}
.vcard-fifty-back{background-color:#eb0029;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftyone-bg{background-image:url(/assets/img/vcard51/bg-img.png)!important;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#3f3f46}
.vcard-fiftyone-img-bx{background-color:rgba(255,255,255,.55)}
.vcard-fiftyone-title{color:#6554ce!important}
.vcard-fiftyone-back{background-color:#6554ce;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftytwo-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftytwo-img-bx{background-color:#fff}
.vcard-fiftytwo-title{color:#6228d7!important}
.vcard-fiftytwo-back{background-color:#6228d7;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftythree-bg{background-color:var(--green-100,#0f2f3a)!important;color:#f1f1f1}
.vcard-fiftythree-img-bx{background-color:var(--green-100,#0f2f3a)}
.vcard-fiftythree-title{color:var(--primary-color,#358ef4)!important}
.vcard-fiftythree-back{background-color:var(--primary-color,#358ef4);border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftyfour-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftyfour-img-bx{background-color:#fff}
.vcard-fiftyfour-title{color:#665d1e!important}
.vcard-fiftyfour-back{background-color:#665d1e;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftyfive-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftyfive-img-bx{background-color:#fff}
.vcard-fiftyfive-title{color:#423f8d!important}
.vcard-fiftyfive-back{background-color:#423f8d;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftysix-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftysix-img-bx{background-color:#fff}
.vcard-fiftysix-title{color:#186f65!important}
.vcard-fiftysix-back{background-color:#186f65;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftyseven-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftyseven-img-bx{background-color:#fff}
.vcard-fiftyseven-title{color:#fe816f!important}
.vcard-fiftyseven-back{background-color:#fe816f;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftyeight-bg{background-color:#fffbef!important;color:#3f3f46}
.vcard-fiftyeight-img-bx{background-color:#fffbef}
.vcard-fiftyeight-title{color:#ec9245!important}
.vcard-fiftyeight-back{background-color:#ec9245;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-fiftynine-bg{background-color:#fff!important;color:#3f3f46}
.vcard-fiftynine-img-bx{background-color:#fff}
.vcard-fiftynine-title{color:#6549c2!important}
.vcard-fiftynine-back{background-color:#6549c2;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixty-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixty-img-bx{background-color:#fff}
.vcard-sixty-title{color:#c82d4d!important}
.vcard-sixty-back{background-color:#c82d4d;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtyone-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtyone-img-bx{background-color:#fff}
.vcard-sixtyone-title{color:#f8c000!important}
.vcard-sixtyone-back{background-color:#f8c000;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtytwo-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtytwo-img-bx{background-color:#fff}
.vcard-sixtytwo-title{color:#da242b!important}
.vcard-sixtytwo-back{background-color:#da242b;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtythree-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtythree-img-bx{background-color:#fff}
.vcard-sixtythree-title{color:#517871!important}
.vcard-sixtythree-back{background-color:#517871;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtyfour-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtyfour-img-bx{background-color:#fff}
.vcard-sixtyfour-title{color:#7566e3!important}
.vcard-sixtyfour-back{background-color:#7566e3;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtyfive-bg{background-color:#111!important;color:#e8e8e8}
.vcard-sixtyfive-img-bx{background-color:#111}
.vcard-sixtyfive-title{color:#f68338!important}
.vcard-sixtyfive-back{background-color:#f68338;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtysix-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtysix-img-bx{background-color:#fff}
.vcard-sixtysix-title{color:#a98345!important}
.vcard-sixtysix-back{background-color:#a98345;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtyseven-bg{background-color:#fff!important;color:#3f3f46}
.vcard-sixtyseven-img-bx{background-color:#fff}
.vcard-sixtyseven-title{color:#40b5c5!important}
.vcard-sixtyseven-back{background-color:#40b5c5;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}

.vcard-sixtyeight-bg{background-color:#f5f5f5!important;color:#3f3f46}
.vcard-sixtyeight-img-bx{background-color:#f5f5f5}
.vcard-sixtyeight-title{color:#006769!important}
.vcard-sixtyeight-back{background-color:#006769;border:none;border-radius:5px;color:#fff;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}


/* ---------------------------------------------------------------------------
   Reworked article layout, opt-in via `blog-modern` on <body> (templates 37+).
   Templates 1-31 are untouched - their blog.css rules assume the older layout.
   --------------------------------------------------------------------------- */

/* Layout only, deliberately.

   This block used to normalise the copy back to the panel's own typography with
   background/color/font-family/font-size all !important. That is the only thing
   strong enough to beat an inline style -- which meant it also erased every
   choice the author made in the blog editor: text colour, highlight/background,
   font family and size. The post must render the way it was written, so those
   declarations are gone. What remains is a default for copy that carries no
   styling of its own, and it is not !important, so the author still wins. */
.blog-modern .vcard-one-main-section .details,
.blog-modern .vcard-one-main-section .details p,
.blog-modern .vcard-one-main-section .details li,
.blog-modern .vcard-one-main-section .details div,
.blog-modern .vcard-one-main-section .details span,
.blog-modern .vcard-one-main-section .details font{
    line-height:1.65;
}
.blog-modern .vcard-one-main-section .details h1,
.blog-modern .vcard-one-main-section .details h2,
.blog-modern .vcard-one-main-section .details h3,
.blog-modern .vcard-one-main-section .details h4,
.blog-modern .vcard-one-main-section .details strong,
.blog-modern .vcard-one-main-section .details b{font-weight:600}
.blog-modern .vcard-one-main-section .details h1,
.blog-modern .vcard-one-main-section .details h2{font-size:20px;margin:1.25rem 0 .5rem}
.blog-modern .vcard-one-main-section .details h3,
.blog-modern .vcard-one-main-section .details h4{font-size:18px;margin:1rem 0 .5rem}
.blog-modern .vcard-one-main-section .details p{margin-bottom:.85rem}
.blog-modern .vcard-one-main-section .details a{text-decoration:underline}
.blog-modern .vcard-one-main-section .details img{border-radius:10px;height:auto;max-width:100%}

/* header row: keep the back button in flow next to the title instead of the
   absolutely-positioned mobile duplicate the old layout used */
.blog-modern .blog-hover-btn{display:inline-block}
.blog-modern .blog-hover-btn-mobile{display:none!important}
.blog-modern .vcard-one-main-section .blog-title{margin-top:0!important;word-break:break-word}

/* hero image: the old rule pinned it to 300px tall regardless of the artwork */
.blog-modern .vcard-one-main-section .img-bx{box-shadow:none}
.blog-modern .vcard-one-main-section .img-bx img{aspect-ratio:16/9;height:auto;max-height:360px;-o-object-fit:cover;object-fit:cover;width:100%}

.blog-modern .vcard-one.main-content{margin-bottom:24px}

@media (max-width:575px){
    .blog-modern .vcard-one-main-section .blog-title{font-size:22px}
    .blog-modern .vcard-one-main-section .img-bx img{max-height:220px}
    .blog-modern .vcard-one-main-section .details,
    .blog-modern .vcard-one-main-section .details p{font-size:15px}
}


/* ---------------------------------------------------------------------------
   Privacy / terms page, opt-in via `privacy-modern` on <body> (templates 37-68).
   Reuses the same per-template `-page` / `-bg` / `-title` / `-back` colours as the
   blog page; only the page furniture differs (cards instead of one article body).
   --------------------------------------------------------------------------- */
.privacy-modern{min-height:100vh;padding-bottom:32px}
.privacy-modern .privacy-modern-section{padding:24px 0}
.privacy-modern [class*="-bg"]{border-radius:15px;margin:16px auto;max-width:670px;overflow:hidden}
.privacy-modern .heading-title{font-size:24px;font-weight:600;margin:0}
/* the content cards sit on the themed panel, so keep them neutral and readable */
.privacy-modern .card{background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);color:#3f3f46}
.privacy-modern .card,
.privacy-modern .card p,
.privacy-modern .card li,
.privacy-modern .card span,
.privacy-modern .card div,
.privacy-modern .card font{color:#3f3f46!important;font-family:inherit!important;font-size:16px!important;line-height:1.65!important}
.privacy-modern .card h1,
.privacy-modern .card h2,
.privacy-modern .card h3,
.privacy-modern .card h4,
.privacy-modern .card strong,
.privacy-modern .card b{color:#26262b!important;font-family:inherit!important}
.privacy-modern .card h1,.privacy-modern .card h2{font-size:20px!important;margin:1.25rem 0 .5rem}
.privacy-modern .card h3,.privacy-modern .card h4{font-size:18px!important;margin:1rem 0 .5rem}
.privacy-modern .card a{color:inherit!important;text-decoration:underline}
.privacy-modern .terms-policies-btn{display:inline-block;text-decoration:none!important}
@media (max-width:575px){
    .privacy-modern .heading-title{font-size:20px}
    .privacy-modern .card,
    .privacy-modern .card p{font-size:15px!important}
}