/*
 Theme Name:   Divi Child
 Theme URI:    https://iac.com/divi-child
 Description:  Child theme for Divi
 Author:       Sree
 Author URI:   https:/.iac.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* === child theme custom CSS starts below === */
html, body {
  overflow-x: hidden !important;
}
h1,h2,h3{
	font-family: Raleway !important;
	padding-bottom:0px !important;
}
/*Header menu*/
@media (min-width: 1024px) {
/* Header Column 1 Styling */
.header-clmn1{
    width: 8% !important; /* Sets the width of the first header column to 8% of the container */
    margin-right: 3% !important; /* Adds a 3% right margin to separate it from the next column */
}

/* Header Column 2 Styling */
.header-clmn2{
    width: 54% !important;
    margin-left: 0% !important;
    margin-right: 2% !important;
}

/* Header Column 3 Styling */
.header-clmn3{
    width: 16% !important;
    margin-right: 1% !important;
    margin-left: 0% !important;
}

/* Header Column 4 Styling */
.header-clmn4{
    width: 22% !important;
    margin: 0% !important;
}


}
@media (min-width: 1280px) {
/* Header Column 1 Styling */
.header-clmn1{
    width: 8% !important; /* Sets the width of the first header column to 8% of the container */
    margin-right: 3% !important; /* Adds a 3% right margin to separate it from the next column */
}

/* Header Column 2 Styling */
.header-clmn2{
    width: 55% !important; /* Sets the width of the second header column to 55% of the container */
    margin-left: 0% !important; /* Ensures there is no left margin */
    margin-right: 3% !important; /* Adds a 3% right margin to separate it from the next column */
}

/* Header Column 3 Styling */
.header-clmn3{
    width: 12% !important; /* Sets the width of the third header column to 12% of the container */
    margin-right: 2% !important; /* Adds a 2% right margin to separate it from the next column */
    margin-left: 0% !important; /* Ensures there is no left margin */
}

/* Header Column 4 Styling */
.header-clmn4{
    width: 17% !important; /* Sets the width of the fourth header column to 17% of the container */
    margin: 0% !important; /* Removes all margins (top, right, bottom, left) */
}
}
/* Header Menu Section Text Styling */
.header-hover-trigger{
    text-transform: uppercase !important; /* Forces all text in the header menu section to be uppercase */
}

/* Header Hover State Text Styling */
.header-hover-state{
    text-transform: uppercase !important; /* Forces all text in the hover state to be uppercase */
}
/* Always show hamburger menu on all devices */
@media (max-width: 1023px) {
  .et_pb_menu__menu {
    display: none !important;
  }
  .et_mobile_nav_menu {
    display: block !important;
	  
  }
	.header-top-menu{
		    display: flex;
    justify-content: flex-end;
	}
   .home #header-mobile-menu{
	background-color: transparent !important; /* white background on hover */
	border-bottom: 1px solid #FFF; /* black border on hover */		
  }
	#header-mobile-menu{
	background-color: transparent !important; /* white background on hover */
	border-bottom: 1px solid #000; /* black border on hover */		
  }
   #header-mobile-menu:hover {
    background-color: #ffffff !important; /* white background on hover */
	border-bottom: 1px solid #000; /* black border on hover */
  }
   #menu-header-menu a,
   #menu-header-menu li a {
    color: #000000 !important;     /* black text on hover */
    transition: color 0.2s ease;
  }

	#mobile_menu1{
		background-color: #000 !important; /* white background on hover */
		padding: 20px;
   		 top: 50px;

    	left: -281px;
   		 width: 316px;
	}
	.header-clmn1{
		width: 37% !important;
		margin-right: 1% !important
	}
	.header-clmn2{
		width: 62% !important;
		margin-right: 0% !important
	}	
	.header-contact-btn{
		display: none !important;
	}
	.header-quote-btn{
		display: none !important;
	}
	.header-clmn3{
		display: none !important;
		margin-bottom:0px !important;
	}
	.header-clmn4{
		display: none !important;
		margin-bottom:0px !important;
	}
	.header-clmn2{
		margin-bottom:0px !important;	

	}
	.header-clmn1{
		margin-bottom:0px !important;		
	}
}
#mobile_menu .mobile-extra-buttons a,
#mobile_menu1 .mobile-extra-buttons a {
  display: block !important;
}
  /* Make the header wrapper a positioning context */
  .header-wrapper {
    position: relative;
    transition: background-color 0.25s ease;
  }

  /* Normal header state (you can override defaults if needed) */
  .header-wrapper {
    background-color: transparent;
  }

  /* On hover of the entire header wrapper, change background to white */
  .header-wrapper:hover {
    background-color: #ffffff !important; /* white background on hover */
	border-bottom: 1px solid #000; /* black border on hover */
  }
  /*Home menu link color.
     Target menu items inside the element with ID #menu-header-menu */
  .home .gm-menu-item__txt,
  .home .gm-menu-item__txt{
    color: #fff !important;     /* black text on hover */
    transition: color 0.2s ease;
  }
 .home .gm-navbar .gm-navbar-nav > .gm-menu-item > .gm-anchor > .gm-caret i {
        transform: none;
        color: #ffff;
 }
 .home .header-wrapper:hover  .gm-navbar .gm-navbar-nav > .gm-menu-item > .gm-anchor > .gm-caret i {
        transform: none;
        color: #000;
 }
 .gm-navbar .gm-navbar-nav > .gm-menu-item > .gm-anchor > .gm-caret i {
        transform: none;
        color: #000;
 }
  /* Change menu link color when header is hovered.
     Target menu items inside the element with ID #menu-header-menu */
  .home  .header-wrapper:hover .gm-menu-item__txt,
  .home  .header-wrapper:hover .gm-menu-item__txt {
    color: #000000 !important;     /* black text on hover */
    transition: color 0.2s ease;
  }

  /* If there are active/hover states on menu items, ensure visibility */


  /* Optional: ensure logo has smooth change if using CSS alternatives */
  .header-wrapper .header-logo {
    transition: opacity 0.18s ease, transform 0.18s ease;
  }
/* Normal logo state */
.header-logo img {
  transition: opacity 0.3s ease;
}

/* When hovering anywhere inside the header wrapper,
   change the logo image */
.header-wrapper:hover .header-logo img {
  content: url("/wp-content/uploads/2025/09/header-logo-hover.svg");
}

/*Footer menu*/
@media (min-width: 1024px) {
/* Footer column 1: takes 41% of the width with right margin */
.footer-clmn1 {
    width: 45% !important;
    margin-right: 2% !important;
}

/* Footer column 2: takes 23% of the width with right margin */
.footer-clmn2 {
    width: 26% !important;
    margin-right: 2% !important;
}

/* Footer column 3: takes 22% of the width (no margin on the right, fits last column) */
.footer-clmn3 {
    width: 25% !important;
}
/* Footer Secondary Column 1 - Main wide column */
.footer-secondery-clmn1 {
    width: 45% !important;           /* Occupies 45% of the width */
    margin-right: 2% !important;     /* Adds right spacing between columns */
}

/* Footer Secondary Column 2 - Narrow column for links or info */
.footer-secondery-clmn2 {
    width: 15% !important;           /* Occupies 15% of the width */
    margin-right: 4% !important;     /* Adds right spacing */
}

/* Footer Secondary Column 3 - Another narrow column */
.footer-secondery-clmn3 {
    width: 15% !important;           /* Occupies 15% of the width */
    margin-right: 4% !important;     /* Adds right spacing */
}

/* Footer Secondary Column 4 - Last narrow column */
.footer-secondery-clmn4 {
    width: 15% !important;           /* Occupies 15% of the width */
    margin-right: 0% !important;     /* No extra margin on the last column */
}

/* Footer Bottom Column 2 - Bottom section layout adjustment */
.footer-bottom-column-2 {
    width: 53% !important;           /* Occupies 53% of the width */
    margin-right: 0% !important;     /* No right margin */
	margin-top: -100px !important;
}

/* Footer Navigation Menu #2 - Add extra bottom spacing */
#nav_menu-2 {
    margin-bottom: 50px !important;  /* Adds bottom spacing for menu separation */
}

/* Footer Navigation Menu #4 - medium bottom spacing */
#nav_menu-4 {
    margin-bottom: 40px !important;
}

/* Footer Navigation Menu #5 - medium bottom spacing */
#nav_menu-5 {
    margin-bottom: 0px !important;
}

/* Footer Navigation Menu #6 - medium bottom spacing */
#nav_menu-6 {
    margin-bottom: 40px !important;
}

/* Footer Navigation Menu #7 - no extra spacing */
#nav_menu-7 {
    margin-bottom: 40px !important;
}

/* Footer Navigation Menu #8 - no extra spacing */
#nav_menu-8 {
    margin-bottom: 0px !important;
}
/* Footer Navigation Menu #3 - no extra spacing */
#nav_menu-3 {
    margin-bottom: 0px !important;
}
  /* Wrapper for Follow Us + LinkedIn icon */
.follow-container {
    display: flex;
    align-items: center;
	gap: 14px;
 }

}
@media (min-width: 981px) and (max-width: 1023px) {
/* Footer column 1: takes 41% of the width with right margin */
.footer-clmn1 {
    width: 100% !important;
    margin-right: 0% !important;
}

/* Footer column 2: takes 23% of the width with right margin */
.footer-clmn2 {
    width: 100% !important;
    margin-right: 0% !important;
}

/* Footer column 3: takes 22% of the width (no margin on the right, fits last column) */
.footer-clmn3 {
    width: 100% !important;
}
/* Wrapper for Follow Us + LinkedIn icon */
.follow-container {
    display: flex;
    align-items: center;
	gap: 14px;
 }
/*Negative margin added to adjust top alignment*/
.footer-bottom-column-2 {
    width: 53% !important;           /* Occupies 53% of the width */
    margin-right: 0% !important;     /* No right margin */
	margin-top: -100px !important;
}
.logo-row.et_pb_row.et_pb_gutters3 .et_pb_column {
    margin-right: 7.5% !important;
}

/* Remove margin from last column to prevent extra space */
.logo-row.et_pb_row.et_pb_gutters3 .et_pb_column:last-child {
    margin-right: 0 !important;
}
/* Footer Secondary Column 1 - Main wide column */
#footer-section .logo-row .footer-secondery-clmn1 {
    width: 40.25% !important;           /* Occupies 45% of the width */

}

/* Footer Secondary Column 2 - Narrow column for links or info */
#footer-section .logo-row .footer-secondery-clmn2 {
    width: 17.0833% !important;           /* Occupies 15% of the width */

}

/* Footer Secondary Column 3 - Another narrow column */
#footer-section .logo-row .footer-secondery-clmn3 {
    width: 17.0833% !important;           /* Occupies 15% of the width */

}

/* Footer Secondary Column 4 - Last narrow column */
#footer-section .logo-row .footer-secondery-clmn4 {
    width: 17.0833% !important;           /* Occupies 15% of the width */
    margin-right: 0% !important;     /* No extra margin on the last column */
}	
	#footer-section .footer-bottom-column-2 {
    width: 83% !important;           /* Occupies 53% of the width */
    margin-right: 0% !important;     /* No right margin */
	margin-top: -100px !important;
}
		
	
}
@media (max-width: 980px) {
 .footer-section {
    display: flex;
    flex-direction: column;
  }

  /* Show 3rd row first */
  .footer-section .et_pb_row:nth-child(3) {
    order: 1;
  }

  /* Show 4th row second */
  .footer-section .et_pb_row:nth-child(4) {
    order: 2;
  }

  /* Show 1st row third */
  .footer-section .et_pb_row:nth-child(2) {
    order: 3;
  }

  /* Show 2nd row fourth */
  .footer-section .et_pb_row:nth-child(1) {
    order: 4;
  }
 /*Logo Container*/
    .follow-container {
        display: flex;
        align-items: center;
        gap: 14px;
    }
/* Address block top spacing adjusted */
.footer-bottom-column-2 {
    width: 53% !important;           /* Occupies 53% of the width */
    margin-right: 0% !important;     /* No right margin */
	margin-top: 50px !important;
}
	/* Footer button width adjusted*/
	.footer-secondery-clmn2{
	width : 50% !important;	
	margin-right: 0% !important;
	}
	.footer-secondery-clmn3{
	width : 50% !important;	
	margin-right: 0% !important;
	}
	.footer-secondery-clmn4{
	width : 100% !important;
	margin-top:20px;
	}
		/* Footer button width adjusted*/
		/* Footer menu bottom spacing style*/
	#nav_menu-2{
		margin-bottom: 50px !important;
	}
	#nav_menu-3{
		margin-bottom: 20px !important;
	}
	#nav_menu-4{
		margin-bottom: 50px !important;
	}
	#nav_menu-5{
		margin-bottom: 20px !important;
	}
	#nav_menu-6{
		margin-bottom: 50px !important;
	}
	#nav_menu-7{
		margin-bottom: 50px !important;
	}
	#nav_menu-8{
		margin-bottom: 0px !important;
	}
}
@media (min-width: 768px) and (max-width: 980px){
	/* Footer button width adjusted*/
	/*.footer-secondery-clmn2{
	width : 30% !important;	
	margin-right: 5% !important;
	}
	.footer-secondery-clmn3{
	width : 30% !important;	
	margin-right: 5% !important;
	}
	.footer-secondery-clmn4{
	width : 30% !important;	
	}*/
}
.footer-section li{
margin-bottom:14px !important;
}
.footer-section li:last-child {
  margin-bottom: 0px !important;
}
.footer-section h4{
margin-bottom:12px !important;
}
/*Home page- Trusted logo*/
/*Disable the Link from Gallery module*/
/* =========================================
   Disable Gallery Image Links
   ========================================= */
/* Prevent clicks and cursor hover on gallery images */
.et_pb_gallery_image a {
  pointer-events: none !important; /* disables clicking on images */
  cursor: default; /* default cursor (no link hand icon) */
}

/* =========================================
   Remove Gallery Hover Effects
   ========================================= */
/* Disable zoom-in effect on image hover */
.et_pb_gallery_image:hover img {
  transform: none !important; /* removes zoom effect */
}

/* Hide overlay and hover icons (magnifier, link icon, etc.) */
.et_pb_gallery_image .et_overlay,
.et_pb_gallery_image .et_pb_gallery_image_overlay {
  display: none !important; /* hides Divi's default overlay layer */
}

/* Disable image transition animation for smooth zoom */
.et_pb_gallery_image img {
  transition: none !important; /* removes transition animation */
}
/* Product Pill Button Active & Inactive Styles */
.product-pill.active {
    background: #FFF !important;
    color: #413FD6 !important;
    border-color: #413FD6 !important;
}

.product-pill:not(.active) {
    background: transparent !important;
    color: #413FD6 !important;
}
.why-iac-section .et_pb_column {
    transition: none !important;
}

/* =========================================
   Custom Section Image Sizing
   ========================================= */
/* Force specific image size for images inside .custom-section */
.custom-section img {
  width: 98px !important; /* fixed image width */
  height: 98px !important; /* fixed image height */
  object-fit: cover; /* crops image to fill box (use contain if you want full image visible) */
}

/* =========================================
   7-Column Gallery Layout (Flexbox)
   ========================================= */
/* Make gallery items use Flexbox and remove gaps */
.seven-column-gallery .et_pb_gallery_items {
  display: flex !important; /* use Flexbox for layout */
  flex-wrap: wrap; /* allow wrapping to next row */
  margin: 0; /* remove default margin */
  padding: 0; /* remove default padding */
  gap: 0 !important; /* remove any gap between images */
}

/* Each gallery item takes up 1/7 of the row width */
.seven-column-gallery .et_pb_gallery_item {
  width: 14.285714% !important; /* 100% / 7 = ~14.29% per image */
  margin: 0 !important; /* remove spacing between images */
  padding: 0 !important; /* remove padding inside each image cell */
  box-sizing: border-box; /* ensures padding/border stay inside width */
}

/* Ensure each gallery image fits its container */
.seven-column-gallery .et_pb_gallery_image img {
  width: 100% !important; /* fill the container width */
  height: auto !important; /* keep natural aspect ratio */
  display: block; /* removes inline gaps under images */
}
/* =========================================
   6-Column Gallery Layout (Flexbox)
   ========================================= */

/* Make gallery items use Flexbox and remove gaps */
.six-column-gallery .et_pb_gallery_items {
  display: flex !important; /* use Flexbox for layout */
  flex-wrap: wrap; /* allow wrapping to next row */
  margin: 0; /* remove default margin */
  padding: 0; /* remove default padding */
  gap: 0 !important; /* remove any gap between images */
}

/* Each gallery item takes up 1/6 of the row width */
.six-column-gallery .et_pb_gallery_item {
  width: 16.6667% !important; /* 100% / 6 = ~16.67% per image */
  margin: 0 !important; /* remove spacing between images */
  padding: 0 !important; /* remove padding inside each image cell */
  box-sizing: border-box; /* keeps layout consistent */
}

/* Ensure each gallery image fits its container */
.six-column-gallery .et_pb_gallery_image img {
  width: 100% !important; /* fill the container */
  height: auto !important; /* keep natural aspect ratio */
  display: block; /* remove inline spacing */
}

/* =========================================
   Responsive Adjustments (Mobile)
   ========================================= */
/* For mobile screens (max width 767px): show 4 images per row */
@media (max-width: 980px) {
  .seven-column-gallery .et_pb_gallery_item {
    width: 25% !important; /* 100% / 4 = 25% per image */
  }
	.trusted-clmn1{
		margin-bottom: 20px !important;
	}
/* Trusted logo bg image*/
.trusted-logo-row {
  position: relative; /* Needed for pseudo-element positioning */
  z-index: 1;
}
	/* Trusted logo bg image*/
.trusted-logo-row::before {

        content: "";
        position: absolute;
        top: 38px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/10/trusted-by-customers-bg.png);
        background-repeat: no-repeat;
        background-size: 42%;
        background-position: top right;
        z-index: 29;
        pointer-events: none;
}
	#impact-column{
		padding-bottom:50px !important;
		margin-bottom:0px !important;
	}
.our-impact-section .et_pb_module.et_pb_blurb {
  padding-bottom: 0px !important;
}

}
/* =======================================================
   Full spectrum hardware fittings and accessories
   ======================================================= */
