.title-min/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.12.5
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 10.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */

#tahefobu-header .tahefobu-nav-menu {
    text-align: right;
}
#tahefobu-header .tahefobu-nav-menu li {
    margin-right: 30px;
}
#tahefobu-header .tahefobu-nav-menu-horizontal .tahefobu-menu-item .tahefobu-sub-icon {
    margin-left: 8px;
    text-indent: 0;
}
#tahefobu-header ul.tahefobu-nav-menu li:first-child, #tahefobu-header ul.tahefobu-nav-menu li:nth-child(2) {
    margin-right: 40px;
}
form#ast-commentform input[type="submit"] {
    background: #B1885A !important;
    color: #fff;
    border: none;
    border-radius: 30px 30px 30px 30px !important;
    padding: 15px 35px 15px 35px !important;
    cursor: pointer;
    font-size: 16px !important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
}
.comment-respond, .nav-links {
    font-family: "Montserrat", Sans-serif;
}
li.contactus-link {
    border: 1px solid #B1885A;
    border-radius: 35px;
}
li.contactus-link a  {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.tahefobu-nav-menu li:first-child {
    margin-right: 20px !important;
}
.turbo-footer-template .tahefobu-nav-menu li {
    margin-left: 0px !important;
}
.turbo-footer-template .tahefobu-nav-menu-horizontal .tahefobu-nav-menu > li {
    display: block !important;
}
.turbo-footer-template .tahefobu-nav-menu li a {
    padding-top: 8px !important;
}
.turbo-footer-template .tahefobu-nav-menu li {
    margin-bottom: 10px;
}
.footer-contactinfo ul li:nth-child(2) {
    padding-left: 24px;
    margin-bottom: 10px;
}
.footer-contactinfo ul li:nth-child(3) {
    margin-bottom: 10px;
}
.footer-contactinfo ul li:not(:first-child) {
    margin-block-start: 0px !important;
}
.footer-contactinfo ul li {
    padding-block-end: 0px !important;
}
ul.sub-menu.tahefobu-sub-menu li {
    margin-right: 0px !important;
}

.info-card {
    position: relative;
    overflow: hidden;
    color: #fff;
}
.imgicon-box .elementor-view-stacked .elementor-icon{
    padding: .3em;
}
.elementor-icon .elementor-icon{
    font-size: 30px;
}

.info-card .bottom-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(15,36,60,0.6);
    padding: 15px;
    margin: 0;
    z-index: 2;
    transition: 0.3s;
    left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.process-stepsize .aboutcircle-img img {
    width: 110px;
}

.info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(15,36,60,0.75);
    opacity: 0;
    transition: 0.4s ease;
    z-index: 1;
}


.info-card .hover-content {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.4s ease;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    padding: 20px;
}


.info-card:hover::before {
    opacity: 1;
}

.info-card:hover .hover-content {
    opacity: 1;
    transform: translateY(0);
}

.info-card:hover .bottom-title {
    opacity: 0;
}


@media (max-width: 768px) {
  .turbo-footer-template .tahefobu-nav-menu-bp-mobile .tahefobu-nav-menu-container {
    display: block !important;
  }
  .turbo-footer-template .tahefobu-nav-menu-bp-mobile .tahefobu-mobile-nav-menu-container {
    display: none !important;
  }
  .learn-more-btn {
    font-weight: 500 !important;
    font-size: 16px !important;
 }
}

.process-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 63px;
}
.step {
  text-align: center;
  color: #fff;
  width: 18%;
  min-width: 150px;
  position: relative;
  flex: 1;
}
/* Curved arrow */
.about-process .step:not(:last-child)::after {
  content: '';
    position: absolute;
    top: 38%;
    right: -25px;
    transform: translateY(-50%);
    width: 50px;
    height: 40px;
    background: url(https://sona.yourproject.cloud/wp-content/uploads/2026/04/right-arrow.png) no-repeat center;
    background-size: contain;
}
@media (max-width: 1024px) {
    .step  {
       min-width: unset;
    }
    .process-container {
       gap: 80px;
       justify-content: center;
    }
}
@media (max-width: 991px) {
     .about-process .step:not(:last-child)::after  {
       content: unset;
      }
}   
@media (max-width: 768px) {
   .about-process .step:not(:last-child)::after  {
       content: '';
      }
  .about-process .process-container  {
    flex-direction: column;
    align-items: center;
  }

  .about-process .step {
    margin-bottom: 60px;
  }

  .about-process .step:not(:last-child)::after {
    top: auto;
    bottom: -88px;
    left: 50%;
    right: auto;

    transform: translateX(-50%) rotate(90deg);

    width: 40px;
    height: 60px;
  }
}
.circle img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}
.circle img {
  transform: translateY(15px);
}
.number {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #000;
  font-size: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Playfair Display", Sans-serif;
  font-size: 25px;
  font-weight: 400;
}
.step p {
  font-size: 20px;
  line-height: 1.5;
  font-family: "Montserrat", Sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}
