@font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-BookItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-HeavyItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Heading Pro";
    src: url("../fonts/Heading Pro/Heading Pro/HeadingPro-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
  }
  
  body{
    overflow-x: hidden;
  }

  h1 b, h1 strong,
  h2 b, h2 strong,
  h3 b, h3 strong,
  h4 b, h4 strong,
  h5 b, h5 strong,
  h6 b, h6 strong {
    font-weight: 700 !important;
  }

body, p, a, ul, li {
  font-family: "Inter", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.font-inter {
  font-family: "Inter", sans-serif !important; 
}

.font-headingpro {
  font-family: "Heading Pro", Helvetica, sans-serif !important; 
}

h1, h2, h3, h4, h5, h6, .btn-outline, 
.btn-fill, .secondary-btn, .btn-white, 
.dropdown-btn, .btn-links-hover, 
.pagination-nav {
  font-family: "Heading Pro", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* contact forms styles */

/* Base form styling */
.form-wrapper {
    padding: 40px 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #D4D4D4;
    border-radius: 0px 50px;
}

.wpcf7-spinner {
  display: none !important;
}

/* input, textarea, and select styles */
.form-wrapper input, .form-wrapper textarea {
  width: 100%;
  padding: 9px 13px;
  font-size: 14px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  color: #171717;
  font-family: "Inter", sans-serif !important;
  box-shadow: none;
  border-radius: 6px;
}

.form-wrapper select {
  color: #A3A3A3;
    width: 100%;
  padding: 9px 13px;
  font-size: 14px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  font-family: "Inter", sans-serif !important;
  box-shadow: none;
  border-radius: 6px;
}

.wpcf7-not-valid-tip {
  color: #dc2626 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  display: block;
  font-family: "Inter", sans-serif !important;
  margin-top: 8px !important;
}

/* Apply placeholder color styling to Contact Form 7 form fields */
.form-wrapper ::-webkit-input-placeholder { /* WebKit browsers */
  color: #A3A3A3 !important;
  opacity: 1;
}
.form-wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #A3A3A3 !important;
  opacity: 1;
}
.form-wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #A3A3A3 !important;
  opacity: 1;
}
.form-wrapper :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #A3A3A3 !important;
  opacity: 1;
}

.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
  color: #A3A3A3 !important;
}


/* Checkbox styling */
.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}

.wpcf7-list-item-label {
  display: inline-block;
}

.form-wrapper input:focus  {
    background-color: #f8f8f8;
    border: 1px solid #00a8e1;
}

input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 0;
    background-color: #f8f8f8;
    border: 1px solid #00a8e1;
}

/* Checkbox and radio button */
.form-wrapper input[type="radio"] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

/* Checkbox styling */
.form-wrapper input[type="checkbox"] {
  appearance: none; /* Remove default styles */
  width: 16px;
  height: 16px;
  padding: 8px !important;
  margin-right: 8px;
  border: 1px solid #215263;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  outline: none;
}

/* Checked state */
.form-wrapper input[type="checkbox"]:checked {
  background-color: #215263;
  border: 1px solid #215263;
  
}

.form-wrapper input[type="submit"]:hover {
  background-color: #215263;
  color: white;
}

/* Focus state */
.form-wrapper input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none; /* Add focus ring */
}

/* Submit button */
.form-wrapper input[type="submit"] {
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: white;
  font-family: "Heading Pro", Helvetica, sans-serif !important; 
}

.form-wrapper input[type="submit"]:focus, 
.form-wrapper input[type="submit"]:focus-visible{
  border-width: 2px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 210 254 / var(--tw-border-opacity)) !important;
  background: linear-gradient(102deg, #075064 10.54%, #0B6E89 93.74%) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.background-submit-button input[type="submit"] {
    color: #fff;
    border-width: 0px;
    cursor: pointer;
    font-size: 18px;
}

/* Drag and Drop Styles */
.drag-drop {
    border: 2px solid #D4D4D4;
    padding: 24px;
    text-align: center;
    border-radius: 8px;
    background-color: white;
    cursor: pointer;
    margin-top: 8px;
}

