.abt-us{
    padding: 0 0 60px;
}
.about-team-section {
    background: #fff;
    padding: 40px 20px;

    color: #333;
}

.about-team-section .container {

}

.title-sec2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #1e1e1e;
    position: relative;
}

.title-sec2::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: #1691ca;
    display: block;
    margin-top: 8px;
    border-radius: 2px;
}

.title-sec2 p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}
.title-sec {
    font-size: 32px;
    margin-bottom: 20px;
    color: #1e1e1e;
    position: relative;
}

.title-sec::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: #1691ca;
    display: block;
    margin-top: 8px;
    border-radius: 2px;
}

.title-sec p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.about-team-section .btn-join {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 28px;
    background-color: #ff5722;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.about-team-section .btn-join:hover {
    background-color: #e64a19;
    transform: translateY(-3px);
}

/* Responsive */
@media(max-width: 992px) {
    .about-team-section .container {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    .about-team-section .btn-join {
        margin: 20px auto 0;
    }
}.call-to-action{
  position:relative;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
  padding:70px 0px 70px;
  text-align:center;
}

.call-to-action:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-color:rgb(42 144 199 / 98%);
}

.call-to-action .auto-container{
  position:relative;
  z-index:1;
}

.call-to-action .text{
  position:relative;
  font-size:20px;
  color:#ffffff;
  margin-bottom:5px;
}

.call-to-action h2{
  font-size:36px;
  color:#ffffff;
  margin-bottom:25px;
}

.call-to-action .theme-btn{
  margin:0px 10px 10px;

}
 .about-values {
            margin-top: 30px;
        }

        .value-item {
            display: flex;
            margin-bottom: 20px;
        }

        .value-icon {
            width: 80px;
            height: 80px;
            background: #1691ca;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            margin-right: 20px;
            flex-shrink: 0;
        }

        .value-text h4 {
            margin-bottom: 5px;
        }
.img-box-shadow{    box-shadow: rgb(42 144 199 / 63%) 5px 5px, rgb(42 144 199 / 50%) 10px 10px, rgb(42 144 199 / 31%) 15px 15px, rgb(42 144 199 / 9%) 20px 20px, rgb(191 49 44 / 0%) 25px 25px;

}

.title-sec1 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #1e1e1e;
    position: relative;
}

.title-sec1::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: #1691ca;
    display: block;
    margin-top: 8px;
    border-radius: 2px;
    margin: auto;
    margin-top: 8px;
}

.title-sec1 p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}
.w-box{
        background: #fff;
    padding: 20px 20px 30px;
    height: 260px;
}
.join{
        padding: 12px 30px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    width: max-content;
}
 .join:hover {
      background: #000;
      color: #fff;
    }
    .team-img{
        --s: 20px;
    --w: 400px;
    width: round(var(--w), 4 * var(--s));
    aspect-ratio: 1;
    /*border: calc(2 * var(--s)) solid #0000;*/
    padding: calc(3 * var(--s) / 2);
    box-sizing: border-box;
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(0, 212, 255, 1) 100%);
    /*mask: conic-gradient(#000 0 0) no-repeat 50% / calc(100% - 6 * var(--s)) calc(100% - 6 * var(--s)), radial-gradient(var(--s), #000 100%, #0000 calc(100% + 1px)) 0 0 / calc(4 * var(--s)) calc(4 * var(--s)), radial-gradient(var(--s), #0000 calc(100% - 1px), #000) var(--s) var(--s) / calc(2 * var(--s)) calc(2 * var(--s)) padding-box;*/
     aspect-ratio: 1;
  clip-path: shape(from 87.45% 45.02%,curve to 92.48% 56.45% with 90.99% 50.00%,curve to 92.05% 69.35% with 93.97% 62.91%,curve to 82.42% 77.15% with 90.14% 75.80%,curve to 71.01% 83.22% with 74.69% 78.49%,curve to 61.91% 91.53% with 67.33% 87.95%,curve to 49.74% 96.95% with 56.49% 95.12%,curve to 38.70% 91.46% with 42.99% 98.79%,curve to 25.99% 85.79% with 34.41% 84.13%,curve to 15.38% 80.54% with 17.56% 87.44%,curve to 14.30% 66.90% with 13.20% 73.65%,curve to 13.33% 55.08% with 15.41% 60.16%,curve to 11.20% 44.30% with 11.25% 50.00%,curve to 11.95% 32.32% with 11.14% 38.59%,curve to 16.84% 21.25% with 12.75% 26.06%,curve to 27.31% 15.38% with 20.92% 16.44%,curve to 38.83% 11.12% with 33.70% 14.32%,curve to 50.39% 5.23% with 43.95% 7.93%,curve to 62.85% 5.60% with 56.83% 2.53%,curve to 72.70% 14.03% with 68.88% 8.67%,curve to 79.11% 24.51% with 76.53% 19.39%,curve to 82.80% 34.84% with 81.69% 29.63%,curve to 87.45% 45.02% with 83.91% 40.04%);

    }
.why-diff{
    padding: 60px 0;
}

    @media(max-width: 991px){
        .title-sec::after {

    margin: auto;
    margin-top: 8px;
}
.sec_pad {
    padding: 40px 0px 40px 0px;
}
.title-sec {
    font-size: 25px;

}
.title-sec1 {
    font-size: 25px;

}
.title-sec2 {
    font-size: 25px;

}

    }