.circle {
  position: relative;
}
@media (max-width: 1200px) {
  .
   {
    justify-content: center;
    gap: 40px;
  }

  .step {
    width: 30%; /* 3 per row */
  }

  .circle img {
    width: 180px;
    height: 180px;
  }
}
/* TABLET VIEW */
@media (max-width: 1024px) {
  .step {
    width: 45%; /* 2 per row */
  }

  .circle img {
    width: 160px;
    height: 160px;
  }

  .step p {
    font-size: 18px;
  }
}
/* MOBILE VIEW */
@media (max-width: 767px) {
.stepinner-text-top {
  font-size: 30px !important;
  width: 100% !important;
  line-height: 30px !important;
}
.title {
  margin-top: 25px !important;
  font-size: 20px !important;
}
.zigzag-image {
  max-width: 100% !important;
}
.zigzag-row.reverse .zigzag-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.top-row {
  display: block !important;
}
.stepinner-text-bottom {
  font-size: 30px !important;
  width: 100% !important;
}
#wpcf7-f1048-p18-o1 .cf7-modern-form input[type="submit"]:hover,#wpcf7-f1048-p18-o1 .cf7-modern-form input[type="submit"]:focus {
  margin-top: 35px !important;
}
.cf7-modern-form input {
  font-size: 15px !important;
  height: 35px !important;
}
.cf7-modern-form textarea{
  font-size: 15px !important;
  height: 80px !important;
}
h3.post-title, h3.post-title a {
  font-size: 15px !important;
  line-height: 18px !important;
}
.title-min h2.elementor-heading-title {
  min-height: auto;
}
li.contactus-link a {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
li.contactus-link {
  border: 0;
  border-radius: 0;
}
  .
   {
    flex-direction: column;
    align-items: center;
  }

  .step {
    width: 100%;
    max-width: max-content;
  }

  .circle img {
    width: 160px;
        height: 160px;
  }

  .step p {
    font-size: 16px;
  }
}
.about-process .step p {
  color: #000;
}
.aboutnumber {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #0F243C;
  color: #fff;
  font-size: 12px;
  width: 80px;
  height: 38px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Playfair Display", Sans-serif;
  font-size: 30px;
  font-weight: 400;
}
.aboutcircle-img {
    background: #FAF6F0;
    height: 145px;
    width: 145px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    transform: translateY(26px);
}
.circle, .aboutcircle {
  position: relative;
  width: 208px;
  height: 200px;
  margin: 0 auto 15px;
  border-radius: 50%;
  border: 2px solid rgba(224,224,224,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-process .process-container {
  margin-bottom: 114px;
}
.about-process .aboutcircle {
  border: 2px solid rgba(232,232,232,0.4);
}

/* 🔥 Responsive */
@media (max-width: 992px) {
  .container {
    justify-content: center;
    gap: 30px;
  }

  .step {
    width: 50%;
  }
  
}

@media (max-width: 576px) {
  .step {
    width: 100%;
  }
}

.custom-form {
  max-width: 700px;
}

.custom-form .row {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.custom-form .col {
  width: 50%;
}
.wa__popup_chat_box .wa__stt::after {
  display: none !important;
}
.custom-form .full {
  display: block;
}

.custom-form input,
.custom-form select,
.custom-form textarea {
  border: none;
  border-bottom: 1px solid #A6A6A6;
  padding: 10px 5px;
  background: transparent;
  box-shadow: none !important;
  border-radius: 12px !important;
  height: 55px;
  font-size: 15px;
  font-family: "Montserrat", Sans-serif;
  font-weight: 500;
  color: #707070;
}
.custom-form input::placeholder,
.custom-form select::placeholder,
.custom-form textarea::placeholder {
  color: #707070;
  opacity: 1; /* important for consistency */
}
.custom-form p {
    margin-bottom: 0;
}
.custom-form textarea {
  height: 150px;
  resize: none;
}

.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus {
  /*outline: none !important;
  border-radius: 12px !important;
  border-bottom: 1px solid #A6A6A6;
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-color: #fff #fff #A6A6A6 #fff !important;
  border-width: unset;
  */
}

/* Buttons */
.custom-form .buttons {
  align-items: center;
  gap: 20px;
}

button.reset-btn,button.reset-btn:hover {
    background: transparent;
    color: #707070;
    box-shadow: none;
    font-size: 16px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
}

.custom-form input[type="submit"] {
  background: #B1885A !important;
  color: #fff;
  border: none;
  border-radius: 30px 30px 30px 30px !important;
    padding: 15px 35px 15px 35px !important;
  cursor: pointer;
  font-size: 16px !important;
  font-family: "Montserrat", Sans-serif;
  font-weight: 600;
}

.reset-btn {
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 600px) {
  .custom-form .row {
    flex-direction: column;
  }

  .custom-form .col {
    width: 100%;
  }
}


.image-frame {
    position: relative;
    display: inline-block;
}

.image-frame img {
    display: block;
    border-radius: 0px;
}

/* The offset border box */
.image-frame::before {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    width: 100%;
    height: 100%;
    border: 1px solid #B1885A;
    border-radius: 0px;
    z-index: -1;
}
.hero-gradient {
    position: relative;
    overflow: hidden;
}

.hero-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(26, 42, 64, 0) 0%,
        rgba(26, 42, 64, 0.4) 40%,
        rgba(0, 0, 0, 0.85) 100%
    );
    z-index: 2;
}
.elementor-swiper-button {
    z-index: 9 !important;
}

/* Set exact height for slider container */
/*.homemain-slider {
    min-height: 700px;
    height: 700px;
}*/
.homemain-slider  .swiper-pagination {
   bottom: 235px !important;
}
/* Target carousel wrapper */
.homemain-slider .swiper,
.homemain-slider .swiper-wrapper,
.homemain-slider .swiper-slide {
    height: 100% !important;
}

/* Fix image scaling */
.homemain-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Keep content above overlay */
.hero-gradient .elementor-container {
    position: relative;
    z-index: 2;
}

.image-shadow-card {
    position: relative;
    display: inline-block;
}

/* 🔥 Shadow layer behind image */
.image-shadow-card::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    bottom: -20px;   /* move shadow down */
    left: 50%;
    transform: translateX(-50%);
    
    background: rgba(0, 0, 0, 0.25);
    filter: blur(40px);   /* soft glow effect */
    
    z-index: 0;
    border-radius: 20px;
}

