.elementor-68661 .elementor-element.elementor-element-f819620{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-c968ba5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-c968ba5:not(.elementor-motion-effects-element-type-background), .elementor-68661 .elementor-element.elementor-element-c968ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c23bdaa );}.elementor-68661 .elementor-element.elementor-element-c968ba5 > .elementor-container{max-width:1180px;}.elementor-68661 .elementor-element.elementor-element-c968ba5 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:4px;}.elementor-68661 .elementor-element.elementor-element-c968ba5{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:8px 0px 08px 0px;z-index:1171;}.elementor-68661 .elementor-element.elementor-element-c968ba5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-68661 .elementor-element.elementor-element-9520b26.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68661 .elementor-element.elementor-element-9520b26.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-9520b26 > .elementor-element-populated{margin:0px 0px -5px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-1c4a3bd > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-d68af1d.elementor-column > .elementor-widget-wrap{justify-content:space-evenly;}.elementor-68661 .elementor-element.elementor-element-d68af1d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-68661 .elementor-element.elementor-element-d68af1d > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-c136d80{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-50cf343{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-cb78944 .elementor-button{background-color:#E8EAFA00;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;padding:10px 12px 10px 12px;}.elementor-68661 .elementor-element.elementor-element-cb78944{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-cb78944 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-cb78944 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-68661 .elementor-element.elementor-element-26e15b8 .elementor-button{background-color:#E8EAFA00;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;padding:10px 12px 10px 12px;}.elementor-68661 .elementor-element.elementor-element-26e15b8{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-26e15b8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-26e15b8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-68661 .elementor-element.elementor-element-b1748a4 .elementor-button{background-color:#02010100;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:10px 12px 10px 12px;}.elementor-68661 .elementor-element.elementor-element-b1748a4{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-831095d .elementor-button{background-color:#02010100;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:10px 12px 10px 12px;}.elementor-68661 .elementor-element.elementor-element-831095d{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-29c9ad3 .elementor-button{background-color:#E8EAFA00;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:10px 12px 10px 12px;}.elementor-68661 .elementor-element.elementor-element-29c9ad3{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-29c9ad3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-bc-flex-widget .elementor-68661 .elementor-element.elementor-element-6578758.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68661 .elementor-element.elementor-element-6578758.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-6578758.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-68661 .elementor-element.elementor-element-6578758 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-68661 .elementor-element.elementor-element-598ff5f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68661 .elementor-element.elementor-element-598ff5f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-598ff5f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-68661 .elementor-element.elementor-element-598ff5f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-81b5821{width:var( --container-widget-width, 36.061% );max-width:36.061%;--container-widget-width:36.061%;--container-widget-flex-grow:0;}.elementor-68661 .elementor-element.elementor-element-81b5821 > .elementor-widget-container{margin:0px 5px 0px 5px;padding:10px 0px 2px 0px;}.elementor-68661 .elementor-element.elementor-element-81b5821 .elementor-icon-wrapper{text-align:center;}.elementor-68661 .elementor-element.elementor-element-81b5821.elementor-view-stacked .elementor-icon{background-color:#82B212;}.elementor-68661 .elementor-element.elementor-element-81b5821.elementor-view-framed .elementor-icon, .elementor-68661 .elementor-element.elementor-element-81b5821.elementor-view-default .elementor-icon{color:#82B212;border-color:#82B212;}.elementor-68661 .elementor-element.elementor-element-81b5821.elementor-view-framed .elementor-icon, .elementor-68661 .elementor-element.elementor-element-81b5821.elementor-view-default .elementor-icon svg{fill:#82B212;}.elementor-68661 .elementor-element.elementor-element-81b5821 .elementor-icon{font-size:22px;}.elementor-68661 .elementor-element.elementor-element-81b5821 .elementor-icon svg{height:22px;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button{background-color:var( --e-global-color-c23bdaa );font-family:"Roboto";font-size:23px;font-weight:500;fill:var( --e-global-color-64fb717 );color:var( --e-global-color-64fb717 );border-style:none;padding:11px 9px 9px 9px;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button:hover, .elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button:focus{background-color:#E8EAFA;color:var( --e-global-color-c23bdaa );}.elementor-68661 .elementor-element.elementor-element-b3f3e6e{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button:hover svg, .elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button:focus svg{fill:var( --e-global-color-c23bdaa );}.elementor-bc-flex-widget .elementor-68661 .elementor-element.elementor-element-69930a7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68661 .elementor-element.elementor-element-69930a7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-69930a7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button{background-color:var( --e-global-color-c23bdaa );font-family:"Roboto";font-size:15px;font-weight:500;fill:var( --e-global-color-64fb717 );color:var( --e-global-color-64fb717 );border-style:none;padding:12px 12px 12px 12px;}.elementor-68661 .elementor-element.elementor-element-463ac0a{width:100%;max-width:100%;}.elementor-68661 .elementor-element.elementor-element-463ac0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button:hover, .elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button:focus{color:var( --e-global-color-c23bdaa );border-color:#567315;}.elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button:hover svg, .elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button:focus svg{fill:var( --e-global-color-c23bdaa );}.elementor-bc-flex-widget .elementor-68661 .elementor-element.elementor-element-3c960bb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68661 .elementor-element.elementor-element-3c960bb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68661 .elementor-element.elementor-element-3c960bb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-6560236 .elementor-button{background-color:#02010100;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-68661 .elementor-element.elementor-element-b3f3e6e{width:initial;max-width:initial;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button{font-size:12px;}.elementor-68661 .elementor-element.elementor-element-463ac0a{width:initial;max-width:initial;}.elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button{font-size:12px;}.elementor-68661 .elementor-element.elementor-element-91347e2{text-align:start;}.elementor-68661 .elementor-element.elementor-element-91347e2 img{width:50%;}.elementor-68661 .elementor-element.elementor-element-2d6b3a8.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(min-width:768px){.elementor-68661 .elementor-element.elementor-element-9520b26{width:16%;}.elementor-68661 .elementor-element.elementor-element-d68af1d{width:50.064%;}.elementor-68661 .elementor-element.elementor-element-6578758{width:32.036%;}.elementor-68661 .elementor-element.elementor-element-598ff5f{width:32%;}.elementor-68661 .elementor-element.elementor-element-69930a7{width:36.918%;}.elementor-68661 .elementor-element.elementor-element-3c960bb{width:30.41%;}}@media(max-width:1024px) and (min-width:768px){.elementor-68661 .elementor-element.elementor-element-9520b26{width:40%;}.elementor-68661 .elementor-element.elementor-element-d68af1d{width:42%;}.elementor-68661 .elementor-element.elementor-element-6578758{width:17%;}.elementor-68661 .elementor-element.elementor-element-b63ed8d{width:50%;}.elementor-68661 .elementor-element.elementor-element-2d6b3a8{width:50%;}.elementor-68661 .elementor-element.elementor-element-7bc819e{width:100%;}}@media(max-width:767px){.elementor-68661 .elementor-element.elementor-element-9520b26{width:60%;}.elementor-68661 .elementor-element.elementor-element-9520b26 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-68661 .elementor-element.elementor-element-9520b26 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-68661 .elementor-element.elementor-element-d68af1d{width:35%;}.elementor-68661 .elementor-element.elementor-element-6578758{width:100%;}.elementor-68661 .elementor-element.elementor-element-81b5821{width:100%;max-width:100%;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button{font-size:16px;padding:15px 33px 15px 33px;}.elementor-68661 .elementor-element.elementor-element-463ac0a{width:auto;max-width:auto;}.elementor-68661 .elementor-element.elementor-element-463ac0a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-68661 .elementor-element.elementor-element-463ac0a .elementor-button{font-size:16px;padding:15px 33px 15px 33px;}.elementor-68661 .elementor-element.elementor-element-b63ed8d{width:75%;}.elementor-68661 .elementor-element.elementor-element-91347e2{text-align:start;}.elementor-68661 .elementor-element.elementor-element-91347e2 img{width:54%;}.elementor-68661 .elementor-element.elementor-element-2d6b3a8{width:25%;}.elementor-68661 .elementor-element.elementor-element-6560236 .elementor-button{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c136d80 */.elementor-button-icon {
    transition: transform 0.5s ease; /* Smooth transition for rotation */
}

.customTriggerPopup {
    transition: background-color 0.5s ease, border-radius 0.5s ease; /* Smooth transition for button styling */
}

.rotate-icon {
    transform: rotate(-180deg); /* Anticlockwise rotation */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cb78944 *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
/* Rotate icon within button with ID #res */

.elementor-68661 .elementor-element.elementor-element-cb78944 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-26e15b8 *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
/* Rotate icon within button with ID #res */

.elementor-68661 .elementor-element.elementor-element-26e15b8 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b1748a4 *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
.elementor-68661 .elementor-element.elementor-element-b1748a4 {
    cursor: pointer;
}

#team:hover {
    background-color: #E8EAFA; /* Change to the desired background color on hover */
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-831095d *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
.elementor-68661 .elementor-element.elementor-element-831095d {
    cursor: pointer;
}

#pricing-header-btn:hover {
    background-color: #E8EAFA !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-29c9ad3 *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
.elementor-68661 .elementor-element.elementor-element-29c9ad3 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-81b5821 *//* Tooltip text */
#sign::before {
  content: attr(tooltip);
  position: absolute;
  bottom: -100%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #CCD0E6;
  /*background: #FFF;*/
   background: #3F51B5;
  font-family: roboto !important;
  padding: 8px 10px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 9999;
  pointer-events: none;
 box-shadow: 0px 4px 8px rgba(157, 159, 172, 0.3);
}

#sign::after { 
    content: ''; position: absolute; bottom: 0; 
    /* Adjust as needed */ 
    left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.3s ease; z-index: -1; } #sign:hover::after { background-color: #E8EAFA; border-radius: 5px; }

/* Show tooltip on hover */
#sign:hover::before {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b3f3e6e *//* Ensures that no styles remain on the button after hover */
.no-after {
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.no-after:hover {
    background-color: initial; /* Reverts to the initial background color on hover */
}
/* Rotate icon within button with ID #res */

.elementor-68661 .elementor-element.elementor-element-b3f3e6e {
    cursor: pointer;
}

/* Override rotation (if any JS/CSS tries to rotate it) */
.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-button-icon,
.elementor-68661 .elementor-element.elementor-element-b3f3e6e .elementor-icon,
.elementor-68661 .elementor-element.elementor-element-b3f3e6e svg {
  transform: none !important;
}

#mulsign::after { 
    content: ''; position: absolute; bottom: 0; 
    /* Adjust as needed */ 
    left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.3s ease; z-index: -1; } #sign:hover::after { background-color: #E8EAFA; border-radius: 5px; }

/* Show tooltip on hover */
#mulsign:hover::before {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-463ac0a */#mob-pricing {
    border: 2px solid #82B212;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border 0.1s, font-weight 0.1s, border-radius 0.1s;
    position: relative;
    color: #82B212 !important;
    width: 100%; /* Ensures full width */
    text-align: center; /* Center align text */
    display: block; /* Ensures the div behaves like a block element */
    cursor: pointer; /* Shows a pointer cursor on hover to indicate it's clickable */
}

#mob-pricing::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: border 0.1s;
    pointer-events: none; /* Prevents the pseudo-element from capturing clicks */
}

