@charset "UTF-8";
/* Regular */
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../fonts/OpenSansHebrew-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
/* Italic */
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../fonts/OpenSansHebrew-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
/* Light */
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../fonts/OpenSansHebrew-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* Bold */
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../fonts/OpenSansHebrew-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
/* Extra Bold */
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url("../fonts/OpenSansHebrew-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }
.text-primary {
  color: #01B0B8 !important; }

.text-secondary {
  color: #00868C !important; }

.text-third {
  color: #21F5FF !important; }

.text-light {
  color: rgba(255, 255, 255, 0.8) !important; }

.text-white {
  color: #FFFFFF !important; }

.bg-primary {
  background-color: #01B0B8 !important; }

.bg-secondary {
  background-color: #00868C !important; }

.bg-third {
  background-color: #21F5FF !important; }

.bg-light {
  background-color: rgba(255, 255, 255, 0.8) !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.btn-primary {
  display: inline-block;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: #01B0B8;
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .btn-primary:hover {
    background-color: #017f85;
    color: #FFFFFF; }
  .btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(1, 176, 184, 0.5); }

.btn-secondary {
  display: inline-block;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: #00868C;
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .btn-secondary:hover {
    background-color: #005559;
    color: #FFFFFF; }
  .btn-secondary:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(0, 134, 140, 0.5); }

.btn-third {
  display: inline-block;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: #21F5FF;
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .btn-third:hover {
    background-color: #00e2ed;
    color: #FFFFFF; }
  .btn-third:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(33, 245, 255, 0.5); }

.btn-light {
  display: inline-block;
  font-weight: 500;
  color: #01B0B8;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .btn-light:hover {
    background-color: rgba(230, 230, 230, 0.8);
    color: #01B0B8; }
  .btn-light:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); }

.btn-white {
  display: inline-block;
  font-weight: 500;
  color: #333333;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: #FFFFFF;
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .btn-white:hover {
    background-color: #e6e6e6;
    color: #333333; }
  .btn-white:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); }

body {
  font-family: 'Open Sans Hebrew', sans-serif;
  /*overflow:hidden;*/
  color: #231F20;
  background: #F5F6F9; }

/* עבור כל הדף */
::-webkit-scrollbar {
  width: 6px; }

::-webkit-scrollbar-track {
  background: #ccc;
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  background-color: #01B0B8;
  border-radius: 10px;
  border: 3px solid #01B0B8; }

::-webkit-scrollbar-thumb:hover {
  background-color: #00868C; }

#sticky-contact {
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 230px;
  z-index: 1;
  margin: 2rem; }
  #sticky-contact img {
    filter: drop-shadow(0px 32px 64px rgba(0, 57, 122, 0.1)); }

.zoom-image {
  cursor: pointer; }

.zoom-image img {
  transition: transform 0.3s ease; }

/* אפקט Zoom In */
.zoom-image:hover img {
  transform: scale(1.1); }

.cta-container {
  display: flex;
  width: 100%;
  max-width: 768px;
  height: 60px;
  position: fixed;
  bottom: 0;
  z-index: 1; }
  .cta-container .cta-button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    color: #231F20;
    transition: opacity 0.3s ease;
    text-decoration: none; }
    .cta-container .cta-button:hover {
      opacity: 0.9; }
    .cta-container .cta-button.btn-join {
      background-color: #00D1DA;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
    .cta-container .cta-button.btn-consult {
      background-color: #21F5FF; }
  .cta-container .triangle-icon {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #231F20; }

.yBoxRTL .yBoxNext,
.yBoxRTL .yBoxPrev {
  background: #00868C;
  border: 0; }

#top-menu-header {
  position: fixed;
  top: 22px;
  left: 0;
  right: 0;
  z-index: 9; }
  #top-menu-header .inner {
    width: 100%;
    max-width: 1852px;
    min-height: 88px;
    margin: 0 auto;
    border-radius: 100px;
    padding-top: 10px;
    padding-right: 45px;
    padding-bottom: 10px;
    padding-left: 45px;
    gap: 10px;
    background: #FFFFFF8C;
    border: 1px #01B0B833 solid;
    backdrop-filter: blur(7.5px); }
    #top-menu-header .inner .logo {
      height: 68px; }
    #top-menu-header .inner nav {
      font-weight: 400;
      font-size: 18px; }
    #top-menu-header .inner .nav-link {
      transition: all 0.3s ease-in-out;
      position: relative; }
      #top-menu-header .inner .nav-link:hover {
        color: #70d1e0;
        text-shadow: 0 0 1px rgba(112, 209, 224, 0.2); }
      #top-menu-header .inner .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 5px;
        left: 50%;
        background-color: #70d1e0;
        transition: all 0.3s ease-in-out;
        transform: translateX(-50%); }
      #top-menu-header .inner .nav-link:hover::after {
        width: 80%; }
    #top-menu-header .inner .end-side .nav {
      gap: 20px; }
  #top-menu-header .dropdown-menu {
    border: 1px #01B0B833 solid;
    border-radius: 20px;
    overflow: hidden;
    transform: translateX(0) !important;
    margin-top: 80px !important; }
  #top-menu-header .dropdown-toggle::after {
    display: none; }
  #top-menu-header .mega-menu {
    width: 1852px;
    min-height: 403px;
    background: #FFFFFF;
    max-width: 100%;
    margin: 0 auto; }
    #top-menu-header .mega-menu .mega-menu-start {
      width: 370px;
      height: 100%;
      background: #01B0B833; }
    #top-menu-header .mega-menu .mega-menu-center {
      width: 880px;
      max-width: 100%;
      margin: 25px 100px; }
    #top-menu-header .mega-menu .mega-menu-tabs {
      width: 100%; }
      #top-menu-header .mega-menu .mega-menu-tabs ul li .link {
        width: 100%;
        height: 100px;
        font-weight: 300;
        font-size: 20px;
        color: #00868C;
        display: flex;
        align-items: center;
        border: 0;
        border-bottom: 1px #fff solid;
        padding: 0 60px;
        transition: .3s all;
        /*color: inherit;*/ }
        #top-menu-header .mega-menu .mega-menu-tabs ul li .link:focus {
          outline: 1px red dashed; }
        #top-menu-header .mega-menu .mega-menu-tabs ul li .link.active {
          font-weight: 700; }
        #top-menu-header .mega-menu .mega-menu-tabs ul li .link:hover, #top-menu-header .mega-menu .mega-menu-tabs ul li .link.active {
          background-color: #01B0B8;
          color: #fff; }
    #top-menu-header .mega-menu .mega-menu-inner-menu .menu-item .menu-item-title {
      font-weight: 400;
      font-size: 18px;
      line-height: 2.6;
      color: #00868C; }
    #top-menu-header .mega-menu .mega-menu-inner-menu .menu-item .menu-item-list {
      font-weight: 300;
      font-size: 16px;
      line-height: 2.6;
      color: #231F20;
      margin-top: 12px; }
      #top-menu-header .mega-menu .mega-menu-inner-menu .menu-item .menu-item-list .link {
        position: relative;
        color: inherit;
        text-decoration: none;
        transition: color 0.3s ease; }
        #top-menu-header .mega-menu .mega-menu-inner-menu .menu-item .menu-item-list .link::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -4px;
          width: 0;
          height: 1px;
          background-color: #01B0B8;
          transition: width 0.3s ease; }
        #top-menu-header .mega-menu .mega-menu-inner-menu .menu-item .menu-item-list .link:hover::after {
          width: 100%; }
    #top-menu-header .mega-menu .mega-menu-banner {
      width: 475px;
      height: 400px;
      height: 100%;
      max-width: 100%;
      border-radius: 10px;
      position: relative;
      overflow: hidden; }
      #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-content {
        position: relative;
        display: flex;
        flex-flow: column;
        height: 100%;
        justify-content: center;
        text-align: center;
        /*padding-right: 70px;*/
        margin-top: 0; }
      #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-title {
        font-weight: 700;
        font-size: 30px;
        line-height: 1;
        text-align: center;
        margin-bottom: 5px; }
      #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-text {
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        text-align: center;
        margin-bottom: 15px; }
      #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-link {
        font-weight: 700;
        font-size: 18px;
        line-height: 40px; }
        #top-menu-header .mega-menu .mega-menu-banner .mega-menu-banner-link .btn {
          min-width: 197px; }

#top-menu-header-mobile {
  box-sizing: border-box;
  padding: 10px 20px;
  gap: 10px;
  position: fixed;
  width: 345px;
  max-width: 100%;
  height: 60px;
  top: 15px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(1, 176, 184, 0.2);
  backdrop-filter: blur(7.5px);
  border-radius: 100px;
  z-index: 99; }
  #top-menu-header-mobile .navbar-logo img {
    height: 40px;
    width: auto;
    display: block; }

.header-padding {
  /* Min: 60px (Mobile)
     Preferred: 8vw (Scales with screen width)
     Max: 100px (Desktop)
  */
  padding-top: clamp(60px, 8vw, 100px); }

.btn-white-40 {
  display: inline-block;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease; }
  .btn-white-40:hover {
    background-color: rgba(230, 230, 230, 0.8);
    color: #FFFFFF; }
  .btn-white-40:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); }
  .btn-white-40:hover {
    background: rgba(255, 255, 255, 0.8); }

.btn-white-80 {
  display: inline-block;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 11px 26px;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 0.25rem;
  min-width: 150px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease; }
  .btn-white-80:hover {
    background-color: rgba(230, 230, 230, 0.8);
    color: #FFFFFF; }
  .btn-white-80:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); }
  .btn-white-80:hover {
    background: rgba(255, 255, 255, 0.8); }

.btn-outline-secondary.btn-white-40 {
  color: #00868C !important;
  background: rgba(255, 255, 255, 0.8); }
  .btn-outline-secondary.btn-white-40:hover {
    color: #ffffff !important;
    background: #00868C !important; }

@media (max-width: 768px) {
  .nav-secondary-menu {
    width: 303px;
    max-width: 100%;
    margin: 0 auto;
    gap: 10px;
    margin-bottom: 1rem; }
    .nav-secondary-menu .btn {
      width: 100%; }
    .nav-secondary-menu .nav-item:nth-child(1) {
      order: 0;
      width: calc(50% - 5px); }
      .nav-secondary-menu .nav-item:nth-child(1) .btn {
        background: #FFFFFF;
        border: 1px solid #01B0B8; }
    .nav-secondary-menu .nav-item:nth-child(2) {
      order: 2;
      width: 100%; }
      .nav-secondary-menu .nav-item:nth-child(2) .btn {
        background: #FFFFFF;
        border: 1px solid #01B0B8;
        width: 100%;
        max-width: 100%; }
    .nav-secondary-menu .nav-item:nth-child(3) {
      order: 1;
      width: calc(50% - 5px); } }

#footer-main {
  background-color: #fcfcfc;
  border-top: 1px #27F6FF solid;
  padding-top: 55px; }
  @media (max-width: 768px) {
    #footer-main {
      padding-top: 20px;
      background-color: #F5F5F5; } }
  #footer-main #footer-top {
    max-width: 1760px; }
    #footer-main #footer-top .wrap-logo {
      max-width: 300px; }
      @media (max-width: 768px) {
        #footer-main #footer-top .wrap-logo {
          max-width: 210px;
          margin: 0 auto; } }
    #footer-main #footer-top .wrap-menu {
      width: calc(100% - 300px);
      max-width: 1350px;
      padding-top: 20px;
      margin-bottom: 50px; }
      @media (max-width: 768px) {
        #footer-main #footer-top .wrap-menu {
          width: 100%;
          margin-bottom: 25px;
          padding-right: 0;
          padding-left: 0; } }
      #footer-main #footer-top .wrap-menu > div {
        width: 335px; }
        @media (max-width: 768px) {
          #footer-main #footer-top .wrap-menu > div {
            width: 100%;
            margin: 0 auto; } }
      #footer-main #footer-top .wrap-menu .h4 {
        font-weight: 700;
        font-size: 16px;
        color: #231F20; }
      #footer-main #footer-top .wrap-menu ul {
        font-weight: 400;
        font-size: 16px;
        color: #868999;
        line-height: 2; }
    #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"] {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 768px) {
        #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"] {
          cursor: pointer;
          padding: 10px 0;
          margin-bottom: 0; }
          #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"] .accordion-arrow {
            display: flex;
            align-items: center;
            transition: transform 0.3s ease-in-out; }
          #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"][aria-expanded="true"] .accordion-arrow {
            transform: rotate(180deg); } }
      @media (min-width: 768px) {
        #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"] {
          cursor: default;
          pointer-events: none;
          margin-bottom: 1rem; }
          #footer-main #footer-top .col-md-auto h4[data-bs-toggle="collapse"] .accordion-arrow {
            display: none !important; } }
    @media (min-width: 768px) {
      #footer-main #footer-top .col-md-auto .collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important; } }
  #footer-main #footer-bottom {
    max-width: 1760px;
    border-top: 1px #616161 solid;
    margin-top: 25px;
    padding-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #646464; }
    #footer-main #footer-bottom .text-md-start p {
      margin-bottom: 0; }
  #footer-main .list-social-menu li .btn {
    width: 38px;
    padding: 0;
    margin: 0 .2rem; }
    @media (max-width: 768px) {
      #footer-main .list-social-menu li .btn {
        width: 30px; } }

#contactModal .modal-dialog {
  max-width: 300px; }
#contactModal .modal-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #00868C;
  text-align: center; }
#contactModal .modal-body {
  max-width: 266px;
  margin: 0 auto;
  /*		.wpcf7-list-item{
  			margin: 0;
  		}*/ }
  #contactModal .modal-body .form-control {
    padding: 1px 20px;
    width: 233px;
    height: 45px;
    box-shadow: 0px 8px 16px rgba(0, 57, 122, 0.05);
    gap: 10px;
    background: #FFFFFF;
    border-radius: 64px;
    font-weight: 400;
    font-size: 14px;
    direction: rtl; }
  #contactModal .modal-body .wpcf7 form .wpcf7-response-output {
    margin: 0; }
  #contactModal .modal-body .wpcf7-spinner {
    position: absolute;
    left: 0;
    top: 10px; }
  #contactModal .modal-body .form-check {
    font-weight: 400;
    font-size: 12px;
    width: 100%; }
  #contactModal .modal-body .form-check .form-check-input {
    width: 100%; }
  #contactModal .modal-body .btn-submit {
    width: 233px;
    height: 45px;
    border-radius: 24px;
    border: 2px #01B0B8 solid;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 18px;
    color: #00868C; }

.custom-checkbox input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0; }

.form-check br {
  display: none; }

/*.wpcf7-list-item-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
    line-height: 20px;
    position: absolute;
    right: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    top: 0;
}
*/
.wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  /*left: 0;*/
  right: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #00868C;
  background-color: white; }

.wpcf7-list-item {
  margin: 0 1.5rem 0 0; }

.custom-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00868C; }

.title-type-1 {
  font-weight: 300;
  font-size: 52px;
  line-height: 1.2; }
  @media (max-width: 768px) {
    .title-type-1 {
      font-size: 30px; } }

.text-type-1 {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3; }

.text-type-2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.3; }
  @media (max-width: 768px) {
    .text-type-2 {
      font-size: 20px; } }

.text-type-3 {
  font-weight: 300;
  font-size: 26px;
  line-height: 1.3; }
  @media (max-width: 768px) {
    .text-type-3 {
      font-weight: 400;
      font-size: 20px; } }

.section-top-title {
  position: relative;
  padding-top: clamp(10px, 6vw, 78px);
  padding-bottom: clamp(0px, 3.5vw, 40px); }
  .section-top-title .title {
    color: #00868C;
    font-weight: 300;
    font-size: clamp(32px, 5vw, 52px); }
    .section-top-title .title strong {
      font-weight: 400; }
  .section-top-title .text {
    color: #231F20;
    font-weight: 300;
    line-height: 1.3;
    font-size: clamp(18px, 2.5vw, 26px); }

