/* 
Theme Name: Hello 2talk
Theme URI: https://github.com/elementor/hello-theme-child/
Description: 2talk Theme is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-2talk-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
#new-2talk-header {
  background-color: #fff;
  border-bottom-color: #C9D5D8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family: "DM Sans", "Trebuchet MS", sans-serif;
  z-index: 500;
}

.n2h-inner {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 48em) {
  .n2h-inner {
    align-items: flex-start;
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .n2h-inner {
    align-items: center;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1348px) {
  .n2h-inner {
    margin: 0 auto;
    max-width: 1300px;
    padding-left: 0;
    padding-right: 0;
  }
}

.n2h-logo-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 48em) {
  .n2h-logo-menu {
    flex-grow: 1;
  }
}
@media screen and (min-width: 64em) {
  .n2h-logo-menu {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
  }
}

.n2h-logo {
  width: 6.25rem;
}
.n2h-logo img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .n2h-actions {
    position: absolute;
    right: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .n2h-actions {
    position: relative;
    right: unset;
  }
}
.n2h-actions ul {
  display: flex;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .n2h-actions ul {
    gap: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .n2h-actions ul {
    gap: 1.75rem;
  }
}
.n2h-actions ul li {
  list-style: none;
}
.n2h-actions ul li a {
  align-items: center;
  color: var(--e-global-color-6b94adb);
  display: flex;
  gap: 0.25rem;
  transition: 0.2s;
}
.n2h-actions ul li a:hover {
  color: var(--e-global-color-b04ba2d);
}
.n2h-actions ul li a:hover span[class^=icon] {
  color: var(--e-global-color-9092044);
}
.n2h-actions ul li a span {
  font-size: 0.875rem;
  font-weight: 500;
}
.n2h-actions ul li a span[class^=icon] {
  color: var(--e-global-color-b04ba2d);
  height: 1rem;
  width: 1rem;
}

@media screen and (min-width: 48em) {
  #n2h-menu-toggle {
    display: none;
  }
}

.n2h-menu-outer {
  background: #fff;
  border-color: #C9D5D8;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  max-width: 22rem;
  position: absolute;
  right: 1rem;
  top: calc(100% - 0.5rem);
  visibility: hidden;
  width: calc(100% - 2rem);
  z-index: 550;
}
.n2h-menu-outer:before {
  background-image: url(header-img/pointer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9px;
  position: absolute;
  right: 1.5rem;
  top: -9px;
  width: 15px;
  z-index: 560;
}
@media screen and (min-width: 48em) {
  .n2h-menu-outer {
    border: none;
    border-radius: unset;
    bottom: unset;
    box-shadow: none;
    display: flex;
    gap: 1.5rem;
    max-width: unset;
    padding: 0;
    position: relative;
    right: unset;
    top: unset;
    visibility: visible;
    width: unset;
  }
  .n2h-menu-outer:before {
    display: none;
  }
}

.n2h-quick-access {
  border-bottom-color: #C9D5D8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0.25rem 0.325rem;
}
@media screen and (min-width: 48em) {
  .n2h-quick-access {
    border-bottom: none;
    display: none;
    padding: 0;
  }
}
.n2h-quick-access ul {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .n2h-quick-access ul {
    gap: 1.5rem;
  }
}
.n2h-quick-access ul li {
  list-style: none;
}
.n2h-quick-access ul li a {
  align-items: center;
  border-radius: 4px;
  color: var(--e-global-color-6b94adb);
  display: flex;
  gap: 0.375rem;
  justify-content: space-between;
  padding: 0.375rem 0.65rem;
  transition: 0.2s;
}
@media screen and (min-width: 48em) {
  .n2h-quick-access ul li a {
    border-radius: unset;
    padding: 0;
  }
}
.n2h-quick-access ul li a:hover {
  background-color: var(--e-global-color-6b94adb);
  color: #fff;
}
@media screen and (min-width: 48em) {
  .n2h-quick-access ul li a:hover {
    background-color: unset;
    color: var(--e-global-color-b04ba2d);
  }
}
.n2h-quick-access ul li a.open-section {
  background-color: var(--e-global-color-6b94adb);
  color: #fff;
}
@media screen and (min-width: 48em) {
  .n2h-quick-access ul li a.open-section {
    background-color: unset;
    color: var(--e-global-color-b04ba2d);
  }
}
.n2h-quick-access ul li a.open-section .chevron {
  transform: rotate(180deg);
}
.n2h-quick-access ul li a.open-section:hover {
  background-color: var(--e-global-color-b04ba2d);
}
@media screen and (min-width: 48em) {
  .n2h-quick-access ul li a.open-section:hover {
    background-color: unset;
    color: var(--e-global-color-b04ba2d);
  }
}
.n2h-quick-access ul li a span svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.n2h-menu {
  padding: 0;
}
@media screen and (min-width: 48em) {
  .n2h-menu {
    flex-grow: 1;
    padding: 0;
  }
}

ul.n2h-menu-inner {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  ul.n2h-menu-inner {
    flex-direction: row;
    gap: 2.5rem;
  }
}
@media screen and (min-width: 64em) {
  ul.n2h-menu-inner {
    gap: 1.25rem;
  }
}
@media screen and (min-width: 75em) {
  ul.n2h-menu-inner {
    gap: 1.75rem;
  }
}
ul.n2h-menu-inner li {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 48em) {
  ul.n2h-menu-inner li {
    padding: 0 0 0.5rem 0;
  }
}
@media screen and (min-width: 64em) {
  ul.n2h-menu-inner li {
    padding-bottom: 0;
  }
}
ul.n2h-menu-inner li:hover a .chevron:not(.right) {
  transform: rotate(180deg);
}

a.n2h-menu-link {
  border-radius: 4px;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  align-items: center;
  color: var(--e-global-color-6b94adb);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 0.325rem;
  padding: 0.5rem;
  transition: 0.2s;
}
@media screen and (min-width: 48em) {
  a.n2h-menu-link {
    border-color: unset;
    border-radius: unset;
    border-style: unset;
    border-width: unset;
    gap: 0.25rem;
    justify-content: unset;
    margin: 0;
    padding: 0;
  }
}
a.n2h-menu-link:hover {
  background-color: #E8F3F7;
  border-color: #BEDCE7;
  color: var(--e-global-color-b04ba2d);
}
@media screen and (min-width: 48em) {
  a.n2h-menu-link:hover {
    background-color: unset;
    border-color: unset;
    color: var(--e-global-color-b04ba2d);
  }
}
a.n2h-menu-link[role=button] {
  display: none;
}
@media screen and (min-width: 48em) {
  a.n2h-menu-link[role=button] {
    display: flex;
  }
}
a.n2h-menu-link.current-page {
  background-color: #E8F3F7;
  border-color: #BEDCE7;
}
a.n2h-menu-link.current-page:hover {
  background-color: #DEE7EA;
  border-color: #BAD0DA;
}
@media screen and (min-width: 48em) {
  a.n2h-menu-link:not([role=button]) span.chevron {
    display: none;
  }
}
a.n2h-menu-link span.chevron {
  height: 1rem;
  width: 1rem;
}
a.n2h-menu-link span svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.primary-item-title, .secondary-item-title {
  font-size: 0.875rem;
  font-weight: 700;
}

div.n2h-submenu {
  background-color: #FCFAFA;
  border-bottom-color: #C9D5D8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: none;
  flex-direction: column;
  gap: 0.3rem;
  overflow: hidden;
  padding: 0.5rem;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 48em) {
  div.n2h-submenu {
    align-items: unset !important;
    background-color: #fff;
    border-color: #C9D5D8;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: unset !important;
    opacity: 0;
    overflow: unset;
    position: absolute;
    top: 100%;
    visibility: hidden;
  }
  div.n2h-submenu:before {
    background-image: url(header-img/pointer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 9px;
    left: 1.5rem;
    position: absolute;
    top: -9px;
    width: 15px;
    z-index: 560;
  }
  div.n2h-submenu:after {
    background-color: transparent;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: -9px;
    width: 100%;
    z-index: 558;
  }
}
@media screen and (min-width: 64em) {
  div.n2h-submenu {
    display: grid !important;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
    padding: 0.75rem !important;
    top: calc(100% + 0.5rem);
    width: max-content;
  }
}
div.n2h-submenu.open-submenu {
  display: flex;
}
@media screen and (min-width: 48em) {
  div.n2h-submenu.open-submenu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 64em) {
  div.n2h-submenu.open-submenu {
    display: grid;
  }
}
div.n2h-submenu ul {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
}
div.n2h-submenu li {
  list-style: none;
}
div.n2h-submenu li:nth-child(1), div.n2h-submenu li:nth-child(2), div.n2h-submenu li:nth-child(3) {
  margin-bottom: unset !important;
  margin-top: unset !important;
}
@media screen and (min-width: 48em) {
  div.n2h-submenu li {
    padding-bottom: 0 !important;
  }
}

a.n2h-submenu-link {
  align-items: center;
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  gap: 0.25rem;
  justify-content: space-between;
  padding: 0.25rem 0.5rem !important;
  transition: 0.2s;
}
@media screen and (min-width: 48em) {
  a.n2h-submenu-link {
    border-color: transparent !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin: 0 0.325rem;
  }
}
@media screen and (min-width: 64em) {
  a.n2h-submenu-link {
    margin-left: 0;
    margin-right: 0;
    padding: 0.375rem 0.75rem !important;
  }
}
a.n2h-submenu-link:hover {
  background-color: #E8F3F7 !important;
  border-color: #BEDCE7 !important;
}
a.n2h-submenu-link:hover .item-title-outer {
  color: var(--e-global-color-b04ba2d) !important;
}
a.n2h-submenu-link:hover .hover-arrow {
  opacity: 1;
}
a.n2h-submenu-link.current-page {
  background-color: #E8F3F7;
  border-color: #BEDCE7;
}
a.n2h-submenu-link.current-page:hover {
  background-color: #DEE7EA;
  border-color: #BAD0DA;
}
a.n2h-submenu-link span.chevron {
  color: var(--e-global-color-6b94adb);
  display: block !important;
}
a.n2h-submenu-link span.chevron svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
a.n2h-submenu-link span[class^=icon-] {
  flex-grow: 0;
  flex-shrink: 1;
  height: 2rem;
  padding: 0.375rem;
  width: 2rem;
}
a.n2h-submenu-link span[class^=icon-] svg {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

a.products-promote-smartphone {
  align-items: center;
  background: radial-gradient(62.35% 83.83% at 71.48% 100%, #025873 0%, #0B1933 100%);
  border-radius: 4px;
  color: #fff;
  display: none;
  gap: 0.5rem;
  grid-area: c;
  margin-top: 0.5rem;
  overflow: hidden;
  padding: 0.5rem 1rem;
  position: relative;
}
a.products-promote-smartphone:hover .hover-arrow {
  opacity: 1;
}
@media screen and (min-width: 48em) {
  a.products-promote-smartphone {
    display: flex;
  }
}
@media screen and (min-width: 64em) {
  a.products-promote-smartphone {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    margin-top: unset;
    padding: 1rem;
    width: 12rem;
  }
}
@media screen and (min-width: 75em) {
  a.products-promote-smartphone {
    width: 16.875rem;
  }
}
a.products-promote-smartphone .hover-arrow {
  opacity: 1;
}
@media screen and (min-width: 64em) {
  a.products-promote-smartphone .hover-arrow {
    opacity: 0;
  }
}

.promote-icon {
  display: block;
  height: 36px;
  width: 36px;
  z-index: 2;
}

.promote-text-content {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 0.25rem;
  justify-content: space-between;
  z-index: 3;
}
@media screen and (min-width: 64em) {
  .promote-text-content {
    align-items: flex-start;
    flex-direction: column;
    flex-grow: unset;
  }
}
.promote-text-content p {
  margin: 0;
}

.promote-text-content-inner {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.promote-subtitle {
  background: linear-gradient(90deg, #1EFFF1 -6.31%, #0DB7EB 57.76%, #0DB7EB 200.47%, #1EFFF1 273.27%);
  background-clip: text;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 0.875rem;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.promote-headline {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}
@media screen and (min-width: 64em) {
  .promote-headline {
    max-width: 10rem;
  }
}

.promote-learn-more {
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.8;
}

.promote-image {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .promote-image {
    display: block;
  }
}
.promote-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  width: 100%;
}

.n2h-login-submenu {
  background-color: #fff;
  border-color: #C9D5D8;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  display: none !important;
  flex-direction: column;
  gap: 0.3rem !important;
  opacity: 0;
  padding: 0.5rem !important;
  position: absolute;
  right: 1rem;
  top: calc(100% - 0.5rem);
  transition: 0.2s ease-out;
  width: calc(100% - 2rem);
  z-index: 550;
}
.n2h-login-submenu:before {
  background-image: url(header-img/pointer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9px;
  position: absolute;
  right: 5.5rem;
  top: -9px;
  width: 15px;
  z-index: 560;
}
.n2h-login-submenu:after {
  background-color: transparent;
  content: "";
  height: 9px;
  left: 0;
  position: absolute;
  top: -9px;
  width: 100%;
  z-index: 558;
}
@media screen and (min-width: 48em) {
  .n2h-login-submenu {
    display: flex !important;
    opacity: 0;
    right: 0;
    top: 2rem;
    visibility: hidden;
    width: max-content;
  }
  .n2h-login-submenu:before {
    left: unset !important;
    right: 1rem !important;
  }
}
@media screen and (min-width: 64em) {
  .n2h-login-submenu {
    padding: 0.75rem 0.5rem !important;
    top: calc(100% + 0.5rem);
  }
}
.n2h-login-submenu.open-submenu {
  display: flex !important;
  opacity: 1;
}
@media screen and (min-width: 48em) {
  .n2h-login-submenu.open-submenu {
    opacity: 1;
    visibility: visible;
  }
}
.n2h-login-submenu li {
  list-style: none;
}
.n2h-login-submenu li:nth-child(1), .n2h-login-submenu li:nth-child(2), .n2h-login-submenu li:nth-child(3) {
  margin-bottom: unset !important;
  margin-top: unset !important;
}
@media screen and (min-width: 48em) {
  .n2h-login-submenu li {
    padding-bottom: 0 !important;
  }
}
.n2h-login-submenu li a {
  align-items: center;
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  gap: 0.25rem;
  justify-content: space-between;
  padding: 0.25rem 0.5rem !important;
  transition: 0.2s;
}
@media screen and (min-width: 48em) {
  .n2h-login-submenu li a {
    border-radius: 4px !important;
  }
}
@media screen and (min-width: 64em) {
  .n2h-login-submenu li a {
    padding: 0.375rem 0.75rem !important;
  }
}
.n2h-login-submenu li a:hover {
  background-color: #E8F3F7 !important;
  border-color: #BEDCE7 !important;
}
.n2h-login-submenu li a:hover .item-title-outer {
  color: var(--e-global-color-b04ba2d);
}
.n2h-login-submenu li a:hover .hover-arrow {
  opacity: 1;
}
.n2h-login-submenu li a span.chevron {
  color: var(--e-global-color-6b94adb);
}
.n2h-login-submenu li a span.chevron svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
.n2h-login-submenu li a span[class^=icon-] {
  flex-grow: 0;
  flex-shrink: 1;
  height: 2rem !important;
  padding: 0.375rem;
  width: 2rem !important;
}
.n2h-login-submenu li a span[class^=icon-] svg {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.icon-action-call-signal-minor, .icon-action-call-signal-major {
  opacity: 0;
}

.call-phone-number {
  display: none;
}
@media screen and (min-width: 48em) {
  .call-phone-number {
    display: block;
  }
}

@media screen and (min-width: 48em) {
  .call-phone-cta {
    color: #69888F;
  }
}

#n2h-menu-support {
  display: none;
}
@media screen and (min-width: 48em) {
  #n2h-menu-support {
    display: block;
  }
}

@media screen and (min-width: 48em) {
  #n2h-menu-help-support {
    display: none;
  }
}

.item-information-outer {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 0.25rem;
}

.item-information {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 0.125rem;
}

.item-title-outer {
  align-items: center;
  color: var(--e-global-color-6b94adb);
  display: flex;
  gap: 0.175rem;
  line-height: 1.25rem;
}

.item-title {
  font-size: 0.875rem !important;
  font-weight: 500;
}

.item-description {
  color: #69888F;
  font-size: 0.75rem !important;
  font-weight: 500;
}

span.chevron.right {
  transform: rotate(-90deg);
}

.ucaas-icon-phone, .ucaas-icon-chat, .ucaas-icon-video {
  opacity: 0;
}

@media screen and (min-width: 48em) {
  #n2h-products {
    grid-template-areas: "a b" "c c";
  }
}
@media screen and (min-width: 64em) {
  #n2h-products {
    grid-template-areas: "a b c";
  }
}
@media screen and (min-width: 48em) {
  #n2h-products.open-submenu {
    display: grid !important;
  }
}

@media screen and (min-width: 48em) {
  .n2h-products-part-1 {
    grid-area: a;
  }
}

@media screen and (min-width: 48em) {
  .n2h-products-part-2 {
    grid-area: b;
  }
}

@media screen and (min-width: 64em) {
  #n2h-numbers.open-submenu {
    display: flex !important;
  }
}

.SiteNavItem__link:hover .SiteNavItem__arrow.hover-arrow {
  opacity: 1;
}

@media (min-width: 900px) {
  .SiteNavItem--hasNoBody.SiteNavItem--isArrowHidden .SiteNavItem__arrow.hover-arrow {
    display: none;
  }
}
* {
  --hover-transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
}

.hover-arrow {
  --arrow-spacing: 5px;
  --arrow-hover-transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
  --arrow-hover-offset: translateX(3px);
  --arrow-tip-transform: none;
  --arrow-line-opacity: 0;
  position: relative;
  top: 1px;
  margin-left: var(--arrow-spacing);
  stroke-width: 2px;
  fill: none;
  stroke: currentColor;
  opacity: 0;
  transition: var(--hover-transition);
  transition-property: opacity;
}

.hover-arrow-small {
  --arrow-spacing: 4px;
  stroke-width: 1.5px;
}

.hover-arrow-line-path {
  opacity: var(--arrow-line-opacity);
  transition: opacity var(--hover-transition, var(--arrow-hover-transition));
}

.hover-arrow-tip-path {
  transform: var(--arrow-tip-transform);
  transition: transform var(--hover-transition, var(--arrow-hover-transition));
}

@media (pointer: fine) {
  a:hover .hover-arrow-line-path, button:hover .hover-arrow-line-path {
    --arrow-line-opacity: 1;
  }
  a:hover .hover-arrow-tip-path, button:hover .hover-arrow-tip-path {
    --arrow-tip-transform: var(--arrow-hover-offset);
  }
}
@media (pointer: coarse) {
  a:active .hover-arrow-line-path, button:active .hover-arrow-line-path {
    --arrow-line-opacity: 1;
  }
  a:active .hover-arrow-tip-path, button:active .hover-arrow-tip-path {
    --arrow-tip-transform: var(--arrow-hover-offset);
  }
}