/*
Theme Name: Claritas
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/* ==================== Common Style Start ==================== */
:focus,
:focus-visible,
:focus-within {
  outline: none !important;
}

.elementor-menu-cart__toggle_wrapper,
.elementor-menu-cart__toggle,
.elementor-icon-wrapper {
  display: flex !important;
}

.common-details>*:last-child {
  margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
  margin-bottom: 20px;
  margin-top: 0;
}

.common-details ul,
.common-details ol {
  margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
  margin-bottom: 15px;
}

.common-details strong,
.common-details b {
  color: #92E8F7 !important;
}

.common-details .alignnone,
.common-details .alignleft,
.common-details .alignright,
.common-details .aligncenter {
  height: 380px !important;
  object-fit: cover !important;
}

.common-details .alignnone {
  float: none;
  margin: 20px;
}

.common-details .alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

.common-details .alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.common-details .aligncenter {
  float: none;
  display: block;
  margin: 20px auto;
}

.common-details blockquote {
  padding-left: 30px;
  border-left: 5px solid #92E8F7;
  margin-bottom: 20px;
}

/* ==================== Common Style End ==================== */

/* ==================== Common Button Style Start ==================== */
.form-btn {
  position: relative !important;
}

.form-btn::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #FFFFFF !important;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 12.002H5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 18.002C13 18.002 19 13.583 19 12.0019C19 10.4208 13 6.00195 13 6.00195' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
}

.form-btn .button-text {
  display: block;
  position: relative;
  overflow: hidden;
  line-height: inherit;
}

.form-btn .text-wrap,
.common-btn .text-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: inherit;
}

.form-btn .text,
.common-btn .text {
  display: flex;
  white-space: nowrap;
  line-height: inherit !important;
}

.form-btn .top,
.form-btn .bottom,
.common-btn .top,
.common-btn .bottom {
  display: flex;
}

.form-btn .bottom,
.common-btn .bottom {
  position: absolute;
  top: 0;
  left: 0;
}

.form-btn .letter,
.common-btn .letter {
  display: inline-block;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

.form-btn .space,
.common-btn .space {
  width: 0.28em;
}

.common-btn .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
}

.common-btn a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.common-btn a .elementor-button-icon svg {
  width: 24px;
  height: 24px;
}

.common-btn a .elementor-button-icon {
  padding: 5px;
  border-radius: 5px;
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

.common-btn.white-bg-arrow a .elementor-button-icon {
  background: #FFFFFF;
}

.common-btn.sky-bg-arrow a .elementor-button-icon {
  background: #92E8F7;
}

/* ==================== Common Button Style End ==================== */

/* ==================== Breadcrumbs Style Start ==================== */
.breadcrumbs ul li a .elementor-icon-list-text {
  color: rgba(255, 255, 255, 0.5) !important;
}

.breadcrumbs ul li a:hover .elementor-icon-list-text {
  color: #92E8F7 !important;
}

/* ==================== Breadcrumbs Style End ==================== */

/* ==================== Header Style Start ==================== */
.pll-dropdown {
  position: relative;
  display: inline-block;
  font-family: "Urbanist", sans-serif;
}

.pll-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.15);
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.pll-arrow,
.pll-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pll-arrow svg,
.pll-icon svg {
  height: 24px;
  width: 24px;
}

.pll-current {
  font-family: "Urbanist", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}