.section-hero {
  position: relative;
  min-height: 924px;
  height: 100vh; }
  @media (max-width: 768px) {
    .section-hero {
      height: 996px;
      overflow: hidden; } }
  .section-hero .hero-content,
  .section-hero .search-box {
    position: relative;
    z-index: 4; }
  .section-hero .swiper {
    height: 100%; }
    @media (max-width: 768px) {
      .section-hero .swiper {
        min-height: 996px; } }
  .section-hero .swiper-button-prev, .section-hero .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 45px);
    right: auto; }
    .section-hero .swiper-button-prev svg, .section-hero .swiper-rtl .swiper-button-next svg {
      opacity: 0;
      visibility: hidden; }
  .section-hero .swiper-button-next, .section-hero .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 45px);
    left: auto; }
    .section-hero .swiper-button-next svg, .section-hero .swiper-rtl .swiper-button-prev svg {
      opacity: 0;
      visibility: hidden; }
  .section-hero .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    z-index: 3;
    pointer-events: none; }
  .section-hero .swiper-slide::after {
    content: '';
    position: absolute;
    width: 1920px;
    height: 204px;
    left: 0px;
    top: -1px;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 77.94%); }
  .section-hero .swiper-button-next {
    color: #fff;
    font-size: 50px; }
  .section-hero .swiper-button-prev {
    color: #fff;
    font-size: 50px; }
  .section-hero .hero-content {
    right: 10.4%;
    top: 30.8%; }
    @media (max-width: 768px) {
      .section-hero .hero-content {
        right: 0;
        top: 100px; } }
    .section-hero .hero-content .card {
      width: 650px;
      max-width: 100%; }
      @media (max-width: 768px) {
        .section-hero .hero-content .card {
          width: 100%; } }
      .section-hero .hero-content .card .card-body .img-fluid {
        margin-bottom: 15px; }
      .section-hero .hero-content .card .card-body .card-title {
        font-weight: 300;
        /* Scales from 32px on mobile to 62px on desktop */
        font-size: clamp(34px, 5vw, 62px);
        line-height: 1.1;
        /* Scales margin from 15px to 25px */
        margin-bottom: clamp(15px, 2vw, 25px); }
        .section-hero .hero-content .card .card-body .card-title [class^="wp-image-"],
        .section-hero .hero-content .card .card-body .card-title [class*=" wp-image-"] {
          margin-bottom: 20px; }
        @media (max-width: 768px) {
          .section-hero .hero-content .card .card-body .card-title p {
            display: flex;
            gap: 0;
            flex-flow: column; }
            .section-hero .hero-content .card .card-body .card-title p img {
              max-width: 187px; } }
      .section-hero .hero-content .card .card-body .card-text {
        font-weight: 300;
        /* Scales from 16px on mobile to 22px on desktop */
        font-size: clamp(20px, 1.5vw, 22px);
        line-height: 1.3;
        /* Scales margin from 12px to 20px */
        margin-bottom: clamp(12px, 1.5vw, 20px); }
        @media (max-width: 768px) {
          .section-hero .hero-content .card .card-body .card-text {
            line-height: 1.5; } }
      .section-hero .hero-content .card .card-body .card-buttons .nav {
        gap: 25px; }
        @media (max-width: 768px) {
          .section-hero .hero-content .card .card-body .card-buttons .nav {
            flex-flow: row;
            justify-content: space-between;
            /*gap: 0;*/ }
            .section-hero .hero-content .card .card-body .card-buttons .nav li {
              width: 100%; } }
      .section-hero .hero-content .card .card-body .card-buttons .btn {
        min-width: 186px;
        font-weight: 600; }
        @media (max-width: 768px) {
          .section-hero .hero-content .card .card-body .card-buttons .btn {
            min-width: 1px;
            width: 100%; } }
  .section-hero .search-box {
    position: absolute;
    right: 58.5%;
    top: 34.5%;
    width: 535px; }
    @media (max-width: 768px) {
      .section-hero .search-box {
        position: relative;
        right: 0;
        max-width: 100%;
        top: -400px; }
        .section-hero .search-box .col-auto:nth-child(n + 3) {
          display: none; } }
    .section-hero .search-box .search-bar-wrapper {
      width: 100%;
      height: 65px;
      background: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(15px);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 50px;
      display: flex;
      align-items: center;
      padding: 0 25px;
      cursor: text;
      transition: all 0.3s ease;
      position: relative; }
      .section-hero .search-box .search-bar-wrapper.active {
        width: 100%;
        padding: 0;
        overflow: hidden; }
        .section-hero .search-box .search-bar-wrapper.active .search-icon-placeholder i {
          color: #00A6B5; }
      .section-hero .search-box .search-bar-wrapper #anim-layer {
        display: flex; }
      .section-hero .search-box .search-bar-wrapper .search-input {
        display: none; }
      .section-hero .search-box .search-bar-wrapper.active #anim-layer {
        display: none; }
      .section-hero .search-box .search-bar-wrapper.active .search-input {
        display: block; }
      .section-hero .search-box .search-bar-wrapper .search-input-display {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 20px;
        color: #fff;
        width: 100%; }
        .section-hero .search-box .search-bar-wrapper .search-input-display .category-count {
          color: #00A6B5;
          font-weight: 700;
          order: 1; }
        .section-hero .search-box .search-bar-wrapper .search-input-display .cursor {
          animation: blink 1s infinite;
          font-weight: 100;
          color: rgba(255, 255, 255, 0.6);
          order: 2;
          display: none !important; }
    .section-hero .search-box .search-input {
      width: 100%;
      display: none; }
      .section-hero .search-box .search-input .form-control {
        width: 100%;
        max-width: 530px;
        margin: 0 auto;
        height: 65px;
        background: #FFFFFF4D;
        font-weight: 400;
        font-size: 20px;
        color: #fff;
        border-color: #FFFFFF33;
        text-indent: 10px;
        backdrop-filter: blur(15px); }
      .section-hero .search-box .search-input .btn-submit {
        position: absolute;
        left: 25px;
        top: 5px;
        border-radius: 50%;
        width: 57px;
        height: 57px;
        background: #ffffff;
        border: 1px #fff solid; }
    .section-hero .search-box .search-results {
      margin-top: 20px; }
      .section-hero .search-box .search-results > .row {
        gap: 20px; }
      .section-hero .search-box .search-results .card {
        width: 163px;
        height: 268px;
        border-radius: 15px;
        overflow: hidden;
        background: transparent;
        border: 1px #DEDEDE solid;
        backdrop-filter: blur(10px);
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); }
        .section-hero .search-box .search-results .card.show {
          opacity: 1;
          transform: translateY(0); }
        .section-hero .search-box .search-results .card .card-header {
          width: 163px;
          height: 178px;
          background: transparent;
          padding: 0;
          overflow: hidden; }
          .section-hero .search-box .search-results .card .card-header .card-img {
            width: 100%;
            height: 100%; }
            .section-hero .search-box .search-results .card .card-header .card-img img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
        .section-hero .search-box .search-results .card .card-body {
          direction: flex;
          background: transparent; }
          .section-hero .search-box .search-results .card .card-body .card-img {
            width: 23px;
            height: 23px; }
            .section-hero .search-box .search-results .card .card-body .card-img img {
              width: 100%;
              height: 100%; }
          .section-hero .search-box .search-results .card .card-body .card-content {
            width: calc(100% - 35px); }
            .section-hero .search-box .search-results .card .card-body .card-content .card-title {
              font-weight: 700;
              font-size: 11px;
              line-height: 1.25;
              color: #fff;
              margin-bottom: 0; }
            .section-hero .search-box .search-results .card .card-body .card-content .card-text {
              font-weight: 400;
              font-size: 11px;
              line-height: 1.25;
              color: #fff;
              margin-bottom: 0; }
        .section-hero .search-box .search-results .card .card-footer {
          border: 0;
          background: transparent; }
          .section-hero .search-box .search-results .card .card-footer .card-link .btn {
            font-weight: 600;
            font-size: 12px;
            line-height: 1.35;
            min-width: 120px;
            width: max-content;
            height: 25px;
            font-weight: 600;
            font-size: 12px;
            line-height: .5; }