@media (min-width: 981px) {

/* Active heading color */
.hover-item.active{
	background-color: #413FD6 !important;	
	cursor: pointer;
}
.hover-item.active h3{
    color: #fff !important;
	cursor: pointer;
}
/* Content default hidden */
.content-item {
    display: none;
}

/* Active content shown */
.content-item.active {
    display: block;
}
	/* Trusted logo bg image*/
.trusted-logo-row {
  position: relative; /* Needed for pseudo-element positioning */
  z-index: 1;
}
	/* Trusted logo bg image*/
.trusted-logo-row::before {
  content: "";
  position: absolute;
  bottom: -142px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/uploads/2025/10/Trusted-logo-bg.svg');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom left;
  z-index: 0; /* Behind the content */
  pointer-events: none; /* Let clicks pass through */
}
.why-iac-clmn1{
width: 21% !important;
margin-right: 3% !important;
}
.why-iac-clmn2{
width: 100% !important;
}
}
@media (max-width: 980px) {
.accessories-clmn1{
	display: none;
}
/* ===============================
   Container wrapper for pill buttons
   =============================== */
.product-pills {
  display: flex;              /* Arrange buttons side by side */
  gap: 15px;                  /* Space between buttons */
  justify-content: flex-start;/* Left align so scrolling works */
  overflow-x: auto;           /* Enable horizontal scroll on small screens */
  white-space: nowrap;        /* Prevent wrapping to next line */
  padding: 10px 0;            /* Top & bottom spacing */
  scrollbar-width: thin;      /* Slim scrollbar (Firefox) */
  -ms-overflow-style: none;   /* Hide scrollbar in IE/Edge */
}

/* Hide scrollbar in Chrome/Safari for cleaner look */
.product-pills::-webkit-scrollbar {
  display: none;
}

/* ===============================
   Individual pill button style
   =============================== */
.product-pill {
  color: #413FD6;                   /* Default text color */
  text-align: center;               /* Center text inside */
  font-family: Inter, sans-serif;   /* Font style */
  font-size: 16px;                  /* Text size */
  font-weight: 400;                 /* Regular weight */
  border-radius: 73px;              /* Pill-shaped border */
  border: 1px solid #413FD6;        /* Blue border */
  background: #FFF;                 /* White background */
  display: inline-flex;             /* Flex for alignment */
  width: 130px;                     /* Fixed width */
  height: 42px;                     /* Fixed height */
  justify-content: center;          /* Center content vertically */
  align-items: center;              /* Center content horizontally */
  cursor: pointer;                  /* Pointer on hover */
  transition: all 0.3s ease;        /* Smooth hover effect */
  flex-shrink: 0;                   /* Prevent shrinking when overflowing */
  text-decoration: none;            /* Remove underline for <a> */
}

}
/* Rhight side heading */
.content-heading{ 
color: #000 !important;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
text-transform: uppercase;
border-bottom: 1px solid #C7C7C7;
padding-bottom: 15px;
}
/*Right side contentptag style*/
.content-item p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
padding-top: 15px;
padding-bottom: 30px;
}
/*Right side content li style*/
.content-item li{
color: #413FD6;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px; 
list-style-type: none; /* Removes bullets */
padding-top:10px;
}
/*Right side content ul style*/
.content-item ul{
margin-bottom:40px;
padding: 0px;
}
/*Right side content button style*/
.yellow-btn{
background: #F9A61A;
height: 40px;
padding: 10px 15px;
justify-content: center;
align-items: flex-start;
color: #000;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
/*Right side content button icon*/
.yellow-btn img {
    display: inline-block;
    width: 16px;                  /* Adjust icon size */
    height: auto;
}
/* Section background control */
.bg-accessories-section {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease-in-out;
}
@media (min-width:981px){
/*Right side contentptag style*/
.content-item p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
padding-top: 15px;
padding-bottom: 30px !important;
}
.content-item .content-heading{ 
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
border-bottom: 1px solid #C7C7C7;
padding-bottom: 15px !important;
padding-top:0px !important;
}
.content-item p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
padding-top: 15px;
padding-bottom: 30px !important;
}
}
@media (min-width: 768px) and (max-width:980px){

/* Rhight side heading */
.content-item .content-heading{ 
padding-top:15px !important;
max-width: 100% !important;
padding-bottom: 15px !important;
}
}
@media (max-width:767px){
.content-item .content-heading{ 
color: #000 !important;
font-family: Inter;
font-size: 24px !important;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
text-transform: uppercase;
border-bottom: 1px solid #C7C7C7;
padding-bottom: 15px !important;
padding-top:15px !important;
max-width: 362px !important
}
}
/* Remove background for screens ≤980px */
@media (max-width: 980px) {
  .bg-accessories-section {
    background-image: none !important;
  }
/* Rhight side heading */

.content-item p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
padding-top: 15px;
padding-bottom: 20px !important
}
}
/* =======================================
  Services with unparalleled expertise
   ======================================= */
@media (min-width: 981px){
/* Column 1 styling: width 32% and right margin 5% */
.clmn1-service {
    width: 32% !important;      /* Set column 1 width */
    margin-right: 5% !important; /* Space to the next column */
}

/* Column 2 styling: width 30% and right margin 3% */
.clmn2-service {
    width: 30% !important;       /* Set column 2 width */
    margin-right: 3% !important; /* Space to the next column */
}

/* Column 3 styling: width 30% with no right margin */
.clmn3-service {
    width: 30% !important;       /* Set column 3 width */
    /* No margin-right since this is the last column */
}
/* When hovering over a column card inside services section */
.services-section .card:hover h3,
.services-section .card:hover p {
    color: #000 !important; /* Text turns black */
}

/* Change button style inside hovered card */
.services-section .card:hover .yellow-btn {
    background: #000 !important; /* Black background */
    color: #FFF !important; /* White text */
    height: 40px;
    padding: 10px 15px;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* Hide the original image on hover */
.services-section .card:hover .yellow-btn img {
    content: url("/wp-content/uploads/2025/10/Black-button-icon.svg") !important;
    transition: all 0.3s ease-in-out;
}
/* =========================
   Add BG Image with Pseudo Element
   ========================= */
/* Ensure the row has a relative positioning and height */
.service-expertise-row {
    position: relative;
   
}

/* Pseudo-element for the background image */
.service-expertise-row::before {
content: "";
        position: absolute;
        bottom: 0px;
        left: 82px;
        width: 361px;
        height: auto;
        aspect-ratio: 361 / 552;
        background-image: url(/wp-content/uploads/2025/11/Services-with-unparalleled-expertise.webp);
        background-repeat: no-repeat;
        background-position: bottom -20px left;
        background-size: contain;
        pointer-events: none;
        z-index: 0;
}

/* Make sure row content appears above the pseudo-element */
.service-expertise-row > .et_pb_column {
    position: relative;
    z-index: 1;
}
}
@media (min-width: 981px) and (max-width: 1024px){
.services-section {
	 background-size: 35% !important;
}
	.clmn1-service h2{
		font-size: 40px !important;
		line-height: 40px !important;
	}
}
/* 
   Medium Desktop View (between 981px and 1200px)
   Adds a decorative background image to the bottom-left corner
   of the .service-expertise-row section using a ::before pseudo-element.
*/
@media (min-width: 981px) and (max-width: 1200px) {
    
    .service-expertise-row::before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 82px;
        width: 282px;
        height: auto;
        aspect-ratio: 361 / 552;
        background-image: url(/wp-content/uploads/2025/11/Services-with-unparalleled-expertise.webp);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: contain;
        pointer-events: none;
        z-index: 0;
    }
}

/* Slick slider adjustments for mobile only */
@media (max-width: 980px) {
/* ================================================
   MOBILE SLIDER STYLES (for .services-mobile-slider)
   ================================================= */

/* Style for each individual mobile slide */
.services-mobile-slider .mobile-slide {
    background-image: url('/wp-content/uploads/2025/09/Services_block_blue.svg'); /* Replace background color with image */
    background-size: cover; /* Make image cover the entire card */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: left; /* Center the image */
    
    padding: 30px 20px; /* Inner spacing */
    height: auto !important; /* Adjust height to content */
    width: auto; /* Allow width to adapt */
    max-width: 80%; /* Restrict width for better centering */
    border-radius: 0px; /* Optional: make edges smooth */
}


/* Main mobile slider container */
.services-mobile-slider {
    padding-left: 0 !important; /* Remove default Slick padding */
    margin-left: 0 !important; /* Align slider flush with the viewport */
    max-width: 100vw; /* Prevent horizontal overflow beyond screen */
    overflow: hidden; /* Hide overflowing slides */
}

/* Slick internal list container */
.services-mobile-slider .slick-list {
    overflow: visible; /* Show neighboring slides slightly if centered */
    width: 100% !important; /* Force full width */
    padding-left: 0 !important; /* Remove any Slick internal padding */
}

/* Slick track that holds all slides */
.services-mobile-slider .slick-track {
    display: flex !important; /* Flex layout for even spacing */
    margin-left: 0 !important; /* Align track with container */
}

/* Each Slick slide wrapper */
.services-mobile-slider .slick-slide {
    margin-right: 15px; /* Space between slides */
    max-width: calc(66.66vw - 0px) !important; /* 2/3 of viewport width */
    width: calc(66.66vw - 0px) !important; /* Keep width consistent */
}

/* Remove left margin for first slide and add left padding */
.services-mobile-slider .slick-slide:first-child {
    margin-left: 0 !important;
    padding-left: 15px;
}

/* Ensure inner div fills the entire slide width */
.services-mobile-slider .slick-slide > div {
    width: 100% !important;
}

/* ================================================
   STATIC FIRST COLUMN ABOVE SLIDER
   ================================================= */

/* Add space below the first column content before the slider */
.first-column-mobile {
    margin-bottom: 40px !important; /* Gap between static text and slider */
}

}
/* Slick slider adjustments for mobile only */
@media (min-width: 768px) and (max-width: 980px) {
/* ================================================
   MOBILE SLIDER STYLES (for .services-mobile-slider)
   ================================================= */

/* Style for each individual mobile slide */
.services-mobile-slider .mobile-slide {
    background-image: url('/wp-content/uploads/2025/09/Services_block_blue.svg'); /* Replace background color with image */
    background-size: cover; /* Make image cover the entire card */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: top; /* Center the image */
    
    padding: 30px 20px; /* Inner spacing */
    height: auto !important; /* Adjust height to content */
    width: auto; /* Allow width to adapt */
    max-width: 80%; /* Restrict width for better centering */
    border-radius: 12px; /* Optional: make edges smooth */
}
}
/* ===========
 Why IAC
   ========= */
/* Change heading color when card is hovered */
.whu-iac-card:hover h3 {
  color: #fff !important;
}
#why-iac-row:hover h3 {
  color: #fff !important;
}
@media (min-width: 981px) and (max-width: 1279px) {
.why-iac-home-module h2{
font-size: 35px !important;
line-height: 35px !important;
}
.why-iac-row2::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 800px;
    background-image: url(/wp-content/uploads/2025/11/high-voltage-electrical-transformers-electricity-distribution-power-plant.webp);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 49%;
    z-index: -1;
    opacity: 1;
}
}
@media (min-width: 1280px) and (max-width: 1399px) {
/* Pseudo-element background for .why-iac-row2 */
.why-iac-row2::before {
  content: "";                                   /* Creates the pseudo-element */
  position: absolute;                            /* Position relative to row */
  top: 30px;                                     /* Push down from top */
  left: 0;                                       /* Start from left edge */
  width: 100%;                                   /* Full width of row */
  height: 651px;                                 /* Fixed height for image */
  background-image: url(/wp-content/uploads/2025/11/high-voltage-electrical-transformers-electricity-distribution-power-plant.webp); /* Background image */
  background-repeat: no-repeat;                  /* Prevent repeat */
  background-position: bottom right;             /* Place image bottom right */
  background-size: 49%;                         /* Use natural image size */
  z-index: -1;                                   /* Put behind row content */
  opacity: 1;                                    /* Fully visible */
}
}
@media (min-width: 1400px) {
/* Pseudo-element background for .why-iac-row2 */
.why-iac-row2::before {
  content: "";                                   /* Creates the pseudo-element */
  position: absolute;                            /* Position relative to row */
  top: 30px;                                     /* Push down from top */
  left: 0;                                       /* Start from left edge */
  width: 100%;                                   /* Full width of row */
  height: 651px;                                 /* Fixed height for image */
  background-image: url(/wp-content/uploads/2025/11/high-voltage-electrical-transformers-electricity-distribution-power-plant.webp); /* Background image */
  background-repeat: no-repeat;                  /* Prevent repeat */
  background-position: bottom right;             /* Place image bottom right */
  background-size: auto;                         /* Use natural image size */
  z-index: -1;                                   /* Put behind row content */
  opacity: 1;                                    /* Fully visible */
}
}
/* Tablet / Small Desktop styles between 981px and 1240px */
@media (min-width: 981px) and (max-width: 1240px) {

  /* Adjust h3 font size inside #why-iac-row */
  .why-iac-section #why-iac-row h3 {
    font-size: 33px;
  }

  /* Adjust h2 font size inside #why-iac-row */
  .why-iac-section #why-iac-row h2 {
    font-size: 40px;
  }

  /* Row background adjustments for medium screens */
  #why-iac-row {
    background-size: 68% !important;          /* Scale background image */
    background-position: right 0px top 27px !important; /* Position image */
  }
}

/* Custom row styling for another row (.why-iac-row2) */
.why-iac-row2 {
  position: relative; /* Needed so ::before pseudo-element positions correctly */
  z-index: 1;         /* Keeps the row content above the pseudo-element */
}



/* Target Divi Button globally (or use module ID/class for specific one) */
.why-iac-section .et_pb_button {
  display: inline-flex !important;       /* Flex layout */
  align-items: center;                   /* Vertical center */
  justify-content: space-between;        /* Space text + icon */
  gap: 10px;                             /* Space between text and icon */
  color: #000 !important;                /* Black text */
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border-radius: 6px;                    /* Optional rounded corners */
  border: 2px solid #d19b00;             /* Border like screenshot */

  position: relative;
  overflow: hidden;                      /* For hover effects if needed */
}

/* Divi inserts icon inside span::after — fix its size/alignment */
.why-iac-section .et_pb_button::after {
  font-size: 18px !important;  /* Adjust icon size */
  margin-left: 10px;           /* Space from text */
  line-height: 1;
}
/* =========================
   Divi Button Icon (::after)
   ========================= */
#why-iac-button-row .et_pb_button_0:after {
    line-height: inherit;          /* Match line height with parent text */
    font-size: 23 !important;      /* Icon size */
	font-weight: 500 !important;   /* Icon weight */
    opacity: 1;                    /* Ensure icon is visible */
    margin-left: .3em;             /* Space between text and icon */
    right: 0px !important;         /* Align to right side */
    left: auto;                    /* Prevent alignment to left */
	width:26px;                    /* Fixed width for icon */
	height:26px;                   /* Fixed height for icon */
}

/* =========================
   Default Column/Button Styles
   ========================= */
.why-iac-btn-clmn1 {
    transition: all 0.3s ease-in-out; /* Smooth background transition */
}

.why-iac-btn-clmn1 .why-iac-yellow-btn {
    display: inline-flex;             /* Align text & icon in a row */
    align-items: center;              /* Vertically center text and icon */
    gap: 8px;                         /* Space between text and icon */
    text-decoration: none;            /* Remove underline */
    color: #000;                      /* Default button text color */
    transition: all 0.3s ease-in-out; /* Smooth color transition */
}

.why-iac-btn-clmn1 .why-iac-yellow-btn img {
    transition: all 0.3s ease-in-out; /* Smooth icon change effect */
}

/* =========================
   Hover Effects on Column
   ========================= */
.why-iac-btn-clmn1:hover {
    background: #000 !important;      /* Column background turns black */
}

.why-iac-btn-clmn1:hover .why-iac-yellow-btn {
    color: #F9A61A !important;        /* Change button text color to yellow */
}

.why-iac-btn-clmn1:hover .why-iac-yellow-btn img {
    content: url("/wp-content/uploads/2025/10/why-iac-btn-hover.svg"); 
    /* Swap default icon with hover icon */
}

/* Limit max width of button text */
.why-iac-btn-text {
  max-width: 265px; /* Prevents text from stretching too wide */
}

/* Main button styling */
.why-iac-yellow-btn {
  display: inline-flex;        /* Flex layout for text + icon */
  align-items: center;         /* Center items vertically */
  justify-content: space-between; /* Space between text and icon */
  gap: 10px;                   /* Spacing between text and icon */
  color: #000;                 /* Text color black */
  font-family: Inter;          /* Font family */
  font-size: 16px;             /* Font size */
  font-style: normal;          /* Normal font style */
  font-weight: 500;            /* Medium weight */
  line-height: normal;         /* Default line height */
  text-transform: uppercase;   /* Make all letters uppercase */
  text-decoration: none;       /* Remove underline */
  position: relative;          /* Needed for ::before effects if used */
  overflow: hidden;            /* Hide overflow (for effects/animations) */
}

/* Icon inside button */
.why-iac-yellow-btn img {
  width: 26px;  /* Icon width */
  height: 26px; /* Icon height */
}
@media (min-width: 1158px) {
.why-iac-clmn::before{
content: "";
        position: absolute;
        top: -38px;
        right: -33px;
        width: 100%;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/10/why-IAC_lightning-icon.svg);
        background-repeat: no-repeat;
        background-position: top 0px right;
        background-size: 14%;
        z-index: 1;
        opacity: 1;
}
}
@media (min-width: 981px) and (max-width: 1157px) {
.why-iac-clmn::before {
        content: "";
        position: absolute;
        top: -35px;
        right: -24px;
        width: 100%;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/10/why-IAC_lightning-icon.svg);
        background-repeat: no-repeat;
        background-position: top 0px right;
        background-size: 14%;
        z-index: 1;
        opacity: 1;
    }
}
/* ===========
Our Impact Section
   ========= */
