.elementor-1183 .elementor-element.elementor-element-7699cfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1183 .elementor-element.elementor-element-7699cfb:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-7699cfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000FA;}.elementor-1183 .elementor-element.elementor-element-078bf5d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1183 .elementor-element.elementor-element-fa3d214{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1183 .elementor-element.elementor-element-3d27d93{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1183 .elementor-element.elementor-element-77607ca .elementor-button{background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:30px 30px 30px 30px;padding:12px 12px 12px 12px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1183 .elementor-element.elementor-element-6f16ddf{font-family:"Heebo", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-1183 .elementor-element.elementor-element-1c827f8{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:1px 1px 1px 1px;box-shadow:-1px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1183 .elementor-element.elementor-element-1c827f8:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-1c827f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elite-firearms.clients-project.com/wp-content/uploads/2025/12/407c387142787396c106e3055ff6ec3c.jpg");background-position:center center;background-size:cover;}.elementor-1183 .elementor-element.elementor-element-aeb7625{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1183 .elementor-element.elementor-element-95c2a16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1183 .elementor-element.elementor-element-372c328{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:190px;--padding-left:0px;--padding-right:0px;}.elementor-1183 .elementor-element.elementor-element-372c328:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-372c328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000EB;}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1183 .elementor-element.elementor-element-f3a777e{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-primary );}.elementor-1183 .elementor-element.elementor-element-f3a777e .elementor-headline{text-align:center;font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-f3a777e .elementor-headline-plain-text{color:#FFFFFF;}.elementor-1183 .elementor-element.elementor-element-f3a777e .elementor-headline-dynamic-text{font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-d9fa04a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1183 .elementor-element.elementor-element-4467982{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1183 .elementor-element.elementor-element-4467982:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-4467982 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1919CF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-a1286b2:hover{--e-transform-rotateZ:0deg;}.elementor-1183 .elementor-element.elementor-element-a1286b2 .elementor-icon-box-wrapper{text-align:left;}.elementor-1183 .elementor-element.elementor-element-a1286b2{--icon-box-icon-margin:15px;}.elementor-1183 .elementor-element.elementor-element-a1286b2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-a1286b2.elementor-view-framed .elementor-icon, .elementor-1183 .elementor-element.elementor-element-a1286b2.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-a1286b2 .elementor-icon{font-size:25px;border-radius:9px 9px 9px 9px;}.elementor-1183 .elementor-element.elementor-element-a1286b2 .elementor-icon-box-title, .elementor-1183 .elementor-element.elementor-element-a1286b2 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-a1286b2 .elementor-icon-box-description{font-family:"Heebo", Sans-serif;font-weight:400;}.elementor-1183 .elementor-element.elementor-element-e070dbb{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1183 .elementor-element.elementor-element-e070dbb:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-e070dbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1919CF;}.elementor-1183 .elementor-element.elementor-element-1cc3171:hover{--e-transform-rotateZ:0deg;}.elementor-1183 .elementor-element.elementor-element-1cc3171 .elementor-icon-box-wrapper{text-align:left;}.elementor-1183 .elementor-element.elementor-element-1cc3171{--icon-box-icon-margin:15px;}.elementor-1183 .elementor-element.elementor-element-1cc3171.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-1cc3171.elementor-view-framed .elementor-icon, .elementor-1183 .elementor-element.elementor-element-1cc3171.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-1cc3171 .elementor-icon{font-size:25px;border-radius:9px 9px 9px 9px;}.elementor-1183 .elementor-element.elementor-element-1cc3171 .elementor-icon-box-title, .elementor-1183 .elementor-element.elementor-element-1cc3171 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-1cc3171 .elementor-icon-box-description{font-family:"Heebo", Sans-serif;font-weight:400;}.elementor-1183 .elementor-element.elementor-element-9751dd9{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1183 .elementor-element.elementor-element-9751dd9:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-9751dd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1919CF;}.elementor-1183 .elementor-element.elementor-element-753ebc5:hover{--e-transform-rotateZ:0deg;}.elementor-1183 .elementor-element.elementor-element-753ebc5 .elementor-icon-box-wrapper{text-align:left;}.elementor-1183 .elementor-element.elementor-element-753ebc5{--icon-box-icon-margin:15px;}.elementor-1183 .elementor-element.elementor-element-753ebc5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-753ebc5.elementor-view-framed .elementor-icon, .elementor-1183 .elementor-element.elementor-element-753ebc5.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-753ebc5 .elementor-icon{font-size:25px;border-radius:9px 9px 9px 9px;}.elementor-1183 .elementor-element.elementor-element-753ebc5 .elementor-icon-box-title, .elementor-1183 .elementor-element.elementor-element-753ebc5 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-753ebc5 .elementor-icon-box-description{font-family:"Heebo", Sans-serif;font-weight:400;}.elementor-1183 .elementor-element.elementor-element-a286842{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1183 .elementor-element.elementor-element-a286842:not(.elementor-motion-effects-element-type-background), .elementor-1183 .elementor-element.elementor-element-a286842 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1919CF;}.elementor-1183 .elementor-element.elementor-element-535a713:hover{--e-transform-rotateZ:0deg;}.elementor-1183 .elementor-element.elementor-element-535a713 .elementor-icon-box-wrapper{text-align:left;}.elementor-1183 .elementor-element.elementor-element-535a713{--icon-box-icon-margin:15px;}.elementor-1183 .elementor-element.elementor-element-535a713.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-535a713.elementor-view-framed .elementor-icon, .elementor-1183 .elementor-element.elementor-element-535a713.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1183 .elementor-element.elementor-element-535a713 .elementor-icon{font-size:25px;border-radius:9px 9px 9px 9px;}.elementor-1183 .elementor-element.elementor-element-535a713 .elementor-icon-box-title, .elementor-1183 .elementor-element.elementor-element-535a713 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-weight:600;}.elementor-1183 .elementor-element.elementor-element-535a713 .elementor-icon-box-description{font-family:"Heebo", Sans-serif;font-weight:400;}/* Start custom CSS for html, class: .elementor-element-5b2b822 *//* --- Base Heading Styling --- */
.styled-heading {
  /* Use a bold, heavy font */
  font-family: 'oswald', oswald, sans-serif;
  font-size: 80px; /* Adjust size as needed */
  line-height: 0.85; /* Tightly stack lines */
  
  /* Set the default color for "In-Person" to White */
  color: #FFFFFF;
  
  display: block;
  padding: 0; /* Remove padding */
}

/* --- Remove Background Color --- */
.styled-heading.no-bg {
  background-color: transparent; 
}

/* --- Styling for the Orange Words ("Firearms") --- */
.styled-heading span {
  /* Set the solid orange color for the middle word */
  color: #FFA500; 
}

/* --- Gradient Styling for the Last Word ("Training") --- */
.styled-heading .gradient-text {
  /* 1. Define the Gradient */
  background: linear-gradient(
    to right, 
    #FFA500, /* Starting Orange */
    #FFD700  /* Ending Gold/Yellow for the gradient effect */
  );
  
  /* 2. Key Trick: Clip the Background to the Text */
  -webkit-background-clip: text; /* For WebKit browsers (Chrome, Safari) */
  background-clip: text;
  
  /* 3. Make the text transparent so the background (gradient) shows through */
  -webkit-text-fill-color: transparent; /* For WebKit browsers */
  color: transparent; /* Standard property */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95c2a16 *//* --- Global Color Variables --- */
:root {
  --color-white: #FFFFFF;
  --color-orange: #EC8A23;
  --color-text-light: #CCCCCC;
}

/* --- Main Module Styling (Container for alignment) --- */
.icon-text-module {
  display: flex;
  align-items: center; 
  padding: 15px; 
  
  /* --- KEY CHANGE: Set background to transparent --- */
  background-color: transparent; 
  /* OR simply remove the background-color line */
  
  font-family: Arial, sans-serif; 
}

/* --- Icon (Orange Circle) Styling --- */
.icon-container {
  /* The orange circular background */
  background-color: var(--color-orange); 
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}

.icon {
  /* Style for the icon itself (dark color against orange) */
  color: #000000; 
  font-size: 28px;
  line-height: 1;
}

/* --- Text Content Styling --- */
.text-content {
  display: flex;
  flex-direction: column;
}

.instructor-text {
  /* Certified Instructors (Small, light gray text) */
  color: var(--color-text-light); 
  font-size: 14px;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.safety-text {
  /* Safety First Approach (White, bold text) */
  color: var(--color-white);
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4467982 *//* --- Global Variables for Consistency (Optional, but good practice) --- */
:root {
  --hover-duration: 0.3s;
  --lift-amount: -5px; /* How far the card moves up */
  --icon-grow: 1.1;    /* How much the icon scales (1.1 = 10% larger) */
  --card-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Initial subtle shadow */
  --hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
  --color-orange: #EC8A23;
}

/* ----------------------------------------------------
   1. Base Styling for the Icon Box Container
   (Applies to the 'elementor-widget-icon-box' .elementor-1183 .elementor-element.elementor-element-4467982)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-4467982 {
    /* Apply initial shadow and smooth transition for all effects */
    box-shadow: var(--card-shadow);
    transition: all var(--hover-duration) ease-in-out;
    border-radius: 12px; /* Smooth rounded corners like the image */
    overflow: hidden;
}

/* ----------------------------------------------------
   2. Hover Effect for the Entire Card (Lift and Shadow)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-4467982:hover {
    /* Moves the entire card slightly up */
    transform: translateY(var(--lift-amount));
    
    /* Stronger shadow to emphasize the lift */
    box-shadow: var(--hover-shadow);
}

/* ----------------------------------------------------
   3. Hover Effect for the Icon
   ---------------------------------------------------- */

/* Targets the icon container wrapper (the orange square/circle) */
.elementor-1183 .elementor-element.elementor-element-4467982 .elementor-icon-box-icon {
    /* Apply transition to the icon container for smooth scaling */
    transition: transform var(--hover-duration) ease-in-out;
}

/* Targets the actual icon element inside the wrapper */
.elementor-1183 .elementor-element.elementor-element-4467982:hover .elementor-icon {
    /* Makes the icon itself grow slightly */
    transform: scale(var(--icon-grow));
    
    /* Optional: Slight color change on hover for the icon background */
    background-color: #f7a240; /* Slightly different orange on hover */
}

/* ----------------------------------------------------
   4. Icon Box Content Adjustments (Optional cleanup)
   ---------------------------------------------------- */

/* Ensures the icon wrapper maintains its shape */
.elementor-1183 .elementor-element.elementor-element-4467982 .elementor-icon-box-icon {
    /* Make sure the padding is set in Elementor's style settings */
    /* Ensure the background color is set to your orange in Elementor's style settings */
    border-radius: 8px; /* For the squared orange icon background */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e070dbb *//* --- Global Variables for Consistency (Optional, but good practice) --- */
:root {
  --hover-duration: 0.3s;
  --lift-amount: -5px; /* How far the card moves up */
  --icon-grow: 1.1;    /* How much the icon scales (1.1 = 10% larger) */
  --card-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Initial subtle shadow */
  --hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
  --color-orange: #EC8A23;
}

/* ----------------------------------------------------
   1. Base Styling for the Icon Box Container
   (Applies to the 'elementor-widget-icon-box' .elementor-1183 .elementor-element.elementor-element-e070dbb)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-e070dbb {
    /* Apply initial shadow and smooth transition for all effects */
    box-shadow: var(--card-shadow);
    transition: all var(--hover-duration) ease-in-out;
    border-radius: 12px; /* Smooth rounded corners like the image */
    overflow: hidden;
}

/* ----------------------------------------------------
   2. Hover Effect for the Entire Card (Lift and Shadow)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-e070dbb:hover {
    /* Moves the entire card slightly up */
    transform: translateY(var(--lift-amount));
    
    /* Stronger shadow to emphasize the lift */
    box-shadow: var(--hover-shadow);
}

/* ----------------------------------------------------
   3. Hover Effect for the Icon
   ---------------------------------------------------- */

/* Targets the icon container wrapper (the orange square/circle) */
.elementor-1183 .elementor-element.elementor-element-e070dbb .elementor-icon-box-icon {
    /* Apply transition to the icon container for smooth scaling */
    transition: transform var(--hover-duration) ease-in-out;
}

/* Targets the actual icon element inside the wrapper */
.elementor-1183 .elementor-element.elementor-element-e070dbb:hover .elementor-icon {
    /* Makes the icon itself grow slightly */
    transform: scale(var(--icon-grow));
    
    /* Optional: Slight color change on hover for the icon background */
    background-color: #f7a240; /* Slightly different orange on hover */
}

/* ----------------------------------------------------
   4. Icon Box Content Adjustments (Optional cleanup)
   ---------------------------------------------------- */

/* Ensures the icon wrapper maintains its shape */
.elementor-1183 .elementor-element.elementor-element-e070dbb .elementor-icon-box-icon {
    /* Make sure the padding is set in Elementor's style settings */
    /* Ensure the background color is set to your orange in Elementor's style settings */
    border-radius: 8px; /* For the squared orange icon background */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9751dd9 *//* --- Global Variables for Consistency (Optional, but good practice) --- */
:root {
  --hover-duration: 0.3s;
  --lift-amount: -5px; /* How far the card moves up */
  --icon-grow: 1.1;    /* How much the icon scales (1.1 = 10% larger) */
  --card-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Initial subtle shadow */
  --hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
  --color-orange: #EC8A23;
}

/* ----------------------------------------------------
   1. Base Styling for the Icon Box Container
   (Applies to the 'elementor-widget-icon-box' .elementor-1183 .elementor-element.elementor-element-9751dd9)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-9751dd9 {
    /* Apply initial shadow and smooth transition for all effects */
    box-shadow: var(--card-shadow);
    transition: all var(--hover-duration) ease-in-out;
    border-radius: 12px; /* Smooth rounded corners like the image */
    overflow: hidden;
}

/* ----------------------------------------------------
   2. Hover Effect for the Entire Card (Lift and Shadow)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-9751dd9:hover {
    /* Moves the entire card slightly up */
    transform: translateY(var(--lift-amount));
    
    /* Stronger shadow to emphasize the lift */
    box-shadow: var(--hover-shadow);
}

/* ----------------------------------------------------
   3. Hover Effect for the Icon
   ---------------------------------------------------- */

/* Targets the icon container wrapper (the orange square/circle) */
.elementor-1183 .elementor-element.elementor-element-9751dd9 .elementor-icon-box-icon {
    /* Apply transition to the icon container for smooth scaling */
    transition: transform var(--hover-duration) ease-in-out;
}

/* Targets the actual icon element inside the wrapper */
.elementor-1183 .elementor-element.elementor-element-9751dd9:hover .elementor-icon {
    /* Makes the icon itself grow slightly */
    transform: scale(var(--icon-grow));
    
    /* Optional: Slight color change on hover for the icon background */
    background-color: #f7a240; /* Slightly different orange on hover */
}

/* ----------------------------------------------------
   4. Icon Box Content Adjustments (Optional cleanup)
   ---------------------------------------------------- */

/* Ensures the icon wrapper maintains its shape */
.elementor-1183 .elementor-element.elementor-element-9751dd9 .elementor-icon-box-icon {
    /* Make sure the padding is set in Elementor's style settings */
    /* Ensure the background color is set to your orange in Elementor's style settings */
    border-radius: 8px; /* For the squared orange icon background */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a286842 *//* --- Global Variables for Consistency (Optional, but good practice) --- */
:root {
  --hover-duration: 0.3s;
  --lift-amount: -5px; /* How far the card moves up */
  --icon-grow: 1.1;    /* How much the icon scales (1.1 = 10% larger) */
  --card-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Initial subtle shadow */
  --hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
  --color-orange: #EC8A23;
}

/* ----------------------------------------------------
   1. Base Styling for the Icon Box Container
   (Applies to the 'elementor-widget-icon-box' .elementor-1183 .elementor-element.elementor-element-a286842)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-a286842 {
    /* Apply initial shadow and smooth transition for all effects */
    box-shadow: var(--card-shadow);
    transition: all var(--hover-duration) ease-in-out;
    border-radius: 12px; /* Smooth rounded corners like the image */
    overflow: hidden;
}

/* ----------------------------------------------------
   2. Hover Effect for the Entire Card (Lift and Shadow)
   ---------------------------------------------------- */

.elementor-1183 .elementor-element.elementor-element-a286842:hover {
    /* Moves the entire card slightly up */
    transform: translateY(var(--lift-amount));
    
    /* Stronger shadow to emphasize the lift */
    box-shadow: var(--hover-shadow);
}

/* ----------------------------------------------------
   3. Hover Effect for the Icon
   ---------------------------------------------------- */

/* Targets the icon container wrapper (the orange square/circle) */
.elementor-1183 .elementor-element.elementor-element-a286842 .elementor-icon-box-icon {
    /* Apply transition to the icon container for smooth scaling */
    transition: transform var(--hover-duration) ease-in-out;
}

/* Targets the actual icon element inside the wrapper */
.elementor-1183 .elementor-element.elementor-element-a286842:hover .elementor-icon {
    /* Makes the icon itself grow slightly */
    transform: scale(var(--icon-grow));
    
    /* Optional: Slight color change on hover for the icon background */
    background-color: #f7a240; /* Slightly different orange on hover */
}

/* ----------------------------------------------------
   4. Icon Box Content Adjustments (Optional cleanup)
   ---------------------------------------------------- */

/* Ensures the icon wrapper maintains its shape */
.elementor-1183 .elementor-element.elementor-element-a286842 .elementor-icon-box-icon {
    /* Make sure the padding is set in Elementor's style settings */
    /* Ensure the background color is set to your orange in Elementor's style settings */
    border-radius: 8px; /* For the squared orange icon background */
}/* End custom CSS */