/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/components/aboutus/about.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.about-hero {
    overflow: hidden;
}
.title-one {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
}
.about-hero-title h1 {
    color: var(--black);
    line-height: 1.2;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 20px;
}
.about-hero span {
    color: #F47321;
}
.about-hero-title p {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.slider-wrap {
    width: 100%;
    min-height: 180px;
}
.about-hero .about-hero-images-block {
    display: flex;
    gap: 10px;
    margin-top: 45px;
    margin-bottom: 30px;
}
.about-services {
    background-color: #F47321;
}
.about-services-grid {
    color: var(--white);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
    gap: 3rem;
}
img, svg {
    vertical-align: middle;
}
.about-services-grid h3 {
    padding-top: 1rem;
    color: var(--white);
}
.about-services-grid p {
    opacity: 0.9;
}
section.about-leadership {
    background: #f0f0f0;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.about-leadership .image-side {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.image-side img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-leadership .image-side h2 {
    color: #F47321;
}
.about-leadership .leadership-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    gap: 2rem;
}
.about-leadership .leadership-grid .grid-item {
    border-bottom: 0.1rem solid var(--black);
}
.about-leadership .leadership-grid .grid-item h2 {
    color: #F47321;
}
.about-leadership .leadership-grid .grid-item h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--black);
}
.car-img {
    width: auto;
    min-height: 180px;
    object-fit: contain;
}

.contact-top{
    color:var(--bs-body-color);

}