@media (min-width: 981px)  {
/*ur-impact-section h2{
    margin-top: -15px !important;
}
.our-impact-section .impact-row{
    margin-top: -134px !important;
}*/
/* Basic module setup */
.impact-module,
.impact-module1,
.impact-module2,
.impact-module3,
.impact-module4,
.impact-module5,
.impact-module6,
.impact-module7 {
  position: relative;
}
}
/* Icons attached to body always receive hover */
.lightning-icon-absolute {
  pointer-events: auto !important;
}
@media (min-width: 981px) and (max-width: 1270px) {
.impact-row h4{
font-size: 27px !important;
line-height: 27px !important;
}
.impact-row p{
font-size: 14px !important;
line-height: 18px !important;
}
.impact-row2 h4{
font-size: 27px !important;
line-height: 27px !important;
}
.impact-row2 p{
font-size: 14px !important;
line-height: 18px !important;
}
}
@media (min-width: 981px) and (max-width: 1128px) {
.impact-row{
    background-size: 100% !important;
}
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}
/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
	.our-impact-section h2{
    margin-top: -15px !important;
}
/*.our-impact-section .impact-row{
    margin-top: -144px !important;
}*/
}
/* Why IAC Mobile Slider - 1.5 Slide View */
/* Why IAC Mobile Slider - 1.5 Slide View with Background Image */
/* Alternative - Target Divi column structure */
/* Why IAC Mobile Slider - 1.5 Slide View with Background Image on Cards */
@media (max-width: 980px) {
	.first-column-mobile-why-iac{
		margin-right: 30px !important;
        padding-left: 20px;
        margin-bottom: 40px;
	}
    .why-iac-mobile-slider {
        overflow: visible !important;
        padding-left: 20px; /* space to left */
    }

    .why-iac-mobile-slider .slick-list {
        overflow: visible !important;
    }

    .why-iac-mobile-slider .slick-track {
        display: flex;
        align-items: stretch;
    }
    
element.style {
}
.why-iac-yellow-btn {
    background-color: #f9a61a;
    padding-top: 11px;
    padding-right: 18px;
    padding-bottom: 11px;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    overflow: hidden;
	        width: calc(100vw - 139px) !important; /* card width less than screen width to allow peek */
        max-width: calc(100vw - 139px);
}
    .why-iac-mobile-slider .slick-slide {
        margin-right: 30px; /* spacing between cards */
        width: calc(100vw - 139px) !important; /* card width less than screen width to allow peek */
        max-width: calc(100vw - 139px);
    }

    .why-iac-mobile-slider .mobile-slide {
        padding: 30px 20px;
        background-image: url('/wp-content/uploads/2025/10/We-help-you-win-business_0.svg');
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        height: auto !important; /* Adjust height to content */
        width: auto; /* Allow width to adapt */
        max-width: 80%; /* Restrict width for better centering */
        border-radius: 0px; /* Optional: make edges smooth */
    }

    /* Optional: fix centering on first card */
    .why-iac-mobile-slider .slick-slide:first-child {
        margin-left: 0;
    }
	.button-column-mobile{
	padding-left: 20px;
    margin-top: 40px;
	}
	.why-iac-btn-text{
		width:193px;
	}
	.bg-column-mobile{
		padding-left: 20px;
		margin-top:40px;
	}
}
/*why=iac-yellow button style*/
@media all and (min-width: 768px) and (max-width: 980px) {
.why-iac-yellow-btn {
    background-color: #f9a61a;
    padding-top: 11px;
    padding-right: 18px;
    padding-bottom: 11px;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    overflow: hidden;
	width: auto !important; /* card width less than screen width to allow peek */
    max-width: auto;
}
}
/* ==========================
   contact us page styling
   ==========================*/

/* === Contact Form 7 in Divi: Minimalist Underline Input Style === */

/* === General font settings === */

.wpcf7-form {
  font-family: 'Inter', sans-serif;
}

/* === Row spacing - 20px between each field === */
.wpcf7-form .et_pb_row,
.wpcf7-form .form-row {
  margin-bottom: 20px; /* spacing between each row */
}

/* === Full-width column for all fields === */
.wpcf7-form .et_pb_column_4_4 {
  width: 100%;
}

/* === Label styling === */
.wpcf7-form label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  color: #000;
  margin-bottom: 5px;
}

/* === Input and textarea - underline only === */
.wpcf7-form select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #B5B5B5;
    padding: 10px 0;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #333;
    background-color: transparent;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
    appearance: none; /* removes default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path fill='%23333' d='M1 1l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 8px;
    cursor: pointer;
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  border: none; /* Remove all borders */
  border-bottom: 1px solid #B5B5B5; /* Only bottom border */
  padding: 10px 0; /* Vertical spacing */
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #333;
  background-color: transparent;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.3s ease;
  margin-left: 0px !important;
}

/* === Placeholder text style === */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #B5B5B5;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* === Highlight underline on focus === */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-bottom: 1px solid #B5B5B5;
}

/* === Message textarea box style === */
.wpcf7-form textarea[name="your-message"] {
  background-color: #F4F4F4;;
  border: 1px solid #F4F4F4;;
  border-radius: 4px;
  height: 110px;
  padding: 16px 20px;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  color: #000;
  box-sizing: border-box;
  resize: vertical;
  border-bottom: none !important; /* Remove underline */
}

/* === Submit button === */
.submit-row{
display: inline-flex;
justify-content: center;
align-items: center;
}
/* === Submit button (refined size & centered) === */
.wpcf7-form input[type="submit"] {
  display: inline-block;             /* Prevent full-width button */
  background-color: #000;
  color: #fff;
  padding: 10px 24px;                /* Reduced padding for balanced size */
  border: none;
 color: #FFF;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.3s ease;
  width: auto;                       /* Prevents stretching */
  min-width: 130px;                  /* Optional: keeps consistent look */
  text-align: center;
}
.wpcf7-form input[type="submit"]:hover {
    background-color: #413FD6 !important;
}

/* === Center the button inside its row === */
.wpcf7-form .et_pb_row:last-child,
.wpcf7-form .form-row.submit-row {
  text-align: left; /* Use 'center' if you want it perfectly centered */
}
/* ==========================
   Our Leadership
   ==========================*/
@media (max-width: 980px) {

    .team-clmn1,
    .team-clmn2,
    .team-clmn3 {
        width: 100% !important;
    }
	 .team-clmn1,
    .team-clmn2 {
        width: 45% !important;
		margin-right:10% !important;
    }

    /* Make parent row a flexbox on mobile */
    .team-row {   /* change to your row class */
        display: flex;
        flex-direction: column;
    }

    /* Set order for mobile */
    .team-clmn3 {
        order: 1;
    }

    .team-clmn1 {
        order: 2;
    }

    .team-clmn2 {
        order: 3;
    }
}

@media all and (min-width: 981px) and (max-width: 1024px) {
/* Adjusts the right padding of the hero text in the leadership section */
.leadership-hero-text {
	padding-right: 15px !important;
}

/* Sets a custom background size for the executive team row 
   - 92% width of the container, height scales automatically */
/*.exec-team-row {
    background-size: 92% auto !important;
}*/

}
/* Media Query for screen sizes up to 980px */
@media (max-width: 980px) {

    /* Style for the first executive team column */
    .exec-team-clmn1 {
        width: 45% !important;        /* Sets the width to 45% */
        margin-right: 10% !important;            /* Adds 10% right margin to create space between columns */
    }

    /* Style for the second executive team column */
    .exec-team-clmn2 {
        width: 45% !important;        /* Sets the width to 45% */
        margin-right: 0%;             /* No right margin for the last column */
    }

}
/* ==========================
   Blog Listing
   ==========================*/
.featured-post-content .post-author{
display: none;
}
.featured-post-content .meta-divider{
display: none;
}
.blog-grid-row .post-author{
visibility:hidden;
display:none;
}
/* Container for a row with max width and padding */
.blog-row-container {
    width: 100%;              /* Full width of the parent/container */
    max-width: 1280px;        /* Maximum width to prevent stretching on large screens */
    padding-left: 80px;       /* Left padding inside the container */
    padding-right: 80px;      /* Right padding inside the container */
    margin-left: auto;        /* Center the container horizontally */
    margin-right: auto;       /* Center the container horizontally */
    padding-top: 50px;        /* Top padding inside the container */
    padding-bottom: 50px;     /* Bottom padding inside the container */
}
/* Main blog title styling */
.blog-main-title {
    color: #000;              /* Text color: black */
    font-family: Raleway;     /* Font family */
    font-size: 72px;          /* Font size */
    font-style: normal;       /* Normal font style (not italic) */
    font-weight: 700;         /* Bold font weight */
    line-height: 75px;        /* Space between lines */
    text-align: center;       /* Center align the text */
	padding-bottom: 0px;
}
/* Align items vertically center using Flexbox */
.align-items-center {
    display: flex;            /* Enable flex layout */
    align-items: center;      /* Vertically center items */
}
/* Two-column layout with spacing */
.col-md-6 {
    float: left;
    box-sizing: border-box;
}

/* First column */
.col-md-6:first-child {
    width: 55%;
    margin-right: 5%;
}

/* Second column */
.col-md-6:last-child {
    width: 40%;
    margin-right: 0;
}

/* Featured post tags styling */
.featured-post-tags{
  color: #413FD6; /* text color */
  font-family: Raleway; /* font family */
  font-size: 14px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 700; /* bold text */
  line-height: normal; /* default line height */
  letter-spacing: 1.75px; /* spacing between letters */
  text-transform: uppercase; /* uppercase text */
  padding-bottom: 20px !important; /* bottom padding, forced */
}

/* Featured post title styling */
.featured-post-title{
  color: #000; /* text color */
  font-family: Raleway; /* font family */
  font-size: 50px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 700; /* bold text */
  line-height: 50px; /* line height equal to font size */
}

/* Post author styling */
.post-author{
  color: #000; /* text color */
  font-family: Inter; /* font family */
  font-size: 16px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 500; /* medium weight */
  line-height: normal; /* default line height */
}

/* Post date styling */
.post-date{
  color: #747474; /* grey color */
  font-family: Inter; /* font family */
  font-size: 16px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 400; /* normal weight */
  line-height: normal; /* default line height */
}

/* Featured post excerpt styling */
.featured-post-excerpt{
  color: #000; /* text color */
  font-family: Inter; /* font family */
  font-size: 18px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 400; /* normal weight */
  line-height: 22px; /* line height */
  padding-top:30px; /* top padding */
  padding-bottom:30px !important; /* bottom padding, forced */
}

/* Read more button styling */
.read-more-btn{
  background: #F9A61A; /* button background color */
  display: inline-flex; /* inline flex container */
  height: 40px; /* button height */
  padding: 10.463px 15px 9.537px 15px; /* inner spacing (top, right, bottom, left) */
  justify-content: center; /* horizontally center content */
  align-items: flex-start; /* align items at the top */
  gap: 10px; /* spacing between child elements */
  color: #000; /* text color */
  text-align: center; /* center text */
  font-family: Inter; /* font family */
  font-size: 16px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 500; /* medium weight */
  line-height: normal; /* default line height */
}

/* Parent container for the blog grid */
.blog-grid-row {
  display: flex; /* flex container */
  flex-wrap: wrap; /* wrap columns to next line */
  gap: 30px; /* space between cards */
}

/* Blog grid row adjustments */
.blog-grid-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0px;
    gap: 3%;
}
.blog-grid-item{
	 margin-top: 50px;
}
/* Each column in the blog grid */
.blog-grid-row .col-md-4 {
  width: 31%; /* slightly less than 33.33% to allow spacing */
  box-sizing: border-box; /* include padding and border in width */
}

/* Blog card content padding */
.blog-card-content{
  padding-top: 10px; /* top padding */
}

/* Blog card author text inside card */
.blog-card-content .post-author{
  color: #000; /* text color */
  font-family: Inter; /* font family */
  font-size: 14px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 500; /* medium weight */
  line-height: normal; /* default line height */
}

/* Blog card meta spacing */
.blog-card-content .post-meta{
  padding-bottom:16px; /* bottom padding */
}

/* Blog card date styling */
.blog-card-content .post-date{
  float: right; /* float to right */
  color: #747474; /* grey color */
  font-family: Inter; /* font family */
  font-size: 14px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 400; /* normal weight */
  line-height: normal; /* default line height */
}

/* Blog card title styling */
.blog-card-content .blog-card-title{
  color: #000; /* text color */
  font-family: Inter; /* font family */
  font-size: 22px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 700; /* bold text */
  line-height: 24px; /* line height */
}

/* Blog card excerpt styling */
.blog-card-excerpt{
  color: #000; /* text color */
  font-family: Inter; /* font family */
  font-size: 18px; /* font size */
  font-style: normal; /* normal font style */
  font-weight: 400; /* normal weight */
  line-height: 22px; /* line height */
  padding-bottom:20px !important; /* bottom padding forced */
	padding-top: 10px !important;
}
/* === Author Section Styles === */

/* Author Name Styling */
.author-name {
    padding-top: 14px;          /* Adds space above the author name */
    color: #000;                /* Black text color */
    font-family: Raleway;       /* Font family for consistency */
    font-size: 20px;            /* Font size for prominence */
    font-style: normal;         /* No italic style */
    font-weight: 600;           /* Semi-bold for emphasis */
    line-height: normal;        /* Default line height */
}

/* Author Position or Title Styling */
.author-position {
    color: #000;                /* Black text color */
    font-family: Raleway;       /* Same font family for visual harmony */
    font-size: 16px;            /* Slightly smaller size than name */
    font-style: normal;         /* Regular font style */
    font-weight: 500;           /* Medium weight for subtle emphasis */
    line-height: normal;        /* Default line height */
}
/* ==========================
   Pagination Styles
   ==========================*/

/* Container for the entire pagination section */
.blog-pagination {
    padding-bottom: 50px; /* Adds space below the pagination */
}

/* Wrapper that holds the pagination controls (arrows and page numbers) */
.pagination-wrapper {
    display: flex;                /* Use flexbox for layout */
    align-items: center;         /* Vertically center items */
    justify-content: center;     /* Center items horizontally */
    gap: 15px;                   /* Space between items */
}

/* Styling for previous/next arrow buttons */
.pagination-arrow {
    display: inline-flex;         /* Inline-level flex container */
    align-items: center;         /* Vertically center content */
    justify-content: center;     /* Horizontally center content */
    width: auto !important;      /* Allow width to adjust, override if needed */
    height: 39px !important;     /* Fixed height for consistent sizing */
    border: none;                /* Remove border */
    background: transparent;     /* Transparent background */
    text-decoration: none;       /* Remove underline or other link styles */
    transition: opacity 0.3s ease; /* Smooth transition on opacity */
    cursor: pointer;             /* Show pointer on hover */
}

/* Disabled state for arrow buttons */
.pagination-arrow.disabled {
    cursor: not-allowed;  /* Show 'not-allowed' cursor */
    opacity: 0.5;         /* Make it appear faded/disabled */
}

/* Hover effect for enabled arrow buttons */
.pagination-arrow:hover:not(.disabled) {
    opacity: 0.8; /* Slightly fade on hover */
}

/* Image inside arrow buttons */
.pagination-arrow .arrow-img {
    display: block;     /* Ensure image behaves as block for spacing */
    width: 36px;        /* Width of the arrow image */
    height: 36px;       /* Height of the arrow image */
}

/* Container for page number buttons */
.pagination-numbers {
    display: inline-flex;        /* Flex container but behaves inline */
    align-items: flex-start;     /* Align page numbers to the top */
    gap: 16px;                   /* Space between each number or dot */
}

/* Individual page number button */
.page-number {
    display: inline-flex;        /* Inline flex for better alignment */
    align-items: center;         /* Vertically center content */
    justify-content: center;     /* Horizontally center content */
    min-width: 32px;             /* Minimum width to keep consistent sizing */
    height: 32px;                /* Fixed height */
    padding: 0 8px;              /* Horizontal padding */
    border: none;                /* No border */
    color: #000;                 /* Black text */
    text-align: center;          /* Center the text */
    font-family: Inter;          /* Use Inter font */
    font-size: 16px;             /* Font size */
    font-style: normal;          /* Normal font style */
    font-weight: 600;            /* Semi-bold */
    line-height: normal;         /* Default line height */
    text-decoration: none;       /* No underline */
    transition: all 0.3s ease;   /* Smooth transitions for all properties */
    background-color: transparent; /* No background by default */
}

/* Styling for the current/active page number */
.page-number.current {
    color: #413FD6; /* Primary color for current page number */
}

/* Ellipsis (...) used for skipped pages */
.page-dots {
    padding: 0 8px;      /* Horizontal padding for spacing */
    color: #999999;      /* Light gray text color */
    font-size: 16px;     /* Same size as page numbers */
}
@media (min-width: 981px) {
.blog-card-image img {
  width: 370px;
  height: 247px;
  object-fit: cover; /* Ensures the image fills the space without distortion */
}
.blog-header{
    position: relative;
    z-index: 4;
    pointer-events: none;		
}
.blog-posts-listing{
    position: relative;
    z-index: 4;
    pointer-events: none;		
}	
.lightning-hover-area::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;      /* Extend 100px above */
    height: calc(108px + 200px); /* Original height + 200px (100px top + 100px bottom) */
    z-index: -1;
    pointer-events: auto;
}
.featured-title{
	display: none;
}
    /* Add spacing below featured posts */
    .featured-post-large {
        margin-top: 40px;
    }