/* keep image above shadow */
.image-shadow-card img {
    position: relative;
    z-index: 1;
    border-radius: 10px; /* optional */
}

.title-min h2.elementor-heading-title {
    min-height: 53px;
}

/* Step container */
.step-box {
    position: relative;
    margin-bottom: 80px;
}

/* Step label (01 Step box) */
.step-label {
    display: inline-block;
    border: 1px solid #cfd6df;
    padding: 10px 15px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 15px;
}

.step-number {
    font-size: 22px;
    font-weight: 600;
    display: block;
}

.step-text {
    font-size: 14px;
    color: #555;
}

/* Dark content box */
.step-box .elementor-widget-text-editor {
    background: #0f2742;
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    max-width: 500px;
}

/* Image styling */
.step-box img {
    border-radius: 10px;
}

/* Optional spacing fix */
.step-box .elementor-column {
    align-items: center;
}

/* Connector dotted line (basic) */
.step-box::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    border-right: 2px dashed #d6cfc7;
    left: 50%;
    top: 100%;
}
.reverse-step .elementor-container {
    flex-direction: row-reverse;
}
/* Align step + heading vertically */
.step-inline {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Step box */
.step-label {
    border: 1px solid #cfd6df;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    min-width: 60px;
}

.step-number {
    font-size: 20px;
    font-weight: 600;
    display: block;
    line-height: 1;
}

.step-text {
    font-size: 12px;
    color: #555;
}

/* Heading spacing fix */
.step-inline h2,
.step-inline h3 {
    margin: 0;
}


.hero-slider-shell {
  max-width: 1440px;
  margin-inline: auto;
}

.hero-swiper {
  position: relative;
}

.hero-slide-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 62%);
  min-height: 560px;
}

