:root {
            --primary-dark: #E2F1FE;
            --light-blue: #E9FDF3;
            --light-green: #F9F6F1;
            --light-yellow: #F7F1FD;
            --light-purple: #E3E7FD; 
        }
 
html {
    font-size: 16px
}

body {
/*     color: #0C0743;  */
  color: #000;
  text-wrap:pretty;
}

body,html {
    margin: 0;
    padding: 0
}

* {
    font-family: Lato,Arial,sans-serif; 
   -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
}
.telecom-connect footer * {
  font-family: 'Archivo', Lato, Arial, sans-serif !important;
  -moz-osx-font-smoothing: grayscale; 
  -webkit-font-smoothing: antialiased;
  line-height: 1.5; 
} 
p {
/*     color: #0C0743; */
  color: #000; 
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3em;
    text-decoration: none;
    text-transform: unset
}

  
h1, h3, h4, h5, h6{
  color: #000; 
}

h2.sec-main_title {
  font-weight:600;
  font-size:2.5rem;
}

p.sec-main_sub-title {
  color:rgba(0, 0, 0, .7);
}

.fs-title {
 font-size: 2.5rem !important;  
}
.btn:focus-visible, button:focus-visible, button:focus{
  outline: unset !important; 
  box-shadow: unset !important;  
}
.btn-sakon_dark {
  color: #fff;
  background-color:#1a222b;
    border: 1px solid #1a222b;
  border-radius: 30px; 
  font-size: 0.75rem; 
  font-weight: 700;  
  padding: 0.5rem 1.35rem;   
  transition: all 0.3s ease-in-out; 
  }
.btn-primary{
  background-color: #24c4e6;
  color: #fff;
  border-radius: 30px; 
  border: 1px solid #24c4e6; 
  font-size: 0.75rem; 
  font-weight: 700;  
  padding: 0.5rem 1.35rem;   
  transition: all 0.3s ease-in-out; 
}
 
.btn-primary:hover{
   background-color: #fff;
  color: #24c4e6;
  border: 1px solid #24c4e6;
  transform: translateY(-2px);
}

.btn-sakon_dark:hover {
    transform: translateY(-2px);
    background-color: #2e373f; 
    color: #fff;
} 
.btn-primary:focus-visible, .btn-primary:active{  
   background-color: #fff !important;
  color: #24c4e6 !important; 
  border: 1px solid #24c4e6; 
} 
.btn-secondary:focus-visible, .btn-secondary:active {
  background-color: #fff !important;
  color: #0C0843 !important; 
  border: 1px solid #0C0843; 
}  

.btn-secondary{
  background-color: #24c4e6;
  color: #fff;
  border-radius: 30px; 
  border: 1px solid #24c4e6; 
  font-size: 0.75rem;
  font-weight: 700;  
  padding: 0.5rem 1.35rem;   
  transition: all 0.3s ease-in-out; 
}  
.btn-secondary:hover{ 
   background-color: #fff;
  color: #0C0843;
  border: 1px solid #0C0843;
  transform: translateY(-2px);
}


.btn-white{
  background-color: #fff;
  color: #000;
  border-radius: 30px; 
  border: 1px solid #fff; 
  font-size: 0.75rem; 
  font-weight: 700;    
  padding: 0.5rem 1.35rem;   
  transition: all 0.3s ease-in-out; 
}   
.btn-white:hover{
   background-color: #000;
  color: #fff;
  border: 1px solid #fff;  
  transform: translateY(-2px); 
}
.btn-blue{
  background-color: #007bff;
  color: #fff;
  border-radius: 30px; 
  border: 1px solid #fff; 
  font-size: 0.75rem; 
  font-weight: 700;   
  padding: 0.5rem 1.35rem;   
  transition: all 0.3s ease-in-out; 
}   
.btn-blue:hover{
   background-color: #fff;
  color: #007bff;
  border: 1px solid #fff; 
  transform: translateY(-2px);
}

