s /* Global */

p {
font-family:"titillium-web" !important;
font-size:18px;
}


  a.button {
    color: #012D63;
    font-family: 'titillium-web';
    font-size: 20px;
    font-weight: bold;
    padding: .8em 2em;
    text-transform: capitalize;
}

h1{
	font-family:"spectral" !important;
}

h2{
   font-family:"spectral" !important;
}
/*Market Section Yasharth */ 
.herobanner-home .hero-image--layout-b .dxp-hero-details{
    max-width: 91%;
  
}

.dxp-hero-details h1.headline{
  font-weight: 600;
  margin: 0;
  font-size: 54px !important;
    font-family: 'spectral' !important;
}
.divider {
  height: 2px;
  background-color: #fff;
  margin: 10px 0 20px 0;
      width: 60%;
}

/*insights widget */ 
.insight-title{
  text-transform: uppercase;
}
.dxp-hero-details .subheading {
  font-size: 0.85rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
font-size: 15px;
font-weight: 300;
margin-bottom: 0px !important;
}
.herobanner-home .hero-image--layout-b .dxp-hero-details p{
      font-size: 18px;
    font-family: 'titillium-web';
      width: 60%;
}
.herobanner-home.herobanner-marketing .hero-image-inner .headline{
      font-size: 54px !important;
    font-weight: 600 !important;
}
#markets-table {
      margin-top: 10px;
      padding: 10px;
}
#markets-table h1{
      font-family: sweet-sans-pro, sans-serif !important;
}
#markets-table dtn-table tr:nth-child(even){
      background-color: unset;
}
#markets-table dtn-table table tbody{
        border: unset;
  
}
.market-feature-listing .feature-list-content-card{
  padding: 10px;
}
.hero-image--layout-c .dxp-hero-details h2{
  font-size: 52px !important;
}
.market-feature-listing .feature-list-widget-root .feature-list-root{
  padding: 0px !important;

  
}
.herobanner-home.herobanner-marketing .hero-image--layout-b .dxp-hero-details{
      bottom: 19%;
    left: 45px;
}
@media screen and (max-width:1025px){
  .herobanner-home.herobanner-marketing .dxp-hero-details h3.headline{
         font-size: 37px !important;
  }
  .herobanner-home.herobanner-marketing .hero-image--layout-b .dxp-hero-details {
     bottom: 0%; 
     left: 0px;
}
}
@media screen and (max-width: 768px){
  .herobanner-home.herobanner-marketing .hero-image--layout-b .dxp-hero-details p{
    padding: 5px
  }
      .herobanner-home.herobanner-marketing .dxp-hero-details h3.headline {
        font-size: 35px !important;
    }
}

@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
  display: block !important;
}
  .herobanner-home.herobanner-marketing .hero-image--layout-b .dxp-hero-details{
    height: 100%;
  }
    .dxp-hero-details h3.headline{
  font-size: 40px !important;
  }
  .herobanner-home.herobanner-marketing .dxp-hero-details h3.headline {
        font-size: 40px !important;
        line-height: normal;
    }
  .divider{
    margin:0px;
  }
  .herobanner-marketing .dxp-hero-details{
        right: 0%;
  }

      .herobanner-marketing .dxp-hero-image .dxp-hero-details h3{
        padding:0px;
      }
  .herobanner-marketing.herobanner-home .hero-image--layout-b .dxp-hero-details p{
    font-size: 15px;
        width: 95%;
  }
  .herobanner-marketing.herobanner-home .hero-image--layout-b .dxp-hero-details p.classic-hero-text{
    font-size: 18px;
    padding-left: 10px;
  }
  
}
/* Hero Widget */


@media (min-width: 1240px) {
    .products-hero-banner .dxp-widget.dxp-hero-image {
        margin-top: -100px;
    }
	
	 .sub-hero-banner .dxp-widget.dxp-hero-image {
        margin-top: -100px;
    }
}
.hero-image--layout-c .hero-image-inner{
	display:contents;
} 