.hero-copy {
  padding-inline-start: 10px;
  padding-top: 50px;
  padding-bottom: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.hero-kicker {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #b1885a;
  margin-bottom: 20px;
}

.hero-title {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  line-height: 1.02;
  color: #ffffff;
  margin-bottom: 50px;
}

.hero-description {
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #cccccc;
  margin-bottom: 32px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}

.hero-cta {
  color: #fff;
  background: #0f243c;
  border-radius: 999px;
  padding: 0.9rem 1.6rem;
  font-weight: 600;
}

.hero-cta:hover,
.hero-cta:focus {
  color: #fff;
  background: #183552;
}

.hero-image-wrap {
  min-height: 100%;
}

.hero-image-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.hero-pagination.swiper-pagination {
    position: absolute;
    height: 50px;
    left: 10px !important;
    bottom: 40px !important;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    width: max-content !important;
    max-width: calc(58% - 96px);
}

.hero-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 !important;
  opacity: 1;
  border-radius: 50%;
  padding: 0;
  background: #efe6da;
  color: transparent;
  font-size: 0;
  font-weight: 600;
  letter-spacing: 0.02em;
  overflow: hidden;
  white-space: nowrap;
  transition: background-color 0.3s ease, color 0.3s ease, font-size 1s ease,
  transform 0.5s ease, width 1s ease, padding 0.5s ease;
}
.hero-pagination .swiper-pagination-bullet:hover {
  background: #B1885A !important;
  color: #ffffff !important;
}
.hero-pagination .swiper-pagination-bullet-active {
  width: auto;
  height: auto;
  background: #B1885A !important;
  color: #ffffff !important;
  font-size: 0.86rem;
  border-radius: 999px;
  padding: 12px 18px;
  transform: translateY(-2px);
}

.section-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.35rem, 4.3vw, 3rem);
  line-height: 0.98;
  margin-inline: auto;
  margin-bottom: 20px;
}

.client-section .section-title {
  color: #fff;
  max-width: 12ch;
}

.blogs-section .section-title {
  color: #0F243C;
}

.section-copy {
  color: #cccccc;
  font-size: 0.98rem;
  line-height: 1.45;
  max-width: 34rem;
  margin-inline: auto;
}

.learn-more-btn {
  background: #B1885A;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none !important;
  border-radius: 30px;
  padding: 10px 26px;
  position: relative;
  z-index: 2;
}
.learn-more-btn:hover,
.learn-more-btn:focus {
  color: #B1885A !important;
  background: #fff !important;
}

/* .swiper {
  position: relative;
  display: block;
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
  list-style: none;
  z-index: 1;
} */

/* .swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transition-property: transform;
  transform: translateZ(0);
} */

/* .swiper-horizontal {
  touch-action: pan-y;
} */

/* .swiper-slide {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  transition-property: transform;
} */

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d {
  perspective: 1200px;
}

.panorama-slider .swiper-slide .swiper-slide-content {
  width: 100%;
  background: #fff;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panorama-slider .swiper-slide .swiper-slide-content img {
  width: 60%;
  object-fit: contain;
}
.panorama-slider .swiper-slide {
  justify-content: center;
  align-items: center;
  display: flex;
}

.panorama-slider .swiper-3d .swiper-wrapper,
.panorama-slider .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.panorama-slider .swiper-panorama {
  overflow: visible;
}

.panorama-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
  max-width: 1920px;
  margin-inline: auto;
}

.panorama-slider .swiper {
  width: 100%;
  height: 280px;
}

.panorama-slider .slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.blog-slide {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 315px;
  width: 100%;
  margin-inline: auto;
  cursor: pointer;
}

