/**
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: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 4.8.6
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.3
Tested up to: 6.7
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



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. */

/* Default styles for desktop and larger screens */
/* Custom Home Style Section */
/* Custom Home Style Section */
.custom-home-style-section {
    padding-block: min(20vh, 2rem);
    width: calc(min(76.5rem, 90%));
    margin-inline: auto;
    color: #111;
}

.custom-home-style-h2 {
    text-transform: capitalize;
    letter-spacing: 0.025em;
    font-size: clamp(2rem, 1.8125rem + 0.75vw, 2.6rem);
}

.custom-home-style-a {
    display: inline-block;
    text-decoration: none;
}

/* Card Container */
.custom-home-style-container {
    margin-top: 5em;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

/* Card Customization */
.custom-home-style-card {
    &:nth-child(1) .custom-home-style-box .custom-home-style-icon .custom-home-style-iconBox,
    &:nth-child(2) .custom-home-style-box .custom-home-style-icon .custom-home-style-iconBox,
    &:nth-child(3) .custom-home-style-box .custom-home-style-icon .custom-home-style-iconBox {
        background: #ffffff;
    }

    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.625rem;
    }

    ul li {
        text-transform: uppercase;
        background: var(--clr-tag);
        color: #282828;
        font-weight: 700;
        font-size: 0.8rem;
        padding: 0.375rem 0.625rem;
        border-radius: 0.188rem;
    }

    .custom-home-style-content {
        padding: 5px;
        height: 35px;
    }

    .custom-home-style-content .custom-home-style-h3 {
        text-transform: capitalize;
        font-size: 14px!important;
    }
}

/* Inner Card */
.custom-home-style-card-inner {
    position: relative;
    width: inherit;
    height: 9rem;
    background: var(--clr);
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

.custom-home-style-card.custom-home-style-custom-card {
    background-color: white;
    margin-top: 30px;
}

.custom-home-style-box {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
}

/* Image Box */
.custom-home-style-imgBox {
    position: absolute;
    inset: 0;
    clip-path: none !important;
    border-radius: 0;
    overflow: hidden;
}

/* Ensure the image is rectangular */
.custom-home-style-imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
}

/* Icon Box */
.custom-home-style-icon {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 3rem !important;
    height: 3rem !important;
    background: var(--clr);
    border-top-left-radius: 50%;
}

.custom-home-style-icon:hover .custom-home-style-iconBox {
    transform: scale(1.1);
}

.custom-home-style-icon::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

.custom-home-style-icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);
}

/* Outward Circular Border Effect */
.custom-home-style-iconBox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Makes it a perfect circle */
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
}

/* Outward Border Effect */
.custom-home-style-iconBox::before,
.custom-home-style-iconBox::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #c4c4c47d;
    transition: all 0.3s ease-in-out;
}

/* Before - Default State */
.custom-home-style-iconBox::before {
    border-color: transparent;
}

/* After - Hover Effect */
.custom-home-style-iconBox:hover::after {
    border-color: grey;
    transform: scale(1.9);
}
.custom-home-style-iconBox::before, .custom-home-style-iconBox::after{
border: 2px solid white!important;}

/* Icon Color & Smooth Slide Fix */
.custom-home-style-iconBox span {
    color: green;
    font-size: 1.5rem;
    transition: transform 0.3s ease-in-out;
}

/* Fix Hover Issue with Smooth Sliding */
.custom-home-style-iconBox:hover span {
    transform: translateX(5px);
}

/* Responsive Grid Layout */
@media (width: 1200px) {
    .custom-home-style-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .custom-home-style-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .custom-home-style-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .custom-home-style-container {
        grid-template-columns: 1fr;
    }
}

/* Custom Card Styling */
.custom-home-style-custom-card {
    border-radius: 16px;
    border: 2px solid green;
    padding: 7px;
}

@media (width: 1024px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 25% !important;
    }
}

/* News Feed Section Styles */


/****Contact***/
/* Custom Banner Styles */
/* Custom Contact Section Styles */
.custom-contact {
  font-family: Arial, sans-serif;
}

.custom-contact-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

/* First Row */
.custom-contact-row-1 {
  background-image: url('path-to-your-background-image-1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.custom-contact-col {
  flex: 1;
  margin: 10px;
}

.custom-contact-col-left h1 {
  font-size: 2.5rem;
  color: black;
}

.custom-contact-col-left p {
  font-size: 1.2rem;
  color: black;
  line-height: 1.5;
}

.custom-contact-col-middle img {
  width: 100%;
  height: auto;
}

.custom-contact-col-right {
  flex: 0; /* Empty column for spacing */
}

/* Second Row (Full-width Image) */
.custom-contact-row-2 {
  background-image: url('path-to-your-background-image-2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.custom-contact-full-img img {
  width: 100%;
  height: auto;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .custom-contact-row {
      flex-direction: column;
  }
  .custom-contact-col-left,
  .custom-contact-col-middle,
  .custom-contact-col-right {
      margin: 15px 0;
  }
  
  .custom-contact-col-left h1 {
      font-size: 2rem;
  }

  .custom-contact-col-left p {
      font-size: 1rem;
  }
}

@media (max-width: 768px) {
  .custom-contact-col-left h1 {
      font-size: 1.8rem;
  }

  .custom-contact-col-left p {
      font-size: 0.9rem;
  }

  .custom-contact-row-1 {
      padding: 40px 15px;
  }

  .custom-contact-row-2 {
      padding: 30px 0;
  }
}

@media (max-width: 480px) {
  .custom-contact-col-left h1 {
      font-size: 1.5rem;
  }

  .custom-contact-col-left p {
      font-size: 0.8rem;
  }

  .custom-contact-row-1 {
      padding: 30px 10px;
  }

  .custom-contact-row-2 {
      padding: 20px 0;
  }
}

/* Custom Contact Section Styles */

.custom-contact-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0 25px; /* Padding on both sides */
  margin-top: 40px; /* Add some space above */
}

.custom-contact-col-60 {
  flex: 0 0 60%;
  padding-right: 25px; /* Add space between columns */
}

.custom-contact-col-40 {
  flex: 0 0 40%;
  padding-left: 25px; /* Add space between columns */
}

/* Title Section */
.custom-contact-row-title h2 {
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 20px;
}

/* Inner Rows in the First Column */
.custom-contact-row-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.custom-contact-inner-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 180px;
}

