.elementor-3502 .elementor-element.elementor-element-c5c0527:not(.elementor-motion-effects-element-type-background), .elementor-3502 .elementor-element.elementor-element-c5c0527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(76deg, #FFD5DA 6%, #DEE9FF 82%);}.elementor-3502 .elementor-element.elementor-element-c5c0527 > .elementor-background-overlay{background-image:url("https://www.isot2026.com/wp-content/uploads/2025/07/Asset-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;opacity:0.2;mix-blend-mode:luminosity;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3502 .elementor-element.elementor-element-c5c0527 > .elementor-container{max-width:1400px;}.elementor-3502 .elementor-element.elementor-element-c5c0527{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 0px 10px 0px;overflow:visible;}.elementor-3502 .elementor-element.elementor-element-10e4948 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-3108015 );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li:not(.brd_sep){color:var( --e-global-color-secondary );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li > a{color:var( --e-global-color-614e0fb );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li > span.ekit_home_icon{color:var( --e-global-color-614e0fb );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li > span.ekit_home_icon svg{fill:var( --e-global-color-614e0fb );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );justify-content:start;}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li:is(.brd_sep){color:var( --e-global-color-secondary );}.elementor-3502 .elementor-element.elementor-element-ca1a2e6 .ekit-breadcrumb > li:is(.brd_sep) svg{fill:var( --e-global-color-secondary );}.elementor-3502 .elementor-element.elementor-element-0490667{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3502 .elementor-element.elementor-element-44752a6 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-3502 .elementor-element.elementor-element-44752a6{text-align:center;}.elementor-3502 .elementor-element.elementor-element-44752a6 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-weight:800;color:var( --e-global-color-de8cee5 );}.elementor-3502 .elementor-element.elementor-element-a0d4d7e{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--gap:0px 10px;--row-gap:0px;--column-gap:10px;--grid-auto-flow:row;overflow:visible;}.elementor-3502 .elementor-element.elementor-element-d9dd931{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-3502 .elementor-element.elementor-element-923b294{--spacer-size:50px;}.elementor-3502 .elementor-element.elementor-element-9713837{--display:flex;overflow:visible;}.elementor-3502 .elementor-element.elementor-element-81ecb74{--spacer-size:50px;}@media(max-width:1366px){.elementor-3502 .elementor-element.elementor-element-a0d4d7e{--grid-auto-flow:row;}.elementor-3502 .elementor-element.elementor-element-d9dd931{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-3502 .elementor-element.elementor-element-44752a6 .elementor-heading-title{font-size:30px;}.elementor-3502 .elementor-element.elementor-element-a0d4d7e{--grid-auto-flow:row;}.elementor-3502 .elementor-element.elementor-element-d9dd931{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3502 .elementor-element.elementor-element-c5c0527{padding:0px 0px 0px 0px;}.elementor-3502 .elementor-element.elementor-element-44752a6 .elementor-heading-title{font-size:25px;}.elementor-3502 .elementor-element.elementor-element-a0d4d7e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3502 .elementor-element.elementor-element-d9dd931{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3502 .elementor-element.elementor-element-923b294{--spacer-size:0px;}}/* Start custom CSS for html, class: .elementor-element-05ab199 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d43f7f0 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6943b14 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57cef01 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2330057 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037bd8c *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df9f6fe *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01fc45c *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e740dd3 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ca9464 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b002b48 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ead5c1 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e275d2f *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f942f2b *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f14d3a5 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-affdb51 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9382d3 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab18cfa *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649d9f5 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a860324 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fdffc1 *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59e7dad *//* =========================================
   GOOGLE FONT - MONTSERRAT
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* =========================================
   CUSTOMIZE ALL SETTINGS HERE
========================================= */

.speaker-card {

  /* CARD SIZE */
  --card-width: 300px;

  /* CARD BORDER RADIUS */
  --card-radius: 10px;

  /* CARD PADDING */
  --card-padding-top: 50px;
  --card-padding-side: 20px;
  --card-padding-bottom: 50px;

  /* PROFILE IMAGE */
  --image-size: 200px;
  --image-border-width: 4px;
  --image-border-color: #6f3b86;
  --image-radius: 12px;

  /* FLAG SIZE */
  --flag-width: 60px;
  --flag-height: 45px;

  /* FLAG POSITION */
  --flag-right: -18px;
  --flag-bottom: 20px;

  /* FLAG DESIGN */
  --flag-padding: 4px;
  --flag-background: #ffffff;
  --flag-radius: 0px;

  /* TEXT - DESKTOP */
  --name-size: 16px;
  --country-size: 16px;

  --name-weight: 700;
  --country-weight: 400;

  --name-color: #3f4a57;
  --country-color: #68727d;

  /* TEXT SPACING */
  --name-bottom-space: 16px;

  /* CARD DESIGN */
  --card-background: #ffffff;
  --card-border-color: #d6d6d6;
  --card-border-width: 1px;

  /* SHADOW */
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

  width: 100%;
  max-width: var(--card-width);

  margin: 20px auto;

  padding:
    var(--card-padding-top)
    var(--card-padding-side)
    var(--card-padding-bottom);

  background: var(--card-background);

  border:
    var(--card-border-width)
    solid
    var(--card-border-color);

  /* FIXED 10PX BORDER RADIUS */
  border-radius: var(--card-radius);

  box-sizing: border-box;

  text-align: center;

  box-shadow: var(--shadow);

  transition: all 0.3s ease;
}


/* =========================================
   CARD HOVER EFFECT
========================================= */

.speaker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PROFILE IMAGE FRAME
========================================= */

.speaker-image-wrapper {

  width: var(--image-size);
  height: var(--image-size);

  margin: 0 auto 35px;

  position: relative;

  box-sizing: border-box;

  border:
    var(--image-border-width)
    solid
    var(--image-border-color);

  border-radius: var(--image-radius);

  background: #f2f2f2;

  overflow: visible;
}


/* =========================================
   PROFILE IMAGE
========================================= */

.speaker-image {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;

  border-radius:
    calc(
      var(--image-radius) -
      var(--image-border-width)
    );

  box-sizing: border-box;
}


/* =========================================
   COUNTRY FLAG
========================================= */

.country-flag {

  position: absolute;

  right: var(--flag-right);
  bottom: var(--flag-bottom);

  width: var(--flag-width);
  height: var(--flag-height);

  padding: var(--flag-padding);

  background: var(--flag-background);

  border-radius: var(--flag-radius);

  box-sizing: border-box;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);

  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
}


.country-flag img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* =========================================
   SPEAKER NAME
========================================= */

.speaker-name {

  margin: 0 0 var(--name-bottom-space);

  font-family: 'Montserrat', sans-serif;

  font-size: var(--name-size);

  font-weight: var(--name-weight);

  line-height: 1.3;

  color: var(--name-color);
}


/* =========================================
   COUNTRY NAME
========================================= */

.speaker-country {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  font-size: var(--country-size);

  font-weight: var(--country-weight);

  line-height: 1.4;

  color: var(--country-color);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .speaker-card {

    --card-width: 100%;
    --image-size: 190px;

    --name-size: 21px;
    --country-size: 18px;

    --flag-width: 55px;
    --flag-height: 40px;

    padding: 35px 25px 40px;
  }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 480px) {

  .speaker-card {

    --image-size: 160px;

    --name-size: 18px;
    --country-size: 16px;

    --flag-width: 48px;
    --flag-height: 34px;

    --flag-right: -12px;
    --flag-bottom: 12px;

    padding: 30px 18px 35px;

    margin: 10px auto;
  }

  .speaker-image-wrapper {
    margin-bottom: 28px;
  }

}/* End custom CSS */