/*!
Theme Name: Beakai
Theme URI: https://bdevs.net/wp/beakai/
Author: theme_pure
Author URI: https://themeforest.net/user/theme_pure/portfolio
Description: Beakai - Business and Financial Institution WordPress Theme
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beakai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

beakai is based on Underscores https://underscores.me/, (C) 2012-2017 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 Jonathabeakai-page-contentn Neal https://necolas.github.io/normalize.css/
*/










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

html{
    scroll-behavior:smooth;
}

#Independent-Living-Coaching,
#Business-Coaching,
#Life-Coaching {
    scroll-margin-top:250px;
}


.hero-slider-caption p {
	max-width:550px;
}






@media (min-width: 992px) {

    .header-area .logo {
        width: 100%;
    }

    .sticky-header .col-xl-3.col-lg-3.col-md-5.col-8.d-flex.align-items-center {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }

}





/* Normal header */
.site-header,
header {
    background-color: #000 !important;
	border-bottom: 1px solid #b6936f; /* Change color and thickness as needed */
}

/* Sticky/scrolled header */
.site-header.sticky,
.site-header.is-sticky,
.sticky-header,
.header-sticky,
header.sticky,
header.is-sticky {
    background-color: #000 !important;
	border-bottom: 1px solid #b6936f; /* Change color and thickness as needed */
}

/* Menu text color */
.main-navigation a,
.menu a,
nav a {
    color: #ffffff !important;
	text-transform: uppercase !important;
}

/* Menu hover color */
.main-navigation a:hover,
.menu a:hover,
nav a:hover {
    color: #d79541 !important;
	text-transform: uppercase !important;
}

/* Header button */
a.bt-btn.btn-h-white {
    background-color: #000 !important; /* Button background */
    color: #fff !important;            /* Button text */
    border: 1px solid #b6936f !important; /* Border */
    padding: 0px 24px !important;        /* Top/Bottom Left/Right */
    border-radius: 0px !important;                
}

/* Hover state */
a.bt-btn.btn-h-white:hover {
    background-color: #d79541 !important;
    color: #fff !important;
    border-color: #b6936f !important;
}

/* Header Aread Width */
/* .container {
    max-width: 1300px !important;
} */


/* Active menu item */
.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a {
    color: #c89a4b !important;
}



.white-text {
    color: #ffffff;
}

.gold-text {
    color: #d79541;
}





