@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-lightitalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-mediumitalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IntelOne Text';
  src: url('../fonts/intelone-text-bolditalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

html {
  font-family: 'IntelOne Text', Arial, sans-serif;
}

body {
  font-family: 'IntelOne Text', Arial, sans-serif; 
    color: var(--text-color);
    padding: 0px;
    margin: 0px;
    font-size:1.1rem;
    line-height: 21px; 
  }


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
::placeholder {
  color: #2074d5;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2074d5;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2074d5;
}

 
 :root {
            --white-color: #ffffff;
            --primary-title-color: #0B3AC6;
            --primary-text-color: #232323;
            --text-color:#232323;
            --text-color-dark:#333333;
            --primary-button-bg: #0068B5;
            --primary-button-hover-bg: #005a9b; 
            --primary-card-bg: #DEE1FF;
        }


	
strong {
    font-weight: 500!important;
}
h1 {
  font-size: 5.6rem;
  margin: 0;
  line-height: 1.2;
  font-weight: 300;
     color: var(--white-color);
}

.hero-banner h3 {
  font-size: 2.4rem;
  font-weight: 200;
    color: var(--white-color)!important;
    margin-bottom: 40px;
}
.hero-banner {
    position: relative;
}
.intel-logo {
    position: absolute;
    top: 70px;
    left: 5%;
}
h2 {
  font-size: 2.5rem;
  margin: 0px;
  margin-bottom: 20px;
  line-height: 2.4rem;
  font-weight: 400;
     color: var(--text-color-dark);
}
h3 {
  margin: 0px;
  padding: 0px;
  font-size: 1.6rem;
  display: block;
     color: var(--text-color-dark);
}
h4 {
    font-weight: 500;
}
p {
  padding-bottom: 15px;
  margin: 0px;
  line-height:28px;
     color: var(--text-color);
}
.spacer {
  width: 100%;
  float: left;
  height: 50px;
} 
/* Card styles */
    .card-wrapper {
            background-color: #1b237e;
            min-height: 100vh;
        }

        .promo-card {
            background-color: var(--primary-card-bg) !important;
            border: none;

        }
        .firstCard .promo-card {
        }

        /* .logo-circle {
            width: 80px;
            height: 80px;
            background-color: #2c2c2c;
            position: relative;
        }

        .logo-circle::before {
            content: '';
            position: absolute;
            width: 88px;
            height: 88px; 
            border-radius: 50%;
            top: -4px;
            left: -4px;
        }

        .logo-text {
            color: white;
            font-size: 28px;
            font-weight: 600;
            letter-spacing: -1px;
        } */

        .offer-section {
            background:#ffffffb2; 
            
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            justify-content: space-between;
        }
        .offer-section h5  {
          font-size: 22px !important;
          color: #653171 !important; 
           font-weight: normal !important

        }

        .cta-btn {
            background-color:#0068B5;
            border: none!important; 
            color: #ffffff !important; border-radius: 3px !important;
            padding:16px 40px;
            font-size: 1.2rem;
        }

        .cta-btn:hover {
            background-color: #3280da;
            color: #fff !important;
            border-color: none !important
        }
            .disclaimer{
            font-size: 11px !important;line-height: normal;
            margin:0px; 
            padding:0px;
            }
     #name__error{text-align: left; font-size: 14px; color: red; margin-bottom: 0px;}
     #email__error{text-align: left; font-size: 14px; color: red; margin-bottom: 0px;}
     #message__error{text-align: left; font-size: 14px; color: red;margin-bottom: 0px;}
      .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;  
            transition: box-shadow 0.3s ease-in-out;
            height: auto;
        }

        .swiper-button-next:after, .swiper-button-prev:after{
          font-size: 25px !important;
        }

         .swiper-button-next,
        .swiper-button-prev {
            color: #232323 !important; 
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            color: #8F5DA2 !important;
        }

        .swiper-pagination-bullet {
            background-color: #d1d5db !important;
            opacity: 1 !important;
        }

        .swiper-pagination-bullet-active {
            background-color: #8F5DA2 !important;
        }
        .swiper-button-next, .swiper-rtl .swiper-button-prev{
              right: var(--swiper-navigation-sides-offset, 0px) !important;
        }

        .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0px) !important;
        }
       
 
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 5px) !important;
    
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}
/* second card section */

.firstCard .container {
 
}

.firstCard h2{ 
  color:var(--primary-title-color);
}

.firstCard .promo-card .card-body{
  display: flex;
  flex-direction: column;
}

.firstCard .promo-card .card-body .card-text{
  /*flex-grow: 1;*/
}

.firstCard .promo-card .card-body img{
  object-fit: contain;
}

.firstCard .swiper-container {
  overflow: hidden;
  padding-bottom:30px;
}

