.elementor-7436 .elementor-element.elementor-element-3ea43e0{--display:flex;--min-height:0px;--margin-top:-46px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7436 .elementor-element.elementor-element-3ea43e0.e-con{--flex-grow:0;--flex-shrink:0;}.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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7436 .elementor-element.elementor-element-5fd30ef{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-7436 .elementor-element.elementor-element-65aa1a2{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-7436 .elementor-element.elementor-element-101d051{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-7436 .elementor-element.elementor-element-3f13c5e{--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-7436 .elementor-element.elementor-element-c93c30d{--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-7436 .elementor-element.elementor-element-12cf541{--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-7436 .elementor-element.elementor-element-3c5be6c{--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-7436 .elementor-element.elementor-element-03978d4{--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-7436 .elementor-element.elementor-element-105b4b9{--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-7436 .elementor-element.elementor-element-9582616{--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-7436 .elementor-element.elementor-element-9d1cb62{--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-7436 .elementor-element.elementor-element-7ec814c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7436 .elementor-element.elementor-element-401d998{width:var( --container-widget-width, 34.636% );max-width:34.636%;--container-widget-width:34.636%;--container-widget-flex-grow:0;}.elementor-7436 .elementor-element.elementor-element-401d998.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7436 .elementor-element.elementor-element-401d998 a.geoport-btn{background-color:#3000FB;}.elementor-7436 .elementor-element.elementor-element-e83142b{width:var( --container-widget-width, 34.636% );max-width:34.636%;--container-widget-width:34.636%;--container-widget-flex-grow:0;}.elementor-7436 .elementor-element.elementor-element-e83142b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7436 .elementor-element.elementor-element-e83142b a.geoport-btn{background-color:#3000FB;}@media(max-width:1024px){.elementor-7436 .elementor-element.elementor-element-7ec814c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7436 .elementor-element.elementor-element-3ea43e0{--width:106.851%;}}@media(max-width:767px){.elementor-7436 .elementor-element.elementor-element-7ec814c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-5fd30ef *//* Container styles for all sections */
h6 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer; /* Pointer to indicate interaction */
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect on the section headings */
h6:hover {
  color: #007BFF; /* Change color on hover */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Style for <em> (hover text) */
em {
  display: inline-block;
  font-style: italic;
  color: #555;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect for the <em> text */
em:hover {
  color: #007BFF; /* Change text color */
  transform: translateX(5px); /* Slide text slightly to the right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-65aa1a2 *//* Container styles for all sections */
h6 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer; /* Pointer to indicate interaction */
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect on the section headings */
h6:hover {
  color: #007BFF; /* Change color on hover */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Style for <em> (hover text) */
em {
  display: inline-block;
  font-style: italic;
  color: #555;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect for the <em> text */
em:hover {
  color: #007BFF; /* Change text color */
  transform: translateX(5px); /* Slide text slightly to the right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-101d051 *//* Container styles for all sections */
h6 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer; /* Pointer to indicate interaction */
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect on the section headings */
h6:hover {
  color: #007BFF; /* Change color on hover */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Style for <em> (hover text) */
em {
  display: inline-block;
  font-style: italic;
  color: #555;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect for the <em> text */
em:hover {
  color: #007BFF; /* Change text color */
  transform: translateX(5px); /* Slide text slightly to the right */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea43e0 *//* General layout for hoverable elements */
.hover-effect {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #ccc; /* Background color */
  text-align: center;
  line-height: 100px; /* Center the text vertically */
  font-size: 16px;
  transition: all 0.3s ease; /* Smooth transition for all properties */
  border-radius: 8px;
  cursor: pointer; /* Indicate it's interactive */
}

/* Hover effects */
.hover-effect:hover {
  transform: scale(1.1); /* Slightly enlarge the element */
  background-color: #007BFF; /* Change background color on hover */
  color: #fff; /* Change text color on hover */
}

/* Optional: Add an image (e.g., background image or icon) */
.hover-effect::before {
  content: "";
  background-image: url('icon.png'); /* Replace with your icon URL */
  background-size: 50px 50px;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
}

/* Hover effect on the image/icon */
.hover-effect:hover::before {
  transform: scale(1.1); /* Make the image grow */
  filter: brightness(1.2); /* Enhance brightness on hover */
}/* End custom CSS */