body {
  background-color: #000;
  font-family: 'Poppins', sans-serif;
}

.navbar .nav-link {
  color: #fff !important;
  font-weight: 500;
}

.nav-logo img{width:150px;}

.underline-highlight {
  position: relative;
  display: inline-block;
}


.philosophy-sub-text{font-size: 16px;
    margin-top: 45px;}

.underline-highlight::after {
  content: "";
  position: absolute;
  bottom:0;
  left: 0;
  width:100%;
  height:100%;
  background:url("../images/bg-line.svg") no-repeat;
  z-index: -1;
  background-size:100% 100%;
}

.hero-section {
  min-height: 90vh;
  padding-top: 60px;
}

@media (max-width: 767px) {
  .hero-section h1 {
    font-size: 2rem;
  }

  .hero-section p {
    font-size: 1rem;
  }
}


.why-section {
    position:relative;
  /*background: radial-gradient(ellipse at left, rgba(255, 0, 0, 0.1), transparent);*/
}

.why-section:before{content:"";
    position:absolute;
    left:0;
    top:0;
    background:url("../images/left-sh.svg") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 24%;
    z-index:-1;
}

.why-section:after{content:"";
    position:absolute;
    right:0;
    top:60%;
    background:url("../images/right-sh.svg") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    /*width: 24%;*/
    z-index:-1;
}

.why-section p.circleHead{padding:13px 20px;
    background: transparent;
    border: 1px rgba(255, 255, 255, .2) solid;
}

.service-page .card{background:transparent;}

.service-page .card-body{padding-left:0; padding-right:0;}

.services-section p.circleHead{padding:13px 20px;
    background: transparent;
    border: 1px rgba(255, 255, 255, .2) solid;
}

.services-section .btn{padding-left:18px; padding-right: 6px; margin-top: 20px;}

