:root{
  --bg-prime-color:#01203D;
  --bg-prime-ft1-color:white;
  --bg-prime-ft2-color:#F6FAFC;
  --bg-prime-ft3-color:#fa4a23;
  --bg-prime-ft4-color:#d8e6ef;
  --bg-prime-ft5-color:#718aa5;
  --bg-prime-ft6-color:#34495f;
  --bg-prime-ft-color:#718aa5;
 }
 .rblogs{
  margin-top:-2%;
 }
 .hts{
    font-size:9px;
  }
  .rscr:hover{
    border:1px solid #01203D;
  }
  .fts{
    color:var(--bg-prime-ft-color);
  }

  .border-end{
    border-color: rgba(255, 255, 255, 0.5);
    border-width: 1px;
  }
  .fsr{
    color:var(--bg-prime-ft5-color);
  }
  .dsblogs{
    margin-top:-12px;
   }
  .blogsfix{
    margin-left:3px;
    font-family:"open sans",sans-serif;
    font-weight:400;
  }
   .section-left-articles {
        width: 100%;
        margin-top: 1rem;
    }

  .resource-article{
    font-size: 13px;
    color: #374151;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px 3px 10px;
  }
  .placeholder-white::placeholder{
    color:var(--bg-prime-ft1-color) !important;
  }
  .hds{
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
  }
#view-more-btn-info {
  border: 1px solid var(--bg-prime-color) ;
  transition: all 0.3s ease;
}
#view-more-btn-info:hover {
  border: 1px solid var(--bg-prime-color) ;
  color: #000;
}
  .blogcolor{
    border:1px solid #FF4500 !important;
    color:#FF4500 !important;
  }
  /* .blog-blog-tit{
    font-size : var(--para-p1);
    height:2rem;

} */

.limited-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Adjust this value to limit by lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 4.5em; /* Adjust based on the line height and number of lines */
}

  .cards{
    width: 100%;
    height: 92% !important;
    border: 1px solid rgba(222, 229, 236, 1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding:16px;
  }
  .imsecinfoblog{
    font-size:12px;
    color:rgba(0, 33, 99, 1);
    height:40%;
  }
  .ddhs{
    margin-bottom:1 rem;
  }
  .hdsw{
    color:var(--bg-prime-color)  !important;
  }
  .articleblog{
    padding: 20px 0 5px 0;
    max-height: max-content;
  }
  .text-ellipsis-mobile {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .pop{
    background:var(--bg-prime-ft4-color)!important;
  }
  #article-blogs h2 {

    font-size:1.25rem !important;
    color:var(--bg-prime-color) ;

  }
  #article-blogs h1{

    font-size:1.25rem !important;
    color:var(--bg-prime-color) ;

  }
  #infosecond_sections h2{
    font-size:24px;
  }
  #article-blogs p{

    font-size:1rem !important;
    color:var(--bg-prime-color) ;

  }
  #article-blogs ul {

    font-size:1rem !important;
    color:var(--bg-prime-color) ;

  }
  #article-blogs  li{

    font-size:1rem !important;
    color:var(--bg-prime-color) ;

  }
  #article-blogs h1{

    font-size:1.25rem !important;
    color:var(--bg-prime-color) ;

  }