.custom-contact-icon {
  font-size: 3rem;
  color: #0066cc; /* Adjust icon color */
  margin-bottom: 10px;
}

.custom-contact-text {
  font-size: 1.2rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}

.custom-contact-paragraph {
  font-size: 1rem;
  color: #666;
}

/* Form Section in the Second Column */
.custom-contact-form {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.custom-contact-label {
  font-size: 1rem;
  color: #333;
  margin-bottom: 8px;
  font-weight: bold;
}

.custom-contact-dropdown, 
.custom-contact-input, 
.custom-contact-textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}

.custom-contact-textarea {
  height: 120px;
  resize: none;
}

.custom-contact-submit {
  background-color: #0066cc;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-contact-submit i {
  margin-left: 10px;
}

.custom-contact-submit:hover {
  background-color: #005bb5;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .custom-contact-section {
      flex-direction: column;
      padding: 0 15px;
  }
  
  .custom-contact-col-60, .custom-contact-col-40 {
      flex: 0 0 100%;
      padding-right: 0;
      padding-left: 0;
  }

  .custom-contact-row-inner {
      flex-direction: column;
  }
  
  .custom-contact-inner-row {
      margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .custom-contact-row-title h2 {
      font-size: 2rem;
  }

  .custom-contact-text {
      font-size: 1rem;
  }
}
.custom-contact-section {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 25px; /* Padding on both sides */
  margin-top: 40px; /* Add some space above */
  background-image: url('./wp-content/uploads/2024/11/Rectangle-34624928-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}

.custom-contact-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4); /* Semi-transparent overlay */
  z-index: 1;
}

.custom-contact-section > * {
  position: relative;
  z-index: 2;
}
/* Section for the entire Tabs Layout */
.custom-contact-tabs-section {
  padding: 60px 25px;
  background-color: #f9f9f9;
}

/* Tab Buttons */
.custom-contact-tabs {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}

.custom-contact-tab {
  padding: 15px 30px;
  font-size: 1.1rem;
  background-color: #0066cc;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-contact-tab:hover {
  background-color: #005bb5;
}

.custom-contact-tab.active {
  background-color: #004999; /* Active tab color */
}

/* Tab Content */
.custom-contact-tab-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Tab Content Box */
.custom-contact-tab-content-box {
  display: none;
  width: 48%;
  margin-bottom: 40px;
}

.custom-contact-tab-content-box.active {
  display: block;
}

/* Card Layout */
.custom-contact-card {
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 250px;
}


.custom-contact-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.custom-contact-card-title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}

.custom-contact-card-address {
  font-size: 1rem;
  color: #666;
  margin-top: 10px;
}

.custom-contact-direction-btn {
  background-color: #0066cc;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: 1rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.custom-contact-direction-btn:hover {
  background-color: #005bb5;
}

.custom-contact-direction-icon {
  margin-right: 10px;
}
.custom-get-direction{
color:#FCAF17!important;}
/* Responsive Design */
@media (max-width: 1024px) {
  .custom-contact-tab-content {
      flex-direction: column;
      align-items: center;
  }

  .custom-contact-tab-content-box {
      width: 100%;
  }

  .custom-contact-card {
      height: auto; /* Allow cards to adjust height on small screens */
  }
}

@media (max-width: 768px) {
  .custom-contact-tab {
      font-size: 1rem;
      padding: 10px 20px;
  }

  .custom-contact-card-title {
      font-size: 1.2rem;
  }

  .custom-contact-card-address {
      font-size: 0.9rem;
  }

  .custom-contact-direction-btn {
      font-size: 0.9rem;
      padding: 8px 15px;
  }
}
/**************/

/* .custom-tab-contact-container {
    font-family: Arial, sans-serif;
    color: #333;
}

.custom-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    border-bottom: 2px solid #eee;
    padding: 0.5rem 0;
    gap: 1rem;
}

.custom-tab-button {
    padding: 1rem;
    border: none;
    background: none;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.custom-tab-button.active {
    color: #fff;
    background-color: #2565F5;
    border-radius: 8px;
}

.custom-tab-content {
    display: none;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.custom-tab-content.active {
    display: block;
}

.custom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
    gap: 2rem;
    justify-content: center;
    padding: 0 2rem;
}

.custom-card {
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.custom-card h4 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
}

.custom-card p {
    font-size: 1rem;
    color: #666;
    margin: 1rem 0;
    line-height: 1.5;
}

.custom-card .custom-get-direction {
    align-self: flex-start;
    padding: 0.5rem 1.5rem;
    background-color: #2565F5;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

.custom-card .custom-get-direction:hover {
    background-color: #1e50c2;
}

@media screen and (max-width: 768px) {
    .custom-grid {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }

    .custom-card {
        width: 100%;
        height: auto;
    }
} */
/*******************************Office location section css full*****************************************************************/
/* Container for the entire tab layout */
.custom-tab-contact-container {
  margin: 20px auto;
  max-width: 1200px;
}

/* Tab buttons layout */
.custom-tabs {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap; /* Ensure tabs wrap on smaller screens */
}

/* Tab button styling */
.custom-tab-button {
  padding: 10px 20px;
  border: none;
  background: transparent; 
  cursor: pointer;
  font-family: 'Inter'; 
  font-size: 20px; 
  font-weight: 500; 
  line-height: 26px; 
  text-align: left; 
  text-underline-position: from-font; 
  text-decoration-skip-ink: none; 
  color:#1E2D3E;
  transition: background-color 0.3s;
}

/* Active tab button styling */
.custom-tab-button.active, .custom-tab-button:hover {
  background: linear-gradient(180deg, rgba(252, 175, 23, 0) 0%, rgba(252, 175, 23, 0.5) 100%)!important;
  border-bottom: 3px solid #F36F21;
  font-family: 'Inter';
  font-size: 19px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  outline: none;
  color: #F36F21;
}

/* Custom contact section background */
.custom-contact{
  background-color: #f3eee8;
  padding-bottom: 20px;
}

/* Tab content container */
.custom-tab-content-container {
  margin-top: 20px;
}

/* Tab content visibility control */
.custom-tab-content {
  display: none; /* Hide all tabs by default */
}

/* Active tab content visible */
.custom-tab-content.active {
  display: block; /* Show only active tab */
}

/* Two-column layout for office locations */
.custom-two-column-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between columns */
}