.blog-row-container {
    width: 100%; /* Make the container span the full width of its parent */
    max-width: 1280px; /* Restrict the maximum width for large screens */
    padding-left: 80px; /* Add spacing on the left inside the container */
    padding-right: 80px; /* Add spacing on the right inside the container */
    margin-left: auto; /* Center the container horizontally */
    margin-right: auto; /* Center the container horizontally */
    padding-top: 50px; /* Add space above the content inside the container */
    padding-bottom: 50px; /* Add space below the content inside the container */

    /* === Background Image Styling === */
    background-image: url('/wp-content/uploads/2025/10/BG-grid-blog.svg'); /* Path to the background image */
    background-position: top center; /* Position image at the top center */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-size: contain; /* Scale the image to fit within the container while maintaining aspect ratio */
	position:relative;
        z-index: 0;
}
.blog-posts-listing a{
    pointer-events: auto;
}
}
/* Responsive styles for screens 980px wide and below */
@media (max-width: 980px) {
/* Make the first column take full width and remove right margin */
.col-md-6:first-child {
    width: 100%;
    margin-right: 0%;
}

/* Make the second column also take full width and remove right margin */
.col-md-6:last-child {
    width: 100%;
    margin-right: 0;
}
    /* Container with padding adjustments for smaller screens */
    .blog-row-container {
        padding-left: 20px;     /* Reduce horizontal padding */
        padding-right: 20px;
        padding-top: 40px;      /* Add top padding */
        padding-bottom: 40px;   /* Add bottom padding */
    }

    /* Adjust blog title size and spacing for better fit */
    .blog-main-title {
        font-size: 50px;        /* Decrease font size */
        line-height: 50px;      /* Adjust line height */
        padding-bottom: 0px;   /* Reduce bottom spacing */
    }

    /* Stack flex items vertically */
    .align-items-center {
        flex-direction: column; /* Stack children in column layout */
    }

    /* Make column take full width and remove margin */
    .col-md-6 {
        width: 100%;            /* Full width column */
        margin-right: 0;
        margin-bottom: 0;
        float: none;            /* Reset float */
    }

    /* Add spacing below featured posts */
    .featured-post-large {
        margin-top: 40px;
    }

    /* Ensure minimum height for featured images */
    .featured-post-image {
        min-height: 250px;
    }

    /* Make sure image stretches full width and minimum height is maintained */
    .featured-post-image img {
        min-height: 250px;
        width: 100% !important; /* Ensure full width image */
    }



    /* Make tags smaller and spaced */
    .featured-post-tags {
        font-size: 12px;
        letter-spacing: 1.2px;          /* Increase spacing between letters */
        padding-bottom: 15px !important; /* Add space below tags */
    }

    /* Reduce size and spacing of featured titles */
    .featured-post-title {
        font-size: 32px;               /* Smaller font size */
        line-height: 32px;             /* Adjust line height */
        margin: 0 0 10px 0;            /* Bottom margin only */
		padding-bottom:0px;
    }
	.post-author{
		font-size: 16px !important;
		line-height: 20px !important;
	}
    /* Adjust post metadata spacing */
    .post-meta {
        font-size: 14px;
        margin: 0 0 0px 0;
    }

    /* Smaller font for author */
    .post-author {
        font-size: 14px;
    }

    /* Smaller font for date */
    .post-date {
        font-size: 16px;
		line-height: 20px;
    }

    /* Make excerpt text smaller and add spacing */
    .featured-post-excerpt {
        padding-top: 20px;
        padding-bottom: 20px !important;
    }

    /* Adjust read more button size */
    .read-more-btn {
        height: 38px;
        padding: 8px 12px;
    }

    /* Remove margin/gap between blog items */
    .blog-grid-row {
        gap: 0;
        margin-top: 0;
    }

    /* Make each grid item full width and add top margin */
    .blog-grid-item {
        width: 100%;
        margin-top: 30px;
    }

    /* Override column size to full width inside grid */
    .blog-grid-row .col-md-4 {
        width: 100%;
    }

    /* Remove border around blog card */
    .blog-card {
        border: none;
    }

    /* Set fixed height for card image */
    .blog-card-image {
        height: 220px;
    }

    /* Adjust padding inside blog card content */
    .blog-card-content {
        padding: 0px 0;
    }

    /* Add spacing below post metadata inside cards */
    .blog-card-content .post-meta {
        padding-bottom: 10px;
    }

    /* Smaller font for author inside blog card */
    .blog-card-content .post-author {
        font-size: 14px !important;
		line-height: 18px !important;
    }

    /* Smaller font for date inside blog card */
    .blog-card-content .post-date {
        font-size: 14px !important;
		line-height: 18px;
    }

    /* Make blog card images stretch full width */
    .blog-card img {
        width: 100%;
    }

    /* Adjust blog card title */
    .blog-card-title {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 0px 0;
    }

    /* Duplicate style for blog card title inside content area */
    .blog-card-content .blog-card-title {
        font-size: 22px;
        line-height: 24px;
    }

    /* Adjust blog card excerpt text and spacing */
    .blog-card-excerpt {
        padding-bottom: 20px !important;
    }

    /* Adjust spacing and layout for pagination on smaller screens */
    .blog-pagination {
        padding-bottom: 30px;
        margin-top: 0px;
        padding-top: 0px;
    }

    /* Wrap pagination controls and reduce spacing */
    .pagination-wrapper {
        gap: 10px;           /* Less space between elements */
        flex-wrap: wrap;     /* Allow wrapping to new lines */
    }

    /* Smaller height for pagination arrows */
    .pagination-arrow {
        height: 32px !important;
    }

    /* Smaller arrow images */
    .pagination-arrow .arrow-img {
        width: 28px;
        height: 28px;
    }

    /* Reduce space between page numbers */
    .pagination-numbers {
        gap: 10px;
    }

 

    /* Smaller ellipsis for skipped pages */
    .page-dots {
        padding: 0 6px;
        font-size: 14px;
    }
	.featured-titles{
		display: none;
	}
	.featured-post-tags {
      font-size: 14px;
	  line-height: 18px;
	  padding-bottom: 10px !important;
	}
	
}
/*Blog Lightning effect*/
/* Responsive styles for screens 981px wide and below */
@media (min-width: 981px) {
	  /* Lightning bolts positioned across the grid */
  /*      .lightning {
            position: absolute;
        	width: auto;
        	height: 108px;
            opacity: 0.6;
            z-index: 2;
            animation: pulse 3s ease-in-out infinite;
        }
.lightning:nth-child(1) {
            top: 24%;
            left: 17%;
            animation-delay: 0s;
        }

        .lightning:nth-child(2) {
            top: 58%;
            left: 17%;
            animation-delay: 0s;
        }

        .lightning:nth-child(3) {
            top: 94%;
            right: 79%;
            animation-delay: 0.5s;
        }

        .lightning:nth-child(4) {
            bottom: 94%;
            left: 79%;
            animation-delay: 1s;
        }

        .lightning:nth-child(5) {
            bottom: 15%;
            right: 12%;
            animation-delay: 1.5s;
        }

        .lightning:nth-child(6) {
            top: 50%;
            left: 5%;
            animation-delay: 2s;
        }

        .lightning:nth-child(7) {
            top: 70%;
            right: 25%;
            animation-delay: 2.5s;
        }*/
}

/* ==========================
   Contact Sales Section Styles
   ==========================*/
/* Fix for intl-tel-input arrow positioning */

/* Override the container to ensure proper layout */
.flag-container {
  position: relative;
  width: auto;
  min-width: 90px;
}

/* Fix the selected flag container layout */
.selected-flag {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  padding: 0 25px 0 0px !important; /* Add right padding for arrow space */
  min-height: 30px;
  box-sizing: border-box;
}

/* Flag styling */
.iti-flag {
  flex-shrink: 0;
  margin-right: 6px;
}

/* Dial code styling */
.selected-dial-code {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  margin-right: 15px; /* Increased gap from arrow */
  line-height: 1;
}

/* Arrow positioning - absolute positioning within the container */
.iti-arrow {
  position: absolute !important;
  right: 3px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  flex-shrink: 0;
  z-index: 1;
}

/* Alternative fix if the above doesn't work - force inline-flex layout */
.flag-container .selected-flag {
  display: inline-flex !important;
  width: 100%;
}

/* Ensure the arrow doesn't wrap or overflow */
.selected-flag > * {
  vertical-align: middle;
}
/* Move phone input to the right */
.wpcf7-phonetext {
    margin-left: 10px !important; /* Increase or decrease as needed */
}
.selected-dial-code{
font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #333;
}
/* Fix for when the container is too narrow */
@media screen and (max-width: 768px) {
  .flag-container {
    min-width: 100px;
  }
  
  .selected-flag {
    padding-right: 30px !important;
  }
}
/* Column spacing for first column */
.sles-clmn1 {
	margin-right: 4% !important;
}

/* ==========================
   Choice Box Styles
   ==========================*/
.choice-box {
	border-radius: 4px; /* Rounded corners */
	border: 0.7px solid #413FD6; /* Border color */
	padding: 16px 6px 16px 20px; /* Inner spacing */
	margin-top: -1px; /* Adjust top spacing slightly */
}

/* Title inside choice box */
.choice-box > p {
	margin: 0 0 15px 0; /* Spacing below title */
	color: #413FD6; /* Text color */
	font-family: Inter; /* Font family */
	font-size: 16px; /* Font size */
	font-style: normal;
	font-weight: 500; /* Medium weight */
	line-height: 16px; /* Line height */
}

/* Container for all choices using table layout */
.choices-grid {
	display: table;
	width: 100%; /* Full width */
}

/* Each individual choice cell */
.choice {
	display: table-cell;
	width: 50%; /* Two columns */
	padding: 8px 0; /* Vertical spacing */
	vertical-align: top; /* Align text at top */
}

/* Row for grouping choices */
.choice-row {
	display: table-row;
}

/* Label styling for checkbox text */
.choice label {
	display: flex; /* Align checkbox and text inline */
	align-items: flex-start; /* Align top */
	cursor: pointer; /* Pointer on hover */
	max-width: 237px; /* Limit width */
	color: #000;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* Checkbox styling */
.choice input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-right: 8px; /* Space between checkbox and text */
	margin-top: 2px;
	cursor: pointer;
	accent-color: #5b6ec4; /* Custom checkbox color */
	flex-shrink: 0;
}

/* Checked checkbox styling */
.choice input[type="checkbox"]:checked {
	background-color: #5b6ec4;
}

/* ==========================
   Question Title Styles
   ==========================*/
.question-title {
	color: #000;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 16px; /* Space below question */
}

/* ==========================
   Service Box Styles
   ==========================*/
.service-box {
	border-radius: 4px;
	border: 0.7px solid #413FD6;
	padding: 16px 6px 16px 20px;
	margin-top: 26px; /* Space above box */
	margin-bottom: 20px; /* Space below box */
}

/* Title inside service box */
.service-box > p {
	margin: 0 0 15px 0;
	color: #413FD6;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

/* Grid container for services */
.services-grid {
	display: table;
	width: 100%;
}

/* Each row of service options */
.service-row {
	display: table-row;
}

/* Each service option cell */
.service {
	display: table-cell;
	width: 50%;
	padding: 8px 8px 8px 0;
	vertical-align: top;
}

/* Label for each service checkbox */
.service label {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	color: #000;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	max-width: 206px; /* Restrict width */
}

/* Checkbox styling for services */
.service input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-top: 2px;
	cursor: pointer;
	accent-color: #7b85d4; /* Slightly lighter accent */
	flex-shrink: 0;
}

/* ==========================
   Contact Sales Textarea Styles
   ==========================*/
.contact-sales textarea {
	background-color: #FFF !important; /* White background */
	border: 1px solid #F4F4F4; /* Light gray border */
	border-radius: 4px; /* Rounded corners */
	height: 110px; /* Fixed height */
	padding: 16px 20px; /* Inner padding */
	width: 100%; /* Full width */
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: #000;
	box-sizing: border-box; /* Include padding in total width */
	resize: vertical; /* Allow vertical resizing only */
	border-bottom: none !important; /* Remove bottom border */
	margin-top: 8px; /* Space above */
}

/* Submit button container spacing */
body.page-id-1008 .contact-sales .submit-row {
	margin-bottom: 40px !important
}
.contact-sales .submit-row {
	margin-bottom: 0px;
}
.placeholder{
	color: #B5B5B5;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* Responsive styles for screens 981px wide and below */
@media (max-width: 980px) {
	.sles-clmn1{
		padding-top:0px !important;
	}
	.sles-clmn2{
		padding-top:0px !important;
	}
	.contact-sales textarea{
		background-color: #F4F4F4 !important;
	}
	.contact-sales .submit-row {
    margin-bottom: 0px !important;
}
	    .sles-clmn1 {
        padding-top: 0px !important;
        margin-bottom: 0px !important;
    }
	.six-column-gallery .et_pb_gallery_item {
    float: none !important;
    width: auto !important;
    margin: 0 3px !important;
    display: inline-block !important;
}
}
@media (min-width:981px){
.contact-sales-testimonial{
	margin-right:10% !important;
}
body.page-id-821 .submit-row{
margin-bottom:30px !important;
}

}
/*contact sale page slider*/
/* Slick Slider Base Styles */
/* Slick Slider Base Styles */
.six-column-gallery .et_pb_gallery_items {
    display: block !important;
}
.six-column-gallery .et_pb_gallery_item {
    float: none !important;
    width: auto !important;
    margin: 0 5px !important;
    display: inline-block !important;
}
/* Slick Slider Core Styles */
.six-column-gallery .slick-slide {
    outline: none;
}
.six-column-gallery .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}
/* Remove Divi default grid styles */
.six-column-gallery .et_pb_gallery_items::after,
.six-column-gallery .et_pb_gallery_items::before {
    display: none !important;
}
/* Smooth transitions */
.six-column-gallery .et_pb_gallery_item {
    transition: all 0.3s ease;
}
.six-column-gallery .et_pb_gallery_item:hover {
    transform: scale(1.05);
}
/* Optional: Add some spacing */
.six-column-gallery {
    padding: 20px 0;
}
/* Fix for Divi gallery image container */
.six-column-gallery .et_pb_gallery_image {
    margin-bottom: 0 !important;
}
/* Slick track alignment */
.six-column-gallery .slick-track {
    display: flex !important;
    align-items: center;
}

/* RTL fix for proper display */
.six-column-gallery .slick-list {
    direction: rtl !important;
}

.six-column-gallery .slick-slide {
    direction: ltr !important; /* Keep content direction normal */
}

/* Hide country name in the dropdown input field */
.country-phone-select .selected-flag .country-name {
    display: none !important;
}

/* Optional: adjust padding so the flag is centered */
.country-phone-select .selected-flag {
    padding-left: 5px !important;
}

/* Optional: adjust the dropdown menu items if you want only flags visible there */
.country-phone-select .country-list li span.country-name {
    display: none !important;
}
.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent !important;
    border-radius: 2px;
	border: 0px solid #E0E0E0 !important;
}
/* =========================================
  				Why IAC
   ========================================= */
/* ================================
   Feature List Item Styling
   ================================ */
/* === Feature List Styling === */
.feature-list {
  list-style-position: outside;  /* Ensures list markers (numbers or bullets) appear outside the content box */
  margin: 0;                     /* Removes default top and bottom margins from the list */
  padding-left: 25px;            /* Adds space on the left for list markers to align neatly */
}


/* Removes bottom margin from the last list item for neat spacing */
.feature-list li:last-child {
  margin-bottom: 0;
}
/* === Feature List Styling === */
.feature-list {
  list-style-position: outside !important;  /* Ensures list markers (numbers or bullets) appear outside the content box */
  margin: 0;                     /* Removes default top and bottom margins from the list */
  padding-left: 25px;            /* Adds space on the left for list markers to align neatly */
}

/* 1️⃣ Make row a positioning context */
.featured-list-row {
  position: relative;
  overflow: visible;
}

/* 3️⃣ Column background using pseudo-element */
.featured-list-row .et_pb_column {
  position: relative; /* needed for column pseudo-element */
}

.featured-list-row .et_pb_column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F9A61A; /* your column color */
  z-index: 1; /* behind text */
}

/* 4️⃣ Ensure column content is above pseudo-element */
.featured-list-row .et_pb_column > .et_pb_module {
  position: relative;
  z-index: 10; /* above lightning and column bg */
}
/* Styling for the author name in the "Why IAC" section */
.author-name-why-iac {
  color: #000;               /* Sets text color to black */
  font-family: Raleway;      /* Uses Raleway font */
  font-size: 20px;           /* Sets font size to 20px */
  font-style: normal;        /* Ensures normal (non-italic) style */
  font-weight: 600;          /* Semi-bold text weight */
  line-height: normal;       /* Default line height */
  padding-top: 20px;         /* Adds 20px spacing above the text */
}
.author-position-why-iac{
color: #000;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;	
}