.hero-image-picturetag picture{
       height: 480px; 
 } 

@media screen and (max-width: 39.9375em) {
.dxp-hero-details h2 {
    font-size: 35px !important;
}
  .herobanner-home .hero-image--layout-b .dxp-hero-details {
    max-width: 100%;
}
}

.hero-category-name {
  position: relative;
  padding-bottom: 6px;
  font-size:15px;
}

.hero-category-name::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 153%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.7);
}


@media (max-width: 640px) { 
.hero-category-name::after{
 width: 100%; 
}
}

.full-width-line {
  display:none;
}


/* @media (min-width: 960px) { */
    /* .modern-search-hero { */
        /* min-height: auto !important; */
        /* height: auto !important; */
    /* } */
/* } */

/* Feature large A */

.feature-large-one .feature-large-a-content-wrapper{
	padding:48px 48px 0 48px !important;
}

.feature-large-two .feature-large-a-content-wrapper{
	padding:0px 48px 48px 48px !important;
}

.feature-large-a-text-wrapper{
	text-align:left;
}

.feature-large-a-content-wrapper p {
margin-bottom:1rem !important;
}




.feature-large-a-content-wrapper h1{
	
    font-size: 70px !important;
	font-weight:bold !important;
 
}

.feature-large-a-content-wrapper h2{

   font-size: 54px !important; 
   font-weight:800 !important;
}


@media screen and (max-width: 39.9375em) {

  .feature-large-a-content-wrapper h1{
  font-size: 58px !important;
 }

 .feature-large-a-content-wrapper h2{
  font-size: 36px !important; 
 }
}

@media screen and (max-width: 39.9375em) {
.feature-large-a-header h2{
  font-size: 36px;
}
}

/* insights Widget */
@media screen and (max-width: 39.9375em) {
.product-landing-insight .react-insight-root{
    background: #90BFFF;
}
.react-insight-root{
    padding: 1rem;
}
.insight-container{
 margin-top: 2rem !important;
}
}
/* feature list widget */




/* My Page */
@media screen and (max-width: 39.9375em) {
.product-richtext .m-t-3r{
	        margin-top: 0;
}
.m-t-3r.product-richtext {
	        margin-top: 0;
}
.product-landing-insight .btn-insight-widget.product-btn a{
	background-color: #FFFFFF;
}
}
.products-hero-banner .hero-category-name::after {
	width: 90%;
}

.products-hero-banner .hero-search-form{
	display:none;
}

.products-hero-banner .dxp-hero-image h2{
	font-size:60px
}

.products-hero-banner .hero-main-header span{
	Color:#7EB9FF;
}

.feature-large-one .feature-large-a-img{
	width: 511px !important;
    height: 340px !important;
    object-fit: cover;
    border-radius: 20px!important;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
    z-index: 2;
}

.feature-large-two .feature-large-a-img{
	width: 511px !important;
    height: 340px !important;
    object-fit: cover;
    border-radius: 20px!important;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
    z-index: 2;
}





.products-hero-banner-two a.button{
	border-radius: 26px !important;
}

.products-hero-banner-two h2{
	margin-bottom:1.5rem;
}

/* --- Base --- */
* { box-sizing: border-box; }


/* Section full width */
.armor-up-section { width: 100%; overflow: hidden; }

/* Row: two equal halves */
.armor-up-row {
  position: relative;               /* for the topbar overlay */
  display: flex;
  width: 100%;
  align-items: stretch;
  min-height: 520px;                /* adjust as needed */
}

/* Left: image */
.armor-up-image {
  flex: 1 1 50%;
  overflow: hidden;
  position: relative;
}
.armor-up-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  /* subtle dark overlay if desired: use pseudo element on container instead */
  max-width: 100% !important;
    margin: 0 !important;
}

