/*****************************************/
/*     Start your custom style here      */
/*****************************************/

/* gradient classes */

.g-1{
  background:linear-gradient(0deg, #36353A 0%, #0F0F11 100%);
}

.g-2 {
  background:linear-gradient(#E9DA55, #CDBA10);
}

.g-3 {
  background:linear-gradient(232deg, #36353A 0%, #67666A 100%);
}

.g-3_1 {
  background:linear-gradient(180deg, #67666A 0%, #36353A 100%);
}

.g-3_1-flip {
  background:linear-gradient(0deg, #67666A 0%, #36353A 100%);
}

.g-4 {
  background:linear-gradient(#F6F8F9, #FFFFFF);
}

body {
  --Glass-fill: linear-gradient(135.33deg, rgba(255, 255, 255, 0.31) 0%, rgba(255, 255, 255, 0.02) 102.53%, rgba(255, 255, 255, 0.02) 102.53%);
  --Glass-Stroke: linear-gradient(139.14deg, rgba(255, 255, 255, 0.5) 0%, rgba(159, 157, 147, 0.5) 46.56%, rgba(72, 67, 48, 0.5) 96.27%);
 letter-spacing: 1px;
  --Glass-Stroke-test: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(159,157,147,1) 49%, rgba(72,67,48,1) 100%);
}

.blog-middle{
  background: #36353A;
}

.below-shape{
  padding-top: 13rem!important;
}

strong {
  font-weight: 900!important;
}

.strom-cta, .strom-cta .cta-group {
  text-align: center;
  justify-content: center;
}

.case-study {
  padding-right: 2rem;
}

.case-study-cta{
  padding: 2rem 0;
}

.sr-multicol-media.strom-dif.sr-bg-image .sr-col{
  border: none!important;
}

.ind-links h4 a,
.ind-links li a,
.ind-page-list a{
  color: #D4D71D!important;
}

.ind-links h4 a:hover,
.ind-links li a:hover,
.ind-page-list a:hover{
  text-decoration: underline!important;
}


/* header styles */
h1, .h1 {
  text-transform: uppercase;
}

/* button styles */

.cta-group {
   text-transform: uppercase;
}

/* other styles */

p a:hover {
    text-decoration: none!important;
}

.req-doc h2{
  color: white;
}

.req-doc .col-lg-5,
.req-doc .col-lg-6{
    border-bottom: 1px solid #fff;
  }

.last-doc .col-lg-6 {
  border: none!important;
}

.bg-blend .sr-cover-image::before {
  mix-blend-mode: color;
}

.glass-div{
  border: 1px solid var(--Glass-Stroke, #FFF);
  background: var(--Glass-fill, linear-gradient(135deg, rgba(255, 255, 255, 0.31) 0%, rgba(255, 255, 255, 0.02) 102.53%, rgba(255, 255, 255, 0.02) 102.53%));
  padding: 3rem 2rem;
}

.custom-border {
  position: relative;
}

.custom-border::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 85%; 
  height: 1px; 
  background: #ABB1B4; 
  transform: translateX(-50%);
}

.job-list {
  column-count: 3;
}

.ind-list {
  column-count: 2;
}

.ind-page-list {
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ind-page-list li{
  width: 100%;
}

/* email template styles */
.email-temp {
  background-image: linear-gradient(to bottom, rgba(15, 15, 17, 1), rgba(54, 53, 58, 1)) !important;
}

.email-temp h1,
.email-temp h2,
.email-temp h3,
.email-temp p{
  color: #fff;
}

.email-temp input[type=submit].hs-button.primary {
  color: #000;
}

.blog-middle h1{
  color: #fff;
}

.blog-middle h4 {
  color:#e9da55
}

/* mobile */
@media (min-width: 1025px){
  .ind-page-list li {
    width: calc(33.33% - 7px); /* 3 columns, accounting for gap */
  }
}

@media (max-width: 1024px){
  .triple-div .sr-row {
    row-gap: 1.125rem;
  }
  
  .below-cta-pad h2{
    padding-top: 2rem;
  } 
}

@media (max-width:767px){
  .pattern-cta {
    padding: 2rem 0;
    text-align: center;
  }
  
  .pattern-cta .cta-group{
    justify-content: center;
  }

  .pattern {
    height: 50px!important;
  }
  
  .triple-div .sr-row {
    row-gap: 1.125rem;
  }
  
  .num-list p{
    margin-left: 1rem;
    width: 90%;
  }
  
  .job-list {
    column-count: 1;
  }
  
  .ind-list {
    column-count: 1;
  }
  
  .req-doc .row-gap {
    row-gap: 0;
  }
  
  .team-bio .sr-row {
    row-gap: 1.125rem;
  }
  
  .team-bio .sr-repeater-2,
  .team-bio .sr-repeater-3 {
    margin-left: 1rem;
  }
  
  /* spacer for pattern cta */
  #hs_cos_wrapper_widget_1710442600489 {
    display: block !important;
    padding-top: 2.5rem !important;
  }
  
  .mobile-faq h2{
    margin-bottom: 4rem;
  }
  
  .mobile-faq h3{
    width: 90%;
    padding: 1rem 0;
  }
  
  .mobile-faq .details {
    border-top: solid 1px var(--link_color);
  }
    
 @media (max-width: 540px) {
   .num-list {
     padding-left: 1rem!important;
   }
   
   .custom-number-list img{
     max-height: 50px;
   }
  }