@keyframes blink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }
.section-categroies {
  position: relative;
  padding-top: clamp(40px, 6vw, 78px);
  padding-bottom: clamp(20px, 3vw, 40px); }
  @media (max-width: 768px) {
    .section-categroies {
      background-color: #ffffff; } }
  @media (max-width: 768px) {
    .section-categroies .title-type-1 {
      font-size: 36px;
      font-weight: 400; } }
  .section-categroies .list-unstyled {
    margin-top: clamp(30px, 5vw, 60px);
    gap: 20px 12px;
    justify-content: center; }
    .section-categroies .list-unstyled li .btn {
      display: flex;
      min-width: clamp(100px, 10vw, 150px);
      font-weight: 400;
      font-size: clamp(18px, 1.5vw, 20px);
      align-items: center;
      gap: 10px;
      padding: 0.375rem 0.75rem;
      max-height: 50px; }
      @media (max-width: 768px) {
        .section-categroies .list-unstyled li .btn {
          max-height: 35px; } }
    .section-categroies .list-unstyled li .img-category {
      width: clamp(30px, 3vw, 38px);
      height: clamp(30px, 3vw, 38px);
      border-radius: 2rem;
      overflow: hidden;
      background-color: #CCCCCC;
      display: block; }

.section-search {
  position: relative;
  background: #f5f6fa;
  padding-top: clamp(25px, 6vw, 55px);
  padding-bottom: clamp(35px, 6vw, 70px); }
  @media (max-width: 768px) {
    .section-search {
      padding-inline: 0; } }
  .section-search .filter-by {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 15px; }
    @media (max-width: 768px) {
      .section-search .filter-by {
        min-width: 265px;
        max-width: 100%;
        justify-content: space-between; } }
    .section-search .filter-by .btn {
      min-width: 1px;
      font-size: 15px;
      max-height: 36px;
      padding: 11px;
      min-width: 105px;
      line-height: 1; }
    .section-search .filter-by .btn.active {
      background-color: #FFFFFF;
      border-color: #FFFFFF;
      color: #231F20 !important; }
  .section-search .search-form {
    width: 387px;
    max-width: 100%;
    height: 50px;
    direction: rtl; }
    @media (max-width: 768px) {
      .section-search .search-form {
        width: auto;
        width: max-content;
        max-width: 156px; } }
    .section-search .search-form .form-control {
      text-indent: 20px;
      width: 100%;
      height: 100%; }
      .section-search .search-form .form-control.bg-gray {
        background: #E2E2E266; }
  .section-search .search-by {
    display: flex;
    gap: 20px;
    font-weight: 400;
    font-size: 16px; }
    @media (max-width: 768px) {
      .section-search .search-by {
        display: flex;
        margin: 0 auto;
        width: 100%;
        justify-content: space-between;
        gap: 0; } }
    .section-search .search-by .select-control {
      min-width: 100px;
      height: 25px; }
    .section-search .search-by .form-control {
      width: 387px;
      max-width: 100%;
      height: 50px;
      text-indent: 10px; }
      @media (max-width: 768px) {
        .section-search .search-by .form-control {
          width: 100%; } }
  .section-search .btn-load-more {
    min-width: 218px;
    padding: 11px 26px; }
  .section-search .category-swiper {
    margin-top: 12px; }
    @media (max-width: 768px) {
      .section-search .category-swiper {
        margin-top: 20px; } }
    .section-search .category-swiper .swiper-slide {
      width: auto; }
    .section-search .category-swiper .btn {
      font-weight: 400;
      font-size: 16px;
      min-width: 1px;
      padding: 4px 16px; }
    .section-search .category-swiper .btn.btn-white {
      color: #868999;
      border: 1px #868999 solid; }
      .section-search .category-swiper .btn.btn-white:hover {
        background: #00868C;
        color: #ffffff;
        border: 1px #00868C solid; }
  .section-search .section-search-gallery {
    margin-top: 35px; }
    @media (max-width: 768px) {
      .section-search .section-search-gallery {
        padding: 0; }
        .section-search .section-search-gallery .title-type-1 {
          font-size: 42px; } }
    @media (min-width: 769px) {
      .section-search .section-search-gallery .col:nth-child(1) > div:nth-child(1) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(1) > div:nth-child(2) {
        height: 150px; }
      .section-search .section-search-gallery .col:nth-child(1) > div:nth-child(3) {
        height: 207px; }
      .section-search .section-search-gallery .col:nth-child(1) > div:nth-child(4) {
        height: 153px; }
      .section-search .section-search-gallery .col:nth-child(1) > div:nth-child(5) {
        height: 171px; }
      .section-search .section-search-gallery .col:nth-child(2) > div:nth-child(1) {
        height: 207px; }
      .section-search .section-search-gallery .col:nth-child(2) > div:nth-child(2) {
        height: 185px; }
      .section-search .section-search-gallery .col:nth-child(2) > div:nth-child(3) {
        height: 171px; }
      .section-search .section-search-gallery .col:nth-child(2) > div:nth-child(4) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(2) > div:nth-child(5) {
        height: 150px; }
      .section-search .section-search-gallery .col:nth-child(3) > div:nth-child(1) {
        height: 360px; }
      .section-search .section-search-gallery .col:nth-child(3) > div:nth-child(2) {
        height: 185px; }
      .section-search .section-search-gallery .col:nth-child(3) > div:nth-child(3) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(3) > div:nth-child(4) {
        height: 150px; }
      .section-search .section-search-gallery .col:nth-child(4) > div:nth-child(1) {
        height: 207px; }
      .section-search .section-search-gallery .col:nth-child(4) > div:nth-child(2) {
        height: 150px; }
      .section-search .section-search-gallery .col:nth-child(4) > div:nth-child(3) {
        height: 171px; }
      .section-search .section-search-gallery .col:nth-child(4) > div:nth-child(4) {
        height: 360px; }
      .section-search .section-search-gallery .col:nth-child(4) > div:nth-child(5) {
        height: 185px; }
      .section-search .section-search-gallery .col:nth-child(5) > div:nth-child(1) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(5) > div:nth-child(2) {
        height: 150px; }
      .section-search .section-search-gallery .col:nth-child(5) > div:nth-child(3) {
        height: 207px; }
      .section-search .section-search-gallery .col:nth-child(5) > div:nth-child(4) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(6) > div:nth-child(1) {
        height: 207px; }
      .section-search .section-search-gallery .col:nth-child(6) > div:nth-child(2) {
        height: 185px; }
      .section-search .section-search-gallery .col:nth-child(6) > div:nth-child(3) {
        height: 171px; }
      .section-search .section-search-gallery .col:nth-child(6) > div:nth-child(4) {
        height: 412px; }
      .section-search .section-search-gallery .col:nth-child(6) > div:nth-child(5) {
        height: 185px; } }
    @media (max-width: 768px) {
      .section-search .section-search-gallery .col {
        height: auto; } }
    .section-search .section-search-gallery .swiper-button-prev:after, .section-search .section-search-gallery .swiper-rtl .swiper-button-next:after {
      content: ''; }
    .section-search .section-search-gallery .swiper-button-next:after, .section-search .section-search-gallery .swiper-rtl .swiper-button-prev:after {
      content: ''; }
  .section-search #professionals {
    margin-top: 90px; }
    @media (max-width: 768px) {
      .section-search #professionals {
        margin-top: 0; } }
  .section-search .nav .btn {
    min-width: 125px;
    padding: 2px 26px;
    background: #75E0E580; }
    .section-search .nav .btn.active {
      background: #01B0B8;
      color: #fff; }
  .section-search .project-item .project-item-iframe-handle {
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    pointer-events: none;
    z-index: 1; }
  .section-search .project-item:hover .project-item-iframe-handle {
    opacity: 1;
    visibility: visible;
    /*pointer-events: auto;*/ }

.section-next-projects {
  position: relative;
  padding-top: clamp(40px, 15vw, 145px);
  padding-bottom: clamp(20px, 0vw, 65px);
  background-color: #ffffff; }
  @media (max-width: 768px) {
    .section-next-projects {
      background: #fff; } }
  .section-next-projects .wrap-btn {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; }
    .section-next-projects .wrap-btn .btn-info {
      width: clamp(280px, 75%, 648px);
      height: clamp(60px, 15vw, 137px);
      border-radius: 100px;
      padding-inline: clamp(20px, 5vw, 50px);
      font-size: clamp(30px, 4.5vw, 52px);
      font-weight: 300;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      max-width: 100%; }
  .section-next-projects .next-projects-main {
    /* clamp(min, preferred, max) */
    margin-top: clamp(0px, 0vw, 63px); }
  .section-next-projects .videos-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
    overflow: hidden;
    z-index: 2; }
    @media (max-width: 768px) {
      .section-next-projects .videos-grid {
        gap: .5rem; } }
  .section-next-projects .track {
    display: flex;
    gap: 1rem;
    width: max-content; }
  .section-next-projects .forward {
    position: relative;
    right: -100%; }
  .section-next-projects .backward {
    position: relative;
    right: -100%; }
  .section-next-projects .forward .track {
    animation: scroll-left 60s linear infinite; }
  .section-next-projects .backward .track {
    animation: scroll-right 60s linear infinite; }
@keyframes scroll-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
@keyframes scroll-right {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0); } }
  .section-next-projects .videos-grid:hover .track {
    animation-play-state: paused; }
  .section-next-projects .card-video-box {
    width: clamp(300px, 100%, 648px);
    height: clamp(200px, 45vw, 438px);
    aspect-ratio: 648 / 438;
    max-width: 100%;
    overflow: hidden;
    position: relative; }
  .section-next-projects .card-video-box .card-body {
    width: 461px;
    height: 250px;
    max-width: 95%;
    top: 84px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    align-items: flex-end; }
  .section-next-projects .card-video-box .card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-shadow: 2px 2px 20px #000; }
  .section-next-projects .card-video-box .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-shadow: 2px 2px 20px #000; }

.section-your-route {
  background: #F5F6F9;
  position: relative;
  padding: 60px 0;
  overflow: hidden; }
  @media (max-width: 768px) {
    .section-your-route {
      overflow: hidden;
      height: auto;
      padding-top: 46px;
      padding-bottom: 46px; } }
  @media (max-width: 768px) {
    .section-your-route .title-type-1 {
      font-size: 36px;
      color: #00868C !important;
      font-weight: 400;
      padding-inline: 1rem;
      margin-bottom: 1rem; } }
  .section-your-route .swiper-slide.thumb {
    width: 260px;
    position: relative;
    height: 55px;
    display: flex;
    align-items: center;
    cursor: pointer; }
    @media (max-width: 768px) {
      .section-your-route .swiper-slide.thumb {
        width: max-content; } }
    .section-your-route .swiper-slide.thumb .thumb-icon {
      width: 40px;
      height: 40px;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .section-your-route .swiper-slide.thumb:after {
      content: '';
      width: 100%;
      height: 2px;
      background: #231F20;
      border-radius: 50px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .section-your-route .swiper-slide.thumb.swiper-slide-thumb-active:after {
      background: #21F5FF; }
    .section-your-route .swiper-slide.thumb.swiper-slide-thumb-active .thumb-icon {
      background: #21F5FF; }
  .section-your-route .your-route-cards .swiper-slide {
    width: 822px;
    height: 344px;
    border-radius: 20px;
    background: rgba(248, 248, 248, 0.7);
    transform: scale(0.8);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); }
    @media (min-width: 768px) {
      .section-your-route .your-route-cards .swiper-slide:not(.swiper-slide-active) {
        filter: blur(5px);
        opacity: 0.6; } }
    .section-your-route .your-route-cards .swiper-slide.swiper-slide-active {
      background: #ffffff;
      transform: scale(1);
      opacity: 1;
      filter: blur(0);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); }
    @media (max-width: 991px) {
      .section-your-route .your-route-cards .swiper-slide {
        width: 100%;
        height: auto; } }
  @media (max-width: 768px) {
    .section-your-route .your-route-card-inner-flex {
      flex-direction: column; } }
  .section-your-route .your-route-card-visual {
    flex: 0 0 50%;
    background: #eee; }
  .section-your-route .your-route-card-content {
    flex: 0 0 50%;
    background: #F8F9FA;
    text-align: right; }
  .section-your-route .your-route-card-num {
    background: #01B0B8;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(1, 176, 184, 0.3); }
  .section-your-route .your-route-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #282830; }
  .section-your-route .your-route-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
    .section-your-route .your-route-bg:after {
      content: '';
      background: oklch(0.97 0 0/0.85);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }

.section-podcast {
  position: relative;
  padding-top: clamp(10px, 2vw, 80px);
  padding-bottom: clamp(0px, 0vw, 60px); }
  @media (max-width: 768px) {
    .section-podcast {
      background: #ffffff; } }
  .section-podcast .filter-by {
    width: max-content;
    min-width: 310px;
    height: 55px;
    display: flex;
    align-items: center;
    /*padding: 15px;*/
    justify-content: center;
    gap: 25px; }
    .section-podcast .filter-by .btn.active {
      background: #FFFFFF;
      color: #231F20; }
    .section-podcast .filter-by .btn {
      min-width: 1px;
      font-size: 15px;
      padding: 7px 15px;
      color: #FFFFFF; }
  .section-podcast .swiper {
    position: relative;
    /*direction: ltr;*/ }
    .section-podcast .swiper .swiper-slide {
      width: auto; }
      @media (min-width: 768px) {
        .section-podcast .swiper .swiper-slide {
          width: max-content; } }
    @media (min-width: 768px) {
      .section-podcast .swiper .swiper-slide-active {
        width: 388px !important; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .section-podcast .swiper .swiper-slide-active .card {
      width: 388px !important; } }
    @media (min-width: 768px) {
        .section-podcast .swiper .swiper-slide-active .card .card-header {
          height: 556px; }
          .section-podcast .swiper .swiper-slide-active .card .card-header .card-tools {
            padding: 1.9rem 1.2rem; }
        .section-podcast .swiper .swiper-slide-active .card .card-body {
          margin-top: 15px;
          padding-left: 25%; }
          .section-podcast .swiper .swiper-slide-active .card .card-body .card-title {
            font-size: 18px; }
          .section-podcast .swiper .swiper-slide-active .card .card-body .card-text {
            font-size: 18px; } }

.card-podcast {
  border: 0; }
  @media (min-width: 768px) {
    .card-podcast {
      width: 245px; } }
  .card-podcast .card-header {
    width: 100%;
    height: 445px;
    position: relative;
    border-radius: 15px;
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .card-podcast .card-header .card-img {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .card-podcast .card-header .card-img img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .card-podcast .card-header .card-tools {
      position: absolute;
      z-index: 1;
      bottom: 0;
      width: 100%;
      display: flex;
      align-items: center;
      padding: 1.9rem .8rem;
      justify-content: space-between; }
      .card-podcast .card-header .card-tools .card-play {
        font-weight: 700;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700;
        font-size: 16px;
        line-height: 152%;
        color: #fff;
        display: flex;
        gap: 10px;
        align-items: center; }
      .card-podcast .card-header .card-tools .card-duration {
        min-width: 79px;
        height: 28px;
        border-radius: 20px;
        background: #21F5FF;
        font-weight: 400;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
  .card-podcast .card-body {
    text-align: start;
    padding: 0;
    margin-top: 30px; }
    .card-podcast .card-body .card-title {
      font-weight: 700;
      font-size: 16px;
      line-height: 1.3; }
    .card-podcast .card-body .card-text {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.3; }

.card-professional {
  width: 387px;
  max-width: 100%;
  height: 415px;
  border-radius: 10px;
  border: 1px #868999 solid;
  /*	.card-body{
  		max-width: 347px;
  		margin: 0 auto;
  	}*/ }
  @media (max-width: 768px) {
    .card-professional {
      width: 100%; } }
  .card-professional .card-header {
    max-width: 454px;
    margin: 0;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px; }
  .card-professional .card-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #231F20;
    margin-bottom: 2px; }
  .card-professional .professional-profile-link {
    color: inherit;
    text-decoration: none; }
  .card-professional .card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #231F20; }
  .card-professional .card-img {
    width: 41px;
    height: 41px;
    border-radius: 100px;
    border-width: 1px;
    overflow: hidden; }
  .card-professional .btn-projects {
    min-width: 82px;
    border-radius: 4px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    background-color: #868999;
    color: #ffffff;
    font-size: 12px; }
  .card-professional .btn-primary {
    min-width: 94px;
    font-size: 14px;
    padding: 5px; }
  .card-professional .swiper .swiper-slide-img {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    /* Desktop Ratio: 347x274 */
    max-width: 347px;
    aspect-ratio: 347 / 274; }
    @media (max-width: 768px) {
      .card-professional .swiper .swiper-slide-img {
        /* Mobile Ratio: 315x250 */
        width: 100%;
        aspect-ratio: 315 / 250; } }
  .card-professional .swiper .swiper-button-prev:after {
    display: none; }
  .card-professional .swiper .swiper-button-next:after {
    display: none; }

.section-newsletter {
  position: relative;
  margin-top: 60px;
  margin-bottom: 180px; }
  @media (max-width: 768px) {
    .section-newsletter {
      margin-top: 0px;
      margin-bottom: 60px;
      background: #ffffff;
      padding-top: 100px; }
      .section-newsletter .wpcf7-list-item {
        margin: 0; }
      .section-newsletter .container, .section-newsletter .card-body {
        padding-inline: 0; } }
  @media (max-width: 768px) {
    .section-newsletter .title-type-1 {
      font-size: 36px;
      font-weight: 400 !important; } }
  @media (max-width: 768px) {
    .section-newsletter .text-type-2 {
      font-size: 20px;
      font-weight: 400 !important; } }
  .section-newsletter .card {
    width: 100%;
    max-width: 1682px;
    min-height: 350px;
    background: #F5F6F9;
    box-shadow: 0px 32px 64px rgba(0, 40, 86, 0.1);
    border-radius: 10px;
    padding-top: 25px; }
  .section-newsletter .newsletter-form {
    max-width: 665px;
    margin: 0 auto; }
  .section-newsletter .form-control {
    height: 45px;
    width: 220px;
    text-indent: 10px; }
    @media (max-width: 768px) {
      .section-newsletter .form-control {
        width: 259px;
        max-width: 100%; } }
  .section-newsletter .btn-submit {
    height: 45px;
    width: 200px; }
    @media (max-width: 768px) {
      .section-newsletter .btn-submit {
        width: 259px;
        max-width: 100%; } }
  .section-newsletter .form-check {
    font-weight: 400;
    font-size: 14px; }
    @media (max-width: 768px) {
      .section-newsletter .form-check {
        width: 259px;
        max-width: 100%;
        margin: 0 auto; } }
    .section-newsletter .form-check p {
      display: flex;
      gap: 0.5rem; }
  .section-newsletter .newsletter-tags {
    position: relative;
    /* Scales from 0px on mobile to 45px on desktop */
    top: clamp(0px, 4vw, 45px); }
    @media (max-width: 768px) {
      .section-newsletter .newsletter-tags ul {
        padding-bottom: 30px; } }
    @media (max-width: 768px) {
      .section-newsletter .newsletter-tags li {
        width: 100%;
        min-width: 346px; } }
    .section-newsletter .newsletter-tags .btn {
      /* Scales width from ~220px to 283px */
      min-width: clamp(220px, 20vw, 283px);
      font-weight: 700;
      /* Fluid typography: ~16px to 18px */
      font-size: clamp(16px, 1.2vw, 18px);
      line-height: 1.2;
      color: #00868C;
      width: auto;
      /* Height scales from 55px to 70px */
      height: clamp(55px, 6vw, 70px);
      display: flex;
      align-items: center;
      gap: 7px; }
      @media (max-width: 768px) {
        .section-newsletter .newsletter-tags .btn {
          background: #FFFFFF;
          box-shadow: 0px 0px 40px rgba(10, 37, 64, 0.2);
          border-radius: 20px !important;
          min-height: 80px; } }
  .section-newsletter .wpcf7-spinner {
    position: absolute;
    left: -10px;
    top: 10px; }
  .section-newsletter .wpcf7 input[type="url"], .section-newsletter .wpcf7 input[type="email"], .section-newsletter .wpcf7 input[type="tel"] {
    direction: rtl; }

.your-route-thumbs {
  z-index: 2; }

.your-route-cards {
  width: 100%;
  max-width: 100vw;
  margin: clamp(20px, 4vw, 40px) 0 0;
  direction: ltr;
  overflow: visible !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 768px) {
    .your-route-cards {
      height: 285px !important;
      margin-top: 0;
      transform: none;
      left: 0;
      right: 0;
      margin: 50px auto; } }
  .your-route-cards .card {
    display: flex;
    flex-direction: row;
    direction: rtl;
    border-radius: 30px;
    padding: clamp(20px, 3vw, 43px) clamp(15px, 2vw, 23px);
    border: 0;
    background: #F8F8F8B2;
    gap: 20px; }
    @media (max-width: 768px) {
      .your-route-cards .card {
        flex-flow: column; } }
    .your-route-cards .card .card-header {
      background: transparent;
      border: 0; }
      @media (max-width: 768px) {
        .your-route-cards .card .card-header {
          padding-inline: 0;
          display: flex;
          flex-wrap: wrap;
          gap: 0 1rem;
          justify-content: space-between; } }
      .your-route-cards .card .card-header .card-number {
        position: relative;
        width: max-content;
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .your-route-cards .card .card-header .card-number svg {
            width: 47px;
            height: 47px; } }
        .your-route-cards .card .card-header .card-number .inner-number {
          color: #fff;
          font-weight: 800;
          font-size: clamp(16px, 1.5vw, 20px);
          height: 31px;
          min-width: 31px;
          background: #202020;
          border-radius: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 10px;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: max-content; }
          @media (max-width: 768px) {
            .your-route-cards .card .card-header .card-number .inner-number {
              width: 22px;
              height: 22px;
              font-size: 12px;
              margin: 0;
              left: 0;
              margin: 12px auto;
              min-width: 1px; } }
      .your-route-cards .card .card-header .card-title {
        font-weight: 700;
        font-size: clamp(20px, 2vw, 22px);
        line-height: 1.2; }
      .your-route-cards .card .card-header .card-text {
        font-weight: 400;
        font-size: clamp(16px, 1.2vw, 18px);
        line-height: 1.5; }
      @media (max-width: 768px) {
        .your-route-cards .card .card-header .info-card {
          display: flex;
          gap: .75rem; } }
      .your-route-cards .card .card-header .card-link .btn {
        /* Min: 16px (Mobile)
           Preferred: 1.2vw + 14px (Scale)
           Max: 20px (Desktop)
        */
        font-size: clamp(18px, 18px, 20px);
        /* Optimized clamp for width */
        width: clamp(200px, 100%, 250px);
        max-width: 100%;
        font-weight: 700;
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 768px) {
          .your-route-cards .card .card-header .card-link .btn {
            display: none; } }
    .your-route-cards .card .card-body {
      background: transparent;
      border: 0;
      padding: 0;
      display: flex;
      justify-content: flex-end; }
      .your-route-cards .card .card-body .card-img {
        width: clamp(350px, 35vw, 452px);
        height: clamp(145px, 25vw, 290px);
        overflow: hidden;
        border-radius: 30px;
        display: block;
        position: relative; }
        .your-route-cards .card .card-body .card-img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }

.card .card-img-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: max-content;
  display: flex;
  align-items: center;
  height: auto;
  transition: .3s all; }
.card:hover .card-img-play {
  transform: scale(1.1); }

#favoritesModal .modal-dialog {
  max-width: 410px; }
#favoritesModal .modal-header,
#favoritesModal .modal-body,
#favoritesModal .modal-footer {
  width: 334px;
  max-width: 100%;
  margin: 0 auto; }
#favoritesModal .modal-content {
  min-height: 734px; }
#favoritesModal .modal-header .btn-close {
  background: #00868c;
  opacity: 1;
  border-radius: 100px;
  line-height: 1;
  width: 36px;
  height: 36px;
  padding: 0; }
#favoritesModal .modal-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 23px; }
#favoritesModal .modal-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.3); }
#favoritesModal .modal-footer .btn {
  width: 323px;
  max-width: 100%; }
#favoritesModal .list-group .list-group-item {
  border: 0;
  border-bottom: 1px solid rgba(1, 176, 184, 0.3); }
#favoritesModal .list-group .card .card-img {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: 1px #00868C solid; }
#favoritesModal .list-group .card .card-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2; }
#favoritesModal .list-group .card .card-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2; }

.reset-password-page .modal-dialog,
#sign_inModal .modal-dialog {
  max-width: 410px; }
.reset-password-page .modal-header,
.reset-password-page .modal-body,
.reset-password-page .modal-footer,
#sign_inModal .modal-header,
#sign_inModal .modal-body,
#sign_inModal .modal-footer {
  width: 334px;
  max-width: 100%;
  margin: 0 auto; }
.reset-password-page .modal-content,
#sign_inModal .modal-content {
  min-height: 544px; }
.reset-password-page .modal-header .btn-close,
#sign_inModal .modal-header .btn-close {
  background: #00868c;
  opacity: 1;
  border-radius: 100px;
  line-height: 1;
  width: 36px;
  height: 36px;
  padding: 0; }
.reset-password-page .modal-title,
#sign_inModal .modal-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 23px; }
.reset-password-page .modal-text,
#sign_inModal .modal-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px; }
.reset-password-page .form-control,
#sign_inModal .form-control {
  padding: 1px 20px;
  width: 323px;
  height: 45px;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px rgba(0, 57, 122, 0.05);
  border: 0; }
.reset-password-page .btn-submit,
#sign_inModal .btn-submit {
  width: 323px;
  max-width: 100%;
  height: 45px; }

/* Main container replacing the Bootstrap row */
.masonry-wrapper {
  column-count: 6;
  column-gap: 1rem;
  width: 100%;
  /* Item styling */
  /* --- Responsiveness --- */
  /* Large desktops / Medium screens */
  /* Tablets */
  /* Wide mobile */
  /* Narrow mobile */ }
  .masonry-wrapper .project-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
    /* Prevents items from splitting between columns */
    break-inside: avoid;
    background: #f0f0f0;
    /* Mobile: Alternating Even/Odd Logic */
    /* Desktop: Cycling Pattern (5-item cycle) */ }
    @media (max-width: 1023px) {
      .masonry-wrapper .project-item {
        /* Your specific overrides for the 2nd col/2nd item and 1st col/5th item */ }
        .masonry-wrapper .project-item:nth-child(odd) .project-item-swiper {
          height: 140px !important; }
        .masonry-wrapper .project-item:nth-child(even) .project-item-swiper {
          height: 293px !important; } }
    @media (min-width: 1024px) {
      .masonry-wrapper .project-item:nth-child(5n+1) {
        height: 412px; }
      .masonry-wrapper .project-item:nth-child(5n+2) {
        height: 149px; }
      .masonry-wrapper .project-item:nth-child(5n+3) {
        height: 207px; }
      .masonry-wrapper .project-item:nth-child(5n+4) {
        height: 153px; }
      .masonry-wrapper .project-item:nth-child(5n+5) {
        height: 171px; } }
  @media (max-width: 1400px) {
    .masonry-wrapper {
      column-count: 4; } }
  @media (max-width: 992px) {
    .masonry-wrapper {
      column-count: 3; } }
  @media (max-width: 768px) {
    .masonry-wrapper {
      column-count: 2; } }
  @media (max-width: 480px) {
    .masonry-wrapper {
      column-count: 2; } }

.section-professional-hero {
  width: 1920px;
  max-width: 100%;
  height: 525px;
  position: relative;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .section-professional-hero {
      width: 100%;
      height: 408px; } }
  .section-professional-hero .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .section-professional-hero .swiper-button-prev:after,
  .section-professional-hero .swiper-button-next:after {
    display: none; }
  .section-professional-hero .professional-hero-content {
    bottom: 0; }
    @media (max-width: 768px) {
      .section-professional-hero .professional-hero-content {
        bottom: -45px; } }
  .section-professional-hero .professional-hero-start {
    bottom: 23px;
    position: relative; }
    @media (max-width: 768px) {
      .section-professional-hero .professional-hero-start {
        bottom: 12px; } }
    .section-professional-hero .professional-hero-start .card .card-title {
      font-weight: 700;
      font-size: 24px;
      line-height: 1.2; }
    .section-professional-hero .professional-hero-start .card .card-text {
      font-weight: 400;
      font-size: 18px;
      line-height: 1.2; }
    .section-professional-hero .professional-hero-start .card .card-img {
      width: clamp(62px, 10vw, 100px);
      height: clamp(62px, 10vw, 100px);
      position: relative;
      bottom: clamp(10px, 2vw, 20px);
      right: 10px;
      border-radius: 50%;
      border: 1px #00868C solid;
      overflow: hidden; }
      @media (max-width: 768px) {
        .section-professional-hero .professional-hero-start .card .card-img {
          right: 0; } }
      .section-professional-hero .professional-hero-start .card .card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .section-professional-hero .professional-hero-start .card .btn {
      padding: 5px 22px;
      font-weight: 400;
      font-size: 12px;
      line-height: 1.3; }
    .section-professional-hero .professional-hero-start .card .btn-projects {
      background: #667E9A;
      min-width: 100px;
      padding-inline: 0;
      color: #fff; }
  @media (min-width: 1440px) {
    .section-professional-hero .professional-hero-end {
      bottom: 45px;
      position: relative; } }
  @media (max-width: 768px) {
    .section-professional-hero .professional-hero-end {
      padding-inline: 0; } }
  .section-professional-hero .professional-hero-end .btn {
    min-width: 140px;
    font-size: 14px;
    padding: 7px 26px; }
    @media (max-width: 768px) {
      .section-professional-hero .professional-hero-end .btn {
        min-width: 92px;
        width: max-content;
        padding: 7px 10px;
        border: 1px solid #00868C; } }
    @media (max-width: 360px) {
      .section-professional-hero .professional-hero-end .btn {
        font-size: 12px; } }
  @media (max-width: 768px) {
    .section-professional-hero .professional-hero-end .list-unstyled {
      flex-flow: row;
      width: 100%;
      justify-content: space-between; } }
  .section-professional-hero .blur-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none; }
    .section-professional-hero .blur-overlay::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 204px;
      left: 0px;
      top: -1px;
      z-index: 1;
      background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 77.94%); }
    .section-professional-hero .blur-overlay::after {
      content: '';
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      padding: 0px;
      gap: 157px;
      position: absolute;
      width: 100%;
      height: 370px;
      left: 0px;
      top: 203px;
      z-index: 1;
      backdrop-filter: blur(3px);
      mask-image: linear-gradient(to top, black 90%, transparent 100%); }
  .section-professional-hero .swiper-slide-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none; }
    .section-professional-hero .swiper-slide-img::before {
      content: '';
      position: absolute;
      width: 1920px;
      height: 520px;
      left: 0px;
      top: 0px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }

.cards-review .card-review {
  max-width: 100%;
  padding: 2rem 2rem 4rem;
  height: 100%;
  border-radius: 10px;
  border: 1px #01B0B8 solid;
  background-color: #F5F6F9; }
  @media (min-width: 1024px) {
    .cards-review .card-review {
      width: calc(531px / 1.2); } }
  @media (min-width: 1280px) {
    .cards-review .card-review {
      width: 531px; } }
  .cards-review .card-review .card-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6; }
    .cards-review .card-review .card-text strong {
      font-weight: 400; }
  .cards-review .card-review .card-author-img {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    overflow: hidden; }
  .cards-review .card-review .card-author-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2; }
  .cards-review .card-review .card-author-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.26; }
  .cards-review .card-review .card-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0; }
    .cards-review .card-review .card-list ul li {
      /* 1. Define only the width (using clamp for responsiveness) */
      width: clamp(60px, 10vw, 80px);
      /* 3. Layout fixes */
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      /* If there are images inside */ }
      .cards-review .card-review .card-list ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 2. Set the ratio (Width / Height) */
        aspect-ratio: 8 / 5; }

.btn-testimonial-add {
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  /* Shape & Size */
  min-width: 162px;
  max-height: 41px;
  padding: 12px 20px;
  border-radius: 100px;
  /* Colors (Extracted from your image) */
  background-color: #D2EEF6;
  border: 1.5px solid #00868C;
  color: #00868C;
  /* Typography */
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  /* RTL specific: The icon usually sits to the left of the text in Hebrew buttons like this */
  flex-direction: row-reverse; }
  .btn-testimonial-add:hover {
    background-color: #00868C;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 139, 153, 0.2); }
    .btn-testimonial-add:hover .plus-icon {
      color: #ffffff; }
  .btn-testimonial-add .plus-icon {
    font-size: 20px;
    line-height: 0;
    margin-top: 0;
    transition: color 0.25s ease; }

@media (max-width: 768px) {
  #about .card-header,
  #about .card-body {
    padding-inline: 0; } }
@media (max-width: 768px) {
  #about .about-certificates-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: .75em !important; } }
@media (max-width: 768px) {
  #about .about-certificates-list .certificate-item {
    width: calc(50% - 0.5rem); }
    #about .about-certificates-list .certificate-item img {
      width: 100%;
      height: auto;
      object-fit: contain; } }

.card-about-start {
  width: 387px;
  max-width: 100%; }
  @media (max-width: 768px) {
    .card-about-start {
      width: 100%; } }
  .card-about-start .card-body {
    border-top: 1px #C4C4C4 solid;
    padding-top: 2rem;
    margin-top: 2rem; }
  .card-about-start .card-img {
    width: 387px;
    max-width: 100%;
    height: 462px;
    border-radius: 10px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .card-about-start .card-img {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 347 / 413;
        object-fit: cover;
        border-radius: 10px;
        overflow: hidden;
        height: auto; } }
  .card-about-start .card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6; }
  .card-about-start .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6; }

.card-about-end {
  width: 965px;
  max-width: 100%; }
  .card-about-end .card-header {
    width: 580px;
    max-width: 100%; }
  .card-about-end .card-body {
    width: 818px;
    max-width: 100%; }
  .card-about-end .card-title {
    font-weight: 300;
    font-size: 42px;
    line-height: 1; }
  .card-about-end .card-subtitle {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.4; }
  .card-about-end .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4; }
    .card-about-end .card-text ul {
      padding: 0;
      list-style-position: inside; }