.pll-arrow {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.pll-dropdown.active .pll-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.pll-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  background: #2D2B29;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
  z-index: 999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.pll-dropdown.active .pll-list {
  display: block;
}

.pll-list li {
  margin: 0;
}

.pll-list a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px 8px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.pll-list a:hover {
  color: #FFFFFF;
}

.pll-list a:hover,
.pll-list .active a {
  background: rgba(255, 255, 255, 0.08);
}

.pll-list li:first-child>a:hover,
.pll-list li:first-child.active>a {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}

.pll-list li:last-child>a:hover,
.pll-list li:last-child.active>a {
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
}

.h-popup-menu ul li a {
  display: inline-flex !important;
}

.h-popup-menu ul li {
  position: relative !important;
  text-align: center !important;
}

.h-popup-menu ul li::after {
  content: "" !important;
  position: absolute !important;
  left: -60px !important;
  bottom: -40px !important;
  height: 1px !important;
  width: 200px !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  pointer-events: none !important;
}

.h-popup-menu ul li:last-child::after {
  display: none !important;
}

/* ==================== Header Style End ==================== */

/* ==================== Footer Style Start ==================== */
.f-menu a {
  display: inline-flex !important;
}

.f-contact-info ul {
  display: inline-flex;
  flex-direction: column;
}

.f-contact-info ul li {
  width: fit-content;
  display: inline-flex;
}

.f-contact-info a {
  color: #C4C4C4 !important;
}

.f-contact-info a:hover {
  color: #92E8F7 !important;
}

.f-social-media ul li a .elementor-icon-list-icon svg {
  margin: 0 !important;
}

.f-social-media ul li a .elementor-icon-list-icon {
  background: #92E8F7 !important;
  padding: 5px !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.f-social-media ul li a {
  gap: 12px;
}

.f-social-media ul li a .elementor-icon-list-text {
  padding: 0 !important;
}

/* ==================== Footer Style End ==================== */

/* ==================== Home Page Style Start ==================== */
.bnr-img {
  height: 100% !important;
  width: 100% !important;
}

.bnr-img::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%) !important;
  border-radius: 0 0 30px 30px !important;
  -webkit-border-radius: 0 0 30px 30px !important;
  -moz-border-radius: 0 0 30px 30px !important;
  -ms-border-radius: 0 0 30px 30px !important;
  -o-border-radius: 0 0 30px 30px !important;
}

.company-overview-counter .elementor-counter-number-suffix {
  color: #92E8F7 !important;
}

.why-claritas-img-block {
  background: linear-gradient(115.08deg, rgba(0, 0, 0, 0.25) 0%, #FFFFFF 21%, #FFFFFF 76%, rgba(0, 0, 0, 0.25) 100%) !important;
}

.industries-bg-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.industries-bg-img::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.35) 35%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.35) 65%, rgba(0, 0, 0, 0.9) 100%);
}

.zone-details .elementor-icon-box-content .elementor-icon-box-title,
.industries-details .elementor-icon-box-content .elementor-icon-box-title {
  margin-top: 0 !important;
}

/* ==================== Home Page Style End ==================== */

/* ==================== Service Page Style Start ==================== */
.service-loop-fea-img a {
  width: 100% !important;
}