.badge-module {
  position: relative;  /* make this container a positioning reference */
}
.why-iac-contact-form textarea{
background-color: #FFFF !important;
}
/* Container class where the image will be applied using a pseudo-element   Number section1*/
.why-iac-number {
  position: relative; /* Establishes a positioning context for the ::before element */
}
/* Container class where the image will be applied using a pseudo-element   Number section2*/
.why-iac-number2 {
  position: relative; /* Establishes a positioning context for the ::before element */
}
/* Container class where the image will be applied using a pseudo-element   Number section3*/
.why-iac-number3 {
  position: relative; /* Establishes a positioning context for the ::before element */
}
/* Container class where the image will be applied using a pseudo-element   Number section4*/
.why-iac-number4 {
  position: relative; /* Establishes a positioning context for the ::before element */
}
/* Container class where the image will be applied using a pseudo-element   Number section5*/
.why-iac-number5 {
  position: relative; /* Establishes a positioning context for the ::before element */
}
/* Container class where the image will be applied using a pseudo-element   Number section6*/
.why-iac-number6 {
  position: relative; /* Establishes a positioning context for the ::before element*/
}
/* Container class where the image will be applied using a pseudo-element Number section7 */
.why-iac-number7 {
  position: relative; /* Establishes a positioning context for the ::before element */
}
@media (min-width: 981px) {
/* Pseudo-element to display the image before the element's content   Number section1*/
.why-iac-number::before {
content: "";
    position: absolute;
    top: -11px;
    left: -42px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 20%;
    background-repeat: no-repeat;
    z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section2*/
.why-iac-number2::before {
		content: "";
        position: absolute;
        top: -4px;
        left: -16px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 22%;
        background-repeat: no-repeat;
        z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section3*/
.why-iac-number3::before {
		content: "";
        position: absolute;
        top: -4px;
        left: -16px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 22%;
        background-repeat: no-repeat;
        z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section4*/
.why-iac-number4::before {
		content: "";
        position: absolute;
        top: -4px;
        left: -16px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 22%;
        background-repeat: no-repeat;
        z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section5*/
.why-iac-number5::before {
content: "";
        position: absolute;
        top: -4px;
        left: -25px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-section-5-bg.png);
        background-size: 11%;
        background-repeat: no-repeat;
        z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section6*/
.why-iac-number6::before {
		content: "";
        position: absolute;
        top: -4px;
        left: -16px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 22%;
        background-repeat: no-repeat;
        z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section7*/
.why-iac-number7::before {
		content: "";
        position: absolute;
        top: -4px;
        left: -16px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 22%;
        background-repeat: no-repeat;
        z-index: 0;
}
.feature-list li {
  margin-bottom: 14px; /* Adds 14px vertical gap between list items */
 }

/* 2️⃣ Row pseudo-element for lightning image */
.featured-list-row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2025/10/why-IAC-lightning.svg");
  background-repeat: no-repeat;
  background-position: left bottom 30px;
  background-size: 30%;
  z-index: 5; /* above column bg but below text */
  pointer-events: none;
}
.we-help-clmn1{
  margin-right: 10% !important;
}
.badge-module::before {
  content: url("/wp-content/uploads/2025/10/Badge.svg");
  position: absolute;
        top: -80px;
        left: 109%;
        transform: translateX(-35%);

}
}
@media (max-width: 767px) {
/* Pseudo-element to display the image before the element's content */
.why-iac-number::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section2*/
.why-iac-number2::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section3*/
.why-iac-number3::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section4*/
.why-iac-number4::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}

/* Pseudo-element to display the image before the element's content   Number section6*/
.why-iac-number6::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
/* Pseudo-element to display the image before the element's content   Number section7*/
.why-iac-number7::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
  /* Adds a decorative lightning background image behind the section */
  .featured-list-row::before {
    content: "";
    position: absolute;
    top: -120px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/10/why-IAC_hero_lightning_mobile.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 58%;
    z-index: 5;
    pointer-events: none; /* Prevents background from blocking interactions */
  }
	/* Pseudo-element to display the image before the element's content   Number section5*/
.why-iac-number5::before {
content: "";
    position: absolute;
    top: -14px;
    left: -19px;
    width: 100%;
    height: 72px;
    background-image: url(/wp-content/uploads/2025/10/iac-section-5-bg.png);
    background-size: 23%;
    background-repeat: no-repeat;
    z-index: 0;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
/* Pseudo-element to display the image before the element's content */
.why-iac-number::before {
content: "";
        position: absolute;
        top: -18px;
        left: -28px;
        width: 100%;
        height: 72px;
        background-image: url(/wp-content/uploads/2025/10/iac-power-hardware-headline.png);
        background-size: 15%;
        background-repeat: no-repeat;
        z-index: 0;
}
  /* Adds a decorative lightning background image behind the section */
  .featured-list-row::before {
    content: "";
    position: absolute;
    top: -120px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/10/why-IAC_hero_lightning_mobile.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 34%;
    z-index: 5;
    pointer-events: none; /* Prevents background from blocking interactions */
  }
}
/* Apply styles for screens up to 980px width (tablet & mobile) */
@media (max-width: 980px) {


.badge-module::before {
  /* Inserts an image before the element's content */
  content: url("/wp-content/uploads/2025/10/Badge.svg");

  /* Removes the pseudo-element from the normal document flow */
  position: absolute;

  /* Vertically offsets the image from the top of the parent (adjust as needed) */
  top: 247px;

  /* Horizontally centers the image within the parent element */
  left: 50%;

  /* Moves the image left by 50% of its own width to achieve perfect centering */
  transform: translateX(-50%);
}
  /* Adds spacing to the right of the first column */
  .we-help-clmn1 {
    margin-right: 5% !important;
  }

  /* Adds vertical spacing between each list item */
  .feature-list li {
    margin-bottom: 20px; /* Adds 14px vertical gap between list items */
  }



  /* Flex container for the "We Help" section rows */
  .we-help-row {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
  }

  /* Same as above but with ID selector (if used in HTML) */
  #we-help-row {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
  }

  /* Reverse column order on mobile (column 1 appears after column 2) */
  .we-help-clmn1 {
    order: 2;
  }

  .we-help-clmn2 {
    order: 1;
  }
}

/*****************************************
      accreditation-and-certification
*****************************************/
/* ====== Underline Heading Style ====== */
.heading-underline {
  position: relative;       /* Needed to position the underline (pseudo-element) relative to this text */
  font-weight: 700;         /* Makes the heading bold (optional) */
}

/* ====== Creates the colored underline beneath the text ====== */
.heading-underline::after {
content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    width: 41px;
    height: 4px;
    background-color: #F9A61A;
    border-radius: 2px;
}
/* ====== Robust custom bullet list (removes default dot and shows custom SVG) ====== */

/* Ensure UL itself has no marker or extra left padding (high specificity) */
ul.bullet-list,
ul.bullet-list { 
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;           /* remove default bullets */
  -webkit-padding-start: 0 !important;   /* remove safari default left padding */
}

/* Also explicitly remove any inherited list-style on LI */
ul.bullet-list li {
  list-style: none !important;           /* extra safety */
  position: relative;
  margin-bottom: 14px;
  padding-left: 30px;                    /* space for custom bullet */
}
/* Also explicitly remove any inherited list-style on LI */
ul.bullet-list li:last-child {
  margin-bottom: 0px !important; /* Removes bottom space for the last list item */
}

/* Hide the marker pseudo-element used by some browsers/themes */
ul.bullet-list li::marker {
  content: none;                         /* hide the built-in marker */
  font-size: 0;                          /* safety fallback */
}

/* Custom bullet image using ::before so we can size it exactly */
ul.bullet-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 35%;
  transform: translateY(-50%);           /* vertically center bullet with single-line text */
  width: 20px;
  height: 20px;
  background-image: url('/wp-content/uploads/2025/10/Bullet.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.powerboard-section-column1 {
  margin-bottom: 0px; /* Removes extra space below the first power board column */
}

/* Style the unordered list to display in 3 columns */
.three-column-list {
  column-count: 3;        /* Divide the list into 3 columns */
  column-gap: 2rem;       /* Space between the columns */
  padding-left: 1.5rem;   /* Add left padding for list indentation */
}

/* Style individual list items */
.three-column-list li {
  break-inside: avoid;    /* Prevent list items from breaking between columns */
}

/* Force a column break after the 15th and 30th list items */
.three-column-list li:nth-child(15),
.three-column-list li:nth-child(30) {
  break-after: column;    /* Force the next list item to start in a new column */
}
@media (min-width: 981px) {
/* ===== Visual lightning (BEHIND content) ===== */
/* ===== Visual lightning (BEHIND content) ===== */
.certification-section { 
  position: relative; 
  width: 100%; 
  max-width: 1280px; 
  margin: 0 auto; 
  overflow: visible; 
}

/* visual wrapper - BEHIND text */
.cert-lightning-wrap {
  position: absolute;
  width: 50px;
  pointer-events: none;
  z-index: 1 !important;
  transform-origin: center center;
  transition: transform 0.25s ease;
}

.cert-lightning-wrap img { 
  display: block; 
  width: 100%; 
  height: auto; 
}

.cert-lightning-wrap .light-base { 
  opacity: 0.6; 
  display: block; 
}

.cert-lightning-wrap .light-glow { 
  position: absolute; 
  top: 0; 
  left: 0; 
  opacity: 0; 
  transition: opacity .18s ease, transform .18s ease; 
}

/* active class shows glow */
.cert-lightning-wrap.active .light-base { 
  opacity: 0; 
}

.cert-lightning-wrap.active .light-glow { 
  opacity: 1; 
  transform: scale(1.02); 
}


/* Debug: uncomment to see capture areas */
/* .cert-lightning-capture { background: rgba(255,0,0,0.3) !important; border: 2px solid red; } */

/* Make sure text content is between layers */
.certification-section .et_pb_text,
.certification-section .et_pb_module {
  position: relative;
  z-index: 5;
}









/* Common wrapper that contains both rows */
.common-row-wrapper {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; /* centers wrapper horizontally */
  overflow: hidden;
}

/* Background image for wrapper */
.common-row-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); /* centers the bg block */
  width: 100%;
  max-width: 1280px;
  height: 100%;
  background-image: url('/wp-content/uploads/2025/10/accredition-logo-grid.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: 1;
  pointer-events: none; /* don't block hover/clicks */
}

/* Keep Divi rows and modules above the background */
.common-row-wrapper .et_pb_row,
.common-row-wrapper .et_pb_column,
.common-row-wrapper .et_pb_module {
  position: relative;
  z-index: 2;
}

/* Option 4: Gradient Overlay with Image */
.leading-power-authorities {
    position: relative;
}

.leading-power-authorities::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/11/Power-Authorities.webp');
    background-size: 50%;
    background-position: bottom right;
	background-repeat: no-repeat;
    z-index: 0;
 }
}

/* Positions for screens 1280px and above */
@media (min-width:1280px) {
	/* ===== Capture elements (BODY-LEVEL, FIXED POSITION) ===== */
.cert-lightning-capture {
  position: fixed !important; /* Fixed to viewport */
  z-index: 999999 !important; /* Maximum z-index */
  background: transparent;
 
  cursor: pointer;
  width: 50px;
  height: 50px;
  
  /* EXPANDED hover area */
  padding: 80px 150px 80px 140px;
  margin: -80px -150px -80px -140px;
  box-sizing: content-box;
}

  .lightning-1  { top: -20px; left: 8px; }
  .lightning-2  { top: 192px; left: 8px; }
  .lightning-3  { top: 412px; left: 8px; }
  .lightning-4  { top: -9px; left: 240px; }
  .lightning-5  { top: -9px; left: 533px; }
  .lightning-6  { top: 262px; left: 533px; }
  .lightning-7  { top: 442px; left: 533px; }
  .lightning-8  { top: -9px; left: 827px; }
  .lightning-9  { top: -9px; left: 1128px; }
  .lightning-10 { top: 262px; left: 1128px; }
  .lightning-11 { top: 442px; left: 1128px; }
}

/* Positions for screens 981px to 1279px */
@media (min-width: 981px) and (max-width: 1279px) {
	/* ===== Capture elements (BODY-LEVEL, FIXED POSITION) ===== */
.cert-lightning-capture {
  position: fixed !important; /* Fixed to viewport */
  z-index: 999999 !important; /* Maximum z-index */
  background: transparent;
  pointer-events: auto !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  
  /* EXPANDED hover area */
  padding:0px;
  margin: 0px;
  box-sizing: content-box;
}

  .lightning-1  { top: -9px; left: -48px; }
  .lightning-2  { top: 274px; left: -48px; }
  .lightning-3  { top: 466px; left: -48px; }
  .lightning-4  { top: -9px; left: 256px; }
  .lightning-5  { top: -9px; left: 564px; }
  .lightning-6  { top: 274px; left: 256px; }
  .lightning-7  { top: 442px; left: 256px; }
  .lightning-8  { top: -9px; left: 868px; }
  .lightning-9  { top: 274px; left: 868px; }
  .lightning-10 { top: 466px; left: 868px; }
  .lightning-11 { top: 442px; left: 1128px; }
}

/* Mobile view: 2-column layout */
@media (max-width: 980px) {
  .three-column-list {
    column-count: 2;       /* Switch to 2 columns on smaller screens */
  }

  /* Clear previous breaks to avoid weird spacing */
  .three-column-list li:nth-child(15),
  .three-column-list li:nth-child(30) {
    break-after: auto;     /* Remove desktop-specific column breaks */
  }

  /* Add break after 23rd item to split evenly on mobile */
  .three-column-list li:nth-child(23) {
    break-after: column;
  }
	.leading-power-authorities .et_pb_column{
		margin-bottom:0px !important;
	}


}
/*******************************
 * Single blog post
 ******************************/
.single-post h1,h2,h3,h4{
	padding-bottom: 0px !important;
}

.single-post .container{
	padding-top: 0px !important;
	width: 100% !important;
	max-width: 100% !important;

	margin-left: auto;
	margin-right: auto;
}
.single-post .et_pb_post{
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
.single-post #left-area {
	padding-bottom: 0px !important;
}
.iac-breadcrumb a{
	color: #000;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 114.286% */
}
/* =====================================
   Social Share Section - Single Blog Page
   Displays social media icons aligned to the right
   ===================================== */
.social-share {
  display: flex;                /* Arrange icons in a row */
  justify-content: flex-end;    /* Align icons to the right side */
  align-items: center;          /* Vertically center icons */
  gap: 14px;                    /* Add space between each icon */
}

/* Style each social icon image */
.social-share a img {
  width: 24px;                  /* Set uniform icon width */
  height: 24px;                 /* Set uniform icon height */
  transition: transform 0.2s ease;  /* Smooth hover animation */
}

/* Hover effect - slightly enlarges the icon */
.social-share a img:hover {
  transform: scale(1.1);        /* Enlarge icon on hover */
}
/* -------------------------------------------------------------------------- */
/* Global UL Styling (only on single post pages, no bullets) */
/* -------------------------------------------------------------------------- */
.single-post #left-area ul, 
.single-post .entry-content ul, 
.single-post .et-l--body ul, 
.single-post .et-l--footer ul, 
.single-post .et-l--header ul {
 
  padding: 0;                  /* Remove extra padding */
  margin: 0;                   /* Remove default margin */
  line-height: 26px;           /* Maintain spacing */
}
.post-publish-date {
color: #747474;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom:10px;
}

/* Category List Container (only on single posts) */
.single-post .iac-category-list .iac-cat-title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
}

/* Remove default list styling for category list */
.single-post .iac-category-list ul {
  list-style: none; /* Remove bullets */
  padding: 0;
  margin: 0;
}

/* Style each category list item */
.single-post .iac-category-list li {
  margin-bottom: 16px;
  font-family: 'Arial', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Style for category links */
.single-post .iac-cat-link {
  text-decoration: none;
  color: #413FD6;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

/* Insulator List Styling (only on single posts, no bullets) */
.single-post .insulator-list {
 list-style-position: inside !important;
  list-style: none; /* Remove bullets */
  margin-left: 0;   /* Reset left margin */
  padding-left: 0;  /* Reset padding */
}
/* List Styling (only on single posts, no bullets) */
.single-post  ul.insulator-list{
    list-style-position: outside !important;
    padding-left: 20px !important;
  margin: 0;
}
/* Style each insulator list item */
.single-post .insulator-list li {
  margin-bottom: 8px;
}
/* List Styling (only on single posts, no bullets) */
.single-post #left-area ul{
    list-style-position: outside !important;
    padding-left: 20px !important;
  margin: 0;
}
/*Blog post external link color*/
.single-post #left-area .entry-content a{
color: #413FD6 !important;
font-weight: 400 !important;
text-decoration-line: underline;
}
/* Style each insulator list item */
.single-post #left-area li {
  margin-bottom: 8px;
  color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
}
@media (min-width:981px) {
/* -------------------------------------------------------------------------- */
/* Container for first two rows in individual-blog-section with background */
/* -------------------------------------------------------------------------- */
.iac-first-two-rows {
    width: 100%;                     /* Full width */
    max-width: 1280px;               /* Restrict maximum width */

    margin: 0 auto;                  /* Center horizontally */
    box-sizing: border-box;          /* Include padding/border in width calculation */
    
    /* Background image settings */
    background-image: url('/wp-content/uploads/2025/10/grid-for-individual-blog.svg');
    background-size: auto;          /* Make image cover entire container */
    background-position: top center; /* Position image at top center */
    background-repeat: no-repeat;    /* Do not repeat the image */
}

}
@media (max-width:980px) {
.single-blog-hero-clmn1{
	margin-bottom:20px !important;
}
}
/* Positions for screens 1280px and above */
@media (min-width:1280px) {
	/* ===== Capture elements (BODY-LEVEL, FIXED POSITION) ===== */


	
	
 .single-post .lightning-1  { top: -9px; left: -55px; }
 .single-post .lightning-2  { top: 265px; left: -55px; }
 .single-post .lightning-3  { display: none; }
 .single-post .lightning-4  { top: -9px; left: 238px; }
 .single-post .lightning-5  { top: 265px; left: 238px; }
 .single-post .lightning-6  { top: -9px; left: 530px; }
 .single-post .lightning-7  { top: 265px; left: 530px; }
 .single-post .lightning-8  { display: none; }
 .single-post .lightning-9  { top: -9px; left: 825px; }
 .single-post .lightning-10  { top: -9px; left: 1126px; }
 .single-post .lightning-11 { top: 265px; left: 1126px; }
 .single-post .lightning-12 { display: none; }
}

@media (min-width: 981px) and (max-width: 1279px) {
	/* ===== Capture elements (BODY-LEVEL, FIXED POSITION) ===== */

 .single-post .lightning-1  { top: 3px; left: -55px; }
 .single-post .lightning-2  { top: 276px; left: -55px; }
 .single-post .lightning-3  { display: none; }
 .single-post .lightning-4  { top: 3px; left: 238px; }
 .single-post .lightning-5  { top: 276px; left: 238px; }
 .single-post .lightning-6  { top: 3px; left: 530px; }
 .single-post .lightning-7  { top: 276px; left: 530px; }
 .single-post .lightning-8  { display: none; }
 .single-post .lightning-9  { top: 3px; left: 825px; }
 .single-post .lightning-10  { top: 3px; left: 1126px; }
 .single-post .lightning-11 { top: 276px; left: 1126px; }
 .single-post .lightning-12 { display: none; }
	.iac-first-two-rows {
    width: 100%;                     /* Full width */
    max-width: 1280px;               /* Restrict maximum width */

    margin: 0 auto;                  /* Center horizontally */
    box-sizing: border-box;          /* Include padding/border in width calculation */
    
    /* Background image settings */
    background-image: url('/wp-content/uploads/2025/10/grid-for-individual-blog.svg');
    background-size: contain;          /* Make image cover entire container */
    background-position: top center; /* Position image at top center */
    background-repeat: no-repeat;    /* Do not repeat the image */
}
}
 .single-post .insulator-item p{
	padding-top: 10px;
}
 .single-post .insulator-item{
	padding-bottom: 20px;
}


/* Ordered List */
.number-list {
  list-style-position: outside !important;
  padding-left: 0;
  margin-left: 30px;
  margin-bottom: 20px;
 }
/* Ordered List */
.number-list li{
  margin-bottom: 20px;
 }
/* Remove bottom space from the last list item */
.number-list li:last-child {
  margin-bottom: 0px;
}