/* Individual card styles */
.custom-column-card {
  flex: 1 1 calc(50% - 20px); /* Each card takes 50% width minus the gap */
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 32px!important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.3s, box-shadow 0.3s;
}

/* Hover effects for cards */
.custom-column-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
}

/* Title styling inside cards */
.custom-column-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

/* Text styling inside cards */
.custom-column-card p {
  margin: 5px 0;
  line-height: 1.5;
  color: #333;
}

/* Direction link styling */
.custom-get-direction {
  font-weight: 700;
  font-family: 'Inter', sans-serif; /* Font family set to Inter */
  font-size: 16px; /* Font size set to 16px */
  line-height: 22.4px; /* Line height set to 22.4px */
  text-align: center; /* Align text to the center */
  text-decoration: underline; /* Underline text */
  border-radius: 4px; /* Rounded corners for the button */
  padding: 8px 12px; /* Padding inside the button */
  color: #F36F21; /* Text color */
  display: inline-block; /* Keep button in line */
  margin-top: 10px; /* Top margin */
  transition: background-color 0.3s; /* Smooth background-color transition */
}

/* Optional: Add a hover effect to the button */
.custom-get-direction:hover {
  color: #f8a242; /* Change background color on hover */
  text-decoration: none; /* Ensure underline remains */
}

/* Ensuring map icon visibility */
.custom-get-direction i {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
color:#FCAF17!important;
}

/* Responsive Styles */

/* For medium and larger screens (tablets and up) */
@media (max-width: 1024px) {
  /* Tab button styling for smaller screens */
  .custom-tab-button {
    font-size: 18px;
    padding: 12px 25px;
  }

  /* Two-column layout for medium screens (tablets) */
  .custom-two-column-layout {
    grid-template-columns: 1fr 1fr; /* Two columns layout */
  }

  /* Card layout adjustments */
  .custom-column-card {
    flex: 1 1 calc(50% - 20px); /* Ensure cards are responsive */
  }

  /* Ensure proper spacing in the container */
  .custom-tab-content-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* For smaller screens (phones) */
@media (max-width: 768px) {
  .custom-tabs {
    flex-direction: column; /* Stack tab buttons vertically on small screens */
    align-items: center; /* Center the tab buttons */
  }

  /* Center active tab button */
  .custom-tab-button.active {
    text-align: center;
    justify-content: center;
    width: auto;
  }

  .custom-tab-button {
    width: 100%; /* Make tab buttons take full width */
    padding: 15px;
    text-align: center;
  }

  .custom-two-column-layout {
    flex-direction: column; /* Stack columns vertically */
  }

  .custom-column-card {
    flex: 1 1 100%; /* Ensure cards take full width */
    padding: 15px;
  }

  /* Adjust padding in the content container */
  .custom-tab-content-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* For very small screens (portrait mobile phones) */
@media (max-width: 480px) {
  .custom-tab-button {
    font-size: 16px;
    padding: 10px 15px;
  }

  .custom-column-card {
    padding: 10px;
  }

  /* Adjust active tab button styles */
  .custom-tab-button.active, .custom-tab-button:hover {
    font-size: 18px;
    padding: 15px;
  }

  /* Adjust content container padding */
  .custom-tab-content-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*********************************************************/
/* Home Customs Section */
.home-customs-section {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 40px;
  padding: 50px;
  background: linear-gradient(135deg, #013d2b, #2b7a4b);
  color: #ffffff;
  border-radius: 25px;
  position: relative;
  overflow: hidden; /* Prevent content from overflowing */
}

/* Top Inverted Border Radius */
.home-customs-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50;
  right: 0;
  height: 50px; /* Adjust for the desired curvature */
  background: white;
  border-radius: 0 0 5% 5%;
  z-index: 1;
  width:40%;
}

/* Left Content Styling */
.content-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative; /* For divider positioning */
}

.home-customs-title {
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.8;
  letter-spacing: 2px;
}

.home-customs-heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.home-customs-heading .highlight {
  color: #ffffff;
  font-weight: 900;
}

.home-customs-description {
  font-size: 1.1rem;
  line-height: 1.8;
  opacity: 0.9;
}

/* Vertical Divider */
.content-left::after {
  content: '';
  position: absolute;
  top: 0;
  right: -20px; /* Align to the gap between columns */
  width: 2px;
  height: 100%;
  background: rgba(255, 255, 255, 0.3); /* Light divider line */
  z-index: 2;
}

/* Right Card Styling */
.content-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-customs-card {
  background: rgba(0, 40, 30, 0.9);
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  max-width: 90%;
  text-align: left;
}

.home-customs-card h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
}

.home-customs-card p {
  font-size: 1rem;
  line-height: 1.6;
  color: #d1f0e6;
}

/* Responsive Design */
@media (max-width: 768px) {
  .home-customs-section {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .home-customs-heading {
    font-size: 2.5rem;
    text-align: center;
  }

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

  .home-customs-card {
    text-align: center;
    max-width: 100%;
  }

  /* Hide Divider for Mobile */
  .content-left::after {
    display: none;
  }
}


/****/
/* Style for the "coro" card */
.coro {
  background-color: #ffffff;
  width: min(90%, 350px);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.coro-image {
  position: relative;
  width: 100%;

}

.coro-image img {
  width: 100%;
  height: 200px;
  display: block;
}

.coro-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ffaf00;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 8px;
  text-align: center;
  line-height: 1.5;
}

.coro-content {
  padding: 16px;
}

.coro-content h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

.coro-content p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

.coro-footer {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
}

.coro-meta {
  color: #999;
  display: flex;
  flex-direction: column;
}

.coro-index {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f5f5f5;
  width: 130px;
  height: 50px;
  border-radius: 35% 0 0 0;
}

.coro-link {
  text-decoration: none;
  font-weight: bold;
  color: black;
  padding: 8px 12px;
  border: 2px solid transparent;
  border-radius: 20px;
  font-size: 12px;
  background-color: #ffffff;
  margin-left: 15px;
  margin-top: 10px;
}
/**HEader***/
.custom-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #202124; /* Adjust to your theme */
    padding: 10px 20px;
    color: #fff;
    font-family: Arial, sans-serif;
}

.search-icon button {
    background-color: #ffa726;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search-circle {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.user-s {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.login-dropdown,
.language-dropdown {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dropdown-icon {
    font-size: 12px;
}

.divider {
    color: #555;
}

.investor-reports {
    background: url('https://deepskyblue-bee-389173.hostingersite.com/wp-content/uploads/2025/02/Stripe.png') no-repeat center center;
    background-size: cover;
    padding: 20px;
    border-radius: 10px;
}

.my-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 cards per row */
    gap: 20px;
    justify-content: center;
    align-items: stretch;
height:500px!important;
}

.my-card {
    display: flex; /* Flexbox ensures equal height */
    flex-direction: column;
    justify-content: space-between;
    width: 100%; /* Ensure it fits within the grid */
    max-width: 350px; /* Prevent it from becoming too large */
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
    background-color: white;
    background-image: url('./wp-content/uploads/2025/02/read-more-3.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 115% auto;
    padding-bottom: 65px; /* Space so content doesn’t overlap */
    height: 100%; /* Ensures equal height */
}
.my-cardImg {
height:180px!important;}
/* Image Styling */
.my-cardImg img {
    width: 100%;
    border-radius: 20px 20px 0 0;
    object-fit: cover;
}

/* Content */
.my-card-content {
    padding: 15px;
    flex-grow: 1; /* Allow content to grow and fill space */
}

/* Title */
.my-card-title {
    font-size: 18px; /* Reduced font size */
    font-weight: bold;
    margin-bottom: 10px;
}

/* Description */
.my-card-description {
    font-size: 14px; /* Reduced font size */
    color: #666;
    margin-bottom: 15px;
    flex-grow: 1;
}

/* Meta Data */
.my-card-meta {
    font-size: 15px;
    color: #888;
    margin-top: 15px;
}

/* Clickable Read More Shape */
.read-more-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px; /* Matches background shape height */
    cursor: pointer;
    background: transparent;
}

/* Remove hover effect */
.read-more-link:hover {
    background: transparent !important;
}

@media (max-width: 768px) {
    .my-container {
        flex-direction: column;
        align-items: center;
    }
    .my-card {
        width: 80%;
    }
}
.a {
    fill: transparent!important;
}
.site-header-primary-section-center.site-header-section.ast-flex.ast-grid-section-center {
    padding-left: 25px!important;
}
ast-icon svg {
    color: white;
    fill: rgb(255, 165, 0);
}
.contact-container {
    
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0)!important;
}
.nav#primary-site-navigation-desktop{font-size:15px!important;}

 .page-id-9466  .site-primary-header-wrap {
    background: #0a161a;}
.page-id-9466 .ast-above-header-bar .site-above-header-wrap {
    background: #0a161a;}
.investores-kmp-table a {
    color: #f36f21!important;}
.page-id-3463 .investor-reports {
    background-image:none;}
body.page-id-3581 a {
    color: #f36f21 !important;
}
.page-id-3581 a.menu-link{ color:white!important;}
/* Default styles for the button */
 

.elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) #D9D9D9 !important;
}

  ul#ast-hf-menu-1 {
        font-size: 14px!important;
    }
.report-title{
width:550px;
padding-bottom:20px;}

.button#e-n-tab-title{
background: #FCAF1700;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FCAF1700 0%, #FCAF1780 50%);
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #FCAF17;
}

