/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1710761347
Updated: 2024-03-18 13:29:07

*/

.customBtnArrow.elementor-widget-button span.elementor-button-icon svg {
  width: 40px !important;
}

.customBtnArrow a.elementor-button .elementor-button-content-wrapper {
  align-content: center;
  align-items: center;
}

.gradTextLtoR {
  background: -webkit-linear-gradient(35deg,#ED1D24, #2B2B2B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customArrowBtn span.elementor-button-content-wrapper {
  display: flex;
  align-content: center;
  align-items: center;
}

.customArrowBtn .elementor-button-icon svg {
  width: 8px !important;
  transition: all 0.5s;
}

.customArrowBtn:hover .elementor-button-icon svg {
  margin-left: 5px;
}

.text-primary {
  color:#ED1D24;
}

.limitLines2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.limitLines3 {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.teamMembersCarousel .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
  bottom: -120px !important;
  top: unset;
}

.teamMembersCarousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #2B2B2B !important;
  border-radius: 40px !important;
}

.teamMembersCarousel .swiper-pagination-progressbar {
  background: rgba(45, 45, 45, 0.14) !important;
  border-radius: 40px !important;
}

.customBtnArrow svg {
  border: 0px solid transparent;
  border-radius: 50px;
  transition: 0.5s all;
  outline: 0px solid#ED1D24;
}

.customBtnArrow a:hover svg {
  outline: 2px solid#ED1D24;
  border-radius: 50px;
  border: 2px solid transparent;
}

ul.sub-menu {
  background: #e0e0e0 !important;
  margin-top: 10px !important;
  border-radius: 20px;
}

ul.sub-menu li a {
  background: transparent !important;
  color: #11485e !important;
  text-transform: uppercase;
}

ul.sub-menu li a:hover {
  color:#ED1D24 !important;
}

.eael-offcanvas-toggle-wrap .eael-offcanvas-toggle svg {
  width: 30px;
  height: 30px;
}

.appProcessBlock1::after {
  content: "";
  display: block;
  width: 1px;
  height: 42px;
  background:#ED1D24;
  visibility: visible;
  position: absolute;
  bottom: -42px;
  left: 50%;
}

.appProcessBlock2::before {
  content: "";
  top: unset;
  display: block;
  width: 1px !important;
  height: 42px;
  background:#ED1D24;
  visibility: visible;
  position: absolute;
  bottom: -42px;
  left: 25%;
  border: none;
}

.appProcessBlock2::after {
  content: "";
  display: block;
  width: 1px;
  height: 42px;
  background:#ED1D24;
  visibility: visible;
  position: absolute;
  bottom: -42px;
  left: 75%;
}

.customUL ul li {
  color: rgba(224, 224, 224, 0.75);
}

.customUL ul {
  padding-left: 20px !important;
}

.customUL ul li::marker {
  color:#ED1D24;
}

.kbWrapper .e-loop-item.knowledge_base:nth-child(2n + 1) .kbItem {
  background: #11485e !important;
}

.single hr {
  background: #2B2B2B !important;
  border: none;
  height: 1px;
}

.single .contentBlock h1,
.single .contentBlock h2,
.single .contentBlock h3,
.single .contentBlock h4,
.single .contentBlock h5,
.single .contentBlock h6 {
  margin: 60px 0px;
}

.careersCarousel .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
  bottom: -120px !important;
  top: unset;
}

.careersCarousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #2B2B2B !important;
  border-radius: 40px !important;
}

.careersCarousel .swiper-pagination-progressbar {
  background: rgba(45, 45, 45, 0.14) !important;
  border-radius: 40px !important;
}

.contactUsForm textarea.elementor-field-textual {
  resize: none;
  padding: 16px 17px;
  height: 55px;
}

.page-id-7 .elementor-button[type="submit"] svg {
  width: 40px;
  height: 40px;
}

.page-id-7 .elementor-button[type="submit"] svg g {
  fill: unset !important;
}

.page-id-7 .elementor-button[type="submit"] svg circle,
.page-id-7 .elementor-button[type="submit"] svg path {
  fill:#ED1D24 !important;
}

.page-id-7 .elementor-button[type="submit"] {
  padding: 0px !important;
  margin-top: 20px !important;
}

.page-id-7 .elementor-button[type="submit"] svg {
  border: 0px solid transparent;
  border-radius: 50px;
  transition: 0.5s all;
  outline: 0px solid#ED1D24;
}

.page-id-7 .elementor-button[type="submit"]:hover svg {
  outline: 2px solid#ED1D24;
  border-radius: 50px;
  border: 2px solid transparent;
}

ul.elementor-nav-menu--dropdown a {
  border: none !important;
}

.longDescription {
  /* display: none; */
}

.shortDescription {
  /* display: -webkit-box; */
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cursorPointer{
  cursor: pointer;
}
.mobileMenuFS .elementor-nav-menu .elementor-item span.sub-arrow {
  fill: #fff;
}
.mobileMenuFS .elementor-nav-menu .elementor-item.highlighted span.sub-arrow {
  fill:#ED1D24;
}
.mobileMenuFS .elementor-nav-menu ul.sub-menu li{
  padding-left: 20px;
}
.mobileMenuFS .elementor-nav-menu ul.sub-menu {
  max-width: 85vw !important;
}
.mobileMenuFS .elementor-nav-menu ul.sub-menu li a{
  font-size: 18px !important;
}
.teamMemberItem .longDescription{
  display: none;
}
.teamMemberItem .shortDescription{
  display: -webkit-box;
}
.socialList a.elementor-icon.elementor-social-icon:hover {
  background-color: transparent !important;
}
.socialList a.elementor-icon.elementor-social-icon:hover svg {
  fill:#ED1D24 !important;
}

/*** RESPONSIVE MEDIA QUERIES ***/
@media screen and (min-width: 1200px) {
  .desktop-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .desktop-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }
}

@media screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .desktop-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }
  .appProcessBlock2::before {
    content: "" !important;
    top: unset !important;
    display: block !important;
    width: 1px !important;
    height: 42px !important;
    background:#ED1D24;
    visibility: visible !important;
    position: absolute !important;
    bottom: -42px !important;
    left: 25% !important;
    border: none !important;
  }
  
  .appProcessBlock2::after {
    content: "";
    display: block;
    width: 1px;
    height: 42px;
    background:#ED1D24;
    visibility: visible;
    position: absolute;
    bottom: -42px;
    left: 75%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .desktop-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .mainTopBanner {
    --padding-inline-start: 0px !important;
  }

  .mobileOffCanvas .elementor-nav-menu--main .elementor-nav-menu ul {
    position: relative;
    max-width: 100% !important;
    margin: 0px !important;
  }

  .appProcessBlock2::before {
    display: none !important;
  }

  .appProcessBlock2::after {
    left: 50% !important;
  }

  .appProcessBlock1Mobile::after {
    content: "";
    display: block;
    width: 1px;
    height: 42px;
    background:#ED1D24;
    visibility: visible;
    position: absolute;
    bottom: -42px;
    left: 50%;
  }

  .mobileMenuTrigger .elementor-icon-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
  }
}