.number-list ol{
list-style-position: outside !important;
}
.transmission-insulator-section ol{
padding: 0 0 0px !important;
margin-bottom: 0px !important; 
}
.number-section-post ol{
padding: 0 0 0px !important;
margin-bottom: 0px !important; 
}
.number-list li h3 {
  display: inline;
}
.bullet-point-list p{
    padding-top: 10px;
    padding-bottom: 0px !important;	
}
.insulator-list p {
    padding-top: 10px;
    padding-bottom: 0px !important;
}
.number-list p{
  padding-top: 10px;
  padding-bottom: 0px !important;
}
 .single-post .blog-post-link{
  color: #413FD6;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-decoration-line: underline;
text-decoration-style: solid;
}
@media (min-width:981px) {
/* Custom number style matching h3 */
.number-list li::marker {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
 .single-post 	.post-title-h1{
 color: #000;
font-family: Raleway;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 50px; 
	}
}
@media (max-width:980px) {
/* Custom number style matching h3 */
.number-list li::marker {
color: #000;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
}
/*******************************************
 * Service - design-and-product-engineering
 * *****************************************/
/* Ensure UL itself has no marker or extra left padding (high specificity) */
ul.bullet-list-yellow,
ul.bullet-list-yellow { 
  margin: 0 !important;
  padding-bottom:0px !important;
  padding-left: 0 !important;
  list-style: none !important;           /* remove default bullets */
  -webkit-padding-start: 0 !important;   /* remove safari default left padding */
}

/* Also explicitly remove any inherited list-style on LI */
ul.bullet-list-yellow li {
  list-style: none !important;           /* extra safety */
  position: relative;
  margin-bottom: 14px;
  padding-left: 30px;                    /* space for custom bullet */
}
/* Also explicitly remove any inherited list-style on LI */
ul.bullet-list-yellow li:last-child {
  margin-bottom: 0px !important; /* Removes bottom space for the last list item */
}

/* Hide the marker pseudo-element used by some browsers/themes */
ul.bullet-list-yellow li::marker {
  content: none;                         /* hide the built-in marker */
  font-size: 0;                          /* safety fallback */
}

/* -------------------------------------------- */
/* Custom Yellow Bullet List Style              */
/* -------------------------------------------- */
ul.bullet-list-yellow li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 35%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/10/Yellow-Bullet-Point.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    /* Adds a custom yellow bullet icon to list items */
}

/* -------------------------------------------- */
/* Desktop Layout (screens wider than 981px)    */
/* -------------------------------------------- */
@media screen and (min-width: 981px) {

  /* First column: 30% width + 5% right margin */
  .design-approach-clmn1 {
    width: 30% !important;
    margin-right: 5% !important;
  }

  /* Second column: 30% width + 5% right margin */
  .design-approach-clmn2 {
    width: 30% !important;
    margin-right: 5% !important;
  }

  /* Third column: 30% width, no right margin */
  .design-approach-clmn3 {
    width: 30% !important;
    margin-right: 0 !important;
  }
}
/******************************************************
 * Service - NABL Testing
 * Styling adjustments for typography and spacing
 ******************************************************/
.pb-20{
	padding-bottom: 20px !important;
}
/* Makes text bold with weight 600 */
.font-600 {
  font-weight: 600;
}
/* Makes text bold with weight 600 */
.font-700 {
  font-weight: 700;
}
/* Makes text color #413FD6 */
.font-blue{
color:#413FD6 !important;
}
/* Reduces bottom margin for headings inside blurb modules */
.blurb-module-why-iac h4 {
  margin-bottom: 10px !important;
}

/* Removes bottom padding from the last bullet list inside the section */
.et-last-child .bullet-list {
  padding-bottom: 0px !important;
}


/* Mobile slider styling for benchmark section */
@media (max-width: 980px) {
    .benchmark-heading-mobile {
        margin-bottom: 20px;
    }
    
    /* Main mobile slider container */
    .benchmark-mobile-slider-wrapper {
        overflow: hidden;
        width: 100%;
    }
    
    .benchmark-mobile-slider {
        padding-left: 0 !important;
        margin-left: 0 !important;
        max-width: 100vw;
        overflow: hidden;
    }
    
    /* Slick internal list container */
    .benchmark-mobile-slider .slick-list {
        overflow: visible;
        width: 100% !important;
        padding-left: 0 !important;
    }
    
    /* Slick track that holds all slides - Equal height */
    .benchmark-mobile-slider .slick-track {
        display: flex !important;
        align-items: stretch;
        margin-left: 0 !important;
    }
    
    /* Each Slick slide wrapper */
    .benchmark-mobile-slider .slick-slide {
        height: auto !important;
        display: flex !important;
        align-items: stretch;
        margin-right: 15px;
    }
    
    /* Remove left margin for first slide and add left padding */
    .benchmark-mobile-slider .slick-slide:first-child {
        margin-left: 0 !important;
        padding-left: 15px;
    }
    
    /* Ensure inner div fills the entire slide width */
    .benchmark-mobile-slider .slick-slide > div {
        width: 100% !important;
    }
    
    /* Style for each individual benchmark slide wrapper */
    .benchmark-slide-wrapper {
        display: flex !important;
        width: 100%;
        height: 100%;
    }
    
    /* Preserve all Divi column styles with equal height */
    .benchmark-slide-wrapper .benchmark-card {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column;
        height: 100%;
        padding: 30px 20px;
    }
/* -------------------------------
   Base Button Styling (Desktop)
--------------------------------*/
  .button-scroll-container {
    display: flex;
    align-items: center;
    overflow-y: scroll; /* Enable vertical scroll */
    scroll-snap-type: y mandatory;
    gap: 10px;
    position: relative;
  }

  /* Each button snaps while scrolling */
  .custom-btn {
    scroll-snap-align: start;
  }

  /* ----------------------------
     Custom Scrollbar Styling
  -----------------------------*/
  .button-scroll-container::-webkit-scrollbar {
    width: 6px;
  }

  .button-scroll-container::-webkit-scrollbar-track {
    background: transparent;
  }

  .button-scroll-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    height: 30%; /* Reduce scrollbar thumb height */
  }

  .button-scroll-container:hover::-webkit-scrollbar-thumb {
    background: #999;
  }
/* ---------------------------------
   Base Anchor Button Styling
----------------------------------*/
.custom-btn {
  display: flex; /* Center content using flexbox */
  height: 42px;
  padding: 11px 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 73px; /* Pill shape */
  border: 1px solid #413FD6; /* Blue border */
  background-color: #FFF; /* Default white background */
  color: #413FD6; /* Default text color */
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none; /* Remove underline */
  cursor: pointer;
  transition: all 0.3s ease; /* Smooth hover and active transitions */
}

/* Hover effect for better interactivity */
.custom-btn:hover {
  background-color: #E7E7FF;
}

/* Active button (selected or current page) */
.custom-btn.active {
  background-color: #E7E7FF; /* Light blue background */
  color: #413FD6; /* Keep consistent text color */
}

}
/*========================================================
  Responsive Adjustment (981px to 1150px)
  Ensures yellow section background scales naturally
=========================================================*/
@media (min-width: 981px) and (max-width: 1150px) {
  .yellow-theme-row {
    background-size: 37% !important; /* Prevents stretched background image */
  }
}
@media (min-width: 981px) {
.service-hero-clmn1{
width: 75% !important;
}
.service-hero-clmn2{
width: 19.5% !important;
}

}
/****************************************************************
 * Services - Design Validation and Optimization Page Styles
 *****************************************************************/

@media (min-width: 981px) {

  /* 
   * On hover, change card background color to yellow 
   * and apply smooth transition for color change
   */
  .card-blue:hover {
    background-color: #F9A61A !important;
    transition: color 0.3s ease-in-out;
  }

  /* 
   * On hover, force all text inside the card 
   * (including headings, paragraphs, etc.) to turn black
   * with a smooth color transition
   */
  .card-blue:hover,
  .card-blue:hover * {
    color: #000 !important;
    transition: color 0.3s ease-in-out;
  }
}
  /* 
   * Restrict the maximum width of the heading inside the card 
   * to maintain layout consistency
   */
  .design-validation-row h4 {
    max-width: 183px !important;
  }

/***********************************************************************************
 * Design Validation - Card Slider (Mobile Styles)
 * **********************************************************************************/

@media (max-width: 980px) {



  /* Main mobile slider outer wrapper */
  .validation-mobile-slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  /* Inner slider container that Slick initializes */
  .validation-mobile-slider {
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: 100vw;
    overflow: hidden;
  }

  /* Slick internal list container (viewport area for slides) */
  .validation-mobile-slider .slick-list {
    overflow: visible;
    width: 100% !important;
    padding-left: 0 !important;
  }

  /* Slick track (holds all slides in a row) */
  .validation-mobile-slider .slick-track {
    display: flex !important;
    align-items: stretch;
    margin-left: 0 !important;

  }

  /* Each individual slick slide */
  .validation-mobile-slider .slick-slide {
    height: auto !important;
    display: flex !important;
    align-items: stretch;
    margin-right: 15px;

  }

  /* First slide gets padding on left for spacing */
  .validation-mobile-slider .slick-slide:first-child {
    margin-left: 0 !important;
    padding-left: 15px;
  }

  /* Ensure slide wrapper fills the full width of viewport */
  .validation-mobile-slider .slick-slide > div {
    width: 100% !important;
  }

  /* Wrapper for each slide (contains .card-blue) */
  .validation-slide-wrapper {
    display: flex !important;
    width: 100%;
    height: 100%;
  }

  /* Style for the individual card inside each slide */
  .validation-slide-wrapper .card-blue {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
  }
  /* Hover effect for touch devices (active state feel) */
  .validation-slide-wrapper .card-blue:active {
    transform: scale(0.98);
  }


  /* Center align Slick dots */
  .validation-mobile-slider .slick-dots {
    text-align: center;
    margin-top: 15px;
  }

  /* Dots color customization */
  .validation-mobile-slider .slick-dots li button:before {
    color: #F9A61A; /* Yellow accent */
    font-size: 10px;
  }

  /* Active dot color */
  .validation-mobile-slider .slick-dots li.slick-active button:before {
    color: #000;
  }
}
/*********************************************************************
 * *Services-prototype-and-product-development
 * ******************************************************************/
@media (min-width: 981px) {
.product-development-row::before{
content: '';
        position: absolute;
        bottom: 71px;
        left: 0;
        width: 100%;
        height: 745px;
        background-image: url(/wp-content/uploads/2025/11/product-development.webp);
        background-size: 18%;
        background-position: bottom left 82px;
        background-repeat: no-repeat;
        z-index: 99999999999999999999999999;
}
}
@media (max-width: 980px) {
  .yellow-bg-row {
    display: flex;
    flex-direction: column-reverse; /* Reverse column order */
  }
}
/***********************************************************
 * **Single post
 * ********************************************************/
@media (min-width: 981px) {
.single-post h1{
color: #000;
font-family: Raleway;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 50px; 
padding-bottom:20px !important;
}
.single-post h2{
color: #000;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 35px; 	
	padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post h3{
color: #000;
font-family: Inter;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 30px;;
		padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post h4{
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 25px;
		padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post h5{
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
		padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post h6{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
		padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
	padding-top:0px !important;
		padding-bottom:20px !important;
}
.single-post .container{
	width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
	padding-left:80px;
	padding-right:80px;
	padding-top:30px !important;
	padding-bottom:50px !important;
}
.single-post #left-area{
	width: 65%;
    margin-right: 5%;
    padding-right: 0px !important;
}
.single-post .widget_categories{
	    width: 30%;
}
.single-post .entry-content{
	max-width:750px !important;
	padding-bottom:10px;
}
.single-post .share-icons{
padding-top: 20px;
margin-top: 10px;
}
}
@media (max-width: 980px) {
.single-post h1{
color: #000;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 32px; 	
padding-bottom:20px !important;
}
.single-post h2{
color: #000;
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 28px; 	
padding-top:10px !important;
padding-bottom:10px !important;
}
.single-post h3{
color: #000;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding-top:10px !important;
padding-bottom:10px !important;
}
.single-post h4{
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px; 
padding-top:10px !important;
padding-bottom:10px !important;
}
.single-post h5{
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
padding-top:10px !important;
padding-bottom:10px !important;
}
.single-post h6{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
		padding-top:10px !important;
		padding-bottom:10px !important;
}
.single-post p{
color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
padding-top: 0px !important;
padding-bottom: 20px !important;
}
.single-post .container{
	width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px !important;
	padding-bottom:40px !important;
}
.single-post #left-area{
	width: 100%;
    margin-right: 0%;
    padding-right: 0px !important;
}
.single-post .widget_categories{
	    width: 100%;
}
.single-post .entry-content{
	max-width:100% !important;
}
.single-post .share-icons{
	padding-top:20px;
	padding-bottom:40px;
}
	.single-post p:last-of-type {
		padding-bottom:30px !important;
	}
}
/* hide Search, Recent Posts, Recent Comments widgets on single posts */
body.single-post .widget_search,
body.single-post #block-3,
body.single-post #block-4 {
    display: none !important;
}

/* ensure categories widget (if present) is visible */
body.single-post .widget_categories {
    display: grid !important;
}
/* Style for single post category sidebar */
.iac-category-sidebar {
    background: #F4F4F4;
      border: none !important;
    padding: 20px 33px 41px 30px;

}

/* Remove the default Divi sidebar border line */
.et_right_sidebar #sidebar {
    border-left: none !important;
}
/* If line still appears, also reset pseudo-elements or shadows */
#sidebar::before,
#sidebar::after,
.et_right_sidebar #sidebar::before,
.et_right_sidebar #sidebar::after {
    content: none !important;
    display: none !important;
    border: none !important;
    box-shadow: none !important;
}
.single-post .widget_categories .widget-title{
	padding-bottom:20px !important;
}
.single-post .widget_categories li{
	padding-bottom:10px !important;
}
.single-post .widget_categories li:last-child{
	padding-bottom:0px !important;
}

.single-post #left-area #comment-wrap{
	display: none !important;
}
.single-post .comments-number,.published,.author vcard{
	display:none;
}

/* Remove only the word "by" before author name */
.post-meta {
 /* display: inline;*/
	display: grid;
}

.post-meta .author::before {
  content: "" !important;
}
.single-post  #main-content .container:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 0px;
        background-color: #e2e2e2;
    }
.single-post .post-meta{
display:none;
}
.single-post .entry-content b,
.single-post .entry-content strong,
.et_pb_text_inner b,
.et_pb_text_inner strong,
body.single b
 {
    font-weight: 600 !important;
}
/* Default bold text in posts */
.single-post .entry-content b,
.single-post .entry-content strong,
.et_pb_text_inner b,
.et_pb_text_inner strong,
body.single b,
body.single strong {
    font-weight: 600 !important;
}

/* Override bold text inside links */
.single-post .entry-content a b,
.single-post .entry-content a strong,
.et_pb_text_inner a b,
.et_pb_text_inner a strong,
body.single a b,
body.single a strong {
    font-weight: 400 !important;
}
.post-category-name{
	padding-bottom:10px;
}
#breadcrumbs a{
color: #000 !important;
font-family: Inter;
font-size: 14px !important;
font-style: normal;
font-weight: 400 !important;
line-height: 16px !important; 	
}
.breadcrumb_last{
color: #747474;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
/* =========================================================
   Social Share Section Styling (for blog posts)
   ========================================================= */
.iac-social-share{
display: flex;
align-items: baseline;
gap: 10px;
float: right;	
}
/* Container for all social share icons */
.iac-social-share .share-icons {
  display: flex;              /* Align icons horizontally */
  gap: 12px;                  /* Add space between each icon */
  align-items: center;        /* Vertically center icons */
  float: right;
}

/* Individual social share icon image styling */
.iac-social-share .share-icon img {
  width: 28px;                /* Set icon width */
  height: 28px;               /* Set icon height */
  transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth hover animation */
}
/*--------------------------------------------------------------
>>> SINGLE POST PAGE STYLING
--------------------------------------------------------------*/

/* Add a bottom border to the main post content area */
.single-post .entry-content {
    border-bottom: 1px solid #000000;
}

/* Add top and bottom margins for tables inside post content, excluding variation tables */
.single-post .entry-content table:not(.variations) {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Style table cells: add border, padding, text color, and font */
.single-post .entry-content tr td {
    border-top: 1px solid #000;
    padding: 6px 24px;
    color: #000;
    font-family: 'Inter';
}
/***********************************************************
 * ********Ctegory page***********************************
 * *******************************************************/
/*Remove sidebar from category page*/
.archive #left-area {
  width: 100% !important;
}

.archive #sidebar {
  display: none !important;
}
.category #block-2{
display : none !important;
}
.category #block-3{
display : none !important;
}
.category #block-4{
display : none !important;
}
.archive  #main-content .container:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 0px;
    }
/* =======================================
  Services with unparalleled expertise
   ======================================= */
@media (min-width: 981px) {
/* Pseudo-element background image */
.support-service-row {
  position: relative; /* ensures proper stacking context */
  z-index: 1; /* base level */
}

.support-service-row::before {
content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 676px;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/11/support-services.png);
        background-size: 71%;
        background-position: top right 81px;
        background-repeat: no-repeat;
        z-index: 999;
        pointer-events: none;
}

/* Make sure the text module sits above the pseudo-element */
.support-service-row .et_pb_text {
  position: relative;
  z-index: 99999; /* higher than ::before */
}
	.list-mx-w{
		max-width: 540px;
	}	
}
	
/****************************************************
 * **Mega menu
 * *************************************************/
/* Make Ova Mega Menu background fully transparent */
.ova_megamenu_container {
  background: transparent !important;
  box-shadow: none !important; /* removes any shadow if present */
}

/* Optional: remove background on inner containers as well */
.ova_megamenu_container .ova-megamenu-row,
.ova_megamenu_container .ova-megamenu-inner {
  background: transparent !important;
}
/* ============================
   HEADER + MEGA MENU FIX
   ============================ */



@media (min-width: 981px) {
.about-top-menu .about-top-menu-clmn1{
width: 41% !important;
margin-right: 0px;
padding-right: 70px;
 border-right: 1px solid #808080;
}
.about-top-menu .et_pb_column_13{
width: 58% !important;
margin-right: 0px;
}
.about-top-menu .about-menu-row2{
padding-left: 70px !important;
}
.about-top-menu .about-menu-row3{
padding-left: 70px !important;
}
.about-menu-row3 .et_pb_column_inner_1_tb_header{
width :41% !important;
}
#about-mega-menu{
  background-repeat:no-repeat !important;
  padding-top:40px !important;
}
	