.btn-blue:focus-visible, .btn-blue:active {
  background-color: #fff !important;
  color: #007bff !important; 
  border: 1px solid #007bff;  
} 
.hs-form_theme-round .hs-form__actions__submit {
  border-radius: 30px !important; 
}
/* header css start */
#main-content {
    padding-top: 4rem !important;
}
.sakon-ap-new #main-content {
    padding-top: 0rem !important;
} 
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
} 
header .container-fluid{
padding-right: 4rem !important;
    padding-left: 4rem !important;
} 
    .navbar {
      padding: .875rem 0 1rem;  
      background-color: #fff; 
/*       border-bottom: 1px solid rgba(34, 34, 34, .2);
      box-shadow: 0 25px 50px 0 rgba(0, 0, 0, .05);  */
    }
    .navbar-brand { 
    margin-right: 3.5rem;
    padding: 0;
    padding-bottom: 0.5rem;
}
    .navbar-nav {
      align-items: center;
    }
    .nav-item {
      margin: 0 0.5rem;
    }
    .nav-link {
/*       color: #0C0743; */
      color: #000;
      font-weight: 500;
      padding: 0 .25rem; 
      font-size: 0.875rem;
      
    }
    .nav-link:hover {
      color: #24c4e6;
    }
  .nav-item.dropdown{
  margin-right: 1.25rem;      
}
    .dropdown-menu {
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      border: 1px solid #eee;
      padding: 0.5rem 0;
    }
    .dropdown-item {
      padding: 0.5rem 1.5rem;
/*       color: #0C0743; */
      color: #000;
      font-size: 0.75rem; 
    } 
    .dropdown-item:hover {
      background-color: #f8f9fa;
      color: #24c4e6;
    }

  .navbar .dropdown-toggle:after {
    background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/hdr-arr.png)!important;
background-size: cover;
    border: unset;
    bottom: 0;
    content: "";
    height: 6px;
    margin-left: .255em !important;
    margin: auto;
    position: absolute;
    right: -0.25rem;  
    top: 3px; 
    width: 9px;
} 
.web-menu .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;  
} 
.navbar-light .navbar-toggler { 
    outline: unset !important;
    box-shadow: unset !important;
  border: 0; 
  transform: rotate(180deg);
} 
.menu-icon {
    width: 25px;
    height: 3px;
    background: black;
    display: block;
    position: relative;
    transition: 0.3s;
}
/* Change Hamburger to X */
.navbar-toggler {
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hamburger Icon */
.menu-icon {
    width: 25px;
    height: 3px;
    background: black;
    display: block;
    position: relative;
    transition: 0.3s;
}

/* Middle bar of Hamburger */
.menu-icon::before,
.menu-icon::after {
    content: "";
    width: 25px;
    height: 3px;
    background: black;
    position: absolute;
    left: 0;
    transition: 0.3s;
}

.menu-icon::before {
    top: -8px;
}

.menu-icon::after { 
    top: 8px;
}

/* Change to X when Open */
.navbar-toggler.is-active .menu-icon {
    background: transparent;
}

.navbar-toggler.is-active .menu-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.navbar-toggler.is-active .menu-icon::after {
    transform: rotate(-45deg);
    top: 0;  
}  
/* header css end */


/* Hero Banner Styles */
.container-fluid {
    padding: 0;
}
.home-client_logos .logo-item img {
  height:2.25rem;
}
.home-banner { 
  padding: 6rem 0;  
  background-color:#e9f9fc;
  overflow: hidden;
  position: relative;
}

.home-banner .subtitle { 
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

.banner-title {
  font-size: 2.875rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
  line-height: 1.2; 
}

.banner-description {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;  
}

.banner-features {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 0 1.125rem;  
} 

.feature-item {
  display: flex;
  align-items: center;
  margin-right: 25px;
  margin-bottom: 15px;
}

.feature-icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #0C0743;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 10px;
  font-size: 0.875rem;
}
.check-icon{
 width: 0.75rem;  
}

.feature-text {
  font-size: 1rem;
  font-weight: 400; 
}
/* hero banner css end */

/* trusted leaders section css start */
 .trusted-section {
            background-color: #fff;
            text-align: center;
        }
        
        .trusted-title { 
            font-weight: 400; 
              font-size: 1.125rem; 
        } 
        
        .logo-slider .slick-track {
            display: flex;
            align-items: center;
        }
        
        .logo-item {
            display: flex !important;
/*             justify-content: center; */
          justify-content: space-around;
            align-items: center; 
/*             padding: 0; */
          padding: 0 1.5rem; 
            margin: 0;
        }
        
        .logo-item img { 
            width: auto;
            object-fit: contain; 
        } 
.logo-slider .slick-list{
         -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); 
} 
.fa-arrow-right {
 font-size: 0.65rem; 
}