.drag-drop.dragging {
    background-color: #f1f1f1;
    border-color: #000;
}
.attachement-text {
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif !important;
}
.drag-drop p {
  font-size: 12px;
  color: #737373;
  line-height: 20px;
  font-weight: 400;
  font-family: "Inter", sans-serif !important;
}
.drag-drop label {
  font-size: 12px;
  color: #737373;
  line-height: 20px;
  font-weight: 400;
  font-family: "Inter", sans-serif !important;
}
.drag-drop .highlight-text {
  font-size: 14px;
  color: #404040;
  line-height:20px;
  font-weight: bold;
  font-family: "Inter", sans-serif !important;
}
.wpcf7-list-item {
    margin: 0 !important;
}
span.wpcf7-list-item-label {
  font-size: 14px;
  color: #404040;
  line-height: 20px;
  font-weight: 400;
  font-family: "Inter", sans-serif !important;
}

/* -----------------------------------------------------------------------
	*                               Region Selected Field                                                     
	*  -----------------------------------------------------------------------
*/
/* The container must be positioned relative: */
/* .custom-select {
  position: relative;
}

.custom-select select {
  display: none; 
}

.select-selected {
  background-color: white;
  color: #374151;
  padding: 8px 16px;
  border-radius: 99px;

  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-arrow-active{
  outline: 1px solid transparent;
  outline-offset: 1px;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}


.select-selected:after {
  position: absolute;
  content: "";
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
    no-repeat;
  background-size: 1.5rem;
  top: 10px;
  right: 12px;
  width: 20px; 
  height: 20px; 
  pointer-events: none; 
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #374151 transparent;
  top: 10px;
  rotate: 180deg;
}

.select-items div {
  overflow: hidden;
  color: #374151;
  padding: 8px 16px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-items {
  position: absolute;
  background-color: white;
  border-radius: 1rem;
  border: 1px solid rgba(33, 82, 99, 0.40);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  margin-top: 8px;
}


.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(109, 174, 129, 0.16);
  border-radius: 0 !important;
} */


/* -----------------------------------------------------------------------
	*                               Map                                                     
	*  -----------------------------------------------------------------------
*/
a.mapboxgl-ctrl-logo, .mapboxgl-popup-tip {
    display: none !important;
}

.custom-marker-home {
    position: relative; /* Ensure z-index applies */
    z-index: 10; /* Set a lower z-index */
    border-radius: 100px; /* Rounded corners */
    background: radial-gradient(50% 50% at 50% 50%, rgba(245, 196, 82, 0.32) 0%, rgba(240, 227, 176, 0.32) 100%); /* Radial gradient background */
    display: flex; /* Flexbox layout */
    width: 55px; /* Width of the marker */
    height: 55px; /* Height of the marker */
    padding: 3px; /* Inner padding */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    gap: 10px; /* Space between items */
    flex-shrink: 0; /* Prevent shrinking */
    fill: #FACC15; /* Fill color */
    stroke-width: 1px; /* Stroke width */
    stroke: rgba(109, 174, 129, 0.54); /* Stroke color */
}    

.marker-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.region-label  {
    z-index: 20;
    border-radius: 24px !important;
    border: 1px solid #6DAE81;
    background: #E5F2E8 !important;
    color: #404040;
    font-family: "Heading Pro";
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    /* width: 15rem; */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 
                0px 1px 2px 0px rgba(0, 0, 0, 0.10) !important;
    padding: 8px 20px 8px 10px; /* Add padding around the text */
}

/* .page-region-label{
    z-index: 20;
    border-radius: 24px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #FFF !important;
    color: #404040;
    font-family: "Heading Pro";
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 
                0px 1px 2px 0px rgba(0, 0, 0, 0.10) !important;
    padding: 8px 20px; 
} */

.search-result-label-container{
    z-index: 20 !important;
    position: absolute !important;
    top: 13px !important;
    max-width: 12rem;
    padding: 6px 12px;;
    font-size: 12px;
    font-weight: 700;border-radius: 24px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #FFF !important;
    color: #404040;
    font-family: "Heading Pro";
    text-transform: lowercase;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 
                0px 1px 2px 0px rgba(0, 0, 0, 0.10) !important;
}

.map {
    position: relative;
    width: 100%;
    height: 45rem;
    align-items: center;
    display: flex;
}

.map-page{
  height: 100vh !important;
    /* height: 65rem !important; */
}
    
#map-home, #map-page { 
    position: absolute; 
    top: 0px; 
    bottom: 0; 
    width: 100%;
    height: 100%; 
    z-index: 2; /* Map content stays on top */
}
    
.mapboxgl-popup {
    max-width: 420px !important;
    z-index: 40 !important;
    transform: translate(140%, 30%); 
}