.card-about-certificate .card-header {
  width: 243px;
  height: 157px;
  background: #D2FAFB; }
  @media (max-width: 768px) {
    .card-about-certificate .card-header {
      width: 100%;
      height: 131px; } }
.card-about-certificate .card-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6%; }

.about-certificates .about-certificates-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #00868C; }

.cards-my-magazine-videos {
  margin-bottom: 1.5rem; }
  @media (max-width: 768px) {
    .cards-my-magazine-videos {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      list-style: none;
      padding: 0;
      column-gap: .75rem !important;
      row-gap: 1.5rem !important;
      max-width: 100%;
      margin: 0 auto; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .cards-my-magazine-videos [class^="col-"],
    .cards-my-magazine-videos [class*=" col-"] {
      padding-inline: 0; } }

  .cards-my-magazine-videos .card-my-magazine-video {
    border-radius: 15px;
    overflow: hidden; }
    .cards-my-magazine-videos .card-my-magazine-video .card-header-overlay {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .cards-my-magazine-videos .card-my-magazine-video .card-img-play {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      z-index: 2;
      transition: .3s all; }
      .cards-my-magazine-videos .card-my-magazine-video .card-img-play:hover {
        transform: scale(1.2); }
    .cards-my-magazine-videos .card-my-magazine-video .card-header .card-img {
      width: 389px;
      height: 253px;
      overflow: hidden;
      border-radius: 15px; }
      @media (max-width: 768px) {
        .cards-my-magazine-videos .card-my-magazine-video .card-header .card-img {
          width: 100%;
          height: auto;
          aspect-ratio: 16 / 9;
          object-fit: cover;
          border-radius: 10px; } }

.card-tab-top-content {
  max-width: 100%;
  width: 750px; }
  .card-tab-top-content .card-title {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.2; }
  .card-tab-top-content .card-text {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3; }

.section-professional-portfolio {
  position: relative;
  /* clamp(min, preferred, max) */
  padding-top: clamp(40px, 5vw, 65px);
  padding-bottom: clamp(40px, 5vw, 70px);
  /* Contact Info (Text & Icons) */
  /* Social Media Icons */ }
  @media (max-width: 768px) {
    .section-professional-portfolio .container {
      padding-inline: 0; } }
  .section-professional-portfolio .my-tablist {
    /* 1. Ensure smooth horizontal scrolling */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    /* 2. Hide scrollbar but keep functionality (Optional but cleaner) */ }
    .section-professional-portfolio .my-tablist::-webkit-scrollbar {
      height: 4px;
      /* Thin scrollbar for horizontal */ }
    .section-professional-portfolio .my-tablist::-webkit-scrollbar-thumb {
      background-color: #00868C;
      border-radius: 10px; }
    .section-professional-portfolio .my-tablist::-webkit-scrollbar-track {
      background: transparent; }
  .section-professional-portfolio .nav {
    margin-top: 12px; }
    @media (max-width: 768px) {
      .section-professional-portfolio .nav {
        margin-top: 0;
        gap: .5rem !important; } }
    @media (max-width: 768px) {
      .section-professional-portfolio .nav .nav-item {
        width: 50%; } }
    .section-professional-portfolio .nav .btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 4px 16px;
      font-weight: 400;
      font-size: clamp(14px, 2vw, 16px);
      width: clamp(100px, 15vw, 162px);
      height: clamp(35px, 5vw, 45px);
      min-width: 0; }
    .section-professional-portfolio .nav .btn {
      color: #231F20;
      border: 1px #00868C solid; }
      .section-professional-portfolio .nav .btn.active, .section-professional-portfolio .nav .btn:hover {
        background: #00868C;
        color: #ffffff;
        border: 1px #00868C solid; }
      .section-professional-portfolio .nav .btn.active {
        font-weight: 700; }
  .section-professional-portfolio .section-search-gallery {
    margin-top: 25px;
    padding: 0;
    /* Mobile Responsiveness */ }
    .section-professional-portfolio .section-search-gallery > .row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-flow: dense;
      gap: 10px; }
      .section-professional-portfolio .section-search-gallery > .row > div {
        height: 321px;
        width: 100%;
        align-items: flex-end; }
        @media (min-width: 768px) {
          .section-professional-portfolio .section-search-gallery > .row > div:nth-child(7), .section-professional-portfolio .section-search-gallery > .row > div:nth-child(9) {
            height: 687px;
            grid-row: span 2; } }
    @media (max-width: 768px) {
      .section-professional-portfolio .section-search-gallery > .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
        gap: 0px; }
        .section-professional-portfolio .section-search-gallery > .row > div {
          height: 140px;
          grid-row: span 1; }
          .section-professional-portfolio .section-search-gallery > .row > div:nth-child(4), .section-professional-portfolio .section-search-gallery > .row > div:nth-child(8) {
            height: 295px;
            grid-row: span 2; } }
    .section-professional-portfolio .section-search-gallery .card {
      border-radius: 10px;
      /*max-width: 388px;*/
      max-width: 100%;
      margin: 0 auto;
      overflow: hidden; }
      .section-professional-portfolio .section-search-gallery .card .card-body-overlay {
        background: #0000004D;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        pointer-events: none; }
      .section-professional-portfolio .section-search-gallery .card .card-body {
        border-radius: 10px; }
      .section-professional-portfolio .section-search-gallery .card .card-footer {
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        z-index: 2; }
    .section-professional-portfolio .section-search-gallery .swiper-button-prev:after,
    .section-professional-portfolio .section-search-gallery .swiper-button-next:after {
      display: none; }
    .section-professional-portfolio .section-search-gallery .project-item-swiper-button-next,
    .section-professional-portfolio .section-search-gallery .project-item-swiper-button-prev {
      width: auto;
      height: auto;
      margin-inline: .75rem; }
    .section-professional-portfolio .section-search-gallery .card-action-bar > .row {
      width: 100%;
      margin: 0 auto;
      flex-flow: row; }
    .section-professional-portfolio .section-search-gallery .swiper-slide-play {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      z-index: 2;
      transition: .3s all; }
      .section-professional-portfolio .section-search-gallery .swiper-slide-play:hover {
        transform: scale(1.2); }
    .section-professional-portfolio .section-search-gallery .btn-load-more {
      min-width: 220px;
      padding: 13px 26px; }
  @media (max-width: 768px) {
    .section-professional-portfolio .profile-actions-wrapper {
      width: 100%; } }
  @media (max-width: 768px) {
    .section-professional-portfolio .social-media-list {
      width: 100%;
      padding: 0;
      justify-content: center; } }
  .section-professional-portfolio .social-media-list .btn-text {
    transition: color 0.2s ease-in-out; }
    @media (max-width: 768px) {
      .section-professional-portfolio .social-media-list .btn-text {
        font-size: 14px;
        gap: 0.5rem !important;
        padding-inline: .5rem; } }
    .section-professional-portfolio .social-media-list .btn-text svg path {
      transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; }
    .section-professional-portfolio .social-media-list .btn-text:hover {
      color: #00868C !important; }
      .section-professional-portfolio .social-media-list .btn-text:hover svg path {
        stroke: #00868C; }
  @media (max-width: 768px) {
    .section-professional-portfolio .contact-info-list {
      justify-content: center; } }
  .section-professional-portfolio .contact-info-list li a {
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    display: inline-block; }
    .section-professional-portfolio .contact-info-list li a:hover {
      transform: translateY(-3px);
      opacity: 0.8; }
    .section-professional-portfolio .contact-info-list li a:active {
      transform: translateY(0); }

.section-talkus {
  position: relative;
  margin-bottom: clamp(80px, 10vw, 180px); }
  @media (max-width: 768px) {
    .section-talkus .container {
      padding-inline: 0px; } }
  .section-talkus .card {
    width: 100%;
    max-width: 1681px;
    background: #F5F6F9;
    box-shadow: 0px 32px 64px rgba(0, 40, 86, 0.1);
    border-radius: 10px;
    padding-top: 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 768px) {
      .section-talkus .card {
        min-height: 510px; } }
    .section-talkus .card .card-header {
      width: 100%; }
    @media (max-width: 768px) {
      .section-talkus .card .card-body {
        display: flex;
        align-items: center; } }
    .section-talkus .card .card-title {
      font-weight: 400;
      font-size: clamp(36px, 4vw, 52px); }
    .section-talkus .card .card-text {
      font-weight: 400;
      font-size: 22px; }
    .section-talkus .card .card-link .btn {
      width: 197px;
      height: 45px;
      border-radius: 24px;
      padding: 2px 24px 1px 24px;
      font-weight: 700;
      font-size: 18px;
      line-height: 40px; }

@media (max-width: 768px) {
  .page-template-page-professionals .header-padding {
    padding-top: 0; } }
@media (max-width: 768px) {
  .page-template-page-professionals .section-search .container {
    padding: 0; } }
@media (max-width: 768px) {
  .page-template-page-professionals .section-search .tabs-area {
    background: #ffffff;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px; } }
@media (max-width: 768px) {
  .page-template-page-professionals .section-top-title {
    position: relative;
    padding-top: 120px;
    padding-bottom: clamp(0px, 3.5vw, 40px);
    background: #ffffff; } }
@media (max-width: 768px) {
  .page-template-page-professionals .section-top-title .title {
    font-size: clamp(30px, 5vw, 52px); } }
@media (max-width: 768px) {
  .page-template-page-professionals .section-top-title .text {
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 400; } }

@media (max-width: 768px) {
  #community .section-search-gallery > .row {
    display: flex; } }
@media (max-width: 768px) {
  #community .section-search-gallery > .row div,
  #community .section-search-gallery > .row div {
    height: auto; } }
@media (max-width: 768px) {
  #community .section-search-gallery > .row > [class^="col-"],
  #community .section-search-gallery > .row > [class*=" col-"] {
    margin-bottom: .75rem !important; } }
@media (max-width: 768px) {
  #community .section-search-gallery .card {
    height: auto; } }

.section-general-hero {
  width: 1920px;
  max-width: 100%;
  min-height: 520px;
  height: max-content;
  position: relative;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .section-general-hero {
      /*min-height: 405px;*/
      min-height: 343px; }
      .section-general-hero:after {
        content: '';
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(image.png);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .section-general-hero .title-type-1 {
      /*font-size: 42px;*/
      /*line-height: 55px;*/
      font-size: 30px;
      line-height: 33px; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .section-general-hero .text-type-3 {
      /*	    		font-size: 20px;
      	    		line-height: 29px;*/
      font-size: 18px;
      line-height: 23px; } }

  .section-general-hero .breadcrumbs {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.45; }
  .section-general-hero .card {
    margin-top: 140px; }
    .section-general-hero .card .card-title {
      font-weight: 400;
      font-size: 52px;
      line-height: 1; }
      @media (max-width: 768px) {
        .section-general-hero .card .card-title {
          font-size: 42px; } }
    .section-general-hero .card .card-text {
      font-weight: 300;
      font-size: 26px;
      line-height: 1.3; }
    .section-general-hero .card .card-list .btn {
      padding: 16px;
      min-width: 190px;
      font-weight: 600;
      font-size: 16px; }

.section-general-story {
  padding: 80px 0 100px;
  padding: 50px 0 25px;
  background: #ffffff; }
  @media (max-width: 768px) {
    .section-general-story {
      padding-top: clamp(40px, 10vw, 50px);
      padding-right: 0;
      padding-bottom: clamp(15px, 2.5vw, 25px);
      padding-left: 0;
      background: #fff; }
      .section-general-story.type-2 {
        padding-top: clamp(100px, 10vw, 50px);
        padding-bottom: clamp(15px, 2.5vw, 25px); } }
  .section-general-story .general-story-top .general-story-top-start {
    max-width: 850px; }
    .section-general-story .general-story-top .general-story-top-start .card-title {
      font-weight: 300;
      font-size: 42px;
      line-height: 1; }
      @media (max-width: 768px) {
        .section-general-story .general-story-top .general-story-top-start .card-title {
          text-align: start; } }
    .section-general-story .general-story-top .general-story-top-start .card-text {
      font-weight: 400;
      font-size: 20px;
      line-height: 1.6; }
      @media (max-width: 768px) {
        .section-general-story .general-story-top .general-story-top-start .card-text {
          font-size: 18px;
          line-height: 29px; } }
      .section-general-story .general-story-top .general-story-top-start .card-text * {
        /*margin: 0;*/ }
      .section-general-story .general-story-top .general-story-top-start .card-text iframe {
        max-width: 100%; }
        @media (max-width: 768px) {
          .section-general-story .general-story-top .general-story-top-start .card-text iframe {
            width: 100%;
            aspect-ratio: 16 / 9;
            height: auto;
            border: none; } }
  .section-general-story .general-story-top .general-story-top-end {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    width: 100%; }
    @media (min-width: 1440px) {
      .section-general-story .general-story-top .general-story-top-end {
        width: calc(100% - 850px);
        margin: 0 auto; } }
    .section-general-story .general-story-top .general-story-top-end .general-story-stats {
      gap: 80px;
      margin-top: 15px; }
      @media (max-width: 768px) {
        .section-general-story .general-story-top .general-story-top-end .general-story-stats {
          justify-content: flex-start;
          gap: 1rem 0; } }
      @media (max-width: 768px) {
        .section-general-story .general-story-top .general-story-top-end .general-story-stats .general-story-stat {
          width: 50%;
          display: flex;
          flex-flow: column;
          text-align: center;
          justify-content: center; } }
    .section-general-story .general-story-top .general-story-top-end .general-story-stat-title {
      font-weight: 300;
      font-size: 46px;
      line-height: 1; }
    .section-general-story .general-story-top .general-story-top-end .general-story-stat-text {
      font-weight: 300;
      font-size: 16px;
      line-height: 1.60;
      margin-bottom: 8px; }
  .section-general-story .general-story-stat {
    direction: ltr; }
  .section-general-story.type-2 .general-story-top .general-story-top-start {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.5rem; }
    .section-general-story.type-2 .general-story-top .general-story-top-start .card-title {
      font-weight: 400;
      font-size: 52px;
      color: #00868C; }
      @media (max-width: 768px) {
        .section-general-story.type-2 .general-story-top .general-story-top-start .card-title {
          font-size: 42px; } }

.section-general-info {
  padding-bottom: 110px;
  background: #ffffff; }
  @media (max-width: 768px) {
    .section-general-info {
      margin-bottom: 0; } }
  .section-general-info .card-info {
    width: 530px;
    max-width: 100%;
    border: 1px #01B0B8 solid;
    min-height: 311px;
    border-radius: 20px;
    padding: 40px 0 0;
    height: 100%; }
    @media (max-width: 768px) {
      .section-general-info .card-info {
        background: none;
        padding: 35px 10px; } }
    .section-general-info .card-info .card-header .card-img {
      width: 60px;
      height: 60px;
      background: #B5E8EA;
      border-radius: 100px;
      overflow: hidden; }
    .section-general-info .card-info .card-body .card-title {
      font-weight: 400;
      font-size: 36px;
      line-height: 1;
      color: #00868C;
      margin-top: 10px; }
      @media (max-width: 768px) {
        .section-general-info .card-info .card-body .card-title {
          font-size: 30px;
          line-height: 33px; } }
    .section-general-info .card-info .card-body .card-text {
      font-weight: 400;
      font-size: 20px;
      line-height: 1.6;
      max-width: 490px;
      margin: 20px; }
      @media (max-width: 768px) {
        .section-general-info .card-info .card-body .card-text {
          font-size: 18px;
          line-height: 29px; } }

.section-general-team {
  background: #ffffff; }
  .section-general-team .general-team-tabs .card-title {
    font-weight: 300;
    font-size: 52px;
    line-height: 1;
    color: #00868C;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .section-general-team .general-team-tabs .card-title {
        font-size: 42px;
        line-height: 46px; } }
  .section-general-team .general-team-tabs .card-list {
    border-bottom: 1px #F5F6F9 solid; }
    @media (max-width: 768px) {
      .section-general-team .general-team-tabs .card-list {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory; }
        .section-general-team .general-team-tabs .card-list ul {
          display: flex;
          flex-wrap: nowrap;
          list-style: none;
          margin: 0;
          padding: 0; }
          .section-general-team .general-team-tabs .card-list ul li {
            display: inline-block;
            flex: 0 0 auto;
            margin-right: 10px;
            scroll-snap-align: start; }
            .section-general-team .general-team-tabs .card-list ul li:focus-within {
              outline-offset: 4px; }
        .section-general-team .general-team-tabs .card-list::-webkit-scrollbar {
          height: 4px; }
        .section-general-team .general-team-tabs .card-list::-webkit-scrollbar-thumb {
          background: #ccc;
          border-radius: 10px; } }
    .section-general-team .general-team-tabs .card-list .btn {
      background-color: #75E0E566;
      font-weight: 400;
      font-size: 16px;
      min-width: 162px;
      height: 45px; }
      .section-general-team .general-team-tabs .card-list .btn:hover, .section-general-team .general-team-tabs .card-list .btn.active {
        background-color: #00868C;
        border: 1px #00868C solid;
        color: #fff; }
      .section-general-team .general-team-tabs .card-list .btn.active {
        font-weight: 700; }
  .section-general-team .tab-content .tab-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    width: 1300px;
    max-width: 100%;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .section-general-team .tab-content .tab-text {
        font-size: 18px;
        line-height: 29px; } }
  .section-general-team .general-team-top {
    padding: 70px 0; }
    @media (max-width: 768px) {
      .section-general-team .general-team-top {
        padding: 0; } }
  .section-general-team .cards-team-wrap {
    gap: 1.45rem; }
    @media (max-width: 768px) {
      .section-general-team .cards-team-wrap {
        gap: 0; } }

.section-general-faq {
  background: #ffffff; }
  .section-general-faq .container-fluid .container {
    width: 1450px;
    max-width: 100%;
    padding: 100px 0 200px; }
    @media (max-width: 768px) {
      .section-general-faq .container-fluid .container {
        margin-bottom: 0; } }
    .section-general-faq .container-fluid .container .faq-title {
      font-weight: 400;
      font-size: 52px;
      line-height: 70px;
      color: #00868C; }
      @media (max-width: 768px) {
        .section-general-faq .container-fluid .container .faq-title {
          font-size: 30px;
          line-height: 1; } }
    .section-general-faq .container-fluid .container .accordion {
      margin-top: 15px; }
      .section-general-faq .container-fluid .container .accordion .accordion-item {
        border: 0;
        border-radius: 0; }
      .section-general-faq .container-fluid .container .accordion .accordion-item:first-child .accordion-button {
        border-top: 1px #868999 solid;
        border-radius: 0; }
      .section-general-faq .container-fluid .container .accordion .accordion-button {
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: #00868C;
        border-bottom: 1px #868999 solid;
        background: transparent; }
        @media (max-width: 768px) {
          .section-general-faq .container-fluid .container .accordion .accordion-button {
            font-size: 18px;
            line-height: 30px; } }
      .section-general-faq .container-fluid .container .accordion .accordion-body {
        background-color: #E3FCFD;
        font-weight: 400;
        font-size: 20px;
        line-height: 40px;
        color: #444444;
        min-height: 150px; }
        @media (max-width: 768px) {
          .section-general-faq .container-fluid .container .accordion .accordion-body {
            font-size: 18px;
            line-height: 30px; } }
      .section-general-faq .container-fluid .container .accordion .accordion-button::after {
        background-image: none !important;
        content: '\002B';
        font-weight: bold;
        font-size: 1.75rem;
        transition: transform 0.2s ease; }
      .section-general-faq .container-fluid .container .accordion .accordion-button:not(.collapsed)::after {
        content: '\2212'; }
      .section-general-faq .container-fluid .container .accordion .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
        border-radius: 0; }

.section-general-marketing {
  background: #ffffff; }

.card-team {
  width: 244px;
  max-width: 100%;
  min-height: 410px;
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .card-team {
      min-height: 342px; } }
  .card-team .card-header .card-img {
    width: 100%;
    height: 301px;
    border-radius: 10px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .card-team .card-header .card-img {
        height: 208px; } }
  .card-team .card-body .card-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px; }
  .card-team .card-body .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1; }
  .card-team .card-footer .card-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 2px; }
  .card-team .card-footer .card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1; }

.card-team-banner {
  width: 842px;
  height: 356px;
  max-width: 100%; }
  @media (max-width: 768px) {
    .card-team-banner {
      height: auto;
      min-height: 400px; } }
  .card-team-banner .card-title {
    font-weight: 400;
    font-size: 42px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 768px) {
      .card-team-banner .card-title {
        font-size: 34px;
        line-height: 40px;
        padding: 0 1rem; } }
  .card-team-banner .card-text {
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 768px) {
      .card-team-banner .card-text {
        font-size: 22px;
        line-height: 29px;
        padding: 0 1rem; }
        .card-team-banner .card-text br {
          display: none; } }
  .card-team-banner .card-link .btn {
    min-width: 197px;
    padding-top: 9px;
    padding-right: 24px;
    padding-bottom: 9px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 18px; }

.card-sign_up {
  width: 528px;
  max-width: 100%; }
  .card-sign_up .card-title {
    font-size: 52px;
    color: #00868C; }
    @media (max-width: 768px) {
      .card-sign_up .card-title {
        font-size: 42px; } }
  .card-sign_up .card-text {
    font-weight: 400;
    font-size: 24px;
    color: #231F20; }
  .card-sign_up .card-sign_up-form {
    width: 820px; }
  .card-sign_up .card-sign_up-form .form-control {
    width: 388px;
    height: 45px;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 57, 122, 0.05); }
  .card-sign_up .card-sign_up-form .btn-submit {
    font-weight: 700;
    font-size: 16px;
    padding: 16px;
    min-width: 241px; }
  .card-sign_up .card-sign_up-form .wpcf7 p {
    margin-bottom: 0; }
  .card-sign_up .card-sign_up-form .wpcf7 input[type="url"],
  .card-sign_up .card-sign_up-form .wpcf7 input[type="email"],
  .card-sign_up .card-sign_up-form .wpcf7 input[type="tel"] {
    direction: rtl; }
  .card-sign_up .card-sign_up-form .wpcf7-spinner {
    position: absolute;
    left: 0;
    top: 1rem; }
  .card-sign_up .card-sign_up-form .form-check-input {
    border-radius: 50%;
    border: 1px #00868C solid; }
  .card-sign_up .card-sign_up-form .form-check-input:checked {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: #000; }
  .card-sign_up .card-sign_up-form .wpcf7-list-item-label::before {
    display: none; }
  .card-sign_up .card-sign_up-form .form-check {
    padding: 0; }

.floating-search-form {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 6px 0px;
  gap: 10px;
  width: 531px;
  max-width: 100%;
  height: 65px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #01B0B8;
  backdrop-filter: blur(7.5px);
  border-radius: 50px;
  position: sticky;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 150px;
  z-index: 1;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, height 0.3s ease;
  height: 0;
  pointer-events: none; }
  @media (max-width: 768px) {
    .floating-search-form {
      padding: 1px 0; } }
  .floating-search-form.is-visible {
    opacity: 1;
    transform: translateY(0);
    position: sticky;
    height: auto;
    pointer-events: inherit; }
  .floating-search-form .form-control {
    font-weight: 400;
    color: #231F20;
    width: 100%;
    /* Font Size: Min 16px (Mobile), Preferred 1.5vw, Max 20px (Desktop) */
    font-size: clamp(16px, 2.5vw, 20px);
    /* Line Height: 
       Scaling from ~40px on mobile to 57px on desktop.
       Using pixels here to maintain your specific design height. */
    line-height: clamp(40px, 4vw, 57px);
    /* Optional: Ensure height matches the line-height for vertical centering */
    height: auto;
    min-height: clamp(40px, 4vw, 57px); }
  .floating-search-form .form-control::placeholder {
    color: #231F20;
    opacity: 1; }
  .floating-search-form .form-control:-ms-input-placeholder {
    color: #231F20; }
  .floating-search-form .form-control::-ms-input-placeholder {
    color: #231F20; }
  .floating-search-form .search-by-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #FFFFFF;
    /* Ensures the button stays a perfect circle */
    border-radius: 50%;
    /* Width & Height: Min 43px (Mobile), Max 57px (Desktop) */
    width: clamp(43px, 5vw, 57px);
    height: clamp(43px, 5vw, 57px);
    /* Padding: Scales down slightly for the smaller mobile size */
    padding: clamp(6px, 1vw, 9px);
    /* Gap: Only relevant if there are two icons/elements inside */
    gap: 10px;
    /* Prevents layout shifts during scaling */
    box-sizing: border-box; }

@media (max-width: 768px) {
  .project-item-swiper .swiper-slide-img img {
    border-radius: var(--bs-border-radius-lg) !important; } }

.card-project-item-hover {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .3s all; }
  @media (max-width: 768px) {
    .card-project-item-hover {
      position: relative;
      opacity: 1;
      visibility: visible;
      background: transparent;
      border: 0;
      padding: .5rem;
      align-items: center;
      background: #f5f6fa; } }
  .card-project-item-hover .card-title {
    font-weight: 700;
    font-size: 14px;
    color: #fff; }
    @media (max-width: 768px) {
      .card-project-item-hover .card-title {
        color: #231F20;
        font-size: 12px;
        max-width: 70%; } }
  .card-project-item-hover .card-text {
    font-weight: 400;
    font-size: 14px;
    color: #fff; }
    @media (max-width: 768px) {
      .card-project-item-hover .card-text {
        color: #231F20;
        font-size: 12px; } }
  .card-project-item-hover .card-header .card-img {
    width: 41px;
    height: 41px; }
    @media (max-width: 768px) {
      .card-project-item-hover .card-header .card-img {
        width: 24px;
        height: 24px; } }
  .card-project-item-hover .btn {
    min-width: 1px;
    padding: 9px;
    width: 35px;
    height: 30px;
    line-height: 0;
    border-radius: 8px; }
    @media (max-width: 768px) {
      .card-project-item-hover .btn {
        background: transparent !important;
        padding: 0;
        justify-content: flex-end; } }

.project-item:hover .card-project-item-hover {
  opacity: 1;
  visibility: visible; }

.project-item .project-item-swiper-button-prev,
.project-item .project-item-swiper-button-next {
  width: 18px; }

@media (max-width: 768px) {
  .load-more-projects {
    padding: 13px 83px;
    width: 218px;
    border: 1px solid #231F20 !important;
    font-weight: 700;
    font-size: 16px;
    color: #231F20;
    padding: 11px 26px !important;
    background: transparent; } }

#newsletterjoinModal.modal {
  --bs-modal-width: 754px; }
  #newsletterjoinModal.modal .modal-header .btn-close {
    background: #01B0B8;
    position: absolute;
    left: 10px;
    top: 10px; }
  #newsletterjoinModal.modal .modal-content {
    border: 1px #00868C solid;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 2px solid #00868C;
    border-radius: 100px;
    min-height: 150px;
    height: max-content;
    margin: 0 auto; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .modal-content {
        max-width: 395px;
        min-height: 397px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 50px;
        border: 1px solid #01B0B8;
        background: #F5F6F9;
        padding-bottom: 30px; } }
  #newsletterjoinModal.modal .modal-img {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border: 1px solid #00868C;
    border-radius: 100px;
    overflow: hidden; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .modal-img {
        width: 125px;
        height: 125px; } }
  #newsletterjoinModal.modal .form-control {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 1px 20px;
    gap: 10px;
    width: 220px;
    height: 45px;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 57, 122, 0.05);
    border-radius: 64px;
    border: 0; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .form-control {
        width: 100%;
        font-size: 14px; } }
  #newsletterjoinModal.modal .wpcf7 input[type="url"],
  #newsletterjoinModal.modal .wpcf7 input[type="email"],
  #newsletterjoinModal.modal .wpcf7 input[type="tel"] {
    direction: rtl; }
  #newsletterjoinModal.modal .modal-title {
    font-weight: 400;
    font-size: 18px;
    color: #00868C; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .modal-title {
        font-weight: 400;
        font-size: 24px;
        line-height: 33px;
        position: absolute;
        z-index: 1;
        right: calc(125px + 5%);
        top: 15px; } }
  #newsletterjoinModal.modal .btn-submit {
    width: 80px;
    height: 45px;
    background: #01B0B8;
    border: 2px solid #01B0B8;
    border-radius: 24px;
    min-width: 1px;
    color: #fff;
    padding: 0; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .btn-submit {
        width: 100%;
        border: 2px #01B0B8 solid;
        background: #ffffff;
        color: #01B0B8;
        font-weight: 700; } }
  @media (max-width: 768px) {
    #newsletterjoinModal.modal .modal-header {
      padding: 5px 10px; } }
  @media (max-width: 768px) {
    #newsletterjoinModal.modal .btn-close {
      background: #01B0B8; } }
  @media (max-width: 768px) {
    #newsletterjoinModal.modal .contact-form-row {
      max-width: 315px;
      margin: 0 auto;
      gap: 1rem;
      margin-top: 30px; } }
  #newsletterjoinModal.modal p {
    margin: 0; }
  #newsletterjoinModal.modal .custom-checkbox {
    margin-top: -30px; }
    @media (max-width: 768px) {
      #newsletterjoinModal.modal .custom-checkbox {
        margin-top: -15px;
        font-size: 14px;
        font-weight: 400; } }
  #newsletterjoinModal.modal .wpcf7 form.sent .wpcf7-response-output,
  #newsletterjoinModal.modal .wpcf7 form.invalid .wpcf7-response-output,
  #newsletterjoinModal.modal .wpcf7 form.unaccepted .wpcf7-response-output,
  #newsletterjoinModal.modal .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff; }
  @media (max-width: 768px) {
    #newsletterjoinModal.modal .wpcf7-spinner {
      position: absolute;
      left: 0;
      top: 10px; } }
  @media (max-width: 768px) {
    #newsletterjoinModal.modal .wpcf7-not-valid-tip {
      font-size: 14px; } }

#projects {
  position: relative; }

