@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-Bold.ttf");
  font-weight: 700;
}

@font-face {
  font-family: "IndeedSans";
  src: url("../fonts/IndeedSans-ExtraBold.ttf");
  font-weight: 800;
}

:root {
  --c_primary: #EF5DA2;
  --c_secondary: #7BC0AF;
  --c_darkblue: #071E3F;
  --c_skyblue:#718DC8;
  --c_black: #000000;
  --c_white: #ffffff;

  --bg_primary: #EF5DA2;
  --bg_primaryDark: #bd1463;
  --bg_secondary: #7BC0AF;
  --bg_darkblue: #071E3F;
  --bg_black: #000000;
  --bg_white: #ffffff;

  --fs_151: 9.4883rem;
  --fs_130: 8.125rem;
  --fs_106: 6.6681rem;
  --fs_93: 5.8686rem;
  --fs_80: 5.0202rem;
  --fs_78: 4.8488rem;
  --fs_70: 4.375rem;
  --fs_67: 4.1884rem;
  --fs_63: 3.9493rem;
  --fs_50: 3.125rem;
  --fs_42: 2.625rem;
  --fs_38: 2.392rem;
  --fs_34: 2.1464rem;
  --fs_30: 1.9178rem;
  --fs_28: 1.7555rem;
  --fs_26: 1.6427rem;
  --fs_22: 1.3973rem;
  --fs_19: 1.1902rem;

  --arrow_up:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 803 529" width="803" height="529"><defs><clipPath clipPathUnits="userSpaceOnUse" id="cp1"><path d="m850.81 529h-1906.81v-1221.45h1906.81z"/></clipPath><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(0,357.79,-381.587,0,669.311,219.945)"><stop stop-color="%231f4295"/><stop offset=".9" stop-color="%23071d3e"/></linearGradient></defs><style>.a{fill:url(%23g1)}.b{fill:%231f4295}</style><g clip-path="url(%23cp1)"><g style="opacity:.4"><g style="opacity:.5"><path class="a" d="m489.3 766.2c-57.8 0-112.6-20.7-154.3-58.3-21.2-19.1-37.9-41.6-49.7-66.8-12.6-26.9-19-55.4-19-84.9v-247.5c0-14.2-17.6-30.1-43-30.1-25.3 0-43 15.9-43 30.1v228.3h-180v-228.3c0-29.5 6.4-58 19-84.9 11.8-25.2 28.5-47.7 49.7-66.8 41.7-37.6 96.5-58.4 154.3-58.4 57.9 0 112.7 20.8 154.4 58.4 21.2 19.1 37.9 41.6 49.7 66.8 12.6 26.9 18.9 55.4 18.9 84.9v247.5c0 14.2 17.7 30 43 30 25.4 0 43-15.8 43-30v-404.4h180v404.4c0 29.5-6.3 58-18.9 84.9-11.8 25.2-28.6 47.7-49.7 66.8-41.7 37.6-96.5 58.3-154.4 58.3z"/></g><g style="opacity:.5"><path class="b" d="m441 151.5h362.2l-181.1-151.4z"/></g></g></g></svg>');
  --arrow_up_lg:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1697 2342" width="1697" height="2342"><defs><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(-6887.288,9326.066,-6995.78,-5166.375,3716.082,648.31)"><stop stop-color="%23ee5ca0" stop-opacity="1"/><stop offset=".19" stop-color="%230b2247" stop-opacity="1"/><stop offset=".35" stop-color="%2379c0ae" stop-opacity="0"/><stop offset=".77" stop-color="%2374b8aa" stop-opacity="0"/></linearGradient></defs><style>.a{opacity:.4;fill:url(%23g1)}</style><path class="a" d="m904.7 803c0.1 0-2.1 1108.7-2.1 1108.7-2 82.2 143.6 115.5 200.5 56.2 12.5-11.2 27.3-29.8 27.4-55.2l3.6-1591.1-205.6-1.7 385.7-319.5 383 322.8-226.6-0.1c-13.4 131.5 31.4 1657.6-42.4 1761.4-120.7 268.9-515.6 332.5-725.2 131.4-86.4-78-137.9-189.7-136.9-305.6 0 0 2.2-1108.7 2.2-1108.7 0.2-46.9-51.9-86.8-113.7-87.1-61.8-0.2-114.2 39.2-114.4 86.2l-2 1541.4-336.4-1.4c13.2-129.1-29.4-1598.8 40.8-1711.9 120.7-268.9 515.6-332.5 725.3-131.4 86.3 78 137.8 189.7 136.8 305.6z"/></svg>');
  --arrow_down:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 756 308" width="756" height="308"><defs><clipPath clipPathUnits="userSpaceOnUse" id="cp1"><path d="m1730.81 1221.73h-1906.81v-1221.44h1906.81z"/></clipPath><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(0,-338.446,360.759,0,123.083,103.414)"><stop stop-color="%231f4295"/><stop offset=".9" stop-color="%23071d3e"/></linearGradient></defs><style>.a{fill:url(%23g1)}.b{fill:%231f4295}</style><g clip-path="url(%23cp1)"><g style="opacity:.4"><g style="opacity:.5"><path class="a" d="m755.9-195.7v214.1c0 28.1-6.1 55.3-18.1 80.8-11.2 24-27.1 45.3-47.2 63.5-39.6 35.8-91.7 55.5-146.6 55.5-54.9 0-107-19.7-146.6-55.5-20.1-18.2-36-39.5-47.2-63.5-12-25.5-18.1-52.7-18.1-80.8v-232c0-6.5-4.2-11.7-7.7-14.9-7.4-6.7-18.3-10.5-29.8-10.5-21.5 0-37.6 13.4-37.6 25.4v379.1h-174.3v-379.1c0-28.1 6.1-55.3 18.1-80.8 11.2-24 27.1-45.3 47.2-63.5 39.6-35.8 91.7-55.4 146.6-55.4 54.9 0 107 19.6 146.6 55.4 20.1 18.2 36 39.5 47.2 63.5 12 25.5 18 52.7 18 80.8q0 0 0 0v232c0 12 16.1 25.4 37.6 25.4 21.5 0 37.6-13.4 37.6-25.4v-214.1z"/></g><g style="opacity:.5"><path class="b" d="m339.9 165.9h-339.6l169.8 141.9z"/></g></g></g></svg>');
  --arrow_left:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 953 998" width="953" height="998"><defs><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(444.675,0,0,474.251,273.654,166.612)"><stop stop-color="%231f4295"/><stop offset=".9" stop-color="%23071d3e"/></linearGradient></defs><style>.a{fill:url(%23g1)}.b{fill:%231f4295}</style><g style="opacity:.5"><g style="opacity:.25"><path class="a" d="m952.6 390.3c0 71.9-25.7 140-72.5 191.8-23.8 26.3-51.7 47.1-83 61.8-33.4 15.6-68.9 23.5-105.6 23.5h-307.5c-17.7 0-37.4 22-37.4 53.5 0 31.5 19.7 53.4 37.4 53.4h283.8v223.7h-283.8c-36.7 0-72.2-7.9-105.5-23.5-31.4-14.7-59.3-35.5-83.1-61.8-46.7-51.8-72.5-119.9-72.5-191.8 0-71.9 25.8-140.1 72.5-191.9 23.8-26.3 51.7-47 83.1-61.7 33.3-15.7 68.8-23.6 105.5-23.6h307.5c17.7 0 37.4-21.9 37.4-53.4 0-31.5-19.7-53.4-37.4-53.4h-502.5v-223.8h502.5c36.7 0 72.2 8 105.6 23.6 31.3 14.7 59.2 35.5 83 61.8 46.8 51.8 72.5 119.9 72.5 191.8z"/></g><g style="opacity:.25"><path class="b" d="m188.5 450.4v-450.2l-188.1 225.1z"/></g></g></svg>');
  --curve-right-bottom:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 569 565" width="569" height="565"><defs><clipPath clipPathUnits="userSpaceOnUse" id="cp1"><path d="m568.81 564.73h-1906.81v-1221.44h1906.81z"/></clipPath><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(447.293,566.292,-603.627,476.783,1034.93,-262.325)"><stop stop-color="%231f4295"/><stop offset=".9" stop-color="%23071d3e"/></linearGradient></defs><style>.a{fill:url(%23g1)}</style><g clip-path="url(%23cp1)"><g style="opacity:.4"><g style="opacity:.5"><path class="a" d="m371.4 1074.4l-282.9-358.2c-37.1-46.9-62.9-100.5-76.6-159-12.9-55-14.6-111.7-4.9-168.7 19-112.2 80.1-213.9 172-286.5 91.9-72.6 205-108.5 318.6-101 57.6 3.8 112.5 18.6 162.9 43.8 53.8 27 99.9 64.4 137 111.4l306.6 388.2c8.7 10.9 22.6 14 32.8 14.7 21.2 1.4 44.4-6.5 63.7-21.8 35.9-28.4 45-72 29.2-92.1l-501.1-634.4 291.7-230.4 501 634.4c37.1 47 62.9 100.5 76.6 159 12.9 55 14.6 111.7 4.9 168.7-19 112.2-80.1 213.9-172 286.5-91.9 72.6-205 108.4-318.5 100.9-57.7-3.8-112.5-18.5-163-43.8-53.7-26.9-99.8-64.4-136.9-111.3q0 0 0 0l-306.6-388.2c-15.9-20.1-60.6-21.4-96.5 7-36 28.4-45.1 72.2-29.3 92.3l283 358.2z"/></g></g></g></svg>');
}