.logo-slider.slick-slide,
.logo-slider.slick-track {
  transform: translateZ(0);
  backface-visibility: hidden;
} 
 
/* trusted leaders section css end */

 
 
/* explore telecom css start */

    
        .telecom-section {
            padding: 2rem 0;
        }
        
      
        
        .section-heading {
            margin-bottom: 1rem;
            text-align: center; 
        }
        
        .section-description {
            text-align: center;
            max-width: 52rem; 
            margin: 0 auto 3rem;
            font-size: 1rem;
            line-height: 1.6;
        }
        
        .capability-card {
            height: 20rem;  
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease;
            margin: 10px .75rem 1.5rem;
            cursor: pointer;
            color: #fff; 
            padding: 10px 1.5rem 10px 10px !important;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; 
/*           box-shadow: 0 2px 20px 0px rgba(99,99,99,0.2)!important;  */ 
        }
          .capability-card::after {
           content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), transparent 40%);
            pointer-events: none;
            z-index: 1; 
          }  
        .capability-slider .slick-list{
          padding: 0 0rem 0 8rem; 
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);  
        }   
        .capability-card.mobile-services {
            background-color: #52a1f2; 
        } 
        
        .capability-card.network-services {
            background-color: #02bbbd;
        }
        
        .capability-card.accounts-payable {
            background-color: #ef9935;
        }
        
        .capability-card.telecom-servicenow {
            background-color: #6870c2; 
        } 
        
        .capability-card.telecom-ai {
            background-color: #714fb7; 
        } 
        
        
/*         .capability-card .card-image {
            height: 60%;
            overflow: hidden;
        } */ 
         
        .capability-card .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px; 
        } 
        .capability-card.active:hover .card-image img {
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
        }

        .capability-card .card-title svg {
         display: none; 
          transition: all 0.3s ease-in-out; 
        }

        .capability-card:hover .card-title svg, .capability-card.active .card-title svg {
         display: block;
        } 
        .capability-card:hover .card-image svg, .capability-card.active .card-image svg { 
          display: none; 
          } 
          .capability-card .btn-white svg {
                fill: #000 !important;
                height: 100%;
                width: 1.35rem;
           } 
          .capability-card:hover .btn-white:hover svg {
               fill: #fff !important; 
          }   
          .capability-card.active .btn-white:hover svg {
               fill: #fff !important; 
          } 
        
        .capability-card .card-content {
            padding: 2rem;
            position: absolute;
            bottom: 0;
            width: 100%;
            background: transparent;
            transition: all 0.3s ease; 
            height: 40%;
            display: flex;
            flex-direction: column; 
            justify-content: center;
            left: 0; 
        } 
        
        .capability-card .card-title {
            font-size: 1.75rem;
            font-weight: 400; 
           margin-bottom: 3rem;
            width: 100%;
          transition: all 0.3s ease-in-out; 
        }  