.blog-slide .blog-content {
  aspect-ratio: 315/420;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.blog-slide .blog-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-slide .blog-content svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-slide:focus-visible {
  outline: 3px solid #b1885a;
  outline-offset: 8px;
  border-radius: 16px;
}

.blogs-slider {
  padding-top: 40px;
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
}

.blog-slide .blogs-swiper-title {
  font-size:  16px;
  font-weight: 500;
  line-height: 21px;
  text-align: start;
  padding-inline: 10px;
  color: #000000;
}

.blogs-swiper .swiper-button-next,
.blogs-swiper .swiper-button-prev {
  all: unset;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FAF6F0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.blogs-swiper .swiper-button-next::after,
.blogs-swiper .swiper-button-prev::after {
  display: none;
}

.blogs-swiper .swiper-button-prev svg {
  transform: rotate(180deg);
}

.blogs-swiper .swiper-button-prev svg,
.blogs-swiper .swiper-button-next svg {
  width: 24px;
  height: 24px;
}

.blog-video-modal .modal-content {
  background: #0f243c;
  color: #ffffff;
  border-radius: 24px;
}

.blog-video-modal .btn-close {
  filter: invert(1);
}

.blog-video-frame {
  border-radius: 20px;
  overflow: hidden;
  background: #000000;
}

.blog-video-frame video,
.blog-video-frame iframe {
  display: block;
  width: 100%;
}

@media (min-width: 1700px) {
  .panorama-slider .swiper {
    height: 320px;
  }
}

@media (max-width: 992px) {
.hero-pagination.swiper-pagination {
    left: 50% !important;
  }
  .hero-slide-card {
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .hero-copy {
    padding: 48px 24px 10px;
    align-items: center;
  }
  
  .hero-title, .hero-description{
    text-align: center;
    max-width: 768px;
  }

  .hero-image-wrap {
    min-height: 360px;
  }

  .hero-image-wrap img {
    max-height: 540px;
  }

  .hero-swiper {
    padding-bottom: 60px;
  }

  .hero-pagination.swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 72px);
    bottom: 20px;
  }

  .panorama-slider .swiper {
    height: 280px;
  }
  .modal-title {
    display: none;
  }
  
}

@media (max-width: 768px) {
.tab-wrap-list ul {
    gap: 10x;
}
.eael-tabs-nav li {
        padding-top: 22px !important;
}
.turbo-footer-template .tahefobu-nav-menu li a {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}
.custom-form input[type="submit"], button.reset-btn {
        font-size: 16px !important;
    font-weight: 500 !important;
  }

 .hero-copy {
    padding: 36px 12px 12px;
  }

  .hero-title {
    max-width: none;
    font-size: clamp(2rem, 8vw, 3rem);
  }

  .hero-description {
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .hero-image-wrap {
    min-height: 280px;
  }

  .hero-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .hero-pagination .swiper-pagination-bullet-active {
    width: auto;
    height: auto;
    padding: 10px 14px;
    font-size: 0.8rem;
  }

  .panorama-slider .swiper {
    height: 240px;
  }
}

@media (max-width: 480px) {
  .panorama-slider .swiper {
    height: 200px;
  }
}

.gradient-overlay-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* pushes content to bottom */
}

/* Gradient overlay */
.gradient-overlay-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.5) 50%,
        transparent 100%
    );
    z-index: 1;
}

/* Heading */
.gradient-overlay-box .elementor-heading-title {
    position: relative;
    z-index: 2;
    color: #fff;
    margin: 0;
}

.cf7-modern-form .form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

/* Each field = 50% */
.cf7-modern-form .form-row .field {
    width: 50%;
}

/* Full width rows */
.cf7-modern-form .form-row.full .field {
    width: 100%;
}

/* Remove CF7 extra spacing */
.cf7-modern-form p {
    margin: 0;
}

