/**
 * Theme Name:     OceanWP Child
 * Author:         Betatestsolutions
 * Template:       oceanwp
 * Text Domain:	   oceanwp-child
 * Description:    OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it
 * Theme URI:      https://betatestsolutions.com
 * Author URI:     https://betatestsolutions.com
 * Version:        1.0
 * Tags:           betatestsolutions
 */

b,
strong {
  font-weight: bold;
}

/* ==========================================
   1. International Telephone Input (IntlTelInput)
   ========================================== */

/* Make the intl-tel input/container full width */
.elementor-field-type-tel .iti,
.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 100% !important;
  box-sizing: border-box;
}

/* Position flag container inside input */
.iti__country-container {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 2;
}

/* Input text padding so it doesn’t overlap flag */
.iti--allow-dropdown input,
.iti--separate-dial-code input {
  width: 100% !important;
  box-sizing: border-box;
  padding-left: 60px; /* adjust if flag size changes */
}

/* Country dropdown background/list */
.iti__country-list {
  background-color: #0a449a !important;
  box-sizing: border-box;
}

/* Dropdown item styling */
.iti__country.iti__standard {
  background-color: #0a449a;
  color: #fff;
}

/* Highlighted item (hover / keyboard focus) */
.iti__country.iti__standard.iti__highlight {
  background-color: #08407a;
  color: #fff;
}

/* Country name text */
.iti__country-name {
  color: #fff;
}

/* Search Field */
input#iti-0__search-input {
  padding-left: 25px;
}

input#iti-1__search-input {
  padding-left: 25px;
}

span.iti__search-icon {
  padding-bottom: 3px;
}

button.iti__search-clear {
  display: none !important;
}

/* Phone Field */
.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  padding-top: 3px;
}

/* ==========================================
2. Country Dropdown Button / Selected Country
========================================== */
.elementor-popup-modal .iti,
.elementor-popup-modal .iti * {
  pointer-events: auto;
}
.iti__country-list {
  z-index: 999999 !important;
}

button.iti__selected-country {
  background-color: transparent !important;
  padding: 5px !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove border/outline on hover, focus, active, and target */
button.iti__selected-country:hover,
button.iti__selected-country:focus,
button.iti__selected-country:active,
button.iti__selected-country:target {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/**
* FAQ Style
**/
.schema-faq.wp-block-yoast-faq-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.schema-faq-section {
  background: #ffffff;
  box-shadow: 0px 10px 30px 0px #0000000d;
  border-radius: 12px;
  color: #565246;
  padding: 20px 15px;
}
.schema-faq-section .schema-faq-answer {
  display: none;
}
.schema-faq-section .schema-faq-answer {
  display: none;
  color: #606267;
  font-weight: 400;
  margin-top: 20px;
}
.schema-faq-section .schema-faq-question {
  position: relative;
  padding-right: 20px;
  width: 100%;
  display: block;
  cursor: pointer;
}
.schema-faq-question::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  transition: transform 0.25s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.89 9'%3E%3Cpath fill='%23898B8E' d='M0,0l5.44,9L10.89,0H0Z'/%3E%3C/svg%3E");
  color: #898b8e;
  transform: translateY(-50%) rotate(0deg);
}
.schema-faq-section.active .schema-faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}
.schema-faq-section.active .schema-faq-question {
  color: #000000;
}
.schema-faq-section.active .schema-faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Phone field v2 */
.elementor-field-group-phonev2 .iti {
  width: 100% !important;
}

.elementor-field-group-phonev2 .iti input {
  width: 100% !important;
  padding-left: 57px !important;
}

.iti.elementor-error .iti__country-container {
  top: 0px !important;
  height: 48px !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
}

.iti__search-input {
  padding-left: 36px !important;
}