/******************** slider ****************************/
/* Default desktop styles (optional) */
.carousel-item img {
  height: 400px;
  object-fit: cover;
}

/* Tablet (up to 991px) */
@media (max-width: 991px) {
  .carousel-item img {
    min-height: 450px;
    object-fit: cover;
  }

  .carousel-item {
    min-height: 450px;
  }
}

/* Mobile (up to 576px) */
@media (max-width: 576px) {
  .carousel-item img {
    min-height: 500px;
    object-fit: cover;
  }

  .carousel-item {
    min-height: 500px;
  }

}
.custum-text{
 display: flex;
    position: absolute;
    top: 50%;
    /* left: 7%; */
    transform: translateY(-50%);
    color: #fff;
    background: rgb(228 240 244 / 24%);
    /* padding: 30px 100px; */
    border-radius: 10px;
    
    margin: 20px 230px;
 max-width: 100%;
}
.custom-caption-left{
    width: 70%;
}
.custom-caption-right {
  height: 300px;
  position: relative;
   width: 30%;
}
.custom-caption-left-para  h2{
  font-size: 2rem;
  font-weight: bold;
  color:#003b5c;
}
.custom-caption-left p {
  font-size: 1rem;
  margin-top: 10px;    
  color: #000;
}

/********************** Trusted Section New ********************/
 .trusted-section {
    /*max-width: 1000px;*/
    /*margin: 60px auto;*/
    /*padding: 40px;*/
    display: flex;
    align-items: center;
    padding-right: 0px!important;
    justify-content: space-between;
    background: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    gap: 40px;
  }

  .trusted-content {
    flex: 1;
  }

  .trusted-content h2 {
    font-size: 24px;
    color: #003B5C;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;

  }

  .trusted-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
  }

  .trusted-logos {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-items: center;
    align-items: center;
    background: #007ec517;
    padding:20px;
  }

  .logo-box {
    width: 125px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FB7900, #A83D72, #00A4DD, #003B5C);
    background-size: 300% 300%;
    border-radius: 8px;
    transition: all 0.5s ease;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  }

  .logo-box img {
    max-width: 90%;
    max-height: 70%;
    object-fit: contain;
    filter: brightness(0) invert(1); /* makes logos white */
  }

  .logo-box:hover {
    background-position: right center;
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
  }
/*
.trusted-section {
    background-color: #eaf4f9;
    overflow: hidden;
    padding:  0px;
}

.trusted-container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 30px;
    overflow: hidden;
} 

.trusted-label h1{
    flex-shrink: 0;
    background: linear-gradient(to right, #0072b1, #005179);
    color: white;
    padding: 15px 25px;
    border: 1px solid #ff6a13;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 2;
}

.trusted-logos {
    overflow: hidden;
    flex: 1;
    position: relative;
}

.trustedslider-track {
    display: flex;
    gap: 50px;
    width: max-content;
    animation: scroll 30s linear infinite;
    align-items: center;
}

.trustedslide img {
    max-height: 60px;
    width: auto;
    object-fit: contain;
}
.report-trusted-container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 0 10px;
    overflow: hidden;
} 

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}*/
/*************************truested *******************/
/* .trusted-section {
      display: flex;
      align-items: center;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      padding: 20px;
      background-color: #afd2de57;
    }
    .trusted-label {
         background: linear-gradient(to right, #003b5c, #0d3e5e);
      color: white;
      padding: 20px;
      font-size: 18px;
      font-weight: bold;
      white-space: nowrap;
    }
    .trusted-logos {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      flex: 1;
      padding: 0 20px;
      gap: 40px;
    }
    .trusted-logos img {
      height: 65px;
      width: 125px;
      opacity: 0.7;
      transition: all 0.3s ease;
    }
    .trusted-logos img:hover {
      filter: none;
      opacity: 1;
    }
    @media (max-width: 768px) {
  .trusted-section  {
    flex-direction: column;
    align-items: stretch; 
  }
} */

.services-section{
    margin-top:50px;
}
    .service-card {
      background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  padding: 20px;
  transition: transform 0.3s ease;
  text-align: center; /* ensures text and inline elements are centered */
  display: flex;
  flex-direction: column;
  align-items: center; /* horizontally centers image and content */
  justify-content: center;
    }

    .service-card:hover {
      transform: translateY(-5px);
    }

    .service-card img {
      width: 130px;
      margin-bottom: 15px;
    }

    .service-card h3 {
      font-size: 16px;
      color: #002c54;
      margin: 0;
      text-align:center;
    }
    /********************************* Report Content******************************************/

    .report-global-title{
font-weight: 700;
    margin-bottom: 30px;
    font-size: 26px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 50px;
    }
    .upcomming-report p{
      color:#ffffff;
    }
    .report-box-main{
        margin-top: 10px; 
    display: flex;
    gap: 20px;
}
    
    /* Sidebar Tabs */
    .tab-menu {
      width: 280px;
          background:#f6f7fd;
          border-radius:10px;
      color: white;
      padding: 20px;
      box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    }

    .tab-button {
     display: block;
    width: 100%;
 padding: 10px 15px;
    font-size: 16px;
    background: none;
    border: none;
    text-align: left;
    border-bottom: 1px solid;
    color: #003b5c;
    font-weight: bold;
    background: #0082cb1c;
    cursor: pointer;
    transition: all 0.3s ease;
    }

    .tab-button:hover,
    .tab-button.active {
      background: #003b5c;
      color:#ffffff;
      font-weight: bold;
    }

    /* Right Content */
    .tab-content {
      flex: 1;
      padding: 40px;
      overflow-y: auto;
      background: #dbeaf7;
      border-radius: 10px;
    }
    #tab-content-container h3{
            text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    color: #003b5c;
    font-weight: 600;
    }

    .tab-pane {
      display: none;
      animation: fadeIn 0.5s ease-in-out;
    }

    .tab-pane.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Report Cards */
    .report-card {
      display: flex;
      background:#f7f7f7;
      /* border: 1px solid #003b5c; */
      border-radius: 12px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s ease;
    }

    .report-card:hover {
      transform: translateY(-3px);
    }

    .report-card img {
      width: 100%;
      /* height:200px; */
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;

    }

    .report-card-content {
      margin-left: 20px;
      flex: 1;
    }

    .report-title {
      font-size: 18px;
      font-weight: 500;
      color: #003b5c;
    }

    .report-desc {
      font-size: 15px;
      margin-top: 5px;
      color: #003b5c;
    }

    .report-meta {
      font-size: 13px;
      color: #003b5c;
      margin-top: 8px;
    }

    .read-btn {
      margin-top: 10px;
      display: inline-block;
      padding: 8px 16px;
      border: none;     
       background: linear-gradient(to right, #0082CB, #003b5c);
      color: #ffffff;
      border-radius: 22px;
      text-decoration: none;
      font-size: 14px;
      transition: none;
    }

    .read-btn:hover {
      background: #A83D72;
      
    padding: 8px 16px;
    color: #ffffff;
    border-radius: 22px;
    text-decoration: none;
    font-size: 14px;
      transition: none;;
    }

     h2 {
      color: #1e3a8a;
      margin-bottom: 30px;
    }
    /* ----------- Responsive Styles ----------- */

/* Tablets (up to 991px) */
@media (max-width: 991px) {
  .report-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .report-card img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 15px;
  }

  .report-card-content {
    margin-left: 0;
  }
}

