.herobanner_case_study {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 150px;
    padding-bottom: 200px;
}
.wrapblogsection.virstack_casestudy {
    background: transparent;
}
.virstack_casestudy h3, .virstack_casestudy h1{
    font-family: "Albert Sans", sans-serif;
}
.virstack_casestudy h3 {
    font-size: 28px !important;
    line-height: 40px !important;
    font-weight: 600;
}
.wrapblogsection.virstack_casestudy .leftcol h1 {
    font-size: 42px;
    margin-bottom: 10px;
    line-height: 1.1;
}
.herobanner_case_study::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7); /* dark overlay */
    z-index: 1;
}
.herobanner_case_study > * {
    position: relative;
    z-index: 2;
}
.wrapblogsection.virstack_casestudy .leftcol .wraprow {
    justify-content: left;
}
.case-study-template .mainheader, .case-study-single .mainheader {
    background: #0d0c22;
}
.wrapblogsection.gihan-virstack .leftcol .wraprow .sincol .contwrap h2 {
    color: #fff;
    line-height: 1.2 !important;
    font-size: 24px !important;
}
.wrapblogsection.gihan-virstack .leftcol .wraprow .sincol .imgwrap img {
    border-radius: 15px;
}
.wrapblogsection.gihan-virstack .leftcol .wraprow .contwrap {
    padding: 15px 0 !important;
}
.wrapblogsection.gihan-virstack .leftcol .wraprow .sincol .contwrap .datewrap .date {
    padding-left: 0;
    line-height: normal;
}
.wrapblogsection.gihan-virstack .leftcol .wraprow .sincol {
    width: 50% !important;
    margin-bottom: 30px !important;
}
.wrapblogsection.gihan-virstack.cat-gi-list {
    padding-bottom: 0;
    padding-top: 30px;
}
ul.cpt-category-list {
    list-style: none;
    padding-left: 3px !important;
}
ul.cpt-category-list li{
    display: inline-block;
}
ul.cpt-category-list li {
    display: inline-block;
    width: auto !important;
}
ul.cpt-category-list li a{
    color: #ffffffa6;
    padding: 5px 20px;
    font-family: "Albert Sans", sans-serif;
}
ul.cpt-category-list li a.active{
    color: #fff;
}
ul.cpt-category-list li:first-child a{
    padding-left: 0px;
}
.wrapblogsection.gihan-virstack {
    padding-top: 45px;
}
.case-study-archive h1 {
    font-family: "Albert Sans", sans-serif;
}
.wrapblogsection.virstack_casestudy.c-single .leftcol {
    width: 100%;
    margin: 0 auto;
}
.wrapblogsection.virstack_casestudy.c-single .leftcol h1 {
    text-align: center;
    margin-bottom: 0;
}
.wrapblogsection.virstack_casestudy.c-single h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
ul.tag-list-row {
    padding-left: 0 !important;
    list-style: none;
    margin-left: 0 !important;
    width: 100%;
    text-align: center;
}
ul.tag-list-row li {
    display: inline-block;
    padding: 10px 30px;
    margin-right: 10px;
    width: auto !important;
    border: 1px solid #fff;
    border-radius: 25px;
    background: #434343A8;
}
.case-study-single .case-study {
    padding-top: 0px !important;
}
.case-study-single .breadcrumb-wrapper {
    padding-top: 0 !important;
}
.case-study-single .breadcrumb-wrapper ol {
    justify-content: left;
    text-align: left;
    padding: 30px 17.145833vw 1.2083333333vw;
}
.case-study-single .breadcrumb-wrapper ol li a{
    color: #fff !important;
}
.case-study-single .breadcrumb-wrapper ol li:last-child {
    color: #ffffffc7;
}
.case-study-single .comp-para-and-single-list .heading {
    text-align: left !important;
}
.case-study-single .comp-para-and-single-list .heading span {
    font-size: 39px !important;
    line-height: 58px !important;
}
.case-study-single .comp-para-and-single-list .para p {
    font-size: 22px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.case-study-single .comp-para-and-single-list {
    padding: 1vw 17.145833vw 2.208333vw !important;
}
.case-study-single .padding-section {
    display: flex;
    padding: 30px;
    border-radius: 20px;
    align-items: center;
}
.case-study-single .nonpadding-section{
    display: flex;
    align-items: center;
}
.case-study-single .comp-para-and-single-list .list-item ul li::after{
    display: none;
}
.case-study-single .nonpadding-section .left img {
    width: 59px;
}
ul.case-si-list {
    padding-left: 0;
    display: inline-block;
    width: 100%;
}
ul.case-si-list li.half-li{
    width: 50%;
    float: left;
    padding-right: .78125vw;
}
ul.case-si-list .right p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #fff;
    margin-left: 20px;
    font-family: "Albert Sans", sans-serif;
}
.comp-para-and-single-list.list_layout h3 {
    font-family: "Albert Sans", sans-serif;
}
.comp-para-and-single-list.list_layout.remove-space {
    padding: 0vw 17.145833vw 2.208333vw !important;
    margin-top: -15px;
}
.repeate-left, .repeate-right{
    width: 50%;
    float: left;
}
.repeat_section_row {
    display: flex;
}
/* Base container */
.comp-para-and-single-list.text-with-image-rep {
  display: block;
  width: 100%;
  margin: 60px 0;
}

