/* 
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 */
.icon-btn .elementor-button-content-wrapper {
    align-items: center;
    display: flex;
}

.icon-btn .elementor-button-icon {
    margin-bottom: -5px;
}

.icon-btn .elementor-button-text {
    position: relative;
    top: 2px;
}



.text-capital-men h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #142E67;
}

.text-capital-women h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #FB056D;
}

.program-list li a {
    flex-direction: row-reverse;
    justify-content: start !important;
    gap: 18px;
}

.program-list li.elementor-icon-list-item .elementor-icon-list-text {
    position: relative;
    top: 3px;
    padding: 0 !important;
}

.camel-text h2 span {
    color: #c19e79;
}

.men-women-btn .elementor-button {
    width: 150px !important;
    padding:10px 14px !important;
}

.men-women-btn .elementor-button span{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.men-women-btn .elementor-button .elementor-button-text {
    position: relative;
    top: 2px;
}

.book-heading h2 span {
    font-weight: 700;
}

.black-testimonial {
    background: #111111;
}

.black-testimonial p {
    color: #F3F1E6;
}

.black-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}


.black-testimonial .review-name {
    color: #F3F1E6;
}

.black-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.black-outline-testimonial {
    border: 1px solid #111111 !important;
}

.black-outline-testimonial p {
    color: #111111;
}

.black-outline-testimonial .review-name {
    color: #111111;
}

.black-outline-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.black-outline-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}

.gray-testimonial {
    background-color: #5a5a5a;
}

.gray-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}

.gray-testimonial p {
    color: #F3F1E6;
}

.gray-testimonial .review-name {
    color: #F3F1E6;
}

.gray-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.camel-testimonial {
    background-color: #c19e79;
}


.camel-testimonial .review-stars svg path {
    fill: #F3F1E6 !important;
}

.camel-testimonial p {
    color: #F3F1E6;
}

.camel-testimonial .review-name {
    color: #F3F1E6;
}

.camel-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.caribbean-green-testimonial {
    border: 1px solid #00CEA1!important;
}


.caribbean-green-testimonial .review-stars svg path {
    fill: #00CEA1 !important;
}

.caribbean-green-testimonial p {
    color: #111111;
}

.caribbean-green-testimonial .review-name {
    color: #111111;
}

.caribbean-green-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.brilliant-rose-testimonial {
    border: 1px solid #FB056D !important;
}


.brilliant-rose-testimonial .review-stars svg path {
    fill: #FB056D !important;
}


.brilliant-rose-testimonial p {
    color: #111111;
}

.brilliant-rose-testimonial .review-name {
    color: #111111;
}

.brilliant-rose-testimonial .elementor-widget-text-editor {
    color: #111111;
}

/* valor-navy-testimonial */

.valor-navy-testimonial {
    border: 1px solid #142E67 !important;
}


.valor-navy-testimonial .review-stars svg path {
    fill: #142E67 !important;
}


.valor-navy-testimonial p {
    color: #111111;
}

.valor-navy-testimonial .review-name {
    color: #111111;
}

.valor-navy-testimonial .elementor-widget-text-editor {
    color: #111111;
}

/* shinny-yellow-testimonial */

.shinny-yellow-testimonial {
    border: 1px solid #FCC244 !important;
}

.shinny-yellow-testimonial .review-stars svg path {
    fill: #FCC244 !important;
}

.shinny-yellow-testimonial p {
    color: #111111;
}

.shinny-yellow-testimonial .review-name {
    color: #111111;
}

.shinny-yellow-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.process-bg {
    background: linear-gradient(90deg, #797875 0.00%, #626160 100.00%);
}


.process-bg-2{
	background: linear-gradient(0deg, #f3f1e6 0.00%, #a7a6a0 100.00%);	
}

.page-id-3422 .my-header {
    box-shadow: 0px 10px 10px 0px rgb(255 255 255 / 10%) !important;
    z-index:99 !important;
}


.mob-menu li a {
    justify-content: center;
}

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    overflow-x: hidden;
}

.text-black a span {
    color: #000;
}

.over-nk .elementor-widget-container {
    overflow: unset !important;
}

.bg-banner1::before {
    content:"";
    background: linear-gradient(89deg, 
rgba(20,46,103,0 ) 0.00%, 
#142e67 100.00%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.bg-banner2::before {
    content:"";
background: transparent linear-gradient(270deg, #F3F1E600 0%, #F3F1E6 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.bg-banner3::before {
    content:"";
background: transparent linear-gradient(107deg, #142E67 0%, #0A173400 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.bg-banner4::before {
    content:"";
background: transparent linear-gradient(90deg, #F3F1E6 0%, #F3F1E600 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.bg-banner5::before {
    content:"";
background: transparent linear-gradient(89deg, #F3F1E600 0%, #F3F1E6 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.yellow span {
    color: #fcd544;
}

.brown span{
		color: #C19E79;
}

@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* adjust how high it goes */
  }
}

.arrow-animate {
  display: inline-block;
  animation: upDown 3s ease-in-out infinite;
}


.video-big .elementor-wrapper.elementor-open-inline {
    --video-aspect-ratio: 1.4 !important;
}

.vide-small .elementor-wrapper.elementor-open-inline {
    --video-aspect-ratio: 1.73 !important;
}

.after-head span {
    font-size: 22px;
    line-height: 20px;
}

.after-head h2 {
    line-height: 30px;
}

.height-max {
    height: max-content;
}

.pink-bold strong {
    font-family: "Operetta12", Sans-serif;
    font-style:italic;
    color:#FB056D !important;
}

.green-bold strong {
    font-family: "Operetta12", Sans-serif;
    font-style:italic;
    color:#00CEA1 !important;
}

green {
    color: #00CEA1;
}

.type-boxes figure.elementor-image-box-img {
    width: 100px !important;
    height: 95px !important;
}

.bg-fixed {
    background-attachment: fixed !important;
    background-size:cover !important;
}

.my-gal-tab button#e-n-tab-title-2616997891:hover {
    background-color: #111111 !important;
}

.my-gal-tab button#e-n-tab-title-2616997891[aria-selected=true] {
    background-color: #111111 !important;

}


.my-gal-tab button#e-n-tab-title-2616997892:hover {
    background-color: #FB056D !important;
}

.my-gal-tab button#e-n-tab-title-2616997892[aria-selected=true] {
    background-color: #FB056D !important;
 
}