.elementor-widget-n-tabs{
border-radius: 30px;
    background: white;
}
/* Hover effect for tab titles */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover {
  /*  background: #FCAF1700;
    background-color: #ffe8bb!important;
    background-image: linear-gradient(180deg, #FCAF1700 0%, #FCAF1780 50%);
*/
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #FCAF17;
}

/* Active (clicked) tab effect */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background: #FCAF1700!important;
    background-color: transparent!important;
   /* background-image: linear-gradient(180deg, #FCAF1700 0%, #FCAF1780 50%)!important;*/
    border-style: solid!important;
    border-width: 0px 0px 2px 0px!important;
    border-color: #FCAF17!important;


}


.page-id-2452  .site-primary-header-wrap {
    background: #0A161A;}
.page-id-2452 .ast-above-header-bar .site-above-header-wrap {
    background: #0A161A;}

#ast-scroll-top { background-color: #fcaf17; font-size: 15px; } 
.ast-icon svg {
    fill: rgb(255, 165, 0); /* Default icon color */
}

#ast-scroll-top {
    background-color: #074a33;
    font-size: 15px;
    transition: background-color 0.3s ease-in-out;
}

#ast-scroll-top:hover {
    background-color: #ffa500; /* Changes to orange on hover */
}

#ast-scroll-top:hover .ast-icon svg {
    fill: #074a33; /* Changes icon color on hover */
}
.nav-buttoning-row a:hover {
    color: inherit !important; /* Removes blue hover effect from links */
    background-color: transparent !important; /* Avoids unwanted background changes */
}
button:hover{
background:#fdc038;}	

.ast-header-search .slide-search .search-form {
    border: 2px solid #fcaf17;
}


span.ast-icon.icon-search {
       background: #3e602d!important;
}

button {
       outline: none; /* Removes focus outline */
}

/* Target <img> tags using the SVG file */
img[src*="retail-home-icon.svg"] {
  width: 20px !important;
  height: 20px !important;
}

/* Target inline SVG elements (if used) */
svg.retail-home-icon,
svg[data-icon="retail-home-icon"],
svg[src*="retail-home-icon.svg"] {
  width: 20px !important;
  height: 20px !important;
}

/* Target if SVG is used as a background */
[class*="retail-home-icon"] {
  background-size: 20px 20px !important;
}

.prod_table {
    border-collapse: collapse; /* Ensures borders don't double up */
    width: 100%;
}

.prod_table th, .prod_table td {
    border: 1px solid #000; /* Adjust color as needed */
    padding: 10px; /* Add padding for better visibility */
    text-align: left;
}
//////


/* Target the specific sections using IDs */
#c9b435f, #e2eb274, #c9903a8, #e96e3e8 {
    position: relative; /* Make sure positioning works */
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Style the arrow button */
#c9b435f .arrow-button,
#e2eb274 .arrow-button,
#c9903a8 .arrow-button,
#e96e3e8 .arrow-button {
    position: absolute;
    top: 12px;  
    right: 12px; 
    width: 44px; 
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

/* Style the icon inside */
#c9b435f .arrow-button img,
#e2eb274 .arrow-button img,
#c9903a8 .arrow-button img,
#e96e3e8 .arrow-button img {
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}