.capability-card:hover .card-title {
            font-size: 1.5rem;  
           margin-bottom: 1.5rem;
            display: flex; 
           align-items: center; 
        } 
            .capability-card.telecom-servicenow:hover .card-title br {
/*            display: none;   */
          }  

        .capability-card.active .card-title {
            font-size: 1.5rem;  
           margin-bottom: 1.5rem;
            display: flex; 
           align-items: center; 
        }  
            .capability-card.telecom-servicenow.active .card-title br {
           display: none;  
          }  
        
        .capability-card .card-title p {
            font-size: 0.875rem;
            margin-top: 0.875rem;
        } 

        .capability-card:hover .card-title p{
          display: none; 
          }
        .capability-card .card-details {
            opacity: 0;
            max-height: 0; 
            transition: all 0.3s ease;
        } 
        .capability-card:hover .card-content, .capability-card.active .card-content {
          
           background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/Sakon-website-2025/images/home/bg-repeat-updated.png);
          background-size: auto;
          background-repeat: repeat;
          background-position: center;  
        }
        .capability-card.mobile-services:hover .card-content,
        .capability-card.mobile-services.active .card-content {
            height: 100%;
            background-color: #000;
           justify-content: center;  
        }
        
        .capability-card.network-services:hover .card-content,
        .capability-card.network-services.active .card-content {
            height: 100%;
            background-color: #000;
           justify-content: center;
        } 
        
        .capability-card.accounts-payable:hover .card-content,
        .capability-card.accounts-payable.active .card-content {
            height: 100%;
            background-color: #000;
          justify-content: center; 
        }
        
        .capability-card.telecom-servicenow:hover .card-content,
        .capability-card.telecom-servicenow.active .card-content {
            height: 100%;
            background-color: #000;
           justify-content: center; 
        }
        
        .capability-card.telecom-ai:hover .card-content,
        .capability-card.telecom-ai.active .card-content {
            height: 100%;
            background-color: #000;
           justify-content: center;  
        } 
        
        .capability-card:hover .card-details,
        .capability-card.active .card-details {
            opacity: 1;
            max-height: 12.5rem;
        }
        
        .capability-card:hover .arrow-icon,
        .capability-card.active .arrow-icon {
            opacity: 0;
            visibility: hidden;
        }
         
        .capability-card .detail-list {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 1.5rem; 
        }
        
        .capability-card .detail-list li {
            position: relative;
            padding-left: 1rem;
            margin-bottom: 0.5rem;
            font-size: 0.875rem; 
        }  
        
        .capability-card .detail-list li:before {
            content: "◆";
            position: absolute;
            left: 0;  
        }
        
.capability-card .btn-white {
 font-size: 0.75rem !important;  
  align-items: center !important; 
}
        
        .capability-card .card-arrow { 
/*              font-size: 1rem;
          padding-bottom: 0.4rem;
          width: 1.5rem;  */
          font-size: 1rem;
    padding-bottom: 0;
    width: 1.875rem;
    height: 2.125rem; 
        }
   
        .capability-card:hover .card-arrow{
        display: none;   
        }
        
 
/* explore telecom css end */


/* stories home page css start */
.text-primary, .sec-main_title.text-primary, .blue-text{
 color: #24c4e6 !important;
}  
.text-secondary {
 color: #0c0743 !important;
 text-decoration: none; 
}
.text-black {
 color: #000 !important;  
} 
a.text-primary{
  cursor:pointer;
}  
.stories-slider .card h3{
 font-size: 2.375rem;   
} 
 .stories-section .stories-1 .card{
 background-color: var(--light-blue);  
} 
 .stories-section .stories-2 .card{
 background-color:  var(--light-purple);
} 
 .stories-section .stories-3 .card{
 background-color: var(--light-yellow); 
}   
.stories-section .slick-list{
 padding: 0 6rem;  
} 
.stories-section .slick-arrow {
     border: 1px solid #000;
    top: 50%;
    z-index: 1;
/*     --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem; 
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); */
  height: 3rem;
  width: 3rem;  
  background: transparent; 
}
.stories-section .slick-prev {
 left: 1rem; 
}
.stories-section .slick-next {
 right: 1rem; 
} 
.stories-section .card .rowcol-6{
padding: 4rem 0rem 4rem 6rem;
}  
.stories-section .card-person-img{
/* position: absolute;
    bottom: 0;
    right: 3rem; */
  bottom: 0;
    position: absolute;
    right: 11rem;
}
.stories-section .card-person-img img{
/*  width: 100%;   */
  width: 36rem; 
}
.stories-section h2{
  line-height: 1.1; 
}
.servicenow-logo {
  width: 9rem;
/*   height: 55px;  */ 
  padding-bottom: 0.5rem; 
} 
.stories-section .card h4{
  font-size: 1.5rem; 
}
.stories-section .card .small{
 line-height: 1.1;  
}
.stories-section .card .subtext {
 font-size: 0.875em;  
  padding-right: 8rem !important; 
  font-weight: 600; 
}
.border-end{  
 border-color: #cbd0d5 !important;  
}
/* stories home page css end */