.services-section .card-body p{color:#999; font-size:13px;}

.services-section .card-title{height: 50px;
    display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.form-control:focus{    background: #373636;
box-shadow:none; outline:none; border-color:#4a4a4a;}

/*.underline-highlight::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 0.1em;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 0.4em;*/
/*  background-color: #ef1c1c;*/
/*  transform: skew(-20deg);*/
/*  z-index: -1;*/
/*}*/
/*.custom-accordion .accordion{background-color:#191919;}*/

.custom-accordion .accordion-button {
  background-color:#191919;
  color: #fff;
  font-weight: 500;
  padding: 1.25rem 1.5rem;
  /*border-left: 4px solid transparent;*/
  transition: all 0.3s ease;
}
.custom-accordion .accordion-item{background: #191919;}

.custom-accordion .accordion-button:not(.collapsed) {
  background-color:#191919;
  /*border-left: 4px solid #ef1c1c;*/
  box-shadow: none;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/*.custom-accordion .accordion-button.collapsed {*/
/*  border-bottom-left-radius: 0 !important;*/
/*  border-bottom-right-radius: 0 !important;*/
/*  padding-bottom: 9px;*/
/*}*/

.accordion-button:focus{box-shadow:none;}

.custom-accordion  .accordion-header  border-radius: 1rem; }


    
.custom-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{}
  
.custom-accordion .accordion-button:not(.collapsed) {padding: 1.25rem 1.5rem; padding-bottom:5px;}
  
/*.custom-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{  border-bottom-left-radius: 0 !important;*/
/*  border-bottom-right-radius: 0 !important;}*/

.custom-accordion .accordion-collapse.collapse.show .accordion-body{border-bottom-left-radius: 1rem;  border-bottom-right-radius: 1rem; position:relative;}


.custom-accordion .accordion-collapse.collapse.show .accordion-body:after{background:#EC1C24; content:"";
position:absolute; top:-35px; height:21px;
width: 3px;
left: 0;
z-index: 9;}

.custom-accordion .accordion-body {
  background-color:#191919;
  padding: 1rem 1.5rem;
  /*border-top: 1px solid rgba(255, 255, 255, 0.05);*/
  padding-top: 0;
}



/* Default collapsed state: show plus */
.accordion-button::after {
  content: '+';
  font-size: 1.2rem;
  color: #fff;
  margin-left: auto;
  transition: transform 0.2s ease;
  border: 1px #303030 solid;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding:6px;
    background-image:none;
    text-align: center;
}

/* Expanded state: show minus */
.accordion-button:not(.collapsed)::after {
  content: '–';
  font-size: 1.5rem;
  background-image:none;
  padding:2px;
}


.services-section {
  /*background: radial-gradient(ellipse at right, rgba(255, 0, 0, 0.08), transparent);*/
}



/*.underline-highlight::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 0.1em;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 0.4em;*/
/*  background-color: #ef1c1c;*/
/*  transform: skew(-20deg);*/
/*  z-index: -1;*/
/*}*/

.card img {
  object-fit: cover;
  height: 220px;
  width: 100%;
  border-radius:24px;
}


  .team-section {
    background-color: #000;
    color: white;
    padding: 3rem 0;
    text-align: center;
  }
  
  .team-section h4{color:#808080;}
  
.team-section button  { color: #a3a3a3;
    padding: 9px 20px;
    border:1px #cccccc solid;
}

.team-section button:hover{border:1px #cccccc solid; color: #a3a3a3;}

  .team-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
  }
.highlight-member {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(0,123,255,0.3);
}
  .team-card {
   margin-top: 30px;
    color: white;
    /*width: 220px;*/
    transition: transform 0.3s;
  }
  
  .team-card h5{ color: #999999;}
  
   .team-card p{ color: #4c4c4c;     font-size: 23px;}
  
  .team-card.text-center{transform: scale(0.7) translateZ(0px);}

  /* Make center card larger by scaling */
  .carousel-item.active .team-card:nth-child(2) {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
  
  .carousel-control-next, .carousel-control-prev{top:28%;}

  /* Responsive adjustments */
  @media (max-width: 991px) {
    .carousel-item .col-md-4 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media (max-width: 575px) {
    .carousel-item .col-md-4 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  
.screenshot_slider  .owl-item .item {
  transform: translate3d(0, 0, 0);
  margin: 50px 0;
}

.screenshot_slider .owl-item .item img {
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  border-radius:17px;
 width:85%;
    height: 270px;
    margin: 0 auto;
}
.screenshot_slider .owl-carousel .owl-stage-outer {
  max-width: 1200px; 
  margin: 0 auto; 
}
.owl-carousel .owl-stage {
  display: flex;
  justify-content: center;
}

.owl-carousel .owl-item {
  margin:0 30px; 
}
.team-img {
   width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: cover;
}

.screenshot_slider .owl-item.center { margin:0 auto;}

.screenshot_slider .owl-item.center .item {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);

}

.screenshot_slider .owl-item.center .item img {
    height: 300px;
    margin: 0 auto;
}

.screenshot_slider .owl-item.center .item .team-card{display:block;}

.screenshot_slider .owl-item .item .team-card{display:none;}

.screenshot_slider .owl-nav {
  text-align: center;
     
}

.screenshot_slider .owl-nav button {
  font-size: 24px !important;
  margin: 10px;
  color: #033aff !important;
}

.screenshot_slider .owl-prev{left:0;}

.screenshot_slider .owl-next{right:0;}

.screenshot_slider .owl-prev,.screenshot_slider .owl-next{ position: absolute;
    top: 34%;}

.screenshot_slider .owl-prev,.screenshot_slider .owl-next{ background:#fff !important;
    opacity: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 9px 20px;
    
}

.footer-section {
  color: #fff;
  padding: 55px 0;
  position:relative;
}

.footer-section p{color: #fff; font-size:16px;}
    
.ft-subheading{max-width: 65%;
    margin: 0 auto; color:#9b9b9b !important;}

.footer-section:before{content:"";
    position:absolute;
    left:0;
    top:0;
    background:url("../images/left-sh.svg") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 24%;
    z-index:-1;
}

.footer-section:after{content:"";
    position:absolute;
    right:0;
    top:0;
    background:url("../images/right-sh.svg") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 24%;
    z-index:-1;
}

.footer-section .btn{padding-left: 18px;
    padding-right: 6px;}

.footer-section .custm-btn{ align-items: center; text-align:left; gap: 15px;padding: 5px 6px 5px 18px;}

.footer-section .custm-btn .addText{display: flex;
    flex-direction: column;}
    
.footer-section .custm-btn .addText small{color: #a1a1a1;
    font-size: 12px;}
    
.footer-section .btn-dark{background: #121212;}

.footer-section .bi-envelope{background: #222;
    padding: 12px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
        text-align: center;
        display: block;
}

.footer-section{}

.arrowico{ background:#ee2e36;
    padding: 9px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    display: block;}

.footer-card {
  background:#1f1f1f;
  /*backdrop-filter: blur(5px);*/
}

.footer-card h5{font-size:18px; color:#a4a4a4;}

.footer-icon {
  display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    transition: all 0.3s ease;
    border: 1px #373737 solid;
}

.footer-icon:hover {
  background: #f33;
}

.footer-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 13px;
  font-size: 21px;
}

.footer-section input{background: #373636;
    border: 1px #4a4a4a solid;
    height: 40px;
    color: #7d7d7d; padding: 0 20px;}
    
.footer-section input::placeholder{ color: #7d7d7d;}

.footer-link:hover {
  color: #f33;
}

.about-section {
  color: #fff;
}

.strike-text {
  position: relative;
  display: inline-block;
  color: #fff;
}

.strike-text::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #f33; /* red strikethrough */
  transform: rotate(-3deg);
  z-index: -1;
}

.about-text p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  text-align:center;
}

.custom-width{max-width: 73%;
    margin: 0 auto;}
    
.philosophy-main-text{font-size:23px; font-weight:bold;}

.westand-main-text{font-size:23px; font-weight:bold;}

.philosophy-main-text,.westand-main-text {
  width:100%;      
  margin: 0 auto;
}

.bg-number {
 font-family: 'Poppins', sans-serif;
 position: absolute;
  top:-16px;          
  right: 15px;        
  font-size: 152px;   
  font-weight: 800;
  color: rgba(255, 255, 255, 0.05); 
  z-index: 0;
  line-height: 1;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .philosophy-main-text {
    width:52%;
    max-width:52%;
  }
.westand-main-text{width:70%;
    max-width:70%;}
    
.westand-section .row{margin-top: 65px;}
}



.viewArrow{background: #351517;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 5px;
    color: #fff;}

.btn-danger{ background-color: #EC1C24 !important;}

.btn-bg{background: #161616; color: #fff;}

.btn-br{  border: 1px #191919 solid; color:#fff;}

.blog-hero-section{}

.blog-hero-banner {
      background-image: url('../images/blog-banner.jpg'); 
      background-size: cover;
      background-position: top;
      text-align: center;
     min-height:350px;   
     color: #fff;
     border-radius:20px;
     background-repeat:no-repeat;
     display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
    }
    .blog-hero-section h1 {
      font-size: 3rem;
      font-weight: bold;
      max-width: 600px; 
  margin: 0 auto;  
  text-align: center;
      padding-top: 50px;
    }
   

.scroll-to-explore {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  opacity: 0.9;
  cursor: pointer;
  animation: bounce 2s infinite;
  text-transform: uppercase;
  display: grid;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-8px); }
  60% { transform: translateY(-4px); }
}


@media (max-width: 768px) {
  .blog-hero-banner h1 {
    font-size: 2rem;
  }

}


.blog-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 15px;
  display: flex;
    gap: 15px;
  overflow: hidden;
}

.blog-card:hover {
  
}


.blog-img {
  flex: 0 0 250px; 
}

.blog-img img {
 width: 250px;
    height: 240px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.4s ease;
}



.blog-content {
  flex: 1; 
}

.blog-content .card-title {
     font-weight: bold;
    font-size: 26px;
  margin-bottom: 12px;
}

.blog-content .blog-card-text {
  font-size: 15px;
  color: #929292;
  line-height: 1.6;
  margin-bottom:10px;
}

.blog-content .btn-danger {
  background-color: #e50914;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  transition: background-color 0.3s ease;
}

.blog-content .btn-danger:hover {
  background-color: #ff333f;
}

.blog-right-card{transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 15px;
}

.blog-right-card img{border-radius: 15px;
    width: 100%;
    aspect-ratio: 250px / 240; 
    object-fit:cover;
    margin-bottom:20px;
}

/* ==== RESPONSIVE DESIGN ==== */
@media (max-width: 992px) {
  .blog-card {
    flex-direction: column;
    text-align: center;
  }

  .blog-img {
    flex: 0 0 auto;
    width: 100%;
  }

  .blog-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 295 / 263;
  }

  .blog-content {
    width: 100%;
    padding-top: 15px;
  }

  .blog-content .card-title {
    font-size: 16px;
  }

  .blog-content .blog-card-text {
    font-size: 13px;
  }
}



.search-bar {
  background-color: #222; 
  border-radius: 50px;
  padding: 6px 8px;
  width: 100%;
  max-width: 400px; 
  margin-left: auto;
  margin-bottom:35px;
}


.search-input {
  background-color: transparent;
  border-radius: 50px;
  padding-left: 10px;
}

.search-input i {
  color: #888;
  font-size: 1rem;
  margin-right: 8px;
}

.search-input input {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  flex: 1;
}


.search-bar .btn-danger {
  background-color: #e50914;
  border: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color 0.3s ease;
}

.search-bar .btn-danger:hover {
  background-color: #ff333f;
}

.search-input input::placeholder {
  color: #707070;
  opacity: 1; 
}


.search-input input:focus::placeholder {
  color: #707070;
}

@media (max-width: 576px) {
  .search-bar {
    max-width: 100%;
    padding: 5px;
  }

  .search-bar .btn-danger {
    padding: 6px 16px;
    font-size: 12px;
  }

  .search-input input {
    font-size: 13px;
  }
}


.blog-content .small{color: #929292;
    font-size: 15px;
    margin-bottom: 12px;}

.latest-blog-card {
  border-radius:15px;
}

.latest-blog-card:hover {

}

.latest-blog-card img {
  border-radius:15px;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.latest-blog-content {
  padding: 15px;
}

.latest-blog-content h5 {
  font-weight: bold;
    font-size: 26px;
    margin-bottom: 12px;
}

.latest-blog-content p {
 font-size: 15px;
    color: #C9C9C9;
    line-height: 1.6;
    margin-bottom: 10px;
}

.latest-blog-content .small{color: #C9C9C9;
    font-size: 15px;
    margin-bottom: 12px;
    display: block;}

.read-more {
  color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: 1px #323232 solid;
    border-radius: 45px;
    padding: 10px 20px;
    margin-top: 5px;
    display: inline-block;
}

.read-more:hover {
  color: #ff2c2c;
}


.carousel-arrows {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.custom-arrow {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: transparent;
  border: 1.5px solid #fff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-arrow:hover {
  background: white;
  color: black;
  border-color: white;
  transform: scale(1.05);
}

.custom-arrow i {
  font-size: 1.1rem;
}

.custom-pagination {
     margin-top: 35px;
}

.pagination {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pagination .page-item .page-link {
  background: transparent;
  color: #aaa;
  border: none;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
  width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-item.active .page-link {
  background-color: #EC1C24; 
  color: #fff;
  border-radius: 8px;
}

.pagination .page-item .page-link:hover {
  color: #fff;
}

.pagination .dots {
  pointer-events: none;
  color: #666;
}

.pagination-prev,
.pagination-next {
  cursor: pointer;
  transition: all 0.3s ease;
}

.pagination-prev:hover i,
.pagination-next:hover i,
.pagination-prev:hover span,
.pagination-next:hover span {
  color: #fff;
}

.pagination-prev i,
.pagination-next i {
  font-size: 1rem;
}

@media (max-width: 768px) {
  .pagination {
    gap: 4px;
  }
  .pagination .page-item .page-link {
    padding: 4px 8px;
  }
}


.consulting-card{border-radius:10px;}

.consulting-card img {
  object-fit: cover;
  border-radius:10px;
  height: 400px; 
}

.badge-custom {
      background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    padding:3px 14px 3px 5px;
    color: #EC1C24;
    margin-bottom:15px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}


.badge-custom .dot {
  width: 14px;
  height: 14px;
  background-color: #dc3545;
  border-radius: 50%;
  display: inline-block;
}

.consulting-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  backdrop-filter: blur(4px);
}

.consulting-overlay h4{font-size:40px;}

.consulting-overlay .badge {
  font-size: 0.9rem;
  border-radius: 50px;
  padding: 0.6rem 1rem;
}

.strategy-section {
  color: #fff;
  line-height: 1.7;
  position:relative;
  padding-bottom: 40px;
}


.strategy-section h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.strategy-section p {
  font-size: 15px;
  color: #ddd;
  margin-bottom:7%;
}

.strategy-section h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 40px 0 45px;
  color: #fff;
}

.key-area h4 + p{margin-bottom:24px;}

.strategy-section h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.strategy-section ul {
  list-style: none;
  padding-left: 0;
}

.strategy-section ul li {
  margin-bottom: 5px;
  color: #E5E5E5;
}

.strategy-section ul li strong {
  color: #fff;
}


.strategy-section .bg-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
}


.strategy-section .bg-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
}


.restructuring-section {
  background-color: #ffffff; 
  padding: 65px 0px;
}

.restructuring-section h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.restructuring-section p {
  font-size: 15px;
  color: #444;
  margin-bottom: 24px;
}

.restructuring-section ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.restructuring-section ul li {
  font-size: 15px;
  color: #111;
  margin-bottom: 5px;
}

.restructuring-section ul li:last-child{margin-bottom:0;}

.restructuring-section ul li strong {
  color: #000;
  font-weight: 600;
}


@media (max-width: 768px) {
  .restructuring-section {
    padding: 50px 15px;
  }
  .restructuring-section h4 {
    font-size: 16px;
  }
  .restructuring-section p,
  .restructuring-section ul li {
    font-size: 14px;
  }
}


.change-enable-section {
  background-color: #000000; 
  color: #fff;
  padding: 65px 0px;
}

.change-enable-section h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.change-enable-section p {
  font-size: 15px;
  color: #ccc;
  margin-bottom: 25px;
}

.change-enable-section ul {
  list-style: none;
  padding-left: 0;
}

.change-enable-section ul li {
  font-size: 15px;
  color: #e0e0e0;
  margin-bottom: 12px;
}

.change-enable-section ul li strong {
  color: #fff;
  font-weight: 600;
}


@media (max-width: 768px) {
  .change-enable-section {
    padding: 50px 15px;
  }
  .change-enable-section h4 {
    font-size: 16px;
  }
  .change-enable-section p,
  .change-enable-section ul li {
    font-size: 14px;
  }
}


.breadcrumb {
      background: #272727;
    display: inline-flex;
    border-top-right-radius: 12px;
      font-size: 14px;
      padding: 7px 13px;
      margin-bottom:0;
    }
    .breadcrumb a {
      color: #fff;
      text-decoration: none;
    }
    
    .breadcrumb li.active{color:#EC1C24;}
    
    .breadcrumb-arrow {
            color: #fff;
            margin: 0 6px;
        }
    
    .breadcrumb a:hover {
      text-decoration: underline;
    }
    .blog-banner-overlay .blog-title {
      font-weight: 600;
      font-size:26px;
      color: #fff;
    }
  .blog-banner-overlay  .meta-info {
      font-size: 14px;
      color: #fff;
      margin-bottom:0;
    }
    .blog-content h3 {
      color: #fff;
      margin-top: 2rem;
      font-size: 1.3rem;
      font-weight: 600;
    }
    .blog-content p {
      color: #ddd;
      line-height: 1.7;
    }
    .sidebar {
      background: #151515;
      border-radius: 10px;
      padding: 25px;
    }
    .author-card {
      text-align: center;
      margin-bottom: 25px;
    }
    .author-card img {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-bottom: 10px;
      border: 2px solid #ff3b3b;
    }
    .author-card h5 {
      color: #fff;
      font-weight: 600;
    }
    .author-card p {
      font-size: 14px;
      color: #bbb;
    }
    .social-icons a {
      color: #fff;
      background: #ff3b3b;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 5px;
      text-decoration: none;
      transition: 0.3s;
    }
    .social-icons a:hover {
      background: #e62e2e;
    }
    .article-links h6 {
      color: #fff;
      margin-bottom: 10px;
      font-weight: 600;
    }
    .article-links ul {
      list-style: none;
      padding: 0;
      font-size: 15px;
    }
    .article-links ul li {
      margin-bottom: 8px;
    }
    .article-links ul li a {
      color: #bbb;
      text-decoration: none;
    }
    .article-links ul li a:hover {
      color: #ff3b3b;
    }
    
.blog-banner-overlay{ background: linear-gradient(rgba(10,10,10,0.3), rgba(10,10,10,0.7));
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            backdrop-filter: blur(10px);
            }
            
.blogdetail-content{ margin-top: 12%; color:#E5E5E5;}

.blogdetail-content h3{font-size: 27px;
    font-weight: 600;
    margin-bottom: 25px;
}

.blogdetail-content p{margin-bottom: 25px;}

.blogdetail-head h3{ margin-bottom: 25px;}

.blogdetail-head p{margin-bottom: 45px;}

.blogdetail-content h4{font-size: 20px;
    font-weight: 600;}
    
.share-section{margin-top:50px;
    background:url(../images/share-bg.png) no-repeat;
    background-size: cover;
}

.blogdetail-left{ border-bottom: 1px #6c7880 solid;
    padding-bottom: 40px;}
    
    
.related-article-card{border-radius:6px;}

.related-article-card img{border-radius:6px;}

.related-article-card .card-title{margin-top: 10px;
    margin-bottom: 10px;}
    
.related-article-card p{ font-size: 14px;
    opacity: .8;}
    
.related-article-card img{
    aspect-ratio: auto 100 / 160;
    height: 160px; width:100%;
 object-fit: cover; }
 
.related-article-section{padding-bottom: 60px;}

.blog-details{padding-bottom: 35px !important;}

.profile-card {
    max-width: 360px;
    background:#EC1C24;
    border-radius: 10px;
    color: white;
    position: relative;
    margin-bottom: 25px;
}

.profile-img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    object-fit: cover;
}

.linkedin-icon {
  
}

.profile-card h4{font-size: 20px;
    font-weight: 600;}
    
.profile-card .small-text{font-size:12px;}

.profile-heading-text{border-bottom: 1px #fb8c8c solid;
    padding-bottom: 6px;
    margin-bottom: 15px;
    font-size:14px;
}

.share-box {
   background: url(../images/shareright-bg.png) no-repeat;
   background-size: 100%;
   border-radius: 10px;
   width: 100%;
   margin-bottom: 25px;
}

.share-box h6 {
   font-size: 14px;
    font-weight: 600;
}

.icon-box {
   padding-top: 10px;
}

.icon-box a{margin-right:10px;}

.icon-box img {
    width: 27px;
    height: 27px;
    object-fit: contain;
}

.article-box {
        color: #fff;
}

.article-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

.article-list {
    list-style: none;
    /*padding: 0;*/
    margin: 0;
}

.article-list li {
   font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.4;
    color: #E5E5E5;
}

.article-list .bold {
   font-weight: 600;
    color: #ffffff;
}

@media (max-width: 768px) {

  .article-list {
    padding: 0;
}
}

.contact-section {
      padding-bottom: 65px; 
}

.left-box h1 {
    font-size:39px;
    font-weight: 300;
    line-height: 1.2;
    color: #BABABA;
    margin-bottom: 30px;
}

.left-box .highlight {
    font-weight: 700;
    color:#fff;
}

.desc {
    margin: 18px 0 60px;
    color: #999999;
    font-size: 16px;
    width: 85%;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-list li {
    margin-bottom: 12px;
    color:#BABABA;;
    font-size: 16px;
}

.contact-list li i{color:#ff0000;  margin-right: 30px;}

.form-box {
    background: #000;
    padding: 5px;
}

.contact-section label {
    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
}

.contact-section .form-control {
    background:#313131;
    border: 1px solid #313131;
    padding: 10px;
    font-style: italic;
    color: #777;
}

.contact-section .form-control::placeholder {
    color: #777;
}

.textarea-box {
    height: 120px;
}

.submit-btn {
   width: 100%;
    padding: 17px 12px;
    background: #EC1C24;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
}

.submit-btn:hover {
    background: #c92323;
}