.sticky-professional-details {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 0px;
  gap: 10px;
  width: 947px;
  max-width: 100%;
  height: 89px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  backdrop-filter: blur(7.5px);
  border-radius: 50px;
  flex: none;
  order: 0;
  flex-grow: 0;
  left: 0;
  right: 0;
  top: 150px;
  z-index: 1;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  height: 0;
  pointer-events: none;
  position: absolute; }
  .sticky-professional-details > .row {
    max-width: 100%;
    width: 100%; }
  @media (max-width: 768px) {
    .sticky-professional-details {
      font-size: 12px;
      min-height: 57px; } }
  .sticky-professional-details.is-visible {
    opacity: 1;
    transform: translateY(0);
    position: sticky;
    height: auto;
    border-color: #01B0B8;
    pointer-events: inherit; }
  .sticky-professional-details .btn-white {
    height: 35px;
    opacity: 1;
    border-radius: 100px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #231F20;
    justify-content: center;
    gap: 5px; }
  .sticky-professional-details .card-img {
    width: clamp(32px, 8vw, 70px);
    height: clamp(32px, 8vw, 70px);
    border-radius: 50%;
    border: 1px #00868C solid;
    overflow: hidden;
    position: relative; }
    .sticky-professional-details .card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  @media (max-width: 768px) {
    .sticky-professional-details .profile-contact-actions {
      margin: auto; } }
  @media (max-width: 768px) {
    .sticky-professional-details .btn-contact-whatsapp,
    .sticky-professional-details .btn-contact-phone {
      width: 35px;
      height: 35px;
      min-width: 1px;
      padding: 0; }
      .sticky-professional-details .btn-contact-whatsapp .btn-label,
      .sticky-professional-details .btn-contact-phone .btn-label {
        display: none; } }
  @media (max-width: 768px) {
    .sticky-professional-details .btn-contact-callback {
      min-width: 1px;
      font-size: 12px;
      color: #00868C;
      font-weight: 700;
      padding: 16px; } }

.ad-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Horizontal Padding: 15px | Vertical: Scales 30px to 56px */
  padding: clamp(30px, 5vw, 56px) 15px;
  gap: 10px;
  /* Width: Min 220px, Max 266px */
  width: clamp(220px, 20vw, 266px);
  /* Height: Min 320px, Max 371px */
  height: clamp(320px, 35vh, 371px);
  background: #f2f2f2;
  border-radius: 10px;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .ad-card {
      max-width: 100%; } }
  .ad-card .card-title {
    font-weight: 700;
    /* Font Size: Min 20px, Max 24px */
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.2;
    color: #00868c; }
  .ad-card .card-body {
    text-align: center;
    /* Gap between title, text, and button */
    gap: clamp(10px, 1.5vw, 15px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
  .ad-card .card-text {
    /* Removing fixed height 54px to allow fluid text scaling */
    min-height: 54px;
    font-weight: 400;
    /* Font Size: Min 16px, Max 18px */
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.5;
    color: #00868c; }
  .ad-card .card-btn .btn {
    padding: 9px !important;
    /* Button Width: Min 140px, Max 167px */
    min-width: clamp(140px, 12vw, 167px);
    max-height: 35px;
    border: 1px solid #656565;
    border-radius: 100px;
    line-height: 1;
    font-weight: 400;
    font-size: 15px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center; }

#professionalDetailsModal .modal-dialog {
  /* Fluid width: Min 300px, Max 350px */
  width: clamp(300px, 90vw, 350px);
  max-width: 100%;
  margin: 1.75rem auto; }
#professionalDetailsModal .modal-img {
  /* Fixed circle: Min 36px, Max 44px */
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden; }
  #professionalDetailsModal .modal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
#professionalDetailsModal .modal-title {
  font-weight: 700;
  /* Font: Min 14px, Max 16px */
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.25; }
#professionalDetailsModal .modal-text {
  font-weight: 400;
  /* Font: Min 12px, Max 14px */
  font-size: clamp(12px, 1.8vw, 14px);
  line-height: 1.3; }
#professionalDetailsModal .modal-footer .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #00868C;
  border: 1px solid #00868C;
  border-radius: 100px;
  line-height: 1;
  gap: 10px;
  /* Primary Button Sizing */
  width: clamp(130px, 40vw, 150px);
  padding: clamp(12px, 2vw, 18px) 10px;
  font-size: clamp(14px, 1.5vw, 16px);
  /* Circle Button Sizing (Icon only) */ }
  #professionalDetailsModal .modal-footer .btn.rounded-circle {
    width: clamp(40px, 6vw, 55px);
    height: clamp(40px, 6vw, 55px);
    padding: 0;
    border-radius: 50%;
    min-width: 1px; }

