/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */

/* Blog post css start */
/* Ensure flex container */
.blog-posts .post-items {
  display: flex;
  flex-wrap: wrap;
}

/* Default: full width (mobile) */
.blog-posts .post-items > div {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  /* First post - col-lg-8 */
  .blog-posts .post-items > div:nth-child(1) {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  /* All other posts - col-lg-4 */
  .blog-posts .post-items > div:nth-child(n + 2) {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
/* Blog post css end */

/* header css start */
.tab-on-hover .e-n-tabs-heading button:hover, .tab-on-hover .e-n-tabs-heading button:focus, .tab-on-hover .e-n-tabs-heading button:active{border-radius: 5px !important;}

.topbar,
.menu-header {
  transition: all 0.3s linear !important;
  height: auto;
}
.sticky .menu-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  transition: all 0.3s linear !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sticky .topbar {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.3s linear !important;
}
/* header css start */

/* footer css start */
.footer-listing li {
  transition: 0.5s ease-in-out;
}
.footer-listing li:hover {
  transform: translatex(5px);
  transition: 0.5s ease-in-out;
}
.footer-social-icons a:hover {
  font-size: 24px !important;
  transform: translatey(-5px);
  transition: 0.5s ease-in-out;
}
.subscribe-form {
  display: flex !important;
  position: relative;
}
.subscribe-form button {
  position: absolute;
  content: "";
  right: -1px;
  padding: 17px 28px !important;
  border: 0;
  display: flex;
  border-radius: 100px !important;
}
.subscribe-form input {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 100px !important;
  border: 0 !important;
}
.subscribe-form input::placeholder {
  font-size: 12px !important;
}
/* footer css end */

/* homepage css start */
.banner-slide-2 .hero-banner-search input {
  border: 1px solid #fff !important;
}
.banner-slide-2 .hero-banner-search input::placeholder{
  color: #fff !important;
}
.hero-banner-search input {
  background: #ffffff00 !important;
  border: 1px solid #6d6d6d !important;
  padding: 15px 30px !important;
  border-radius: 30px !important;
}
.hero-banner-search .elementor-widget-container {
  position: relative;
}
.hero-banner-search .elementor-widget-container button {
  padding: 13px 32px !important;
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border: 0 !important;
}
.hero-banner-slider .owl-dots button:before {
  border-radius: 50px;
  background-color: #a2a2a2 !important;
  position: absolute;
  content: "";
  width: 8px;
  left: 3px;
  top: 3px;
  height: 8px;
}
.line-heading h3,
.hero-banner-slider .owl-dots button {
  position: relative;
}
.hero-banner-slider .owl-dots button.owl-dot.active:before {
  background-color: #f58325 !important;
}
.hero-banner-slider .owl-dots button {
  border: 2px solid #a2a2a2 !important;
}
.hero-banner-slider .banner-slide-2 .owl-dots button {
  border: 2px solid #a2a2a2 !important;
}
.line-heading h3:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #146795;
  right: -35px;
  top: 13px;
}
.line-heading h3:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #146795;
  left: -35px;
  top: 13px;
}
.buy-now-btn svg {
  width: 30px !important;
}
.buy-now-btn .elementor-button-content-wrapper {
  align-items: center !important;
}
.features-box:hover .elementor-icon svg path {
  fill: #fff !important;
}
.features-box:hover h3 span,
.features-box:hover p {
  color: #fff;
}
.service-box:hover .buy-now-btn svg rect {
  fill: #0b3d59 !important;
}
.service-box:hover .buy-now-btn svg path {
  fill: #fff !important;
}
.choose-img-box svg {
  border: 7px solid #fff;
  border-radius: 50%;
}
.orange-box:hover .choose-img-box svg {
  border: 7px solid #f58325;
}
.blue-box:hover .choose-img-box svg {
  border: 7px solid #146795;
}
.blue-box:hover .choose-img-box svg circle {
  fill: #f58325;
  transition: 0.3s ease-in-out;
}
.orange-box:hover .choose-img-box svg circle {
  fill: #146795;
  transition: 0.3s ease-in-out;
}
.orange-box,
.blue-box,
.orange-box:hover .choose-img-box svg,
.blue-box:hover .choose-img-box svg {
  transition: 0.3s ease-in-out;
}
.choose-img-box h3.elementor-image-box-title {
  margin-top: 0 !important;
}
.border-box {
  border-top: 25px solid #fff !important;
}
.rounded-border .elementor-divider-separator {
  border-radius: 20px;
}
.process-card:hover .num-head .elementor-widget-container {
  background: #f58325 !important;
}
.process-card:hover .rounded-border .elementor-divider-separator {
  border-color: #f58325 !important;
}
.process-card:hover .hover-black-heading h4,
.process-card:hover .elementor-widget-container p {
  color: #000 !important;
}
.blog-posts .elementskit-post-image-card {
  box-shadow: none !important;
}
.blog-posts .elementskit-meta-lists {
  border-radius: 10px;
  background: #f58325;
}
.blog-posts img {
  height: 320px !important;
  object-fit: cover !important;
}
.blog-posts h2,
.blog-posts p,
.blog-grid h3.elementor-post__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body .last-sec {
  background-size: 100% 100% !important;
}
.num-head {
  position: relative;
}
.process-card:hover .num-head::before {
  background-color: #f58325 !important;
  transition: 0.2s ease-in-out !important;
}
.num-head::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 22px;
  display: block;
  left: 90px;
  top: 1px;
  background-color: #146795;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  transition: 0.2s ease-in-out;
}
.service-box:hover .service-btn a {
  background: #0b3d59;
}
.client-testimonial .button_test i {
  cursor: pointer;
}
.last-sec-form {
  display: flex !important;
  gap: 15px;
}
.last-sec-form select:focus {
  border: 1px solid #fff;
}
.last-sec-form select {
  border-radius: 100px !important;
  padding: 18px 22px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  appearance: none;
  outline: none !important;
  font-size: 18px !important;
}
.last-sec-form .select-wrap {
  position: relative;
  width: 100%;
}
.last-sec-form .select-wrap:before {
  content: "";
  background: url(/wp-content/uploads/2025/05/arrow.png) no-repeat right center;
  position: absolute;
  width: 20px;
  height: 10px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}