.download-pop-article {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    bottom: 37px;
    background: #3e3e3e;
    z-index: 100;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.download-pop-article p {
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.download-pop-article > div {
    justify-content: space-around;
    align-items: baseline;
}
.download-pop-article-cross {
    background: transparent;
    color: white;
    font-size: 25px;
    position: absolute;
    right: 10%;
}
.download-curiculum-artile {
    width: max-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    height: 30px;
    color: white;
    background: linear-gradient(101.07deg, #fd7d35 -4.19%, #e74141 71.76%);
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.download-curiculum-artile:hover {
    background: linear-gradient(101.07deg, #fd7d35cf -4.19%, #e74141bf 71.76%) !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.1), 0px 4px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.share-article {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
}
.share-block-left a {
    margin-right: 10px;
}
@media (max-width: 992px) {
    .download-pop-article .w-70 {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .download-pop-article>div {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .download-pop-article p {
        font-size: 14px;
        text-align: center;
    }
    .download-curiculum-artile {
        margin-top: 10px;
    }
    .download-curiculum-artile {
        height: 25px;
        font-weight: 600;
        font-size: 12px;
    }
}
@media(min-width:992px){
  .vie-count-width {
    width:6rem;
  }
  .article-des-width {
    width:90%;
  }
  #article-cluster {
    width: 80% !important;
  }
  .liner{
    border-right:1px solid black !important;
    height:26px;
  }
.ddsr{
  width:90% !important;
}
.imsecinfoblog{
  height:70%;
}
#infosecond_sections h2{
  font-size:1.5rem;
}
#article-blogs  li{

  font-size:1rem !important;
  color:var(--bg-prime-color) ;

}
#article-blogs ul {

  font-size:1rem !important;
  color:var(--bg-prime-color) ;

}
#article-blogs p{

  font-size:1rem !important;
  color:var(--bg-prime-color) ;

}
#article-blogs h2 {

  font-size:1.65rem !important;
  color:var(--bg-prime-color) ;

}
#article-blogs h1{

  font-size:1.25rem !important;
  color:var(--bg-prime-color) ;

}
.dspt{
  width:70% !important;
}
.fts{
  color:black;
}
.rblogs{
  margin-top:0px;
}
.ggd{
  height:2rem;
}
.gdsr{
  font-size:13px;
}
.ddhs{
  margin-bottom:22px;
}
.dds{
  margin-left:-5% !important;
}
.dgs{
  padding-right:2.5rem;
}
.dbpower{
  width: 25%;
   position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y:clip;
    left:3.5%;
    margin-top:0 !important;
}
#custom-fix-tooltip .invalid-tooltip {
    position: absolute !important;
    top: 70% !important;
    left: 2% !important;
    right: 3% !important;
    font-size:0.875rem !important;

}
#id-comment .invalid-tooltip {
    top: 32%;
    right: 2%;
    font-size: 0.875rem !important;
}
.dblogss{
  width: 25% ;
  margin-left:0%;
}
  }
.section-right-sidebar {
  position: sticky;
  top: 0;
  max-height: 100vh;
  width: 100%;
  background-color: var(--bg-prime-ft1-color) ;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 .gds{
    border: 1px solid var(--bg-prime-ft3-color);
    background: var(--bg-prime-ft3-color);
    font-size:13px !important;
 }
 .blgs{
  background:none !important;
  font-size:14px !important;
 }

 .bblogss{
  background:var(--bg-prime-ft1-color)  !important;
 }
 .articlepop{
    width: 86%;
    font-size: 11px !important;
    padding: 9px 12px;
    margin-top: 15px;
 }
 .articlepop:hover{
  background:var(--bg-prime-color) ;
  color:var(--bg-prime-ft1-color) ;
  border:1px solid var(--bg-prime-color) ;
 }
.sblogs{
  color:#1155cc;
}
.comments {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
}
.reply-links {
  cursor: pointer;
  text-decoration: underline;
  margin-left: 5px;
}
.replys {
  margin-left: 20px;
  border: 1px solid #eee;
  padding: 8px;
  margin-top: 8px;
}
.reply-form-container {
  margin-top: 10px;
}
.comment-text {
  display: inline;
  max-width: 80%;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.read-more {
  display: inline;
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  border: none;
  background: none;
  font-size: inherit;
}
.resource-article:hover {
  background-color: #dcdada77;
  border-radius:5px;
}
.section-left-most-articles {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  left: 0;
  right: 0;
}
.desktopblog{
  top:0 !important;
  position: sticky;
  top: 0;
  z-index: 10;
}
.vwmore{
  background:none !important;
  color:#FB6921 !important;
  text-decoration:underline;
}
.vwmore:hover{
  color:#01203D !important;
}
.form-check-labels span{
  color:white;
  text-decoration:underline;
}
.cdrs{
  border:1px solid #DEE5EC;
  box-shadow: 0px 0px 2px 0px #98ACC3, 0px 5px 0px 0px #F1F4F7 !important;
}
.cdrs:hover{
  box-shadow:0px 2px 8px #707070 !important;
}
.popblog {
  box-sizing: border-box;
  padding: 10px;
  max-width: 100%;
}
.share-article {
  top: 0px;
  z-index: 10;
  padding-bottom: 10px;
  transition:none;
}
.clients-bdr-box-4 {
  position: sticky;
  top: 150px;
  z-index: 5;
  background: white;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-fix-tooltip .fa-info-circle {
    top: 21%;
    right: 7%;
}

#custom-fix-tooltip .invalid-tooltip {
    position: absolute;
    top: 60%;
    left: 2%;
    right: 3%;
    font-size:9px;
}
#id-comment .invalid-tooltip {
    top: 32%;
    right: 2%;
    font-size:9px;
}
#id-comment .fa-info-circle {
    top: 9%;
    right: 4%;

}