.firstCard .swiper-button-next,
.firstCard .swiper-button-prev {
  top: 50% !important;
  transform: translateY(-50%);
  color: #232323 !important;
  width: 36px;
  height: 36px;
  z-index: 2; 
}
 
.firstCard .swiper-button-next {
  right: -40px!important; position:absolute;
}

.firstCard .swiper-button-prev {
  left: -40px !important;
}

.firstCard .swiper-pagination {
  position: relative !important;
  bottom: 0 !important;
  margin-top: 16px;
}

.firstCard .swiper-pagination-bullet {
  margin: 0 6px !important;
}


@media (max-width: 991px) {
.firstCard .swiper-button-next {
  right:0px!important; position:absolute;
}

.firstCard .swiper-button-prev {
  left:0px !important;
}
}

/* .firstCard p{
  font-size: 21px;
  color:var(--primary-text-color);
} */

/* .card-body p{
  font-size: 18px;
} */
.card-text{
    font-size: 17px; line-height: normal;
  }
  
/* second card section */

.secondCard {
             
            border-top: 1px solid rgba(91, 105, 255, 0.5);
            border-bottom: 1px solid rgba(91, 105, 255, 0.5);
        }

/* equal-height */
.secondCard .row.g-0 {
    align-items: stretch;
}

.secondCard .p-4.text-center.h-100 { 
    flex-direction: column;
}

.secondCard .p-4.text-center.h-100 p {
    flex-grow: 1;
}

.secondCard .p-4.text-center.h-100 .btn {
    margin-top: auto;
}

.secondCard h2{ 
  color:var(--primary-title-color); line-height: normal;
}

.border-start, .border-end{
    border-left:  1px solid rgba(91, 105, 255, 0.5)!important;
     border-right:  1px solid rgba(91, 105, 255, 0.5)!important;
} 