/* Rotate on hover */
#c9b435f:hover .arrow-button img,
#e2eb274:hover .arrow-button img,
#c9903a8:hover .arrow-button img,
#e96e3e8:hover .arrow-button img {
    transform: rotate(180deg);
}
.coro-press-rel-latest-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.coro-press-rel-my-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #f3eee8;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.coro-press-rel-my-card:hover {
    transform: translateY(-5px);
border:none;
}

.coro-press-rel-my-cardpressImg img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.coro-press-rel-my-card-content {
    padding: 15px;
}

.coro-press-rel-my-card-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.coro-press-rel-my-card-meta {
    font-size: 12px;
    color: #999;
}


.coro-press-rel-read-more-link {
    position: absolute;
    bottom: 0; /* Position at the bottom */
    left: 0;
    width: 100%; /* Match the width of the card */
    height: 65px; /* Match the height of the background image */
    background-color: rgba(0, 0, 0, 0); /* Transparent background */
    z-index: 10;
}

.coro-press-rel-read-more-link:hover {
    background-color: rgba(0, 0, 0, 0); /* Light overlay on hover */
}

.page-id-6 .elementor [data-id="40f29fb"] img {
    height: 225px !important; /* Prevent height from applying */
}
/*
.page-id-6 .elementor img {
    height: 100% !important;  Apply height to other images 
}*/
/* Change menu item color to white on page with ID 13634 */ 
.page-id-13634 #menu-item-1101 a { color: #ffffff !important; }
.elementor.elementor-3581 {
    margin-top: -15px;
}
.blogging-cardImg a {
    color: black !important; /* Ensures link text color is black */
    text-decoration: none;   /* Optional: removes underline from link */
}
.investor-reports{
background:white;}

h2.elementor-heading-title.elementor-size-default{
font-family: proximanova-regular, -apple-system, sans-serif!important;}

p.elementor-widget-container {font-family: gotham-book, -apple-system, sans-serif!important;}
.elementor-element elementor-element-e8009f7 elementor-widget elementor-widget-text-editor{font-family: gotham-book, -apple-system, sans-serif!important;}
body{
font-family: gotham-book, -apple-system, sans-serif!important;

}
  /* Container setup */
.swap-on-hover {
  border-radius: 16px;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  height: 140px;
  overflow: hidden;
}

/* Image positioning */
.swap-on-hover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0s ease-in-out; /* Smooth transition for opacity */
}

/* Front image is visible by default */
.swap-on-hover .swap-on-hover__front-image {
  z-index: 2;
  display: block;
  opacity: 1; /* Fully visible */
}

/* Back image is hidden initially */
.swap-on-hover .swap-on-hover__back-image {
  z-index: 1;
  display: block; /* Set display to block so it takes up space */
  opacity: 0; /* Fully hidden initially */
}

/* Swap images on hover */
.swap-on-hover:hover .swap-on-hover__front-image {
  opacity: 0; /* Fade out front image */
}

.swap-on-hover:hover .swap-on-hover__back-image {
  opacity: 1; /* Fade in back image */
}


 /* Container setup */
    .swaps-on-hover {
      border-radius: 16px;
      position: relative;
      margin: 0 auto;
      max-width: 150px;
      height: 130px;
      overflow: hidden;
    }

    /* Image positioning */
    .swaps-on-hover img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Front image is visible by default */
    .swaps-on-hover .swaps-on-hover__front-image {
      z-index: 2;
      display: block;
    }

    /* Back image is hidden initially */
    .swaps-on-hover .swaps-on-hover__back-image {
      z-index: 1;
      display: none;
    }

    /* Swap images on hover */
    .swaps-on-hover:hover .swaps-on-hover__front-image {
      display: none;
    }

    .swaps-on-hover:hover .swaps-on-hover__back-image {
      display: block;
    }
 a:contains('Download Product Info') {
    display: none;  /* Hide initially */
}
body {
    font-family: gotham-book, -apple-system, sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    overflow-x: hidden;
}

div#ast-desktop-header{
  background-color: rgb(0 0 0 / 75%) !important;}


.ast-live-search-results{
display:none!important;}

.ast-grid-right-section {
    justify-content: center!important;
}

.coro-press-rel-my-card {
padding-bottom: 40px!important;}

/*Contact page*/
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

  /* More specific selector to target the button in Elementor */
  .elementor-widget-html .custom-btns .custom-button {
    display: inline-flex;
    align-items: center;
    background-color: #f7b500;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
  }

  /* Button hover effect */
  .elementor-widget-html .custom-btns .custom-button:hover {
    background-color: #e6a200;
  }

  /* Arrow styles */
  .elementor-widget-html .custom-btns .custom-button .custom-arrow {
    margin-left: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-70deg); /* Initial rotation angle */
    transition: transform 0.3s ease; /* Smooth transition on hover */
    background-color: black; /* Circle background color */
    color: white; /* Arrow color */
    border-radius: 50%; /* Circle shape */
    width: 30px; /* Circle size */
    height: 30px; /* Circle size */
    font-size: 18px; /* Arrow size */
    text-align: center;
    line-height: 1;
    padding-bottom:4px;
  }

  /* Arrow hover effect */
  .elementor-widget-html .custom-btns .custom-button:hover .custom-arrow {
    transform: rotate(0deg); /* Rotate to 0deg on hover */
  }

  /* Rounded styles */
  .rounded-2xl {
    border-radius: 1.5rem;
  }

  .rounded-full {
    border-radius: 9999px;
  }

  .shadow-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  /* Form inner container */
  .form-inner-container {
    background-color: #ebebeb;
  }

  @media (min-width: 850px) {
    .form-inner-container {
      margin-top: -140px;
    }
  }

  /* Form container */
  .form-container {
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 10px 0px;
    position: relative;
  }

  /* Submit button styles */
  .form-submit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 80px;
    margin-bottom: -5px;
    margin-right: 11px;
    background: white;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 18px 0px 0px 0px;
    z-index: 10; /* Ensures it's above other elements */
  }

  .form-submit-button:before,
  .form-submit-button:after {
    content: '';
    background: transparent;
    height: 50px;
    width: 50px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 25px 25px white;
  }

  .form-submit-button:before {
    right: 0;
    bottom: 100%;
  }

  .form-submit-button:after {
    right: 100%;
    bottom: 0;
  }

  /* Change color of dropdown text to #fcb934 when selected */
  .dropdown-item.selected {
    color: #fcb934;
  }
  .elementor-108 .elementor-element.elementor-element-70e6590{
      margin-top:-145px!important;
  }