.about-top-menu .et_pb_row{
	padding-left: 40px !important;
	padding-right: 40px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	max-width:100% !important;
	width:100% !important;
}
#about-mega-menu .et_pb_column_2_3{
        width: 58.833% !important;
}

}
@media (max-width: 980px) {
.about-top-menu .et_pb_column_inner_10{
width:45% !important;
margin-right: 10%;
}
.about-top-menu .et_pb_column_inner_11{
width:45% !important;
margin-right: 0%;
}
.about-top-menu .about-top-menu-clmn1.et_pb_module{
	border-bottom:1px solid #C3C3C3;	
}	

.about-top-menu .et_pb_row{
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	max-width:100% !important;
	width:100% !important;
}
}
/* ============================
   OVA MEGA MENU POINTER FIX (FORCE MODE)
   ============================ */

/* Force pointer cursor on all menu links and items */
.header-primary-menu li,
.header-primary-menu li a,
.ova_megamenu_container,
.ova_megamenu_container *,
.ova_megamenu_container a,
.ova_megamenu_container .menu-item,
.ova_megamenu_container .ova-mega-item {
  cursor: pointer !important;
	pointer-events: auto !important;
}
.header-wrapper a{
cursor: pointer !important;
pointer-events: auto !important;	
}
/* Ensure mega menu items are clickable */
.ova_megamenu_container {
  pointer-events: auto !important;
}
.gm-dropdown-menu-wrapper{
	padding-left:0px !important;
}

/* Disable pointer blocking from overlays (common in Divi) */
.et_pb_section,
.et_pb_row,
.et_pb_column {
  pointer-events: auto !important;
}
/* OVI MEGA MENU — controlled visibility via .open class */
.ova_megamenu_container {
  display: none;               /* hidden by default */
  opacity: 0;
    pointer-events: auto;
	 transition: none !important;
  will-change: auto !important;
}

/*********************************************************
 * **Groovy menu
 * *****************************************************/
/* Safe CSS — no :has() */
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item.gm-dropdown-open > .gm-anchor .gm-menu-item__txt,
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item.current-menu-item > .gm-anchor .gm-menu-item__txt,
.gm-navbar #gm-main-menu .gm-navbar-nav > li[class*="current"] > .gm-anchor .gm-menu-item__txt,
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item.gm-parent-active > .gm-anchor .gm-menu-item__txt {
  color: #413FD6 !important;
}

/* keep hover + transition */
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item:hover > .gm-anchor .gm-menu-item__txt,
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item > .gm-anchor:hover .gm-menu-item__txt {
  color: #413FD6 !important;
}
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item > .gm-anchor .gm-menu-item__txt {
  transition: color 0.3s ease;
}
#menu-item-7 .gm-mega-menu-wrapper{
width: 100% !important;
    max-width: 1120px !important;  /* Prevents right side overflow */
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Default text color */
.gm-mega-menu-wrapper .et_pb_text p {
  color: #000000; /* or whatever your base color is */
  transition: color 0.25s ease;
}

/* Hover color */
.gm-mega-menu-wrapper .et_pb_text:hover p {
  color: #413FD6 !important;
}

/* Active (current) item color */
.gm-mega-menu-wrapper .et_pb_text.active a,
.gm-mega-menu-wrapper .et_pb_text.current-menu-item a {
  color: #413FD6 !important;
}



.gm-mega-menu-wrapper .et_pb_section{
padding: 0px !important;
margin: 0px !important;
width: 100% !important;
}
.gm-main-menu-wrapper .gm-actions {
    display: none !important;
}
.gm-mega-menu-wrapper .gm-grid-container{
padding-left: 0px !important;
padding-right:0px !important;
}
.gm-navbar .gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu {
 border-top: 0px solid rgba(204, 32, 59, 1);
}
.gm-navbar.gm-top-links-align-right #gm-main-menu {
justify-content: flex-start;
}
header .groovy-logo-wrapper img {
  display: none !important;
}
.gm-menu-item__txt{
color: #000;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
/*Disable box shadow */
.gm-navbar--shadow-tiny.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);
 }
.gm-container{
	padding: 0px !important;
}
.mega-menu-text-left{
	max-width:100% !important;
}
.about-top-menu .et_pb_column_12{
border-right:1px solid #808080;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.gm-dropdown-menu-wrapper ul{
position: relative !important;
left: -138px !important;
}
.gm-mega-menu-wrapper .et_pb_section_1{
max-width:1016px !important;
}
}
@media (min-width: 981px) {
.gm-anchor{
	padding-right:26px !important;
}

.gm-dropdown-menu li{
	padding-right:0px !important;
}
	.gm-dropdown-menu{
		margin-top:23px;
	}
	.gm-dropdown-menu-wrapper{
		margin-top:23px !important;
	}

}
/* Apply only on mobile screens */

@media (max-width: 980px) {
.gm-mobile-menu-container ul{
max-width: 100% !important;
}
.gm-mobile-menu-container .et_pb_section_9 .et_pb_module{
	margin-left:0px !important;
	margin-right:0px !important;
}
.gm-mobile-menu-container .et_pb_section_7 .et_pb_module{
	margin-left:0px !important;
	margin-right:0px !important;
}

.distribution-module p {
    max-width: 100% !important;
}
.grooni_groovymenu_0_tb_header{
	background-color: rgba(0, 0, 0, 0) !important;
}
/* Remove bottom border for active menu item */
.gm-navigation-drawer .gm-menu-item.gm-open > .gm-anchor,
.gm-navigation-drawer .gm-menu-item.gm-open > .gm-mega-menu__item__title {
  border-bottom: 0px !important;
  color: #413FD6 !important;
}

/* Also apply same color to text span and caret */
.gm-navigation-drawer .gm-menu-item.gm-open .gm-menu-item__txt,
.gm-navigation-drawer .gm-menu-item.gm-open .gm-caret,
.gm-navigation-drawer .gm-menu-item.gm-open .gm-caret i {
  color: #413FD6 !important;
}

/* Reset inactive items back to black */
.gm-navigation-drawer .gm-menu-item:not(.gm-open) > .gm-anchor,
.gm-navigation-drawer .gm-menu-item:not(.gm-open) > .gm-mega-menu__item__title,
.gm-navigation-drawer .gm-menu-item:not(.gm-open) .gm-menu-item__txt {
  color: #000 !important;
}
/* Default hamburger color white - only on homepage */
body.home .gm-menu-btn.hamburger--squeeze .hamburger-inner,
body.home .gm-menu-btn.hamburger--squeeze .hamburger-inner::before,
body.home .gm-menu-btn.hamburger--squeeze .hamburger-inner::after {
  background-color: #ffffff !important;
  transition: background-color 0.3s ease;
}

/* Change hamburger color to black on hover */
body.home #header-mobile-menu:hover .gm-menu-btn.hamburger--squeeze .hamburger-inner,
body.home #header-mobile-menu:hover .gm-menu-btn.hamburger--squeeze .hamburger-inner::before,
body.home #header-mobile-menu:hover .gm-menu-btn.hamburger--squeeze .hamburger-inner::after {
  background-color: #000000 !important;
}
.about-menu-row2{
	padding-bottom:40px !important;
}
/* Allow inner scroll even when body is locked */
body.gm-menu-open, /* example class Groovy may add */
html.gm-menu-open {
  overflow: hidden !important;
  touch-action: auto !important;
}

/* But make sure drawer inner can be scrolled (re-iterate) */
.gm-navigation-drawer--mobile .gm-navigation-drawer__inner {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.gm-navigation-drawer{
	max-height: 930px;
    overflow: hidden;
}
.gm-navigation-drawer	.flex-grow-1{
		display:none;
	}
/* ==========================================================
   Mobile Menu Buttons Styling
   Adds styled "Contact Us" and "Contact Sales" buttons 
   below the mobile menu in Groovy Menu
   ========================================================== */

.mobile-menu-buttons {
  display: flex; /* Enables flex layout */
  gap: 20px; /* Adds spacing between the buttons */
  margin-top: 20px; /* Adds space above the button section */
}

/* Style for individual buttons */
.mobile-menu-buttons .mobile-btn {
  display: inline-flex; /* Aligns text centrally inside buttons */
  justify-content: center; /* Centers text horizontally */
  align-items: center; /* Centers text vertically */
  padding: 11px 15px 10px 15px; /* Internal padding for button size */
  background: #F9A61A; /* Primary button background color */
  color: #000; /* Text color */
  font-family: 'Inter', sans-serif; /* Font style */
  font-size: 16px; /* Font size */
  font-weight: 500; /* Medium font weight */
  text-transform: uppercase; /* Converts text to uppercase */
  text-decoration: none; /* Removes underline from links */
  border-radius: 0px; /* Slightly rounded corners */
 }

/* Hover effect for buttons */
.mobile-menu-buttons .mobile-btn:hover {
  background: #e69300; /* Darker shade of yellow on hover */
  color: #fff; /* White text color on hover */
}

}
@media (max-width: 1023px) {
.flex-grow-1 {
    flex-grow: 1;
    display: none;
}
 .mobile-menu-buttons {
        display: flex;
        gap: 20px;
        margin-top: 20px;
    }
/* Style for individual buttons */
.mobile-menu-buttons .mobile-btn {
  display: inline-flex; /* Aligns text centrally inside buttons */
  justify-content: center; /* Centers text horizontally */
  align-items: center; /* Centers text vertically */
  padding: 11px 15px 10px 15px; /* Internal padding for button size */
  background: #F9A61A; /* Primary button background color */
  color: #000; /* Text color */
  font-family: 'Inter', sans-serif; /* Font style */
  font-size: 16px; /* Font size */
  font-weight: 500; /* Medium font weight */
  text-transform: uppercase; /* Converts text to uppercase */
  text-decoration: none; /* Removes underline from links */
  border-radius: 0px; /* Slightly rounded corners */
 }
.primary-mobile-menu-buttons {
margin-top: 0px;
margin-right: 20px;
}
.primary-mobile-menu-buttons .mobile-btn
 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 11px 15px 10px 15px;
        background: #F9A61A;
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 0px;
}
}
.gm-search,
.gm-search__wrapper,
.gm-search--fullscreen {
  display: none !important;
}
@media all and (min-width: 1024px) and (max-width: 1150px) {
.gm-anchor {
padding-right: 18px !important;
 }
.gm-navbar #gm-main-menu .gm-navbar-nav > .gm-menu-item > .gm-anchor .gm-menu-item__txt {
white-space: nowrap;
}
}
/* =========================================================
   CSR Page - Hero Row Decorative Background
   ---------------------------------------------------------
   Adds a right-aligned decorative image overlay in the
   hero section of the CSR (Corporate Social Responsibility)
   page titled "Powering Progress with Purpose".
   ========================================================= */
@media (min-width: 1217px)  {
.csr-hero-row::before {
    content: "";  /* Creates a pseudo-element container for the image */
    position: absolute;  /* Positions the image relative to the section */
    top: 0px;  /* Aligns the image with the top edge of the section */
    right: 0;  /* Anchors the image to the right side */
    width: 100%;  /* Makes the pseudo-element span the full section width */
    height: 100%;  /* Makes it match the section’s height */
    background-image: url(/wp-content/uploads/2025/11/csr-powering-progress-with-purpose.webp); /* CSR hero decorative image */
    background-repeat: no-repeat;  /* Prevents the image from repeating */
    background-size: 32%;  /* Scales the image to 32% of container size for balanced layout */
    background-position: center right 56px; /* Positions the image centrally on the Y-axis, 190px from the right edge */
    z-index: 29;  /* Ensures it stays above background but below foreground content */
    pointer-events: none;  /* Prevents image from blocking clicks or interactions */
}
.csr-activities-row::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/11/csr_vector.webp);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: bottom right;
    z-index: 29;
    pointer-events: none;
}
}

@media (min-width: 981px) and (max-width: 1216px) {
.csr-hero-row::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/11/csr-powering-progress-with-purpose.webp);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: center right 49px;
    z-index: 29;
    pointer-events: none;
}
.csr-activities-row::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/11/csr_vector.webp);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: bottom right;
    z-index: 29;
    pointer-events: none;
}
}
@media (max-width: 767px) {
.csr-activities-row::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/11/csr_vector.webp);
    background-repeat: no-repeat;
    background-size: 51%;
    background-position: bottom right;
    z-index: 29;
    pointer-events: none;
}
}
@media (min-width: 768px) and (max-width: 980px) {
.csr-activities-row::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/11/csr_vector.webp);
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: bottom right;
    z-index: 29;
    pointer-events: none;
}
}
@media (min-width: 981px) {
/* Background image for wrapper */
.impact-row-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); /* centers the bg block */
  width: 100%;
  max-width: 1280px;
  height: 100%;
  background-image: url('/wp-content/uploads/2025/11/our-impact.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: 1;
  pointer-events: none; /* don't block hover/clicks */
}
}
@media (max-width: 767px) {
/* Background image for wrapper */
  .impact-row-wrapper {
        position: relative;
        overflow: hidden; /* Prevents background overflow */
    }

    .impact-row-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;          /* Full viewport width */
        height: 100%;          /* Match section height */
        background-image: url(/wp-content/uploads/2025/11/IAC-by-Numbers.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; /* Try cover or cover based on your need */
        z-index: 1;
        pointer-events: none;
    }
}
@media (min-width: 768px) and (max-width: 980px) {
/* Background image for wrapper */
  .impact-row-wrapper {
        position: relative;
        overflow: hidden; /* Prevents background overflow */
    }

    .impact-row-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;          /* Full viewport width */
        height: 100%;          /* Match section height */
        background-image: url(/wp-content/uploads/2025/11/IAC-by-Numbers.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover; /* Try cover or cover based on your need */
        z-index: 1;
        pointer-events: none;
    }
}
/********************************************************
 * ***Who we are***************************************
 * ***************************************************/
/* Make all blurbs inside the row equal height */
.equal-height-blurbs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Ensure each column stretches equally */
.equal-height-blurbs > .et_pb_column {
  display: flex;
  flex-direction: column;
}

/* Make both blurb modules inside each column equal height */
.equal-height-blurbs .et_pb_blurb {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Optional: Add space between blurbs */
.equal-height-blurbs .et_pb_blurb:not(:last-child) {
  margin-bottom: 20px;
}
.equal-height-blurbs .et_pb_blurb_description{
	padding-top:20px !important;
}
.our-impact-section .et_pb_blurb_description{
padding-top:10px !important;
}
/* Explore Service Button After Icon Styling */
body #page-container .explore-service-section #btn:after{
    color: #fff;
    line-height: inherit;
    font-size: 24px !important;
    opacity: 1;
    top: 9px !important;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

@media only screen and (min-width: 981px) {
  .our-impact-section .impact-row .et_pb_column_32,
  .our-impact-section .impact-row2 .et_pb_column_36 {
    padding-left: 12px !important;
  }
  .our-impact-section .impact-row .et_pb_column_33,
  .our-impact-section .impact-row2 .et_pb_column_37 {
    padding-left: 25px !important;
  }

}
.btn .et_pb_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn .et_pb_button:after {
  display: inline-block !important;
  position: relative;
  top: 0;
  margin-left: 8px;
  transition: all 0.3s ease;
}
body #page-container .explore-section #btn:after {
    color: #000000;
    line-height: inherit;
    font-size: 24px !important;
    opacity: 1;
    top: 9px !important;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}


/* Container styling  scroll animation*/
 
.horizontal-scroll-section {
  position: relative;
  overflow: hidden;
}

.horizontal-scroll-row {
  display: flex;
  flex-wrap: nowrap;
  width: max-content !important;
  column-gap: 20px;
}

.horizontal-scroll-row .et_pb_column {
  flex: 0 0 97vw;
  height: 330px;
}



/* Container styling  scroll animation 2*/
.horizontal-scroll-section2 {
  position: relative;
  overflow: hidden;
}

.horizontal-scroll-row2 {
  display: flex;
  flex-wrap: nowrap;
  width: max-content !important;
  column-gap: 20px; /* SPACE BETWEEN COLUMNS */
}

.horizontal-scroll-row2 .et_pb_column {
  flex: 0 0 100vw; 
  height: 300px;
  box-sizing: border-box;
}

/*************************************
 * ***404************************************
 * ************************************/
body.et-db #page-container #et-boc .et-l .section-404 #btn-404:after{
    color: #000000;
    line-height: inherit;
    font-size: 24px !important;
    opacity: 1;
    top: 9px !important;
    margin-left: 158px;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

/***************************************************
 * CAREER PAGE CUSTOM STYLING
 ***************************************************/


/* ===== Career Why Join (Responsive BG) ===== */
@media all and (min-width: 981px) and (max-width: 1128px) {
    .career-why-join-row{
        background-size: auto 23% !important;
        background-position: left top 42%;
        background-image: url(/wp-content/uploads/2025/11/Why-join-iac.webp);
        background-color: #413fd6;
    }
}


/* ===== Job Item Card ===== */
.awsm-job-item{
    background-color: #F4F4F4;
    padding: 20px 20px 44px 20px;
}


/* ===== Grid Item Wrapper ===== */
.awsm-grid-item{
    padding-left: 0px !important;
    padding-right: 20px !important;	
}


/* ===== Job Title (H2) ===== */
.awsm-job-item h2{
    color: #000;
    font-family: Inter !important;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom:20px !important;
}


/* ===== Job Specification Terms ===== */
.awsm-job-specification-term{
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:10px !important;
}


/* ===== Job More (Container) ===== */
.awsm-job-more-container{
    margin-top: 20px;
    padding-top: 20px;	
}


/* ===== Job More Button ===== */
.awsm-job-more{
    height: 40px;
    padding: 10px 15px;
    background: #F9A61A !important;
    margin-top:10px;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	    margin-top: auto !important;
	
}
@media (min-width: 981px) {
/* Button styling */
.awsm-job-more,
.awsm-job-more span {
      color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  border-radius: 0px;
  background: #F9A61A !important;
  text-decoration: none;
  width: fit-content;
}

/*********************************************** 
 * WP Job Openings — Equal height cards & bottom button
 ***********************************************/

/* Listings container: flex layout for equal-height cards */
.awsm-job-listings.awsm-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -12px;
  box-sizing: border-box;
}