/* third card section */
 .thirdCard { 
            border-bottom: 1px solid rgba(91, 105, 255, 0.5); 
        }

        .thirdCard h2 { 
            color:var(--primary-title-color);
            text-align: center;
            margin-bottom: 3rem;
            line-height: 1.2;
        }

        .third-card-item {
            background-color: var(--primary-card-bg);
            border-radius: 10px;
            padding: 2.5rem !important;
            text-align: center;
            height: 100%;
        }

        .third-card-item h5 {
            font-size: 22px;
            font-weight: 500;
            color: #8F5DA2;
            margin-bottom: 1rem;
        }

        .third-card-item p {
            color: #232323; font-size: 17px; 
            min-height: 100px; 
        }

        .third-card-item .btn {
            background-color: var(--primary-button-bg) !important;
            color: var(--white-color);
            border-radius: 9999px;
            font-weight: 500;
            transition: background-color 0.3s ease-in-out;
            border: none;
            text-decoration: none;
            padding: 0.75rem 2rem;
        }

        .third-card-item .btn:hover {
            background-color: #1a5acb;
        }
        /* fourthCard section */

        .fourthCard h2 { 
            color:var(--primary-title-color);
            text-align: center; 
            line-height: 1.2;
        }

        .fourthCard h5 {
            font-size: 1.25rem; 
            font-weight: 400;
            color: #232323;  
        }

        .fourthCard .swiper-container {
            width: 100%;
            height: 100%;
        }

        .fourthCard .swiper-slide {
            display: flex;
            justify-content: center;
            align-items:center;  
            padding-bottom:30px;
        }

        .fourthCard .slide-content {
            display: flex; 
            flex-grow: 1;  
            max-width: 980px; 
            margin: 0 auto;
        }

        .fourthCard .slide-image {
            border-radius:1rem 0 0 1rem; 
            object-fit: cover; 
            width:40%;
        }

        .fourthCard .slide-text {
            width: 60%;
            padding: 2rem; 
            background-color: #e9ebff;
            border-top-right-radius: 1rem;
            border-bottom-right-radius: 1rem;
            color: #4b0082;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .slide-text h5, h6{
          color: var(--primary-title-color);
        } 

         /*  new challenge section */
        .challenge-section {
            background-image: url('../images/future-challenge-bg.png');
            background-size: cover;
            background-position: center left;
            text-align: center;
            color: #fff; 
        }
        
        /* .challenge-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 139, 0.6); 
        } */
        
        .challenge-section .container {
            position: relative;
            z-index: 1;
        }
        
        .challenge-section h2 { 
            color:var(--white-color);
            margin-bottom: 1rem;
        }
        .form-card h3 {
            font-size: 28px; 
            color: var(--white-color);
            margin-bottom: 1rem;
            font-weight: 500;
        }
        
        .challenge-section h4 {
            font-size: 22px;
            font-weight: 500;
            color: #76CEFF;
            margin-bottom: 2rem;
        }
        .challenge-section h5 {
            font-size: 20px;
            font-weight: normal;
            color: var(--white-color);
            margin-bottom: 2rem;
        }
        .challenge-section .form-card {
            background-color: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border-radius: 1.5rem;
            padding: 3rem; 
        }

        .challenge-section .form-title {
            font-size: 1.75rem;
            font-weight: 600;
            color: var(--white-color);
            margin-bottom: 1rem;
        }

        .challenge-section .form-subtitle {
            font-size: 1.1rem;
            color: #eee;
            margin-bottom: 2rem;
        }
        
        .challenge-section .form-control {
            background-color:var(--white-color);
            border-radius: 4px;
            padding: 1rem 1rem;
            border: none; 
            font-size: 1.2rem;
        }

        .challenge-section .form-control::placeholder {
            color: #5f5f5f;
        }

        .challenge-section .upload-area {
            background-color: var(--white-color);
            border: 2px dashed #656ED3;
            border-radius: 4px;
            padding: 2rem;
            margin-top: 1rem;
            color: #eee;
            cursor: pointer;
            transition: background-color 0.3s ease; text-align: left;
        }

        .challenge-section .upload-area:hover {
            background-color:#f5f5f5;
        }

        .challenge-section .upload-area .upload-icon {
            margin-bottom: 0.5rem;
        }
      .challenge-section .upload-area p {
        color: #5f5f5f;
              }
               
        .challenge-section .upload-btn {
            background-color: var(--white-color);
            color: var(--primary-title-color);
            border-radius: 4px; font-size: 17px;
            font-weight: 500;
            transition: background-color 0.3s ease;
            border: none;
            padding: 1rem 3rem;
            text-decoration: none;
            margin-top: 2rem;
        }

        .challenge-section .upload-btn:hover {
            background-color: #e6e6fa;
        }
           /* Spread the Word */
        .spread-word-section { 
            background-color:var(--white-color);
        }

        .spread-word-section h2 { 
            color: var(--primary-title-color);
            margin-bottom: 1rem;
        }

        .spread-word-section .section-subtitle {
            font-size: 1.25rem;
            font-weight: 500;
            color: #000;
            margin-bottom: 1rem;
        }

        .spread-word-section .form-container {
            background-color: #e6e6fa;
            border-radius: 10px;
            padding: 3rem; 
        }
        
        .spread-word-section .form-control {
            background-color: var(--white-color); 
            padding: 0.55rem;
            border: none; 
            margin-bottom: 1.5rem;
        }

        .spread-word-section .form-control::placeholder {
            color:var(--white-color);
        }

        .spread-word-section .submit-btn {
            background-color:var(--primary-button-bg);
            color: var(--white-color);
            border-radius: 4px; 
            transition: background-color 0.3s ease;
            border: none;
            padding: 1rem 2.5rem; 
        }

        .spread-word-section .submit-btn:hover {
            background-color: var(--primary-button-bg);
        }
         .spread-word-section .form-control::placeholder {
            color: #363636;
        }

        .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
            background-color: var(--primary-button-bg);
        }

        .spread-word-section .form-control { 
            border-radius: 4px;
            padding: 0.75rem 1rem;
            border: none; 
        }

        .footer-section{
       
        }
        footer p{
            font-size: 12px;
            color: #6C6C6C; line-height: normal;
        }

     
 


   /* Responsive */
        @media (max-width: 768px) {
            h2 { font-size: 2rem; }
            .swiper-slide {
                padding:0rem 1.5rem;
            }
            .card-content img {
                max-width: 80px;
            }
            .card {
                max-height: 100%;
                }
                .fourthCard .swiper-slide {
                flex-direction: column;
                align-items: center;
            }
            .fourthCard .slide-image {
                width: 100%;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
            .fourthCard .slide-text {
                width: 100%;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: 1rem;
                border-bottom-right-radius: 1rem;
            }
            .fourthCard .slide-content {
                display: flex; flex-direction: column;
            }
             
            .form-card h3 {
                font-size: 22px;
            }
            .challenge-section .form-card { 
                padding: 1.5rem;
            }
            .fourthCard .slide-image {
                border-radius: 1rem 1rem 0 0;
            }
            .firstCard .swiper-button-next {
                right: -10px!important; position:absolute;
              }
              
              .firstCard .swiper-button-prev {
                left: -10px !important;
              }
                  

        }
   @media (max-width: 992px) {
            .border-start {
                border-left: none !important;
            }
            .border-end {
                border-right: none !important;
            }

            
  }

        @media (max-width: 576px) {
            h2 { font-size: 1.8rem; }
             
        }
        
.successFlash{
    color: green !important;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 1s ease-out;
    animation: fadeOut 1s ease-out 30s forwards;
} 
.popup{
     font-size: 14px;
    font-weight: 500; 
    opacity: 1;
     transition: opacity 1s ease-out;
    animation: fadeOut 1s ease-out 20s forwards;
}

@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}