.comm-card.base.comm-blue{background:radial-gradient(72.95% 72.95% at 50% 43.84%,#1324bf 0,#001429 100%);height:400px;padding:30px}.comm-card.comm-blue h3,.comm-card.comm-blue h4,.comm-card.comm-blue h5{color:var(--white,#fff)}.comm-card.comm-blue .card-icon{box-shadow:-.534px -1.067px 0 0 #0c1e86 inset}.trusted-section-without-slider{padding:80px 0;margin-top:40px;}.trusted-section-without-slider .trusted-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.trusted-section-without-slider .brand-card{width:250px;height:150px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;box-shadow:0 10px 70px rgb(0 0 0 / .08);transition:all .35s ease;cursor:default;padding:10px}.trusted-section-without-slider .brand-card img{max-width:100%;max-height:70px;width:auto;height:auto;object-fit:contain;transition:all 0.2s ease;filter:grayscale(0)}.trusted-section-without-slider .brand-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgb(0 0 0 / .15);cursor:default}@media (max-width:768px){.trusted-section-without-slider .trusted-logos{justify-content:center}}.locationSwiper.two-slides .swiper-wrapper{display:flex;justify-content:left;transform:translate3d(250px,0,0)!important}.locationSwiper.two-slides .comm-nav-wrap{display:none!important;visibility:hidden!important}@media (max-width:1200px){.locationSwiper.two-slides .swiper-wrapper{transform:translate3d(0,0,0)!important}}.swiper-wrapper .career-txt .remove-capitalize p{text-transform:none;font-weight:500}@media all and (max-width:1366px){.comm-card.base.comm-blue{height:350px}}@media all and (max-width:900px){.comm-card.base.comm-blue{height:300px}}.case-study-content .cs-about .cs-stat span{text-transform:none}.case-study-content #content1 .comm-txt.fs20 p{font-size:16px}.trusted-section-without-slider .trusted-logos .swiper-slide .partner-img{height:200px}.terms-last-updated{display:block;font-size:var(--fs24);font-style:normal;font-weight:600;margin-top:20px}.privacy-head{display:none}.terms-cont-box{counter-reset:sublist;margin-bottom:var(--spc36)}.terms-cont-box .terms-sublist{margin-top:var(--spc24)}.terms-cont-box .terms-sublist h4{color:var(--n-blue,#001429);font-size:var(--fs24);font-weight:600;line-height:1.25;margin-bottom:12px}.terms-cont-box .terms-sublist:nth-of-type(n+4) h4{counter-increment:sublist}.terms-cont-box .terms-sublist:nth-of-type(n+4) h4::before{content:counter(sublist) ". ";color:var(--blue);font-weight:700}.terms-cont-box h3{color:var(--n-blue,#001429);font-size:var(--fs32);font-weight:600;line-height:1.25;margin-bottom:24px}.terms-cont-box ul{padding-left:20px;list-style-type:disc}.terms-cont-box ul li{color:var(--d-grey,#495377);font-size:16px;line-height:1.5;margin-bottom:20px}.terms-cont-box ul li::marker{color:var(--blue)}.terms-cont-box ol{padding-left:20px}.terms-cont-box ol li{color:var(--d-grey,#495377);font-size:16px;line-height:1.5;margin-bottom:20px}.terms-cont-box ol li::marker{color:var(--blue)}.terms-cont-box span{color:var(--d-grey,#495377)}.terms-cont-box a span{color:var(--blue)}
#disclaimer .comm-txt .roman-list, #limitation .comm-txt .roman-list{margin-top: 20px;}.acc-left-icon{width: 32px;height: 32px;object-fit: contain;flex-shrink: 0;position: absolute;left: 33px;}.cs-acc .acc-item-no-icon::after{content: "";}
.acc-left-icon-casestudy{object-fit: contain;flex-shrink: 0;position: relative;left: 0px;top: -4px;}.casestudy-icon-text{display: flex;align-items: flex-start;gap: 10px;}.casestudy-icon-text span{margin-top: 35px;}
.cs-results .case-study-stats .stat .result-component-state-prefix{font-size: 26px}
.cs-results .case-study-stats  .result-component-stat{flex-direction: column;gap: 50px;justify-content: flex-start;}
body.postid-13035 .main-container .breadcrumbs p{text-transform: none;}
.cnf-bnr{
	margin-top: 70px;
}
.cnf-bnr h1{
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 140%;
letter-spacing: 0.12em;
color: #7E7E7E;
}

.cnf-bnr .comm-txt span {
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 120%;
align-items: center;
text-align: center;
letter-spacing: -0.04em;
color: #000000;

}
.cnf-bnr .comm-txt p{
font-style: normal;
font-weight: 700;
font-size: 62px;
line-height: 120%;
align-items: center;
text-align: center;
letter-spacing: -0.04em;
background: linear-gradient(90deg, #0020BB 0%, #00FFBE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.conf-details{
    display: flex;
    justify-content: center;
    gap: 100px;
    margin: 30px 0;
}

.conf-column {
    display: flex;
    align-items: center;
    gap: 15px;
}
.conf-icon{
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f073;
   background-color: #fff;
  border-radius: 10px;
}
.conf-icon img {
    width: 100%;
    height: auto;
    display: block;
}
.conf-text {
    display: flex;
    flex-direction: column;
}
.conf-value {
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 37px;
align-items: center;
color: #000000;
}
.conf-registration {
    padding: 100px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 800px;
}

.conf-registration-sphere {
  background: #FFFFFF;
  border-radius: 38px;
  padding: 60px;
  width: 696px;
  z-index: 9999999;
  position: relative;
}
.conf-registration-bg{
background: url(../img/Form-BG-Gradient-Circle.webp) no-repeat center;
background-size: contain;	
position: absolute;
width: 1402px;
height: 1402px;
left: calc(50% - 1402px/2 - 0px);
top: 380px;
}
.conf-description-container{
width: 1440px;
background: radial-gradient(60.61% 60.61% at 50% 50%, #0020BB 0%, #000F55 100%);
}

.conf-blue-section {
    background: radial-gradient(60.61% 60.61% at 50% 50%, #0020BB 0%, #000F55 100%);
    padding: 100px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    position: relative;
    margin-top: -350px;
}

.conf-container {
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 80px;
    margin-top: 250px;
}
.conf-container .content-text{
width: 850px;
}
/* Content Side Styling  */

.conf-container .title {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
}

.conf-container .main-description p {
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 43px;
color: #00FFBE;
margin-bottom: 30px;
}
.conf-container .secondary-description p {
font-weight: 300;
font-style: Light;
font-size: 24px;
leading-trim: NONE;
line-height: 37px;
letter-spacing: 0%;
color: #FFF;
margin-bottom: 30px;
}

/* The Pure White Area with Radius */
.conf-container .conf-image-wrapper {
    display: flex;
    justify-content: center;
}
.conf-form-title{
	margin-bottom: 40px;
}
.conf-registration .conf-form-title p{
font-style: normal;
font-weight: 700;
font-size: 43px;
line-height: 48px;
align-items: center;
letter-spacing: -0.03em;
color: #0020BB;
width: 444px;
}
.conf-registration .conf-form-title p span{
font-style: normal;
font-weight: 700;
font-size: 43px;
line-height: 48px;
align-items: center;
letter-spacing: -0.03em;
background: linear-gradient(90deg, #0020BB 0%, #00A9BB 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}


.conf-image-wrapper .white-radius-card img{
    height: auto;
}
@media (max-width: 460px) {
.case-study-content .cs-stat h4,.case-study-content .cs-about .cs-stat span{
    font-size: 14px;
}



}
.minds-testimonail h5{font-weight: bold;}
.ebook-detail-wrap p{color: var(--d-grey,#495377);font-size: var(--fs24);}

.page-template-service-industry-bfsi .trust-brand-swiper .partner-img{
  height: 76px;  
}
.app-cont-accordion{
max-width: 600px;
  width: 100%;
}

    .hitech-accordion-container {
      width: 100%;
      max-width: 700px;
      border-top: 1px solid rgba(19,36,191,.1);
    }

    .hitech-accordion-container .accordion-item {
      border-bottom: 1px solid rgba(19,36,191,.1);

    }
    .hitech-accordion-container .accordion-item.active{
        background: var(--l-grey,#f5f6ff);
    }
     .hitech-accordion-container .accordion-item.active {
      background-color: #f1f3ff; /* Soft blue/indigo tint */
    }

    .hitech-accordion-container .accordion-header {
      width: 100%;
      padding: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: none;
      border: none;
      text-align: left;
      cursor: pointer;
      outline: none;
    }

    .hitech-accordion-container .accordion-title {
      font-size: var(--fs20);
      font-weight: 600;
      color: var(--n-blue,#001429);
      padding-right: 20px;
    }
   .hitech-accordion-container  .accordion-icon {
      font-size: var(--fs22);
      font-weight: 300;
      color: var(--d-grey,#495377);
      user-select: none;
      transition: transform 0.2s ease;
    }
    .hitech-accordion-container .accordion-panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .hitech-accordion-container .accordion-content {
      padding: 10px 24px 24px 24px;
      font-size: var(--fs16);
      color: var(--d-grey,#495377);
    }
@media (max-width: 990px) {
 .comm-section-accordion .app-wrap{
   flex-direction: column;
 }

}    
.hi-tech-table-container {
    width: 100%;
    max-width: 1100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1.5px solid #4D6BFF;
    border-radius: 24px;
    overflow: hidden;
    background-color: #ffffff;
    margin: 0 auto;
}

.hi-tech-table-header {
    color:var(--blue,#1324bf);
    font-size: var(--fs22);
    font-weight: 600;
    text-align: center;
    padding: 30px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    border-bottom: 1px solid #99AEFF;
    grid-row: 1; /* Keep headers firmly secured to the very first row slot */
}

.hi-tech-table-header.column-left { grid-column: 1; }
.hi-tech-table-header.column-right { grid-column: 2; }

.hi-tech-table-cell {
    padding: 30px 45px;
    text-align: center;
    font-size: 16px;;
    color: var(--d-grey,#495377);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #99AEFF;
}

.hi-tech-table-container .hi-tech-table-cell.no-border {
        border-bottom: none !important;
    }
.hi-tech-table-container .tinted {
    background:var(--l-grey,#f5f6ff);
}

.hi-tech-table-cell strong {
    color: var(--n-blue,#001429);
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
   font-size: var(--fs20);
}

.hi-tech-table-cell p {
    font-size: var(--fs16);
}

@media (max-width: 820px) {
    .hi-tech-table-container {
        display: flex;
        flex-direction: column; /* Unset grid constraints to let items fall naturally */
        border-radius: 16px;
    }

    .hi-tech-table-cell, .hi-tech-table-header {
        grid-row: auto !important;
        grid-column: auto !important;
        border-right: none !important;
        padding: 24px 20px;
    }
    .hi-tech-table-cell.no-border {
        border-bottom: none !important;
    }
}
.ccc-wrapper{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 80px;
  z-index: 99;
    position: relative;
}
.ccc-wrapper .ccc-right .conf-registration {
filter: drop-shadow(0px 4px 34px rgba(0, 0, 0, 0.15));
width: 522px;
height: 617px;
}
.ccc-wrapper .ccc-right .conf-registration-bg {
    background: url(../img/Form-BG-Gradient-Circle-new.webp) no-repeat center;
    top: 100px;
    left: calc(110% - 1102px/2 - 50%);
  width: 1102px;
  height: 1170px;
}
.conf-blue-section.ccc-blue-section  {
    margin-top: 0px;
    z-index: 0;
    padding-top: 60px;
}
.ccc-wrapper .conf-details{
    gap: 50px;
    margin-top: 80px;
}
.ccc-wrapper .cnf-bnr .comm-txt p{
    text-align: left;
    letter-spacing: -0.04em;
    font-size: 55px;
}
.ccc-wrapper .cnf-bnr .comm-txt span{
font-style: normal;
font-weight: 700;
color: #0020BB;
font-size: 55px;
letter-spacing: -0.04em;
}
.ccc-wrapper  .cnf-bnr h1{
    width: 590px;
    font-size: 35px;
    color: var(--n-blue,#001429);
}
.ccc-conf-container{
    margin-top: 0px;
}
.ccc-main-container{
    padding-bottom: 30px;
}
.conf-container.ccc-conf-container .main-description p{
font-size: 38px;
}
.conf-container.ccc-conf-container  .secondary-description p{
font-size: 28px;
}
.conf-container.ccc-conf-container .content-text{
    width: 650px;
}
.ccc-joing-section{
  background: url(../img/ccc-join-section-bg.webp);
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 9999;
}

.ccc-joing-section .ccc-blue-section{
    background: none;
    border-bottom: none;
    padding-top: 80px;
}
.ccc-joing-section .boxes-wrapper{
    display: flex;
    flex-direction: row;
    gap: 190px;
}
.ccc-joing-section .boxes-wrapper .box{
width: 320px;
height: 148px;
background: url(../img/ccc-join-box.webp);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.ccc-joing-section .boxes-wrapper .box span{
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  padding: 70px;
  height: 148px;
  padding-left: 20px;
  padding-right: 20px;
  width: 220px;
}
.ccc-joing-section .ccc-join-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.ccc-joing-section .ccc-join-title h1{
font-style: normal;
font-weight: 700;
font-size: var(--fs36);
color: #FFFFFF;
}
.ccc-wrapper .conf-registration .conf-form-title p span,.ccc-wrapper .conf-registration .conf-form-title p{
font-size: var(--fs28);
}
.ccc-wrapper .cnf-bnr{
    margin-top: 120px;
}



.ccc-insights-section{
   border-bottom: 1px solid #3e3e3e;
   background: radial-gradient(60.61% 60.61% at 50% 50%, #0020BB 0%, #000F55 100%);
   padding-bottom: 80px;
}

.ccc-insights-section .ccc-blue-section{
    background: none;
    border-bottom: none;
    padding-top: 80px;
}

.ccc-insights-section  .cards-grid h2{
  font-style: normal;
  font-weight: 600;
  font-size: var(--fs24);
  color: #0020BB;
  margin-bottom: 20px;
}
.ccc-insights-section  .cards-grid p{
  font-style: normal;
  font-weight: 300;
  font-size: var(--fs16);
  color: #64607D;
}
.ccc-insights-section .ccc-insights-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.ccc-insights-section .ccc-insights-title h1{
font-style: normal;
font-weight: 700;
font-size: var(--fs48);
background: linear-gradient(90deg, #FFFFFF 8.07%, #00FFBE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.ccc-button-wrapper{
  display: flex;
  width: fit-content;
  margin: 0 auto;
}
.ccc-button{
font-style: normal;
font-weight: 600;
font-size:var(--fs22);
line-height: 24px;
color: #0020BB;
padding: 15px;
background: #00FFBE;
border-radius: 100px;
padding-left: 50px;
padding-right: 50px;
margin-top: 40px;
width: 250px;
text-align: center;
}
.filter-blur{
    background: #00FFBE;
    opacity: 0.7;
    filter: blur(162px);
    width: 400px;
    height: 400px;
    position: absolute;
    left: -55px;
    top: 270px;
}
.ccc-wrapper .conf-value{
    font-size: 28px;
}

.ccc-wrapper  .conf-registration .conf-form-title p,.ccc-wrapper .conf-registration .conf-form-title p span{
line-height: 35px;
}
.ccc-wrapper .conf-details .conf-value{
   font-size: 26px;
}
.ccc-wrapper .conf-details .conf-icon{
    width: 50px;
    height: 50px;
}


/* --- Media Queries for Tablets and Mobile [cite: 55, 108] --- */
@media (max-width: 1024px) {
    .conf-container {
        flex-direction: column; /* Stack text and image vertically */
        align-items: center;
        text-align: center;
        margin-top: 50px;
    }

    .conf-container .content-text {
        width: 100%;
        max-width: 100%;
    }

    .conf-blue-section {
        margin-top: -150px; /* Reduced overlap for smaller screens */
        padding-top: 200px;
    }
    
    .ccc-wrapper .ccc-right .conf-registration-bg{
            left: calc(100% - 500px / 2 - 100%);
    }
    .ccc-joing-section .boxes-wrapper{
        flex-direction: column;
        row-gap: 70px;
    }
    .conf-blue-section.ccc-blue-section  {
       padding-top: 50px;
    }
}
@media (max-width: 1720px) {
    .ccc-wrapper .conf-details {
      position: relative;
      z-index: 9999999;
    }
}
@media (max-width: 1300px) {
.ccc-wrapper{
        flex-direction: column;
        gap: 0px;
    }
    .ccc-joing-section .boxes-wrapper{
         gap: 90px;
    }
    .ccc-wrapper .ccc-right{
    display: flex;
    justify-content: center;
    align-items: center;
   }
   
}

@media (max-width: 768px) {
    .conf-details {
        flex-direction: column; /* Date and Location stack on mobile */
        gap: 20px;
        align-items: center;
        padding-left: 0;
    }

    .conf-registration-sphere {
        border-radius: 24px;
        padding: 30px 15px;
    }

    .conf-registration .conf-form-title p,
    .conf-registration .conf-form-title p span {
        font-size: 28px;
        width: 100%;
        line-height: 1.2;
    }

    .conf-blue-section {
        padding-top: 60px;
    }
    .conf-registration-bg {
        top: auto;
        width: 1000px;
        height: 1000px;
        left: calc(50% - 1000px / 2 - 0px);

    }

    .outer-tab ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 95px;
    }
    .ccc-wrapper .conf-details{
        align-items: baseline;
    }
    .ccc-wrapper .cnf-bnr .comm-txt span,.ccc-wrapper .cnf-bnr .comm-txt p{
        font-size: 35px;
    }
    .ccc-wrapper .cnf-bnr h1{
        width: 400px;
        font-size: 25px;
    }
    .ccc-wrapper .ccc-right .conf-form{
     width: 90% !important;
    max-width: 100% !important; 
    padding: 20px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    }

    .ccc-wrapper .ccc-right .conf-registration{
       width: 100%; 
    }
    
}


 /* CCC collage */ 
.ccc-collage-section{
background: url(../img/collage-bg.webp);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position: right;
background-size: cover;
padding-bottom: 80px;
padding-top: 60px;
text-align: center;
}

.ccc-collage-section .collage-title {
  margin-bottom: 50px;
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 130%;
letter-spacing: -0.03em;
background: linear-gradient(32deg, #0020BB 23.07%, #00FFBE 101.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

/* Fixed CSS Grid Track Assignments */
.ccc-collage-section .collage-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* Uses a solid 6-row structure to perfectly divide sizes with no gaps */
  grid-template-rows: repeat(6, 70px); 
  gap: 16px;
}

.ccc-collage-section .grid-item {
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background-color: #ddd; /* Fallback skeleton */
}

.ccc-collage-section .grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.ccc-collage-section .grid-item:hover img {
  transform: scale(1.05);
}

/* Explicit mathematical spans to lock dimensions tight */
.ccc-collage-section .item-1 { grid-column: 1; grid-row: 1 / span 6; } /* Tall image takes full grid height */
.ccc-collage-section .item-2 { grid-column: 2; grid-row: 1 / span 3; } /* Middle top takes exactly half height */
.ccc-collage-section .item-3 { grid-column: 3 / span 2; grid-row: 1 / span 4; } /* Big top right presentation */
.ccc-collage-section .item-4 { grid-column: 2; grid-row: 4 / span 3; } /* Middle bottom meets bottom edge perfectly */
.ccc-collage-section .item-5 { grid-column: 3; grid-row: 5 / span 2; } /* Small lower left meets bottom edge */
.ccc-collage-section .item-6 { grid-column: 4; grid-row: 5 / span 2; } /* Small lower right meets bottom edge */

@media (max-width: 800px) {
  .ccc-collage-section .collage-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-auto-rows: 160px;
  }
  .ccc-collage-section .item-1 { grid-column: 1 / span 2; grid-row: auto; height: 320px; }
 .ccc-collage-section .item-2, .ccc-collage-section .item-3, .ccc-collage-section .item-4, .ccc-collage-section .item-5, .ccc-collage-section .item-6 { grid-column: auto; grid-row: auto; }
}

/* Modal System Setup */
.modal.ccc-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.modal.ccc-modal  .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
}

.modal.ccc-modal  .modal-content {
  position: relative;
  max-width: 85%;
  max-height: 85vh;
  transform: scale(0.6);
  opacity: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0,0,0,0.4);
}

.modal.ccc-modal  .modal-content img {
  max-width: 100%;
  max-height: 80vh;
  display: block;
  object-fit: contain;
}

.modal.ccc-modal  .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: white;
  border: none;
  color: #001ba5;
  font-size: 1.8rem;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
  z-index: 10;
}

.modal.ccc-modal  .close-btn:hover {
  transform: scale(1.1);
}

/* CCC collage  end*/

.blog-table {
    border-collapse: collapse;
    width: 100%; /* Optional: makes the table full width */
    margin-bottom: 30px;
}

.blog-table tr td, 
.blog-table tr th {
    border: 1px solid #4D6BFF; /* Thin light-gray border */
    padding: 15px;              /* Adds some breathing room inside cells */
}

.blog-table tr th {
    background-color: #f2f2f2;
}