@media (max-width: 768px) {
.box{
    min-height:200px !important;
}

.box-content{
    top:0;
}
.year-image{
    display:none;
}

.nav-buttoning-row{
    display: none;
}
.box-bottom .box-content{
    min-height:150px !important;
    top:0;
    width:90%;
    margin: 0px 20px;
}

.box-top .box-content{
    min-height: 150px !important;
    top:0;
    width:90%;
    margin: 0px 20px;
}

.box-content::before {
    display:none;
}

.coro-press-rel-latest-list {
   
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
}
.row-1 .title {
    font-size: 24px !important;
    font-weight: bold;
    line-height: 40px !important;
}
.own-banner .row-1{
    padding: 0 20px;
}
.coro-press-rel-year-filter-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 10px 20px;
}
.coro-press-rel-my-card{
    width: 320px;
    display: flex;
    flex-direction: column;
    min-height:470px !important;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #f3eee8;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
    padding-bottom: 40px!important;
}  


.coro-press-rel-latest-list .coro-press-rel-my-card-content p{
    margin-bottom: 60px;
    font-size: 16px !important;
}
    .blogging-year-filter-container {
        flex-direction: column;
        align-items: flex-end;
        padding: 10px;
    }
.blogging-card {
        width: 100%;
    }
.report-year-filter{
width:40% !important;
}
.ratings-table th{
    padding: 4px !important;
   }
.entry-content h2 {
               font-size: 24px !important;
    }
.timeline-slider {
    display: flex
;
    transition: transform 0.5s ease-in-out;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}
.timeline-wrapper {
      height: 100%;
    
}
.box{
min-height:350px;
}
}





.search-form label{
	border-radius:50px;
}

span.ast-icon.icon-search {
    padding-left: 8px;
    padding-top: 5px;
    color: black;
    width: 34px !important;
    height: 34px !important;
    background: #fcaf17;
    border-radius: 50%;
 margin-right: -10px;
}
.ast-search-icon {
	margin-top: 10px;
}
.search-form{
	border-radius:50px !important;
	margin-top:5px;
}
.ast-menu-toggle:hover{
	border:none !important;
}
.ast-menu-toggle{
	border:none !important;
}
@media (max-width: 544px) {
    h2, .entry-content h2 {
        font-size: 25px;
        font-size: 2.5625rem;
    }
	.mb-5 {
    margin-bottom: 1rem !important;
}
}
@media (max-width: 768px) {

.elementor-element-9921d8a
{
    width: 100% !important;
     margin-top: 0px;

}
#wpforms-submit-18001 {
      width: 97px !important;
}
	    .coro-directors-member {
        margin-top: 54px !important;
    }
    .custom-column-card {
        flex: 1 1 100%;
        padding: 15px;
        display: flex
;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
	.custom-column-card p {
    margin: 5px 0;
    line-height: 1.5;
    color: #333;
    text-align: center;
}
	.elementor-element-2ca1387 {
		
		background-size: auto !important;
	}
	.footer-nav-wrap {
    display: block;
    text-align: left; /* Align the menu items to the left */
}

#astra-footer-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Create 3 columns */
    gap: 10px; /* Adjust the spacing between items */

}
#astra-footer-menu {
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
}

#astra-footer-menu li {
    width: 33%;              /* 3 items per row */
    list-style: none;
}

.menu-link {
    text-decoration: none;
    color: inherit;
}

#astra-footer-menu li {
    list-style: none; /* Remove default list styling */
}

.menu-link {
    text-decoration: none; /* Optional: remove underline from links */
    color: inherit; /* Optional: preserve the text color */
}
	.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
    display: none;
}
	.bcrumbs{
		line-height:30px;
	}

	.elementor-element-54e8a194{
		overflow-x:scroll;
	}
}
.swap-height{
	height:230px !important;
}
@media (max-width: 544px) {
    h2, .entry-content h2 {
        font-size: 25px;
        font-size: 30px;
    }
}
@media screen and (max-width: 800px) and (min-width: 300px) {
  .investores-kmp-table {
    overflow-x: scroll !important;
    display: block;
    white-space: nowrap;
  }
}

 @media screen and (max-width: 800px) and (min-width: 300px) {
header .custom-logo-link img {
    max-width: 120px;
    width: 120px;
    margin: 14px;
}
  .own-reports{
    font-size:14px!important;
     padding-bottom:5px!important;
  }

    .report-background {
            background-size: contain !important;
	    padding: 0 10px !important;
    }

    .own-reports{
           font-size: 13px !important;
	   width: 90%;
}
    .ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{
       display:none;
    }

}

@media (min-width: 600px) {
.inverted-radius{
  --r: 20px; /* the radius for 3 sides */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset */
  --y: 10px; /* vertical offset */
  aspect-ratio: 1;
  
  /* Apply border-radius to all sides except the curved one */
  border-radius: var(--r) var(--r) var(--r) 0;

  /* Mask setup */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
 overflow: hidden;
  margin: 0;
  padding: 0;
 aspect-ratio: auto; 
}
/* HTML: <div class="inverted-radius"></div> */
.inverted-radius1 {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  aspect-ratio: 1;
 
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--_d) + var(--x)) 100% var(--_m),
    0 calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
  mask-repeat: no-repeat;
 overflow: hidden;
  margin: 0;
  padding: 0;
 aspect-ratio: auto; 

}
}

.choices__list--dropdown .choices__item {
    transition: background-color 0.3s ease-in-out;
}

.choices__list--dropdown .choices__item--selectable:hover,  
.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #FCAF10 !important;
    color: white !important;
border-color:#FCAF10 ;
}


.inverted-radius2 {
position: absolute; /* Keep background separate */
    overflow: visible !important; /* Prevents elements from getting cut off */
    width: 100%;
    height: 100%;
    overflow: visible !important; 
  --r: 20px; /* the radius */
  --s: 10px; /* size of inner curve */
  --x: 10px; /* horizontal offset (no percentane) */
  --y: 10px; /* vertical offset (no percentage) */
  aspect-ratio: 1;
 
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
    mask-repeat: no-repeat;

  margin: 0;
  padding: 0;
 aspect-ratio: auto; 

}
div.wpforms-container-full:not(:empty) {
    margin: 0px auto;
}