/* Right: content */
.armor-up-content {
  flex: 1 1 50%;
  background: #003366;
  padding: 140px 90px 60px 100px;   /* top padding leaves room below topbar overlay */
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* inner content wrapper so arrow can sit bottom-left if needed */
.content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Quote styles */
.armor-up-quote-mark {
    color: #7fb3e6;
    line-height: 50px;
    font-family: 'spectral';
    font-size: 190px;
    font-weight: 800;
}
.armor-up-quote {
  font-size: 22px;
  line-height: 1.6;
  margin: 0 0 30px 0;
  font: italic normal normal 36px / 50px Spectral;
  color: #FFFFFF;
}
.armor-up-author {
  font-family: 'titillium-web';
  font-size: 16px;
  letter-spacing: 0.6px;
  margin-bottom: 32px;
  color: rgba(255,255,255,0.95);
}

/* Arrow */
.armor-up-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #012D63;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

/* --- Topbar (title + divider) --- */
/* Shared inner layout */
.topbar-inner {
  align-items: center;
  gap: 30px;
  width: 100%;
}

/* Title */
.armor-up-title {
	margin: 0 0 1rem 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.95);
    font-family: 'titillium-web';
	font-weight: bold;
  
}

/* Divider */
.armor-divider {
  flex: 1;
  height: 2px;
  background: #ffffff;
  border: none;
  margin: 0;
  opacity: 0.95;
}

hr.armor-divider{
	max-width: 100rem;
}

/* Desktop overlay topbar: spans the full width across image + content */
.topbar--desktop {
  display: flex;
  position: absolute;
  top: 28px;               /* place near top like XD */
  left: 0;
  right: 0;
  padding: 0 60px;        /* controls how far divider reaches from left/right */
  pointer-events: none;   /* overlay non-interactive */
  z-index: 5;
}

/* Desktop inner padding: move title visually into left image area */
.topbar--desktop .topbar-inner { padding-left: 40px; }

/* Hide mobile topbar on desktop */
.topbar--mobile { display: none; }

/* --- Responsive: mobile/tablet stacking --- */
@media (max-width: 768px) {
  .armor-up-row {
    flex-direction: column;
    min-height: auto;
  }

  .armor-up-image {
    height: 260px;       /* height for the image on mobile */
  }

  .armor-up-content {
    padding: 28px 20px 36px 24px;
  }

  /* Hide the desktop overlay and show the in-flow topbar inside content */
  .topbar--desktop { display: none; }
  .topbar--mobile {
    display: block;
    position: relative;
    padding: 0 0 18px 0;
    margin-bottom: 8px;
  }
  .topbar--mobile .topbar-inner { align-items: center; padding: 0; }

  /* scale down text */
  .armor-up-quote-mark { font-size: 150px;margin-top: 3rem;line-height: 0px;}
  .armor-up-quote { font-size: 32px; }
  .armor-divider { height: 2px; }
  .armor-up-arrow { width: 38px; height: 38px; font-size: 18px; }
}


/* Feature Large A Component Styles */
.featureLargeAWidget-root {
  width: 100%;
  height: 100%;
  background:#7EB9FF;
  /* padding: 2rem 0; */
  
}

.feature-large-a-header{
	font-size: 40px !important;
    color: #012D63 !important;
}