.mapboxgl-popup-close-button{
    color: #475569;
    border: 1px solid #475569 !important;
    margin: 10px;
    border-radius: 9999px !important;
    font-weight: bold;
    font-size: 1.5rem !important;
    width: 30px;
    height: 30px;
}

.modal-social-link {
    display: flex;
    gap: 10px;
}
    
.modal-social-icons {
    width: 25px;
    height: 25px;
    color: #1C3869;
    border: 1px solid #1C3869;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.mapboxgl-popup-content {
    background: #fff;
    color: #475569 !important;
    border-radius: 24px !important;
    border:  1px solid #D4D4D4 !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
    font-family: "Heading Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px !important;
    padding-bottom: 1px !important;
}

.mapboxgl-popup-tip {
    border: 40px solid transparent;
    height: 0px;
    width: 40px;
    z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    align-self: center;
    border-bottom-color: #D9D9D9;
    border-top: none;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #D9D9D9;
}

.mapboxgl-popup-content img {
    max-width: 100%;
    height: auto;
}

.mapboxgl-ctrl-group button+button {
    border: 0 !important;
}
    
/* scrollbar */
#side-panel::-webkit-scrollbar {
    width: 6px;
    height: 500px !important;
}

#side-panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #E5F2E8;
    -webkit-border-radius: 99px;
    border-radius: 99px;
}

#side-panel::-webkit-scrollbar-thumb {
    -webkit-border-radius: 99px;
    border-radius: 99px;
    background: #6DAE81;
}

#side-panel::-webkit-scrollbar-thumb:window-inactive {
    background: #6DAE81;
}

/* <!-- Side Panel --> */
.side-panel {
    position: fixed;
    top: 0;
    right: -430px; /* Off-canvas initially */
    width: 430px;
    height: 100%;
    border-left: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    color: #404040;
    transition: right 0.3s ease-in-out;
    z-index: 1000; /* Ensure it overlays map */
    overflow-y: auto; /* Enable vertical scrolling */
}

.side-panel-content {
    padding: 20px;
    max-height: 100%;
}

.side-panel-content h3{
  text-transform: none !important;
}

.close-panel-btn {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 24px;
    height: 24px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background: none;
    border: 1px solid #215263;
    border-radius: 9999px;
    outline: none;
    color: #215263;
}

.close-panel-btn:hover {
    color: red;
}

.hide-popup {
    display: none !important;
}

/* mobile styles */
@media (max-width: 766px) {
    #side-panel {
        width: 100vw; /* Full width for mobile */
    }

    .mapboxgl-popup {
        max-width: 330px !important;
    }
}
.article-pg .logo-images-wrapper {
  display: block;
}

.article-pg img {
  margin-bottom: 0;
}
.article-pg .logo-images-wrapper img {
  padding: 20px 30px;
}
.article-pg .image-text-row-right {
  display: block !important;
}
.article-pg .image-text-row-right .paragrapgh-wrapper {
  width: 100% !important;
  margin-bottom: 30px !important;
  padding-right: 0 !important;
}
.article-pg .image-text-row-right .img-wrapper {
  width: 100% !important;
} 

/* addistion */
.hover-effect {
    background-color: #F0F0F0; /* Light gray background on hover */
    transition: background-color 0.3s ease; /* Smooth transition */
}

/* Style for region labels */
/* .mapboxgl-marker{
    z-index: 10 !important;
    position: relative !important;
} */