#wpforms-form-18001 {
    position: relative;
    z-index: 5 !important; /* Ensure the form stays above background */
    overflow: visible !important;
}

.wpforms-submit-container {
    position: relative;
    z-index: 10 !important; /* Ensures button is always above */
    display: flex;
    justify-content: flex-end; /* Aligns button to the right */
    padding-right: 20px; /* Adds space from edge */
}

.wpforms-submit {
    position: relative;
}

/*
.report-background{
background-size: contain!important;}
*/

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.choices .choices__inner{
border-color:#567876;
}


.wpforms-field input{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	border:none !important;
		border-radius:20px !important;
}
.wpforms-field select{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	border:none !important;
	border-width:0px;
	border-color:#00000000 !important;
	border-radius:20px !important;
}
.choices__inner{
	border-radius:20px !important;
}

.wpforms-field textarea{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	border:none !important;
	border-radius:20px !important;
}
.wpforms-field-container{
	padding:30px !important;
}

#wpforms-submit-18001 {
    padding: 12px 18px;
    background-color: #fcaf17;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    width: 120px;
}html{
	overflow-x:hidden !important;
}
.elementor-108 .elementor-element.elementor-element-9921d8a {
        --width: 30%;
        background-color: #ebebeb;
        border-radius: 20px;
        padding: 20px;
    }

select option:first-child {
    color: #000 !important; /* Change placeholder text color */
}
select{
    color: #000;
}

::placeholder {
   color: #adadad;
    opacity: 1; /* Ensure visibility */
}

input::placeholder,
textarea::placeholder {
      color: #adadad;
    opacity: 1; /* Ensure visibility */
}

/* Style select field placeholder */
.custom-select option:first-child {
      color: #000 !important;
}
/* Change arrow color (for some browsers) */
.custom-select::-ms-expand {
    display: none;
}

/* Style dropdown options */
.custom-select option {
    background-color: #ffffff !important; /* Background color */
    color:#000 !important; /* Text color */
 border:1px solid #fdc038;
gap:20px;
}

/* Change dropdown background when focused/clicked */
.custom-select:focus {
    background-color: #ffffff !important; /* White background when active */
    color: #000 !important; /* Yellow-orange text */
    border-color: #fdc038 !important; /* Yellow-orange border */
}

/* Change dropdown text color when hovering */
.custom-select option:hover,
.custom-select option:focus {
    background-color: #ffffff !important; /* White background on hover */
    color: #fdc038 !important; /* Yellow-orange text on hover */
}
.sub-btn{
justify-content: flex-end;
    align-items: flex-end;
display:flex;
}
.wpcf7-spinner{
display:none;
}
.elementor-108 .elementor-element.elementor-element-9921d8a {
    --width: 30%;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;

}
.controls {

  padding: 20px;
  position: relative;
  border-radius: var(--r) var(--r) var(--r) 0; /* Rounded corners except for bottom-right */
}

/* Inverted Bottom-Right Corner with pseudo-element */

/* Button visibility and position */
.col-md-12 .btn {
  padding: 10px 20px;
  background-color:#004d40 !important;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 30px;
  transition: background 0.3s ease-in-out;
  position: relative;
  z-index: 1000;  /* Make sure button is above other content */
}

/* Button hover effect */
.col-md-12 .btn:hover {
  background-color:  #fcaf17 !important;

}

.elementor-108 .elementor-element.elementor-element-9921d8a {
  --width: 30%;
  padding: 0px;
}

.wpcf7 form > div {
  margin-bottom: 0px !important;
}

.elementor-element-9921d8a {
  margin: 0px !important;
}

.controls .row {
  gap: 35px;
}
    .elementor-108 .elementor-element.elementor-element-9921d8a {
        --width: 31%;
        margin-top: -150px;
    }
.wpcf7 form > div {
    margin-bottom: 0px !important;
    border-radius: 20px;
}
.wpcf7 select.wpcf7-form-control{
  border-radius: 15px;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]){
  border-radius: 15px;
}
.wpcf7 textarea.wpcf7-form-control{
  border-radius: 15px;
}
:root {
    --e-global-color-astglobalcolor0: #fcaf17;
    --e-global-color-astglobalcolor1: #fcaf17;
--ast-global-color-0: #fcaf17;
    --ast-global-color-1: #fcaf17 !important;
 --e-a-btn-bg-info: #fcaf17 !important;

    --e-a-btn-bg-info-hover: #fcaf17 !important;
    --e-a-btn-bg-info-active: #fcaf17 !important;
}


    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
        color: #000000;
        font-size: 16px;
    }

@media (max-width: 544px) {
    .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
        top: 0;
        width: 100%;
        display: flex;
left:0;
cursor:pointer;
        align-content: flex-end;
        justify-content: flex-end;
    }
.menu-link{
border-radius:20px;
cursor:pointer;
}
}
.for-sales{
padding-right:40px;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
   
    display: none;
}
.wpcf7 select {
    width: 100%;
    padding: 10px;
}
.ast-builder-grid-row {
    max-height: 100% !important;
}




 /* Container setup */
.swap-on-hover-arrow {
  border-radius: 16px;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  height: 140px;
  overflow: hidden;
  margin-top: -141px !important;
}

/* Image positioning */
.swap-on-hover-arrow img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 30%;
  object-fit: cover;
  transition: opacity 0s ease-in-out; /* Smooth transition for opacity */
}

/* Front image is visible by default */
.swap-on-hover-arrow .swap-on-hover__front-image {
  z-index: 2;
  display: block;
  opacity: 1; /* Fully visible */
  width: 40px;
}

/* Back image is hidden initially */
.swap-on-hover-arrow .swap-on-hover__back-image {
  z-index: 1;
  display: block; /* Set display to block so it takes up space */
  opacity: 0; /* Fully hidden initially */
  width: 50px;
  margin-right: -8px;
  margin-bottom: -10px;
}

/* Swap images on hover */
.swap-on-hover-arrow:hover .swap-on-hover__front-image {
  opacity: 0; /* Fade out front image */
}

.swap-on-hover-arrow:hover .swap-on-hover__back-image {
  opacity: 1; /* Fade in back image */
}

.wpml-ls-native{
       color: #ffffff !important;
}
.ast-site-identity {
   padding-bottom:10px !important;
}

    /* Container setup */
.swap-on-hover-3arrow {
  border-radius: 16px;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  height: 240px;
  overflow: hidden;
  margin-top: -236px !important;
}

