 @import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);

.location-btn {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            color: #333;
            text-align: left;
            padding: 12px 20px;
            margin-bottom: 10px;
            border-radius: 5px;
            transition: all 0.3s ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-decoration: none;
        }
        .location-btn:hover {
            background-color: #e9ecef;
            color: #0d6efd;
        }
        .location-btn i {
            color: #0d6efd;
        }
        .section-title {
            color: #333;
            font-weight: 600;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        .section-title:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 50px;
            height: 3px;
            background: #0d6efd;
        }
        /* carousel */
             .square-img {
            aspect-ratio: 1/1;
            object-fit: cover;
            width: 100%;
            padding: 5px; /* Optional: adds small spacing between images */
        }
        .carousel {
            margin: 20px auto;
        }
        /* scoial share buttons*/ 
        
        /* Responsive adjustments for share buttons */
         /* Responsive adjustments */
    @media (max-width: 1200px) {
        .social-share-container > div {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    
    @media (max-width: 768px) {
        .social-share-container > div {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    @media (max-width: 480px) {
        .social-share-container > div {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .social-share-container a {
            padding: 10px;
            font-size: 18px;
        }
        
        .social-share-container i {
            margin-right: 5px;
        }
    }
    
    /*alphabets*/
   
.service-24 {
  font-family: "Montserrat", sans-serif;
    color: #8d97ad;
  font-weight: 300;
}

.service-24 h1, .service-24 h2, .service-24 h3, .service-24 h4, .service-24 h5, .service-24 h6 {
  color: #3e4555;
}

.service-24 .card.card-shadow {
    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.service-24 a {
    text-decoration: none;
}

.service-24 .card-hover:hover {
      background: #2cdd9b;
    background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
    background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
}

.service-24 .card-hover:hover .bg-success-grediant {
      color: #ffffff;
    text-fill-color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.service-24 .card-hover:hover .ser-title {
    color: #ffffff;
}

.service-24 .bg-success-grediant {
        background: #2cdd9b;
    background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
    background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-size: 50px;
}

.service-24 .wrap-service-24 .card {
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.service-24 .wrap-service-24 .card:hover {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.service-24 .btn-outline-success {
        color: #2cdd9b !important;
    background-color: transparent;
    border-color: #2cdd9b;
}

.service-24 .btn-outline-success:hover {
        background: #2cdd9b;
    border-color: #2cdd9b;
    color: #ffffff !important;
}

.service-24 .btn-md {
    padding: 15px 45px;
    font-size: 16px;
}

#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 30px;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordion .panel-title a{
    display: block;
    padding: 17px 20px 17px 70px;
    background: #f1f1e6;
    font-size: 16px;
    font-weight: 600;
    color: #f4442e;
    border: none;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{ color: #242167; }
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #ff7300;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{ content: "\f105"; }
#accordion .panel-body{
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #242167;
    line-height: 25px;
    border-top: none;
    position: relative;
}
#accordion .panel-body p{
    padding: 10px 20px 10px;
    margin: 0;
    background: #f1f1e6;
    border-radius: 15px;
}
#accordion .panel-title a:not(.collapsed):after {
    background: #4fa21d; /* yellow-orange when active */
}
/* Mobile default */
#accordion .panel-title a,
#accordion .panel-title > a {
  font-size: 16px !important;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 992px) {
  #accordion .panel-title a,
  #accordion .panel-title > a {
    font-size: 18px !important;
  }
}


 /* atoz start */
   .atoz {
          border: 1px solid var(--box-color, #ddd);
          padding: 20px;
          text-align: center;
          transition: background-color 0.3s ease;
          aspect-ratio: 1 / 1; /* square on mobile */
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
    .atoz:hover {
      background-color: #f2f2f2;
    }
    h2.block-header {
      color: #ff5000;
      text-align: center;
      margin-bottom: 10px;
    }
    p.block-description {
      text-align: center;
      margin-bottom: 30px;
    }
    .atoz h6.title {
      margin-top: 10px;
      font-weight: bold;
      color: var(--box-color, #000);
    }
    .atoz i {
      color: var(--box-color, #000);
    }
  /* Desktop override: rectangle */
      @media (min-width: 992px) { /* lg breakpoint in Bootstrap */
        .atoz {
          aspect-ratio: auto;   /* remove square lock */
          height: 120px;        /* reduced height for stronger rectangle effect */
        }
      }
      /* atoz end*/
      /* ktoz* start*/
      .ktoz {
          border: none;
          padding: 20px;
          text-align: center;
          transition: background-color 0.3s ease;
          aspect-ratio: 1 / 1; /* square on mobile */
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
    .ktoz:hover {
      background-color: #f2f2f2;
    }
    h2.block-header {
      color: #ff5000;
      text-align: center;
      margin-bottom: 10px;
    }
    p.block-description {
      text-align: center;
      margin-bottom: 30px;
    }
    .ktoz h6.title {
      margin-top: 10px;
      font-weight: bold;
      color: var(--box-color, #000);
    }
    .ktoz i {
      color: var(--box-color, #000);
    }
  /* Desktop override: rectangle */
      @media (min-width: 992px) { /* lg breakpoint in Bootstrap */
        .ktoz {
          aspect-ratio: auto;   /* remove square lock */
          height: 120px;        /* reduced height for stronger rectangle effect */
        }
      }

      /* ktoz* end /
      /* blog cards start */
 body{margin-top:20px;}

.carbon-example {
  padding: 8px;
  background-color: #fff;
  width: 295px;
  box-sizing: border-box;
  border-radius: 6px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 5;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-top:20px;
}

.carbon-example img {
  margin-right: 9px;
  max-width: 125px;
}

.carbon-example .inner-wrapper {
  text-align: left;
}

.carbon-example .inner-wrapper p {
  font-size: 16px;
  line-height: 1.33;
  margin: 8px 0;
  font-weight: 600;
}

.carbon-example .inner-wrapper p.fine-print {
  font-size: 8px;
  color: #C5CDD0;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 500;
}

.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .flex-wrapper.two-col {
    display: block;
    text-align: center;
  }
}

.flex-wrapper.two-col > * {
  width: 50%;
}

.flex-wrapper.two-col > *:first-of-type {
  padding-right: 130px;
}
@media screen and (max-width: 991px) {

  .flex-wrapper.two-col > * {
    width: 100%;
  }

  .flex-wrapper.two-col > *:first-of-type {
    padding-right: 0;
  }
}

.flex-wrapper.two-col.reversed > *:first-of-type {
  order: 2;
  padding-right: 0;
}
@media screen and (min-width: 992px) {
  .flex-wrapper.two-col.reversed > *:first-of-type {
    padding-left: 130px;
  }
}

.flex-wrapper.three-col {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .flex-wrapper.three-col {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.flex-wrapper.three-col > * {
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  .flex-wrapper.three-col > * {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .flex-wrapper.three-col li {
    padding-left: 20px;
    padding-right: 20px;
  }
  .flex-wrapper.three-col li:first-child {
    padding-left: 0;
  }
  .flex-wrapper.three-col li:last-child {
    padding-right: 0;
  }
}

.flex-wrapper.three-col .flex-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .flex-wrapper.three-col .flex-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .flex-wrapper.three-col .flex-wrapper:not(:first-of-type) {
    margin-top: 40px;
  }
}

.flex-wrapper.three-col .flex-wrapper .icon {
  top: 0;
  transform: none;
}

 /* blog cards end */

 /* review */
.testimonial-card-2026:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* Navigation button hover */
.slider-prev-2026:hover, .slider-next-2026:hover {
    background: #2563eb !important;
}

.slider-prev-2026:hover i, .slider-next-2026:hover i {
    color: white !important;
}

/* Dot styles */
.dot-2026 {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #cbd5e1;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s;
}

.dot-2026.active {
    background: #2563eb;
    width: 28px;
    border-radius: 12px;
}

/* Responsive */
@media (max-width: 992px) {
    .testimonial-card-2026 {
        flex: 0 0 calc(50% - 20px) !important;
    }
}

@media (max-width: 768px) {
    .testimonial-card-2026 {
        flex: 0 0 calc(100% - 20px) !important;
    }
    .slider-prev-2026 {
        left: -10px !important;
    }
    .slider-next-2026 {
        right: -10px !important;
    }
    .slider-prev-2026, .slider-next-2026 {
        width: 32px !important;
        height: 32px !important;
    }
}
/* service*/ 
/* Container and section styling */
.nifty-strategies .container {
    margin-top: 100px;
}

.nifty-strategies .section-title {
    margin-bottom: 38px;
}

.nifty-strategies .shadow {
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1) !important;
}

/* Icon wrapper and alignment */
.nifty-strategies .icon-bg-circle {
    position: relative;
    display: inline-flex;       /* flexbox for centering */
    align-items: center;        /* vertical center */
    justify-content: center;    /* horizontal center */
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin: 0 auto;             /* center in card */
}

/* Icon size and layering */
.nifty-strategies .icon-lg {
    font-size: 28px;            /* fits inside circle */
    z-index: 2;                 /* above background */
    position: relative;
}

/* Circle background behind icon */
.nifty-strategies .icon-bg-circle::after {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: inherit;
    opacity: .1;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Text styling */
.nifty-strategies p {
    font-weight: 400;
    color: #8b8e93;
    font-size: 15px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
}

/* Icon colors */
.icon-primary { color: #062caf; }
.icon-bg-primary::after { background: #062caf !important; }

.icon-yellow { color: #f6a622; }
.icon-bg-yellow::after { background: #f6a622 !important; }

.icon-purple { color: #7952f5; }
.icon-bg-purple::after { background: #7952f5 !important; }

.icon-cyan { color: #02d0a1; }
.icon-bg-cyan::after { background: #02d0a1 !important; }

.icon-red { color: #ff4949; }
.icon-bg-red::after { background: #ff4949 !important; }

.icon-green { color: #66cc33; }
.icon-bg-green::after { background: #66cc33 !important; }

.icon-orange { color: #ff7c17; }
.icon-bg-orange::after { background: #ff7c17 !important; }

.icon-blue { color: #3682ff; }
.icon-bg-blue::after { background: #3682ff !important; }
/* Backtest link styling */
.nifty-strategies .backtest-link {
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.nifty-strategies .backtest-link:hover {
    text-decoration: underline;
}

/* Inherit icon colors */
.nifty-strategies .backtest-link.icon-primary { color: #062caf; }
.nifty-strategies .backtest-link.icon-yellow { color: #f6a622; }
.nifty-strategies .backtest-link.icon-purple { color: #7952f5; }
.nifty-strategies .backtest-link.icon-cyan { color: #02d0a1; }
.nifty-strategies .backtest-link.icon-red { color: #ff4949; }
.nifty-strategies .backtest-link.icon-green { color: #66cc33; }
.nifty-strategies .backtest-link.icon-orange { color: #ff7c17; }
.nifty-strategies .backtest-link.icon-blue { color: #3682ff; }