/* Each repeating row */
.repeat_section_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  gap: 40px;
}

/* Left & right columns */
.repeate-left,
.repeate-right {
  flex: 1;
}

/* Ensure images fit nicely */
.repeate-right img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* Titles and descriptions */
.repeate-left h2,
.repeate-left h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #222;
}

.repeate-left p {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
}
.repeate-left h2 {
    font-size: 24px;
    color: #fff;
    font-family: "Albert Sans", sans-serif;
}
.repeate-left p{
    padding-bottom: 0;  
    color: guft;
    color: #fff;
}
/* Responsive layout for mobile */
@media(max-width: 1366px){
   .case-study-single .comp-para-and-single-list, .comp-para-and-single-list.list_layout.remove-space, .case-study-single .comp-para-and-single-list,
   .case-study-single .breadcrumb-wrapper ol {
        padding: 5vw 3vw 2.208333vw !important;
    }
    .wrapblogsection.add-space-top.tyu.testim.case-study .comp-para-and-single-list {
        text-align: left;
    }
    .case-study-single .comp-para-and-single-list .para p {
        line-height: 1.6;
    }
}
@media(max-width: 1200px){
   .case-study-single .comp-para-and-single-list, .comp-para-and-single-list.list_layout.remove-space, .case-study-single .comp-para-and-single-list,
   .case-study-single .breadcrumb-wrapper ol {
        padding: 5vw 3vw 2.208333vw !important;
    }
    .wrapblogsection.add-space-top.tyu.testim.case-study .comp-para-and-single-list {
        text-align: left;
    }
    ul.case-si-list li.half-li {
        width: 100%;
        padding-left: 0;
    }
}

@media(max-width:767px){
    .herobanner_case_study {
        padding-bottom: 100px;
    }
    .wrapblogsection.gihan-virstack {
        padding-top: 25px !important;
    }
    .case-study-cat-list{
        display: none;
    }
    .wrapblogsection.gihan-virstack.cat-gi-list .case-study-cat-list{
        display: block;
    }
    .wrapblogsection.gihan-virstack .leftcol .wraprow .sincol {
        width: 100% !important;
    }
    .wrapblogsection.gihan-virstack .def_btn {
        display: inline-block;
    }
    .case-study-template, .case-study-cat-page{
        background-color: #0d0c22;
    }
    .repeat_section_row {
        flex-direction: column;
    }
    .repeate-left, .repeate-right {
        width: 100%;
    }
    .wrapblogsection.virstack_casestudy .leftcol h1 {
        font-size: 24px;
        line-height: 1.6;
    }
    .virstack_casestudy h3 {
        font-size: 20px !important;
    }
    ul.tag-list-row li {
        width: 100% !important;
    }
    .case-study-single .breadcrumb-wrapper ol {
        padding: 30px 3.145833vw 1.2083333333vw;
    }
    .case-study-single .comp-para-and-single-list, .comp-para-and-single-list.list_layout.remove-space {
        padding: 5vw 3.145833vw 2.208333vw !important;
    }
    .comp-para-and-single-list.list_layout.remove-space {
        margin-top: 30px;
    }
    .repeate-right {
        order: 1;
    }
    .repeate-left {
        order: 2;
    }
}