/*!
Theme Name: HealthFlex Child
Theme URI: http://plethorathemes.com/healthflex/
Description: Multipurpose Medical WordPress Theme
Version: 2.7.5
Author: Plethora Themes
Author URI: http://plethorathemes.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-options, translation-ready
Text Domain: healthflex
*/
/*
WARNING FOR DEVs: DO NOT MODIFY TEXT DOMAIN VALUE OF THIS FILE;
The styles of the theme are compiled by less.php and stored in the uploads folder.
Do not alter or delete this file.
*/
/*
=================================================================
REQUIRED WORDPRESS STYLES
(are styled by less)
=================================================================
*/
@media (max-width:480px) {
    .woocommerce .cart .actions input {
        float: none !important;
        display: block;
        margin: 15px auto
    }
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        float: none
    }
    .woocommerce table.shop_table td.actions .coupon .input-text {
        width: 100%
    }
    .woocommerce table.shop_table thead tr th {
        font-size: 12px
    }
    .shop_table_responsive {
        overflow-x: auto
    }
}
.sep_angled_positive_bottom .separator_bottom:before {
    right: 49.8% !important
}
.logo {
    margin: 10px 0
}
.team_social a i,
.pl_about_us_widget p i {
    background: #AB8239 !important
}
footer .pl_about_us_widget p.social {
    margin-top: 10px
}
.caption .inner .t1 {
    color: #AB8239
}
.caption.caption_fancy .inner .t2:after {
    border-color: #AB8239
}
.caption .inner p.desc,
.caption .inner .t2 {
    color: #fff
}
.white_section.transparent_film:before {
    background-color: rgb(20 72 83 / .7)
}
.main .folded_section .teaser_box .figure {
    padding: 0 95px
}
.section_header h2 {
    color: #AB8239
}
.btn.with-icon.btn-primary i {
    background-color: #AB8239;
    background-color: #069347 !important
}
/* .teaser_box .content.boxed_special,
.teaser_box .content.boxed {
    padding: 25px 10px 30px 10px !important;
    min-height: 150px;
    text-align: left
} */
.teaser_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.teaser_box .figure {
    flex: 0 0 auto;
}
.teaser_box .content.boxed,
.teaser_box .content.boxed_special {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 10px 30px 10px !important;
    text-align: left;
}
.teaser_box:hover .content.boxed_special.with_button,
.teaser_box:hover .content.boxed.with_button {
    padding: 25px 10px 30px 10px !important;
}
body .btn-primary,
body .btn-success {
    background-color: #069347;
    background-color: #069347;
    background-color: #AB8239 !important
}
.head_panel .owl-carousel .item {
    background-position: top center
}
.px-5 {
    padding-left: 3rem;
    padding-right: 3rem
}
.folded_section .teaser_box.wpb_content_element {
    margin-bottom: 0px;
    padding-bottom: 32px;
}
.teaser_box .content.boxed, .teaser_box .content.boxed_special{
    justify-content: start;
}
.things-to-do .teaser_box .link{
    display: none;
}
.things-to-do .teaser_box .content.boxed.with_button, .things-to-do .teaser_box .content.boxed_special {
    padding: 25px 10px 0px 10px !important;
}
.things-to-do .teaser_box:hover .content.boxed_special.with_button, .things-to-do .teaser_box:hover .content.boxed.with_button{
    padding: 25px 10px 0px 10px !important;
}

@media only screen and (max-width:1200px) {
    span.close_menu {
        cursor: pointer;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        position: absolute;
        margin: 15px;
        top: 0;
        left: 0;
        color: #44484e;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        text-align: center;
        display: block
    }
    .menu_container ul.main_menu {
        border-top: solid 1px #ccc
    }
    .menu_container ul.main_menu li a {
        padding: 15px 15px
    }
    .menu_container ul.main_menu li {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        border-bottom: solid 1px #ccc
    }
    .team_social+.menu_container {
        right: 0
    }
    .menu_container {
        position: fixed;
        top: 0;
        right: 0;
        float: none;
        width: 250px;
        margin: 0;
        margin-right: 0 !important;
        -o-transform: translate(250px, 0);
        -webkit-transform: translate(250px, 0);
        -ms-transform: translate(250px, 0);
        transform: translate(250px, 0);
        background-color: #efefef;
        padding: 70px 0;
        border-left: solid 1px #ccc;
        display: block;
        overflow: auto
    }
    label.mobile_collapser:after {
        content: '\2261';
        display: block;
        position: absolute;
        font-size: 40px;
        top: 13px;
        right: -5px
    }
    label.mobile_collapser {
        position: absolute;
        top: 50%;
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 15px;
        display: inline-block;
        cursor: pointer;
        color: #44484e;
        text-align: right;
        margin: 0;
        width: 80px;
        padding: 15px 30px 15px 0;
        font-size: 13px;
        line-height: 1em
    }
    a.social_links {
        right: -15px;
        -o-transform: translate(-100px, -50%);
        -webkit-transform: translate(-100px, -50%);
        -ms-transform: translate(-100px, -50%);
        transform: translate(-100px, -50%);
        z-index: 101
    }
}
@media only screen and (min-width: 480px) {
    .head_panel .hgroup .subtitle.body-bg_section:after {
        bottom: -50px;
        content: none;
    }
}
.venue_video {
    height: 324px;
    border-radius: 0px;
    background: #D9D9D9;
    margin-right: 50px;
    display: flex;
    object-fit: cover;
    position: relative;
    overflow: hidden;
}