/* designed to trasform telecom management css start */
.telecom-tabs {
  position: relative;
  background-color: #f3f3f7;
    padding: 0;
    border-radius: 70px;
    display: inline-flex;
    justify-content: space-between !important;
    align-items: center;
    gap: 0px;
    width: 100%; 
    margin: auto; 
} 
.telecom-tab-indicator {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: #0c0743;
  transition: all 0.5s ease;
  border-radius: 2px;
  width: 0;
  left: 0; 
  z-index: 1;
}
.telecom-tabs .nav-item{
  margin: 0; 
  
}
/* Each tab button */
.telecom-tab-btn {
    background-color: transparent;
    border: none;
    border-radius: 70px;
    color: #000; 
    font-weight: 600;
/*     padding: 1rem 2.5rem; */
  padding: 1.5rem 3.5rem; 
    transition: background-color .5s ease, color .5s ease;
    font-size: 1.125rem; 
   position: relative;
  z-index: 2; 
}
  
/* Inactive tabs (default) */
.telecom-tab-btn:not(.active) {
/*   background-color: #f3f3f7; */
} 

/* Active tab */
.telecom-tab-btn.active {
/*   background-color: #d9d4e2; */
  color: #0c0743; 
}  


.telecom-tab-active-pill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #d9d4e2;
  border-radius: 70px;
  z-index: 1;
  transition: all 0.5s ease;
} 

.telecom-tab-btn:hover {
/*   background-color: #e2e2f0; */
} 
.telecom-tab-content .tab-pane p{
     font-size: 1.375rem;
    line-height: 1.3; 
} 
/* .tab-content .col-md-6 .telecom-card img {
 height: 15rem;  
} */
.telecom-section a{
 text-decoration: none;  
}
.awards h4{
 font-size: 1.375rem;  
}
/* designed to trasform telecom management css end */ 

.link-underline {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: fit-content; 
}

.link-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
}

.link-underline:hover::after {
  width: 90%;
}  
 



/* AP Page css start */
.ap-banner {
      background: #e9f9fc;
/*     border-radius: 24px;
    border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;  */
/*     margin: 5px 2rem 0;   */
    overflow: hidden;
    padding: 6rem 0; 
    position: relative; 
} 
.ap-banner h1, .ap-banner p {
  color:#021831;
}
 .ap-banner h1 {
 font-size: 2.75rem;
   
   color:#021831;
}
 .ap-banner p {
   color:#021831;
}
/* AP page css end */

/* old footer css */
.telecom-connect .footer {
 font-family: 'Archivo' !important;  
}
.telecom-connect .footer h6 {
    color: #0d1224;
    text-transform: uppercase;
    font-weight: 600; 
    font-size: 0.875rem !important;
}
.telecom-connect .footer {
 border-top: unset !important;  
}

/* About Us */
.hs-content-id-191415917390 .trusted-section {
  background-color:#fefaf7;
  }

/* Banner */

.about-us-banner {
  background-color:#24c4e6;
  color:#fff;
}
.about-us-banner h1 {
  color:#fff;
}
/* Our Story */
.our-story .story-content {
  background-color:#fefaf7;
/*   display:flex;
  justify-content:center; */
}
.ico-handshake {
  background-color:#1a222b;
  height:3rem;
  width:3rem;
  text-align:center;
}
.ico-handshake img {
  width:2rem;
}
.journey {
  font-size:1.625rem;
}
.partner-content::before {
  content: "";
    width: 0.313rem;
    height: 37%;
    background:#1a222b;
    position: absolute;
    left: 0;
  top:.25rem;
}
.our-story_content {
  font-size:1.25rem;
}