body {
  font-family: "IndeedSans";
  color: var(--c_white);
  background: var(--bg_darkblue);
  line-height: 1.22;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin-bottom: 0.3em;
}

p {
  font-size: var(--fs_30);
  margin-bottom: 1.1em;
  letter-spacing: 0.0092em;
}
.cursor{
  font-size: 1rem;
  text-align: center;
  position: fixed;
  top:0px;
  left:0px;
  width: 4.75rem;
  height: 4.75rem;
  padding: 0.625rem;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border-radius: 50%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  pointer-events: none;
  z-index: 1000;
  background-color: var(--bg_primary);
  -webkit-transform: translate(-50%,-50%) scale(0);
      -ms-transform: translate(-50%,-50%) scale(0);
          transform: translate(-50%,-50%) scale(0);
}
.cursor.show__content{
  -webkit-transform: translate(-50%,-50%) scale(2);
      -ms-transform: translate(-50%,-50%) scale(2);
          transform: translate(-50%,-50%) scale(2);
}

.grow-small{
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}
.c_primary {
  color: var(--c_primary);
}

.c_primaryLt {
  color: var(--c_primaryLt);
}
.c_darkblue {
  color: var(--c_darkblue);
}
.c_skyblue{
  color: var(--c_skyblue);
}

.c_secondary {
  color: var(--c_secondary);
}

.c_black {
  color: var(--c_black);
}

.c_white {
  color: var(--c_white);
}

.bg_primary {
  background-color: var(--bg_primary);
}

.bg_primaryLt {
  background-color: var(--bg_primaryLt);
}

.bg_secondary {
  background-color: var(--bg_secondary);
}

.bg_black {
  background-color: var(--bg_black);
}

.bg_white {
  background-color: var(--bg_white);
}

.fs_151 {
  font-size: var(--fs_151);
  line-height: 1.1985em;
}
.fs_130 {
  font-size: var(--fs_130);
  line-height: 1.1985em;
}

.fs_106 {
  font-size: var(--fs_106);
  line-height: 1.1965em;
}

.fs_93 {
  font-size: var(--fs_93);
  line-height: 1.1987em;
}

.fs_80 {
  font-size: var(--fs_80);
  line-height: 1em;
}

.fs_78 {
  font-size: var(--fs_78);
  line-height: 1.1936em;
  margin-bottom: 0.65em;
}
.fs_70 {
  font-size: var(--fs_70);
  line-height: 1.1936em;
  margin-bottom: 0.3em;
}

.fs_67 {
  font-size: var(--fs_67);
  line-height: 1em;
}

.fs_63 {
  font-size: var(--fs_63);
  line-height: 1em;
}
.fs_50 {
  font-size: var(--fs_50);
  line-height: 1em;
}
.fs_42{
  font-size: var(--fs_42);
}

.fs_38 {
  font-size: var(--fs_38);
  line-height: 1.1579em;
}

.fs_34 {
  font-size: var(--fs_34);
  line-height: 1.2121em;
}

.fs_30 {
  font-size: var(--fs_30);
  line-height: 1.2274em;
}

.fs_28 {
  font-size: var(--fs_28);
  line-height: 1em;
}

.fs_26 {
  font-size: var(--fs_26);
  line-height: 1.2131em;
}