.service-read-more-btn a .elementor-button-icon svg path {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.service-read-more-btn a:hover .elementor-button-icon svg path {
  fill: #92E8F7 !important;
}

.services-loop-grid .elementor-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.services-loop-grid .elementor-pagination .page-numbers {
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.services-loop-grid .elementor-pagination .page-numbers:hover,
.services-loop-grid .elementor-pagination .page-numbers.current {
  background: #92E8F7;
}

/* ==================== Service Page Style End ==================== */

/* ==================== About Page Style Start ==================== */
.craitas-gradient-text {
  background: linear-gradient(0deg, rgba(146, 232, 247, 0) 19.3%, rgba(146, 232, 247, 0.8) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ==================== About Page Style End ==================== */

/* ==================== Contact Page Style Start ==================== */
.about-us-details-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.contact-info-block .elementor-icon-box-content .elementor-icon-box-title {
  margin-top: 0 !important;
}

.contact-info-block .elementor-icon-box-content .elementor-icon-box-description a {
  color: #757575 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.contact-info-block .elementor-icon-box-content .elementor-icon-box-description a:hover {
  color: #92E8F7 !important;
}

/* ==================== Contact Page Style End ==================== */

/* ==================== Responsive Style Start ==================== */
@media (min-width: 1441px) and(max-width: 1780px) {
  .big-title {
    font-size: clamp(278px, -19.55px + 20.65vw, 348px) !important;
  }

  .company-overview-shape-img {
    left: clamp(-164px, 685.66px + -48.28vw, -10px) !important;
  }
}

@media (min-width: 1367px) and(max-width: 1440px) {
  .company-overview-shape-img {
    left: -10px !important;
  }

  .craitas-gradient-text {
    font-size: clamp(280px, calc(-75.795px + 26.027vw), 299px) !important;
  }
}

@media (min-width: 1367px) and(max-width: 1440px) {
  .big-title {
    font-size: clamp(264px, 1.84px + 19.18vw, 278px) !important;
  }
}

@media (min-width: 1367px) and(max-width: 1560px) {
  .home-bnr-padding-block {
    padding: clamp(280px, 151.22px + 9.42vw, 340px) !important;
  }

  .U-74-48-400-110 {
    font-size: clamp(64px, -6.83px + 5.18vw, 74px) !important;
  }
}

@media (max-width: 1366px) {
  .big-title {
    font-size: clamp(234px, 83.25px + 12.55vw, 264px) !important;
  }

  .why-claritas-icon .elementor-icon {
    padding: 15px !important;
  }

  .craitas-gradient-text {
    font-size: clamp(250px, calc(31.636px + 18.182vw), 280px) !important;
  }
}

@media (max-width: 1200px) {
  .big-title {
    font-size: clamp(198px, -12.86px + 20.57vw, 234px) !important;
  }

  .common-details h1,
  .common-details h2,
  .common-details h3,
  .common-details h4,
  .common-details h5,
  .common-details h6,
  .common-details ul,
  .common-details ol {
    margin-bottom: 15px;
  }

  .common-details ul li,
  .common-details ol li {
    margin-bottom: 10px;
  }

  .why-claritas-icon .elementor-icon {
    padding: 12px !important;
  }

  .craitas-gradient-text {
    font-size: clamp(180px, calc(14.295px + 18.809vw), 240px) !important;
  }
}

@media (max-width: 1024px) {
  .bnr-img::after {
    border-radius: 0 0 20px 20px !important;
    -webkit-border-radius: 0 0 20px 20px !important;
    -moz-border-radius: 0 0 20px 20px !important;
    -ms-border-radius: 0 0 20px 20px !important;
    -o-border-radius: 0 0 20px 20px !important;
  }

  .pll-list a,
  .pll-selected {
    padding: 4px 10px;
  }

  .pll-current {
    font-size: 18px;
  }

  .pll-arrow svg,
  .pll-icon svg {
    height: 20px;
    width: 20px;
  }

  .big-title {
    font-size: clamp(168px, 85.15px + 9.4vw, 198px) !important;
  }
}

@media (max-width: 880px) {
  .big-title {
    font-size: clamp(146px, -4.86px + 19.64vw, 168px) !important;
  }

  .craitas-gradient-text {
    font-size: clamp(160px, calc(22.857px + 17.857vw), 180px) !important;
  }
}

@media (max-width: 767px) {
  .big-title {
    font-size: clamp(106px, -14.63px + 20.94vw, 146px) !important;
  }

  .pll-arrow svg,
  .pll-icon svg {
    height: 16px;
    width: 16px;
  }

  .company-overview-shape-img {
    position: relative !important;
    left: 0 !important;
  }

  .f-policy-menu ul {
    gap: 20px !important;
  }

  .f-policy-menu ul li a {
    margin: 0 !important;
  }

  .craitas-gradient-text {
    font-size: clamp(117px, calc(-12.675px + 22.513vw), 160px) !important;
  }
}

@media (max-width: 575px) {
  .br-style br {
    display: none !important;
  }

  .common-details .alignnone,
  .common-details .alignleft,
  .common-details .alignright,
  .common-details .aligncenter {
    float: none !important;
    display: block !important;
    margin: 20px auto !important;
    height: 320px !important;
  }

  .common-width-100 {
    max-width: 100% !important;
    width: 100% !important;
  }

  .common-grid-block {
    display: flex !important;
    flex-direction: column !important;
  }

  .big-title {
    font-size: clamp(56px, -6.75px + 19.61vw, 106px) !important;
  }

  .craitas-gradient-text {
    font-size: clamp(62px, calc(-7.02px + 21.569vw), 117px) !important;
  }
}

/* ==================== Responsive Style End ==================== */