/* Mobile Phones (up to 576px) */
@media (max-width: 576px) {
  .report-title {
    font-size: 16px;
  }

  .report-desc {
    font-size: 14px;
  }

  .read-btn {
    font-size: 13px;
    padding: 7px 14px;
  }

  h2 {
    font-size: 20px;
    text-align: center;
  }
}

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .tab-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
      }

      .tab-button {
        flex: 1 1 50%;
        text-align: center;
      }

      .tab-content {
        padding: 20px;
      }
    }
    /**************************************** Our Stats **************************************/
    .service-main{
        display:flex;
       --bs-gutter-x: -0.5rem;
    }
    .our-stats {
        padding: 50px 0px;
    }
    .keystats-bg{
            background-image: repeating-linear-gradient(45deg, #003b5c, #085583 1px);
    }
    .keysatheading h4{
            font-size: 25px;
    margin-bottom: 0px;
    color:#ffffff;
    font-weight: 700;
    text-align: center;
    padding: 20px 10px;
    }
    .key-stats-inner{
        display: flex;
        padding: 10px;
    align-items: center;
    gap: 10px;
    }
    .img-key-text h5{
        font-weight: 700;
    font-size: 25px;
    color: #fff;
    margin-bottom: 0px;
        
    }
    .img-key-text p{
        font-size: 16px;
    line-height: 1.6;
    color: #fff;
    }
    .keydiscription-bg{
           background-image: repeating-linear-gradient(8deg, #003b5c, #003b5c);
    }
    .keydiscription-bg  p{
        color: #fff;
    font-size: 16px;
    line-height: 26px;
    padding: 10px;
    line-height: 1.6;
    margin-bottom: 1rem;
    padding: 0 15px;
    }
    .keydiscription-btn{
            background-color: #ffffff;
    padding: 5px 20px 7px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    max-width: 170px;
    width: 100%;
    color: #1d8ba8;
    font-size: 18px;
    font-weight: 700;

    }
    /**************************** Why Info **************************/

    .why-fact{
            background-color: #afd2de57;
    padding: 40px 0;
    }
    
    .whyVyansa {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px;
        gap: 10px;
}
 .whyVyansa .InfoBox {
    flex-grow: 1;
    flex-basis: 0%;
    padding: 15px;
    border: 2px solid #003b5c;
}
.whyvyansaIcons{
    width: 120px;
    height: 80px;
    background: url('../img/whyus/whyvyansa.png')  no-repeat;
    margin: auto;
    background-size: cover;
}
.InfoBox .authenticity {
    background-position: 10px;
}
.InfoBox .retention {
    background-position: -100px;
}
.InfoBox .quick {
       background-position: -235px;
}
.InfoBox .segment {
   
    background-position: -350px;
}
.InfoBox h5 {
       line-height: 1.6;
    font-weight: 700;
    font-size: 1.6em;
    padding-top: 5px;
    text-align: center;
    color: #003b5c;
    margin: 15px 0;
    margin-bottom: 0px;
}
.InfoBox h6{
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
    color: #003b5c;
    line-height: 1.6;
}
.InfoBox p {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;


}
/* Mobile Responsive */
@media (max-width: 768px) {
  .whyVyansa {
    flex-direction: column;
    align-items: stretch; /* Optional: make children full width */
  }
}
/******************************************Footer **************************************/


.services, .ourcompany {
    width: 15%;
}

/*******************************Price Report ********************/
section.bgcolor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background:#023958;
    height: 100%;
    max-height: 345px;
    z-index: -1;
}
.bgcolor {
    position: relative;
}
.bgcolor .container:before,.bgcolor .container .row:before
 {
    display: table;
    content: " ";
}
.bgcolor .container:after
 {
     clear: both;
 }
 .bgcolor .first{
     background: #ffffff;
 }
 .about-img {
    height: auto !important;
    display: block;
}
.about-img img {
    height: 190px;
    width: 100%;
    border: none;
    object-fit: contain;
}
.ab-se h1 {
        padding: 0px 15px 10px 0px;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    /* padding-bottom: 10px; */
    text-align: justify;
    /* text-transform: capitalize; */
    letter-spacing: initial;
}
.ab-se h1 span::after {
    content: "";
    border-bottom: 1px solid rgba(21, 64, 79, 0.29);
    width: 100%;
    display: block;
    padding-bottom: 8px;
}
.mobilereportname, .mobileclose {
    display: none;
}
.grid-container{
        display: flex;
    /* gap: 15px; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 15px;
    margin-bottom: 15px;
}
.readReport-text {
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #15404F;
}
.readReport-text p {
    margin-bottom: 10px;
}
.colorred
 {
    color: #fc5a5a;
}
.all-btn {
    display: flex;
    flex-wrap: wrap;
        gap: 15px;
          justify-content: start; /* centers horizontally */
    align-items: center;     /* centers vertically if needed */
    text-align: center;      /* ensures inner text aligns properly */
}
.contact-sample-btn{
    background-color: #ffffff;
    color: #135978;
    padding: 10px 30px;
    font-weight: 600;
    display: inline-block;
    border: 2px solid #135978;
    border-radius: 5px;
    font-size: 20px;
}
.about-btn {
    padding-bottom: 0;
    padding: 10px 0px 15px;
}
.about-btn #ContentPlaceHolder1_lnkbuy {
    /* padding: 8px 39px; */
    padding: 8px 20px;
}
.about-btn .btnsuc {
       margin-right: 10px;
    background: linear-gradient(to right, #003b5c, #0d3e5e);
    border-radius: 8px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}
.extrabuttons {
    padding-top: 2px;
}
.enquiry {
   background: linear-gradient(to right, #003b5c, #0d3e5e);
    border: 1px solid rgba(21, 64, 79, 0.33);
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 20px;
    margin: auto;
    padding: 20px;
    margin-top: 30px;
}
.enquiry p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: left;
}
.enquiry a {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #1B8E86;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #15404F;
    border-radius: 8px;
    text-decoration: none;
    text-wrap: wrap;
    white-space: normal;
}
    .related{
       
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
}
.related p{
       color: #ffffff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    background: #1d8e99;
   margin-bottom: 10px;
}
.related-report {
        padding: 10px;
}
.bhoechie-tab-container
 {
    background-color: #fff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    margin-bottom: 50px;
 }
 .bhoechie-tab-container .tab-content {
    flex: 1;
    padding: 40px;
    overflow-y: auto;
    background: #ffffff;
    border-radius: 10px;
}
 .overview-points-list {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.overview-points-list>table .overview-points {
    display: flex;
    /* border-bottom: 1px solid #d3d3d3; */
    margin-left: 10px;
    padding: 0 10px !important;
}
.overview-points-list>table .overview-label {
    line-height: 1.85;
    color: #113c8b;
    font-size: 14px;
    width: 65%;
    margin: 2px 0;
}
.key-player-images {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.snapshop-logos-title {
    line-height: 1.85;
    color: #113c8b;
    font-size: 14px;
    margin: 2px 0;
    font-weight: 500;
}
 .chart-container {
      position: relative;
      max-width: 100%;
      margin: auto;
      background: white;
      padding: 20px;
      border-radius: 16px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.1);   
      margin: 20px 0px;
    }
    .marketChart-container {
    width: 100%;
    height: 340px;
    max-width: 100%;
}

   .chart-container canvas { 
      width: 90% !important;
      height: 400px !important;
    }

    .chart-toolbar {
      position: absolute;
      top: 10px;
      right: 10px;
      display: flex;
      flex-direction: column;
      background: white;
      border-radius: 10px;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
      overflow: hidden;
      z-index: 10;
      width:50px;
    }
    .overViewRow{
           box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 10px;
}
        
    .chart-btn {
      border: none;
      background: none;
      padding: 12px;
      font-size: 18px;
      cursor: pointer;
      color: #333;
      transition: all 0.2s ease;
    }

    .chart-btn:hover,
    .chart-btn.active {
      background: #007bff;
      color: white;
    }
 #revenueChart {
        transition: width 0.3s ease, height 0.3s ease;
        display: block;
        margin: auto;
    }
   .discriptionReport h3 , .discriptionReport h2{
    text-decoration: none;
    color: #104a6a;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 0;
}
.discriptionReport p {
    font-size: 15px;
    color: #3a3a3a;
    margin-bottom: 0;
    line-height: 27px;
    text-align: justify;
    padding: 10px 15px 10px 0px;
}
/* .discriptionReport strong{
    font-size: 15px;
    color: #3a3a3a;
    margin-bottom: 0;
    line-height: 27px;
    text-align: justify;
    padding: 10px 5px 10px 0px;
} */
.discriptionReport ul li {
    list-style-type: disc;
    margin-left: 1rem;
    text-align: justify;
    margin-bottom: .75rem;
    line-height: 1.5;
    font-family:'Montserrat', sans-serif;;
    font-size: 15px;
}
.discriptionReport td{   
   border: 1px solid #bcbcbc75;
    font-size: 14px !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-right: .25rem !important;
    padding-left: 1.25rem !important;
}
.discriptionReport table {
    width: 100% !important;
}
.TocReport p{
      font-size: 15px;
     color: #000000;
    margin-bottom: 0;
    line-height: 16px;
    text-align: justify;
    padding: 3px 15px 3px 0px;
}
.TocReport strong{
    font-size: 15px;
    color: #3a3a3a;
    margin-bottom: 0;
    line-height: 27px;
    text-align: justify;
    padding: 10px 5px 10px 0px;
}
.promo-banner {
     
    border: 2px solid #003b5c;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    margin: 20px auto;
    flex-wrap: wrap;
    background-color: #fff;
    }

.promo-text {
    color: #003b5c;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    flex: 1;
}
.promo-banner a {
    color: #fff;
}
    .promo-button {
      background: linear-gradient(to right, #003b5c, #0d3e5e);
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
      margin-left: 10px;
    }

    @media (max-width: 600px) {
      .promo-banner {
        flex-direction: column;
        text-align: center;
        gap: 10px;
      }

      .promo-text {
        font-size: 16px;
      }

      .promo-button {
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
      }
    }
    .sticky-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 50px;
  z-index: 1000;
   transition: none;
}

.sticky-bar.hidden {
  display: none;
}

.content span {
  margin-right: 15px;
}

.actions .btn {
  margin-left: 10px;
  padding: 8px 12px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-size:.8rem;
    transition: none;
}

.btn.sample {    background: linear-gradient(to right, #0082CB, #003b5c);
  color: white;
}

.btn.customize {
      background: linear-gradient(to right, #0082CB, #003b5c);
  color: white;
}

.btn.buy {   background: linear-gradient(to right, #0082CB, #003b5c);
  color: white;
}
.btn.sample:hover,.btn.customize:hover,.btn.buy:hover{
  background: #a83d72;
}
/* Responsive styling */
    @media (max-width: 768px) {
       .detailsegmentchart-container {
      width: 100%;
      max-width: 100%;
      max-height: 550px !important;
    }
.detailsegmentchart-container canvas{
      width: 100% !important;
          height: 400px!important;
      max-height: 500px !important;
    }
      .marketChart-container {
    width: 100%;
    max-width: 100%;
}

.marketChart-container canvas {
    width: 100% !important;
       height: 280px!important;
}
      #stickyBar {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
                display: none;
      }

      .content {
        margin-bottom: 10px;
        padding: 5px !important;
        flex-direction: column;
        align-items: flex-start;
      }

      .content span {
        margin-bottom: 4px;
      }

      .actions {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      .actions .btn {
        flex: 1 1 auto;
      }
      .all-btn {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.bhoechie-tab-container .nav-tabs{
          padding: 10px 30px
}
.when-scroll {
    position: sticky;
    top: 0%!important;
    background-color: #fefefe;
}
.scrolled{
   top: 0% !important;
}
    }

    @media (max-width: 480px) {
      .actions .btn {
        font-size: 13px;
        padding: 8px 10px;
            margin-left: 1px;
      }

      .content span {
        font-size: 13px;
      }
    }

/***************************** New RD Layeout Css Sidebar ***************************/
.purchase-box {
  max-width: 330px;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  font-family: Arial, sans-serif;
  background: #fff;
  text-align: center;
  margin: auto;
}

.purchase-box .two-cols {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}


.purchase-box .form-group {
  flex: 1;
  text-align: left;
}

.purchase-box .form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
}

.purchase-box .form-group select {
  width: 100%;
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
}

.purchase-box .price {
  font-size: 21px;
    font-weight: 500;
    color: #333;
    text-align: justify;
    
    margin-bottom: 5px;
}

.purchase-box .buy-btn ,.request-sample-formcontainer .buy-btn{
background: linear-gradient(to right, #0082CB, #003b5c);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
    color: #fff;
    transition: none;
        cursor: pointer;
    display: block;
    font-weight: 300;
    margin-top: 10px;
    text-align: center;
    width: 100%;
        background-color: #fff0;
    border: 1px solid #fff0;
    border-radius: .25rem;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    padding: .375rem .75rem;

}

.purchase-box .buy-btn:hover,.request-sample-container a:hover  {
    background: #a83d72;
}


@media (max-width: 480px) {
 .purchase-box .two-cols {
    flex-direction: column;
  }
}
/********************************request sample *******************************/

.request-sample-container{
     max-width: 330px;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  font-family: Arial, sans-serif;
  background: #fff;
  text-align: center;
  margin: 20px 0px;
}
.request-sample-container p.heading {
  color: #104a6a;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}
.customized-report-container{
     max-width: 330px;
    padding: 20px;
    border: 1px solid #dedede;
    background: #ececec57;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    margin: 20px 0px;
}
.request-customize-container{
     max-width: 330px;
    padding: 20px;
    border: 1px solid #dedede;
    background: #ececec57;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    margin: 20px 0px;
}
.request-customize-container p.heading {
  color: #383838;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
}

/********************************Faq****************************************/
/*#faq  .accordion-body{*/
/*    border-bottom: 2px solid #104a69;*/
/*    border-left: 2px solid #104a69;*/
/*    border-right: 2px solid #104a69;*/
/*    background: #eaeaea;*/
/*}*/
    
    /*******************************Report Store*************************/
    
    
    .filter-bar {
      position: sticky;
      top: 0;
      background: #ffffff;
      padding: 15px 30px;
      display: flex;
      gap: 15px;
      align-items: center;
      box-shadow: -1px -13px 20px 0px rgba(0, 0, 0, 0.08);
      z-index: 999;
    }

    .filter-bar select, .filter-bar input {
      padding: 10px 20px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #fff;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;
      width:290px;
    }

    .filter-bar select:focus {
      outline: none;
      border-color: #007bff;
      box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
    }

    .filter-bar select:hover {
      border-color: #007bff;
    }

    /*.content {*/
    /*  padding: 40px 30px;*/
    /*}*/

 .filter-bar.section {
      background: #fff;
      margin-bottom: 20px;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .section h2 {
      margin-top: 0;
    }
     @media (max-width: 768px) {
      .filter-bar {
        flex-direction: column;
        align-items: stretch;
      }
    }

    @media (max-width: 480px) {
      .filter-bar {
        padding: 10px;
      }

      .filter-bar select {
        font-size: 13px;
        padding: 8px 12px;
      }

      .section {
        padding: 15px;
      }
    }
    
    .catefory-list img {
    max-width: 60px;
    margin-right: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
    .sample-btn {
        background-color: #ffffff;
    color: #135978;
    padding: 4px 10px;
    font-weight: 600;
    display: inline-block;
    border: 2px solid #135978;
    border-radius: 5px;
    }
    .carts-btn {
      background-color: #31841b;
    color: #ffffff;
    font-weight: 600;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    }
    .report-side-bar{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        
    }
    .report-container{
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    .ownstyle{
        display: inline-block;
    padding: 8px 30px;
     background: linear-gradient(to right, #0082CB, #003b5c);
    color: white;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    transition: none;
    }
.ownstyle:hover{
      background: #A83D72;
    border-radius: 6px;
      color:#ffffff;
}
.cta-box {
  border: 2px solid #FB7900;
  padding: 10px;
  margin: 30px 0;
  border-radius: 4px;
}

.cta-content {
  display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-family: 'Montserrat', sans-serif;
    color: #FB7900;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
    border: 2px solid;
    margin: 30px 0px;
}

.cta-button {
  background-color: #FB7900;
  color: #fff;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.cta-button:hover {
  background-color: #FB7900;
}
/* Desktop only: fix the sidebar to scroll with page */
@media (min-width: 768px) {
  .report-sticky-sidebar {
    position: sticky;
    top: 70px; /* Adjust based on your header height */
  }
}

/* Mobile: allow normal static flow */
@media (max-width: 767px) {
  .report-sticky-sidebar {
    position: static !important;
    top: auto;
  }
}
/******************** Related Report ***********************************/
    .report-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      padding: 15px;
      border-bottom: 1px solid #ddd;
    }

    .report-item:last-child {
      background-color: #f5f3ee;
    }

    .report-image img {
      width: 60px;
      height: auto;
      border-radius: 4px;
    }

    .report-info {
      flex: 1;
      margin-left: 15px;
    }

    .report-title {
      font-size: 16px;
      font-weight: bold;
      color: #003b5c;
      margin-bottom: 8px;
    }

    .report-meta {
      font-size: 13px;
      color: #003b5c;
    }

    .report-meta span {
      margin-right: 10px;
      color:#0056a1;
    }

    .report-price {
      text-align: right;
      font-size: 14px;
      color: #333;
    }

    .report-price small {
      display: block;
      color: #007bff;
      font-size: 12px;
    }

    
/*********************************service ********************************/
.section-card {
      border: 1px solid #003b5c;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 30px;
      background-color: #003b5c0d;
    }

    .section-card img {
      border-radius: 8px;
      width: 100%;
      height: auto;
    }

  .section-card  .section-title {
      font-weight: 700;
      font-size: 1.8rem;
      color: #003b5c;
    text-align:center;
    }
     .section-card .section-title::after{
            content: '';
    display: block;
    margin: 10px auto 0;
    width: 60px;
    height: 3px;
    text-align:center;
    background-color: #003b5c;
    }

    .section-card ul {
      padding-left: 20px;
    }

    .section-card ul li {
      margin-bottom: 10px;
    }

/************************press release ****************************/
.press-releas p{
    font-weight:700;
    color:#003b5c;
}

/* Desktop only: fix the sidebar to scroll with page */
@media (min-width: 768px) {
  .sticky-sidebar {
    position: sticky;
    top: 10px; /* Adjust based on your header height */
  }
}

/* Mobile: allow normal static flow */
@media (max-width: 767px) {
  .sticky-sidebar {
    position: static !important;
    top: auto;
  }
}
/**********************related Report **************************/
.related-reports {
  font-family: Arial, sans-serif;
  padding: 20px;
}

.report-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #1d87a3;
  background: #afd2de57;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 5px;
}

.report-img {
  width: 100px;
  height: auto;
  margin-right: 20px;
  flex-shrink: 0;
}

.related-report-content {
  flex-grow: 1;
  min-width: 0;
}

.related-report-content h4 {
  margin: 0 0 5px 0;
  font-size: 16px;
  color: #003366;
}

.related-report-content p {
  margin: 0;
  font-size: 14px;
  color: #003b5c;
}

.report-price {
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
  color: #003b5c;
}

.report-price strong {
  color: #003b5c;
  font-size: 16px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .report-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .report-img {
    margin: 0 0 10px 0;
  }

  .report-price {
    text-align: left;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .related-report-content h4 {
    font-size: 14px;
  }

  .related-report-content p,
  .report-price {
    font-size: 13px;
  }

  .report-price strong {
    font-size: 15px;
  }
}

/*************************** Sample Request Form ***************************/

.sample-request-form {
  max-width: 700px;
  margin: auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.sample-request-form h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
}

.sample-request-form .form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.sample-request-form input,
.sample-request-form select,
.sample-request-form textarea {
  flex: 1;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
}

.sample-request-form textarea {
  height: 100px;
  resize: vertical;
  margin-bottom: 15px;
}

.align-center {
  align-items: center;
  justify-content: space-between;
}

.captcha-box {
  flex: 1;
  min-width: 240px;
}

.fake-captcha {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.sample-request-form .submit-btn {
  background: linear-gradient(103deg, #003b5c 2%, #0d3e5e 99%);
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 3px;
  min-width: 120px;
  margin-top: 10px;
}

.sample-request-form .submit-btn:hover {
  background: linear-gradient(103deg, #003b5c 2%, #0d3e5e 99%);
}

@media (max-width: 600px) {
  .sample-request-form .form-row {
    flex-direction: column;
  }

 .sample-request-form .submit-btn {
    width: 100%;
  }
}

/***********************************cart Page *****************************/
.cart-category-list li {
    list-style-type: none;
    display: inline-table;
    font-size: 14px;
    padding-right: 25px;
}
.rp_title{
font-size: 1rem;
font-weight: 600;
}
.cart-grid--container{
        display: flex;
    gap: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 15px;
    margin-bottom: 15px;
}

.cart-container {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 20px auto;
      padding: 20px;
      background: #fff;
      border-radius: 8px;
    }

  .cart-container  .left-section, .right-section {
      flex: 1;
      padding: 20px;
    }

.report-summary{
    border: 2px solid #efefef;
    padding: 15px;

}
.cart-form h2{
        font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    background-color: #003b5c;
    font-size: 20px;
    background-image: none;
    text-align: center;
    color: #fff;
    
}
   .cart-container .report-summary h2 {
      font-size: 18px;
      margin: 10px 0;
    }

  
   .cart-container .right-card {
      border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 20px;
    max-width: 330px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin: 20px;
    }
.cart-purchase-box {
    max-width: 330px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    font-family: Arial, sans-serif;
    background: #fff;
    text-align: center;
    margin: 0px 20px;
}
.cart-purchase-box .two-cols {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.cart-purchase-box .price {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: justify;
    margin-bottom: 5px;
}
   .cart-container .right-card h3 {
      margin-top: 0;
    }
    .billing-license-type h3 {
    font-size: 22px;
    text-align: justify;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6;
    }
   .cart-container .license-file-group {
      display: flex;
      gap: 10px;
      margin: 15px 0;
    }

   .cart-container .license-file-group select {
      flex: 1;
    }

    .cart-container .price-display {
      font-size: 24px;
      font-weight: bold;
      color: #222;
      margin: 15px 0;
    }

  .cart-container  .proceed-btn {
      background: #6600cc;
      color: white;
      padding: 12px;
      width: 100%;
      font-size: 16px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

   .cart-container .payment-methods {
      margin-bottom: 20px;
    }

    .cart-container .payment-methods label {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

   .cart-container .payment-methods img {
      width: 80px;
      margin-left: 10px;
    }
    .GrandTotalRow td {
    font-size: 18px;
    font-weight: 800;
}
.OrderTotal .discounted-price {
    color: #fc7a07;
    font-weight: 700;
}
/* .paymentImg img{
  flex: 1;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 15px 8px;
} */
    @media (max-width: 768px) {
      .cart-container {
        flex-direction: column;
      }
    }
    /******************* contact page*******************/
    .contactPage .tab-buttons {
      display: flex;
      border-bottom: 2px solid #ccc;
      max-width: 800px;
      margin: auto;
    }
   .contactPage .tab-button {
      flex: 1;
    text-align: center;
    padding: 12px;
    cursor: pointer;
    font-weight: bold;
     border-bottom: 3px solid #0d3e5e;
      background: #fff;
      color: #0d3e5e;
    border: none;
    outline: none;
    }
   .contactPage .tab-button.active {
     
          border-bottom: 3px solid #0d3e5e;
    background: #003b5c;
    color: #ffff;
    }
  .contactPage  .tab-content {
      display: none;
      background: #fff;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      max-width: 800px;
      margin: auto;
      margin-top: -1px;
    }
  .contactPage  .tab-content.active {
      display: block;
    }
   .contactPage form label {
      display: block;
      margin-top: 10px;
      font-weight: bold;
    }
   .contactPage form input {
      width: 100%;
      padding: 8px;
      margin-top: 5px;
      box-sizing: border-box;
    }
    
   .contactPage form select {
    width: 100%;
      padding: 8px;
      margin-top: 5px;
      box-sizing: border-box;
   }
      .contactPage form textarea{
    width: 100%;
      padding: 8px;
      margin-top: 5px;
      box-sizing: border-box;
   }
     .contactPage input[type="checkbox"] {
         width:15px!important;
     }
 .contactPage   textarea {
      height: 80px;
    }
 .contactPage   .submit-btn {
      margin-top: 15px;
      background: #003b5c;
      color: #fff;
      border: none;
      padding: 10px 20px;
      cursor: pointer;
      font-weight: bold;
    }
     .contact-card {
      background: #fff;
      max-width: 400px;
      margin-top:50px;
      padding: 20px;
      border-left: 4px solid #007a9c;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .contact-card h3, .contact-card h2 {
      color: #007a9c;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    }
    .contact-card p {
      margin: 5px 0;
      color: #333;
      font-size: 16px;
    }
    .contact-info {
      margin-top: 15px;
    }
    .contact-info p {
      display: flex;
      align-items: center;
      font-size: 16px;
    }
    .contact-info i {
      margin-right: 8px;
      color: #555;
    }
    .email {
      margin-top: 10px;
      word-break: break-all;
    }
    .social-icons {
      margin-top: 15px;
    }
    .social-icons h4 {
     color: #007a9c;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    }
    .social-icons a {
      display: inline-block;
      margin-right: 10px;
      text-decoration: none;
    }
    .social-icons img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }

    /* Responsive */
    @media screen and (max-width: 500px) {
      .contact-card {
        padding: 15px;
      }
      .social-icons img {
        width: 28px;
        height: 28px;
      } 
    }
    .links { 
      text-align: center;
      margin-top: 40px;
    }
    /*.links a {*/
    /*  margin: 10px;*/
    /*  padding: 10px 20px;*/
    /*  background: #f0f4ff;*/
    /*  border: 1px solid #d0d0d0;*/
    /*  cursor: pointer;*/
    /*  font-weight: bold;*/
    /*}*/
    /************** Home Chart Style ********************/
       .grayscale {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }
  .grayscale:hover {
    filter: grayscale(0%);
  }
  

/************************* */
#section1 {
     background: linear-gradient(135deg, #f5c148, #f29f05);
    color: #fff;
    padding: 60px 0;
    background-size: 200% 200%;
    animation: gradientShift 10s ease infinite;
}
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
#section1 .text-center {
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 20px 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    height: 370px;
}
#section1 .text-center:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}
#section1 h2 {
    font-size: 60px;
    font-weight: 900;
    color: #000;
}
#section1 h3 {
        font-size: 18px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin-top: 10px;
    height: 45px;
}
.indexh6 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#section1 p {
    font-size: 14px;
    color:rgb(0, 0, 0);
    line-height: 22px;
}
#section1 .apart-img img {
   filter: brightness(0) saturate(100%);
    transition: filter 0.3s ease;
}
#section1 .text-center:hover .apart-img img {
    filter: brightness(1) invert(0);
}
/*************************Statas */
.stats-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      padding: 60px 20px;
      background-color: #fff;
    }

    .stat-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 30px 20px;
      width: 200px;
      text-align: center;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .stat-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }

    .stat-icon {
      background-color: #f05ea71c;
      color: #a83d72;
      border-radius: 50%;
      font-size: 24px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      display: inline-block;
      margin-bottom: 15px;
    }

    .stat-number {
      font-size: 28px;
      font-weight: 700;
      color: #a83d72;
    }

    .stat-label {
      font-size: 15px;
      color: #333;
      margin-top: 8px;
      line-height: 1.4;
    }

    @media (max-width: 768px) {
      .stat-card {
        width: 45%;
      }
    }

    @media (max-width: 480px) {
      .stat-card {
        width: 100%;
      }
    }
#chartdiv1, #chartdiv2, #chartdiv3 {
    width: 100%;
    height: 300px;
    min-height: 300px;
  }


  /************************************Table *****************/


  .tabs-content table {
    width: 100% !important;
}
 .border-separate thead {
       background-color: #a83d72;text-align:center; color:#fff;border: 1px solid #000;
     
   }
     .border-separate thead th{
       padding-top: .5rem !important;
    padding-bottom: .5rem !important;  border: 1px solid #bcbcbc75;
    
  }
  .SegmentationTable table td {
    font-size: 14px !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}
.SegmentationTable table td {
    border: 1px solid #000;
}
.tab-area a .researchReport.active {
    background: linear-gradient(to right, #003b5c, #0d3e5e);
    color: #fff
}

.researchReportDetails {
    width: 100%!important;
}

.reportTabs button{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 0;
    border: unset;
    background-color: #fff;
    color: #156aab;
}
/****************************************Popup Modal Form ********************/
 .custom-modal .modal-content {
      background: linear-gradient(to right, #e6f2ff, #d1eaff);
      border-radius: 20px;
      padding: 2rem;
      border: none;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .custom-modal .modal-header {
      border-bottom: none;
      padding-bottom: 0;
    }

    .custom-modal .modal-title {
      width: 100%;
      text-align: center;
      font-weight: 600;
      font-size: 1.5rem;
      color: #003366;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

    .custom-modal .btn-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
    }

    .form-inline-group {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .form-inline-group .form-control {
      flex: 1 1 45%;
      border-radius: 10px;
      padding: 0.75rem 1rem;
      border: 1px solid #ccc;
    }

    .RequestSampleForm {
      background-color: #ffffff;
      color: #003b5c;
      font-weight: 500;
      padding: 0.75rem 1.5rem;
      border: none;
      border-radius: 50px;
      width: auto;
      white-space: nowrap;
      margin-top: 1rem;
    }

    @media (max-width: 576px) {
      .form-inline-group .form-control {
        flex: 1 1 100%;
      }

      .submit-btn {
        width: 100%;
      }
    }
    /***************************Testimonial*******************/
    /*******************testimonial  ***************/
 .mySwiper {
      width: 90%;
      max-width: 1200px;
      /* margin: 50px auto; */
    }

    .testimonial-card {
      display: flex;
      align-items: center;
      background: #dbeaf7;
      border-radius: 15px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.08);
      padding: 30px;
      gap: 10px;
      /* height: 300px; */
    }

    .left-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 180px;
      min-width: 180px;
    }

    .initials-circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: linear-gradient(135deg, #4A90E2, #357ABD);
      color: white;
      font-weight: bold;
      font-size: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
      text-transform: uppercase;
    }

    .name {
      font-size: 20px;
      font-weight: 600;
      color: #222;
      text-align: center;
    }

    .right-section {
      flex: 1;
      text-align: justify;
    }

    .right-section p {
      font-size: 16px;
      color: #444;
      line-height: 1.6;
      margin: 0;
    }

    .swiper-pagination-bullet {
      background: #4A90E2;
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
      background: #357ABD;
    }

    @media (max-width: 768px) {
      .testimonial-card {
        flex-direction: column;
        text-align: center;
      }
      .left-section {
        width: 100%;
        min-width: auto;
      }
      .right-section {
        width: 100%;
        text-align: center;
      }
    }
 
    /*********************************Over Text ******************/
.card-img-overlay
 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-title {
       font-size: 10px;
    font-weight: 700;
    margin: .3rem 10px 0 0;
    padding: 0 0 0 12px;
    color: #053256!important;
}
.card-subtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.card-subtitle .report-tag {
  font-size: 10px;
    font-weight: 700;
    margin: 1.5rem 12px 5px 15px;
    padding: 0 6px 0 12px;
    color: #ffffff;
    text-align: end;
    /* text-transform: capitalize !important; */
    line-height: 1.2;
}

.report-year {
    font-size: 20px;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 0;
    color: #fff;
}
.card.avp-overflow-card {
    height: 100%;
    width: 120px;
}
.card.cart-overflow-card {
    height: 100%;
    width: 100px;
}
.card.destails-overflow-card {
    height: 230px;
    width: 165px;
}
.card.destails-overflow-card img{
    height: 230px;
}
#file_type{
      text-align: justify;
    padding: 12px 5px;
    margin-bottom: -11px;
    font-weight: 600;
    color: #0082cb;
    
    font-size: 10px;
}
/*****************media player ********/

    .layout {
    position: relative;
    width: 300px;
    height: 150px;
    }

    .center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 5px 20px;
     background: linear-gradient(to right, #166785, #0b3e5e);
    font-size: 20px;
    font-weight: 500;
      z-index: 2;
      color:#ffffff;
      white-space: nowrap;
    }

    .company {
      position: absolute;
      font-weight: bold;
      font-size: 18px;
      white-space: nowrap;
    }

    .top-left {
    top: 20px;
    left: 25px;
    color: #005aa7;
    }

    .top-right {
         top: 20px;
    right: 35px;
    color: #2a2a8f;
    }

    .bottom-left {
    bottom: 15px;
    left: 30px;
    color: #007dc3;
    }

    .bottom-right {
     bottom: 15px;
    right: 35px;
    color: #008fd3;
    }

    /* Connector Lines */
    .line-vertical {
      position: absolute;
      width: 2px;
      height: 60px;
      background: #000;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
    }

    .line-horizontal-top {
      position: absolute;
      width: 100px;
      height: 2px;
      background: #000;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      z-index: 1;
    }

    .line-horizontal-bottom {
      position: absolute;
      width: 100px;
      height: 2px;
      background: #000;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      z-index: 1;
    }

    .line-vertical-top {
      position: absolute;
      width: 2px;
      height: 60px;
      background: #000;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }

    .line-vertical-bottom {
      position: absolute;
      width: 2px;
      height: 60px;
      background: #000;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .overview-points-list>table>tbody>tr:nth-child(2n) {
    
    background: #f3f3f3;
}
.overview-points-list>table>tbody>tr:last-child{
   background: #ffffff;
}
/******************* circle Code ***************/
.segmentchart-container {
  position: relative;
  width: 100%;
  max-width: 700px;
height: 300px;
    margin: 0px auto;
}

#segmentChart {
  width: 100% !important;
  height: 100% !important;
  display: block;
  background: #007ec517;
}
@media (max-width: 320px) {
  .chart-container {
    height: 200px; /* Reduce height further for very small screens */
  }
}
.discriptionReportcontainer {
      display: flex;
      justify-content: center;
      gap: 40px;
      margin: 40px 0px;
    }
    .circle {
      position: relative;
      width: 150px;
      height: 150px;
    }
    .circle svg {
      transform: rotate(-90deg);
    }
    .circle circle {
      fill: none;
      stroke-width: 12;
      stroke-linecap: round;
    }
    .bg {
      stroke: #ddd;
    }
    .progress-2023 {
      stroke: #a020f0;
      stroke-dasharray: 282.6;
      stroke-dashoffset: calc(282.6 - 0.902 * 282.6);
    }
    .progress-2024 {
      stroke: #a020f0;
      stroke-dasharray: 282.6;
      stroke-dashoffset: calc(282.6 - 0.502 * 282.6);
    }
    .progress-2025 {
      stroke: #a020f0;
      stroke-dasharray: 282.6;
      stroke-dashoffset: calc(282.6 - 0.602 * 282.6);
    }
    .inner-text {
         position: absolute;
    top: 45%;
    left: 49%;
    text-align: center;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: bold;
    }
    .bottom-text {
      margin-top: 8px;
      font-size: 14px;
      text-align: center;
    }
    .small-text {
      font-size: 12px;
      color: #444;
    }
    
    /************************** Price Modal in Report List Page *****************/

    #orderModal .modal-content{
    background: linear-gradient(90deg, rgb(233 241 248) 0, #c3d9f6 100%);
    margin: 5% auto;
    padding: 30px;
    border-radius: 15px;
    width: 100%;
    max-width: 700px;
    position: relative;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);

    }
    .cagr {
    font-size: 16px;
    color: #02802a;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    margin-bottom: 0;
    }
  .graph-title{
  font-size: 16px;
  color: #000;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  }
  .graph-marketsize{
        font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
  }
 
ul[style*="list-style-type:circle"] {
       list-style-type: disc;
    margin-left: 1rem;
    text-align: justify;
    margin-bottom: .75rem;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
}

.contact-socail{
    padding: 0;
    list-style: none;
    margin-top: 20px;
}
.contact-socail li {
    display: inline-block;
    margin-right: 5px;
}
.contact-socail li a {
    font-size: 22px;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px 0px;
    line-height: 24px;
    border: 2px solid;
}
.contact-socail li a .fa-facebook {
    color: #475792;
    font-size: 20px;
}
.contact-socail li a .fa-linkedin {
    color: #0077b9;
    font-size: 20px;
}
.contact-socail li a .fa-youtube-play {
    color: #f51c0d;
    font-size: 20px;
}
.contact-socail li a .fa-pinterest {
    color: #e60023;
    font-size: 20px;
}
/************************* Thank You Page *************************/

 .thankyou-container {
            background-color: rgba(255, 255, 255, 0.95);
            color: #333;
            padding: 50px 30px;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            max-width: 500px;
            width: 90%;
            animation: fadeIn 1.2s ease-in;
        }
        .thankyou-container h1 {
            font-size: 42px;
            margin-bottom: 20px;
            color: #4CAF50;
        }
        .thankyou-container p {
            font-size: 18px;
            margin-bottom: 30px;
            line-height: 1.6;
        }
        .thankyou-container a.button {
            display: inline-block;
            padding: 15px 30px;
            background-color: #2196F3;
            color: #fff;
            text-decoration: none;
            border-radius: 8px;
            font-size: 16px;
            transition: background 0.3s;
        }
        .thankyou-container a.button:hover {
            background-color: #1976D2;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        /****************************page not found **************************/


         .top-section {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .left-content{
    
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .left-content {
    flex: 1 1 450px;
    border-radius: 12px;
    padding: 30px;
  }
  .right-content {
    flex: 1 1 450px;
    border-radius: 12px;
  }
  .oops-text {
    font-size: 80px;
    font-weight: 800;
    color: #4a90e2;
    margin-bottom: 10px;
  }
  .error-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #222;
  }
  .error-description {
    font-size: 18px;
    color: #555;
    margin-bottom: 8px;
  }
  .home-btn {
    display: inline-block;
    background: #0077ff;
    color: #fff;
    padding: 14px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 20px;
    transition: 0.3s;
  }
  .home-btn:hover {
    background: #003b5c;
  }
  #requestSearch input{
      flex: 1 1 45%; 
    padding: 8px 10px; 
    font-size: 16px;
     border: 1px solid #ccc; 
   border-radius: 0px!important; 
   outline: none;
  }
  .search-box {
    display: flex;
    margin-top: 20px;
    border: 2px solid #003b5c;
    border-radius: 8px;
    overflow: hidden;
  }
  .search-box input {
    flex: 1;
    padding: 14px;
    border: none;
    font-size: 16px;
  }
  .search-box button {
    background: #003b5c;
    color: #fff;
    font-weight: bold;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
  }
  .right-content h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #222;
  }
  .right-content p {
    font-size: 16px;
    margin-bottom: 12px;
    color: #555;
  }
  .phone {
    font-size: 20px;
    font-weight: bold;
    color: #003b5c;
    margin-top: 15px;
  }

  .pagecontact-form {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .pagecontact-form h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #222;
  }
  .pagecontact-form input, .pagecontact-form textarea, .pagecontact-form select {
    width: 100%;
    padding: 14px;
    margin-bottom: 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  .pagecontact-form button {
    width: 100%;
    padding: 14px;
    background: #003b5c;
    color: #fff;
    border: none;
    font-weight: bold;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
  }
  .pagecontact-form button:hover {
    background: #005fcc;
  }

  @media(max-width: 768px){
    .oops-text { font-size: 60px; }
    .error-title { font-size: 26px; }
    .top-section { flex-direction: column; }
  }
  .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.form-row input {
  flex: 1;
}

@media(max-width: 768px){
  .form-row {
    flex-direction: column;
  }
}
.need-assistance{
    padding: 30px;
}
/********************report Details **********************/


  .about-title h2{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;

  }
  .description_2 h4,.description_3 h4,.description_4 h4{
        text-decoration: none;
    color: #104a6a;
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
  }
  .main-wrapper #content {
    width:220px!important;
        justify-content: flex-start !important;


  }
    .cf-turnstile {
    max-width: 100% !important;
    overflow: hidden;
  }
   .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
  justify-content: center;
}

.tab {
  padding: 12px 24px;
  cursor: pointer;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(135deg, #ececec, #f7f7f7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #444;
  transition: all 0.3s ease;
}

.tab:hover {
  background: linear-gradient(135deg, #ddd, #eee);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.tab.active {
  background: white;
  font-weight: 700;
  color: #007bff;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
  border-bottom: 2px solid white;
}
    .charttab-content {
      display: none;
      background: #fff;
      padding: 20px;
      border-radius: 0 0 12px 12px;
    }

    .charttab-content.active {
      display: block;
    }

    .chart-section {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .chart-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
    }

    .chart-controls button {
      padding: 10px;
      border: none;
      background: #007bff;
      color: white;
      border-radius: 6px;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.2s;
    }

    .chart-controls button:hover {
      background: #0056b3;
    }

    .detailsegmentchart-container {
      width: 100%;
      max-width: 100%;
      max-height: 550px !important;
    }
.detailsegmentchart-container canvas{
      width: 100% !important;
      height:400px!important;
      max-height: 500px !important;
    }

    @media (min-width: 768px) {
      .chart-section {
        flex-direction: row;
        align-items: flex-start;
      }

      .chart-controls {
        flex-direction: column;
        align-items: center;
        min-width: 60px;
      }

      .chart-container {
        flex: 1;
      }
    }

    /********************Thank You *********************/
    canvas {
        width: 80px;
        height: 80px;
    }
    .time-text {
        font-size: 22px;
        font-weight: bold;
        margin-top: -65px;
        margin-bottom: 20px;
        color: #333;
    }
     .thank-you-box {
              background-color: #eaf7fd;
            border: 2px solid #b5d9ef;
            padding: 40px 20px;
            width: 100%;
            text-align: center;
            border-radius: 10px;
            box-sizing: border-box;
        }
        .thank-you-box h1 {
            color: #1982c4;
            font-size: 36px;
            margin-bottom: 20px;
        }
        .thank-you-box p {
            font-size: 18px;
            color: #333;
            margin-bottom: 15px;
        }
        .thank-you-box p strong {
            font-weight: bold;
        }
        .thank-you-box.icon {
            font-size: 35px;
            color: #1982c4;
        }
        .pressview h3{
              font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
        }
            .prheading{
        font-size:1rem;
        font-weight:600;
    }
   .press-releas h2{
        font-size:1rem;
        font-weight:bolder;
    }
   .thanks.destails-overflow-card img {
    height: 153px;
}
.thanks.destails-overflow-card {
    height: 150px;
    width: 127px;
}
.report-Des{
   padding-left:40px;
}
        .search-heading h2{
      color: #1e3a8a;
      margin-bottom: 30px;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 400;
        }
        .aboutpage-content h3,.aboutpage-content h2{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
color: #212529;
    margin-bottom: 5px;
        }
        #shared-form-heading {
          font-size: 25px;
    line-height: 1.5;
    text-align: center;
    text-shadow: 2px 2px 4px #22222270;
    color: #ffffff;
        }
        .trusted-label p {
    flex-shrink: 0;
    background: linear-gradient(to right, #0072b1, #005179);
    color: white;
    padding: 15px 25px;
    border: 1px solid #ff6a13;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 2;
    margin-bottom:0px;
}
.price-text .text-danger {
    color: #dc3545 !important;
    font-size: 14px;
    font-weight: 500;
}
.price-text .text-black {
    color: #000000 !important;
    font-size: 14px;
    font-weight: 500;
}
/* Responsive styles */

@media (max-width: 768px) {
  .discriptionReportcontainer {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .circle svg {
        width: 150px;
        height: 150px;
    }

    .circle .inner-text {
        font-size: 12px;
    }
  .trusted-container{
        display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 0px;
    overflow: hidden;
  }
  .left-content {
    flex: 1 1 450px;
    border-radius: 12px;
    padding: 30px;
    width: 100%;
}
.search-box input{
  width:200px;
}
     .custum-text {
    flex-direction: column;
    /* left: 5%; */
    top: 48%;
    transform: translateY(-50%);
    padding: 20px;
    max-width: 100%;
    text-align: center;
    margin: 0px;
  }
  .custom-caption-left {
    width: 100%;
}
.custom-caption-right {
    height: 300px;
    position: relative;
    width: 100%;
}
     .custum-text p{
      display:none;
     }

  .custom-caption-left h2 {
    font-size: 1rem;
        margin-bottom: 10px;
  }

  .custom-caption-left p {
    font-size: 0.9rem;
  }

  .read-btn {
    font-size: 0.85rem;
    padding: 6px 12px;
  }
    #chartdiv1, #chartdiv2, #chartdiv3 {
    width: 100%!important;
    height: 260px!important;
    
    min-height: 260px!important;
  }
  #section1 h2 {
    font-size: 25px!important;
    font-weight: 900;
    color: #000;
}
.initials-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4A90E2, #357ABD);
    color: white;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.left-section .name {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-align: center;
}
.right-section p {
    font-size: 12px;
    color: #444;
    line-height: 1.6;
    margin: 0;
}
.tab-button {
    display: block;
    width: 100%;
    padding: 9px 10px;
    font-size: 12px;
    background: none;
    border: none;
    text-align: left;
    border-bottom: 1px solid;
    color: #003b5c;
    font-weight: 600;
    background: #0082cb1c;
    cursor: pointer;
    transition: all 0.3s ease;
}
.tab-button:hover, .tab-button.active {
    background: #003b5c;
    color: #ffffff;
    font-weight: 600;
}
#tab-content-container h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    color: #003b5c;
    font-weight: 600;
}
.report-title
 {
    font-size: 14px;
    font-weight: bold;
    color: #003b5c;
    margin-bottom: 8px;
}
.report-global-title {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 15px 0px;
}
#section1 {
    background: linear-gradient(135deg, #f5c148, #f29f05);
    color: #fff;
    padding: 30px 0;
    background-size: 200% 200%;
    animation: gradientShift 10s ease infinite;
}
#section1 .apart-img img {
    filter: brightness(0) saturate(100%);
    transition: filter 0.3s ease;
    height: 45px;
    width: 45px;
}
#section1 h3 {
    font-size: 18px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}
#section1 .text-center {
    height: 270px!important;
}
.filter-bar select, .filter-bar input {
    margin-bottom: 10px;
}
.report-category-list {
    list-style-type: none;
    display: flex;
    font-size: 14px;
    gap: 30px;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.grid-container {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 15px;
    margin-bottom: 15px;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    flex-direction: column;
}
.grid-container .card.destails-overflow-card {
    height: 230px;
    width: 165px;
    /* width: 120px; */
    max-width: 170px;
    margin: 15px auto;
}
.ab-se h1 {
    padding: 10px;
    font-size: 14px;
}
.heading_width{
  padding: 20px;
}
.about-btn{
  padding:0px;
}
.read-btn{
  margin-top: 0px;
}
.catefory-list{
  margin-bottom:10px!important;
}
/***************** Report Store Responsive *****************/
.filter-bar select, .filter-bar input{
  width:100%!important;
}
}
@media (min-width: 769px) and (max-width: 991px) {
  .custum-text {
    flex-direction: column;
    /* left: 5%; */
    top: 55%;
    transform: translateY(-50%);
    padding: 20px;
    max-width: 90%;
    text-align: center;
        margin: 0px;
        max-height: 420px;
  }
      .custum-text p{
      display:none;
     }
  #chartdiv1, #chartdiv2, #chartdiv3 {
    width: 100%!important;
    height: 260px!important;
  }
    .custom-caption-left h2 {
    font-size: 1.5rem;
  }
  .custom-caption-left{
      width:100%;
  }
  .custom-caption-left h2 {
    font-size: 1.5rem;
  }

  .custom-caption-left p {
    font-size: 0.95rem;
  }

  .custom-caption-right {
    width: 100%;
    height: auto;
  }

  .custom-caption-right canvas {
      position: absolute;
    width: 100% !important;
    height: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
   .custum-text {
    /* flex-direction: column; */
    /* left: 5%; */
    top: 48%;
    transform: translateY(-50%);
    padding: 20px;
    max-width: 90%;
    text-align: center;
   margin: 20px;
  }
  .custom-caption-right{
    width: 53%;
  }
.custom-caption-left {
    width: 47%;
}
.custom-caption-left-para h2 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #003b5c;
}
}
@media (min-width: 1281px) and (max-width: 1680px) {
  .custum-text {
    /* flex-direction: column; */
    /* left: 5%; */
    top: 48%;
    transform: translateY(-50%);
    padding: 20px;
    max-width: 90%;
    text-align: center;
 
    margin: 20px 230px;
  }
  .custom-caption-right{
    width: 50%;
  }
.custom-caption-left {
    width: 50%;
}
.custom-caption-left-para h2 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #003b5c;
}
}



/*********************Report Details Page ***********************/
.custom-dropdown {
      border: 1px solid #ccc;
      border-radius: 6px;
      background: #fff;
      cursor: pointer;
      position: relative;
    }

.selected-option {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  display: flex;
    flex-direction: row;
  gap: 6px;
  
    justify-content: space-between;
}

 .dropdown-options {
      display: none;
      max-height: 300px;
      overflow-y: auto;
      position: absolute;
      background: white;
      width: 100%;
      z-index: 999;
      border: 1px solid #ddd;
      border-top: none;
    }

   .dropdown-options.show {
      display: block;
    }

.option {
      padding: 12px 16px;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

   .custom-dropdown .option:hover {
      background-color: #f9f9f9;
    }

    .custom-dropdown .label {
      font-weight: 500;
    }

    .price-details {
      text-align: right;
    }

   .stikeData .discount {
      color: green;
      font-size: 14px;
      margin-right: 6px;
    }

    .stikeData .original {
      text-decoration: line-through;
      color: #d00;
      font-size: 13px;
      margin-right: 6px;
    }

    .stikeData .final {
      font-weight: bold;
      color: #222;
      font-size: 15px;
    }
    .dropdown-wrapper {
  position: relative;
  width: 320px;
}
.price-details .discount {
      color: green;
      font-size: 14px;
      margin-right: 6px;
    }
    .price-details .original {
      text-decoration: line-through;
      color: #d00;
      font-size: 13px;
      margin-right: 6px;
    }

    .price-details .final {
      font-weight: bold;
      color: #222;
      font-size: 15px;
    }
    .Geography-flex{
        display: flex !important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    justify-content: space-between!important;
    padding: 10px 3px!important;
    }
     .Geography-flex p{
         color: red;
    font-weight: 700;
    margin: 0.5rem 0rem !important;
     }
    select#otherGeography {
    margin-left: auto;
    min-width: 140px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif!important;
    padding: 5px 8px;
    border: 3px solid #000;
    border-radius: 5px;
    display: inline-block;
    text-align: left;
  /* blinking border */
  animation: blink-border 1s infinite;
}
/********************************************/
    .custom-block {
    max-width: 400px;
    margin: 0px auto 40px;
    padding: 20px;
    background: #ebe3e3;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
  }

  .block-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
  }

  .gradient-btn {
    background: linear-gradient(45deg, #FB7900, #A83D72, #00A4DD, #003B5C);
    background-size: 300% 300%;
    color: #fff;
    border: none;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    line-height:1.3;
  }


/* Yellow Theme */
  .yellow-btn {
    background: linear-gradient(45deg, #FFD93D, #FFB347, #FF8C00);
width: 200px;
float:left;
margin-left: 14px;
  }

  /* Purple Theme */
  .purple-btn {
    background: linear-gradient(45deg, #5b2d89, #cc1972, #A83D72);
width: 200px;
float:left;
margin-left: 14px;
  }

  /* Blue Theme */
  .blue-btn {
    background: linear-gradient(45deg, #1E90FF, #00A4DD, #003B5C);
width: 200px;
margin-left: 14px;
  }

  /* Hover + Active States */
  .gradient-btn:hover {
    background-position: right center;
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    color:#fff!important;
  }

  .gradient-btn:active {
    transform: scale(0.98);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  }
.description1 ol{
        background: #f3f3f3;
    border-radius: 10px;
    padding: 10px 35px;
}

/********client new section ************/
.testimonial-client-section {
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  background: #f8f8f8;
}

.testimonial-box h2 {
  font-size: 24px;
  color: #003B5C;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
}

.testimonial-client-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.testimonial-box {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 100%;
  max-width: 650px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.testimonial-box h3 {
  text-align: center;
  border-bottom: 2px solid #1e2f6d;
  display: inline-block;
  margin-bottom: 20px;
}

.testimonial-box p {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}

.clients-grid {
  background: white;
  padding: 0; /* Remove internal padding to align borders */
  border-radius: 8px;
  width: 100%;
  max-width: 650px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd; /* Outer border */
  overflow: hidden; /* Clean edges */
}

.clients-grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 20px;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

/* Remove border on last column and last row using nth-child */
.clients-grid img:nth-child(4n) {
  border-right: none;
}

.clients-grid img:nth-last-child(-n+4) {
  border-bottom: none;
}

/* 🔁 Responsive Styles */
@media (max-width: 1024px) {
  .clients-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .clients-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonial-client-container {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 480px) {
  .clients-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonial-box h2 {
    font-size: 20px;
    text-align: center;
  }

  .testimonial-box p {
    font-size: 15px;
  }
}

@keyframes blink-border {
  0%   { border-color: #000; }
  50%  { border-color: red; }
  100% { border-color: #000; }
}