.last-sec-form button {
  border: 1px solid #f58325 !important;
  padding: 18px 42px;
}
.last-sec-form button:hover {
  border: 1px solid #fff !important;
}
.last-sec-form select option {
  color: #000 !important;
}
.blog-posts .btn-wraper a {
  gap: 5px !important;
}
/* homepage css end */

/* About page css start */
.no-link h3 {
  margin-top: 0;
}
.no-link p a {
  font-size: unset !important;
  font-family: "Poppins", Sans-serif !important;
  font-weight: unset !important;
}
.faq-box .e-n-accordion-item-title[aria-expanded="true"] {
  border: 0 !important;
  padding-bottom: 0 !important;
  transition: all 0.3s ease-in-out;
}
.abt-img-box .elementor-icon-box-icon {
  border: 7px solid #f58325;
  border-radius: 100px;
  padding: 15px;
  transition: 0.5s all;
}
.result-box:hover .abt-img-box .elementor-icon-box-icon {
  border: 7px solid #146795;
  transition: 0.5s all;
}
.trusted-right-box {
  background-size: 100% 100% !important;
}
.trusted-right-box h3,
.trusted-right-box p,
.trusted-right-box img {
  opacity: 0 !important;
  transition: 0.5s all;
}
.trusted-right-box:hover h3,
.trusted-right-box:hover p,
.trusted-right-box:hover img {
  opacity: 1 !important;
  transition: 0.5s all;
}
/* About page css end */

/* Contact page css start */
.my-contact-form .form-row {
  display: flex;
  gap: 30px;
}
.my-contact-form .form-group {
  width: 100%;
  margin-bottom: 30px;
}
.my-contact-form .form-group label {
  margin-bottom: 20px;
}
.my-contact-form .form-group input,
.my-contact-form .form-group textarea {
  border: 1px solid #e6e6e6;
  border-radius: 50px;
  padding: 18px 20px;
}
.my-contact-form label {
  color: #000;
  font-size: 16px;
}
.my-contact-form .form-group textarea {
  border-radius: 30px;
}
.my-contact-form input::placeholder,
.my-contact-form textarea::placeholder {
  color: #b7b7b7 !important;
}
.my-contact-form button {
  width: 100%;
  border: 0;
}
/* Contact page css end */

/* Basic Plan page css start */
.plan-table ul li::marker {
  color: #f58325 !important;
}
.plan-table th,
.plan-table tr td:first-child {
  font-family: "Helvetica", Sans-serif;
}
.plan-table td {
  border: 1px solid #e8e8e8 !important;
  background-color: #fff !important;
}
.plan-table {
  overflow-x: auto;
  white-space: nowrap;
  display: block;
}
.plan-table tbody {
  display: table;
  width: 100%;
}
/* Basic Plan page css end */

/* Services page css start */
.services-box:hover .view-more-btn a.elementor-button {
  background: #ffffffab !important;
  color: #000 !important;
}
.services-box .elementor-image-box-img {
  display: flex;
}
.services-box .elementor-image-box-title {
  margin-top: 0 !important;
}
.services-tabs .e-n-tabs-heading button:hover,
.services-tabs .e-n-tabs-heading button:focus {
  border-radius: 6px !important;
}
.services-box:hover .elementor-image-box-content h3,
.services-box:hover .service-excerpt {
  color: #fff !important;
}
.services-box:hover .elementor-image-box-img img {
  filter: brightness(15) !important;
  transition: 0.3s all;
}
.service-content ul li::marker {
  color: #f58325 !important;
}
/* Services page css end */

/* Single Service page css start */
.services-faq .faq-question {
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #302a2a;
  line-height: 150%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.services-faq .faq-question[aria-expanded="true"] {
  border: 0;
}
.services-faq .faq-answer {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #828282;
  border-bottom: 1px solid #302a2a;
  line-height: 150%;
  padding-top: 10px;
}
/* Single Service page css end */

/* Single Blog page css start */
.blog-featured-img-box:hover .trending-btn {
  opacity: 1;
  transition: all 0.5s;
}
.blog-featured-img-box .trending-btn {
  opacity: 0;
  transition: all 0.5s;
}
.blog-featured-img-box {
  position: relative;
}
.blog-featured-img-box:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #14679554;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* Single Blog page css end */

/* News page css start */
.blog-grid .elementor-post__text {
  order: 3;
}
.blog-grid .elementor-post__meta-data {
  order: 2;
}
.blog-grid .elementor-post__read-more:hover {
  color: #0b3d59 !important;
}
/* News page css end */

@media screen and (max-width: 1200px){
  .header-menu ul li a{font-size: 14px !important;}
}

@media screen and (max-width: 767px) {
  .service-icon-list .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}