.category-count {
    width: 41px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:  #FFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    margin-left: 5px; /* Spacing between region name and count */
    padding: 2px 4px; /* Padding around the count */
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 99px;
    background: var(--Brand-sea-green, #6DAE81);
}


/* -----------------------------------------------------------------------
	*                               Single Post                                                     
	*  -----------------------------------------------------------------------
*/
/* single post styles */
.article-pg{
  word-break: break-word;
}

.article-pg h2 {
  font-size: 36px;
  line-height: 40px;
  color: #171717;
  margin-bottom: 32px;
  text-align: left;
  margin-top: 56px;
  font-weight: 700;
}

.article-pg h3 {
  font-size: 30px;
  font-weight: 700;
  color: #171717;
  line-height: 36px;
  margin-bottom: 32px;
  text-align: left;
  margin-top: 32px;
}

.article-pg h4 {
  font-size: 24px;
  line-height: 32px;
  color: #171717;
  font-weight: 700;
  margin-bottom: 20px;
}

.article-pg h5 {
  font-size: 20px;
  line-height: 28px;
  color: #171717;
  font-weight: bold;
  margin-bottom: 20px;
}

.article-pg h6 {
  font-size: 18px;
  line-height: 28px;
  color: #171717;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 32px;
  margin-top: 56px;
}

.article-pg p {
  font-size: 16px;
  color: #404040;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 24px;
  /* text-align: left; */
}

/* Style for the first heading only */
/* .article-pg p:first-of-type {
  font-size: 18px;
  font-weight: 400;
} */

/* Style for the first paragraph */
/* .article-pg p:nth-of-type(1) {
  font-size: 12px;
  color: #A3A3A3;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 32px;
  margin-bottom: 0;
} */

/* Style for the second paragraph */
/* .article-pg p:nth-of-type(2) {
  font-size: 18px;
  color: #404040;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 32px;
  text-align: left;
} */

/* Style the image that comes directly after a paragraph inside .article-pg */
.article-pg p:only-child + h6 {
  font-size: 12px !important;
  color: #A3A3A3 !important;
  text-align: center !important;
  font-weight: 400 !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}


.article-pg p:last-child {
  margin-bottom: 0px;
}

.article-pg .small-para-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #404040;
}

.article-pg a {
  text-decoration: underline;
  color: #215263;
}

.article-pg pre {
  font-size: 12px !important;
  color: #A3A3A3 !important;
  text-align: center !important;
  font-weight: 400 !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  font-family: "Inter", sans-serif !important;
}

.article-pg ul {
  list-style-type: disc;
  margin-bottom: 24px;
  margin-left: 32px;
  margin-top: 24px;
}

.article-pg ul li {
  list-style-type: none;
  position: relative;
  display: block;
  padding-left: 30px;
  color: #6B7280;
}

.article-pg li {
  font-size: 16px;
  line-height: 24px;
  color: #404040;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: left;
}

.article-pg ul li a {
  text-decoration: none;
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
}

.article-pg ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><g id="heroicons-micro/check-circle"><path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM11.8435 6.20859C12.0967 5.88082 12.0363 5.40981 11.7086 5.15654C11.3808 4.90327 10.9098 4.96365 10.6565 5.29141L6.95615 10.0801L5.30747 8.24828C5.03038 7.94039 4.55616 7.91543 4.24828 8.19253C3.94039 8.46962 3.91544 8.94384 4.19253 9.25172L6.44253 11.7517C6.59132 11.917 6.80582 12.0078 7.02809 11.9995C7.25036 11.9911 7.45746 11.8846 7.59346 11.7086L11.8435 6.20859Z" fill="%236DAE81"/></g></svg>') no-repeat;
  background-size: contain;
}

.article-pg li:last-child {
  margin-bottom: 0px;
}

.article-pg ol {
  padding-left: 32px;
  margin-bottom: 20px;
  counter-reset: my-counter;
}

.article-pg ol li {
  font-size: 16px;
  color: #404040;
  font-weight: 400;
  line-height: 24px;
  list-style: none !important;
  counter-increment: my-counter;
}

.article-pg ol li::before {
  content: counter(my-counter) ". ";
  font-size: 16px;
  color: #404040;
  font-weight: 400;
  line-height: 24px;
}

.article-pg img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* .article-pg p img {
  display: grid;
  justify-content: center;
} */

.article-pg .main-img {
  padding-top: 32px;
  padding-bottom: 10px;
  border-radius: 8px;
}

.article-pg .img-wrapper {
  width: 60%;
}

.article-pg blockquote {
  padding-left: 18px;
  border-left: 5px solid #ccc;
  margin-bottom: 30px;
}

.article-pg blockquote p {
  font-size: 16px;
  color: #111827;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 28px;
}

.article-pg .image-text-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 32px;
  width: 100%;
}

.article-pg .paragrapgh-wrapper {
  width: 40%;
  flex-shrink: 0;
  padding-left: 32px;
  margin-bottom: 0;
}

.article-pg .image-text-row-right {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding-bottom: 32px;
  width: 100%;
}

.article-pg .image-text-row-right .paragrapgh-wrapper {
  padding-left: 0 !important;
  padding-right: 32px;
  width: 60%;
  flex-shrink: 0;
  margin-bottom: 0;
}

.article-pg .image-text-row-right .img-wrapper {
  width: 40%;
}