.my-gal-tab button#e-n-tab-title-2616997893:hover {
    background-color: #142e67 !important;

}

.my-gal-tab button#e-n-tab-title-2616997893[aria-selected=true] {
    background-color: #142e67 !important;

}

.top-text h3 {
    font-size: 40px;
    line-height: 50px;
}

.top-text p {
    font-size: 16px;
    line-height: 24px;
}

/* CSS added for forms on Men & Women page 02july25 Starts */
.yellow-box {
    background: #fcc244;
    border-style: none;
    border-radius: 40px;
    padding: 30px 30px;
    text-align: center;
    max-width: 384px;
    margin-left: auto;
}
.yellow-box .gform_wrapper .gform-body.gform_body .ginput_container input {
    width: 100%;
    background: #fff !important;
    text-align: left;
    padding: 8px 15px !important;
    height: 46px !important;
    font-size: 16px !important;
    margin-top: 15px;
    color: #a7a6a0;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 5px;
    font-style: normal;
    box-shadow: inset 0px 2px 3px #dddddd;
    border: 1px solid #bbbbbb;
}
div#gform_fields_19 {
    display: block !important;
}
.yellow-box .gform_wrapper .gform_footer .gform_button.button {
    background: rgba(20, 33, 61, 1) !important;
    border-radius: 50px !important;
    color: #FCC244 !important;
    font-size: 22px !important;
    padding: 23px 10px !important;
    width: 100% !important;
    font-family: 'Montserrat', sans-serif !important;
}
.common_form .gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.common_form .gform_fields .gfield {
    width: 48%;
}
.common_form .gform_fields .gfield input {
    background: transparent;
    border-radius: 0;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
}
.elementor-kit-9 .common_form input.gform_button {
    background-color: var(--e-global-color-accent) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-style: normal;
    line-height: 30px !important;
    color: var(--e-global-color-secondary) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent) !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 20px 25px 20px 25px !important;
        font-family: 'Montserrat', sans-serif !important;
}
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer{
    justify-content: center;
}
/* CSS added for forms on Men & Women page 02july25 Ends */

/* CSS to hide login menu for desktop 02july25 Starts */
@media only screen and (min-width: 768px) {
    li.menu-hide-desktop{
        display: none !important;
    }
}
/* CSS to hide login menu for desktop 02july25 Ends */

@media only screen and (max-width: 767px) {
    .mb-menu li a {
        justify-content: center !important;
    }
    .grid-column{
        grid-column: 1 / -1;
    }
}
/* ==========================================
   Gallery Post Gender-Based Styling
   ------------------------------------------
   The following styles dynamically change the 
   background and border colors based on the 
   gender selected in the Gallery post's ACF field.
   This works by applying a `gender-men`, 
   `gender-women`, or `gender-neutral` class 
   to the <body> tag via PHP.
   ========================================== */

/* Background Colors for .my-bg-layer
   -----------------------------------
   These change the background of sections 
   or containers with the class .my-bg-layer 
   based on the gallery post's gender.
*/

/* MEN: Blue background */
body.gender-men .my-bg-layer {
    background-color: #142E67 !important; 
}

/* WOMEN: Pink background */
body.gender-women .my-bg-layer {
    background-color: #FB056D !important; 
}

/* NEUTRAL: Gold background */
body.gender-neutral .my-bg-layer {
    background-color: #C19E79 !important; 
}

/* Border Colors for Images with .my-border
   ----------------------------------------
   These styles change image borders dynamically 
   based on the gallery post's selected gender.
*/
.gender-men .my-border img,
.gender-men img.my-border {
    border: 5px solid #FCC244 !important; /* Yellow */
}

.gender-women .my-border img,
.gender-women img.my-border {
    border: 5px solid #00CEA1 !important; /* Green */
}

.gender-neutral .my-border img,
.gender-neutral img.my-border {
    border: 5px solid #C19E79 !important; /* Gold */
}


/* Border Colors for Images with .nw-border
   ----------------------------------------

/* Women - Pink border */
.e-loop-item.type-women .nw-border img {
	border: 3px solid #fb056d !important; /* Pink */
	border-radius: 25px !important;
}

/* Men - Blue border */
.e-loop-item.type-men .nw-border img {
	border: 3px solid #142E67 !important; /* Blue */
	border-radius: 25px !important;
}

/* Women - Pink button */
.e-loop-item.type-women .nw-button .elementor-button {
	color: #fb056d !important; /* Pink */
	}

/* Men - Blue button */
.e-loop-item.type-men .nw-button .elementor-button {
	color:  #142E67!important; /* Blue */
}