@charset "UTF-8";
/* latin-ext */
@font-face {
  font-family: 'Funnel Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/nexturn/assets/fonts/funnel-sans/funnelsans-latin-ext.woff2) format('woff2');
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Funnel Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/nexturn/assets/fonts/funnel-sans/funnelsans-latin.woff2) format('woff2');
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* CSS Document */
:root {
  --primary-color: #6c12cb;
  --secondary-color: #3a0d72;
  --dark-purple: #1a0033;
  --light-purple: #a64dff;
  --text-white: #ffffff;
  --primary-blue: #0099cc;
  --primary-purple: #9966cc;
  --dark-bg: #121212;
  --form-bg: #1e1e1e;
  --primary-dark: #000;
  --action-color: #1e90ff;
  --text-light: #ffffff;
  --text-muted: #e7e7e7;
  --card-bg: #111;
  --border-color: #333;
  --gradient-blue: linear-gradient(135deg, #1e90ff, #4169e1);
}

textarea:focus,
input:focus,
body {
 font-family: 'Funnel Sans';
 font-size: 1rem;
 color: var(--text-white);
 background-color: #000;
letter-spacing: 0px;
}

a,
.text-info,
a:active {
  color: #2251ff;
  text-decoration: none;
}


.navbar {
  height: 75px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: rgb(0 0 0 / 75%);
}

.navbar-brand svg {
  height: 45px;
    width: 160px;
}
/* Custom styles for the navbar */
.navbar-toggler:focus {
box-shadow: none;
}

/* Style for the X icon when navbar is expanded */
.navbar-toggler.collapsed .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M6 24L24 6'/%3e%3c/svg%3e");
}

.navbar-nav .nav-link:not(.dropdown-toggle):hover{ 
 color: #1e90ff;
}

.contact-btn {
  margin-top: 20px;
  background: linear-gradient(90deg, #1E9BF0 0%, #F33A79 100%);
  border: none;
  color: #fff;
  padding: 12px;
  border-radius: 4px;
  font-weight: 500;
  width: 100%;
}

.btn-contact {
  background: #1e90ff;
  border: none;
  color: #fff;
  padding: 0.5rem 1.5rem;
  border-radius: 25px;
}

.btn-contact:hover,
.btn-contact:checked+.btn, .btn-contact.active, .btn-contact.show, .btn-contact:first-child:active, :not(.btn-check)+.btn-contact:active {
  background: #1e90ff;
  color: /*#ffffffc7*/ #00f;
}

.btn-outline-light {
  border-color: var(--text-white);
  color: var(--text-white);
}

.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.hero-section {
  background: linear-gradient(135deg, var(--dark-purple), #000);
  position: relative;
  overflow: hidden;
}

.hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;	
}

.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0.5;
  z-index: 0;
}



.feature-box {
  background-color: #460073;
  padding: 30px;
  height: 100%;
}

.service-section {

  background-color: #000;
}


.service-card {
  background-color: #fff;
  padding: 35px;
  height: 100%;
  margin-bottom: 30px;
  opacity: 1 !important;
  visibility: visible !important;
}



.service-list {
  list-style-type: none;
  padding-left: 0;
  list-style: none;
}

.service-list li {
  margin-bottom: 10px;
 
}


.ourservice,.why-us-section,
.team,
.impact-stories {
  background-color: #000;
  padding: 50px 0 40px 0;
  position: relative;
  margin-top: 50px;
}

.ourservice h2,.why-us-section h2,
.team h2,
.impact-stories h2 {
  position: relative;
  z-index: 1;
  font-size: 4rem;
  font-weight: 600;
}


.impact-stories h4 {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.ourservice::after,
.why-us-section::after,
.team::after,
.impact-stories::after {
  content: 'impact stories';
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10%, -28%);
  ;
  font-size: 150px;
  font-weight: 500;
  color: #000;
  z-index: 0;
  -webkit-text-fill-color: #000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #262626;
  font-family: system-ui;
}

.impact-stories.cloud-subtitle::after {
  transform: translate(10%, -13%);
}

.team::after {
  content: 'Team';
  transform: translate(20%, -27%);
}

.ourservice:after {
  content: 'our services';

}
.why-us-section:after{
  content: 'Why Us?';
}
.story-card {
  background-color: #0a4b78;
  padding: 30px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.story-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--primary-color);
}

.footer {
  background-color: #131313;
  padding: 50px 0 20px;
}


/* Desktop ISO badge styling */
.iso-badge {
    width: 160px;
    height: 160px;
    object-fit: contain;
    margin-left: 55px;
    margin-bottom: -135px;
    display: inline-block;
}

/* Mobile view adjustments for ISO badge */
@media (max-width: 768px) {
  .iso-badge {
    width: 160px;
    height: 160px;
    margin-left: 55px;
    margin-bottom: -135px;
  }
}


.footer h5 {}