.elementor-68661 .elementor-element.elementor-element-463ac0a #mob-pricing a, #mob-pricing button {
    font-weight: 500 !important;
    color: #82B212 !important;
    display: block; /* Ensures the element stretches to fill its container */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    text-align: center; /* Center text - redundant here, but included for clarity */
    padding: 10px 50; /* Optional: Adjust padding to suit design needs */
    border: none; /* Removes any default border */
    background: none; /* Removes any default background */
    box-sizing: border-box; /* Includes padding in the element's total width/height */
}

#mob-pricing:hover::after {
    border-color: #82B212;
    border-width: 3px;
}

#mob-pricing:hover a, #mob-pricing:hover button {
    font-weight: 600 !important;
    color: #82B212 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c968ba5 *//* Initial state of the header with no styling */
.main-header {
    transition: all 0.3s ease-in-out; /* Smooth transition for the style changes */
}

/* Scrolled state styling */
.main-header.scrolled {
    box-shadow: 0px 1px 3px 0px #1E227834;
    border-bottom: 1px solid #f2f3f9;
}


.main-header .elementor-button.custom-button-hover:hover {
    background-color: #E8EAFA;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6560236 */#hea-bu .elementor-button-icon
{
    color: #282c81;
}

/* Ensure you target the button specifically */
/* CSS for rotating and scaling the icon during the transition */
.toggle-icon-button i {
  transition: transform 0.5s ease-in-out, opacity 0.3s ease;
}

/* When toggled, rotate and scale the icon */
.toggle-icon-button i.fa-times {
  transform: rotate(180deg) scale(1.2);
}

.toggle-icon-button i.fa-bars {
  transform: rotate(0deg) scale(1);
}/* End custom CSS */
/* Start custom CSS *//* ===== Show banner ONLY on homepage ===== */
body:not(.home):not(.front-page) .d365-announcement{
  display:none !important;
}

/* ===== Banner base ===== */
.d365-announcement{
  background: var(--Accent-Blue-Blue-60, #324191);
  color: #F0F1F5;
  width: 100%;
}

/* Wrapper = your layout spec */
.d365-announcement__inner{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 220px;

  /* your padding */
  padding: 20px 10px;

  /* instead of fixed 1921px (breaks mobile), do responsive equivalent */
  width: 100%;
  max-width: 1921px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Text + Read more group */
.d365-announcement__text{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;

  /* allow wrapping */
  flex-wrap: wrap;
}

/* Link styling */
.d365-announcement__link{
  color: #F0F1F5;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.d365-announcement__link:hover{
  text-decoration: underline;
}

/* Close button */
.d365-announcement__close{
  border: 0;
  background: transparent;
  color: #F0F1F5;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 6px 10px;
}

/* ===== Mobile responsive ===== */
@media (max-width: 1024px){
  .d365-announcement__inner{
    gap: 60px;          /* reduce big desktop gap */
    padding: 14px 12px; /* tighter padding */
  }
}

@media (max-width: 767px){
  .d365-announcement__inner{
    flex-direction: column;
    gap: 12px;
    align-items: stretch; /* full width */
    padding: 12px 14px;
  }

  .d365-announcement__text{
    justify-content: flex-start;
    gap: 10px;
  }

  /* put close button top-right on mobile */
  .d365-announcement__close{
    align-self: flex-end;
    padding: 4px 8px;
  }
}/* End custom CSS */