/* Image positioning */
.swap-on-hover-3arrow img {
  position: absolute;
  bottom: 20px;
  right: -10px;
  width: 30%;
  height: 30%;
  object-fit: cover;
  transition: opacity 0s ease-in-out; /* Smooth transition for opacity */
}

#inves-3-cards img{
    height: 220px !important;
}

/* Front image is visible by default */
.swap-on-hover-3arrow .swap-on-3hover__front-image {
  z-index: 2;
  display: block;
  opacity: 1; /* Fully visible */
  width: 50px;
}

/* Back image is hidden initially */
.swap-on-hover-3arrow .swap-on-3hover__back-image {
  z-index: 1;
  display: block; /* Set display to block so it takes up space */
  opacity: 0; /* Fully hidden initially */
  width: 60px;
  margin-right: -8px;
  margin-bottom: -10px;
}

/* Swap images on hover */
.swap-on-hover-3arrow:hover .swap-on-3hover__front-image {
  opacity: 0; /* Fade out front image */
}

.swap-on-hover-3arrow:hover .swap-on-3hover__back-image {
  opacity: 1; /* Fade in back image */
}

body.page-id-6 .elementor img {
    height: auto !important;
    max-height: none !important;
}

.coro-press-rel-my-card-content {
    padding: 20px !important;
}

@media (max-width:760px){
.elementor-element-0e7ac72{
width:350px !important;
}
.elementor-element-e019dfc{
width:350px !important;
}


#crop-data-form .filter-row div label{
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
}
.custom-board {
      overflow-x: scroll !important;
display:inline-block;
    overflow-y:hidden;

}
.technical-item{
background-size:contain;
}
.technical-item h2{
font-size:13px !important;
}
#technical_category {
        width: 45% ;
}
.technical-item h2 {
        margin-left: 10px;

    }

.ast-post-format-{
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

.coromandel-blog-image{
    height: 160px !important;
}

.coromandel-blog-image img{
    object-fit: contain !important;
}

.coromandel-main-content{
    padding: 0px;
}

.coromandel-single-blog-layout{
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.coro-press-rel-image img{
    height: 290px !important;
}

.ast-post-format- single-layout-1{
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

.ast-container{
    padding: 0px !important;
}

.map-point{
    width: 8px !important;
    height: 8px !important;
}

.coro-directors-container{
    row-gap:50px;
}
}

.clickable-figure-link {
  display: block;
  text-decoration: none;
  width: 100%; /* Or any fixed width if needed */
  position: relative;
}

body .inverted-radius2 .elementor-widget-container a img{
height:140px !important;
 object-fit: cover !important;

}

.coro-directors-container{
    min-height: 200px;
}

.coro-directors-member{
    background-color: #ffa500;
}

.coro-directors-image-container{
    top: -80px;
}

.coro-directors-image-container img{
    background-color: #fff;
}

.coro-directors-content{
    padding-top: 20px;
}
/* Prevent blue background on click */
button:focus, 
button:active {
    outline: none;
    background-color: #fcaf17 !important; /* Ensures the background stays the same */
    box-shadow: none !important; /* Removes any default shadow */
}
body .elementor-element-2b439be .elementor-shortcode .nav-buttoning-row button:focus {
    outline: none;
    background-color: #fcaf17 !important;
}
#ast-scroll-top{
    align-items: center !important;
    justify-content: center !important;
    align-content: center !important;
display:flex;
}

.coro-directors-link-wrapper{
color:#000;
text-decoration:none;
}
.coro-directors-link-wrapper:hover{
color:#000;
text-decoration:none;
}
.coro-directors-member {
padding-bottom:20px;
}
.testimonial-card {
    background: #f3eee8 !important;
}
.menu-toggle{
margin-left: 80px;
}
@media print {
  .elementor-tab-content {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Optional: Hide tab navigation when printing */
  .elementor-tabs-wrapper,
  .elementor-tab-title {
    display: none !important;
  }
}
.im1 div a img{
height:106px !important;
}

.elementor-widget-text-editor .elementor-widget-container p{
text-align:left !important;
}
.elementor-widget-text-editor .elementor-widget-container{
text-align:left !important;
}
.story-align{
display:flex;
text-align:center;
}
.testimonial-card {
border:none !important;
}
@media (min-width: 768px) {
.report-title{
width:700px !important;
}
}
@media (max-width: 767px) {
  .report-title h3 {
    font-size: 14px !important;
  }
.report-title{
width:350px !important;
}
.report-item a div{
    background-size: contain !important;
    padding: 0 10px 10px 0px !important;
}
}

@media(max-width:768px){

.ratings-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: scroll !important;
    display: inline-block;
    overflow-y: hidden;
}
.data-table table{
   width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: scroll !important;
    display: inline-block;
    overflow-y: hidden;

}
}
.otgs-development-site-front-end {
    display: none;}
img .coro-directors-image {
    scale: 1.2;
    padding-top: 10px !important;
}
.e-n-tabs .e-n-tabs-content div .elementor-widget-text-editor{
	color:#000 !important;
}



/* Hide the first child (language selector) only on mobile */
@media (max-width: 921px) {
  #ast-hf-menu-1 > li:first-child {
    visibility: visible;

  }
}

/* Ensure it's visible on desktop */
@media (min-width: 922px) {
  #ast-hf-menu-1 > li:first-child {
   display:none;
  }
}

.main-header-menu .menu-link, .main-header-menu>a{
padding:5px !important;
}
div#ast-desktop-header
 {
    background-color: black!important;
}

.page-id-26997 div#ast-desktop-header {
    background-color: rgb(0 0 0 / 75%) !important;!important;
    box-shadow: none !important; /* Optional: removes any drop shadow */
}
.page-id-6 div#ast-desktop-header {
    background-color: rgb(0 0 0 / 75%) !important;!important;
    box-shadow: none !important; /* Optional: removes any drop shadow */
}

.elementor-26986 .elementor-element.elementor-element-2b8b3bd{
margin-top:-30px;
}
.elementor-26986 .elementor-element.elementor-element-0086512{
display:none;
}
.elementor-26986 .elementor-element.elementor-element-09f9c1d .elementor-heading-title{
font-size:38px !important;
}

.ast-icon.icon-search svg{
width:19px !important;
height: 16px!important;
}
.ast-nav-menu{
gap:15px !important;
}