@media (min-width: 767px) {
.feature-large-two .featureLargeAWidget-root {
	background:linear-gradient(to top, #ffffff 33%, #7EB9FF 10%);
}
}
.feature-large-a-root {
  display: flex;
  align-items: center;
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  background-color: transparent;
}

.feature-large-a-content-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.feature-large-a-image-wrapper {
  flex: 0 0 auto;
  max-width: 50%;
}

.feature-large-a-img {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.feature-large-a-text-wrapper {
  flex: 1;
  padding-left: 1rem;
}

.feature-large-a-header {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.4;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.feature-large-a-body {
  margin-bottom: 1.5rem;
}

.feature-large-a-body p {
  font-size: 18px;
  line-height: 1.6;
  color: #012D63;
  margin: 0;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); */
}

.feature-large-a-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
  .feature-large-a-root {
    padding: 1rem;
  }
  
  .feature-large-a-content-wrapper {
    flex-direction: column;
    text-align: center;
  }
  
  .feature-large-a-image-wrapper {
    max-width: 100%;
    margin-bottom: 1rem;
  }
  
  .feature-large-a-img {
    max-width: 100%;
    max-height: 300px;
  }
  
  .feature-large-a-text-wrapper {
    padding-left: 0;
  }
  
  .feature-large-a-header {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .feature-large-a-root {
    padding: 0.5rem;
  }
  
  .feature-large-a-img {
    max-height: 250px;
  }
  
  .feature-large-a-header {
    font-size: 1.125rem;
  }
  
  .feature-large-a-body p {
    font-size: 0.9rem;
  }
}

/* Material-UI compatibility */
.css-0 {
  box-sizing: border-box;
}

.css-16xl4zq-MuiTypography-root {
  margin: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.334;
  letter-spacing: 0em;
}

/* MUI Typography variants */
.MuiTypography-root {
  margin: 0;
}

.MuiTypography-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.334;
  letter-spacing: 0em;
}

/* MUI Box component */
.MuiBox-root {
  box-sizing: border-box;
}

/* Alternative layout - Image on right */
.feature-large-a-root.image-right .feature-large-a-content-wrapper {
  flex-direction: row-reverse;
}

.feature-large-a-root.image-right .feature-large-a-text-wrapper {
  padding-left: 0;
  padding-right: 1rem;
}

@media (max-width: 768px) {
  .feature-large-a-root.image-right .feature-large-a-content-wrapper {
    flex-direction: column;
  }
  
  .feature-large-a-root.image-right .feature-large-a-text-wrapper {
    padding-right: 0;
  }
}

/* Background Color Variations */
.featureLargeAWidget-root.bg-light {
  background-color: #f8f9fa;
}

.featureLargeAWidget-root.bg-white {
  background-color: #ffffff;
}

.featureLargeAWidget-root.bg-gray {
  background-color: #e9ecef;
}

.featureLargeAWidget-root.bg-dark {
  background-color: #343a40;
}

.featureLargeAWidget-root.bg-primary {
  background-color: #007bff;
}

.featureLargeAWidget-root.bg-secondary {
  background-color: #6c757d;
}

/* Dark background text adjustments */
.featureLargeAWidget-root.bg-dark .feature-large-a-header,
.featureLargeAWidget-root.bg-primary .feature-large-a-header {
  color: #ffffff;
}

.featureLargeAWidget-root.bg-dark .feature-large-a-body p,
.featureLargeAWidget-root.bg-primary .feature-large-a-body p {
  color: #e9ecef;
}

/* Responsive adjustments for widget wrapper */
@media (max-width: 768px) {
  .featureLargeAWidget-root {
    padding: 1rem 0;
  }
}

@media (max-width: 480px) {
  .featureLargeAWidget-root {
    padding: 0.5rem 0;
  }
}




/* gokulchanges for home page */
.margin-minus{margin-top: -6rem;height: 320px;}
.feature-callout-widget-armorseed .feature-callout-armorseed-content .textRightContent .feature-callout-armorseed-description{color: #fff!important;}
.header{
	border-radius: 0 0 10px 10px;
	padding: 30px;
}
.subheader{
	padding: 15px 40px;
       top: 30%;
        width: 93.6%;
       margin: 0px 46px;
}
subheader div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.subheader a{padding: 0 5rem;}




.armor-seed-image-left .insight-card-wrapper .insight-image-container{
    border-radius: 20px 0 0 20px;
}

i.win.win-honest-facebook {
    font-size: 24px;
}
i.win.win-instagram-square {
    font-size: 24px;
}

.footer-sub-menu {
    display: flex;
    gap: 30px;
    align-items: center;
}
.social-icons {
    display: flex;
}	

/* mobile css */
@media (max-width: 768px) {
.armor-seed-image-left .insight-card-wrapper .insight-card-body {
    width: 100%!important;
}
.armor-seed-image-left .insight-card-wrapper .insight-image-container {
    width: 100%!important;
}
.armor-seed-image-left .insight-card-wrapper .insight-card {

    flex-direction: column!important;
}
}
@media (min-width: 769px) {
.footer-logo img{max-width: 585px;margin-bottom:5rem;
                }
}

.armor-up-footer {
  display: flex;
  justify-content: space-between; /* pushes items to opposite ends */
  align-items: center;            /* vertically centers the items */
  margin-top: 10px;               /* optional spacing above */
}


.armor-up-arrow {
  font-size: 24px; /* adjust size as needed */
  cursor: pointer;  /* optional: make it feel clickable */
  background-color: #7EB9FF;
}

.plant-armor-hero .dxp-hero-image h2 span {
    Color: #7EB9FF;
}


.products-hero-banner-two .dxp-hero-details p{
    font-weight: bold;
}

.products-hero-banner-two a.button{
    padding: 6px 8px !important;
    min-width: 224px;
}


@media (max-width: 480px) {
.products-hero-banner .modern-search-hero{
	overflow: unset;
	height: 460px !important;
	min-height: 460px !important;
}
}
/* Form Container Styling */
form[id*="form-Form_"]{
    max-width: 600px;
    margin: 2rem auto;
    padding: 2.5rem;
    background: #ffffff;
    border-radius: 8px;
}

/* Base Input Styling */
.contact-us-form .form-control {
    padding: 0.2rem 1rem;
    border-radius: 8px;
      margin: 0 0 0.3rem;
   font-family: 'titillium-web' !important;
  font-size:18px;
  
}

.contact-us-form .form-control:focus {
    border-color: black;
}


.contact-us-form .form-control:hover:not(:focus) {
    border-color: #9ca3af;
}

.contact-us-form .form-control::placeholder {
    color:#717171;
    opacity: 0.7;
}

.contact-us-form .form-control:focus::placeholder {
    opacity: 0.5;
}

.contact-us-form select.form-control {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}



.contact-us-form textarea.form-control {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}
.contact-us-form .field-validation-valid,
.contact-us-form .field-validation-error {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  color: #ef4444;
}

.contact-us-form .form-control.input-validation-error:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Input Success State */
.contact-us-form .form-control.valid {
    border-color: #10b981;
}

/* Disabled Input State */
.contact-us-form .form-control:disabled {
    background-color: #f9fafb;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Required Field Indicator */
.contact-us-form .form-control[placeholder*="*"]::placeholder {
    font-weight: 500;
}



/* Submit Button Styling */
.contact-us-form input[type="submit"],
form[id*="form-Form_"] input[type="submit"] {
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 20px;
    font-weight: 600;
    color: #012D63;
    background-color: #7EB9FF;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 1.5rem;
   font-family:Titillium Web;
  
}

.contact-us-form input[type="submit"]:hover,
form[id*="form-Form_"] input[type="submit"]:hover {
    background-color: #1d4ed8;
}


/* reCAPTCHA Container Styling */
.contact-us-form .form-field:has(#google-recaptcha-form-Form_2025_11_02_07_40-d8d1_Recaptcha_Value) {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Mobile Responsive Design */
@media (max-width: 640px) {
    .contact-us-form .ktc-default-section {

      width:auto;
    }
    
    .contact-us-form .form-control {
        padding: 0.75rem;
    }
}
/*Contact-us page css end*/

/*Pooja changes*/
.stewardship-hero .row a:hover {
    color: #012D63 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.stewardship-hero .react-insight-root {
   padding-top: 30px;
}

@media screen and (max-width: 39.9375em) {
    .stewardship-hero .react-insight-root {
         background: #90BFFF;
    }
}
.nav-item>a.active-page {
    font-weight: 900;
}