.contact-breadcump-row {
    display: flex;
    align-items: center;
    
}
.bread-link{
    color: #000000;
text-decoration: none;


}

    @media screen and (max-width: 767px) {
        .title-one {
            font-size: 1.125rem;
        }
        .about-hero-title h1 {
            font-size: 2rem;
        }
        .about-hero-title p {
            max-width: 100%;
        }
        .about-services-grid {
            grid-template-columns: 1fr;
            text-align: center;
        }
        .about-services-grid {
            grid-template-columns: 1fr;
            text-align: center;
        }
        .about-services-grid p {
            text-align: start;
            padding-left: 20px;
        }
        .about-sec-grid-items {
            display: flex;
        }
        .about-services-grid img {
            width: 63px;
            height: 57px;
            position: relative;
            top: 20px;
        }
            .our-service-flex h3 {
                font-weight: 700;
            }
            .about-services-grid p {
                text-align: start;
                padding-left: 20px;
            }
            .about-sec-grid-items {
                display: flex;
            }
            .about-leadership-row {
                flex-direction: column;
            }
            .row.about-leadership-row .col-6 {
                width: 100%;
            }
            .about-leadership .image-side {
                gap: 15px;
                margin-bottom: 30px;
            }
            .title-one {
                font-size: 1.125rem;
            }
            .about-y-choose-h2 {
                font-size: 32px;
                font-weight: 400;
            }
            .about-leadership .leadership-grid {
                display: block;
            }
            .leadership-grid-items {
                display: flex;
                padding-top: 16px;
            }
            .leadership-grid-items h2 {
                padding-right: 12px;
            }
            .leader-content {
                display: flex;
                flex-direction: column;
            }
            .about-leadership .leadership-grid .grid-item h3 {
                font-size: 24px;
                font-weight: 700;
            }
            .about-y-choose-p-2 {
                font-size: 14px;
                font-weight: 300;
            }
            .contact-img-mobile-on {
                background: linear-gradient(89deg, #0b0b0b 0.66%, rgba(0, 0, 0, 0) 72.54%), url(/_next/static/media/conatct-backgournd-image.8d47e168.webp);
                background-size: cover;
                height: 165px;
            }
         .bread-link{
                color: white;
            text-decoration: none;
            
            }
           .contact-breadcump-row i {
                color: white;
            }
        
            
    }

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/components/Faq/faq.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.background-three{
    background-color: #fff7f2;
}
.title-two {
    color: #f47321;
    font-weight: 400;
    font-size: 2.5rem;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
  
  h2.accordion-header button {
    padding-left: 0;
    color:var(--black) !important;
  
  }
  
  .accordion-button:focus {
    box-shadow: none;
  }
  
  .accordion-body {
    background-color: #fff7f2;

    padding-top: 0 !important;
    padding-left: 0 !important;
  }
  
  .accordion-item {
    border-bottom: 1px solid var(--black) ;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important; 
  }
  .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg) !important;
    border: none !important;
  }
  .accordion-button,
  .button.accordion-button {
    background-color: #fff7f2 !important;
    border-bottom: 1px solid #0000;
    transition: transform 0.8s ease, transform 0.8s ease;
  }

  .accordion-button,
  .accordion-body,
  button.accordion-button :focus{
    border: none !important;
  }
  .accordion-button:focus{
    box-shadow: none !important;
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed,
  .accordion-item:last-of-type .accordion-collapse {
    border-radius: unset;
  }
  
  .accordion-button::after {
    background-image: url(/_next/static/media/faq-icon-one.232530a3.png) !important;
    scale: 1.4;
    transition: transform 0.8s ease, transform 0.8s ease;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url(/_next/static/media/faq-icon-two.3ee3d288.png) !important;
    scale: 1.4;
    transition: transform 0.8s ease, transform 0.8s ease;
  }
  
  .accordion-button:not(.collapsed) {
    color: var(--black) !important;
  }
  .accordion-header {
    margin-bottom: 0;
    
}

.accordion-collapse {
  transition: max-height 0.8s ease-in-out, opacity 0.3s ease-in-out; /* Adjust duration as needed */
  overflow: hidden; /* Prevent overflow during transition */
  max-height: 0; /* Initial state for collapsed accordion */
  opacity: 1; /* Initial state for collapsed accordion */
}

.accordion-collapse.show {
  max-height: 500px; /* Set a maximum height large enough to contain the content */
  opacity: 1; /* Make it fully visible */
}

.viewall-button {
  background-color: transparent;
  color: var(--black);
  border: 1px solid var(--black);
  padding: 15px 30px;
  border-radius: 5rem;
  font-weight: 600;
  display: block;
  width: max-content;
  text-decoration: none;
  cursor: pointer;
}

.viewall-button:hover {
  color: #F47321;
  border-color:#F47321;
}
.viewall-btn-section{
  margin-left:25%
}

.faqflexiscolumngap{
 padding-bottom: 1rem;
}

@media screen and (max-width: 500px) {
  .faq-sec-main {
      position: relative;
  }
}
@media screen and (max-width: 767px) {
  .faq-img-poistion img {
      height: 121px;
      width: 136px;
    
  }
  .question{
            
    padding-right: 14px;
  }
  .accordion-body {
    color: rgba(0, 0, 0, 0.9);
    font-family: Aileron!important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
}
.faq-img-poistion {
  position: absolute;
  right: 59px;
}
.faq-sec-main {
  position: relative;
}
.accordion-header {
  color: var(--black);
  font-family: Aileron !important;
  font-size: 16px;
  /* font-style: normal; */
  font-weight: 600;
  line-height: normal;
}
  .faq-h2-new {
      width: 50%;
  }
  
  .faq-row {
    display: block;
    padding: 6px;
}
  
    .accordion-body {
        color: rgba(0, 0, 0, 0.9);
        font-family: Aileron !important;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 300;
        line-height: 21px;
    }
    
      .faq-sec-main .col-9 {
          width: 100% !important;
      }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/components/team/team.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.about-team {
    padding-top: 8rem;
    padding-bottom: 5rem;
}
.team-container {
    position: relative;
}
.team-shape {
    position: absolute;
    left: 28%;
    top: 15px;
    z-index: -1;
}
.about-team h2 {
    color: #F47321;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.about-team-grid-slider {
    gap: 0;
}
.swiper-wrapper {
    display: flex;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-slide{
    margin-right:2%;
    transition: box-shadow 0.3s ease;
}
.teamImg{
    transition: box-shadow 0.3s ease;

}

  .teamImg:hover {
   border-radius: 20px;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-responsive-carousel/lib/styles/carousel.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/components/GetInvolve/getInvolve.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/

.get-involve-sect-bg{
    background-color: #fefefe !important;
}
.footer-top-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.5rem;
    gap: 3.5rem;
}
.grid-item{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer-top-wrap .grid-item {
    border-right: 1px solid rgb(219, 214, 214);
    padding-right: 3rem;
}
.footer-top-wrap h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--black);
}
.quote-btn{
    width:max-content;
}
    

.footer-top-wrap p {
    margin-bottom: 0;
}
.button-two {
    /* background-color: transparent; */
    color: var(--black);
    border: 1px solid var(--black);
    padding: 15px 30px;
    border-radius: 5rem;
    font-weight: 600;
    display: block;
    width: max-content;
} */
.footer-top-wrap Link.button-one {
    display: block;
    width: max-content;
}
.footer-top-wrap .grid-item-3 {
    border-right: none;
}
.footer-top-icons {
    margin-top: 10px;
}
.links{
    text-decoration: none;
    
}
.request-button-one {
    width: 117px;
    max-width: 100%;
    background-color: #F47321;
    color: var(--white);
    padding:  10px 14px 10px 14px;
    border-radius: 5rem;
    font-size: 14px;
    font-weight: 600;
}
.footer-top-icons .links i {
    color: #F47321;
    padding-right: 1rem;
    font-size: 1.2rem;
}
.button-one, .button-two, .button-three, .phone-link, .footer-nav-link {
    transition: 0.5s ease;
}
.grid-item p {
    font-weight: 300;
    line-height: 19px;
}

.contact-button-two{
    width: 132px;
    max-width: 100%;
    border: 1px solid var(--black);
    color:  var(--black);
    padding: 10px 14px 10px 14px;
    border-radius: 5rem;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

}
.contact-button-two:hover{
    color: #F47321;
    border-color: #F47321;
}
.request-button-one:hover{
    background-color: var(--white);
    color: #F47321;
    border: 1px solid #F47321;
}

/* @media screen and (max-width: 767px) {
    section.footer-top {
        padding-top: 15px;
    }
    .footer-top-wrap {
        border-bottom: none;
    }
    .footer-top-wrap .grid-item {
        border-right: none;
        border-bottom: 1px solid rgb(219, 214, 214);
        padding-bottom: 2rem;
        padding-right: 0;
    }
    .font-size-new-14 {
        font-size: 14px !important;
    }
} */
  @media screen and (max-width: 767px) {
    .footer-top-wrap {
        grid-template-columns: 1fr;
    }
    .footer-top-wrap .grid-item {
        border-right: none;
        border-bottom: 1px solid rgb(219, 214, 214);
        padding-bottom: 2rem;
        padding-right: 0;
    }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/components/successMatrix/succesMatrix.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.details-banner {
    background-color: #000000;
    color: var(--white);
}
  .details-banner-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    align-items: center;
}
  
.details-banner-wrap p,
.details-banner-wrap h4,
.details-banner-wrap h3 {
    margin-bottom: 0;
}
  
.details-banner-wrap .grid-item-1 {
    margin-left: 3rem;
}
  .details-banner-wrap .grid-item {
    border-right: 1px solid rgb(48, 46, 46);
    padding-inline: 1.2rem;
    opacity: 0.88;
}
  
.details-banner-wrap .grid-item-5 {
    border-right: none;
}
  
.details-banner-wrap span {
    color:#F47321;
}
@media screen and (max-width: 767px){
    .details-banner-wrap {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .details-banner-wrap .grid-item {
        margin-left: 0;
        text-align: center;
        border-bottom: 1px solid rgb(48, 46, 46);
        padding-bottom: 30px;
        border-right: 0px;
    }
    
    .details-banner-wrap .grid-item:last-child {
        border-bottom: 1px solid rgb(48, 46, 46);
    }
    .join-million-div-one {
        grid-column: 1 / span 2;
    }
}