/* Disable sticky header on mobile */
@media (max-width: 991px) {

    .site-header,
    .site-header.sticky,
    .site-header.is-sticky,
    .sticky-header,
    .header-sticky,
    header.sticky,
    header.is-sticky {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

}




@media (max-width: 991px) {

    .col-lg-9.col-md-7.col-4.d-block.d-xl-none.d-lg-none {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        text-align: center;
    }

    .open-mobile-menu a {
        color: #000 !important;
        font-size: 28px;
		background-color: #d79541 !important;
    }

}


.slide-bar.show {
	background-color: #000 !important;
}












/* Footer background */
footer,
.site-footer {
    background-color: #000 !important;
	border-top: 1px solid rgba(202, 161, 90, 0.5);
	margin-top: 0 !important;
}


/* Body background */
body {
    background-color: #fff !important;
}



.social-svg{
    width:18px;
    height:18px;
    display:block;
    filter:none !important;
}


/* Footer column widths (Desktop only) */
@media (min-width: 1200px) {

    /* Target only this footer row */
    .container > .row > div:has(#custom_html-1),
    .container > .row > div:has(#nav_menu-3),
    .container > .row > div:has(#block-20),
    .container > .row > div:has(#block-22) {
        margin: 0;
    }

    /* Logo */
    .container > .row > div:has(#custom_html-1) {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    /* Quick Links */
    .container > .row > div:has(#nav_menu-3) {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }

    /* Contact */
    .container > .row > div:has(#block-20) {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    /* Business Hours */
    .container > .row > div:has(#block-22) {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

}


@media (min-width: 1200px) {

    .container > .row > div:has(#custom_html-1),
    .container > .row > div:has(#nav_menu-3),
    .container > .row > div:has(#block-20) {
        position: relative;
    }

    .container > .row > div:has(#custom_html-1)::after,
    .container > .row > div:has(#nav_menu-3)::after,
    .container > .row > div:has(#block-20)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        height: 60%;
        width: 1px;
        background: rgba(202,161,90,0.5);
    }

}

/* Quick Links title color */
#nav_menu-3 .footer-title {
    color: #caa15a !important;
}



/* Horizontal separator above footer columns */
/* .footer-widget-area .container > .row {
    border-top: 1px solid rgba(202, 161, 90, 0.5);
    padding-top: 50px;
} */


.footer-top {
    padding-top: 60px !important;
	
}



.footer-cta{
    background:#000;
    padding:40px 20px;
    color:#fff;
	margin-bottom: -23px !important;
	border-bottom: 1px solid #b6936f !important; /* Border */
	
}

.footer-cta-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.footer-logo img{
    width:200px;
}

.footer-content{
    flex:1;
}

.footer-content h2{
	color: #fff;
    font-size:42px;
    margin-bottom:15px;
    font-weight:600;
	font-family: 'Times New Roman', Times, serif; 
}

.footer-content p{
    color:#fff;
    font-size:16px;
    line-height:1.7;
    max-width:700px;
/* 	font-family: 'Times New Roman', Times, serif;  */
}

.footer-button a{
    display:inline-block;
    background: #d79541;
    color:#fff;
    padding:18px 25px;
    text-decoration:none;
    letter-spacing:1px;
    transition:.3s;
	border: 1px solid #b6936f !important; /* Border */
    border-radius: 0px !important;      
}

.footer-button a:hover{
    background:#000;
	color:#fff;
}



@media(max-width:992px){

.footer-cta-container{
    flex-direction:column;
    text-align:center;
}

.footer-logo img{
    margin:auto;
}

.footer-content h2{
    font-size:32px;
}

.footer-button{
    margin-top:10px;
}

}




.why-choose{
    background:#fff;
    padding:55px 0;
}

.why-choose h2{
    text-align:center;
    font-size:36px;
	color: #000;
    margin-bottom:45px;
    position:relative;
	font-family: 'Times New Roman', Times, serif; 
}

.why-choose h2:before,
.why-choose h2:after{
    content:"";
    position:absolute;
    top:50%;
    width:30%;
    height:1px;
    background:#d9d9d9;
	font-family: 'Times New Roman', Times, serif; 
}

.why-choose h2:before{
    left:0;
}

.why-choose h2:after{
    right:0;
}

.why-grid{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(8,1fr);
}

.why-item{
    text-align:center;
    padding:15px 20px;
    border-right:1px solid #e6e6e6;
}

.why-item:last-child{
    border-right:none;
}

.why-item img{
    width:48px;
    margin-bottom:18px;
}

.why-item h4{
    font-size:14px;
    line-height:1.5;
    font-weight:600;
	color: #000;
}



/* ===========================
   Tablet (4 columns)
=========================== */
@media (max-width: 991px) {

    .why-choose h2 {
        font-size: 28px;
    }

    .why-choose h2:before,
    .why-choose h2:after {
        width: 22%;
    }

    .why-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .why-item {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        padding: 25px 15px;
    }

    .why-item:nth-child(4n) {
        border-right: none;
    }

    .why-item:nth-last-child(-n+4) {
        border-bottom: none;
    }

    .why-item img {
        width: 42px;
    }

    .why-item h4 {
        font-size: 16px;
    }
}

/* ===========================
   Mobile (2 columns)
=========================== */
@media (max-width: 767px) {

    .why-choose {
        padding: 40px 20px;
    }

    .why-choose h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .why-choose h2:before,
    .why-choose h2:after {
        width: 12%;
    }

    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-item {
        padding: 20px 12px;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .why-item:nth-child(even) {
        border-right: none;
    }

    .why-item:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .why-item img {
        width: 38px;
        margin-bottom: 12px;
    }

    .why-item h4 {
        font-size: 15px;
        line-height: 1.4;
    }
}




.welcome-section{
    max-width:1300px;
    margin:auto;
    padding:80px 20px;
}

.welcome-header{
    text-align:center;
    max-width:900px;
    margin:auto;
}

.welcome-tag{
    color:#c89a4b;
    font-size:14px;
    letter-spacing:2px;
	font-weight: bold;
    text-transform:uppercase;
}

.welcome-header h2{
    font-size:54px;
    margin:12px 0 25px;
    font-family:serif;
	color: #000;
}

.welcome-header p{
    font-size:18px;
    line-height:1.8;
    color:#555;
}

.choose-title{
    position:relative;
    text-align:center;
    margin:60px 0 -10px;
}

.choose-title:before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:#d8c6a0;
}

.choose-title span{
    position:relative;
    background:#fff;
    padding:10px 30px;
    color:#c89a4b;
    font-weight:700;
    letter-spacing:1px;
	border: 1px solid #d6c7a4;
}

.choose-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.choose-card{
    display:flex;
    align-items:center;
    padding:60px;
}

.mentorship{
    background:#000;
    color:#fff;
}

.coaching{
    background:#fff;
    border:1px solid #d6c7a4;
}

.icon{
    width:120px;
    height:120px;
    border:2px solid #c89a4b;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:35px;
    flex-shrink:0;
}

.icon img{
    width:60px;
}

.choose-card h3{
    font-size:40px;
    margin-bottom:20px;
    line-height:1.2;
}

.choose-card p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.choose-card a{
    display:inline-block;
    background:#c89a4b;
    color:#fff;
    padding:15px 35px;
    text-decoration:none;
}

.choose-card a:hover{
    color:#fff;
	background:#d79541;
}






@media (max-width:991px){

	
    .choose-grid{
        grid-template-columns:1fr;
    }

    .choose-card{
        padding:40px;
    }

    .welcome-header h2{
        font-size:42px;
    }

    .choose-card h3{
        font-size:30px;
    }
}

@media (max-width:767px){

    .choose-card{
        flex-direction:column;
        text-align:center;
    }

    .icon{
        margin:0 0 25px;
    }

    .welcome-header h2{
        font-size:34px;
    }

    .welcome-header p{
        font-size:17px;
    }

    .choose-card h3{
        font-size:26px;
    }

    .choose-title span{
        padding:0 15px;
        font-size:14px;
    }
}





.breadcrumb-area {
    background-image: url("http://coachnoya.com/wp-content/uploads/2026/07/vecteezy_gold-abstract-bokeh-background_6893339-scaled.jpg") !important;
    
}

.breadcrumb-title {
    color: #d79541 !important;
    font-family: 'Times New Roman', Times, serif; 
    font-size: 64px;
    font-weight: 600;

}


/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

    .breadcrumb-title {
        font-size: 50px !important;
    }

}

/* Mobile */
@media (max-width: 767px) {

    .breadcrumb-title {
        font-size: 50px !important;
        line-height: 1.2;
    }

}



.breadcrumb-menu,
.breadcrumb-menu a,
.breadcrumb-menu span,
.trail-items li,
.trail-items li a {
/*     color: #ffffff !important;
    font-family: 'Times New Roman', Times, serif; 
    font-size: 20px; */
	visibility:hidden;
}

.breadcrumb-spacing {
    padding: 70px 0 !important;
}

.breadcrumb-area::before {
    background: rgba(13, 13, 13, 1) !important;
}






.appoinment-section {
    background-image: url("http://coachnoya.com/wp-content/uploads/2026/07/philosophy.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.elementor-14 .elementor-element.elementor-element-4027c0d:not(.elementor-motion-effects-element-type-background),
.elementor-14 .elementor-element.elementor-element-4027c0d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("http://coachnoya.com/wp-content/uploads/2026/07/flip-scaled.jpeg") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


.welcome-section {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}


.elementor-14 .elementor-element.elementor-element-ca8e00c > .elementor-widget-container {
	padding-bottom: 0 !important;
}


.elementor-14 .elementor-element.elementor-element-38e3c71 > .elementor-widget-container {
	padding-top: 0 !important;
}





/* ============================
   POLICY PAGE
============================= */

.policy-section{
    padding:90px 20px;
}

.policy-container{
    max-width:1100px;
    margin:auto;
}

.policy-header{
    text-align:center;
    margin-bottom:60px;
}

.policy-header span{
    color:#d79541;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
}

.policy-header h1{
    font-size:52px;
    margin:18px 0;
    color:#000;
	font-family: 'Times New Roman', Times, serif; 
}

.policy-header p{
    max-width:760px;
    margin:auto;
    color:#555;
    font-size:18px;
    line-height:1.8;
	font-family: 'Arial', Helvetica, sans-serif; 
}

.policy-card{

    background:#fff;
    border-radius:0px;
    box-shadow:
    0 10px 40px rgba(0,0,0,.08);
    padding:60px;
}

.policy-block{

    padding-bottom:20px;
    margin-bottom:35px;
    border-bottom:1px solid #ececec;
}

.policy-block:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0;
}

.policy-block h2{

    color:#d79541;
    font-size:28px;
    margin-bottom:18px;
	font-family: 'Times New Roman', Times, serif; 
}

.policy-block p{

    font-size:16px;
    color:#555;
    line-height:1.5;
    margin-bottom:18px;
/* 	font-family: 'Arial', Helvetica, sans-serif;  */
}

.policy-block ul{

    padding-left:22px;
    margin-top:20px;
}

.policy-block li{

	font-size:16px;
    margin-bottom:16px;
    line-height:1.8;
    color:#555;
}

.policy-footer{

    background:#000;
    color:#fff;
    padding:25px 35px;
    border-left:5px solid #d79541;
    border-radius:0px;
    margin-top:35px;
    font-size:17px;
    line-height:1.5;
	font-weight: 100; 
}

/* ============================
   Responsive
============================= */

@media(max-width:768px){

.policy-section{
    padding:60px 20px;
}

.policy-card{
    padding:35px;
}

.policy-header h1{
    font-size:34px;
}

.policy-block h2{
    font-size:24px;
}

.policy-header p,
.policy-block p,
.policy-block li,
.policy-footer{
    font-size:15px;
}

}





.contact-info-icon i {
	
    background-color: #d79541 !important; 
}

.contact.text-center.mb-30 h3 {
    color: #000 !important;
    font-family: "Times New Roman", Times, serif !important;
}

.contact text-center mb-30 {
	border-color: #d79541 !important;
}


.form-box::before {
	color: #d79541 !important;
}









/*             Packages                      */

.packages-section{

    padding:90px 20px;
	
}

.packages-heading{

    text-align:center;
    max-width:850px;
    margin:auto auto 70px;

}

.packages-heading span{

    color:#d79541;
    letter-spacing:2px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:600;

}

.packages-heading h2{

    font-size:52px;

    margin:15px 0;

    color:#111;

	font-family: "Times New Roman", Times, serif !important;
	
}

.packages-heading p{

    color:#666;
    font-size:18px;
    line-height:1.8;

}

.packages-grid{

    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;

}

.package-card{

    background:#fff;
    border-radius:0px;
    padding:45px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
	align-items:center;      /* Center icon with the text block */
    gap:18px;
    margin-bottom:22px;

}

.package-icon{
    flex-shrink:0;
    width:15px;
    height:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
}

.package-card:hover{

    transform:translateY(-10px);

}

.package-top{

    border-bottom:1px solid #eee;

    padding-bottom:25px;

    margin-bottom:30px;

}

.package-label{

    color:#d79541;

    text-transform:uppercase;

    font-size:13px;

    letter-spacing:2px;

    font-weight:600;

}

.package-top h3{

    font-size:36px;

    margin:15px 0;

    color:#111;

    font-family:"Times New Roman",serif;

}

.subtitle{

    color:#777;

    font-size:18px;

}

.package-card ul{

    list-style:none;
    padding:0;
	margin-bottom:30px;

}

.package-card li{

    display:flex;
    gap:20px;
    align-items:flex-start;
    margin-bottom:22px;
    font-size:18px;
    line-height:1.6;

}

.package-card p{

    font-size:18px;
	margin-top:-5px

}

.package-card li strong{

    display:block;
    color:#111;
	margin-top:-6px;

}

/* Push button to the bottom */
.package-btn{
    display:inline-block;
    margin-top:auto;   /* Pushes the button to the bottom */
    align-self:center;
    background:#d79541;
    color:#fff;
    padding:16px 90px;
    text-decoration:none;
    text-transform:uppercase;
    transition:.3s;
}

.package-call-btn{
    display:inline-block;
    margin-top:auto;   /* Pushes the button to the bottom */
    align-self:center;
    background:#d79541;
    color:#fff;
    padding:16px 34px;
    text-decoration:none;
    text-transform:uppercase;
    transition:.3s;
}


.package-btn:hover{
    background:#111;
    color:#fff;
}

.package-call-btn:hover{
    background:#111;
    color:#fff;
}

.featured{

    border:2px solid #d79541;

}

.popular{

    position:absolute;

    top:8px;

    right:-35px;

    transform:rotate(35deg);

    background:#d79541;

    color:#fff;

    padding:10px 25px;

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

}









@media(max-width:991px){

.packages-grid{

grid-template-columns:1fr;

}
	
.package-btn{
    margin-top:auto;   /* Pushes the button to the bottom */
    align-self:center;
    background:#d79541;
    color:#fff;
    transition:.3s;
	white-space: nowrap;
}

.package-call-btn{
    margin-top:auto;   /* Pushes the button to the bottom */
    align-self:center;
    background:#d79541;
    color:#fff;
    transition:.3s;
	 white-space: nowrap;
}


.packages-heading h2{

font-size:40px;

}

.package-top h3{

font-size:30px;

}

}

@media(max-width:767px){

.packages-section{

padding:60px 20px;

}

.package-card{

padding:30px;

}

.packages-heading h2{

font-size:32px;

}

.package-top h3{

font-size:26px;

}

.package-card li{

font-size:16px;

}

.subtitle{

font-size:16px;

}

.popular{

    position:absolute;

    top:-15px;

    right:-35px;

    transform:rotate(0deg);

    background:#d79541;

    color:#fff;

    padding:10px 25px;

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

}

}



/* Package Note */

.package-note{
    background:#f8f8f8;
    border-left:4px solid #c89b3c;
    padding:18px;
    margin:15px 0;
	margin-top:auto !important;   /* Pushes the button to the bottom */
}

.package-note strong{
    display:block;
    color:#111;
    margin-bottom:8px;
    font-size:18px;
}

.package-note p{
    margin:0;
    color:#666;
    line-height:1.7;
}

/* Disclaimer */

.package-disclaimer{
    font-size:13px;
    line-height:1.8;
    color:#777;
    border-top:1px solid #eee;
    padding-top:20px;
    margin-bottom:30px;
}

.package-disclaimer strong{
    color:#c89b3c;
}



.investment-details{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
	margin-top: 10px;
}

.investment-details span{
    background:#d79541;
    color:#fff;
    padding:5px 14px;
    font-size:12px;
    font-weight:300;
}



.package-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:18px;
}

.package-title{
    flex:1;
}

.package-price{
    font-size:30px;
    font-weight:800;
    color:#d79541;
    font-family:'Times New Roman', serif;
    line-height:1;
    white-space:nowrap;
	display:block;

}

.package-price-box{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    line-height:1;
}

.old-price{
    font-size:22px;
    color:#888;
    text-decoration:line-through;
    text-decoration-thickness:2px;
    margin-bottom:8px;
    font-family:'Times New Roman', serif;
}


@media (max-width:768px){

    .old-price{
        font-size:18px;
    }

    .package-price{
        font-size:38px;
    }

}




@media(max-width:991px){
.package-price{
    font-size:22px;
    font-weight:800;
    color:#d79541;
    font-family:'Times New Roman', serif;
    line-height:1;
    white-space:nowrap;
	display:block;

}
}








.elementor-4403 .elementor-element.elementor-element-9390240:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4403 .elementor-element.elementor-element-9390240 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background-color: #fff !important;
}















.services-section{
	padding-top:70px;
/* 	padding-bottom:10px */
	padding-left: 20px;
	padding-right: 20px;
}

.services-heading{
    max-width:850px;
    margin:auto auto 70px;
    text-align:center;
}

.services-heading span{
    color:#d79541;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
}

.services-heading h2{
    margin:18px 0;
    font-size:52px;
    color:#000;
    font-family:"Times New Roman",serif;
}

.services-heading p{
    color:#666;
    line-height:1.9;
    font-size:18px;
}


@media(max-width:991px){

.services-section{

padding-bottom:40px;

}
	
	
	
	
}




/*====================================================
                COACH NOYA SERVICES
====================================================*/

:root{

--gold:#d79541;
--dark:#0d0d0d;
--white:#ffffff;
--light:#f8f8f8;

}


/**************************************************
                HERO
**************************************************/

.cn-services-hero{

position:relative;

padding:150px 20px;

background:url("https://coachnoya.com/wp-content/uploads/2026/07/vecteezy_gold-abstract-bokeh-background_6893339-scaled.jpg");

background-size:cover;

background-position:center;

overflow:hidden;

text-align:center;

}


.cn-services-overlay{

position:absolute;

inset:0;

background:rgba(0,0,0,.82);

}


.cn-services-container{

position:relative;

z-index:2;

max-width:900px;

margin:auto;

}


.cn-subtitle{

letter-spacing:4px;

text-transform:uppercase;

color:var(--gold);

font-size:15px;

font-weight:600;

}


.cn-services-hero h1{

font-family:"Times New Roman",serif;

font-size:64px;

color:#fff;

margin:18px 0;

line-height:1.1;

}


.cn-services-hero p{

font-size:19px;

color:#ddd;

line-height:1.8;

max-width:760px;

margin:auto;

}



/**************************************************
            SECTION
**************************************************/

.cn-service-section{

position:relative;

max-width:1700px;

 margin:150px auto;

padding:0 40px;

}


.cn-service-image img{

width:78%;

display:block;

border-radius:2px;

}


.cn-service-card{

position:absolute;

right:40px;

top:50%;

transform:translateY(-50%);

width:520px;

background:#000;

padding:50px;

box-shadow:0 30px 80px rgba(0,0,0,.16);

transition:.4s;

}


.cn-service-card:hover{

transform:translateY(-50%) scale(1.02);

}


.cn-label{

color:#fafafa;

font-size:16px;

display:block;

margin-bottom:18px;

}


.cn-service-card h2{

font-family:"Times New Roman",serif;

font-size:34px;

line-height:1.08;

margin-bottom:25px;

color:var(--gold);

}


.cn-service-card p{

font-size:17px;

line-height:1.9;

color:#fafafa;

margin-bottom:30px;

}


.cn-divider{

width:80px;

height:3px;

background:var(--gold);

margin:30px 0;

}


.cn-service-card h4{

font-family:"Times New Roman",serif;

font-size:28px;

margin-bottom:20px;
	
color: var(--gold);

}


.cn-service-card ul{

padding:0;

margin:0 0 35px;

columns:2;

list-style:none;

}


.cn-service-card li{

position:relative;

padding-left:28px;

margin-bottom:15px;

font-size:15px;

line-height:1.5;
	
color: #fff;

}


.cn-service-card li:before{

content:"✓";

position:absolute;

left:0;

color:var(--gold);

font-weight:bold;

}


.cn-btn{

/* white-space: nowrap;

text-align: center; */

display:inline-block;

padding:18px 42px;

background:var(--gold);

color:#fff;

text-decoration:none;

font-weight:500;

letter-spacing:1px;

transition:.35s;

text-transform:uppercase;

margin-top:auto;   /* Pushes the button to the bottom */	
	
align-self:center;

}


.cn-btn:hover{

background:#b6936f;

color:#fff;

transform:translateY(-3px);

}




/**************************************************
            RESPONSIVE
**************************************************/

@media(max-width:1200px){

.cn-service-card{

width:470px;

padding:50px;

}

.cn-service-card h2{

font-size:44px;

}

}



@media(max-width:991px){

.cn-service-section{

padding:0 25px;

margin:-80px auto;

}

.cn-service-image img{

width:100%;

}

.cn-service-card{

position:relative;

right:auto;

top:auto;

transform:none;

width:100%;

margin:-70px auto 0;
	

max-width:700px;

}

.cn-service-card:hover{

transform:translateY(-5px);

}

}



@media(max-width:768px){

.cn-services-hero{

padding:100px 20px;

}

.cn-services-hero h1{

font-size:42px;

}

.cn-services-hero p{

font-size:17px;

}

.cn-service-card{

padding:35px;

}

.cn-service-card h2{

font-size:36px;

}

.cn-service-card ul{

columns:1;

}

}



@media(max-width:480px){

.cn-services-hero h1{

font-size:34px;

}

.cn-service-card{

padding:28px;

}

.cn-service-card h2{

font-size:30px;

}

.cn-btn{

display:block;

text-align:center;

width:100%;

}

}





/*====================================================
        REVERSE (BUSINESS COACHING)
====================================================*/

.cn-service-section.reverse{

    position:relative;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    max-width:1700px;
     margin:140px auto; 
     padding:0 40px; 

}

.cn-service-section.reverse .cn-service-image{

    width:100%;
    display:flex;
    justify-content:flex-end;
}

.cn-service-section.reverse .cn-service-image img{

    width:78%;
    display:block;
    margin-left:auto;
}


.left-card{

    position:absolute;

    left:40px;

    right:auto;

}


/*************************************************
            Hover Animation
*************************************************/

.cn-service-section.reverse .cn-service-image img{

    transition:.5s;

}

.cn-service-section.reverse:hover img{

    transform:scale(1.03);

}

.cn-service-section.reverse:hover .left-card{

    box-shadow:0 35px 90px rgba(0,0,0,.22);

}


.cn-service-section:last-child{

    padding-bottom:180px;


}


/*************************************************
            RESPONSIVE
*************************************************/

@media(max-width:991px){

.cn-service-section.reverse{

    display:block;
	margin-top:-40px;
	margin-bottom:-40px;
	

}

.cn-service-section.reverse .cn-service-image{

    text-align:center;

}

.cn-service-section.reverse .cn-service-image img{

    width:100%;

}

.left-card{

    position:relative;

    left:auto;

    margin:-70px auto 0;
	
    max-width:700px;

}

}

@media(max-width:768px){

.left-card{

    margin-top:-45px;

}

}