.tit-home{
  display: -webkit-box;
    -webkit-line-clamp: 2; /* Adjust this value to limit by lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 4.5em;
}
.blog-blog-tit{
  height:fit-content;
}
.article-reply-form-btn {
    padding: 10px;
    text-align: center;
    width: 150px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(101.07deg, #fd7d35 -4.19%, #e74141 71.76%);
    font-weight: 600;
    line-height: 20px;
}

.article-reply-form-btn:hover {
    opacity: 0.9;
}

.table-bxshdw {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 7px;
}

.train-desc-fs {
  font-size:15px;
}
.liner-gradient-border-blue {
  border: 1px solid #E7D761;
}
#related-articles-splide .splide__arrows.splide__arrows--ltr {
  position: absolute;

  left: 47%;
  width: 100px;
}
#related-articles-splide .splide__arrow {
  background-color: white;
  border: 2px solid var(--prime-ft-color);
  opacity: 1;
}
#related-articles-splide .splide__arrow:disabled {
  opacity: 0.3 !important;
}
#related-articles-splide .splide__arrow svg {
  fill: var(--prime-ft-color);
  height: 0.8em;
  width: 0.8em;
}
.btn-bg-download {
  background:none;
}
.learn-more-btn {
  background:#FA4A23;
  font-size:14px;
}
.learn-more-btn:hover {
  background:#01203D;
}
.card-fs {
  font-size:13px;
}
.sticky-brder {
  background:#FFFDFA;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 3px 5px -2px var(--nav-ft-color);
}
@media(max-width:576px) {
  .article-banner-media .article-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vie-more-btn-article {
    flex-direction: column;
    margin-right: auto;
  }
  .resource-article-bullet-points-side {
    flex-direction:column !important;
  }
  .cls-btn-vm-vl-dis {
    margin-right:auto !important;
    margin-left: 1px !important;
  }
  .author-card {
    text-align: center;
  }
  #related-articles-splide .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: 0rem;
    left: 37% !important;
    width: 100px;
  }
  .bord-mob {
    border-right: 1px solid black !important;
    height: 26px;
  }
}
@media (min-width:1200px) and (max-width:1400px) {
  .gdsr{
    font-size:12px !important;
  }
  .right-fs {
    font-size:14px !important;
  }
}
/* Request More Details: underline tabs on a thin baseline */
.request-details-tabs {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(250, 74, 35, 0.35);
  margin-bottom: 0.5rem;
}

.request-details-tabs .tab-btn {
  flex: 1;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #1a1a1a;
  border-bottom: 3px solid transparent;
  padding: 0.3rem 0.5rem 0.3rem;
  margin-bottom: -1px;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.request-details-tabs .tab-btn.active {
  color: var(--bg-prime-ft3-color);
  border-bottom-color: var(--bg-prime-ft3-color);
  font-weight: 600;
}

.request-details-tabs .tab-btn.pe-none {
  cursor: default;
}

.request-details-tabs .tab-btn:not(.pe-none):hover {
  color: var(--bg-prime-ft3-color);
}
#article-cluster {
  padding-top: 24px !important;
}
.card-fs-bg {
   background-color:#345FB3;
}
.article-btn-bg {
  background-color:#FF4500 !important;
  color:#ffffff !important;
}
.full-width-section {
  background: linear-gradient(to top, #FFFEF3 22%, #FFFFFF 99%);
}
.bg-card-color {
  background: linear-gradient(to top, #FFFEF3 22%, #FFFFFF 99%);
}


.article-banner-media {
  aspect-ratio: 1200 / 630;
  background-color: #ececec;
}

.article-banner-media .article-banner-skeleton {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  pointer-events: none;
}

.article-banner-media #article-og-img,
.article-banner-media .article-banner-img {
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: center;
}

.article-banner-media .article-banner-fallback-title {
  z-index: 3;
}