.venue_video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -7px;
    border: 0;
    z-index: 0;
    box-sizing: border-box;
}
.mute-btn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 30px;
    z-index: 10;
    background: #ab8239;
    color: #fff;
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
}
.wpb_column .wpb_wrapper{
    width: 100%;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_title, .vc_toggle_size_md.vc_toggle_round .vc_toggle_title, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title, .vc_toggle_size_md.vc_toggle_square .vc_toggle_title{
    padding-top: 12px;
    padding-right: 35px;
    padding-bottom: 10px;
    background: #ab8239;
    padding-left: 10px;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_round .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_round .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_square .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_square .vc_toggle_title .vc_toggle_icon{
    right: 8px;
    left: auto;
}
.vc_toggle_default .vc_toggle_icon {
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    transform: translate(0, -50%);
}
.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before{
    background: #ffffff;
    border: 1px solid #ffffff;
}
.vc_toggle_title>h4{
    color: #ffffff;
}
.vc_toggle_size_md.vc_toggle_default.vc_toggle_active .vc_toggle_title, .vc_toggle_size_md.vc_toggle_round.vc_toggle_active .vc_toggle_title, .vc_toggle_size_md.vc_toggle_rounded.vc_toggle_active .vc_toggle_title, .vc_toggle_size_md.vc_toggle_simple.vc_toggle_active .vc_toggle_title, .vc_toggle_size_md.vc_toggle_square.vc_toggle_active .vc_toggle_title{
    background-color: #40594a;
}
.chart-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.chart-table thead {
  background: rgba(255, 255, 255, 0.2);
}

.chart-table th, .chart-table td {
  padding: 15px 20px;
  width: 25%;
  text-align: left;
  vertical-align: middle;
  border-top: 0px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.chart-table th {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.chart-table tbody tr {
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.chart-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.01);
}

.flag {
  font-size: 1.3rem;
  margin-right: 8px;
}

.rank {
  font-weight: bold;
  color: #ffd369;
}

.value-bar {
  height: 12px;
  border-radius: 10px;
  background: rgba(255,255,255,0.2);
  overflow: hidden;
  margin-top: 5px;
}

.value-fill {
  height: 100%;
  border-radius: 10px;
}

.usa { width: 90%; background: linear-gradient(90deg, #ff416c, #ff4b2b); }
.china { width: 85%; background: linear-gradient(90deg, #36d1dc, #5b86e5); }
.india { width: 75%; background: linear-gradient(90deg, #ffb347, #ffcc33); }
.germany { width: 65%; background: linear-gradient(90deg, #6a11cb, #2575fc); }
.pakistan { width: 50%; background: linear-gradient(90deg, #11998e, #38ef7d); }

.full_width_photo.bg_vtop{
    background-position: center !important;
}
p>span, p{
    text-align: justify;
}
.text-center p, p.text-center{
    text-align: center;
}
body .parallax-mirror{
    transform: translate3d(0px, 0px, 0px) !important;
    height: 100% !important;
}
body .parallax-mirror .parallax-slider{
    top: 100px !important;
    transform: translateX(-50%) !important;
    height: 650px !important;
    left: 50%;
    width: 100% !important;
    object-fit: cover;
}
body .head_panel{
    height: 100%;
}
body .head_panel .parallax-window{
    height: 650px !important;
}
.accordion-button:not(.collapsed),
.accordion-button:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
body .accordion-button, .accordion-button:not(.collapsed), .accordion-button:focus{
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
    background: #40594a !important;
    color: #fff;
    padding-left: 10px;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
}
.accordion-button::after {
    width: 3rem; /* Adjust as needed */
    height: 3rem; /* Adjust as needed */
    background-size: 3rem; /* Adjust as needed */
    filter: brightness(0) invert(1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
    width: 3rem; /* Adjust as needed */
    height: 3rem; /* Adjust as needed */
    background-size: 3rem; /* Adjust as needed */
    filter: brightness(0) invert(1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}
body .accordion-button.collapsed {
    background: #ab8239 !important;
    color: #fff !important;
}
body .accordion-button.collapsed {
    -o-transform: translate(0px,0);
     -webkit-transform: translate(0px, 0); 
    -ms-transform: translate(0px,0);
     transform: translate(0px, 0); 
}
#photos-1 .item:after,.vanish2,.vanish3,.vanish6,.vanish7,.vanish8 {
    background-color: #4b6856
}

.secondary-heading {
    color: #27aae1;
    margin-bottom: 26px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px
}

video {
    border: 10px solid #27aae1
}

.aboutuae_banner,.br-16,.venue_video {
    border-radius: 16px
}

@media(min-width: 551px) {
    .grid-1 {
        display:inline-grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
        grid-auto-rows: 150px;
        grid-auto-flow: row dense
    }
}

#photos-1 .item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: url(../img/ferrari-world.jpg) center/cover no-repeat #e4e4e4;
    grid-column-start: auto;
    grid-row-start: auto;
    color: #fff;
    box-shadow: -2px 2px 10px 0 rgba(68,68,68,.4);
    transition: transform .3s ease-in-out;
    cursor: pointer;
    counter-increment: item-counter
}

#photos-1 .item--extra-large {
    grid-row-end: span 4
}

#photos-1 .item .main-name {
    -webkit-transition: opacity .3s ease-in-out;
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    top: calc(50% - 32px);
    align-self: center;
    display: flex
}

#photos-1 .item .inner {
    -webkit-transition: opacity .3s ease-in-out;
    position: absolute;
    color: #fff;
    line-height: initial;
    width: max-content;
    padding: 20px 20px 15px;
    max-width: fit-content;
    height: 100%;
    overflow-y: auto
}

#photos-1 .item .inner,#photos-1 .item .main-name {
    transition: opacity .3s ease-in-out;
    z-index: 20;
    opacity: 0
}

#photos-1 .item,#photos-1 .vanish {
    position: relative
}

.vanish1,.vanish2,.vanish3,.vanish4,.vanish5,.vanish6,.vanish7,.vanish8 {
    width: 90%;
    height: auto;
    background-color: #4b6856;
    opacity: .9
}
#photos-1 .item--medium {
    grid-row-end: span 2
}

#photos-1 .item:nth-of-type(5n) {
    background-position: center;
    background-image: url(../img/clymb-1.jpg)
}

#photos-1 .item--full--width {
    grid-column: 2/4
}

#photos-1 .item h4,#photos-1 .item h4 b,#photos-1 .item p,#photos-1 .item p b {
    color: #fff;
}
#photos-1 .item h4{
    font-size: 21px;
}
#photos-1 .item h4>p, #photos-1 .item p{
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
}
#photos-1 .item h4 b,#photos-1 .item p,#photos-1 .item p b {
    color: #fff;
    text-transform: none;
}

.vanish1,.vanish4,.vanish5 {
    background-color: #4b6856;
}

.vanish2,.vanish3 {
    position: absolute;
    bottom: 0
}

.vanish6,.vanish8 {
    bottom: 0
}

.vanish7 {
    bottom: auto;
    top: 0
}

#photos-1 .item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

#photos-1 .item:hover {
    transform: scale(1.05);
    justify-content: start;
    align-items: flex-start
}