/* Each listing item: 3 columns, flex to stretch */
.awsm-job-listing-item.awsm-grid-item {
  box-sizing: border-box;
  padding: 12px;
  width: 33.3333%;
  display: flex;
  flex-direction: column;
}

/* The card itself must stretch and use column flex */
.awsm-job-item {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  flex: 1; /* THIS IS KEY - makes it fill the parent */
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

/* Ensure the main content area grows to push button down */
.awsm-job-item > * {
  flex-shrink: 0; /* prevent content from shrinking */
}

/* The right column (or whichever contains the button) should be flex column */
.awsm-grid-right-col {
  display: flex !important;
  flex-direction: column !important;
  flex: 1; /* allow it to grow */
}

/* Push button container to bottom */
.awsm-job-more-container {
  margin-top: auto !important; /* pushes to bottom */
}
}






/***************************************************
 * JOB DETAILS PAGE CUSTOM STYLING
 ***************************************************/
/* ===== Hide Sidebar on Single Job Page ===== */
.single-awsm_job_openings #secondary {
    display: none !important;
}

/* ===== Full-Width Content Area on Single Job Page ===== */
/***********************************************
 * *** Job Single Page – Layout Adjustments ***
 ***********************************************/
.single-awsm_job_openings #left-area {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

/************************************************
 * *** Job Single Page – Main Container Style ***
 ************************************************/
.single-awsm_job_openings .container {
    width: 100% !important;
    max-width: 1280px !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
    padding-bottom: 20px !important;
    padding-top: 80px !important;
}

/*********************************************************
 * *** Job Single Page – Remove Vertical Divider Line ***
 *********************************************************/
.single-awsm_job_openings #main-content .container:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0px !important;
    background-color: #e2e2e2;
}

/***********************************************
 * *** Job Single Page – Hide Breadcrumbs ***
 ***********************************************/
.single-awsm_job_openings #breadcrumbs {
    display: none !important;
}

/***********************************************
 * *** Job Single Page – Hide Post Meta ***
 ***********************************************/
.single-awsm_job_openings .post-meta {
    display: none !important;    
}

/***********************************************
 * *** Job Single Page – Title (H1) Style ***
 ***********************************************/
.single-awsm_job_openings h1 {
    color: #000;
    font-family: Raleway;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    padding-bottom: 0px !important;
}
/***********************************************
 * *** Job Single Page – Title (H2) Style ***
 ***********************************************/
.single-awsm_job_openings h2 {
color: #000;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 35px;
padding-top: 0px !important;
padding-bottom: 10px !important;
}
/***********************************************
 * *** Job Single Page – Sub Title (H3) Style ***
 ***********************************************/
.single-awsm_job_openings h3 {
    color: #000;
    font-family: Inter;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}

/***********************************************
 * *** Job Single Page – Paragraph Style ***
 ***********************************************/
.single-awsm_job_openings p {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/***********************************************
 * *** Job Single Page – List Item Style ***
 ***********************************************/
.single-awsm_job_openings li {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/***********************************************************
 * *** Job Single Page – Job Specification Label Style ***
 ***********************************************************/
.single-awsm_job_openings .awsm-job-specification-item .awsm-job-specification-label {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/***************************************************************
 * *** Job Single Page – Remove Extra Space Above Content ***
 ***************************************************************/
.single-awsm_job_openings .awsm_job_spec_above_content {
    margin-bottom: 0px !important;
}

/*********************************************
 * *** Job Single Page – UL Formatting ***
 *********************************************/
.single-awsm_job_openings .awsm-job-entry-content ul {
    list-style-position: outside !important;
    padding-left: 20px !important;
    margin: 0;
	padding-bottom:0px !important
}

/*******************************************************
 * *** Job Specification – Left Column (70% Width) ***
 *******************************************************/
.awsm-job-specifications-col--left {
    float: left;
    width: 70%;
}

/*******************************************************
 * *** Job Specification – Right Column (30% Width) ***
 *******************************************************/
.awsm-job-specifications-col--right {
    float: right;
    width: 30%;
    text-align: right;
}

/*******************************************************
 * *** Job Specification – Clear Floats ***
 *******************************************************/
.awsm-job-specifications-row::after {
    content: "";
    display: block;
    clear: both;
}

/*********************************************
 * *** Apply Now Button Style ***
 *********************************************/
.awsm-job-apply-btn {
    background: #000;
    display: inline-flex;
    padding: 11px 15px 10px 15px;
    justify-content: center;
    align-items: center;

    color: #fff;
    text-align: center;
    text-transform: uppercase;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
}

/*********************************************
 * *** Hide Inline Form Group ***
 *********************************************/
.awsm-job-inline-group {
    display: none !important;
}
/***********************************************
 * *** Job Application Form – Label Style ***
 ***********************************************/
.awsm-application-form label {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 18px;
font-style: normal;
line-height: normal;
color: #000;
margin-bottom: 5px;
}
.awsm-application-submit-btn{
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 24px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s 
ease;
    width: auto;
    min-width: 130px;
    text-align: center;
}
.single-awsm_job_openings .awsm-job-specification-wrapper{
visibility:hidden;
}
.awsm-job-content {
    padding-bottom: 50px;
}
.single-awsm_job_openings  .awsm-job-form-inner {
    background-color: #f4f4f4;
    padding-top: 100px !important;
    padding-right: 80px !important;
    padding-bottom: 100px !important;
    padding-left: 80px !important;
    /* background: #fff; */
    border: 0px solid #ccc;
    padding: 0px;
}
.single-awsm_job_openings input[type=email],.single-awsm_job_openings  input[type=tel],.single-awsm_job_openings  input[type=text]{
background-color: transparent !important;
border: 0px solid #bbb !important;
border-bottom: 1px solid #B5B5B5 !important;
padding: 2px;
color: #4e4e4e;
}
.awsm-job-form-field,.awsm-job-single-wrap{
    font-family: Inter !important;
}
.single-awsm_job_openings .awsm-job-form-group small{
	display:none !important;
}
.single-awsm_job_openings .awsm-job-specifications-row{
display:none;
}

@media (min-width: 981px) {
/* Two-column layout for post meta wrapper */
.single-awsm_job_openings .awsm-js-two-col-meta {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

.single-awsm_job_openings .awsm-post-meta-col--left {
  flex: 1;
  min-width: 300px;
}

.single-awsm_job_openings .awsm-post-meta-col--right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.single-awsm_job_openings .awsm-job-apply-wrap {
  margin: 0;
}
	.awsm-job-entry-content{
		padding-top:30px !important;
	}
	.et_pb_post .entry-content {
    padding-top: 0px !important;
}
.single-awsm_job_openings .entry-content p:first-child {
padding-top:30px !important;
}

}
@media (max-width: 980px) {
/************************************************
 * *** Job Single Page – Main Container Style ***
 ************************************************/
.single-awsm_job_openings .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

/***********************************************
 * *** Job Single Page – Title (H1) Style ***
 ***********************************************/
.single-awsm_job_openings h1 {
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 0px !important;
}

/***********************************************
 * *** Job Single Page – Sub Title (H3) Style ***
 ***********************************************/
.single-awsm_job_openings h3 {
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}	
  /* Convert columns to single column layout */
  .awsm-job-specifications-row.awsm-js-two-col {
    display: block !important;
  }

  /* Left column full width */
  .awsm-job-specifications-col--left {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }

  /* Right column full width */
  .awsm-job-specifications-col--right {
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }

  /* Apply Now button alignment */
  .awsm-job-apply-wrap {
    justify-content: flex-start !important;
    text-align: left !important;
  }
.awsm-job-specifications-col--left {
width: 100% !important;
float: none !important;
margin-bottom: 10px;
 }
.awsm-job-content {
    padding-bottom: 30px;
}
.single-awsm_job_openings .awsm-job-specification-wrapper{
display:none;
}
.single-awsm_job_openings .entry-content {
    padding-top: 20px;
}
.single-awsm_job_openings .awsm-job-form-inner {
    background-color: #f4f4f4;
    padding-top: 40px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
    padding-left: 20px !important;
    /* background: #fff; */
    border: 0px solid #ccc;
    padding: 0px;
}
.awsm-grid-item
 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.awsm-job-listings{
    margin-left: auto;
    margin-right: auto;		
}
.awsm-post-meta-col{
margin-top:20px !important;
}
	.awsm-job-entry-content{
		padding-top:30px !important;
	}
	.et_pb_post .entry-content {
    padding-top: 0px !important;
}
.single-awsm_job_openings  .entry-content p:first-child {
padding-top:30px !important;
}

}
@media (min-width: 981px) {
/***********************************************
 * *** Two Column Layout – Flexbox Method ***
 ***********************************************/
.awsm-application-form {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* spacing */
}

.awsm-application-form .awsm-job-form-group {
    width: calc(50% - 15px); /* two columns */
}

/* Textarea full width */
.awsm-application-form textarea {
    width: 100%;
}

/* Submit button full width */
.awsm-application-form .awsm-job-form-group:last-child {
    width: 100%;
}
label[for="awsm-cover-letter"] {
    margin-top: 20px !important;

}
label[for="awsm-application-file"] {
    margin-top: -70px !important;

}
}
/*********************************************
 * ***Product Page******************************
 * ***********************************************/
@media (min-width: 981px) {
.product-block .et_pb_row{
width:100%;
max-width:1280px;
padding-left:80px;
padding-right:80px;
background: #F4F4F4;
}
}
@media (max-width: 980px) {
.product-block .et_pb_row{
width:100%;
max-width:100%;
padding-left:20px;
padding-right:20px;
background: #F4F4F4;
}
#third-clmn-full-width{
  width:100% !important;
  margin-right: 0px !important;
}
}
/*Contact form*/
@media (min-width: 981px) {
  .product-form .two-column {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
  }

  /* Each column takes equal width minus the gap */
  .product-form .two-column > * {
    width: calc(50% - 40px); /* 80px total gap / 2 */
  }

  /* Gap between columns */
  .product-form .two-column > :not(:first-child) {
    margin-left: 80px;
  }
}

.product-form .wpcf7-form textarea {
  background-color: #F4F4F4 !important;
}
/* ============================
   Product Page – Sub Category Section
   Styling for each column box
   ============================ */
.sub-category-section .sub-product-clmn {
    background: #FFF; /* White background */
    box-shadow: 0 7px 10.3px rgba(0, 0, 0, 0.05); /* Soft shadow */
}

/* Hover effect – show light grey border */
.sub-category-section .sub-product-clmn:hover {
    background: #413FD6 !important;
	box-shadow:none !important;
}
.sub-category-section .sub-product-clmn:hover * {
    color: #fff !important;
}

/* ============================
    privacy policy page
   ============================ */
/* privacy policy page */
.privacy-policy .et_pb_section ol li h3 {
  display: inline-block;
  margin: 0 0 10px 0; /* adjust if needed */
}

.privacy-policy .et_pb_section ol.custom-list {
  list-style-position: outside;
}

/* Make the list numbers 30px */
.privacy-policy .et_pb_section ol.custom-list li::marker {
  font-size: 25px !important;
  font-weight: 600;
  font-family: Inter, sans-serif;
}

/* Make all content inside <li> 16px */
.privacy-policy .et_pb_section ol.custom-list li {
  font-size: 16px !important;
  line-height: 1.5;
  padding-bottom: 10px !important;
}

.privacy-policy .et_pb_section ul.custom-list li::marker {
  font-size: 16px !important;
  font-weight: 600;
  font-family: Inter, sans-serif;
  padding-bottom: 0px !important;
}

.privacy-policy .et_pb_section .privacy-policy .et_pb_section a {
  color: #413FD6 !important;
}

.privacy-policy .et_pb_section ol.custom-list li ul li {
  margin-bottom: 0; /* remove bottom spacing between nested li */
  padding-bottom: 0 !important; /* remove any padding */
  font-size: 16px !important; /* keep same font size as content */
  line-height: 1.5;
}

/* Responsive fix for mobile */
@media (max-width: 480px) {
  .privacy-policy .et_pb_section ol.custom-list li::marker {
    font-size: 24px !important; /* smaller numbers on mobile */
	  line-height:28px !important;
  }

  .privacy-policy .et_pb_section ol.custom-list li h3 {
    font-size: 24px;
	   line-height:28px !important;	
  }

  .privacy-policy .et_pb_section ol.custom-list li {
    font-size: 16px !important;
    line-height: 1.5;
    padding-bottom: 20px !important;
  }
	.privacy-policy .et_pb_section ol li h3 {
	
  display: block;
  margin: 0 0 10px 0; /* adjust if needed */
}
}



.bg-accessories-section .content-item li a{
color: #413FD6 !important;
}
/* Apply only on category pages */
.category #left-area {
    display: flex !important;
    flex-wrap: wrap;
    gap: 3%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px !important;
    justify-content: center;
}
/* Apply only on category pages container*/
.category .container {
    width: 100%;
    max-width: 1280px;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 50px !important;
    padding-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; /* Clear floats */
}
.category  .entry-featured-image-url {
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.category .post-meta{
	display:none;
}
/* 3-column layout (Desktop) */
.category #left-area article.et_pb_post {
    width: calc(33.333% - 40px);
    background: #ffffff;
    padding-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.category  h2{
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
padding: 0 0 10px !important;

}
.category article{
	    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}
/* Featured Image fixed height */
.category #left-area .entry-featured-image-url img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* Title spacing */
.category #left-area article.et_pb_post h2.entry-title {
    margin: 15px;
}

/* Meta spacing */
.category #left-area article.et_pb_post .post-meta {
    margin: 0 15px 10px 15px;
}
.category #left-area article.et_pb_post h2.entry-title {
    margin: 0px;
}
/* Tablet — 2 columns */
@media (min-width: 768px) and (max-width: 1279px) {
    .category #left-area article.et_pb_post {
        width: calc(50% - 40px);
    }
	/* Apply only on category pages container*/
.category .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px !important;
    padding-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; /* Clear floats */
}
}

/* Mobile — 1 column */
@media (max-width: 767px) {
    .category #left-area article.et_pb_post {
        width: 100%;
    }
	.category .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px !important;
    padding-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; /* Clear floats */
}
}

/* disable date feild from the blog post  */
.single-post .post-publish-date{ display:none; }
.page-template-page-blog .post-date { display:none; }
.single-post .et_post_meta_wrapper {
    padding-bottom: 20px;
}

body.error404 .gm-mega-menu-wrapper .header-menu-blurb h4.et_pb_module_header {
    font-size: 22px !important;
    font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
}


.header-mega-menu ul {
    display: block !important;
}



.top-menu a{
	color:#000 !important;
}
.gm-mega-menu-wrapper .et_pb_text a:hover {
    color: #413FD6 !important;
}
/* Ensure color persists after mouse leave */
.gm-mega-menu-wrapper .et_pb_text.active a:hover,
.gm-mega-menu-wrapper .et_pb_text.active a:focus,
.gm-mega-menu-wrapper .et_pb_text.active a:visited,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:hover,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:focus,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:visited {
  color: #413FD6 !important;
}
/* ========================================
   MEGA MENU ACTIVE STATE - #413FD6
   ======================================== */

/* Apply #413FD6 to et_pb_text element itself when active */
.gm-mega-menu-wrapper .et_pb_text.page-active,
.gm-mega-menu-wrapper .et_pb_text.active,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item {
  color: #413FD6 !important;
}

/* Base active state - Always #413FD6 */
.gm-mega-menu-wrapper .et_pb_text.page-active a,
.gm-mega-menu-wrapper .et_pb_text.active a,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a {
  color: #413FD6 !important;
}

/* Active state on hover - Stay #413FD6 */
.gm-mega-menu-wrapper .et_pb_text.page-active:hover,
.gm-mega-menu-wrapper .et_pb_text.active:hover,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item:hover {
  color: #413FD6 !important;
}

.gm-mega-menu-wrapper .et_pb_text.page-active:hover a,
.gm-mega-menu-wrapper .et_pb_text.active:hover a,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item:hover a {
  color: #413FD6 !important;
}

/* All link states for active items - Always #413FD6 */
.gm-mega-menu-wrapper .et_pb_text.page-active a:hover,
.gm-mega-menu-wrapper .et_pb_text.page-active a:focus,
.gm-mega-menu-wrapper .et_pb_text.page-active a:active,
.gm-mega-menu-wrapper .et_pb_text.page-active a:visited,
.gm-mega-menu-wrapper .et_pb_text.active a:hover,
.gm-mega-menu-wrapper .et_pb_text.active a:focus,
.gm-mega-menu-wrapper .et_pb_text.active a:active,
.gm-mega-menu-wrapper .et_pb_text.active a:visited,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:hover,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:focus,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:active,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a:visited {
  color: #413FD6 !important;
}

/* Ensure span elements inside active links are also #413FD6 */
.gm-mega-menu-wrapper .et_pb_text.page-active span,
.gm-mega-menu-wrapper .et_pb_text.active span,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item span,
.gm-mega-menu-wrapper .et_pb_text.page-active a span,
.gm-mega-menu-wrapper .et_pb_text.active a span,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item a span,
.gm-mega-menu-wrapper .et_pb_text.page-active .et_pb_text_inner,
.gm-mega-menu-wrapper .et_pb_text.active .et_pb_text_inner,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item .et_pb_text_inner {
  color: #413FD6 !important;
}

/* Parent menu item active state */
.gm-navbar #gm-main-menu .gm-menu-item.gm-parent-active > a {
  color: #413FD6 !important;
}

/* Optional: Add visual indicator (left border) */
.gm-mega-menu-wrapper .et_pb_text.page-active {
  position: relative;
  border-left: 3px solid #413FD6 !important;
  padding-left: 12px !important;
}

/* Override any theme hover effects for active items */
.gm-mega-menu-wrapper .et_pb_text.page-active:hover,
.gm-mega-menu-wrapper .et_pb_text.active:hover,
.gm-mega-menu-wrapper .et_pb_text.gm-active-item:hover {
  background-color: rgba(65, 63, 214, 0.05) !important;
}

/* Ensure mega menu visibility doesn't affect active state */
.gm-dropdown-menu .gm-mega-menu-wrapper .et_pb_text.page-active a,
.gm-dropdown-menu .gm-mega-menu-wrapper .et_pb_text.active a {
  color: #413FD6 !important;
}