/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  --primary: #FEBD02;
  --secondary: #010101;
  --text: #010101;
  --accent:#71EEB8;
  --white:#fff;
}

.title .elementor-heading-title span {
    font-weight: 400 !important;
}
.footer-form .row {
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
    margin-bottom: 15px;
}
.footer-form .row .col-6 {
    width: 50%;
}
.footer-form .row .col-6 label,
.footer-form .row .form-group {
    width: 100%;
}
.footer-form .row .form-control {
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #010101;
    text-transform: uppercase;
    border-radius: 10px;
    border: solid 1px #fff;
}
.footer-form .row label {
     font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 7px;
}
/* .footer-form .row .form-control:focus,
.footer-form .row .form-control:focus-visible {
    border: solid 1px var(--primary);
} */

.footer-form .row .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--text);
  opacity: 1;
}
.footer-form .row .form-control::-moz-placeholder { /* Firefox 19+ */
  color:  var(--text);
  opacity: 1;
}
.footer-form .row .form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--text);
  opacity: 1;
}
.footer-form .row .form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--text);
  opacity: 1;
}
.footer-form .row .wpcf7-textarea.form-control {
    height: 100px;
}
.footer-form .submit-form {
    padding: 18px 30px;
    background-color: #FEBD02 !important;
    line-height: 1;
    transition: all 0.3s ease-out;
}
.footer-form .submit-form:hover {
    background-color: var(--accent) !important;
    border: solid 1px var(--accent) !important;
}

.footer-form .wpcf7-response-output {
    color: var(--white);
    text-align: center;
}


.quick-link ul {
    column-count: 3;
    display: inline-block !important;
    column-gap: 7.55vw;
}
.quick-link ul li a.elementor-item {
    padding: 0 0 0 15px;
    margin: 0;
    position: relative;
}
.quick-link ul li a.elementor-item:hover {
    padding: 0 0 0 15px;
    margin: 0;
}
.quick-link ul li a.elementor-item:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--accent) !important;
    position: absolute !important;
    left: 0;
    top: 12px;
    border-radius: 5px;
    opacity: 1 !important;
}
.working-hours .elementor-icon-list-items li .elementor-icon-list-text span {
    font-weight: 700;
}

/* .home-hero .swiper-wrapper .swiper-slide .swiper-slide-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--secondary);
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
} */
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner {
    z-index: 2;
}
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents {
    width: 620px;
    margin: 0 auto;
}
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents h1 span {
    color: var(--accent);
    font-weight: 400;
}
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-button {
    position: relative;
}
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-button .icon-arrow-down {
   position: absolute;
    left: 50%;
    top: 100px;
    transform: translate(-50%,-50%);
}
.home-hero .swiper-pagination {
    bottom: 25px !important;
}
.home-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: solid 1px var(--secondary);
}
.video-tab .e-n-tabs-heading button .e-n-tab-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.btn-rounded .elementor-button {
    position: relative;
    padding-right: 64px;
}
.btn-rounded .elementor-button .elementor-button-icon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--primary);
    height: 100%;
    width: 50px;
    border-radius: 0 10px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-rounded .elementor-button .elementor-button-icon .icon,
.btn-arrow .elementor-button .elementor-button-icon .icon,
.olc_eva button span .icon {
font-size: 13px;
}