#photos-1 .item:hover .main-name,#photos-1 .item:hover .vanish {
    opacity: 0
}

#photos-1 .item:hover .inner {
    opacity: 1;
    font-size: 16px;
    letter-spacing: -.3px
}

#photos-1 .item:hover:after {
    opacity: .85
}
@media(min-width: 1200px) and (max-width: 1300px){
    .menu_container ul.main_menu li.lihasdropdown>a, .top_menu_container ul.main_menu li.lihasdropdown>a, .menu_container ul.top_menu li.lihasdropdown>a, .top_menu_container ul.top_menu li.lihasdropdown>a, .menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a {
        padding: 10px 10px 10px 10px;
    }
    .menu_container ul.main_menu li.lihasdropdown>a:after, .top_menu_container ul.main_menu li.lihasdropdown>a:after, .menu_container ul.top_menu li.lihasdropdown>a:after, .top_menu_container ul.top_menu li.lihasdropdown>a:after{
        right: 0px;
    }
    .menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a{
        font-size: 11px;
    }
}
@media(min-width: 1300px) and (max-width: 1450px){
    .menu_container ul.main_menu li.lihasdropdown>a, .top_menu_container ul.main_menu li.lihasdropdown>a, .menu_container ul.top_menu li.lihasdropdown>a, .top_menu_container ul.top_menu li.lihasdropdown>a, .menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a {
        padding: 10px 15px 10px 10px;
    }
    .menu_container ul.main_menu li.lihasdropdown>a:after, .top_menu_container ul.main_menu li.lihasdropdown>a:after, .menu_container ul.top_menu li.lihasdropdown>a:after, .top_menu_container ul.top_menu li.lihasdropdown>a:after{
        right: 0px;
    }
    .menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a{
        font-size: 12px;
    }
}
.caption.caption_fancy .inner .t3{
    color: #ffffff;
}
@media only screen and (min-width: 480px) {
    .caption .inner .t1 {
         font-size: 36px; 
    }
}
.main>section.cutom-padding{
    padding-top: 80px;
    padding-bottom: 80px;
}
.gold-heading{
    color: #AB8239;
}
.no-buttons .teaser_box .link{
    display: none;
}
.teaser_box .figure>i, .teaser_box .figure>a i {
    font-size: 40px;
    display: inline-block;
    color: #ab8239;
}
.teaser_box .content.boxed_special a {
    color: #ffffff;
}
#return-to-top i{
    left: 13px;
    top: 15px;
}
.teaser_box.boxed_special .content.boxed_special{
    padding: 15px 10px 0px 10px !important;
}