.custom-filter-selector .dropdown-menu {
  width: max-content;
  background: #F6F6F6;
  border: 1px #E2E2E2 solid; }
  .custom-filter-selector .dropdown-menu .form-check-input[type=checkbox] {
    border: 1px #231F20 solid; }
.custom-filter-selector .form-check-input:checked {
  background-color: #231F20;
  border-color: #231F20; }
.custom-filter-selector .dropdown-toggle {
  /* 5. Open State (Rotate Up) */ }
  .custom-filter-selector .dropdown-toggle::after {
    /* 1. Reset Bootstrap default borders */
    display: inline-block;
    content: "";
    border: 0;
    vertical-align: middle;
    margin-right: 10px;
    /* 2. Set Dimensions */
    width: 12px;
    height: 8px;
    /* 3. Integrate SVG */
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.41 7.41L6 2.83L10.59 7.41L12 6L6 3.29016e-06L1.23266e-07 6L1.41 7.41Z' fill='%23231F20'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* 4. Initial State (Rotate Down) */
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out; }
  .custom-filter-selector .dropdown-toggle.show::after {
    transform: rotate(0deg); }
.custom-filter-selector button.btn {
  text-align: center;
  padding: 1px;
  width: max-content;
  font-size: 14px;
  min-width: 55px; }

.active-filters-swiper .swiper-slide {
  width: auto;
  margin-right: 10px; }
.active-filters-swiper .btn-primary {
  background-color: #231F20;
  border: none;
  padding: 8px 16px;
  white-space: nowrap; }
  .active-filters-swiper .btn-primary:hover {
    background-color: #00868C; }

.custom-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label::before {
  border: 1px solid #21F5FF; }
.custom-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background-color: #21F5FF;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.50659 6.77479C2.65141 6.92123 2.85623 7.00306 3.06975 6.99991C3.2832 6.99669 3.4851 6.9087 3.62482 6.75806L8.81712 1.15807C9.08817 0.86574 9.05397 0.423678 8.74077 0.170692C8.42758 -0.0822867 7.95388 -0.0503878 7.68283 0.241945L3.03967 5.24971L1.3011 3.49188C1.02015 3.20782 0.545654 3.19011 0.24129 3.45233C-0.0630737 3.71455 -0.0820486 4.15736 0.1989 4.44149L2.50659 6.77479Z' fill='%23231F20'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px; }

.btn.btn-primary:disabled, .btn.btn-primary.disabled, fieldset:disabled .btn.btn-primary {
  background-color: var(--bs-btn-bg);
  opacity: .8; }

.section-magazine-hero {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 520px;
  /* Default Desktop Height */ }
  @media (max-width: 768px) {
    .section-magazine-hero {
      height: 610px;
      /* Taller Mobile Height */ } }
  .section-magazine-hero .swiper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }
  .section-magazine-hero .breadcrumbs {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.45; }
  .section-magazine-hero .magazine-hero--swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    border-radius: 100px;
    background-color: #FFFFFF;
    opacity: 1; }
  .section-magazine-hero .magazine-hero--swiper-pagination .swiper-pagination-bullet-active {
    background-color: #21F5FF; }
  .section-magazine-hero .card {
    	/* Min: 80px (Mobile floor)
           Preferred: 8vw (Scales with viewport width)
           Max: 140px (Desktop ceiling)
        */
    margin-top: clamp(80px, 8vw, 140px); }
    .section-magazine-hero .card .card-title {
      font-weight: 400;
      font-size: 52px;
      line-height: 1; }
    .section-magazine-hero .card .card-text {
      font-weight: 300;
      font-size: 26px;
      line-height: 1.3; }
  .section-magazine-hero .card-body .title {
    max-width: 800px; }
    @media (max-width: 768px) {
      .section-magazine-hero .card-body .title {
        font-weight: 400;
        font-size: 30px;
        line-height: 1.15; } }
  .section-magazine-hero .card-body .text {
    max-width: 700px;
    /* Line Clamp Logic */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Optional: Fixed height to prevent layout jumps */
    /* Calculation: 26px * 1.3 * 3 lines = 101.4px */
    max-height: 101.4px; }
    @media (max-width: 768px) {
      .section-magazine-hero .card-body .text {
        font-weight: 400;
        font-size: 24px;
        line-height: 1.45; } }

.section-main-post {
  width: 1109px;
  max-width: 100%; }
  @media (max-width: 768px) {
    .section-main-post iframe {
      max-width: 100%;
      height: max-content;
      min-height: 150px; } }
  .section-main-post .main-post-top {
    height: 70px;
    border: 1px #F5F6F9 solid;
    border-left: 0;
    border-right: 0; }
    .section-main-post .main-post-top .author-img {
      width: 30px;
      height: 30px;
      border-radius: 100px;
      overflow: hidden; }
    @media (max-width: 768px) {
      .section-main-post .main-post-top .btn-text {
        font-size: 14px; } }
  .section-main-post .main-post-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px; }
  .section-main-post .main-post-video {
    /* Mobile Ratio Adjustment */ }
    .section-main-post .main-post-video .main-post-video-img {
      width: 100%;
      /* Desktop Ratio (~2:1) */
      aspect-ratio: 1907 / 919;
      overflow: hidden;
      margin-bottom: 20px; }
    .section-main-post .main-post-video .main-post-video-img img {
      width: 100%;
      height: 100%;
      /* Critical: Ensures the image covers the area without distortion */
      object-fit: cover; }
    @media (max-width: 768px) {
      .section-main-post .main-post-video .main-post-video-img img {
        /* Your requested Mobile Ratio (175:350 or 1:2) */
        aspect-ratio: 175 / 350; } }
    .section-main-post .main-post-video .btn-play {
      transition: .3s all; }
      .section-main-post .main-post-video .btn-play:hover {
        transform: scale(1.1); }
  .section-main-post .main-post-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px; }
  .section-main-post .main-post-title-text-img {
    margin: 50px 0; }
    .section-main-post .main-post-title-text-img .col-start {
      width: calc(100% - 532px);
      max-width: 100%; }
      @media (max-width: 768px) {
        .section-main-post .main-post-title-text-img .col-start {
          width: 100%; } }
    .section-main-post .main-post-title-text-img .col-end {
      width: 532px;
      max-width: 100%; }
    .section-main-post .main-post-title-text-img .card-title {
      font-weight: 400;
      /* Font Size: Min 30px (mobile), Max 32px (desktop) */
      font-size: clamp(30px, 3.5vw, 32px);
      /* Line Height: Scaling proportionally to the font */
      /* Min ~38px, Max 45px */
      line-height: clamp(38px, 4.5vw, 45px);
      /* Margin Bottom: Min 15px, Max 25px */
      margin-bottom: clamp(15px, 2.5vw, 25px); }
    .section-main-post .main-post-title-text-img .card-text {
      font-weight: 400;
      font-size: 18px;
      line-height: 30px; }
      .section-main-post .main-post-title-text-img .card-text p:last-child {
        margin-bottom: 0; }
    .section-main-post .main-post-title-text-img .card-img {
      /* Responsive width: takes 100% of container up to a max of 532px */
      width: 100%;
      max-width: 532px; }
      .section-main-post .main-post-title-text-img .card-img img {
        /* Maintains the original design ratio (Width / Height) */
        aspect-ratio: 532 / 438;
        /* Ensures the image fills the area without stretching or distortion */
        object-fit: cover;
        /* Aesthetics */
        border-radius: 10px;
        overflow: hidden;
        /* Remove fixed height to let aspect-ratio calculate it dynamically */
        height: auto; }
  .section-main-post .main-post-credits {
    width: 820px;
    max-width: 100%;
    height: 110px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .section-main-post .main-post-credits {
        height: auto; } }
    .section-main-post .main-post-credits .main-post-credit-title {
      font-weight: 400;
      font-size: 24px;
      line-height: 1; }
    .section-main-post .main-post-credits .main-post-credit-list .card {
      width: 245px; }
      @media (max-width: 768px) {
        .section-main-post .main-post-credits .main-post-credit-list .card {
          width: max-content; } }
      .section-main-post .main-post-credits .main-post-credit-list .card .card-header .card-img {
        width: 69px;
        height: 69px;
        overflow: hidden;
        border-radius: 200px; }
      .section-main-post .main-post-credits .main-post-credit-list .card .card-body .card-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.2; }
      .section-main-post .main-post-credits .main-post-credit-list .card .card-body .card-text {
        font-weight: 300;
        font-size: 14px;
        line-height: 1.2; }

.section-advisors {
  width: 1381px;
  max-width: 100%;
  margin: 100px auto; }
  .section-advisors .card {
    /* Width: Min 350px, Preferred 45vw, Max 667px */
    width: clamp(350px, 45vw, 667px);
    max-width: 100%;
    /* Min-height: Scales between 200px and 244px */
    min-height: clamp(200px, 15vw, 244px);
    /* Padding: Fluid scaling for both axes */
    padding-top: clamp(40px, 3vw, 35px);
    padding-left: clamp(25px, 3vw, 35px);
    padding-right: clamp(25px, 3vw, 35px);
    padding-bottom: clamp(40px, 3vw, 35px);
    /* Gap: Shrinks on mobile to save space */
    gap: clamp(15px, 2vw, 25px);
    /* Layout & Styling */
    display: flex;
    flex-flow: row;
    background: #F5F6F9;
    box-shadow: 0px 32px 64px rgba(0, 40, 86, 0.1);
    border-radius: 10px;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .section-advisors .card {
        width: 100%;
        flex-flow: column; } }
    .section-advisors .card .card-header .card-img {
      width: 155px;
      height: 155px;
      overflow: hidden;
      border-radius: 200px; }
    .section-advisors .card .card-body .card-title {
      font-weight: 400;
      /* Scales from 28px on mobile to 32px on desktop */
      font-size: clamp(28px, 4vw, 32px);
      line-height: 1.3;
      margin-bottom: 20px; }
      @media (max-width: 768px) {
        .section-advisors .card .card-body .card-title {
          margin-bottom: 20px; } }
    .section-advisors .card .card-body .card-text {
      font-weight: 400;
      /* Fixed at 18px as requested */
      font-size: 18px;
      line-height: 1.3; }
    .section-advisors .card .card-body .card-link .btn {
      /* Button width: Min 160px for mobile, Max 197px for desktop */
      min-width: 197px;
      /* Horizontal padding: Min 15px, Max 25px */
      padding: 9px clamp(15px, 2vw, 25px);
      font-weight: 700;
      font-size: 18px;
      /* Fixed at 18px as requested */
      display: inline-flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }

.section-related-posts {
  width: 1684px;
  max-width: 100%;
  margin-top: clamp(40px, 5vh, 75px);
  margin-right: auto;
  margin-bottom: clamp(80px, 10vh, 150px);
  margin-left: auto; }
  .section-related-posts .related-posts-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-related-posts .card {
    width: 532px;
    border-radius: 15px;
    max-width: 100%; }
    @media (max-width: 768px) {
      .section-related-posts .card {
        width: 100%; } }
    .section-related-posts .card .card-header .card-img {
      overflow: hidden;
      /* Width: Min 350px, Preferred 50vw, Max 532px */
      width: clamp(350px, 50vw, 532px);
      max-width: 100%;
      /* Maintains proportional height based on your 350x195 ratio */
      aspect-ratio: 350 / 195; }
      @media (max-width: 768px) {
        .section-related-posts .card .card-header .card-img {
          width: 100%; } }
      .section-related-posts .card .card-header .card-img img {
        width: 100%;
        height: 100%;
        /* Ensures image fills the area without distortion */
        object-fit: cover;
        /* UI styling */
        border-radius: 15px;
        overflow: hidden;
        /* Override fixed height to allow aspect-ratio to work */
        height: auto; }
    .section-related-posts .card .card-body {
      font-weight: 400;
      font-size: 18px;
      line-height: 1.2; }

.section-home-tv-hero {
  width: 1920px;
  max-width: 100%;
  height: 850px; }
  @media (max-width: 768px) {
    .section-home-tv-hero {
      max-height: 90vh; } }
  .section-home-tv-hero .breadcrumbs {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.45; }
  .section-home-tv-hero .magazine-hero--swiper-pagination {
    z-index: 10;
    position: relative;
    bottom: 225px; }
    @media (max-width: 768px) {
      .section-home-tv-hero .magazine-hero--swiper-pagination {
        display: flex;
        justify-content: center;
        bottom: auto;
        position: absolute;
        top: auto;
        bottom: 10vh; } }
    .section-home-tv-hero .magazine-hero--swiper-pagination .swiper-pagination-bullet {
      width: 40px;
      height: 5px;
      border-radius: 100px;
      background-color: #FFFFFF;
      opacity: 1; }
    .section-home-tv-hero .magazine-hero--swiper-pagination .swiper-pagination-bullet-active {
      background-color: #21F5FF; }
  .section-home-tv-hero .card {
    	/* Min: 60px (Mobile)
           Preferred: 10vw (Fluidly scales with screen width)
           Max: 140px (Desktop)
        */
    margin-top: clamp(100px, 10vw, 140px);
    max-width: 680px; }
    @media (max-width: 768px) {
      .section-home-tv-hero .card .card-body {
        padding-inline: 0; } }
    .section-home-tv-hero .card .card-title {
      font-weight: 400;
      font-size: 30px;
      line-height: 1; }
    .section-home-tv-hero .card .card-sub-title {
      font-weight: 700;
      line-height: 1.3;
      /* Min: 30px, Preferred: 5vw, Max: 52px */
      font-size: clamp(30px, 5vw, 52px); }
      @media (max-width: 768px) {
        .section-home-tv-hero .card .card-sub-title {
          text-align: center;
          font-weight: 400; } }
    .section-home-tv-hero .card .card-text {
      font-weight: 400;
      line-height: 1.45;
      /* Min: 18px (adjusted for readability), Preferred: 2vw, Max: 24px */
      font-size: clamp(18px, 2vw, 24px); }
      @media (max-width: 768px) {
        .section-home-tv-hero .card .card-text {
          text-align: center; }
          .section-home-tv-hero .card .card-text br {
            display: none; } }
    .section-home-tv-hero .card .card-link {
      margin-bottom: 50px; }
      @media (max-width: 768px) {
        .section-home-tv-hero .card .card-link {
          display: flex;
          justify-content: center; } }
      .section-home-tv-hero .card .card-link .btn {
        min-width: 218px;
        border-radius: 100px;
        border: 1px #fff solid;
        padding-top: 9px;
        padding-bottom: 9px;
        font-weight: 400;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        color: #231F20; }

.section-home-tv-videos {
  /* Width: Min 320px (mobile), Preferred 95vw, Max 1684px */
  width: clamp(320px, 95vw, 1684px);
  max-width: 100%;
  /* Margin: Top scales between 40px and 100px; auto keeps it centered */
  margin: clamp(40px, 8vw, 100px) auto 0;
  /* Fixed properties */
  z-index: 1; }
  .section-home-tv-videos .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-home-tv-videos .card {
    width: 244px;
    border-radius: 15px;
    overflow: hidden; }
    .section-home-tv-videos .card .card-header-overlay {
      background: #0000004D;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-videos .card .card-img-play {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      z-index: 2;
      transition: .3s all; }
      .section-home-tv-videos .card .card-img-play:hover {
        transform: scale(1.2); }
    .section-home-tv-videos .card .card-header .card-img {
      width: 244px;
      height: 332px;
      overflow: hidden;
      border-radius: 15px; }
    .section-home-tv-videos .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2; }
    .section-home-tv-videos .card .card-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 1.2;
      color: #667E9A; }
  .section-home-tv-videos .swiper-slide {
    width: max-content; }

.section-home-tv-news {
  width: 1684px;
  max-width: 100%;
  margin: 50px auto;
  z-index: 1; }
  .section-home-tv-news .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-home-tv-news .card {
    width: 244px;
    border-radius: 15px;
    overflow: hidden; }
    .section-home-tv-news .card .card-header-overlay {
      background: #0000004D;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-news .card .card-img-play {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      z-index: 2;
      transition: .3s all; }
      .section-home-tv-news .card .card-img-play:hover {
        transform: scale(1.2); }
    .section-home-tv-news .card .card-header .card-img {
      width: 244px;
      height: 332px;
      overflow: hidden;
      border-radius: 15px; }
    .section-home-tv-news .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2;
      min-height: 60px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .section-home-tv-news .card .card-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 1.2;
      color: #667E9A; }
    .section-home-tv-news .card .card-link .btn {
      min-width: 100px;
      font-weight: 400;
      font-size: 12px;
      line-height: 0; }
  .section-home-tv-news .swiper-slide {
    width: max-content; }

.section-home-tv-category {
  width: 1684px;
  max-width: 100%;
  margin: clamp(50px, 6vw, 100px) auto;
  z-index: 1; }
  .section-home-tv-category .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-home-tv-category .card {
    width: 244px;
    border-radius: 15px;
    overflow: hidden; }
    .section-home-tv-category .card .card-header-overlay {
      background: #00000033;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-category .card .card-header .card-img {
      width: 244px;
      height: 107px;
      overflow: hidden;
      border-radius: 15px; }
    .section-home-tv-category .card .card-title {
      font-weight: 700;
      font-size: 18px;
      line-height: 1.2; }
  .section-home-tv-category .swiper-slide {
    width: max-content; }

.tax-home-tv_category .section-home-tv-popular {
  margin: 25px auto; }
.tax-home-tv_category .section-home-tv-category {
  margin-top: 25px; }

.section-home-tv-popular {
  width: 1684px;
  max-width: 100%;
  margin: clamp(50px, 6vw, 100px) auto;
  z-index: 1; }
  .section-home-tv-popular .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-home-tv-popular .card {
    width: 244px;
    border-radius: 15px;
    overflow: hidden; }
    .section-home-tv-popular .card .card-header-overlay {
      background: #0000004D;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-popular .card .card-header .card-img {
      width: 244px;
      height: 200px;
      overflow: hidden;
      border-radius: 15px; }
      .section-home-tv-popular .card .card-header .card-img img {
        object-position: top; }
    .section-home-tv-popular .card .card-text {
      font-weight: 400;
      font-size: 12px;
      line-height: 1.2;
      color: #868999; }
    .section-home-tv-popular .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2;
      min-height: 60px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .section-home-tv-popular .card .card-link .btn {
      min-width: 100px;
      font-weight: 400;
      font-size: 12px;
      line-height: 0; }
  .section-home-tv-popular .swiper-slide {
    width: max-content; }

.section-home-tv-experts {
  width: 1684px;
  max-width: 100%;
  margin: clamp(50px, 6vw, 100px) auto;
  z-index: 1; }
  .section-home-tv-experts .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  @media (max-width: 768px) {
    .section-home-tv-experts .container {
      padding-inline: 0; } }
  @media (max-width: 768px) {
    .section-home-tv-experts .related-posts-list {
      display: grid !important;
      /* Force exactly 2 columns of equal size */
      grid-template-columns: repeat(2, 1fr);
      gap: 12px; }
      .section-home-tv-experts .related-posts-list .swiper-slide,
      .section-home-tv-experts .related-posts-list .post-item,
      .section-home-tv-experts .related-posts-list li {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        display: flex;
        justify-content: center; } }
  .section-home-tv-experts .card {
    /* Fluid width: Min 165px, Preferred 18vw, Max 244px */
    width: clamp(165px, 18vw, 244px);
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative; }
    .section-home-tv-experts .card .card-header-overlay {
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-experts .card .card-header .card-img {
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border-radius: 50%; }
      .section-home-tv-experts .card .card-header .card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top; }
    .section-home-tv-experts .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2; }
    .section-home-tv-experts .card .card-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 1.2; }

.section-home-tv-magazine {
  width: 1684px;
  max-width: 100%;
  margin: clamp(50px, 6vw, 100px) auto;
  z-index: 1; }
  .section-home-tv-magazine .section-home-tv-videos-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .section-home-tv-magazine .card {
    width: 532px;
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .section-home-tv-magazine .card {
        width: 100%; } }
    .section-home-tv-magazine .card .card-header-overlay {
      background: #0000004D;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none; }
    .section-home-tv-magazine .card .card-header .card-img {
      width: 532px;
      max-width: 100%;
      height: 296px;
      overflow: hidden;
      border-radius: 15px; }
      @media (max-width: 768px) {
        .section-home-tv-magazine .card .card-header .card-img {
          width: 100%;
          height: auto; } }
      .section-home-tv-magazine .card .card-header .card-img img {
        object-position: top; }
    .section-home-tv-magazine .card .card-title {
      font-weight: 700;
      font-size: 16px;
      line-height: 1.2; }
    .section-home-tv-magazine .card .card-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 1.2; }

.section-home-tv-newsletter {
  	/* Min: 50px (Mobile)
         Preferred: 8vw (Fluid scaling)
         Max: 100px (Desktop)
      */
  margin-top: clamp(50px, 8vw, 100px);
  margin-bottom: clamp(50px, 8vw, 100px);
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .section-home-tv-newsletter .container {
      padding-inline: 0; } }
  .section-home-tv-newsletter .card {
    width: 1398px;
    min-height: 259px;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .section-home-tv-newsletter .card {
        min-height: 517px; } }
    .section-home-tv-newsletter .card .card-header-overlay {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      /* Background logic */
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-size: cover;
      /* Shadow and Effects */
      box-shadow: 0px 32px 64px rgba(0, 40, 86, 0.1);
      pointer-events: none; }
    .section-home-tv-newsletter .card .card-header .card-img img {
      object-position: 0 70%; }
    .section-home-tv-newsletter .card .card-title {
      font-weight: 400;
      line-height: 1;
      /* Min: 36px, Preferred: 4vw, Max: 52px */
      font-size: clamp(36px, 4vw, 52px); }
    .section-home-tv-newsletter .card .card-text {
      font-weight: 400;
      line-height: 1.3;
      /* Min: 18px (Mobile comfort), Preferred: 1.5vw, Max: 22px */
      font-size: clamp(18px, 1.5vw, 22px); }
    .section-home-tv-newsletter .card .newsletter-form {
      max-width: max-content;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .section-home-tv-newsletter .card .newsletter-form {
          max-width: 304px;
          padding-inline: 1rem; } }
      .section-home-tv-newsletter .card .newsletter-form .newsletter-form-wrap {
        gap: 1.5rem; }
        @media (max-width: 768px) {
          .section-home-tv-newsletter .card .newsletter-form .newsletter-form-wrap {
            gap: 1rem; }
            .section-home-tv-newsletter .card .newsletter-form .newsletter-form-wrap p {
              margin: 0; } }
      @media (max-width: 768px) {
        .section-home-tv-newsletter .card .newsletter-form .form-check {
          padding: 0;
          text-align: start; } }
      .section-home-tv-newsletter .card .newsletter-form .form-control {
        width: 303px;
        padding-top: 10px;
        padding-right: 21px;
        padding-bottom: 10px;
        padding-left: 21px;
        direction: rtl; }
        @media (max-width: 768px) {
          .section-home-tv-newsletter .card .newsletter-form .form-control {
            width: 100%; } }
      .section-home-tv-newsletter .card .newsletter-form .btn-submit {
        width: 197px;
        padding-top: 10px;
        padding-right: 24px;
        padding-bottom: 10px;
        padding-left: 24px; }
        @media (max-width: 768px) {
          .section-home-tv-newsletter .card .newsletter-form .btn-submit {
            width: 100%; } }
      .section-home-tv-newsletter .card .newsletter-form .wpcf7-not-valid-tip {
        color: #fff; }

@media (max-width: 768px) {
  .section-home-tv-category .container-fluid,
  .section-home-tv-popular .container-fluid,
  .section-home-tv-news .container-fluid,
  .section-home-tv-videos .container-fluid {
    padding-inline-end: 0; }
  .section-home-tv-category .container,
  .section-home-tv-popular .container,
  .section-home-tv-news .container,
  .section-home-tv-videos .container {
    padding-inline: 0; } }
@media (max-width: 768px) {
  .section-home-tv-category .section-home-tv-videos-title,
  .section-home-tv-popular .section-home-tv-videos-title,
  .section-home-tv-news .section-home-tv-videos-title,
  .section-home-tv-videos .section-home-tv-videos-title {
    padding-inline-end: .5rem !important; } }

@media (max-width: 768px) {
  .post-type-archive-home-tv #podcastFilter {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    /* Hide scrollbar for a cleaner look while keeping functionality */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .post-type-archive-home-tv #podcastFilter::-webkit-scrollbar {
      display: none; }
    .post-type-archive-home-tv #podcastFilter .nav-item {
      flex: 0 0 auto; }
    .post-type-archive-home-tv #podcastFilter .btn {
      white-space: nowrap; } }