/* Inputs */
.cf7-modern-form input,
.cf7-modern-form textarea {
    width: 100%;
    padding: 10px !important;
    background: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px;
    color: #B1885A !important;
    font-size: 18px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    height: 50px;
    resize: none;
}
.cf7-modern-form input[type="submit"] {
    border-radius: 14px !important;
    width: 100%;
    border-bottom: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 62px;
    font-size: 22px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    margin-top: 0px !important;
    color: #fff !important;
}
.cf7-modern-form input[type="submit"]:hover, .cf7-modern-form input[type="submit"]:focus{
    border-radius: 14px !important;
    width: 100%;
    border-bottom: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 62px;
    font-size: 26px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    margin-top: 55px !important;
     background: #fff !important;
    color: #B1885A !important;
}
.cf7-modern-form input:focus,
.cf7-modern-form textarea:focus{
   background: #fff !important;
    width: 100%;
    color: #B1885A !important;
    padding: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px;
    color: #fff;
    font-size: 22px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
}
.cf7-modern-form .form-row p {
    width: 100%;
}


/* Placeholder */
.cf7-modern-form input::placeholder,
.cf7-modern-form textarea::placeholder {
    color: #B1885A !important;
    background: #fff !important;
}

/* Textarea */
.cf7-modern-form textarea {
    height: 140px;
}
@media (max-width: 767px) {
  .cf7-modern-form .form-row {
    flex-direction: column;
  }

  .cf7-modern-form .form-row .field {
    width: 100%;
  }
}
h4.contact-title {
    font-size: 20px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
}
p.contact-text, p.contact-text a {
    color: #C3C3C3;
    font-size: 18px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none !important;
    margin-bottom: 0px;
}
.contact-item {
    margin-bottom: 50px;
}
#requestconsult:hover, #requestconsult:focus{
    background: #fff !important;
    color: #B1885A !important;
}
#explorebutton:hover, #explorebutton:focus{
    background: #B1885A !important;
    color: #fff!important;
}
.eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav>ul li.active::after {
    background-image: url('https://sona.yourproject.cloud/wp-content/uploads/2026/03/arrow-small-right-2.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    border-left-color: transparent !important;
    border: none !important;
        border: none !important;
    right: 0px !important;
    margin: 0;
    left: 92% !important;
}
.eael-tabs-nav li {
    background-color: transparent !important;
    padding-left: 0px !important;
     padding-right: 0px !important;
    position: relative;
    padding-top: 30px;
    padding-bottom 30px;
}
.tab-wrap-list ul {
    gap: 10px;    
}
.tab-wrap-list ul li {
    border: 1px solid #B7B7B7;
    border-radius: 10px;
    padding: 5px 10px !important;
    
}
.eael-tabs-nav li::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important; /* thickness */

    background: linear-gradient(
        to right,
        rgba(255,255,255,0.6),
        rgba(255,255,255,0.1)
    );
}
.tab-wrap-list ul li:hover {
    background-color: #B7B7B7;
}
.eael-tabs-nav {
    width: 50%;
}
.eael-tabs-content {
    width: 50%;
}
.eael-advance-tabs {
    gap: 50px;
}
.blog-content svg {
  pointer-events: none;
}

.blog-content img {
  pointer-events: none;
}



/* ===== GRID BASE ===== */
.custom-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 42px;
}
.post-image img {
    border-radius: 10px 10px 0 0;
}
/* ===== CARD STYLE ===== */
.post-item {
    border: none;
    padding: 0;
    border-radius: 15px;
    transition: 0.3s ease;
    background: #fff;
}
h3.post-title, h3.post-title a {
    font-size: 20px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none !important;
        margin: 0;
}

.post-item:hover {
    transform: translateY(-6px);
}

.post-item-inner {
    padding: 26px 32px;
}

/* ===== IMAGE ===== */
.post-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* ===== TITLE ===== */
.post-title {
    font-size: 18px;
    margin: 12px 0;
    line-height: 1.4;
}

.post-title a {
    text-decoration: none;
    color: #000;
}

/* ===== BUTTON ===== */
.read-more {
    display: inline-block;
    margin-top: 17px;
    color: #B1885A;
    background: transparent;
    padding: 0px;
    text-decoration: none !important;
     font-size: 22px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    line-height: 35px;
}