.fs_22 {
  font-size: var(--fs_22);
  line-height: 1.2195em;
}

.fs_19 {
  font-size: var(--fs_19);
  line-height: 1.2027em;
}

.lh_150 {
  line-height: 1.5;
}
.lh_050 {
  line-height: 0.5;
}

.sec_py {
  padding: 5rem 0rem;
}

.gx_lg {
  --bs-gutter-x: 6.5rem;
}

.mb_lg {
  margin-bottom: 5rem;
}

.mb_md {
  margin-bottom: 3.75rem;
}
.hover_underline{
  text-decoration: none;
}
.hover_underline:hover{
  text-decoration: underline;
}
.btn {
  font-size: var(--fs_26);
  padding: 0.9em 1.8em 0.6em 1.8em;
  line-height: 1.2131em;
  border-radius: 1.25rem;
  border-width: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn:active{
  -webkit-transform: scale(0.96);
      -ms-transform: scale(0.96);
          transform: scale(0.96);
}

.btn_primary {
  --bs-btn-color: var(--c_white);
  --bs-btn-bg: var(--bg_primary);
  --bs-btn-border-color: var(--bg_primary);
  --bs-btn-hover-bg: var(--bg_primaryDark);
  --bs-btn-hover-border-color: var(--bg_primaryDark);
  --bs-btn-active-bg: var(--bg_primaryDark);
  --bs-btn-active-border-color: var(--bg_primaryDark);
  --bs-btn-disabled-bg: var(--bg_primary);
  --bs-btn-disabled-border-color: var(--bg_primary);
}
.btn-light{
  --bs-btn-color: var(--c_black);
  --bs-btn-hover-color: var(--c_white);
  --bs-btn-hover-bg: var(--bg_primary);
  --bs-btn-hover-border-color: var(--bg_primary);
  --bs-btn-active-color: var(--c_white);
  --bs-btn-active-bg: var(--bg_primaryDark);
  --bs-btn-active-border-color: var(--bg_primaryDark);
}

.arrow::before {
  content: "";
  display: inline-block;
  line-height: 0;
  border: 0.5em solid transparent;
  border-right: none;
  border-left: 0.8em solid var(--c_white);
  border-radius: 0em;
  vertical-align: middle;
}

.arrow_down::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.arrow_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media(min-width:992px) {
  .container {
    max-width: 102.75rem;
    /* 1620px */
  }

  .container_lg {
    max-width: 111.5rem;
    /* 1760px */
  }

  .container_md {
    max-width: 90.875rem;
    /* 1430px */
  }

  .container_sm {
    max-width: 72.5rem;
    /* 1136px */
  }
}
@media(max-width:1800px) {
  html {
    font-size: 12px;
  }
}

@media(max-width:1399.98px) {
  html {
    font-size: 9px;
  }

  .btn {
    border-width: 1px;
  }
}

@media(max-width:1199.98px) {
  .container_lg {
    max-width: 106rem;
    /* 1760px */
  }

}

@media(max-width:991.98px) {
  :root {
    --fs_151: 6.2rem;
    --fs_130: 5.8rem;
    --fs_106: 5.5rem;
    --fs_93: 5rem;
    --fs_80: 4.8rem;
    --fs_78: 4.5rem;
    --fs_70: 4.2rem;
    --fs_67: 4.2rem;
    --fs_63: 3.6rem;
    --fs_50: 2.8rem;
    --fs_42: 2.4rem;
    --fs_38: 2rem;
    --fs_34: 1.92rem;
  }

  .scroll_downBtn {
    display: none !important;
  }
}

@media(max-width:575.98px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  h2 br {
    display: none;
  }
}

/* _______________________ start home page _______________________ */

/* header */
.header {
  padding: 4.5rem 0rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.scrolled_header .header {
  padding: 1.2rem 0rem;
  background-color: #FFFFFF1A;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* .scrolling_down .header{
  transform: translateY(-100%);
} */
.header_logo {
  width: 13.625rem;
  height: 3.625rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.header_backDrop {
  display: none;
}

.header .navbar-nav {
  /* padding-right: 1.75rem; */
}

.header .nav-item {
  margin: 0rem 2rem;
}

.header .nav-link {
  display: inline-block;
  color: var(--c_white);
  font-size: var(--fs_30);
  padding: 0px !important;
  position: relative;
}

.header .nav-link::before {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  bottom: -0.25rem;
  width: 0%;
  height: 2px;
  border-radius: 0.25rem;
  background-color: var(--c_primary);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .nav-link:hover,
.header .nav-link.active {
  color: var(--c_white);
}

.header .nav-link:hover::before,
.header .nav-link.active::before {
  width: 100%;
}

.scroll_downBtn {
  color: var(--c_white);
  display: block;
  text-decoration: none;
  position: fixed;
  z-index: 50;
  bottom: 6.25rem;
  right: 6.25rem;
  text-align: center;
  /* display: none; */
}

.scrolled_header .scroll_downBtn {
  display: none;
}

.scroll_downBtn i {
  font-size: 1.5rem;
}

.scroll_downBtn div {
  padding-top: 0.5rem;
}


@media (max-width: 1199.98px) {
  .header {
    padding: 1.5rem 0rem;
    border-bottom: 1px solid transparent;
  }

  .scrolled_header .header {
    padding: 1.5rem 0rem;
    border-color: #ffffff55;
    background-color: var(--bg_darkblue);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .navbar-brand,
  .menu_toggleBtn {
    position: relative;
    z-index: 1005;
  }

  .menu_toggleBtn {
    width: 36px;
    height: 36px;
    background: #ffffff55;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .menu_toggleBtn span {
    display: block;
    width: 100%;
    border-bottom: 2px solid var(--c_white);
    margin: 8px 0px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .active_header .menu_toggleBtn span:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(3px, 3px);
    -ms-transform: rotate(45deg) translate(3px, 3px);
    transform: rotate(45deg) translate(3px, 3px);
  }

  .active_header .menu_toggleBtn span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
  }

  .header_navContent {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background-color: var(--bg_darkblue);
    width: 100%;
    height: 100%;
    padding: 75px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header .header_navContent {
    -webkit-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    transform: translateY(-105%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow-y: auto;
  }

  .header.active_header .header_navContent {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .header .navbar-nav {
    padding-right: 0px;
    padding-top: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .header_navContent>* {
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }

  .active_header .header_navContent>* {
    opacity: 1;
  }

  .header .nav-item {
    margin: 0px 0px 16px;
  }

  .header .nav-link {
    margin-left: 0px;
    padding: 8px !important;
    border-radius: 50rem;
    text-align: center;
    width: 100%;
  }

  .header .nav-link::before {
    height: 1px;
  }

  .header .nav-link:hover {
    background-color: var(--bg_light);
  }

  .header.active_header .header_backDrop {
    display: block;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #00000080;
  }
}

@media (max-width: 991.98px) {
  .header {
    padding: 12px 0px;
  }

  .header_logo {
    height: 36px;
  }

  .gx_lg {
    --bs-gutter-x: 3rem;
  }
}

@media (max-width: 575.98px) {
  .gx_lg {
    --bs-gutter-x: 1.5rem;
  }
}


/* . start hero section . */
.main {
  max-width: 100vw;
  /* overflow: hidden; */
}

.hero_sec {
  position: relative;
  background: -o-linear-gradient(225deg, #47737c, #153457);
  background: linear-gradient(225deg, #47737c, #153457);
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 100vh;
  max-height: 75rem; */
  /* height: 100vh; */
  height: 75rem;
  padding: 6.25rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  
  overflow: hidden;
}

.hero_bgOverlay {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hero-bg {
  --gradient-color-1: #000000;
  --gradient-color-2: #ffffff;
  --gradient-color-3: #000000;
  --gradient-color-4: #ffffff;
}
.hero_bg {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}


.hero_bgOverlay img {
  position: absolute;
  line-height: 1;
}

.hero_bgOverlay .bg_arrow {
  font-size: 59.3125rem;
  width: 1em;
  left: -0.64em;
  top: -0.24em;
}

.hero_bgOverlay .bg_bubble_1 {
  font-size: 21.375rem;
  width: 1em;
  top: 0.5848em;
  right: -0.7em;
}

.hero_bgOverlay .bg_bubble_2 {
  font-size: 61.25rem;
  width: 1em;
  bottom: -0.125em;
  right: -0.61em;
}

.hero_bgOverlay .bg_bubble_3 {
  font-size: 30rem;
  width: 1em;
  left: -0.3em;
  bottom: -0.3em;
}

.hero_content {
  position: relative;
}

.hero_title {
  font-size: var(--fs_93);
}

.hero_img {
  width: 50.375rem;
}

.hero_subtitle {
  font-size: var(--fs_38);
  font-weight: 700;
  text-transform: uppercase;
}

.hero_logos{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hero_logos a{
  text-decoration: none;
  display: inline-block;
}
.hero_logos img{
  width: 18.75rem;
  height: 8.5rem;
  object-fit: contain;
}
.hero_logos a+div{
  padding-top: 0.4em;
  font-size: var(--fs_22);
  font-weight: 500;
}

@media(max-width:575.98px) {
  /* .hero_sec {
    max-height: calc(100vh - 2rem);
  } */

  .hero_bgOverlay .bg_bubble_2 {
    font-size: 40rem;
  }
}

/* . end hero section . */

/* . start features section . */
.main_group {
  position: relative;
  z-index: 2;
  background-color: var(--bg_darkblue);
  background-image: var(--arrow_up_lg);
  background-repeat: no-repeat;
  background-size: 106rem;
  background-position: left -53rem bottom 10rem;
}
.bgimg__none{
  background-image: none;
}
.grp_divider {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  /* transform: rotate(180deg); */
  pointer-events: none;
}

.grp_divider svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 9.375rem;
}

.grp_divider .shape-fill {
  fill: var(--bg_darkblue);
}

.grp_divider_1 {
  top: 1px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.grp_divider_1 svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.grp_divider_2 {
  bottom: 1px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.grp_divider_2 svg {
  /* transform: rotate(180deg); */
}

.hightlight_sec {
  padding-top: 1rem;
}


.featured_sec {
  position: relative;
  padding: 1.5rem 0rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 50rem;
  background-position: right -30rem center;
}

.prf_card {
  color: var(--c_white);
  display: block;
  position: relative;
  height: 0px;
  padding-bottom: 110%;
  border-radius: 1.25rem;
  overflow: hidden;
}

.prf_cardBg,
.prf_cardBg::after,
.prf_img,
.prf_cardContent {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.prf_cardBg {
  height: 100%;
  border-radius: 1.25rem;
  background-image: url("../img/home/prf_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.prf_cardBg {
  top: initial;
  bottom: 0px;
}

.prf_cardBg::after {
  content: "";
  display: block;
  background-image: url("../img/home/prf_bg2.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.prf_card:hover .prf_cardBg::after {
  -webkit-transform: translate(20%, 20%);
  -ms-transform: translate(20%, 20%);
  transform: translate(20%, 20%);
}

.prf_img {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}

.prf_card:hover .prf_img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.prf_cardContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: initial;
  bottom: 0px;
  height: 86%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 2rem 2.5rem 0.5rem;
  background: -o-linear-gradient(top, #01010100 50%, #010101e0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #01010100), to(#010101e0));
  background: linear-gradient(to bottom, #01010100 50%, #010101e0);
}

.prf_name {
  font-size: var(--fs_67);
  line-height: 1;
  font-weight: 700;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

.prf_card:hover .prf_name {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.prf_role {
  font-size: var(--fs_22);
  line-height: 1.1;
  min-height: 2.5em;
}

.agenda_sec {
  padding: 2.75rem 0rem;
}

.agenda_secContent {
  max-width: 85%;
  margin: auto;
  position: sticky;
  top:130px;
}

.agenda_cards {
  /* padding-bottom: 22vh; */

  --cards: 4;
	--cardHeight: 40.2rem;
	--cardTopPadding: 1.5em;
	--cardMargin: 20px;
}
.agenda_cards {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: ;
	grid-template-rows: repeat(var(--cards), var(--cardHeight));
	gap: var(--cardMargin);
	padding-bottom: calc(var(--cards) * var(--cardTopPadding));
	margin-bottom: var(--cardMargin);
}

.agenda_cardItem:nth-child(1) {
	--index: 1;
}
.agenda_cardItem:nth-child(2) {
	--index: 2;
}
.agenda_cardItem:nth-child(3) {
	--index: 3;
}
.agenda_cardItem:nth-child(4) {
	--index: 4;
}
.agenda_cardItem:nth-child(5) {
	--index: 5;
}
.agenda_cardItem:nth-child(6) {
	--index: 6;
}
.agenda_cardItem:nth-child(7) {
	--index: 7;
}
.agenda_cardItem:nth-child(8) {
	--index: 8;
}
.agenda_cardItem:nth-child(9) {
	--index: 9;
}
.agenda_cardItem:nth-child(10) {
	--index: 10;
}

.agenda_cardItem {
	position: sticky;
	top: 130px;
	padding-top: calc(var(--index) * var(--cardTopPadding));
}

/* .agenda_cardItem {
  padding-bottom: 2.5rem;
} */

.agenda_card {
  min-height: var(--cardHeight);
  padding: 1.5rem 2.5rem;
  /* margin-bottom: 2.5rem; */
  border-radius: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border: 3px solid var(--c_secondary);
  background-color: var(--bg_darkblue);
}

.agenda_cards .pin-spacer:nth-of-type(2n) .agenda_card,
.agenda_cardItem:nth-of-type(2n) .agenda_card{
  border-color: var(--c_light);
}

.agenda_cardTitle {
  font-size: var(--fs_34);
  font-weight: 700;
}

.agenda_CardSubTitle {
  font-size: var(--fs_34);
  margin-bottom: 0.4em;
}

.agenda_CardDesc {
  font-size: var(--fs_22);
  font-weight: 300;
  /* margin-bottom: 0px; */
}

@media(max-width:1399.98px) {
  .agenda_card {
    border-width: 2px;
  }
}

@media(max-width:991.98px) {
  .main_group{
    background-size: 80rem;
    background-position: left -40rem bottom 8rem;
  }
  .featured_sec {
    background-size: 40rem;
    background-position: right -25rem center;
  }
}
@media(max-width:767.98px) {
  .agenda_secContent {
    max-width: 100%;
  }
}

@media(max-width:575.98px) {
  .grp_divider svg {
    height: 5rem;
  }
}

/* . end features section . */

/* . start info section . */
.info_sec {
  background: url("../img/home/bubble-1.png"), -o-linear-gradient(15deg, #87467a, #132144);
  background: url("../img/home/bubble-1.png"), linear-gradient(75deg, #87467a, #132144);
  background-repeat: no-repeat;
  background-size: 18.75rem, cover;
  background-position: -11.25rem 76%, center;
}

.info_secTop {
  padding: 22.375rem 0rem 17.5rem;
}

.info_card {
  height: 100%;
  padding: 5.75rem 1.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--c_white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info_cardValue {
  font-size: var(--fs_63);
  font-weight: 600;
}

.info_cardDesc {
  font-size: var(--fs_28);
}

@media(max-width:991.98px) {
  .info_secTop {
    padding: 18rem 0rem 14rem;
  }
}

@media(max-width:575.98px) {
  .info_secTop {
    padding: 14rem 0rem 10rem;
  }
}

/* . end info section . */
/* . start footer section . */
.footer {
  padding: 3.125rem 0rem;
}

.footer_brand {
  display: inline-block;
}

.footer_logo {
  width: 10rem;
}

.footer_nav {
  font-size: var(--fs_22);
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0px;
  margin: 0px;
}

.footer_nav li {
  margin-left: 2rem;
}

.footer_link {
  color: var(--c_white);
  text-decoration: none;
}

.footer_link:hover {
  color: var(--c_primary);
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .footer_nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer_nav li {
    margin: 0rem 1rem;
  }
}

@media (max-width: 575.98px) {
  .footer_nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer_nav li {
    margin: 0rem 0rem 1.5rem;
    text-align: center;
  }
}

/* . end footer section . */
/* _______________________ end home page _______________________ */
/* _______________________ start speakers page _______________________ */
.our_speakers_sec{
  padding: 6.25rem 0rem 7rem;
  background-image: var(--arrow_down), var(--curve-right-bottom);
  background-repeat: no-repeat;
  background-size: 47.25rem,35.5625rem;
  background-position: 10% 0%,right bottom;
}
.prf_gallery_container{
  position: relative;
  overflow: hidden;
  width: 100%;
}
.prf_gallery{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.prf_gallery_item{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scroll-snap-align: end;
}
.prf_gallery_item .prf_cardContent{
  padding: 2rem 2rem 1.5rem 2rem;
}
.prf_gallery_item .prf_cardBg {
  height: 100%;
}

.scroll-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  cursor: pointer;
  z-index: 1;
  background-color: transparent;
  font-size: var(--fs_28);
}
.scroll-btn .arrow::before{
  border-left: 0.8em solid var(--c_primary);
}
.left-btn {
  left: -1em;
}

.right-btn {
  right: -1em;
}
/* testing */
.prf_gallery{
  overflow: hidden;
}
.prf_gallery_item{
  --items_count:5;
  --per_item:calc(100% / calc( var(--items_count) + 2));
  width: var(--per_item);
  min-width: var(--per_item);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.prf_gallery_item:hover,
.prf_gallery:not(:hover) .prf_gallery_item:first-child{
  width: calc(var(--per_item) * 3) ;
  min-width: calc(var(--per_item) * 3) ;
}
/* testing end */


@media(min-width:1200px){
  .prf_gallery .prf_card{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: var(--c_white);
    display: block;
    position: relative;
    width: 100%;
    /* height: 41.875rem; */
    height: 34.375rem;
    padding-bottom: 0px;
    border-radius: 1.25rem;
    overflow: hidden;
  }
  .prf_gallery .prf_card .prf_img{
    -o-object-fit: cover;
       object-fit: cover;
  }
  .prf_gallery .prf_card:hover .prf_img{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .prf_gallery .prf_cardContent{
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .prf_gallery .prf_card:hover .prf_cardContent{
    min-width: auto;
    min-width: auto;
    min-width: auto;
  }
  .prf_gallery .prf_name{
    font-size: var(--fs_42);
    -webkit-transform: rotate(-90deg) scale(0.6);
        -ms-transform: rotate(-90deg) scale(0.6);
            transform: rotate(-90deg) scale(0.6);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
  .prf_gallery .focused__card .prf_name,
  .prf_gallery .prf_card:hover .prf_name{
    -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  .prf_gallery .prf_card:hover .prf_cardBg::after {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .prf_gallery .prf_role{
    opacity: 0;
  }
  .prf_gallery .focused__card .prf_role,
  .prf_gallery .prf_card:hover .prf_role{
    opacity: 1;
  }
  /* testing */
  .prf_gallery{
    overflow: hidden;
  }
  .prf_gallery_item{
    --items_count:5;
    --per_item:calc(100% / calc( var(--items_count) + 2));
    width: var(--per_item);
    min-width: var(--per_item);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .prf_gallery_item:hover,
  .prf_gallery:not(:hover) .prf_gallery_item:first-child{
    width: calc(var(--per_item) * 3) ;
    min-width: calc(var(--per_item) * 3) ;
  }
  .prf_gallery:not(:hover) .prf_gallery_item:first-child .prf_name{
    -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  .prf_gallery:not(:hover) .prf_gallery_item:first-child .prf_role{
    opacity: 1;
  }
  /* testing end */
 
}
@media(max-width:1199px){
  .prf_gallery::-webkit-scrollbar {
    display: none;
  }
  .prf_gallery {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    overflow-x: scroll;
  }
  .prf_gallery_item {
    width: 33.33% !important;
    min-width: 33.33% !important;
  }
}
@media(max-width:767.98px){
  .our_speakers_sec {
    background-size: 40rem,25rem;
  }
  .prf_gallery_item {
    width: 50% !important;
    min-width: 50% !important;
  }
  .left-btn {
    left: -0.5em;
  }
  .right-btn {
    right: -0.5em;
  }
}
@media(max-width:575.98px){
  .prf_gallery {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .prf_gallery_item {
    width: 70% !important;
    min-width: 70% !important;
  }
  .scroll-btn{
    display: none;
  }
}
/* _______________________ end speakers page _______________________ */
/* _______________________ start speaker details page _______________________ */
.speaker_detailsSec{
  padding: 14rem 0rem 9rem;
  background-image: var(--arrow_up);
  background-repeat: no-repeat;
  background-size: 50.1875rem;
  background-position: right bottom;
}
.table_row{
  font-size: var(--fs_28);
  --bs-table-border-color:rgba(255, 255, 255, 0.2);
}
.table_row > :not(caption) > * > *{
  padding: 1rem 0.5rem;
  color: var(--c_white);
  background: transparent;
}
.table_row tbody > tr:first-child>*{
  border-top-width:var(--bs-border-width);
}
@media(max-width:767.98px){
  .speaker_detailsSec{
    background-size: 40rem;
  }
}
@media(max-width:575.98px){
  .speaker_detailsSec{
    padding: 10rem 0rem 9rem;
  }
}
/* _______________________ end speaker details page _______________________ */

/* _______________________ start agenda page _______________________ */
.agenda_detailsSec{
  padding: 4rem 0rem 9rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 59.5rem;
  background-position: right -10.75rem top 13rem;
}
.static-content{
  --content_top:9.375rem;
  position: sticky;
  top: var(--content_top);
  height: calc(100vh - var(--content_top) - 3.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.static-content .title {
  font-size: var(--fs_63);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em; 
  display: block;
  margin: 0;
}

#title-word1 {
  overflow: hidden; 
  display: inline-block;
}

#title-word2 {
  display: block;
  margin-top: 0; 
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease; 
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease; 
  -o-transition: opacity 0.8s ease, transform 0.8s ease; 
  transition: opacity 0.8s ease, transform 0.8s ease; 
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease; 
}
.static-content  .number {
  font-size: var(--fs_63);
  font-weight: bold;
}
.animated-letter {
  display: inline-block;
  opacity: 0;
  -webkit-animation: slide-up 0.5s ease forwards;
          animation: slide-up 0.5s ease forwards;
  -webkit-animation-delay: calc(0.2s * var(--delay));
          animation-delay: calc(0.2s * var(--delay));
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.scroll-content .section{
  margin-bottom: 8rem;
}
.scroll-content .section_title{
  font-size: var(--fs_63);
  font-weight: 300;
}

@-webkit-keyframes slide-up {
  0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
}

@keyframes slide-up {
  0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
}




















.agenda_list{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.agenda_item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--c_skyblue);
}
.agenda_item:first-child{
  border-top: 1px solid var(--c_skyblue);
}
.agenda_itemTime{
  font-size: var(--fs_28);
  width: 25%;
  padding: 2.8125rem 0rem;
}
.agenda_itemContent{
  width: 75%;
  padding-left: 1.875rem;
}
.agenda_itemHead{
  padding: 2.5rem 3.75rem 2.5rem 0rem;
  position: relative;
}
.agenda_itemHead[data-bs-toggle="collapse"]::after{
  content:"-";
  display: block;
  font-size: var(--fs_38);
  line-height: 0.8;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  font-weight: 300;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.agenda_itemHead.collapsed[data-bs-toggle="collapse"]::after{
  content:"+";
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.agenda_itemTitle{
  font-size: var(--fs_28);
  font-weight: 400;
  margin-bottom: 0px;
}
.agenda_itemTitle b{
  font-weight: 600;
}
.agenda_itemSpeaker{
  color: var(--c_skyblue);
  font-size: var(--fs_22);
}
.agenda_itemContent p{
  font-size: var(--fs_22);
  font-weight: 300;
  line-height: 1.6;
}
@media(max-width:575.98px){
  .agenda_detailsSec{
    padding: 10rem 0rem 9rem;
  }
  .agenda_itemHead[data-bs-toggle="collapse"]::after{
    font-size: 38px;
  }
}
/* _______________________ end agenda page _______________________ */

/* _______________________ start highlights page _______________________ */
.hero_videoWrap{
  position: relative;
  padding-bottom: 51.43%;
}
.hero_videoWrap video{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.875rem;
  -o-object-position: center 34%;
     object-position: center 34%;
}
.highlighted_speakers_sec{
  position: relative;
  padding: 6.25rem 0rem 10rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 50rem;
  background-position: right -30rem center;

  /* background-image: url("../img/home/bubble-3.png"), var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 21rem,50rem;
  background-position: left -4rem bottom -10rem,right -30rem center; */
}
.highlighted_speakers_sec.sec__1{
  padding: 6.25rem 0rem 4rem;
}
.highlighted_speakers_slider .owl-item::after{
  content: "";
  display: block;
  margin-top: 1rem;
  height: 1.5rem;
  width: 100%;
  border-radius: 50%;
  background:-o-radial-gradient(#0000003a 25%,#00000000 50%);
  background:radial-gradient(#0000003a 25%,#00000000 50%)
}
.highlighted_speakers_slider .prf_card{
  padding-bottom: 136.57%;
}
.highlighted_speakers_slider .prf_img {
  -o-object-fit: cover;
  object-fit: cover;
}
.highlighted_speakers_slider .prf_cardContent{
  padding: 0.5rem 1.25rem;
}
.highlighted_speakers_slider .prf_name{
  font-size: var(--fs_50);
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
.highlighted_speakers_slider .owl-prev,
.highlighted_speakers_slider .owl-next{
  position: absolute;
  color: var(--c_secondary);
  font-size: var(--fs_26) !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.highlighted_speakers_slider .owl-prev{
  left: -1.5em;
}
.highlighted_speakers_slider .owl-next{
  right: -1.5em;
}
.highlighted_speakers_slider .owl-prev.disabled,
.highlighted_speakers_slider .owl-next.disabled{
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.2;
}
.highlighted_speakers_slider .owl-prev i::before,
.highlighted_speakers_slider .owl-next i::before{
  border-left: 0.8em solid var(--c_secondary);
}
.details_modal .btn-close{
  font-size: 20px;
  background-color: var(--bg_white) !important;
  margin: auto 0rem auto auto;
}
.details_modal .modal-content{
  background-color: var(--bg_darkblue);
  background-image: var(--arrow_up);
  background-repeat: no-repeat;
  background-size: 50.1875rem;
  background-position: right bottom;
}
.details_modal .modal-body{
  padding-top: 6rem;
}
.owl-dots{
  text-align: center;
  padding-top: 2rem;
}
.owl-dot{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--bg_primary) !important;
  margin: 0rem 0.5rem;
}
.owl-dot.active{
  background: var(--bg_primaryDark) !important;

}
@media(max-width:575.98px){
  .hero_videoWrap {
    padding-bottom: 115%;
  }
  .highlighted_speakers_slider_wrap{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .highlighted_speakers_slider.owl-carousel .owl-stage{
    padding-left: 1.5rem !important;
  }
  .details_modal .modal-body{
    padding-top: 1rem;
  }
  .hero_videoWrap video{
    -o-object-position: center;
       object-position: center;
  }
}
/* _______________________ end highlights page _______________________ */

/* _______________________ start reliving page _______________________ */
.reliving_sec{
  padding:5rem 0rem 9rem 0rem;
}
.reliving_detailsSec{
  padding: 18rem 0rem 9rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 59.5rem;
  background-position: right -10.75rem top 13rem;
}
.reliving_gallery {  display: -ms-grid;  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
  -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr;
  grid-template-columns: repeat(6,1fr);
  -ms-grid-rows: auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto;
  grid-template-rows: repeat(9,auto);
  grid-auto-rows: 1fr;
  gap: 1.5rem;
  grid-auto-flow: row;
              grid-template-areas:
    "item__1 item__1 item__2 item__2 item__5 item__5"
    "item__1 item__1 item__2 item__2 item__5 item__5"
    "item__1 item__1 item__3 item__4 item__5 item__5"
    "item__6 item__6 item__6 item__7 item__7 item__8"
    "item__6 item__6 item__6 item__7 item__7 item__9"
    "item__6 item__6 item__6 item__7 item__7 item__9"
    "item__10 item__10 item__12 item__13 item__15 item__15"
    "item__10 item__10 item__14 item__14 item__15 item__15"
    "item__11 item__11 item__14 item__14 item__15 item__15";
}

.item__1 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: item__1; }

.item__2 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-area: item__2; }

.item__3 { -ms-grid-row: 5; -ms-grid-column: 5; grid-area: item__3; }

.item__4 { -ms-grid-row: 5; -ms-grid-column: 7; grid-area: item__4; }

.item__5 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 9; -ms-grid-column-span: 3; grid-area: item__5; }

.item__6 { -ms-grid-row: 7; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: item__6; }

.item__7 { -ms-grid-row: 7; -ms-grid-row-span: 5; -ms-grid-column: 7; -ms-grid-column-span: 3; grid-area: item__7; }

.item__8 { -ms-grid-row: 7; -ms-grid-column: 11; grid-area: item__8; }

.item__9 { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 11; grid-area: item__9; }

.item__10 { -ms-grid-row: 13; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: item__10; }

.item__11 { -ms-grid-row: 17; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: item__11; }

.item__12 { -ms-grid-row: 13; -ms-grid-column: 5; grid-area: item__12; }

.item__13 { -ms-grid-row: 13; -ms-grid-column: 7; grid-area: item__13; }

.item__14 { -ms-grid-row: 15; -ms-grid-row-span: 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-area: item__14; }

.item__15 { -ms-grid-row: 13; -ms-grid-row-span: 5; -ms-grid-column: 9; -ms-grid-column-span: 3; grid-area: item__15; }

.reliving_item{
  display: block;
  position: relative;
  padding-bottom: 50%;
  text-decoration: none;
  border-radius: 0.875rem;
  overflow: hidden;
}
.reliving_item img{
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.reliving_item:hover img{
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.item__1 .reliving_item,
.item__5 .reliving_item,
.item__7 .reliving_item,
.item__15 .reliving_item
{
  padding-bottom: 131.303%;
}
.item__2 .reliving_item,
.item__14 .reliving_item
{
  /* padding-bottom: 64.297%; */
  padding-bottom: 88.297%;
}
.item__3 .reliving_item,
.item__4 .reliving_item,
.item__12 .reliving_item,
.item__13 .reliving_item
{
  padding-bottom: 80.16%;
}
.item__6 .reliving_item{
  padding-bottom: 86.1%;
}
.item__8 .reliving_item{
  padding-bottom: 107%;
}
.item__9 .reliving_item{
  padding-bottom: 158%;
}

.item__10 .reliving_item,
.item__11 .reliving_item
{
  padding-bottom: 63%;
}
.reliving_item img{
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media(max-width:991.98px){
  .reliving_gallery{
    grid-auto-rows: 1fr; 
    -ms-grid-columns: (1fr)[4]; 
    grid-template-columns: repeat(4,1fr); 
    -ms-grid-rows: (auto)[12]; 
    grid-template-rows: repeat(12,auto); 
                grid-template-areas: 
      "item__1 item__1 item__2 item__2"
      "item__1 item__1 item__2 item__2"
      "item__1 item__1 item__3 item__4"
      "item__5 item__5 item__6 item__6"
      "item__5 item__5 item__6 item__6"
      "item__5 item__5 item__6 item__6"
      "item__7 item__7 item__8 item__10"
      "item__7 item__7 item__9 item__10"
      "item__7 item__7 item__9 item__11"
      "item__12 item__13 item__15 item__15"
      "item__14 item__14 item__15 item__15"
      "item__14 item__14 item__15 item__15"; 
  }
  .item__6 .reliving_item{
    padding-bottom: 131.303%;
  }
  .item__10 .reliving_item, .item__11 .reliving_item {
    padding-bottom: 132%;
  }
  .item__1{
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; 
  }
  .item__2{
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2; 
  }
  .item__3{
    -ms-grid-row: 3;
    -ms-grid-column: 3; 
  }
  .item__4{
    -ms-grid-row: 3;
    -ms-grid-column: 4; 
  }
  .item__5{
    -ms-grid-row: 4;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; 
  }
  .item__6{
    -ms-grid-row: 4;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2; 
  }
  .item__7{
    -ms-grid-row: 7;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; 
  }
  .item__8{
    -ms-grid-row: 7;
    -ms-grid-column: 3; 
  }
  .item__9{
    -ms-grid-row: 8;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3; 
  }
  .item__10{
    -ms-grid-row: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1; 
  }
  .item__11{
    -ms-grid-row: 9;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1; 
  }
  .item__12{
    -ms-grid-row: 10;
    -ms-grid-column: 1; 
  }
  .item__13{
    -ms-grid-row: 10;
    -ms-grid-column: 2; 
  }
  .item__14{
    -ms-grid-row: 11;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; 
  }
  .item__15{
    -ms-grid-row: 10;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2; 
  }
}
@media(max-width:575.98px){
  .reliving_detailsSec{
    padding: 10rem 0rem 9rem;
  }
  .reliving_gallery {  
    grid-auto-rows: 1fr;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2,1fr);
    -ms-grid-rows: auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto;
    grid-template-rows: repeat(23,auto);
    grid-auto-flow: row;
    gap:1rem;
                grid-template-areas:
      "item__1 item__1"
      "item__1 item__1"
      "item__1 item__1"
      "item__2 item__2"
      "item__2 item__2"
      "item__3 item__4"
      "item__5 item__5"
      "item__5 item__5"
      "item__5 item__5"
      "item__6 item__6"
      "item__6 item__6"
      "item__6 item__6"
      "item__7 item__7"
      "item__7 item__7"
      "item__7 item__7"
      "item__8 item__10"
      "item__9 item__10"
      "item__9 item__11"
      "item__12 item__13"
      "item__14 item__14"
      "item__14 item__14"
      "item__15 item__15"
      "item__15 item__15"
      "item__15 item__15";
  }
  .item__1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__2 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__3 {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  .item__4 {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
  }
  .item__5 {
    -ms-grid-row: 13;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__6 {
    -ms-grid-row: 19;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__7 {
    -ms-grid-row: 25;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__8 {
    -ms-grid-row: 31;
    -ms-grid-column: 1;
  }
  .item__9 {
    -ms-grid-row: 33;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .item__10 {
    -ms-grid-row: 31;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .item__11 {
    -ms-grid-row: 35;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .item__12 {
    -ms-grid-row: 37;
    -ms-grid-column: 1;
  }
  .item__13 {
    -ms-grid-row: 37;
    -ms-grid-column: 3;
  }
  .item__14 {
    -ms-grid-row: 39;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .item__15 {
    -ms-grid-row: 43;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }  
}
/* _______________________ end reliving page _______________________ */

/* _______________________ start articles page _______________________ */
.articles_detailsSec{
  padding: 18rem 0rem 9rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 59.5rem;
  background-position: right -10.75rem top 13rem;
}
.articles_sec{
  padding: 6rem 0rem;
}
.collpase_iconStart{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.collpase_iconStart::before{
  content: "-";
  min-width: 0.7em;
  display: inline-block;
}
.collpase_iconStart.collapsed::before{
  content: "+";
}
@media(max-width:575.98px){
  .articles_detailsSec{
    padding: 10rem 0rem 9rem;
  }
}
/* _______________________ end articles page _______________________ */

/* _______________________ start faq page _______________________ */
.faq_detailsSec{
  padding: 18rem 0rem 9rem;
  background-image: var(--arrow_left);
  background-repeat: no-repeat;
  background-size: 59.5rem;
  background-position: right -10.75rem top 13rem;
}

.faq_item{
  margin-bottom: 2rem;
}
.faq_itemHead{
  font-size: var(--fs_26);
  color: var(--c_primary);
  margin-bottom: 1.875rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.faq_itemHead::before{
  content: "-";
  min-width: 0.7em;
  display: inline-block;
}
.faq_itemHead.collapsed::before{
  content: "+";
}
.faq_itemHead .btn{
  color: var(--c_primary);
  border: 1px solid var(--c_primary);
}
.faq_itemBody h6{
  font-size: var(--fs_30);
}
.faq_itemBody p{
  font-size: var(--fs_26);
  font-weight: 300;
}

@media(max-width:575.98px){
  .articles_detailsSec{
    padding: 10rem 0rem 9rem;
  }
}
/* _______________________ end faq page _______________________ */

/* _______________________ start form page page _______________________ */
.form_page{
  background: var(--bg_white);
}
.form_page.scrolled_header .header {
  background-color: #00000059;
}
.form_pgMain{
  color: var(--c_black);
  background: var(--bg_white);
}
.form_pgMain .grp_divider .shape-fill{
  fill:var(--bg_white)
}
.form_sec {
  padding-top: 2rem;
}
.form_sec label{
  font-size: var(--fs_34);
  font-weight: 400;
  margin-bottom: 0.5em;
}
.form_sec .input-group-text,
.form_sec .form-control{
  font-size: var(--fs_26);
  padding: 0.4em 0.6em;
}
.form_sec .form-check-label{
  font-size: var(--fs_22);
  font-weight: 400;
}
.form-check-input:checked {
  background-color: var(--bg_primary);
  border-color: var(--bg_primary);
}
.form_page .footer{
  color: var(--c_black);
}
.form_page .footer_link {
  color: var(--c_black);
}
/* _______________________ end form page page _______________________ */


/* Desktop Styles */
.static-content {
  display: flex; /* Show the static title on desktop */
}

.mobile-title {
  display: none; /* Hide mobile title on desktop */
}

/* Mobile Styles */
@media (max-width: 768px) {
  /* Hide the static content on mobile */
  .static-content {
      display: none; /* Hide static title and number on mobile */
  }

  /* Show the mobile title inside the section */
  .mobile-title {
      display: block;
      font-size: 36px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  /* Ensure the animation works inside the mobile title */
  .mobile-title span {
      display: inline-block;
  }
}