.post-type-archive-home-tv .section-search {
  padding-inline: 0;
  padding-block: clamp(25px, 6vw, 55px);
  border-bottom: 1px #F5F6F9 solid; }
  @media (max-width: 768px) {
    .post-type-archive-home-tv .section-search [class*="col-"] {
      padding-inline: 0 !important; } }
  @media (max-width: 768px) {
    .post-type-archive-home-tv .section-search .search-form {
      width: 100%;
      max-width: 100%; } }
  .post-type-archive-home-tv .section-search .section-search-row {
    gap: 1.5rem; }
  .post-type-archive-home-tv .section-search .search-by {
    gap: 0.5rem; }
  .post-type-archive-home-tv .section-search .search-wrapper {
    position: relative; }
    @media (max-width: 768px) {
      .post-type-archive-home-tv .section-search .search-wrapper {
        top: -3rem; } }

/* Add this to your stylesheet */
li.home-tv {
  /* Prevents harsh layout snapping */
  transition: opacity 0.3s ease-in-out; }

li.home-tv[style*="display: block"] {
  animation: fadeIn 0.4s forwards; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.section-personal-area-hero {
  width: 1920px;
  max-width: 100%;
  height: 520px; }
  @media (max-width: 768px) {
    .section-personal-area-hero {
      height: 405px; } }
  .section-personal-area-hero .breadcrumbs {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.45; }
  .section-personal-area-hero .card {
    margin-top: 140px; }
    .section-personal-area-hero .card .card-title {
      font-weight: 400;
      font-size: 52px;
      line-height: 1; }
    .section-personal-area-hero .card .card-text {
      font-weight: 300;
      font-size: 26px;
      line-height: 1.3; }

.section-personal-area-dashboard {
  position: relative;
  padding-bottom: 70px;
  border-bottom: 1px #00868C solid;
  background: #F5F6F9; }
  .section-personal-area-dashboard .nav {
    margin-top: 12px; }
    .section-personal-area-dashboard .nav .btn {
      font-weight: 400;
      font-size: 16px;
      min-width: 1px;
      padding: 4px 16px;
      min-width: 162px;
      height: 45px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .nav .btn {
          min-width: 1px;
          width: max-content;
          font-size: 14px; } }
    .section-personal-area-dashboard .nav .btn {
      color: #231F20;
      background: #F5F6F9;
      border: 1px #F5F6F9 solid; }
      .section-personal-area-dashboard .nav .btn.active, .section-personal-area-dashboard .nav .btn:hover {
        background: #00868C;
        color: #ffffff;
        border: 1px #00868C solid; }
      .section-personal-area-dashboard .nav .btn.active {
        font-weight: 700; }
  .section-personal-area-dashboard .section-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    border-bottom: 1px #00868C solid;
    margin: clamp(20px, 5vw, 35px) 0;
    padding: clamp(20px, 5vw, 35px) 0; }
  .section-personal-area-dashboard .section-save-button {
    border-top: 1px #00868C solid;
    margin: clamp(20px, 5vw, 35px) 0;
    padding: clamp(20px, 5vw, 35px) 0; }
    .section-personal-area-dashboard .section-save-button .btn {
      min-width: 241px;
      font-size: 16px;
      line-height: 1.3;
      padding: 17px 26px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .section-save-button .btn {
          width: 100%; } }
  .section-personal-area-dashboard .card-package {
    width: 1681px;
    min-height: 244px;
    max-width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    gap: 25px; }
    .section-personal-area-dashboard .card-package .card-img {
      width: 532px;
      max-width: 100%;
      height: 100%;
      border-radius: 10px;
      overflow: hidden; }
    .section-personal-area-dashboard .card-package .card-title {
      font-weight: 400;
      font-size: 32px;
      line-height: 1; }
    .section-personal-area-dashboard .card-package .card-text {
      font-weight: 400;
      font-size: 18px;
      line-height: 1.3; }
    .section-personal-area-dashboard .card-package .card-link .btn {
      min-width: 197px;
      padding: 9px 26px;
      font-weight: 700;
      font-size: 18px; }
  @media (max-width: 768px) {
    .section-personal-area-dashboard .personal-area-top-profile {
      position: relative;
      top: -60px;
      background: transparent !important;
      border-bottom: 1px #00868C solid;
      padding-bottom: 3rem; } }
  @media (max-width: 768px) {
    .section-personal-area-dashboard .personal-area-top-profile .container {
      padding-inline: 0; } }
  .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user {
    position: relative;
    top: -35px; }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-img {
      width: clamp(62px, 10vw, 100px);
      height: clamp(62px, 10vw, 100px);
      border-radius: 100px;
      border: 1px #00868C solid;
      overflow: hidden; }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-title {
      font-weight: 700;
      font-size: 20px;
      line-height: 1; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-title {
          color: #ffffff; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-text {
      font-weight: 400;
      font-size: 20px;
      line-height: 1; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-text {
          color: #ffffff; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-upload-img {
      left: 10px;
      bottom: 10px; }
      .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-user .card .card-upload-img .btn {
        background: #F5F6F9;
        border-radius: 200px;
        width: 36px;
        height: 36px;
        padding: 0; }
  .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions {
    height: 230px;
    margin-top: -150px; }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions {
        margin-top: 0;
        height: auto;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 1.5rem; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .list-unstyled {
      height: 100%;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-end;
      gap: 100px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .list-unstyled {
          flex-flow: row-reverse;
          align-items: flex-start;
          gap: 1.25rem;
          height: max-content; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-banner,
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-edit-details,
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-primary,
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-secondary {
      font-weight: 400;
      min-width: 178px;
      padding: 11px 16px;
      justify-content: center; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-banner,
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-edit-details,
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-primary,
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-secondary {
          min-width: 1px;
          width: auto;
          font-size: 12px; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-banner {
      background: #FFFFFF;
      border: 1px #FFFFFF solid; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-banner {
          border: 1px #00868C solid; } }
    .section-personal-area-dashboard .personal-area-top-profile .dashboard-profile-actions .btn-edit-details {
      background: #F5F6F9;
      border: 1px #00868C solid; }
  @media (max-width: 768px) {
    .section-personal-area-dashboard .profile-tabs-row {
      width: 100%;
      padding: 0;
      margin: 0;
      display: flex;
      flex-flow: row;
      align-items: baseline; } }
  @media (max-width: 768px) {
    .section-personal-area-dashboard #myTabContent {
      margin-top: -20px !important; } }
  @media (max-width: 768px) {
    .section-personal-area-dashboard #myTabContent .container {
      padding-inline: 0; } }
  .section-personal-area-dashboard .personal-area-project {
    /* Mobile First: 2 Columns */ }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-project .related-posts-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        /* Creates two equal columns */
        gap: 0 .75rem !important;
        /* Space between the posts */
        padding: 10px;
        /* Optional: outer spacing */ } }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-project .related-posts-list li {
        width: 100%; } }
    .section-personal-area-dashboard .personal-area-project .card {
      width: 388px;
      max-width: 100%;
      border-radius: 15px;
      overflow: hidden; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-project .card {
          width: 100%;
          padding: 0; } }
      .section-personal-area-dashboard .personal-area-project .card.card-add-project .card-img {
        background: #01B0B81A; }
      .section-personal-area-dashboard .personal-area-project .card.card-add-project .card-title {
        font-weight: 400;
        font-size: 20px;
        line-height: 1.3;
        border: 1px #00868C solid;
        border-radius: 10px; }
        @media (max-width: 768px) {
          .section-personal-area-dashboard .personal-area-project .card.card-add-project .card-title {
            font-size: 16px; } }
      .section-personal-area-dashboard .personal-area-project .card .card-header-overlay {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 85.67%); }
      .section-personal-area-dashboard .personal-area-project .card .card-header .card-img {
        width: 388px;
        max-width: 100%;
        height: 321px;
        overflow: hidden;
        border-radius: 10px; }
        @media (max-width: 768px) {
          .section-personal-area-dashboard .personal-area-project .card .card-header .card-img {
            width: 100%;
            height: 137px; } }
        @media (max-width: 768px) {
          .section-personal-area-dashboard .personal-area-project .card .card-header .card-img .btn-text {
            padding: 0; } }
      .section-personal-area-dashboard .personal-area-project .card .card-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.2%; }
  @media (max-width: 768px) {
    .section-personal-area-dashboard .personal-area-certificates .related-posts-list {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      /* Creates two equal columns */
      gap: 0 .75rem !important;
      /* Space between the posts */
      padding: 10px;
      /* Optional: outer spacing */ } }
  @media (max-width: 768px) {
    .section-personal-area-dashboard .personal-area-certificates .related-posts-list li {
      width: 100%; } }
  .section-personal-area-dashboard .personal-area-certificates .card {
    width: 388px;
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-certificates .card {
        width: 100%; } }
    .section-personal-area-dashboard .personal-area-certificates .card.card-add-certificate .card-img {
      background: #01B0B81A; }
    .section-personal-area-dashboard .personal-area-certificates .card.card-add-certificate .card-title {
      font-weight: 400;
      font-size: 20px;
      line-height: 1.3;
      border: 1px #00868C solid;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-certificates .card.card-add-certificate .card-title {
          font-size: 16px; } }
    .section-personal-area-dashboard .personal-area-certificates .card .card-header-overlay {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
    .section-personal-area-dashboard .personal-area-certificates .card .card-header .card-img {
      width: 388px;
      max-width: 100%;
      height: 321px;
      overflow: hidden;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-certificates .card .card-header .card-img {
          width: 100%;
          height: 137px; } }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-certificates .card .card-header .card-img .btn-text {
          padding: 0; } }
      .section-personal-area-dashboard .personal-area-certificates .card .card-header .card-img img {
        object-position: 0 20%; }
    .section-personal-area-dashboard .personal-area-certificates .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2%; }
  .section-personal-area-dashboard .personal-area-about .personal-area-about-selects {
    max-width: 100%; }
    @media (min-width: 1280px) {
      .section-personal-area-dashboard .personal-area-about .personal-area-about-selects {
        width: 388px; } }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-about .personal-area-about-selects {
        width: 100%; } }
    .section-personal-area-dashboard .personal-area-about .personal-area-about-selects .form-select {
      width: 100%;
      height: 60px;
      border-radius: 100px;
      border: 1px #00868C solid;
      font-size: 14px;
      color: #868999;
      text-indent: 10px; }
  .section-personal-area-dashboard .personal-area-about .card-about {
    width: 962px;
    max-width: 100%;
    height: 329px;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
    border: 1px #00868C solid; }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-about .card-about {
        padding: .5rem; } }
    .section-personal-area-dashboard .personal-area-about .card-about .card-body {
      overflow: auto;
      hyphens: 276px;
      color: #231F20; }
    .section-personal-area-dashboard .personal-area-about .card-about .card-title {
      font-weight: 300;
      font-size: 33px;
      line-height: 1; }
    .section-personal-area-dashboard .personal-area-about .card-about .card-text {
      font-weight: 300;
      font-size: 16px;
      line-height: 1.4; }
  .section-personal-area-dashboard .personal-area-about .card-about-picutre {
    width: 246px;
    height: 254px;
    border-radius: 10px;
    overflow: hidden; }
    .section-personal-area-dashboard .personal-area-about .card-about-picutre .card-header-overlay {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }
  .section-personal-area-dashboard .personal-area-about .btn-upload-file {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3; }
  .section-personal-area-dashboard .personal-area-leads .btn {
    /* clamp(MIN, PREFERRED, MAX) */
    /* Width: Min 180px, Preferred 50vw, Max 245px */
    width: clamp(180px, 50vw, 245px);
    max-width: 100%;
    /* Vertical Padding: Scaling between 10px and 16px */
    padding-top: clamp(10px, 2vh, 16px);
    padding-bottom: clamp(10px, 2vh, 16px);
    /* Horizontal Padding: Scaling between 12px and 20px */
    padding-right: clamp(12px, 3vw, 20px);
    padding-left: clamp(12px, 3vw, 20px);
    /* Constant styles */
    border-radius: 10px;
    color: #fff;
    gap: clamp(10px, 2vw, 20px);
    /* Responsive gap between icon and text */
    display: flex;
    align-items: center;
    justify-content: center; }
  .section-personal-area-dashboard .personal-area-leads .badge {
    /* Scaling the circle: Min 32px, Preferred 5vw, Max 45px */
    width: clamp(32px, 5vw, 45px);
    height: clamp(32px, 5vw, 45px);
    /* Scaling the font: Min 16px, Preferred 3vw, Max 24px */
    font-size: clamp(16px, 3vw, 24px);
    /* Maintaining the circle and center alignment */
    border-radius: 50%;
    /* Using 50% is safer for perfect circles than 100px */
    padding: clamp(4px, 1vw, 8px);
    font-weight: 400;
    color: #4C4C4C;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Prevents the badge from squishing if it's in a flex container */
    flex-shrink: 0; }
  .section-personal-area-dashboard .personal-area-table .row-header [role="columnheader"] > div {
    background: rgba(134, 137, 153, 0.2);
    font-weight: 400;
    font-size: 16px;
    height: 51px;
    display: flex;
    align-items: center; }
  .section-personal-area-dashboard .personal-area-table .row-body {
    border-bottom: 1px #86899933 solid; }
    .section-personal-area-dashboard .personal-area-table .row-body [role="cell"] {
      font-weight: 400;
      font-size: 16px; }
  .section-personal-area-dashboard .personal-area--posts-list .card {
    width: 388px;
    max-width: 100%; }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area--posts-list .card {
        width: 100%; } }
    .section-personal-area-dashboard .personal-area--posts-list .card .card-header .card-title {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px; }
    .section-personal-area-dashboard .personal-area--posts-list .card .card-body {
      width: 100%;
      height: 430px;
      gap: 10px;
      border-radius: 10px;
      border-width: 1px;
      padding-top: 46px;
      padding-right: 33px;
      padding-bottom: 46px;
      padding-left: 33px;
      border: 1px #00868C solid; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-title {
        border-bottom: 0.5px #667E9A solid; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-title-h2 {
        font-weight: 700;
        font-size: 18px;
        line-height: 32px; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-title-h3 {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-text {
        border-bottom: 0.5px #667E9A solid;
        font-weight: 400;
        font-size: 16px;
        line-height: 32px; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-location {
        font-weight: 400;
        font-size: 16px;
        line-height: 25px; }
      .section-personal-area-dashboard .personal-area--posts-list .card .card-body .card-link .btn {
        min-width: 207px;
        padding-top: 12px;
        padding-bottom: 12px;
        display: inline-flex;
        justify-content: space-between;
        padding-inline-start: 20px;
        padding-inline-end: 20px;
        font-weight: 700;
        font-size: 16px;
        border: 1px #00868C solid; }
  .section-personal-area-dashboard .personal-area-tools .swiper-slide,
  .section-personal-area-dashboard .personal-area-courses .swiper-slide {
    width: auto; }
  .section-personal-area-dashboard .personal-area-tools .swiper-slide-play,
  .section-personal-area-dashboard .personal-area-courses .swiper-slide-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    z-index: 2;
    transition: .3s all; }
  .section-personal-area-dashboard .personal-area-tools .card,
  .section-personal-area-dashboard .personal-area-courses .card {
    width: 388px;
    border-radius: 15px;
    overflow: hidden;
    max-width: 100%; }
    @media (max-width: 768px) {
      .section-personal-area-dashboard .personal-area-tools .card,
      .section-personal-area-dashboard .personal-area-courses .card {
        width: 100%; } }
    .section-personal-area-dashboard .personal-area-tools .card.card-add-project .card-img,
    .section-personal-area-dashboard .personal-area-courses .card.card-add-project .card-img {
      background: #01B0B81A; }
    .section-personal-area-dashboard .personal-area-tools .card.card-add-project .card-title,
    .section-personal-area-dashboard .personal-area-courses .card.card-add-project .card-title {
      font-weight: 400;
      font-size: 20px;
      line-height: 1.3;
      border: 1px #00868C solid;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-tools .card.card-add-project .card-title,
        .section-personal-area-dashboard .personal-area-courses .card.card-add-project .card-title {
          font-size: 16px; } }
    .section-personal-area-dashboard .personal-area-tools .card .card-header-overlay,
    .section-personal-area-dashboard .personal-area-courses .card .card-header-overlay {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 85.67%); }
    .section-personal-area-dashboard .personal-area-tools .card .card-header .card-img,
    .section-personal-area-dashboard .personal-area-courses .card .card-header .card-img {
      width: 388px;
      max-width: 100%;
      height: 321px;
      overflow: hidden;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-personal-area-dashboard .personal-area-tools .card .card-header .card-img,
        .section-personal-area-dashboard .personal-area-courses .card .card-header .card-img {
          width: 100%; } }
    .section-personal-area-dashboard .personal-area-tools .card .card-title,
    .section-personal-area-dashboard .personal-area-courses .card .card-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2%; }

#detailsModal .modal-dialog {
  max-width: 880px; }
  #detailsModal .modal-dialog .modal-content {
    height: 413px;
    border-radius: 10px;
    padding-top: 46px;
    padding-right: 47px;
    padding-bottom: 46px;
    padding-left: 47px;
    border: 1px #00868C solid; }

.modal .modal-header .btn-close {
  background: #00868c;
  opacity: 1;
  border-radius: 100px;
  line-height: 1;
  width: 36px;
  height: 36px;
  padding: 0; }
.modal .upload-box {
  border: 2px dashed #C4C4C4;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  height: 245px;
  display: flex;
  align-items: center;
  justify-content: center; }
.modal .upload-box:hover {
  border-color: #00868C;
  background: #f1fffe; }
.modal .upload-box svg {
  opacity: .7; }
.modal #banner-preview {
  display: none;
  max-width: 100%;
  border-radius: 12px;
  margin-top: 15px; }
.modal .upload-box-title-label {
  font-weight: 400;
  font-size: 14px; }
.modal .upload-box-title {
  font-weight: 700;
  font-size: 16px;
  color: #868999; }
.modal .upload-box-text {
  font-weight: 400;
  font-size: 12px;
  color: #868999; }

.section-configurator-intro .configurator-intro-img {
  width: auto;
  height: max-content; }
.section-configurator-intro .card-configurator-intro {
  width: 800px;
  max-width: 100%; }
  @media (max-width: 768px) {
    .section-configurator-intro .card-configurator-intro {
      padding: 6rem 0.75rem 2rem; } }
.section-configurator-intro .card-configurator-intro .card-title {
  font-weight: 700;
  font-size: 46px; }
  @media (max-width: 768px) {
    .section-configurator-intro .card-configurator-intro .card-title {
      font-size: 36px; } }
.section-configurator-intro .card-configurator-intro .card-text {
  font-weight: 400;
  font-size: 22px; }
  @media (max-width: 768px) {
    .section-configurator-intro .card-configurator-intro .card-text {
      font-size: 20px; } }
.section-configurator-intro .btn-configurator {
  width: 186px;
  padding-top: 11px;
  padding-right: 34px;
  padding-bottom: 11px;
  padding-left: 34px;
  font-weight: 600;
  font-size: 16px; }

.configurator-process-wrap .btn {
  /* Padding: Top/Bottom 10px, Left/Right fluid between 20px and 34px */
  padding: 10px clamp(20px, 5vw, 34px);
  /* Width: Min 100px, Preferred 18vw, Max 130px */
  width: clamp(100px, 18vw, 130px);
  /* Font-size: Min 14px, Preferred 2.5vw, Max 16px */
  font-size: clamp(14px, 2.5vw, 16px);
  /* Essential for buttons with fixed widths to prevent padding overlap */
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 768px) {
    .configurator-process-wrap .btn {
      width: auto; } }

.section-configurator-chooses_type_1 {
  /* Checked Style */ }
  .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 {
        margin-top: 4rem; } }
  .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-title {
    font-weight: 700;
    font-size: 26px; }
  .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-text {
    font-weight: 400;
    font-size: 16px; }
  .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-list ul,
  .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-list ol {
    gap: 2.75rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-list ul,
      .section-configurator-chooses_type_1 .card-configurator-chooses_type_1 .card-list ol {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 0;
        list-style: none; } }
  .section-configurator-chooses_type_1 .btn-configurator {
    width: 186px;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 15px;
    padding-left: 34px;
    font-weight: 600;
    font-size: 16px; }
  .section-configurator-chooses_type_1 .btn-chooses_type_1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    /* Width: Min 140px, Preferred 32vw, Max 244px */
    width: clamp(140px, 32vw, 244px);
    /* Height: Min 100px, Preferred 18vw, Max 130px */
    height: clamp(100px, 18vw, 130px);
    /* Fluid Typography: Min 14px, Preferred scale, Max 16px */
    font-size: clamp(14px, 2vw, 16px);
    background: rgba(1, 176, 184, 0.05);
    border: 1.5px solid rgba(134, 137, 153, 0.2);
    border-radius: 30px;
    font-weight: 400;
    color: #231F20;
    transition: all 0.25s ease-in-out;
    cursor: pointer; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_1 .btn-chooses_type_1 {
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 10px;
        border-radius: 10px; } }
  .section-configurator-chooses_type_1 .btn-chooses_type_1:hover {
    background: rgba(1, 176, 184, 0.15);
    border-color: rgba(1, 176, 184, 0.4);
    transform: translateY(-3px); }
  .section-configurator-chooses_type_1 .icon-check {
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25px;
    height: 25px;
    pointer-events: none; }
  .section-configurator-chooses_type_1 .real-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .section-configurator-chooses_type_1 .real-checkbox:checked + .btn-chooses_type_1 .icon-check {
    display: block; }
  .section-configurator-chooses_type_1 .real-checkbox:checked + .btn-chooses_type_1 {
    background: rgba(1, 176, 184, 0.2);
    border-color: rgba(1, 176, 184, 0.8);
    transform: translateY(-3px);
    color: #00868C;
    /*box-shadow: 0 0 0 3px rgba(1,176,184,0.15);*/ }

.section-configurator-chooses_type_2 {
  /*	.real-checkbox:checked + .btn-chooses_type_2 .icon-check {
  	    display: block;
  	}
  */
  /* Checked Style */ }
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 {
        margin-top: 4rem; } }
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-title {
    font-weight: 700;
    font-size: 26px; }
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-text {
    font-weight: 400;
    font-size: 16px; }
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-list ul,
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-list ol {
    gap: 2.75rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-list ul,
      .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-list ol {
        gap: 1rem; } }
  .section-configurator-chooses_type_2 .card-configurator-chooses_type_2 .card-list .card-list-title {
    font-weight: 400;
    font-size: 16px; }
  .section-configurator-chooses_type_2 .btn-configurator {
    width: 186px;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 15px;
    padding-left: 34px;
    font-weight: 600;
    font-size: 16px; }
  .section-configurator-chooses_type_2 .btn-chooses_type_2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 244px;
    height: 60px;
    background: rgba(1, 176, 184, 0.1);
    border: 1px solid rgba(134, 137, 153, 0.2);
    border-radius: 30px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    gap: 15px; }
  .section-configurator-chooses_type_2 .btn-chooses_type_2:hover {
    background: rgba(1, 176, 184, 0.15);
    border-color: rgba(1, 176, 184, 0.4);
    transform: translateY(-3px); }
  .section-configurator-chooses_type_2 .icon-check {
    /*display: none;*/
    width: 25px;
    height: 25px;
    pointer-events: none;
    position: relative; }
  .section-configurator-chooses_type_2 .real-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .section-configurator-chooses_type_2 .real-checkbox + .btn-chooses_type_2 .icon-check .img-unchecked {
    display: block; }
  .section-configurator-chooses_type_2 .real-checkbox + .btn-chooses_type_2 .icon-check .img-checked {
    display: none; }
  .section-configurator-chooses_type_2 .real-checkbox:checked + .btn-chooses_type_2 .icon-check .img-checked {
    display: block; }
  .section-configurator-chooses_type_2 .real-checkbox:checked + .btn-chooses_type_2 .icon-check .img-unchecked {
    display: none; }
  .section-configurator-chooses_type_2 .real-checkbox:checked + .btn-chooses_type_2 {
    background: rgba(1, 176, 184, 0.2);
    border-color: rgba(1, 176, 184, 0.8);
    transform: translateY(-3px);
    color: #00868C;
    /*box-shadow: 0 0 0 3px rgba(1,176,184,0.15);*/ }

.section-configurator-chooses_type_3 {
  /*	.real-checkbox:checked + .btn-chooses_type_3 .icon-check {
  	    display: block;
  	}
  */
  /* Checked Style */ }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 {
        margin-top: 4rem; } }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-title {
    font-weight: 700;
    font-size: 26px; }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-text {
    font-weight: 400;
    font-size: 16px; }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list {
    width: 400px;
    max-width: 100%;
    border: 0;
    border-left: 1px solid rgba(134, 137, 153, 0.35);
    height: 100%; }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .col:last-child .card-list {
    border: 0; }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list ul,
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list ol {
    gap: 2.75rem; }
    @media (max-width: 768px) {
      .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list ul,
      .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list ol {
        gap: 1rem; } }
  .section-configurator-chooses_type_3 .card-configurator-chooses_type_3 .card-list .card-list-title {
    font-weight: 700;
    font-size: 18px; }
  .section-configurator-chooses_type_3 .btn-configurator {
    width: 186px;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 15px;
    padding-left: 34px;
    font-weight: 600;
    font-size: 16px; }
  .section-configurator-chooses_type_3 .btn-chooses_type_3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 244px;
    height: 60px;
    background: rgba(1, 176, 184, 0.1);
    border: 1px solid rgba(134, 137, 153, 0.2);
    border-radius: 30px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    gap: 15px; }
  .section-configurator-chooses_type_3 .btn-chooses_type_3:hover {
    background: rgba(1, 176, 184, 0.15);
    border-color: rgba(1, 176, 184, 0.4);
    transform: translateY(-3px); }
  .section-configurator-chooses_type_3 .icon-check {
    /*display: none;*/
    width: 25px;
    height: 25px;
    pointer-events: none;
    position: relative; }
  .section-configurator-chooses_type_3 .real-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .section-configurator-chooses_type_3 .real-checkbox + .btn-chooses_type_3 .icon-check .img-unchecked {
    display: block; }
  .section-configurator-chooses_type_3 .real-checkbox + .btn-chooses_type_3 .icon-check .img-checked {
    display: none; }
  .section-configurator-chooses_type_3 .real-checkbox:checked + .btn-chooses_type_3 .icon-check .img-checked {
    display: block; }
  .section-configurator-chooses_type_3 .real-checkbox:checked + .btn-chooses_type_3 .icon-check .img-unchecked {
    display: none; }
  .section-configurator-chooses_type_3 .real-checkbox:checked + .btn-chooses_type_3 {
    background: rgba(1, 176, 184, 0.2);
    border-color: rgba(1, 176, 184, 0.8);
    transform: translateY(-3px);
    /*box-shadow: 0 0 0 3px rgba(1,176,184,0.15);*/ }

.section-configurator-chooses_type_4 .configurator-summary {
  width: 794px;
  max-width: 100%;
  min-height: 765px;
  height: max-content;
  background: rgba(6, 177, 183, 0.1);
  display: flex;
  justify-content: center;
  align-items: center; }
.section-configurator-chooses_type_4 .card-configurator-summary .card-title {
  font-weight: 700;
  font-size: 22px; }
.section-configurator-chooses_type_4 .card-configurator-summary .card-list .card-list-title {
  font-weight: 700;
  font-size: 12px; }
.section-configurator-chooses_type_4 .card-configurator-summary .card-list ul {
  font-weight: 400;
  font-size: 16px; }
.section-configurator-chooses_type_4 .card-configurator-chooses_type_4 {
  width: 800px;
  max-width: 100%; }
.section-configurator-chooses_type_4 .card-configurator-chooses_type_4 .card-title {
  font-weight: 700;
  font-size: 26px; }
.section-configurator-chooses_type_4 .card-configurator-chooses_type_4 .card-text {
  font-weight: 400;
  font-size: 22px; }
.section-configurator-chooses_type_4 .btn-configurator {
  width: 186px;
  padding-top: 11px;
  padding-right: 34px;
  padding-bottom: 11px;
  padding-left: 34px;
  font-weight: 600;
  font-size: 16px; }
.section-configurator-chooses_type_4 .card-contact-info {
  width: 476px;
  max-width: 100%; }
.section-configurator-chooses_type_4 .card-contact-info .card-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 48px; }
.section-configurator-chooses_type_4 .card-contact-info .card-list {
  font-weight: 400;
  font-size: 18px; }
.section-configurator-chooses_type_4 .card-contact-info .card-button .btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  min-width: 189px;
  border-width: 2px;
  padding-top: 6px;
  padding-right: 22px;
  padding-bottom: 6px;
  padding-left: 22px; }