.read-more:hover {
    background: transparent;
    color: #B1885A;
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.read-more img {
    width: 14px;
    height: 14px;
}

.article-section .post-item-inner {
    border: 1px solid #A6A6A6;
}
.article-section .post-image img {
    border-radius:0px; 
}

/* =========================
   📱 TABLET (≤1024px)
========================= */
@media (max-width: 1024px) {
    .custom-post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .post-image img {
        height: 200px;
    }
}

/* =========================
   📱 MOBILE (≤767px)
========================= */
@media (max-width: 767px) {
    .custom-post-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .post-item {
        padding: 12px;
    }

    .post-title {
        font-size: 16px;
    }
.post-item-inner {
  padding: 18px 20px!important;
}
    .post-image img {
        height: 180px;
    }

    .read-more {
        padding: 0px;
        font-size: 13px;
    }
}

/* =========================
   📱 SMALL MOBILE (≤480px)
========================= */
@media (max-width: 480px) {
    .post-image img {
        height: 160px;
    }

    .post-title {
        font-size: 15px;
    }
}

/* SECTION */
/* WRAPPER (controls 70% centered layout) */
.zigzag-wrapper {
    width: 100%;
    max-width: 1200px; /* adjust based on design */
    margin: 0 auto;
    padding: 60px 20px;
}
.zigzag-content .step {
    border: 1px solid #0F243C;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}
.zigzag-content p.desc {
    font-size: 14px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    line-height: 23px;
    background: #0F243C;
    color: #FFFFFF;
    padding: 20px 25px;
    border-radius: 18px;
    position: relative;
}
.zigzag-content p.desc::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 40px;

    width: 0;
    height: 0;

    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #0F243C;  
}

/* ROW */
.zigzag-row {
    display: flex;
    align-items: start;
    margin-bottom: 40px;
}

/* REVERSE */
.zigzag-row.reverse {
    flex-direction: row-reverse;
}

/* IMAGE (30%) */
.zigzag-image {
    max-width: 150px;
    width: 30%;
}

.zigzag-image img {
    width: 100%;
    border-radius: 12px;
}

/* CONTENT (70%) */
.zigzag-content {
    width: 60%;
    padding-left: 34px;
}

/* reverse spacing fix */
.zigzag-row.reverse .zigzag-content {
    padding-left: 0;
    padding-right: 34px;
}
.zigzag-content .step {
    min-width: 80px;
    width: auto;
}
.zigzag-blank  {
    width: 10%;
}

/* TOP ROW */
.top-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

/* STEP */
span.step-wrap {
    display: flex;
    flex-wrap: wrap;
}
.zigzag-content .step {
    font-weight: 600;
    color: #0F243C;
    font-family: "Playfair Display", serif;
    display: flex;
    justify-content: center;
    text-align: center;
    min-width: 111px;
    flex: unset;
}
.stepinner-text-top {
    font-size: 30px;
    width: 100%;
        line-height: 42px;
}

.stepinner-text-bottom {
    font-size: 20px;
    width: 100%;
}

/* TITLE */
.title {
    margin: 0;
    font-size: 20px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    line-height: 35px;
    color:#000;
}

/* DESCRIPTION */
.desc {
    font-size: 16px;
    line-height: 1.6;
    max-width: 700px;
}

#sgpb-popup-dialog-main-div {
  border: 0px !important;
  padding: 25px 35px !important;
}

.sg-popup-builder-content .wpcf7-form-control.wpcf7-textarea {
  height: 120px;
  resize: none;
  width: 100%;
}
.sg-popup-builder-content span, .sg-popup-builder-content label {
  display: block;
  font-family: "Montserrat", Sans-serif;
}
.sg-popup-builder-content input[type="submit"] {
  background-color: #B1885A !important;
  background-image: none !important;5480
}
/* =========================
   📱 TABLET
========================= */
@media (max-width: 1024px) {
    .zigzag-image {
        width: 35%;
    }

    .zigzag-content {
        width: 65%;
        padding-left: 40px;
    }

    
     {
        padding-right: 40px;
    }
}

/* =========================
   📱 MOBILE
========================= */
@media (max-width: 768px) {

    .zigzag-row,
    .zigzag-row.reverse {
        flex-direction: column;
    }

    .zigzag-image,
    .zigzag-content {
        width: 100%;
        padding: 0;
    }

    .zigzag-content {
        margin-top: 20px;
    }
}