.footer-bottom {
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icons  {
  color: var(--text-white);
  
}


.social-icons svg{
  height: 28px;;
  width: auto;
}
.social-icons .youtube svg:hover ,
.social-icons .youtube svg:hover path,
.social-icons .youtube svg:hover plygon,
.social-icons .youtube svg:hover circle {
  color: #FF0000 ;
  fill: #FF0000 ;
}
.social-icons .linkedin svg:hover ,
.social-icons .linkedin svg:hover path,
.social-icons .linkedin svg:hover plygon,
.social-icons .linkedin svg:hover circle {
  color: #0077B5 ;
  fill: #0077B5 ;
}

.carousel-indicators {
  bottom: -50px;
}

.carousel-indicators button {
  background-color: var(--primary-color);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}


.service-list {
  margin-top: 2rem;

}

.service-item {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.btn-primary,
.know-more-btn {
  background: transparent;
  color: white;
  border: 2px solid white;
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 500;
  transition: all 0.3s;
  font-size: 1.125rem;
  font-weight: 600;
}

.btn-primary:hover,
.know-more-btn:hover {
  border: 2px solid white;
  background-color: transparent;
  opacity: 0.5 !important
}

/* hover effect for cta btn */
.cta-btn:hover svg path ,
.cta-btn:hover span{
  fill: #ffffff !important;
  color: #ffffff;
}

.dots-line {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.dot {
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
  margin: 0 5px;
}

.arrow-icon {
  margin-left: 0.5rem;
}

.cloud-image {

  background-repeat: no-repeat;
  position: relative;
  min-height: 20rem;
  background-size: cover;
 filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.000); 
}

.cloud-image:hover {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(1);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all .8s ease-in-out;
}

.cloud_wrapper {
  position: relative;
  background: white;
}

.cloud-content {
  background: #460073;
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.graphic-container {
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 100%;
}

.clould-img {
  background-image: url("....");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.value-card {
 background-color: #fff;
 color: #333;
 padding: 2.5rem 2rem;
 height: 100%;
 box-shadow: 0 19px 38px rgba(0,0,0,0.02), 0 15px 12px rgba(0,0,0,0.02);
  
}

.icon-container {
  color: #2251ff;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}



.icon-wrapper {
  display: inline-block;
  color: #2251ff;
  margin-bottom: 1rem;
}

.transparent-card {
  background-color: transparent;
  border-radius: 4px;
  height: 100%;
  transition: transform 0.3s;
  border: 1px solid #363636;
  padding: 2rem;
}

.transparent-card:hover {
  transform: translateY(-5px);
}

.transparent-card .divider {
  width: 50px;
  height: 4px;
  background-color: #2251ff;
  margin: 1rem 0;
}

.section-title {
  margin-bottom: 3rem;
}

.section-spacing {
  padding: 5rem 0;
}
.data_ai,
.salesforce-bg,
.bg-cloud {
  position: relative;
  height: auto;
  width: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
}

.bg-cloud::before {
  content: "";
  background-image: url("../images/cloud-content-bg.svg");
  background-size: cover;
  position: absolute;
  inset: 0;
  opacity: 0.5;
}

.oracle-cloud::before {
  background-image: url("../images/oracle-bg.svg");
}

.contact-cloud::before {
  background-image: url("../images/career-bg.svg");
}

.salesforce-bg::before {
  background-image: url("../images/salesforce-bg.svg");
  content: "";
  background-size: cover;
  position: absolute;
  inset: 0;
  opacity: 0.5;
}

.data_ai::before {
  background-image: url("../images/dataai-bg.svg");
  content: "";
  background-size: cover;
  position: absolute;
  inset: 0;
  opacity: 0.5;
}


.isloation {
  isolation: isolate;
}

.innerHero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("https://source.unsplash.com/random/1600x900/?architecture,bridge") no-repeat center center;
  background-size: cover;
  height: 45rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-position: center;
}


.innerHero-content {
  padding-top: 40px;
}

.innerBanner-text {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  z-index: 2;
  width: 54%;
}

.innerBanner-text h1 {
  font-size: 4.2rem;
  font-weight: 800;
}

.innerBanner-text p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.blue-text {
  color: #00a1e0;
}

.purple-text {
  color: #c064ff;
}

.form-section {
  padding: 50px 0;
}

.form-control {
  background-color: #222;
  border: none;
  color: #fff;
  padding: 12px;
  margin-bottom: 15px;
}

.form-control::placeholder {
  color: #777;
}

.form-label {
  margin-bottom: 8px;
}

.btn-submit {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 8px 30px;
  transition: all 0.3s ease;
}

.btn-submit:hover {
  background-color: #fff;
  color: #000;
}

.contact-info {
  background-color: #111;
  padding: 30px;
  padding-bottom: 60px;
}

.contact-email {
  color: #00a1e0;
  margin-bottom: 5px;
}

.section-title {
  margin: 30px 0 15px;
}

.gap-border,
.benefit-card ul li {
  border-bottom: 1px solid #202020;
  border-bottom: 1px solid #202020;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

.benefit-card ul li:last-child {
  border-bottom: none;
}

.benefit-card {
  margin: 3rem 0;
}

.accordion-header .accordion-button,
.benefit-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.wellness-list li {
  padding: 0.8rem 0;
}

.social-icons {
  margin-top: 20px;
}

.social-icons img {
  width: 30px;
  margin-right: 15px;
  filter: brightness(0) invert(1);
}

textarea.form-control {
  min-height: 120px;
}


.checkbox-container {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.checkbox-container input {
  margin-right: 10px;
  margin-top: 5px;
  flex-shrink: 0;
}

#oracleContactModal .modal-dialog {
  max-width: 650px;
}

#oracleContactModal .modal-body {
  padding: 1.5rem;
}

.checkbox-container span {
  display: inline-block;
  line-height: 1.4;
  min-width: 0;
}


.privacy-link {
  color: #00a1e0;
  text-decoration: none;
}

.privacy-link:hover {
  text-decoration: underline;
}

.office-info {
  margin-bottom: 20px;
}

.accordion-button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
  background-color: #000;
  color: #fff;
}

.accordion-item {
  border: none;
  border-top: 1px solid #373737;
  background-color: #000;
  border-radius: 0;
}

.founders-card p {
  color: #5ABEE7;
}

.founders-card a svg {
  color: #737373;
}

.impact-text {
  color: #ff4d94;
  background: linear-gradient(90deg, #2251ff, #ff4d94);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.global-text {
  color: #2251ff;
}

.innovators-text {
  color: #ff4d94;
}

.oracle-card {
  background-color: transparent;
  border-radius: 4px;
  height: 100%;
  transition: transform 0.3s;
  border: 1px solid #363636;
  padding: 1.2rem;
}

.purple-line {
  background-color: #2251ff;
  height: 4px;
  width: 60px;
  margin-bottom: 15px;
}

.section-title {
  font-size: 2rem;
  font-weight: 600;
}

.subsection-title {
  font-size: 1.8rem;
  margin-bottom: 20px;
}


.oracle-description {
  font-size: 0.9rem;
  color: #aaa;
}

.hero-section {
  height: 44rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-title {
  font-size: 3rem;
  font-weight: bold;
}


.hero-highlight {
  color: #e056fd;
  background: linear-gradient(90deg, #e056fd 0%, #5ea8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.partner-btn {
  background: linear-gradient(90deg, #e056fd 0%, #5ea8ff 100%);
  color: white;
  border: none;
  padding: 10px 25px;
  border-radius: 30px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.partner-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(224, 86, 253, 0.3);
  color: white;
}

.feature-icon {
  margin-right: 10px;
  opacity: 0.8;
}

.feature-text {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  opacity: 0.8;
}

.back-link {
  color: #fff;
  text-decoration: none;
}



.job-container .section-title {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.job-container ul {
  padding-left: 1.2rem;
}

.job-container li {
  padding: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.owl-carousel .item {
  /*padding: 20px;*/
  /*height: 440px;*/
  height: 100%;
}

.owl-carousel .owl-stage {
  display: flex;
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #4d4d4d;
}


.story-card {
  background-color: #fff;
  color: white;
  height: 100%;
  padding: 30px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

.story-title {
  font-size: 1.5rem;
  font-weight: 700;
}



.testbanner {
  background-repeat: no-repeat;

  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 82vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;

}

.testbanner:hover {
  filter: none;
}


.opacity {
  background-color: black;
  height: 100%;
  overflow: hidden;
}

.info {
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 0;
}

.info h1 {
  color: #e2950f;
}

.service-heading {
  font-size: 4rem;
  font-weight: 500;
}

.service-subhead {
  font-size: 2.25rem;
  font-weight: 800;
}

.transparent-title {
  font-size: 2rem;
  font-weight: 800;
}

.whitecard-heading {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 20px;
  color: #000;
}

.career-darktext-heading {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 20px;
  color: #000;
}
.career-darktext-text {
    font-size: 1.25rem;
    color: #000;
}

.career-lighttext-heading {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 20px;
  color: #fff;
}
.career-lighttext-text {
    font-size: 1.25rem;
    color: #fff;
}
.card-text {
  font-size: 1.25rem;
  color: #000;
}

.card-text-medium {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}

.innersec-white {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
}

.innersec-white-medium {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  padding-top: 20px;
}

.home-card-heading {
  font-size: 3.5rem;
  font-weight: bold;
}

.job-subtitle {
  font-size: 1.3rem;
  font-weight: 600;
  color: #000;
}

.job-subtitle-white {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}

.location {
  color: #4dabf7;
}

h1.heading-sec {
  font-size: 3rem;
  font-weight: 800;
}

.sec_subheading {
  font-size: 2rem;
  font-weight: 800;
}

.owl-dots {
  text-align: center;
  margin-top: 20px;
}

.owl-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #555 !important;
}

.owl-dot.active {
  background-color: #fff !important;
}

.owl-nav {
  position: absolute;
  width: 100%;
  top: 35%;
  transform: translateY(-50%);
}

.owl-prev,
.owl-next {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.owl-prev {
  left: -50px;
}

.owl-next {
  right: -50px;
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: transparent !important;
}

.spacer {
  height: 50vh;
}

/* Animation classes */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Different animation variations */
.fade-in {
  opacity: 0;
  transition: opacity 0.8s ease-in;
}

.fade-in.visible {
  opacity: 1;
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.scale-in {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scale-in.visible {
  opacity: 1;
  transform: scale(1);
}

.question-section {
  background-color: #161a24;
  padding: 3.8rem 0;
  text-align: center;
  /*margin-top: 4rem;*/
}



.btn-outline-gradient {
  position: relative;
  padding: 0.9rem 2rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.125rem;
}

.btn-outline-gradient::before {
  color: #fff;
  transition: all 0.3s;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, #DC902A, #2CA2ED);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.carousel .card {
  height: 100%;
}




.arrows {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 20px;
}

.arrows path {
  stroke: #ffffff;
  fill: transparent;
  stroke-width: 3px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}

@keyframes arrow {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }

  80% {
    opacity: 1;
    transform: translateY(50px)
  }

  100% {
    opacity: 0;
    transform: translateY(50px)
  }
}

@-webkit-keyframes arrow

/*Safari and Chrome*/
  {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }

  80% {
    opacity: 1;
    transform: translateY(50px)
  }

  100% {
    opacity: 0;
    transform: translateY(50px)
  }
}

.arrows path.a1 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  /* Safari and Chrome */
}


.moving-border {
  width: 200px;
  height: 300px;
  position: relative;
  background: #111;
  padding: 4px;
}

.moving-border::before,
.moving-border::after {
  content: "";
  position: absolute;
  inset: -0.2rem;
  z-index: -1;
  background: linear-gradient(var(--angle), #032146, #C3F2FF, #b00);
  animation: rotate 10s linear infinite;
}

.moving-border::after {
  filter: blur(10px);
}

@keyframes rotate {
  0% {
    --angle: 0deg;
  }

  100% {
    --angle: 360deg;
  }
}

.job-card {
  background-color: #fff;
    color: #121212;
    padding: 1.5rem 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job-apply-btn {
  background: transparent;
  color: #000000;
  border: 2px solid #000000;
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  width: 90%;
  transition: all 0.3s;
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;


}

.job-apply-btn:hover {
  opacity: 0.5;
}

.network-bg {
  background-color: /*#030b1c*/ #000;
  background-size: cover;
  background-position: center;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.fade-scale .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%) !important;
}

.modal::-webkit-scrollbar {
  display: none;
  /* Hides the scrollbar */
}

.modal-content {
  background: #000;
  border: solid 1px #4D4D4D;
}

.close-btn {
  background: none;
  border: none;
  color: white;
  font-size: 1.5rem;
}

.accordion {
  margin-top: 20px;
}

.accordion-item {
  background-color: transparent;
  border-color: #444;
  margin-bottom: 10px;
}

.findanwser .accordion-item {
  border: none;
  border-bottom: 1px solid #373737;
}

.accordion-button {
  background-color: transparent;
  color: #fff;
  padding: 15px;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #fff;
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
  color: #ccc;
  padding: 20px 15px;
  text-align: left;
}

.accordion-button:focus {
  outline: none;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.mobile-arrow {
  display: none;
}

.navbar-expand-xl .navbar-nav .nav-link {
  padding: 0 14px;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: #fff;
}

.mobile-src {
  display: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0px;
  /* size of chrome */
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text {
  position: absolute;
  color: white;
  right: 5%;
  bottom: 25%;
}

/*.founders-card img{
  height: 288px;
}*/

.grey-text {
  color: #CDCDCD;
}


.carousel img {
  width: 70px;
  max-height: 70px;
  border-radius: 50%;
  margin-right: 1rem;
  overflow: hidden;
}

.carousel-inner {
  padding: 1em;
}


.nav-item .dropdown-menu li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   
}

.nav-item .dropdown-menu li:last-child {
     border-bottom: none;
}

.nav-item .dropdown-menu .dropdown-item {
  color: #fff;
  padding: 15px;
}


.nav-item .dropdown-menu .dropdown-item:focus, 
.nav-item .dropdown-menu .dropdown-item:hover  {
  background: #0a1e3c8f;
    color: #2251ff;
    font-weight: bold;
}

.hero-title-new {
  font-size: 4.2rem;
    margin-bottom:0;
}
.hero-section h2 {
  
  font-size: 3rem;
}

.svg-container {
           
            position: relative;
        }
.home-bn-arrow {
             width: 40px;
            height: 40px;
            cursor: pointer;
            transform-origin: center;
            /* Static zoom transition */
            animation: zoomPulse 2s infinite alternate ease-in-out;
        }
        
        /* Static zoom animation */
        @keyframes zoomPulse {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.1);
            }
        }
        
        /* Right movement on hover - overrides the static animation */
        .svg-container:hover .home-bn-arrow {
            animation: moveRight 1.5s infinite ease-in-out;
        }
        
        @keyframes moveRight {
            0% {
                transform: translateX(0);
            }
            50% {
                transform: translateX(15px);
            }
            100% {
                transform: translateX(0);
            }
        }
        
      
        
        @keyframes arrowPulse {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(2px);
            }
        }


.home .service-card h2,
.home .service-card p,
.home .service-card li{
  color: #000;
}



.text-bn-grw{
   font-size: 1.2rem;
}

.home-bn-arrow-sec {
  width:28px;
  height: 28px;
}
.home-bn-arrow ,
.home-bn-arrow path,
.home-bn-arrow plygon,
.home-bn-arrow circle {
  color: #2251ff ;
  fill: #2251ff ;
}
.home-bn-grow {
  position: relative;
    padding: 0 10px;
    border-right: 1px solid #9d9d9d;
    background-clip: padding-box;
    overflow: hidden;
  font-size: 1.25rem;
    font-weight: 300;
  line-height: 1.5rem;
}
/*.home-bn-grow:first-child {
   padding-left: 0;
}

.home-bn-grow:last-child { border-right: 0;}*/

.home-bn-grow::before {
 position: relative;
    padding: 10px;
    border-right: 1px solid #9d9d9d;
    background-clip: padding-box;
    overflow: hidden;
    font-size: 1rem;
    
    font-weight: 300;
    line-height: 7px;
}

@keyframes borderAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}




.faded-border-bf:before,
.faded-border:after {
   background: -webkit-gradient(linear, left top, left bottom, from(var(--fade-direction, 90deg)), color-stop(transparent), color-stop(var(--transition-point-start, 25%)), color-stop(#fff), color-stop(var(--transition-point-end, 75%)), to(transparent));
    background: linear-gradient(var(--fade-direction, 90deg), transparent, var(--transition-point-start, 25%), #fff, var(--transition-point-end, 75%), transparent);
    content: "";
    display: block;
    height: 2px;
    margin: 20px;
    max-width: 50%;
    opacity: .15;
}

.impact-stories-one {
    color: #3285ff;
    background: linear-gradient(90deg, #96bbf2, #3285ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.action-click {
  cursor: pointer;
  font-size: 1.25rem;
}

.mobile-minus-arrow{
  display: none;
}

.nav-link.active, .nav-link:active {color: #1e90ff !important;}

.owl-item .story-card::before {background-color: transparent;}

.dropdown-item.active, .dropdown-item:active { background: transparent; color: #1e90ff !important;}

p span {
    text-decoration: none !important;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Search Overlay */
 .search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 1050;
  display: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.search-overlay.active {
  display: flex;
}

.search-container {
  width: 80%;
  max-width: 600px;
}

.search-form {
  position: relative;
}

.search-input {
  background-color: transparent !important;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  color: white;
  font-size: 1.5rem !important;
  padding: 10px 40px 10px 5px;
  width: 100%;
}

.search-input:focus {
  outline: none;
  border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.search-submit {
  position: absolute;
  right: 0;
  top: 10px;
  background: transparent;
  border: none;
  color: white;
}

.close-search {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 2rem;
  color: white;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* Custom button styling */
.desktop-src {
  background-color: transparent;
  border: none;
}

.search-page {
  padding-top: 8rem;
}

.carousel .card {
  margin: 0 0.5em;
  border: 0;

}

.carousel .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.carousel-control-prev,
.carousel-control-next {
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #4d4d4d
}

.carousel-control-prev {
  left: -3%;
}
.carousel-control-next  {
  right: -3%;
}
.faded-separator-alt {
      
      align-items: center;
      justify-content: center;
      margin: 30px 0;
    }
    .faded-separator-alt:after {
      background: linear-gradient(90deg, transparent, #ccc 25%, #ccc 75%, transparent);
      content: "";
      display: block;
      height: 2px;
      width: 100%;
      max-width: 100%;
 }

.value-card-dark {
  background-color: #040016;
  padding: 2.5rem 2rem;
  color: #fff;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 6%), 0 6px 20px 0 rgba(0, 0, 0, 0.01);
}
.story-title,
.story-card .innersec-white {
  color: #000;
}

.story-card .grey-text {
  color: #817a7a;
}



.home .service-list li {
  position: relative;
  padding-left: 40px; /* Adjust as needed for spacing */
  margin-bottom: 15px; /* Space between items */
  list-style-type: none;
}

.home .service-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px; /* Size of SVG */
  height: 18px; /* Size of SVG */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 128 128'%3E%3Cpath d='M79.9 98.9 114.8 64 79.9 29.1l-5.7 5.7L99.5 60H36v8h63.5L74.2 93.2zM16 60h8v8h-8z' fill='%23949494' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}


.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
  z-index: 99999;
  display: none;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.wpcf7-response-output {
    display: none !important;
}

.job-container p {
    font-size: 1.125rem;
}

.job-container .form-control {
    font-size: 1.125rem;
}

.codedropz-upload-handler{
  border: 1px solid #222;
  background-color: #222;
}

.codedropz-upload-inner h3{
  font-size: 20px;
}

.dnd-upload-status .dnd-upload-details .remove-file span:after {
    width: 23px;
    height: 23px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='white'/%3E%3C/svg%3E%0A");

}

.hero-section .home-bn-arrow {
    animation: zoomPulse 1s infinite alternate ease-in-out;
}

.sec_soft_subheading{
  font-size: 2.5rem;
}

.navbar img{
  max-width: 100%;
  height: 90px;
}


.hero-oracle{
  height: 48rem;
  }
  
  .home-banner-content, .banner-content-break {
  display: flex;
  }
#autocomplete-results{
  border-radius: 0;
  max-height: 300px;
  overflow-y: auto;
}
#autocomplete-results a {
  white-space: normal;
  line-height: 1.4;
}

#autocomplete-results small {
  font-size: 0.85rem;
}
#autocomplete-results .active {
  background-color: #007bff;
  color: white;
}

#autocomplete-results .list-group-item-action:hover,
#autocomplete-results .list-group-item-action.active {
  background-color: #A6DDF1;
  color: #555;
  font-weight: 400;
  border-left: 4px solid #1e90ff;
}

#autocomplete-results .list-group-item-action small {
  color: #ccc;
}

#autocomplete-results .list-group-item-action:hover small,
#autocomplete-results .list-group-item-action.active small {
  color: #eee;
}

#autocomplete-results .list-group-item-action {
  transition: all 0.2s ease;
}

@media only screen and (min-width: 993px) and (max-width: 1399px) {
  .home-banner-content {
  display: block;
}
  
  .home-banner-content .home-bn-grow {
    margin-bottom: 15px;
    
  }
  .home-banner-content .home-bn-grow:first-child {
    padding-left: 0;
  }
  
  
  .home-banner-content .home-bn-grow:last-child {border-right: 0;}
  
}

  .data-height-image {
  width: 100%;
   height: 100%;
   object-fit: cover;
  }

  .hero-title-home {
  width:60%;
}

/* Responsive CSS  */

@media screen and (min-width: 576px) {
  .carousel-inner {
    display: flex;
    width: 100%;
    margin-inline: auto;
    padding: 1em 0;
    overflow: hidden;
  }
}

/*@media screen and (min-width: 768px) {
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 3);
  }
}*/

/* Responsive adjustments */
/*@media (max-width: 576px) {
  .hero-title {
    font-size: 1.8rem;
  }

  .hero-subtitle {
    font-size: 1.1rem;
  }

  .feature-text {
    font-size: 0.9rem;
  }
}*/

@media (max-width: 768px) {
  .story-title {
    font-size: 24px;
  }

  .story-subtitle {
    font-size: 16px;
  }

  .story-content {
    font-size: 14px;
  }

  .owl-prev {
    left: -20px;
  }

  .owl-next {
    right: -20px;
  }

  .hero-title {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1.2rem;
  }
  .navbar img{
  	margin-top:-12px;
  }
}

@media (max-width: 992px) {
  .hero-section h2,
  .hero-title {
    font-size: 2.5rem;
  }
  
  .home-bn-grow {
    padding: 5px 0;
        border-right: 0;
  }

  .hero-subtitle {
    font-size: 1.5rem;
  }

  .navbar-nav {
    flex-direction: column !important;
    margin-top: 10px;
    background: #000;
  }

  .nav-link {

    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
  }

  .mobile-arrow {
    display: block;
  }

  .navbar .btn-contact {
    margin-top: 15px;
    margin-left: 15px;
    width: 93%;
  }

  .navbar-toggler {
    border: none;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }
  
.nav-item .dropdown-menu.show {
background: #3a404975;
width: 100%;
padding: 0 15px;
margin: 15px 0 10px;
border: none;
  border-radius: 0;
}
  
  .dropdown-toggle::after {
    display: none;
  }
.nav-item .dropdown-menu li:last-child {
  padding-bottom:  0;
}
  
.nav-item .dropdown-menu.show .dropdown-item {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
  padding: 15px 0;
}



  .desktop-src {
    display: none;
  }

  .mobile-src {
    display: block;
  }

  .mobile-header-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .service-section.home {
/*    padding: 20px 0;*/
      padding: 0 0;
  }

.hero-section h2
  h1.hero-title,
  .innerBanner-text h1 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .btn,
  .card-text,
  .innerBanner-text p {
    font-size: 1.25rem;
    line-height: 1.4rem;
  }
  
  .data-ai-header .break-heading {
  width: 66%;
    display: block;
  }

  .navbar-brand svg {
    height: 30px;
    width: 121px;
  }


  footer .nav-colum {
    text-align: left;

    display: flex;
    flex-direction: column;

    justify-content: center;

  }

  .footer-nav {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 40%;
  }

  .end-footer,
  .footer-logo {
    text-align: center;
  }

  .footer-logo a {
    background: #000;
    border-radius: 58%;
    padding: 40px 20px;
  }

  .header-mobile-menu {
    flex-direction: column !important;
    margin-top: 10px;
    background: #000;
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 1000;
    padding: 20px;
    overflow-y: auto;
  }

  .header-mobile-menu .nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 0 ;
  }
  
  .innerBanner-text { width: 76%;}
  .owl-carousel .item {
    height: 100%;
}

.founders-card img{
  width: 100%;
  height: auto;
}

.nav-link.active {
  border-bottom: 0;
}
.dropdown-item.active{border-bottom: 0;}

.cloud-dropdown{
  display: none;
}

.navbar-expand-xl .navbar-nav .nav-link {
  padding: 0;
}

.mobile-cloud-button{
    position: absolute;
    right: 0;
    top: 18px;
    padding-left: 80%;
    height: 25px;
}

.nav-item .dropdown-menu .dropdown-item:focus, 
.nav-item .dropdown-menu .dropdown-item:hover  {
  /*background: #0a1e3c8f;*/
    color: #fff !important;
}

.search-page {
  padding-top: 5rem;
}

.wpcf7-response-output{
  text-align: center;
}
  
  .mobile-career-dark {
        background-color: #040016 !important;
      
  }
.mobile-career-white {
        background-color: #fff !important;
  }
  
.mobile-career-white-text { 
  color:#fff;}

  .mobile-career-dark-text {
  color:#000;}
  
.home-banner-content, .banner-content-break {
  display: block;
}
  .benefit-card {
    margin: 1rem 0;
}

.service-card{
  margin-bottom: 0;
}

}

@media screen and (max-width: 1200px) {

  .team::after,
  .ourservice::after,
  .why-us-section::after,
  .impact-stories::after {
    display: none;
  }

  .team,
  .impact-stories {
    padding-top: 0;
  }
}

/* WP Admin Bar Fix DON'T DELETE */
.admin-step {
  margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-step {
    margin-top: 46px !important;
  }

  .admin-step .header-mobile-menu {
    margin-top: 60px !important;
  }
  .innerBanner-text { width: 78%;}

}


/* for wp submit extra class */

.wpcf7-list-item {
  margin: 0 !important;
}

.wpcf7-spinner {
  width: 0 !important;
  margin: 0 !important;
}

.container-imapct {
  margin: 0 auto;
  width: 94%;
}
@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
     padding: 12px 0;
    border-radius: 0;
    background-color: transparent;
    border: 0;
   
  }
  
  .dropdown-style{
    background: rgb(0 0 0 / 75%);
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0;
    border-radius: 0;
   margin-left: 10px;
    
  }
  
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
 
.carousel-item {
  display: block;
  margin-right: 0;
  flex: 0 0 calc(100% / 2);
  }

}

@media screen and (min-width:1199px) {
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 2);}
}

@media screen and (min-width:1399px) {
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 3);}
}

@media screen and (max-width: 991px) {
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
.colum-reverse {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

/* Responsive CSS  */

/*.container-imapct {
  margin: 0 auto;
  width: 86%;
}*/

@media screen and (max-width: 768px) { 
  .home-bn-grow {
    padding: 5px 0;
  }
  
  .hero-section {
                padding: 3rem 0;
     }
}

@media screen and (max-width:1435px) {
 .hero-oracle{
  height: 53rem;
  }
}
@media screen and (max-width:1200px) {
 .hero-oracle{
   height: 57rem;}
  
  .oracle-text {
    width: 70%;
  }
.career-box .value-card,
  .career-box .value-card-dark
  {padding: 2rem 1rem;}
}

@media screen and (max-width: 992px) {
 
  .hero-title-home {
  width:91%;} 
  
  .hero-oracle{
  height: 45rem;
  }
  .oracle-text {
    width: 90%;
      }
}
@media (max-width: 576px) {
  .hero-section h2, .hero-title {
    font-size: 2.5rem;
  }

  .hero-subtitle {
    font-size: 1.1rem;
  }

  .feature-text {
    font-size: 0.9rem;
  }
  
  .innerBanner-text { width: 90%;}
}

@media (min-width: 601px) {
  /* Your tablet-specific styles here */
 .cloud-image{
    min-height: 33rem;
 }
}


@media only screen and (max-device-width: 1365px){
  .container-imapct {
    margin: 0 auto;
    width: 88%;
  }
}

.cta-btn, .cta-btn:active {
  color: #3dcbff;
}

.cta-btn path , .cta-btn plygon , .cta-btn circle {
  color: #3dcbff;
  fill: #3dcbff;
}

.home-cta-btn{
  margin-left: 20px;
  bottom: 4px;
}

/*.iti {
  --iti-path-flags-1x: url('../vendors/intl-tel-input/img/flags.webp');
  --iti-path-flags-2x: url('../vendors/intl-tel-input/img/flags@2x.webp');
  --iti-path-globe-1x: url('../vendors/intl-tel-input/img/globe.webp');
  --iti-path-globe-2x: url('../vendors/intl-tel-input/img/globe@2x.webp');
}*/

/* CSS for ISD code Dropdown  */
.iti{
  display: block !important;
}
/* Phone input field */
.iti input[type="tel"] {
  background-color: #1e1e1e;
  color: #f1f1f1;
  /*border: 1px solid #444;*/
  outline: none;
}
.iti input[type="tel"]:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
/*.iti input[type="tel"]:focus {
  background-color: #1e1e1e;
  color: #f1f1f1;
  border: 1px solid #444;
  outline: none;
}*/

/* Placeholder color (optional) */
.iti input::placeholder {
  color: #aaa;
}

/* Dropdown (country list) */
.iti__country-list {
  background-color: #2a2a2a;
  color: #fff;
  border: 1px solid #444;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  padding-left: 0 !important;
}

/* Hover/selected item in dropdown */
.iti__country:hover,
.iti__country.iti__highlight {
  background-color: #444;
  color: #fff;
}

/* Flag dropdown arrow */
.iti__flag-container {
  background-color: #1e1e1e;
  border-right: 1px solid #444;
}

/* Search input in dropdown (if enabled) */
.iti__search-input {
  background-color: #1e1e1e;
  color: #f1f1f1;
  border: 1px solid #444;
}

@media only screen and (min-device-width : 992px) {
  .iti--inline-dropdown .iti__dropdown-content{
    width : max-content !important;
  }
}

.cf7-alert-modal{
  z-index: 9999;
}

.terms-card {
  margin: 3rem 0;
}

.terms-card .number-list{
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 0;
}

.terms-card .bullet-list{
  list-style-type: disc;
  font-weight: 400;
}

.custom-bg {
    background: #000;
}


@media (prefers-color-scheme: dark) {
    .custom-bg {
        background: #000;
        color: white !important;
    }
}
@media (min-width: 992px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0 8px; /* or even 0 8px */
    font-size: 0.97rem;  /* adjust as needed */
  }
}
/* ==========================
   Solutions Adjustments
   ========================== */

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}

.animate-fade-up { animation: fadeInUp 0.8s ease-out forwards; }
.animate-fade-left { animation: fadeInLeft 0.8s ease-out forwards; }
.animate-fade-right { animation: fadeInRight 0.8s ease-out forwards; }

/* Solutions Section */
.middle-section {
  background: var(--primary-dark);
  padding: 100px 0 80px; 
  position: relative;
  z-index: 2;
}
/* Reduce side spacing (container padding) */
.middle-section .container {
  max-width: 100%;      
  padding-left: 30px;  
  padding-right: 30px;  
}


.solution-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 0;
  height: 100%;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
  z-index: 3;
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-content {
  flex-grow: 1; /* makes content expand so button is pushed */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.learn-more-btn {
  align-self: center; 
  margin-top: auto; 
}
.solution-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(30, 144, 255, 0.3);
}

.card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
  transition: transform 0.4s ease;
}

.solution-card:hover .card-image { transform: scale(1.05); }

.card-content { padding: 25px; }

.card-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--action-color);
}

.card-description {
  color: var(--text-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}

.card-features {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}

.card-features li {
  color: var(--text-muted);
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}

.card-features li::before {
  content: '•';
  color: var(--action-color);
  position: absolute;
  left: 0;
  font-weight: bold;
}

.learn-more-btn {
  background: var(--gradient-blue);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.learn-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(34, 81, 255, 0.4);
  color: white;
}

.feature-card {
  text-align: center;
  padding: 2rem;
  background: var(--card-bg, #111); /* fallback color */
  border-radius: 20px;
  border: 1px solid var(--border-color, #222);
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.feature-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(30, 144, 255, 0.1) 0%, transparent 70%);
  transform: scale(0);
  transition: transform 0.4s ease;
}

.feature-card:hover::before {
  transform: scale(1);
}

.feature-card:hover {
  transform: translateY(-10px);
  border-color: var(--action-color, #1e90ff);
  box-shadow: 0 15px 30px rgba(30, 144, 255, 0.2);
}

.feature-icon {
  width: 80px;
  height: 80px;
  background: var(--gradient-blue, linear-gradient(45deg, #1e90ff, #00cfff));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 2rem;
  color: white;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

.feature-card:hover .feature-icon {
  transform: scale(1.1);
  animation: pulse 1s ease;
}

.feature-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-light, #fff);
  position: relative;
  z-index: 1;
}

.feature-description {
  color: var(--text-muted, #ccc);
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .why-us-section {
    padding: 50px 0;
  }

  .feature-card {
    padding: 1.5rem;
  }

  .feature-title {
    font-size: 1.3rem;
  }

  .feature-icon {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
}
/* Partners Section */
.partners-section {
  padding: 40px 0;
  background: var(--card-bg);
}

.partners-grid {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.partner-logo {
  opacity: 1;
  transition: all 0.3s ease;
  filter: brightness(0) invert(1);;
  max-height: 60px;
  width: auto;
}

.partner-logo:hover {
  transform: scale(1.1) rotate(2deg);
  opacity: 1;
  filter: none;
}

/* Section Title */
.section-titlee {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 4rem;
  color: var(--text-light);
}

/* Responsive for Partners */
@media (max-width: 768px) {
  .partners-grid {
    justify-content: center;
  }

  .partner-logo {
    max-height: 40px;
  }

  .section-titlee {
    font-size: 2.5rem;
  }
}
/* CTA Section */
.cta-section {
  background: #000;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.cta-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: white;
  margin-bottom: 2rem;
  text-align: center;
}

.cta-title span {
  color: #1e90ff; /* Highlighted text */
}

/* Contact Info & Signup Form */
.contact-info,
.signup-form {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  height: 100%;
}

.contact-info h5,
.signup-form h5 {
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.contact-info p {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.contact-info i {
  margin-right: 10px;
  width: 20px;
  color: #1e90ff; /* Icon color */
}

/* Signup Form Input & Button */
.signup-form .form-control {
  width: 100%;
  padding: 12px 15px;
  border-radius: 10px;
  border: none;
  margin-bottom: 1rem;
}

.btn-signup {
  background: #1e90ff;
  color: white;
  border: none;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-signup:hover {
  background: #0f70d4;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(30, 144, 255, 0.4);
}


/* Responsive */
@media (max-width: 768px) {
  .cta-title {
    font-size: 2rem;
  }

  .contact-info,
  .signup-form {
    margin-bottom: 2rem;
  }
}


/* Scroll animations */
.scroll-animate {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}

.scroll-animate.animate {
  opacity: 1;
  transform: translateY(0);
}

.stagger-animate {
  animation-delay: var(--delay, 0s);
}
.page-wrapper{
  margin-top: 5rem;
  font-family: 'Funnel Sans';
}
/* Style the Features list */
.container .mt-4 ul li {
  font-size: 1.1rem;   /* Increase text size (adjust to 1.2rem if you want bigger) */
  line-height: 1.6;    /* Better readability */
  margin-bottom: 15px; /* Space between each point */
}
.container .mt-4 p{
 font-size: 1.1rem; 
}
.col-md-7 .card-text{
  font-size: 1.2rem;
}
.badge {
  background-color:rgb(212, 235, 242) ;
}
.subscribe {
  background: var(--gradient-blue);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.subscribe:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(34, 81, 255, 0.4);
  color: white;
}

/*css for know more button*/
.svg-container.know-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px; /* wider button */
  background: #1e90ff;
  color: white;
  border-radius: 50px; /* fully rounded edges */
  border: none;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.svg-container.know-more:hover {
  background: white;
  color: #1e90ff;
  border-color: #1e90ff;
  box-shadow: 0px 0px 12px rgba(30,144,255,0.5);
}

/* Change SVG arrow color */
.svg-container.know-more svg path {
  fill: #fff !important;
  transition: fill 0.3s ease;
}

.svg-container.know-more:hover svg path {
  fill: #1e90ff !important;
}
/* css for partners with us btn*/
/* Default icon color */
a.svg-container.partner-btn svg path { /*making arrow icon white */
  fill: #ffffff !important;
  transition: fill 0.3s ease;
  cursor: pointer;
  
}

/* Hover state */
a.svg-container.partner-btn:hover {
  background: #ffffff !important;
  color: black !important; 
  opacity: 1 !important;
  cursor:pointer;
  transform: translateY(0) !important;
  box-shadow: none !important;
  border: 2px solid #ffffff
}

/* Hover icon color */
a.svg-container.partner-btn:hover svg path { /*making arrow blue when hover*/
  fill: #2251ff !important;
}

/* Fix vertical alignment inside button */
a.svg-container.partner-btn {
  display: inline-flex;
  align-items: center;      /* vertical centering */
  pointer-events: auto;
  z-index: 2;
  background: transparent !important;
  border: 2px solid #ffffff;
}

/* Fix text line-height to prevent pushing SVG downward */
a.svg-container.partner-btn span {
  line-height: 1;   
}
/*Oracle-link styling*/
.oracle-link {
  pointer-events: none;
  text-decoration: none;
}

.oracle-link-text {
  pointer-events: auto;
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: #ffffff;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  cursor: pointer;
}

.oracle-link-text:hover {
  color: #1e90ff;
}

.oracle-cta {
  margin-top: 40px;
}

/* Mobile view */
@media (max-width: 576px) {
  .oracle-cta {
    margin-top: 8px;
  }
  .oracle-link-text {
    text-underline-offset: 2px;
    text-decoration-thickness: 1.6px;
  }
}

/*Footer Links CSS*/

.footer-col {
  position: relative; 
  margin-left: 20px;
}

/* Vertical line */
.footer-divider-right::after{
  content: "";
  position: absolute;
  top: 0;
  right: -15px;      
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}
/* FORCE footer columns to stay in one row */
.footer-main-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
}

/* Each footer column */
.footer-main-row > .footer-col {
  flex: 0 0 25%;
  max-width: 25%;
}

/* Footer links – default */
.footer-links a,
.footer-sub-links a {
  color: #ffffff;              
  text-decoration: none;
  font-weight: 400;
  display: inline-block;      
  margin-bottom: 6px;
  list-style: none;
  padding-left: 0;
}

/* Hover state */
.footer-links a:hover,
.footer-sub-links a:hover {
  color: #1e90ff;          
  text-decoration: none;
}

/* Footer link lists */
.footer-links {
  margin-top: 0;
  padding-left: 0;
  list-style: none;
}

/*=========================
  MOBILE FOOTER FIX
========================= */
@media (max-width: 768px) {

  /* Stack footer sections */
  .footer-main-row {
    display: flex !important;
    flex-direction: column !important;
    text-align: left;
  }

  /* Footer columns */
  .footer-main-row > .footer-col {
    width: 100%;
    max-width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    height: 1px; width: calc(100% - 40px);
    /* Horizontal divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  /* Remove divider after last section */
  .footer-main-row > .footer-col:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .footer-divider-right::after,
  .footer-col::after,
  .footer-col::before {
    display: none !important;
    content: none !important;
  }
}

/* FLOATING BUTTON */
.campaign-float-btn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 12px;

    background: #000;
    color: #fff;
    padding: 14px 22px;
    border-radius: 40px;

    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
    transition: transform .3s ease, box-shadow .3s ease;
}

.campaign-float-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.3);
    color: #fff;
    cursor:pointer;
    text-decoration: none !important;
}

.campaign-float-text {
    color: #fff;
}

/* SVG container */
.campaign-float-arrow {
    width: 22px;
    height: 22px;
}

/* Circle background */
.campaign-float-arrow circle {
    fill: #fff; /* same as button */
}

/* Arrow icon */
.campaign-float-arrow path {
    fill: #1e90ff; /* blue arrow */
}

/* MOBILE */
@media (max-width: 768px) {
    .campaign-float-btn {
      right: 16px;
      bottom: 16px;
      padding: 12px 18px;
    }
}

/* Thank you Page css keep text above overlay */
.thank-you-hero .container {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin-bottom: 50px;
	display:flex !important;
    justify-content:center !important;
}

.thank-you-hero .innerBanner-text{
    width:100% !important;
    max-width:700px !important;
    margin:0 auto !important;
    padding:0 20px !important;
    text-align:center !important;
    position:static !important;
    transform:none !important;
}

@media (max-width: 768px) {
    .thank-you-hero {
        min-height: auto; 
        padding: 80px 20px; 
    }
    .thank-you-hero .container {
         margin-bottom: 150px;
    }
}

@media (min-width: 1024px) {
  .case-heading {
    font-size: 3rem;
  }
}

/*resources section*/
.resource-hero-banner {
  position: relative;
  height: 320px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  text-align: left;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
}

.hero-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 10px;
}

.hero-breadcrumb {
  font-size: 1rem;
  color: #fff;
}

.latest-resource-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: 50px;

}

/* IMAGE */
.latest-resource-image img {
  width: 100%;
  height: 100%;
  display: block;
}

/* CONTENT */
.latest-resource-content {
  padding: 15px;
  background-color: #f8f2f2;
  color: #000;
}

/* DESKTOP */
@media (min-width: 768px) {

  .latest-resource-card {
    flex-direction: row;
  }

  .latest-resource-image {
    width: 50%;
  }

  .latest-resource-content {
    width: 50%;
    padding: 30px;
  }
}


/* CARD */
.resource-card {
  background: #111;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: all .3s ease;
  border: 1px solid rgba(134, 132, 132, 0.792);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0px 10px 10px;
}

.resource-card:hover .resource-card-img img {
  transform: scale(1.08);
}

.resource-card-img img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

/* DESKTOP */
@media (min-width: 1200px) {

  .resource-card-img img {
    height: 190px;
  }
}

/* TAB VIEW */
@media (max-width: 1000px) {

  .resource-card-img img {
    height: 190px;
  }
}

/* MOBILE VIEW */
@media (max-width: 767px) {

  .resource-card-img img {
    height: 190px;
  }
}

.resource-card-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.resource-card-content h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  min-height: 100px;
}

.resource-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.resource-date {
  font-size: .85rem;
  color: #7a7878;
  margin-bottom: 10px;
}

.resource-desc {
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  /* pushes download button to bottom */
  min-height: 80px;
  max-height: calc(1.6em * 4);
}


.svg-container.download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
  background: #1e90ff;
  color: white;
  border-radius: 50px;
  font-weight: 500;
  font-size: 1rem;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  margin-top: 18px;
  width: 50%;
}

.svg-container.download-btn:hover {
  background: white;
  color: #1e90ff;
}

/* SVG sizing for download button */
.svg-container.download-btn svg {
  width: 20px;
  height: 20px;
}

/* Change SVG arrow color */
.svg-container.download-btn svg path {
  fill: #fff !important;
  transition: fill 0.3s ease;
}

.svg-container.download-btn:hover svg path {
  fill: #1e90ff !important;
}

.resource-carousel {
    padding: 0 0 40px 0;
}

/*search bar CSS*/
/* Resource Filter Section */
.resource-filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Search Input */
.resource-search-input {
  width: 260px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #444;
  border-radius: 6px;
  background: #111;
  color: #fff;
}

/* Placeholder color */
.resource-search-input::placeholder {
  color: #aaa;
}

/* Focus state */
.resource-search-input:focus {
  outline: none;
  border-color: #fff;
}

/* ---------------single resource (for blog & announcement)-------------- */
.resource-banner-content {
  padding-top: 110px;
  padding-bottom: 10px;
}

.resource-banner-title {
    font-size: 40px;
    font-weight: 600;
    max-width: 60%;
    margin-top: 10px;
    line-height: normal;
}

@media (max-width: 768px) {
  .resource-banner-content {
    padding-top: 110px;
  }

  .resource-banner-title {
    font-size: 26px;
    max-width: 80%;
  }
}

.resource-breadcrumb a{
    color:#fff !important;
}

.resource-single-content li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.resource-single-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin:  0;
}

.related-resource-image img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}


/*Single resource Page content*/
.resource-single-body {
  padding-bottom: 40px;
}

.resource-single-row {
  align-items: flex-start;
}

.resource-single-content{
    max-width:100%;
    color:#f3f0f0;
    font-size:20px;
    line-height: 1.6;
    font-weight:500;
    padding-right: 10px;
}

@media (max-width: 767px) {
  .resource-single-content {
    font-size: 16px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

.resource-toc-wrapper{
    position:sticky;
    top:110px;
    background:#11141B;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    overflow:visible;
    margin-bottom:10px;
}

.resource-toc-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color:  #7B8594;
}

.resource-toc ul{
    list-style:none;
    padding:12px;
    margin:0;
}

.blog {
  overflow-wrap: break-word;
  word-break: break-word;
  color:#c9cfd8;
  margin-bottom:26px;
}

.resource-toc a{
    display:block;
    padding:14px 16px;
    color:#9098A5;
    text-decoration:none;
    font-size:16px;
    line-height:1.5;
    border-radius:6px;
    transition:.25s;
}

.resource-toc a:hover{ color:#4d7dff;}
  .resource-toc a.active{ color:#4d7dff; }
  .resource-toc a.active .toc-num{color:color:#4d7dff;}
  .rsource-toc-num{
    
    font-size:11px;
    color:#99a2b0;
    padding-top:1px;
    flex-shrink:0;
  }

.resource-toc a.resource-toc-link-sub {
  margin-left: 12px;
  font-size: 0.9rem;
}

.resource-single-content h2,
.resource-single-content h3,
.resource-single-content h4 {
  scroll-margin-top: 120px;
  color: #fff;
}

/* ----timeline -----*/
.resource-timeline{
  position:relative;
  padding-left:50px;
}
.resource-timeline::before{
  content:"";
  position:absolute;
  left:8px;
  top:0;
  bottom:0;
  width:2px;
background:linear-gradient(
    #4f8cff,
    #7d67ff,
    #2de3a6
  );

}

/* ----CTA------- */
.resource-cta{
  margin-top:16px;
  padding:26px 28px;
  border-radius:6px;
  background:#0e1116;
  border:1px solid rgba(142, 229, 250, 0.865);
  position:relative;

}
.resource-.cta::before{
  content:"";
  border-radius:6px;
  padding:1px;
  background: var(--dot, #4F86F7) var(--blue, #4F86F7);
  box-shadow:
    0 0 0 4px #1F1F1F,
    0 0 14px 1px #4F86F7;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.5;
  pointer-events:none;
  }
.resource-cta p{margin-bottom:0; color:var(--text-dim); font-size:15.5px;}
.resource-cta .link{color:var(--green); border-bottom-color:rgba(52,211,153,.35);}
.resource-cta .link:hover{border-bottom-color:var(--green);}


  
/*prevents <> image display in resource single page*/
.gprev,
.gnext {
    display: none !important;
}


html,
body{
    overflow: visible;
}

.resource-single-page{
    overflow-x:hidden;
}


article {
    position: relative;
}
 .spine{position:relative; padding-left:30px;}
  .spine::before{
    content:"";
    position:absolute;
    left:5px; top:6px; bottom:6px;
    width:1px;
    background:linear-gradient(180deg, #4c8cff, #8b7cf6 45%, #34d399 85%, transparent);
    opacity:.55;
  }

  section.block{margin-top:56px; scroll-margin-top:32px;}
  section.block:first-of-type{margin-top:40px;}

 .resource-timeline h2{
    
    font-weight:600;
    font-size:26px;
    letter-spacing:-.005em;
    position:relative;
    margin:24px 0px 18px 0px;
    padding-top:2px;
    line-height: normal;
  }
  .resource-timeline h2::before {
content:"";
    position:absolute;
    left:-46px; 
    top:12px;
    width:11px; 
    height:11px;
    border-radius:50%;
    background:#4c8cff;
    box-shadow:0 0 0 4px #07080a, 0 0 14px 1px #4c8cff;
  );
}
  section.block:nth-of-type(3n+1) h2::before{background:#4c8cff; box-shadow:0 0 0 4px #07080a, 0 0 14px 1px #4c8cff;}
  section.block:nth-of-type(3n+2) h2::before{background:#8b7cf6; box-shadow:0 0 0 4px #07080a, 0 0 14px 1px #8b7cf6;}
  section.block:nth-of-type(3n+3) h2::before{background:#34d399; box-shadow:0 0 0 4px #07080a, 0 0 14px 1px #34d399;}


   p.blog strong{color:#edf0f4; font-weight:600;}
  .link{color:#4c8cff; text-decoration:none; border-bottom:1px solid rgba(76,140,255,.35);}
  .link:hover{border-bottom-color:#4c8cff;}

  figure{
    margin:28px 0 32px;
    border:1px solid rgba(255,255,255,0.09);
    border-radius:6px;
    overflow:hidden;
    background:#0e1116;
  }
  figure img{width:100%;}
  figcaption{
   
    font-size:15px;
    color:#fff;
    padding:10px 16px;
    border-top:1px solid rgba(255,255,255,0.05);
    letter-spacing:.02em;
  }

 /* ---------- FAQ ---------- */
  .faq-item{
    border:1px solid rgba(255,255,255,0.09);
    border-radius:6px;
    background:#0e1116;
    padding:20px 22px;
    margin-bottom:14px;
  }
  .faq-q{
    display:flex; gap:12px;
    
    font-weight:600;
    
    color:#edf0f4;
    margin-bottom:10px;
  }
  .faq-q .tag{monospace; color:#4c8cff; font-weight:600; flex-shrink:0;}
  .faq-a{display:flex; gap:12px;}
  .faq-a .tag{monospace; color:#34d399; font-weight:600; flex-shrink:0;}
  .faq-a p{margin-bottom:0; font-size:15.5px;}
 
  /* ---------- reveal animation ---------- */
  .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    html{scroll-behavior:auto;}
  }

  @media (max-width:900px){
    .layout{grid-template-columns:1fr; gap:28px;}
    .toc{position:static;}
   
  }
  @media (max-width:560px){
    .shell{padding:0 18px;}
  
    .spine{padding-left:24px;}
    h2::before{left:-24px;}
  }
 a.resource-lightbox[href^="mailto:"] {
  white-space: nowrap;
  word-break: keep-all;
} 
  @media (max-width: 600px) {
  a.resource-lightbox[href^="mailto:"] {
    display: inline-block;
    margin-top: 4px;
  }
   .faq-item,.resource-cta { padding: 20px;}
  .resource-timeline {padding-left: 40px;}
 .resource-cta a {overflow-wrap: anywhere; word-break: break-word;}
 .resource-timeline h2::before {left: -37px; top: 15px;}
}

@media (max-width: 367px) {
 .faq-item,.resource-cta { padding: 15px;}

}
@media (max-width: 340px) {
 .faq-item,.resource-cta { padding: 12px;}
     .resource-timeline h2::before { left: -17px;top: 15px;}
 .resource-timeline {padding-left: 22px;}
 .resource-timeline h2::before { width: 7px;height: 7px;
}
}


/* ── Agentforce Page – Strip ── */
.strip {
  background:linear-gradient(
    #0250e2,
    #4c91eb
  );
  padding: 30px 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 150px;
  width: 100%;
  box-sizing: border-box;
  gap: 24px;
}

.strip_label {
  display: inline-block;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 30px;
  text-transform: uppercase;
  width: fit-content;
  letter-spacing: 0.6px;
  white-space: nowrap;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.strip_content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.strip_heading {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  margin: 10px 0 4px;
  line-height: 1.3;
}

.strip_desc {
  color: rgba(255, 255, 255, 0.88);
  font-size: 20px;
  margin: 0;
  line-height: 1.5;
}

.strip_btn {
  display: inline-block;
  background: #ffffff;
  color: #1a73e8;
  padding: 13px 28px;
  border-radius: 26px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  border: 2px solid #ffffff;
  margin:auto;
  margin-top: 60px;
}

.strip_btn:hover {
  background: transparent;
  color: #ffffff;
  text-decoration: none;
}

/* ── Mobile: stack vertically ── */
@media (max-width: 768px) {
  .strip {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 20px;
    gap: 16px;
    min-height: unset;
  }

  .nx-promo-strip__btn {
    width: 100%;
  }
  .strip_btn {
        align-self: flex-start;
        margin-top: 10px;
        margin-left: 0;
    }
 .strip_heading {
    font-weight:700;
    font-size: 24px;
  }
}
/* YouTube Thumbnail */
.video-container{
    position:relative;
    overflow:hidden;
    border-radius:10px;
}

.video-container img{
    width:100%;
    display:block;
}



/* Localized System variables mapped directly from target template styling */
  :root {
    --bg: #07080a;
    --bg-elev: #0e1116;
    --bg-elev-2: #131720;
    --border: rgba(255, 255, 255, 0.08);
    --border-soft: rgba(255, 255, 255, 0.04);
    --text: #edf0f4;
    --text-dim: #99a2b0;
    --text-faint: #616a78;
    --blue: #4c8cff;
    --purple: #8b7cf6;
    --green: #34d399;
    --brand-blue: #2251ff; /* Updated primary brand color */
    --funnel-font: 'Funnel Sans', sans-serif;
  }

  /* Structural Scoping - Optimized Padding for Compactness */
  .pe-hiring-container {
    font-family: var(--funnel-font);
    background-color: var(--bg);
    color: var(--text);
  }


  /* ============ HERO ============ */
  .pe-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border-soft);
    padding: 88px 0 72px;
    margin-top: 50px;
  }

  .pe-hero::before {
    content: "";
    position: absolute;
    top: -220px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 500px;
    background: radial-gradient(closest-side, rgba(34, 81, 255, 0.35), rgba(34, 81, 255, 0) 70%);
    pointer-events: none;
  }

  .pe-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%);
    pointer-events: none;
  }

  .pe-hero-inner {
    position: relative;
    z-index: 1;
  }

  .pe-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--blue);
    background: rgba(76, 140, 255, 0.08);
    border: 1px solid rgba(76, 140, 255, 0.18);
    border-radius: 20px;
    padding: 6px 14px;
  }

  .pe-eyebrow .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15);
  }

  .pe-hero h1 {
    font-family: var(--funnel-font);
    font-weight: 800;
    font-size: clamp(34px, 4.6vw, 54px);
    letter-spacing: -0.02em;
    line-height: 1.08;
    color: var(--text);
    max-width: 15ch;
  }

  .pe-hero-sub {
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 600;
    color: #d6dae2;
    max-width: 42ch;
    line-height: 1.4;
  }

  .pe-hero-subtext {
    font-size: 15.5px;
    color: var(--text-dim);
    max-width: 52ch;
    line-height: 1.6;
  }

  .pe-hero-facts {
    border-top: 1px solid var(--border-soft);
    padding-top: 24px;
  }

  .pe-fact {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .pe-fact-icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--bg-elev-2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue);
  }

  .pe-fact-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-faint);
    margin-bottom: 2px;
  }

  .pe-fact-value {
    font-size: 14.5px;
    color: var(--text);
    line-height: 1.4;
  }

 .pe-hero-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .pe-hero-cta-note {
    font-size: 13px;
    color: var(--text-faint);
  }

  /* Compact Right Sidebar Box */
  .pe-sidebar {
    border: 1px solid var(--border);
    background: var(--bg-elev);
    border-radius: 6px;
  }

  @media (min-width: 992px) {
    .pe-sidebar {
     position: -webkit-sticky;
  position: sticky !important;
  top: 94px !important;
  align-self: flex-start; /* important if parent is a flexbox */
  height: fit-content;
    }
  }

  .pe-sidebar-title {
    font-family: var(--funnel-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--text-faint);
    border-bottom: 1px solid var(--border-soft);
  }

  .pe-meta-label {
    font-size: 12px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
  }

  .pe-meta-value {
    font-size: 16px;
    color: var(--text);
    line-height: 1.4;
  }

  .pe-section {
    scroll-margin-top: 24px;
  }

 .pe-section-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-faint);
    margin-bottom: 8px;
  }

  /* Streamlined Typography */
  .pe-main-flow h2 {
    font-family: var(--funnel-font);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -.01em;
    color: var(--text);
  }
 
  .pe-main-flow p {
    font-size: 18px;
    color: #c9cfd8;
    line-height: 1.6;
  }

  .pe-lead-text {
    font-size: 18px;
    color: var(--text-dim);
    line-height: 1.5;
    border-left: 2px solid rgba(76, 140, 255, 0.35);
    padding-left: 18px;
  }

  .pe-role-card {
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--bg-elev);
    transition: border-color 0.2s ease, background 0.2s ease;
    margin-bottom: 20px;
  }

  .pe-role-card:hover {
    border-color: rgba(255, 255, 255, 0.12);
    background: var(--bg-elev-2);
  }

  .pe-radio-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .pe-custom-radio {
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-faint);
    border-radius: 50%;
    display: inline-block;
    transition: all 0.2s ease;
    position: relative;
  }

  .pe-role-card:hover .pe-custom-radio {
    border-color: var(--text-dim);
  }

  .pe-radio-input:checked + .pe-custom-radio {
    border-color: var(--brand-blue);
    background: transparent;
  }

  .pe-radio-input:checked + .pe-custom-radio::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand-blue);
  }

  .pe-role-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
  }

  .pe-badge {
    font-family: var(--funnel-font);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .pe-badge-exp {
    background: rgba(76, 140, 255, 0.08);
    color: var(--blue);
  }

  .pe-badge-openings {
    background: rgba(139, 124, 246, 0.08);
    color: var(--purple);
  }

  .pe-role-desc {

    font-size: 18px;
    color: var(--text-dim);
    line-height: 1.5;
  }

  .pe-list-item-compact {
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--bg-elev);
    font-size: 18px;
    color: #c9cfd8;
    line-height: 1.4;
  }

  .pe-list-marker-compact {
    font-weight: 700;
    font-size: 14px;
    color: var(--blue);
    user-select: none;
  }

  /* Sticky/Integrated Footer Action Block */
  .pe-cta-wrapper {
    border-radius: 6px;
    background: var(--bg-elev);
    border: 1px solid var(--border);
  }

  /* Target Button Customizations: #2251ff, border-radius: 20px */
  .pe-main-btn {
    display: inline-block;
    background: var(--brand-blue);
    color: #ffffff;
    font-family: var(--funnel-font);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 12px 28px;
    border: none;
    border-radius: 20px; /* Target requested parameter */
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 12px rgba(34, 81, 255, 0.25);
    white-space: nowrap;
  }

  .pe-main-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(34, 81, 255, 0.4);
  }

  .pe-main-btn:active {
    transform: translateY(0);
  }

  .pe-cta-hint {
    font-size: 18px;
    color: var(--text-dim);
    line-height: 1.4;
  }

  /* Low-profile Warning & Info Notices */
  .pe-notice-box {
    background: rgba(255, 255, 255, 0.02);
    border-left: 3px solid var(--text-faint);
  }

  .pe-notice-box p {
    font-size: 18px;
    color: var(--text-dim);
    line-height: 1.5;
  }

  .pe-footer-contact {
    border-top: 1px solid var(--border-soft);
    font-size: 16px;
    color: var(--text-faint);
  }
.modal-header .btn-close{
    filter: invert(1);
    opacity:1;
}


@media (max-width: 767px) {
  .walkin-hero {
    background-image:
      linear-gradient(
        rgba(0, 0, 0, 0.55),
        rgba(0, 0, 0, 0.55)
      ),
    url("https://nexturn.ai/wp-content/uploads/2026/08/walk-in2.png") !important;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}