.olc_eva .progress-info { display:flex; justify-content:space-between; font-size:16px; margin-bottom:15px; color:var(--text); font-weight: 400; }
.olc_eva .progress-info .progress-left span { font-size: 18px; font-weight: 700;}
.olc_eva .progress-info .progress-right { font-size: 18px; font-weight: 600;}
.olc_eva .step { display:none; }
.olc_eva .step.active { display:block; }
.olc_eva .progress-wrap { margin-bottom: 40px;}
.olc_eva .progress { height:20px; background:rgba(1,1,1,0.1); margin-bottom:10px; border-radius: 10px; }
.olc_eva .progress-bar { height:100%; width:0%; background:#010101; transition:.3s; border-radius: 10px; }
.olc_eva .step h5 { font-weight: 700;}

.olc_eva .step label { display:inline-flex; font-size: 20px; margin: 9px 0; position: relative; gap: 10px; cursor: pointer;}

.olc_eva .step label span:before { content: ""; width: 18px; height: 18px; border-radius: 18px; border: solid 1px #010101; position: absolute; left: 0; top: 3px;}
.olc_eva .step label span:after { content:"\e804"; position:absolute; left:0; top:50%; transform:translateY(-50%) scale(0); font-size:18px; color:#010101; transition:.2s; font-family: "llf-icon"; font-style: normal;
    font-weight: normal;}
.olc_eva .step label input { margin: 0; opacity: 0;}
.olc_eva input, .olc_eva textarea { width:100%; padding:8px; margin-top:8px; }}
.olc_eva label { display:flex; align-items:center; gap:15px; cursor:pointer; transition:.2s;}
.olc_eva input[type="checkbox"],
.olc_eva input[type=radio] { width:18px; height:18px;}
.olc_eva .step label input:checked + span:before { background:#fff;}
.olc_eva .step label input:checked + span:after { transform:translateY(-40%) scale(1);}
.olc_eva .step label input:checked + span:before,
.olc_eva .step label input:checked + span:after {  opacity:1;}

.olc_eva .step input[type="text"],
.olc_eva .step textarea,
.olc_eva .step .inputfield { border-radius: 10px; border: solid 1px var(--secondary);}
.olc_eva .step label input[type="text"] { height: 50px;}
.olc_eva textarea {  height: 100px !important; resize: none;}
.olc_eva .step .info { opacity: 0.5; margin: 35px 0 0;}
.olc_eva .step .info p { margin-bottom: 0; font-weight: 400;}

.olc_eva button { margin-top:35px; padding:14px 20px; padding-right: 64px; cursor:pointer; border: solid 1px var(--primary); color: var(--secondary); text-transform: uppercase; font-size: 18px; line-height: 1; font-weight: 700; position: relative; }
.olc_eva button span { background-color: var(--primary); position: absolute; right: 0; top: 0; height: 100%; border-radius: 0 10px 10px 0; width: 50px; display: flex; align-items: center; justify-content: center;}

.custom-nav .elementor-swiper-button-next { border-radius: 0 10px 10px 0 !important;}
.custom-nav .elementor-swiper-button-prev { border-radius: 10px 0 0 10px !important;}
.nav-mobile .elementor-swiper-button { display: none !important;}
.btn-sticky .elementor-button .elementor-button-icon { background-color: var(--secondary); border-radius: 0 0 10px;}
.btn-sticky .elementor-button .elementor-button-icon .icon { color: var(--primary); font-size: 24px; transform: rotate(-90deg);}


.concept-carosuel .swiper-slide .swiper-slide-inner .elementor-slide-heading img {
    height: 65px !important;
    width: auto;
}
.concept-carosuel .swiper-slide .swiper-slide-inner .elementor-slide-heading span {
    display: block;
    margin: 10px 0;
}
.checklist .wpcf7-checkbox .wpcf7-list-item,
.checklist .wpcf7-radio .wpcf7-list-item { width: 100%; margin: 0;}
.ownership-form { width: 100%; max-width: 450px;}
.olc_eva .step .ownership-form span.wpcf7-form-control-wrap:before { display: none !important;}
.olc_eva .step .ownership-form .wpcf7-form-control-wrap .textbox { opacity: 1; padding: 8px; border-radius: 10px; height: 42px; border: solid 1px var(--secondary);}

.olc_eva .step .ownership-form .wpcf7-submit { padding: 8px 15px;}
.header-menu .elementor-nav-menu .sub-menu { max-width: 250px !important; width: 250px !important;}
.header-menu .elementor-nav-menu .sub-menu li a { white-space: normal;}
.post-nav .elementor-post-navigation__prev .elementor-post-navigation__link__prev { padding-right: 20px;}
.post-nav .elementor-post-navigation__next .elementor-post-navigation__link__next { padding-left: 20px;}
.post-nav .post-navigation__next--title,
.post-nav .post-navigation__prev--title { line-height: 1.2;}
p a { font-size: 18px;}
.yellow-box p a,
.yellow-box p a:hover { color: #010101;}
.yellow-box p a:hover { text-decoration: underline;}
.elementor-shortcode .wpcf7-response-output { display: none;}

.map-sec { display: flex; align-items: stretch;}
.map-sec .map-list-wrap { width: 37.5%; background-color: rgba(1, 1, 1, 0.05); padding: 3.90vw;}
.map-sec .map-svg { width: 62.5%; padding: 3.90vw;}
.map-sec .map-svg .map { height: 100%; display: flex; align-items: center; justify-content: center;}
.state-con { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 30px;}
.state-con .state-btn { min-width: 175px; height: 38px; border-radius: 5px; border: solid 1px rgba(1, 1, 1, 0.2); padding: 0 10px; text-align: left; font-size: 18px; text-transform: capitalize; font-weight: 600;}
.state-con .state-btn.avl { background-color: var(--secondary); color: var(--white);}
.state-con .state-btn.avl .icon { color: var(--primary);}
.state-con .state-btn.lmt { background-color: var(--primary); color: var(--secondary);}
.state-con .state-btn.rip { background-color: var(--accent); color: var(--secondary);}
.state-con .state-btn.avl:hover,
.state-con .state-btn.avl.active,
.state-con .state-btn.avl.hover-active { background-color: var(--white); color: var(--primary);}
.state-con .state-btn.lmt:hover,
.state-con .state-btn.lmt.active,
.state-con .state-btn.lmt.hover-active  { background-color: var(--white); color: var(--primary);}
.state-con .state-btn.rip:hover,
.state-con .state-btn.rip.active,
.state-con .state-btn.rip.hover-active { background-color: var(--white); color: #34D399;}
.state-con .state-btn .icon { margin-right: 8px;}
.state-con .state-btn em { font-size: 13px; font-weight: 400;}

.map svg .st-group.lmt .sta-name path,
.map svg .st-group.rip .sta-name path { fill: var(--secondary);}

.map-sec { background-color: var(--white);}
.map svg .st0{fill:var(--secondary)}
.map svg .st1{fill: var(--primary);}
.map svg .st2{fill:#808080;}
.map svg .st3{fill:none;stroke:#FEBD02;}
.map svg .st4{fill:#71EEB8;}
.map svg .st5{fill:#FEBD02;}
.map svg .st6{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}

.map svg .state,
.map svg .sta-name { cursor: pointer;}
.map svg .selected .state,
.map svg .highlight .state,
.map svg .highlight .state path { fill: var(--white) !important; stroke-width: 1px; stroke: var(--primary);}
.map svg .selected .sta-name path,
.map svg .highlight .sta-name path  { fill: var(--secondary);}



#mapTooltip { position:fixed; visibility: hidden; opacity: 0; transition:0.2s ease; background:rgba(255,255,255,1); color:var(--secondary); padding:12px 15px; border-radius:0; font-weight: 400; border: solid 1px var(--primary); font-size:13px; pointer-events:none; z-index:9999; line-height: 1.2;}

#mapTooltip.show{ opacity:1; visibility:visible;}

#mapTooltip strong{ display:block; margin-bottom:4px; font-size: 24px; font-weight: 700;}

.map-color-info { display: flex; justify-content: flex-end;}
.map-color-info ul { display: flex; flex-wrap: wrap; gap: 35px; row-gap: 5px;}
.map-color-info ul li { font-size: 18px; color: var(--secondary); font-weight: 600; display: flex; align-items: center;}
.map-color-info ul li i { width: 16px; height: 16px; background-color: #808080; border: solid 1px #010101; margin-right: 10px; border-radius: 18px;}
.map-color-info ul li i.avl { background-color: var(--secondary);}
.map-color-info ul li i.lmt { background-color: var(--primary);}
.map-color-info ul li i.rip { background-color: var(--accent);}

@media (max-width: 1600px) {
.quick-link ul {
    column-count: 3;
    column-gap: 4.55vw;
}
}

@media (max-width: 1440px) {
.quick-link ul {
    column-count: 2;
    column-gap: 11vw;
}
}

@media (max-width: 1024px) {
    .quick-link ul {
        column-count: 1;
        column-gap: 0;
    }
    .header-menu .elementor-nav-menu .sub-menu {
        max-width: inherit !important;
        width: 100% !important;
    }
    .map-sec { flex-wrap: wrap; flex-direction: column-reverse;}
    .map-sec .map-list-wrap,
    .map-sec .map-svg { width: 100%; padding: 40px 20px;}
    .state-con .state-btn { height: 35px; font-size: 14px; min-width: 158px;}
    .map-color-info { margin-bottom: 20px;}
    .map-color-info ul { gap: 20px;}
    .map-color-info ul li { font-size: 14px;}
    
}
@media (max-width: 768px) {
.home-hero .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-contents {
    width: 100%;
}
.footer-form .row {
    column-gap: 20px;
}
.footer-form .row .form-control {
    height: 35px;
    font-size: 14px;
    padding: 0 10px;
}

.footer-form .row label {
    font-size: 14px;
}
.form-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: relative;
    font-size: 13px;
}
.footer-form .row p {
    margin-bottom: 0;
}
.footer-form .row.btn-row {
    justify-content: center;
}
.footer-form .row.btn-row .wpcf7-spinner { 
    position: absolute;
}
.video-tab .e-n-tabs-heading button .e-n-tab-icon {
    right: 5px;
    bottom: 5px;
}
.olc_eva .progress {
    height: 10px;
}
.olc_eva .progress-info {
    font-size: 12px;
}
.olc_eva .progress-info .progress-right,
.olc_eva .progress-info .progress-left span {
    font-size: 14px;
}
.olc_eva .step label {
    font-size: 16px;
}
.olc_eva button {
    font-size: 14px;
    padding: 12px 18px;
    padding-right: 58px;
}
.olc_eva button span,
.btn-rounded .elementor-button .elementor-button-icon {
    width: 40px;
}

.btn-rounded .elementor-button {
    padding-right: 58px;
}
.custom-nav .swiper { width: 100% !important;}
.custom-nav .swiper .swiper-slide .e-con-inner .elementor-widget-image a { width: 100%; margin-bottom: 15px !important;}
.platinum2024 { position: absolute !important; bottom: 20px !important;}
.platinum2025 { position: absolute !important; bottom: 105px !important;}
.concept-carosuel .swiper-slide {
    height: 220px !important;
}
.platinum-tag { left: auto !important; right: 10px !important;}
.platinum-tag25 { left: auto !important; right: 100px !important;}
.state-con .state-btn { min-width: 140px;}

}

@media (max-width: 767px) {
.video-tab .e-n-tabs-heading {
    display: flex;
    margin-bottom: 20px;
}
.video-tab .e-n-tabs-heading button {
    height: 70px;
    margin: 0 !important;
}
.nav-mobile .elementor-swiper-button {
    display: flex !important;
}
.concept-carosuel .swiper-slide {
    height: 320px !important;
}
.olc_eva .step label span:before { top: 1px;}
.map-sec .map-svg .map { display: block;}
 .map-sec .map-svg { padding-bottom: 40px;}
.state-con .state-btn { min-width: 49%;} 
.map-color-info { margin-bottom: 20px;}
.map-color-info ul { gap: 15px; row-gap: 0px; padding: 0; margin: 0;}
.map-color-info ul li { font-size: 13px;}
.map-color-info ul li i { width: 13px; height: 13px; margin-right: 5px;}
#mapTooltip { padding: 8px 12px; font-size: 12px;}
#mapTooltip strong { font-size: 14px;}
.platinum2025 { bottom: 90px !important;}

}