/* proud-to-have-pioneered */
.proud-to-have-pioneered {
background: #E8F8FB;
background: linear-gradient(360deg, rgba(232, 248, 251, 1) 40%, rgba(255, 255, 255, 0) 40%);
}
/* .proud-to-have-pioneered h3 {
  font-weight:normal !important;
} */
.proud-to-have-pioneered figure {
  background-color:#1a222b;
  height:4rem;
  width:4rem;
  text-align:center;
}
.proud-to-have-pioneered .overlay {
  content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.07);
    position: absolute;
    left: 0;
  top:60%
}
  .proud-to-have-pioneered .bg-white {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.proud-to-have-pioneered figure img {
  width:2rem;
}
/* Why Sakon */
.why-sakon-fade {
  font-size:0.938rem;
  color:rgba(0,0,0,0.7)
}
.why-sakon .nav-link {
/*   color:rgba(12,8,67,0.5); */
/*   font-size:1.125rem;
  padding:1rem 0; */
}
.why-sakon .nav-link.active, .why-sakon .nav-link.active span {
  color:#24c4e6;
}
.why-sakon .nav-link span {
  color:rgba(12,8,67,1);
  font-size:2.25rem;
  font-weight:300;
  line-height:0;
}

/* Our Team */
.our-team {
background: #FEFAF7;
background: linear-gradient(360deg, rgba(254, 250, 247, 1) 50%, rgba(255, 255, 255, 0) 50%);
}

/* Sakon leadership */
.sakon-leadership {
background: #FEFAF7;
  }
.sakon-leadership .rounded-circle {
  height:5rem;
  width:5rem;
}
/* Our Impact */

.our-impact .card {
  background-color:#d3f3fa;
  border:0;
  padding:3.5rem 4rem;
}
.our-impact .card img {
  width:2.125rem;
}
.our-impact .card p {
  font-size:1.125rem;
}
.our-impact a.impact-link {
  font-size:1.125rem;
color:#1a222b;
  text-decoration:none;
  line-height:1.2;
}
.our-impact a.impact-link:hover {
  text-decoration:underline;
}

/* Awards Recognition */

.awards-recognition {
  background-color:#e9f9fc;
}

.awards-recognition p {
  font-size:1.25rem;
}
.awards-recognition figure img {
  width:2.25rem;
}

/************** Telecom AI November ****************/

.why-tel-data_subtext p {
  border-right:1px solid #b2b4be;
}
.why-tel-data_subtext .col-md-4:last-child p{
  border-right:0;
}
  .tel-ai-atwork_content {
    background: #f5f5f7;
    position:relative;
/* background: linear-gradient(90deg, rgba(252, 252, 252, 1) 0%, rgba(245, 245, 247, 1) 100%); */
  }
/* .tel-ai-atwork_content::after {
 
  background: linear-gradient(1deg, #fcfcfc, #f5f5f7);
    content: "";
    position: absolute;
    height: 500px;
    width: 691px;
    bottom: 0;
    lefT: 0;
  } */
.tel-ai_list li {
  position:relative;
  padding-left:1.25rem;
  padding-bottom:0.75rem;
  line-height:1.25;
}
  .tel-ai_list li:before {
      content: "◆";
    left: 0;
    position: absolute;
    color:#24c4e6;
  }
.fs-5_1 {
  font-size:1.063.rem !important;
}


/********* Digital Lifelines **********/
.ds-banner {
  background-image: url('https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/digital-banner.jpg');
}
.hero-banner {

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
   height: 100vh;
}

.hero-banner .hero-banner_content{
     height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
} 

.hero-banner h1 {
 font-size: 3.125rem;
  color: #000;   
}
.corporate-tech .stat-box {
  border:1px solid rgba(0,0,0,0.2);
}
.corporate-tech_desc {
  color:rgba(0,0,0,0.7);
}
.digital-impact {
  background-color:#f5f5f7;
}
.how-it-works_card {
background-color: #010827;
    border-radius: 1.5rem;
}
.how-it-works_badge  {
background-color: #24c4e6;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
}
.our-trusted img {
  height:2.25rem;
}
.commitment-card {
    position: relative;
    border-radius: 0.938rem;
    overflow: hidden;
}
.commitment-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
/*     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); */
    color: white;
    padding: 1.875rem 1.563rem;
}
.ds-ready-to .ready-to-content{
 background-color: #010827;
  border-radius: 36px; 
} 
.ds-ready-to p {
 font-size: 1.125rem;  
} 
.ds-ready-to h2 {
  font-size: 2.5rem; 
   color:#24c4e6 !important;
  font-weight: 700; 
}
}


/****** Pre footer content - Ready to / Let's Talk ******/

.pre-footer .pre-footer_content {
  background-color: #333135;
}

.pre-footer_content p {
  color:rgba(255,255,255,0.6);
}


/** Policy ***/
.policy-banner {
  background-color:#b3f6ff;
  text-align:center;
margin-top:4.25rem;
}