.article-pg .logo-images-wrapper {
  display: flex;
  margin-bottom: 75px;
}

.article-pg .logo-images-wrapper img {
  padding: 32px;
}

.article-pg .button {
  display: inline-block;
  background-image: linear-gradient(102deg, #075064 10.54%, #0B6E89 93.74%);
  color: white;
  padding: 14px 36px;
  border-radius: 9999px;
  margin-top: 30px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.author-details {
  font-size: 12px;
  color: #1C3869;
  line-height: 16px;
  font-weight: 300;
  margin-bottom: 0px;
}

.article-pg iframe {
  margin-bottom: 65px;
  margin-top: 30px;
  width: 100%;
  height: 60vh;
}

.article-pg footer {
  margin-top: 50px;
  font-size: 14px;
  color: #999;
}

.article-pg .catgory-chip {
  color: #A3A3A3;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 8px;
}

.article-pg .share-link {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important; 
  cursor: pointer;
}

.article-pg .img-caption {
  margin-bottom: 32px;
  color: #A3A3A3;
  margin-top: 10px;
}
.breadcrumb-section a {
    text-decoration: none;
    color: #404040;
    font-size: 12px;
    line-height: 16px;
}
.breadcrumb-section {
    background-image: linear-gradient(90deg, rgba(109, 174, 129, 0.12) 0%, rgba(33, 82, 99, 0.00) 60%);
    padding: 10px;
}
.report-pagiantion-section a {
  text-decoration: none;
}

/* article page responsive */

@media (max-width: 768px) {
  .article-pg p, .article-pg ul li, .article-pg a {
    font-size: 14px;
    line-height: 20px;
  }
  .article-pg ul li a {
    font-size: 14px;
    line-height: 20px;
}
  .article-pg h2 {
    font-size: 30px;
    line-height: 36px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .article-pg h6 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 24px;
    padding-bottom: 24px;
  }
  .article-pg blockquote p {
    font-size: 14px;
    line-height: 20px;
  }
.article-pg img {
  margin-bottom: 24px;
}
}

@media (max-width: 600px) {
  .article-pg h2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .article-pg h6 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 24px;
    padding-bottom: 24px;
  }
}

.custom-leaf-img  {
  width: 33.333%; /* 1/3 width by default */
  max-width: 100%; /* Make sure it doesn't overflow the container */
  height: auto; /* Maintain aspect ratio */
}

/* Medium screens (md) - 768px and up */
@media (min-width: 768px) {
  .custom-leaf-img  {
      width: 40%; /* 2/5 width */
  }
}

/* Large screens (xl) - 1280px and up */
@media (min-width: 1280px) {
  .custom-leaf-img {
      width: 60%; /* 3/5 width */
  }
}

.custom-flower-img {
  width: 33.333%; /* 1/3 width by default */
  max-width: 100%; /* Ensure it does not overflow the container */
  height: auto; /* Maintain the aspect ratio */
}

/* Medium screens (md) - 768px and up */
@media (min-width: 768px) {
  .custom-flower-img {
      width: 40%; /* 2/5 width */
  }
  span.wpcf7-list-item-label {
    font-size: 13px;
  }
}

/* Large screens (xl) - 1280px and up */
@media (min-width: 1280px) {
  .custom-flower-img {
      width: 60%; /* 3/5 width */
  }
}

footer .current_page_item .footer-link {
  color: #1C3869 !important;
}

footer .desktop-link-white.active, footer .desktop-link-white.a.active, footer .current_page_item{
  border-color: transparent !important;
}
footer .footer-link {
  color: #215263 !important;
}

.wysiwyg-semi-bold {
  font-weight: 600 !important;
}

.footer-form:focus, .footer-form:focus-visible{
  outline: none !important; /* Remove default outline */
  box-shadow: none !important; /* Focus ring */
  border: none  !important;
}

.footer-form{
  background: rgba(255, 255, 255, 0.60) !important;
}
#mobile-menu ul {
  list-style: none;
  padding-left: 0;
}

#mobile-menu li {
  list-style-type: none;
}
.mc4wp-alert.mc4wp-success {
  color: #459b45;
}
.mc4wp-alert.mc4wp-error {
  color: #e02141;
}
.mc4wp-response {
  padding-top: 15px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}

:lang(fr-FR) {
  @media (min-width: 1280px) {
      .desktop-link {
          font-size: 14px;
          line-height: 1.5rem;
      }
  }
}