.section-configurator-chooses_type_4 .card-contact-form {
  max-width: 100%; }
.section-configurator-chooses_type_4 .form-select,
.section-configurator-chooses_type_4 .form-control {
  width: 388px;
  max-width: 100%;
  line-height: 45px;
  padding-top: 1px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #868999; }
.section-configurator-chooses_type_4 .btn-submit {
  width: 386px;
  max-width: 100%;
  padding: 16px;
  font-weight: 700;
  font-size: 16px; }
.section-configurator-chooses_type_4 textarea.form-control {
  resize: none;
  height: 110px; }
.section-configurator-chooses_type_4 .form-check-input:checked {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: #000; }
.section-configurator-chooses_type_4 .form-check-label {
  font-weight: 400;
  font-size: 12px;
  color: #667E9A; }
.section-configurator-chooses_type_4 .wpcf7 input[type="url"], .section-configurator-chooses_type_4 .wpcf7 input[type="email"], .section-configurator-chooses_type_4 .wpcf7 input[type="tel"] {
  direction: rtl; }
.section-configurator-chooses_type_4 .wpcf7-spinner {
  position: absolute;
  top: 15px;
  left: 15px; }
.section-configurator-chooses_type_4 .form-check-input {
  width: 17px;
  height: 17px; }
.section-configurator-chooses_type_4 .form-check {
  line-height: 1;
  min-height: 0; }

.section-configurator-thankyou .card-configurator-thankyou {
  width: 800px;
  max-width: 100%;
  min-height: 80vh; }
.section-configurator-thankyou .card-configurator-thankyou .card-title {
  font-weight: 700;
  font-size: 46px; }
.section-configurator-thankyou .card-configurator-thankyou .card-text {
  font-weight: 400;
  font-size: 22px; }
.section-configurator-thankyou .btn-configurator {
  width: 186px;
  padding-top: 15px;
  padding-right: 34px;
  padding-bottom: 15px;
  padding-left: 34px;
  font-weight: 600;
  font-size: 16px; }

.section-configurator-process .list-unstyled {
  gap: 10rem;
  position: relative;
  width: max-content;
  margin: 0 auto; }
  @media (max-width: 758px) {
    .section-configurator-process .list-unstyled {
      gap: 0;
      width: 100%; } }
.section-configurator-process .list-unstyled:after {
  content: '';
  width: 90%;
  border-top: 1px #01B0B8 dashed;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  height: 1px;
  top: 30%; }
.section-configurator-process .list-unstyled li {
  position: relative;
  z-index: 2; }
.section-configurator-process .num {
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight: 400;
  color: #868999;
  border: 1px #667E9A solid;
  background: #fff; }
.section-configurator-process .active .num {
  font-weight: 700;
  background-color: #01B0B8;
  color: #ffffff;
  border: 1px #01B0B8 solid; }
.section-configurator-process .lead {
  font-size: 14px;
  font-weight: 400;
  color: #868999; }
.section-configurator-process .active .lead {
  font-weight: 700; }

/* -------------------------------------------------------- *\
    Slider Wrapper
\* -------------------------------------------------------- */
.js-slider {
  position: relative;
  overflow: hidden;
  counter-reset: projects-counter;
  padding: clamp(20px, 4vw, 60px) 0;
  direction: rtl;
  /* Hide default cursor when hovering the slider area */
  cursor: grab;
  /* Dragging state for scale animation */
  /* ---------------------------------------------------- *\
      Swiper Core Components
  \* ---------------------------------------------------- */
  /* ---------------------------------------------------- *\
      Thumb (Project Item)
  \* ---------------------------------------------------- */
  /* ---------------------------------------------------- *\
      Paging & Navigation
  \* ---------------------------------------------------- */
  /* ---------------------------------------------------- *\
      Custom Cursor
  \* ---------------------------------------------------- */ }
  .js-slider.dragged .thumb {
    transform: scale(0.95);
    transition: transform 0.3s ease; }
  .js-slider .swiper-container {
    width: 100%;
    overflow: visible;
    touch-action: pan-y;
    direction: rtl; }
  .js-slider .swiper-wrapper {
    display: flex !important;
    box-sizing: content-box; }
  .js-slider .thumb__image {
    will-change: transform;
    backface-visibility: hidden; }
  .js-slider .thumb {
    counter-increment: projects-counter;
    transition: transform 0.5s ease;
    text-align: right; }
    .js-slider .thumb__image {
      display: block;
      width: 100%;
      padding-top: 66.73%;
      border-radius: 5px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
      margin-bottom: 12px;
      will-change: transform; }
    .js-slider .thumb__title {
      font-weight: 700;
      margin-bottom: 10px;
      position: relative; }
      .js-slider .thumb__title:before {
        content: counter(projects-counter,decimal-leading-zero) " / ";
        font-weight: 500;
        font-size: 16px; }
    .js-slider .thumb__entry {
      max-width: 250px;
      margin-bottom: 15px; }
  .js-slider .js-paging {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px; }
    .js-slider .js-paging-prev, .js-slider .js-paging-next {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      border: none;
      background: transparent;
      cursor: pointer;
      transition: color 0.3s ease; }
      .js-slider .js-paging-prev:hover, .js-slider .js-paging-next:hover {
        color: #4CC2C5; }
  .js-slider .link-more {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 800;
    color: inherit;
    text-decoration: none; }
    .js-slider .link-more svg {
      margin-right: 15px;
      margin-top: 2px;
      transform: scaleX(-1);
      transition: transform 0.3s ease; }
    .js-slider .link-more:hover svg {
      animation: moveArrowRTL 1s infinite; }
  .js-slider .cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; }
    .js-slider .cursor.visible {
      opacity: 1;
      visibility: visible; }
    .js-slider .cursor span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: #21F5FF;
      border-radius: 50%;
      font-size: 14px;
      font-weight: bold;
      color: #000;
      text-transform: uppercase;
      /* Initial scale for "pop-in" effect */
      transform: translate(-50%, -50%) scale(0.7);
      transition: transform 0.3s ease; }
    .js-slider .cursor.visible span {
      transform: translate(-50%, -50%) scale(1); }

/* -------------------------------------------------------- *\
    Animations
\* -------------------------------------------------------- */
@keyframes moveArrowRTL {
  0% {
    transform: scaleX(-1) translateX(0); }
  30% {
    transform: scaleX(-1) translateX(10px); }
  100% {
    transform: scaleX(-1) translateX(0); } }
.general-contact-title {
  font-weight: 400;
  font-size: 42px;
  line-height: 48px; }
  @media (max-width: 768px) {
    .general-contact-title {
      font-size: 24px;
      color: #00868C; } }

.card-contact-info {
  width: 476px;
  max-width: 100%; }

.card-contact-info .card-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 48px; }
  @media (max-width: 768px) {
    .card-contact-info .card-title {
      font-weight: 400;
      font-size: 28px;
      line-height: 48px;
      color: #00868C; } }

.card-contact-info .card-list {
  font-weight: 400;
  font-size: 18px; }

@media (max-width: 768px) {
  .card-contact-info .card-list.card-list-social {
    font-weight: 400;
    font-size: 18px; } }

.card-contact-info .card-button .btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  min-width: 189px;
  border-width: 2px;
  padding-top: 6px;
  padding-right: 22px;
  padding-bottom: 6px;
  padding-left: 22px; }

.card-contact-form {
  max-width: 100%; }

.card-contact-form .wpcf7 p {
  margin-bottom: 0; }

.card-contact-form .form-select,
.card-contact-form .form-control {
  width: 388px;
  max-width: 100%;
  line-height: 45px;
  padding-top: 1px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #868999; }

.card-contact-form .btn-submit {
  width: 386px;
  max-width: 100%;
  padding: 16px;
  font-weight: 700;
  font-size: 16px; }

.card-contact-form textarea.form-control {
  resize: none;
  height: 220px; }
  @media (max-width: 768px) {
    .card-contact-form textarea.form-control {
      height: 219px;
      border-radius: 10px !important; } }

@media (max-width: 768px) {
  .card-contact-form .form-check {
    padding-right: 0; } }

@media (max-width: 768px) {
  .card-contact-form .wpcf7-list-item-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #667E9A; } }

.card-contact-form .form-check-input {
  border-radius: 50%;
  border: 1px #00868C solid; }

.card-contact-form .form-check-input:checked {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: #000; }

.card-contact-form .wpcf7-list-item-label::before {
  display: none; }

.card-contact-form .general-contact-wrap {
  /*gap: 10rem;*/ }

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: rtl; }

.card-contact-form .wpcf7-spinner {
  position: absolute;
  top: 15px;
  left: 15px; }

.card-contact-form .form-select {
  /*--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300868C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");*/ }
  @media (max-width: 768px) {
    .card-contact-form .form-select .general-contact-title {
      text-align: center;
      margin-bottom: 2rem;
      /* User set font-size: 24px and color */ }
    .card-contact-form .form-select .card-contact-info {
      width: 100%;
      text-align: center;
      padding: 0 15px; }
      .card-contact-form .form-select .card-contact-info .card-button {
        display: flex;
        justify-content: center;
        margin-bottom: 2rem; }
    .card-contact-form .form-select .card-contact-form {
      padding: 0 15px; }
      .card-contact-form .form-select .card-contact-form .form-select,
      .card-contact-form .form-select .card-contact-form .form-control {
        width: 100%; }
      .card-contact-form .form-select .card-contact-form .btn-submit {
        width: 100%; }
      .card-contact-form .form-select .card-contact-form .general-contact-wrap {
        gap: 2rem; } }

/*# sourceMappingURL=style.css.map */