/*
Theme Name: mybiodtatformarriage
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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.
*/





/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap'); */

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('./assets/fonts/OpenSans-Regular.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('./assets/fonts/OpenSans-Regular.woff2') format('woff');
}


@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('./assets/fonts/OpenSans-Medium.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('./assets/fonts/OpenSans-Medium.woff2') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('./assets/fonts/OpenSans-SemiBold.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('./assets/fonts/OpenSans-SemiBold.woff2') format('woff');
}


@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('./assets/fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('./assets/fonts/OpenSans-Bold.woff2') format('woff');
}



:root {
    --white:#fff;
    --black:#000;
    --light-black:#333;
    --primary:#DD9D4C;
    --secondary: #fff;
    --gray: #fafafa;
    --light-gray:rgba(0,0,0,.7);
}
* {
    box-sizing: border-box;
}

html {
    font-size: 1rem;
    overflow-x: hidden;
}

@media screen and (min-width: 1920px) {
    html {
        font-size: .8333333333vw;
    }
}

body{
    font-weight: 400;
    line-height: 1.5;
    font-display: swap;
    font-size: 1rem;
    font-family: 'Open Sans','Arial', sans-serif;
    padding: 0;
    margin: 0;
    color: var(--light-gray);
    overflow-x: hidden;
}

main{
    position: relative;
    z-index: 1;
    background-color:  white;
}

/* @media screen and (min-width: 576px){
    body {
        font-size:1.125rem;
    }
} */


.bounce{
    position: relative;
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@keyframes bounce {
    50% {
        transform:  translateY(-15px);
      }
}


.flot-icon-whatsapp{
    position: fixed;
    bottom: 1.5rem;
    right: 2rem;
    z-index: 1;
    cursor: pointer;
    transition: 300ms all !important;
}
.flot-icon-whatsapp:hover{
    transform: scale(1.1);
}


/* header css */

header{
    padding: 1rem 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFFF;
    z-index: 999999;
    transition: .5s ease-out;
    box-shadow: none;
}

header .logo-text{
    color: #DD9D4C;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    font-weight: 400;
    display: inline-block;
}
header.white-header .logo-text{
    color: var(--primary);
}
header .logo{
    filter: brightness(0) invert(1);
}
header.white-header{
    background-color: #fff;
    box-shadow: 0 0 0.5rem rgba(0,0,0,.13);
}
header.white-header nav a{
    color: #DD9D4C;
}
header.white-header .logo{
    filter: inherit;
}
header.white-header nav a::before{
    background-color: var(--primary);
}
header .col-3{
    text-align: right;
}
header .row{
    align-items: center;
}
header img{
    max-width: 100%;
}

nav a{
    text-decoration: none;
    color: #DD9D4C;
    position: relative;
    padding-bottom: .2rem;
    font-size: 1rem;
}
nav a::before{
    position:absolute;
    content: '';
    bottom:0;
    width: 100%;
    height: 2px;
    background-color:#fff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s;
}
nav a:hover::before{
    transform: scaleX(1);
    transform-origin: left;
}
nav ul{
    padding: 0;
    margin: 0;
    text-align: right;
}

nav ul li{
    display: inline;
    padding: 0 1rem;
}
nav ul li:last-child{
    padding-right: 0;
}

nav ul li.menu-item-has-children{
    padding-right: 10px;
}

/* .basic.content-area {
    background-color: #ffdbdb;
    padding-top: 25rem;
} */

.mobile-menu{
    position: relative;
    z-index: 99999;
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 0.8875rem;
    border: 0;
    background: 0;
    font-size: .625em;
    border-radius: 0;
    cursor: pointer;
    outline: none !important;
    overflow: visible;
    -webkit-transition: all .3125s ease;
    transition: all .3125s ease;
    display:none;
}
.mobile-menu .bars{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.6rem;
    height: 0.0625rem;
    margin: auto;
    -webkit-transition: all .3125s ease;
    transition: all .3125s ease;
    background-color: transparent;
}
.mobile-menu .bars:before,
.mobile-menu .bars:after{
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    background-color: var(--primary);
    content: '';
    -webkit-transition: all .3125s ease;
    transition: all .3125s ease;
}
.mobile-menu .bars:before{
    bottom: 0.4125rem;
}

.mobile-menu .bars:after{
    top: 0.4125rem;
}

.mobile-menu .middle{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.6rem;
    height: 0.0625rem;
    margin: auto;
    -webkit-transition: all .3125s ease;
    transition: all .3125s ease;
    background-color: var(--primary);
}

header.active .mobile-menu .bars::before{
    transform: rotate(45deg);
    top: 0;
}


header.active .mobile-menu .bars::after{
    transform: rotate(-45deg);
    top: 0;
}

header.active .mobile-menu .middle{
    display: none;
}

/* Style the main navigation menu */
.site-navigation {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style menu items */
.site-navigation li {
    display: inline-block;
    margin-right: 0.625rem;
    position: relative; /* Important for submenu positioning */
}

/* Style submenu items */
.site-navigation li ul {
    display: none;
    position: absolute;
    top: 100%; /* Position below the parent item */
    right: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 6px 5px -5px rgba(0, 0, 0, 0.3);
}
.site-navigation .menu-item-has-children ul.sub-menu li a{
    color: #000;
}
.site-navigation li:hover ul {
    display: block; /* Show the submenu on hover */
}

/* Style links in submenu */
.site-navigation li ul li {
    display: block;
    margin-right: 0;
    padding: 0;
    text-align: left;
    height: 40px;
}
.site-navigation li ul li:first-child{
    margin-top: 15px;
    position: relative;
}
.site-navigation li ul li:first-child::before{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    margin: -10px 30px 0 0;

}
.site-navigation li ul li a{
    display: block;
    padding: 0 10px;
    text-decoration: none;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #FFF;
    white-space: nowrap;
    font-weight: 500;
    color: #999;
}
.site-navigation li ul li a::before{
    display: none;
}
.site-navigation li ul li a:hover{
    background-color: #EEE;
    color: #666;
}

/* Style parent menu items that have children */
.site-navigation .menu-item-has-children::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.313rem solid transparent; /* Adjust the size as needed */
    border-right: 0.313rem solid transparent; /* Adjust the size as needed */
    border-bottom: 0.313rem solid #DD9D4C; /* Arrow color */
    position: absolute;
    top: 50%;
    right: -0.313rem; /* Adjust the spacing as needed */
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s;
}
.white-header .site-navigation .menu-item-has-children::after {
    border-bottom-color: #000;
}
.site-navigation .menu-item-has-children:hover::after {
    transform: translateY(-50%) rotate(-180deg); /* Rotate the arrow on hover */
}

@media only screen and (max-width: 1280px) {
    header{
        padding: 1rem 0;
    }
    .padding-default{
        padding: 3rem 0;
    }
}

@media only screen and (max-width: 991px) {
    nav ul li{
        padding: 0 .5rem;
    }
}

@media only screen and (max-width: 768px) {
    header{
        background-color: #F6FCFF;
    }
    header .logo{
        filter: inherit;
    }
    nav{
        position: fixed;
        top: 3rem;
        right: 0;
        width: 100%;
        height: 0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-y: auto;
        transition: 300ms all;
    }
    header.active nav{
        height: 100%;
    }
    nav ul li{
        display:block;
        padding: 1rem 0;
    }
    nav ul{
        text-align: center;
        margin-top: -5rem;
        width: 100%;
    }
    nav a{
        text-align: center;
        color: var(--primary) !important;
        font-size: 1.5rem;
        display: block;
        padding: .5rem 0;
        line-height: .5;
    }
    nav a:before{
        display: none;
    }
    .mobile-menu{
        display: inline-block;
    }
    .site-navigation li{
        display: block;
    }
    header .logo-text{
        color: #DD9D4C;
    }
    header .logo-text span{
        color: #DD9D4C;
        background: #FFFF;
    }
    .site-navigation .menu-item-has-children::after{
        border-bottom-color: var(--primary);
    }
    .site-navigation .menu-item-has-children::after{
        display: none;
    }
    .site-navigation .menu-item-has-children > a:after{
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 0.313rem solid transparent;
        border-right: 0.313rem solid transparent;
        border-bottom: 0.313rem solid var(--primary);
        position: absolute;
        top: 50%;
        right: -1rem;
        transform: translateY(-50%) rotate(180deg);
        transition: transform 0.3s; 
    }
    .site-navigation .menu-item-has-children > a{
        display: inline-block;
    }

    .site-navigation li ul{
        position: relative;
        margin: 0;
        box-shadow: none;
        display: block;
    }
    .site-navigation .menu-item-has-children ul.sub-menu li a{
        font-size: 1rem;
        text-transform: capitalize;
    }
    .site-navigation li ul li a:hover{
        background-color: #fff;
    }
    .site-navigation li{
        margin-right: 0;
    }

}


/* footer */


.footer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-logo a {
    font-weight: 400;
    font-size: 1.3rem;
    text-decoration: none;
    color: #fff;
    margin-bottom: 1rem;
    display: inline-block;
    
}
.footer-social-element p {
    font-weight: 500;
    font-size: 1rem;
}

.social-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 2rem;
}
.footer-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:#fff;
}
/* footer ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 1rem;
} */


ul.list-style-none li {
    list-style: none
}

ul.list-style-none{
    padding: 0;
}
.footer-menu, .footer-services {
    margin-block: 0.8rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 1.5rem;
    flex-wrap: wrap;
}
.footer-menu{
    margin-bottom: 0;
}

.footer-menu a, .footer-services a{
    text-decoration: none;
    color: #fff;
    font-size: .875rem;
}

 @media only screen and (max-width: 991px) {
    .social-icons{
        flex-direction: row;
        flex-wrap: wrap;
    }
    /* footer ul{
        flex-direction: row;
        flex-wrap: wrap;
    } */
 }
 @media only screen and (max-width: 768px){

 }

 @media only screen and (max-width: 576px) {
    .social-icons{
        flex-direction: row;
        flex-wrap: wrap;
    }
    header .logo-text,
    .footer-logo a{
        font-size: 1.3rem;
    }

 }

 .copyright{
     background-color:#001524;
     padding: 1rem;
 }
 .copyright p{
    color: #fff;
    font-size: .75rem;
    max-width: 100%;
    margin: 0;
    font-weight: 400;
 }
 .social-icons a{
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 3.3rem;
 }
 .social-icons a svg{
    width: 1.5rem;
    height: 1.5rem;
 }

 .social-icons a svg path {
    fill:#001E35;
 }

 /* button css */

 .button{
    display: inline-block;
    touch-action: manipulation;
    cursor: pointer;
    border: none;
    background-color: #DD9D4C;
    color: #fff;
    height: 3.5rem;
    font-size: 1rem;
    padding: 0 1.4rem;
    line-height: 3.5rem;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: 0.25s;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 50px;
}

.button:hover{
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    transform: translateY(-0.25em);
}

/* heading css  */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #001E35;
}

.display{
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 600;
}

h1, .h1 {
    font-size: 2.25rem;
    line-height: 1.1;
}

h2, .h2 {
    font-size: 2rem;
    line-height: 1.1;
}

.h3, h3 {
    line-height: 1.33;
    font-size: 1.75rem;
}

.h4, h4 {
    line-height: 1.33;
    font-size: 1.25rem;
}

@media screen and (min-width: 1600px){
    .display{
        font-size: 6.25rem;
    }
    h1, .h1 {
        font-size: 3.125rem;
    }
    h2, .h2 {
        font-size: 3.125rem;
    }
    .h3, h3 {
        font-size: 2.5rem;
    }
    .h4, h4 {
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 576px){
    .display {
        font-size: calc(40px + 15 * ((100vw - 576px) / 1024));
    }
    h1, .h1 {
        font-size: calc(36px + 14 * ((100vw - 576px) / 1024));
    }
    h2, .h2 {
        font-size: calc(32px + 18 * ((100vw - 576px) / 1024));
    }
    .h3, h3 {
        font-size: calc(28px + 12 * ((100vw - 576px) / 1024));
    }
    .h4, h4 {
        font-size: calc(20px + 4 * ((100vw - 576px) / 1024));
    }
}

.static-inner-page .display {
    font-size: clamp(20px, calc(20px + 20 * ((100vw - 576px) / 1024)), 40px);
}

.static-inner-page h1, .static-inner-page .h1 {
    font-size: clamp(22px, calc(22px + 14 * ((100vw - 576px) / 1024)), 36px);
}

.static-inner-page h2, .static-inner-page .h2 {
    font-size: clamp(18px, calc(18px + 6 * ((100vw - 576px) / 1024)), 32px);
}

.static-inner-page h3, .static-inner-page .h3 {
    font-size: clamp(16px, calc(16px + 4 * ((100vw - 576px) / 1024)), 28px);
}

.static-inner-page h4, .static-inner-page .h4 {
    font-size: clamp(16px, calc(16px + 2 * ((100vw - 576px) / 1024)), 20px);
}
/* helper */
section .title{
    max-width: 60rem;
    margin: 0 auto 2.5rem;
}
section .title p{
    margin-top: 0;
}

.highlight{
    color: var(--primary);
}

.padding-default{
    padding: 2rem 0;
}
.padding-small{
    padding: 2rem 0;
}
.text-align-center{
    text-align: center;
}

.bg-white{
    background-color: #ffff;
}
.bg-primary{
    background-color: #F6FCFF;
}
.bg-light-gray{
    background-color: #F6FCFF;
}
.bg-black{
    background-color: #001E35;
}


.text-white h2,
.text-white p{
    color: var(--white);
}

@media only screen and (max-width: 768px) {
    section .title{
        margin: 0 auto 3rem;
    }
}

@media only screen and (max-width: 576px) {
    .padding-default{
        padding: 2rem 0;
    }
    section .title{
        margin: 0 auto 2rem;
    }
    .button:hover{
        box-shadow: none;
        transform: none;
    }
}

/* layout */

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1348px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
	col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* HERO large */

/* .hero-large{
    background-color: var(--primary);
} */

.form-input{
    background-color: var(--white);
    border: 1px solid #d3cece;
    box-shadow: none;
    color: #000;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    height: 3.5rem;
    line-height: 1.5rem;
    margin: 0;
    padding: 0.625rem 1rem;
    text-align: left;
    width: 100%;
    font-family: 'Work Sans','Arial', sans-serif;
}

.form-input::placeholder{
    color: #969696;
}

.form-input.invalid-input{
    border-color: red;
}

.form-input.select {
    padding-right: 1.3125rem;
    background-image: url(../assets/angle-down.svg);
    background-position: calc(100% - 0.6875rem) center;
    background-repeat: no-repeat;
    background-size: 0.625rem 0.375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: 'Work Sans','Arial', sans-serif;
}

textarea.form-input{
    resize: none;
    height: auto;
    min-height: 8rem;
}

@media only screen and (max-width: 576px){
    .form-input{
        height: 3rem;
    }
}

.form-input{
    background-color: var(--white);
    border: 1px solid #d3cece;
    box-shadow: none;
    color: #000;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    height: 3.5rem;
    line-height: 1.5rem;
    margin: 0;
    padding: 0.625rem 1rem;
    text-align: left;
    width: 100%;
    font-family: 'Work Sans','Arial', sans-serif;
}

.form-input::placeholder{
    color: #969696;
}

.form-input.invalid-input{
    border-color: red;
}
#consent {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #007bff; /* modern browsers */
    transition: box-shadow 0.2s ease;
}

/* Highlight when invalid */
#consent.invalid-input {
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.6);
    border-radius: 4px;
}

/* Optional: highlight label text when checkbox invalid */
#consent.invalid-input + span {
    color: red;
    font-weight: 500;
}

/* Improve link appearance */
#consent + span a {
    color: #007bff;
    font-weight: 500;
}

#consent + span a:hover {
    text-decoration: none;
    color: #0056b3;
}
.consent-error-message {
    display: none;
    color: red;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
}

/* Show when checkbox has .invalid-input */
#consent.invalid-input ~ .consent-error-message {
    display: block;
}
.form-input.select {
    padding-right: 1.3125rem;
    background-image: url(../assets/angle-down.svg);
    background-position: calc(100% - 0.6875rem) center;
    background-repeat: no-repeat;
    background-size: 0.625rem 0.375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: 'Work Sans','Arial', sans-serif;
}

.button.view-action {
    margin-top: 1.5rem;
    width: fit-content;
}

textarea.form-input{
    resize: none;
    height: auto;
    min-height: 8rem;
}

@media only screen and (max-width: 576px){
    .form-input{
        height: 3rem;
    }
}
.template-image img{
    max-width: 100%;
}
.padding-top-0{
    padding-top: 0px;
}
.padding-top-1{
    padding-top: 1rem;
}
.pmpro-levels .basic.content-area {
    padding-top: 8rem;
    padding-bottom:4rem;
    min-height: 40rem;
}
.padding-top-4{
    padding-top: 4rem !important;
}
.padding-bottom-0{
    padding-bottom:0px !important ;
}
.padding-top-1{
    padding-top: 0rem;
}
@media (min-width: 992px) {
    .padding-top-1{
        padding-top: 1rem;
    }  
}
.padding-top-8{
    padding-top: 8rem;
}
@media (max-width: 576px) {
    .padding-top-8{
        padding-top: 5.5rem;
    }
    .mobile-visible{
        visibility: hidden;
    }
    .is-active.mobile-visible{
        visibility: visible;
    }
}


@media only screen and (max-width: 990px){
    .flot-icon-whatsapp{
        right: 2rem;
    }
    .flot-icon-whatsapp svg{
        width: 2rem;
        height: 2rem;
    }
}


/* Single page for biodata */
.biodata-container{
    display: flex;
    padding: 0 5rem;
}

.biodata-image{
    width: 40%;
}
.biodata-image a{
    position: relative;
    padding-top: 140%;
    display: block;
}
.biodata-image a img{
    position: absolute;
    height: auto;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.biodata-details{
    flex:1;
    padding-left: 4rem;
}

.biodata-details .inner-section{
   background-color: #F3F7FE !important;
   padding: 2rem;
   border-radius: 10px;
   height: 100%;
}
.biodata-details .color-palette {
    padding: 0;
    margin: 0;
    padding-top: 1rem;
    padding-left: .1rem;
}

.biodata-details .color-palette li {
    list-style-type: none;
    margin-right: .2rem;
    border: 0.063rem solid #ced5d9;
    width: 1.813rem;
    height: 1.813rem;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}
.biodata-details .color-palette li.active {
    box-shadow: 0 0 0 0.125rem var(--primary);
}

.biodata-details .color-section h4{
 margin-bottom: .5rem;
}
.biodata-details .color-section,
.biodata-details .share-icons{
     margin: 2rem 0;
}
.biodata-details .share-icons a{
    display: inline-block;
    margin-right: 10px;
}

@media only screen and (max-width: 1280px){
    .biodata-container {
        padding: 0;
    }
}
@media only screen and (max-width: 1199px){
    .biodata-details {
        padding-left: 1rem;
    }
    .biodata-details .color-section, 
    .biodata-details .share-icons{
        margin: 1rem 0;
    }
}

@media only screen and (max-width: 768px){
    .biodata-container{
        display: block;
    }
    .biodata-image {
        width: 100%;
    }
    .biodata-details {
        padding-left: 0;
        padding-top: 7rem;
        position: relative;
        background: #F3F7FE !important;
        margin-top: 2rem;
    }
    .biodata-details .inner-section{
        height: auto;
    }
    .biodata-details .color-section{
        position: absolute;
        top: 0;
        left: 0%;
        text-align: center;
        width: 100%;
    }
    
}
@media only screen and (max-width: 576px){
    .biodata-details .inner-section{
        padding: 1rem;
    }
}
.wc-item-meta{
    display: none;
}
.wc.button{
    background-color: rgb(221, 157, 76) !important;
    color: white !important;
}
.wc.button.disabled{
    background-color: rgb(221, 157, 76, 0.8) !important;
    color: white !important;
}

/* ================================
   Order Received Page - Clean Theme
   ================================ */
   .woocommerce-order {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background: transparent;
    box-shadow: none;
}

/* Headings */
.woocommerce-order h1,
.woocommerce-order h2 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Overview & Details sections */
.woocommerce-order-overview,
.woocommerce-order-details {
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

/* Shop Table Styling */
.woocommerce table.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed; /* Prevents column stretching */
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 10px 0;
    border: none;
    text-align: left;
    font-size: 15px;
    color: #333;
    word-break: break-word; /* Ensures long text like emails wrap */
    white-space: normal;
}

.woocommerce table.shop_table th {
    font-weight: 600;
    color: #555;
}

/* Make product name not clickable */
.woocommerce table.shop_table td.product-name a {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

/* Buttons */
.woocommerce a.button {
    background: #DD9D4C;
    color: #fff;
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    transition: background 0.3s ease;
    line-height: 2;
}

.woocommerce a.button:hover {
    background: #c27a2c;
}

/* ================================
   Customer Details Section
   ================================ */
.woocommerce-customer-details {
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    margin-top: 30px;
}

.woocommerce-customer-details h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.6;
    word-break: break-word;
    white-space: normal;
    margin: 0;
    color: #444;
}

/* Billing/Shipping layout */
.woocommerce-customer-details .col2-set {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.woocommerce-customer-details .col-1,
.woocommerce-customer-details .col-2 {
    flex: 1 1 300px;
}

/* ================================
   Responsive
   ================================ */
@media (max-width: 768px) {
    .woocommerce-order {
        padding: 15px;
    }
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        font-size: 14px;
    }
    .woocommerce-customer-details {
        padding: 15px;
    }
    .woocommerce-customer-details .col2-set {
        flex-direction: column;
        gap: 15px;
    }
}
.woocommerce ul.order_details li{
	border-right:0 !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
    border:0 !important;
}

/* Navigation */
/* 1. Make WooCommerce My Account page full width */
.woocommerce-account .woocommerce {
    max-width: 100% !important; /* override theme width */
    padding: 0 20px; /* small side padding */
    box-sizing: border-box;
}

/* 2. Layout: sidebar left, content right */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

/* Sidebar Navigation */
.woocommerce-MyAccount-navigation {
    flex: 0 0 220px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Navigation List */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Force My Account tabs text to align left */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li,
.woocommerce-MyAccount-navigation a {
    text-align: left !important;
    justify-content: flex-start !important;
}
li.woocommerce-MyAccount-navigation-link.is-active{
    border-bottom: 1px solid #f0f0f0;
    background: #DD9D4C; 
}
.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}
.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 18px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
    background: #DD9D4C; /* brand gold */
    color: #fff !important;
    border: 0;
}

/* Content Area */
.woocommerce-MyAccount-content {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 30px;
    min-height: 100%;
}

/* Remove WooCommerce floats */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    float: none !important;
}
.woocommerce-orders-table__cell a.woocommerce-button.button.view {
    line-height: 2.5;
    background: #DD9D4C;
    color: #fff;
}
/* 3. Mobile layout */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 20px;
    }
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 20px !important;
        display: block !important;
        order: -1; /* put it above the content */
    }

    .woocommerce-MyAccount-navigation ul {
        display: block !important;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
    }
    .woocommerce-MyAccount-navigation {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .woocommerce-MyAccount-content {
        width: 100% !important;
    }
}

.shop_table.woocommerce-checkout-review-order-table{
    border:0 !important;
}

/* Style both billing & shipping columns without breaking layout */
#customer_details .col-1{
  /* background: #f9fbff;
  border: 1px solid #d9e6ff; */
  border-radius: 12px;
  padding: 20px;
  padding-left: 0px;
  padding-right:0px;
  /* box-shadow: 0 2px 5px rgba(0,0,0,0.04); */
  margin-bottom: 20px;
}

.woocommerce-checkout .container-wrap h3 {
    display: block !important;
}

#customer_details h3 {
    font-size: 17px;
    margin-bottom: 15px;
    color: #222;
    /* border-bottom: 1px solid #e5e7eb; */
    padding-bottom: 6px;
  }

/* Labels + inputs */
#customer_details label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
  color: #333;
}

#customer_details input,
#customer_details select,
#customer_details textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  font-size: 14px;
  transition: border-color 0.2s ease;
}

#customer_details input:focus,
#customer_details select:focus,
#customer_details textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.15);
}

/* Mobile: stack cleanly */
@media (max-width: 768px) {
  #customer_details .col-1,
  #customer_details .col-2 {
    margin-bottom: 15px;
  }
}


/* === MBM Checkout Final CSS === */
/* Scoped to checkout page only */
.page-id-50336 form.checkout,
.page-id-50336 .woocommerce-checkout {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}

/* Remove WooCommerce col-2 gap */
.page-id-50336 .woocommerce-checkout .col2-set {
  display: block !important;
  gap: 0 !important;
}
.page-id-50336 .woocommerce-checkout .col2-set .col-1,
.page-id-50336 .woocommerce-checkout .col2-set .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.page-id-50336 .woocommerce-checkout .col2-set .col-2 {
  display: none !important; /* hide unused right column */
}

/* Form rows & fields full width */
.page-id-50336 .woocommerce form .form-row {
  width: 100% !important;
  float: none !important;
  clear: both;
  margin-bottom: 14px;
  text-align: left !important;
}
.page-id-50336 .woocommerce form .form-row-first,
.page-id-50336 .woocommerce form .form-row-last,
.page-id-50336 .woocommerce form .form-row-wide {
  width: 100% !important;
  float: none !important;
}
.page-id-50336 .woocommerce form .input-text,
.page-id-50336 .woocommerce form input[type="email"],
.page-id-50336 .woocommerce form input[type="tel"],
.page-id-50336 .woocommerce form select,
.page-id-50336 .woocommerce form textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  box-sizing: border-box;
}
.page-id-50336 .woocommerce form .input-text:focus,
.page-id-50336 .woocommerce form select:focus,
.page-id-50336 .woocommerce form textarea:focus {
  border-color: #a86004;
  box-shadow: 0 0 0 2px rgba(168,96,4,0.15);
  outline: none;
}
.page-id-50336 .select2,
.page-id-50336 .select2-container {
  width: 100% !important;
}

/* Section headings */
.page-id-50336 .woocommerce-checkout h3 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  margin: 10px 0 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}

/* Field labels */
.page-id-50336 .woocommerce-checkout label {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  margin-bottom: 4px;
  display: block;
}
.page-id-50336 .woocommerce-checkout abbr.required {
  color: #a86004;
  font-weight: bold;
  text-decoration: none;
}

/* Order review box */
.page-id-50336 #order_review {
  margin-top: 25px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fafafa;
  padding: 20px;
  font-size: 15px;
  color: #444;
}
.page-id-50336 #order_review th,
.page-id-50336 #order_review td {
  font-size: 14px;
  padding: 8px 6px;
  border-bottom: 1px solid #eee;
}
.page-id-50336 #order_review tfoot th,
.page-id-50336 #order_review tfoot td {
  font-weight: 600;
}

/* Place order button */
.page-id-50336 #place_order,
.page-id-50336 .woocommerce button.button.alt {
  background: #a86004 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  transition: background 0.2s ease;
  width: 100%;
}
.page-id-50336 #place_order:hover,
.page-id-50336 .woocommerce button.button.alt:hover {
  background: #8c4f02 !important;
}

button.button.downloadPDF {
    background: #DD9D4C !important;
    color: #fff !important;
}
button.button.downloadPDF:hover {
    background: #8c4f02 !important;
}
@media (max-width: 768px) {
    .page-id-50336 .container-wrap{
      max-width: 95% !important;
    }
}

/* Custom styling for Download Biodata button to match theme buttons */
.ipw-download-btn,
button.ipw-download-btn,
.button.ipw-download-btn {
    display: inline-block !important;
    touch-action: manipulation;
    cursor: pointer;
    border: none !important;
    background-color: #DD9D4C !important;
    color: #fff !important;
    height: 3.5rem !important;
    font-size: 1rem !important;
    padding: 0 1.4rem !important;
    line-height: 3.5rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    position: relative;
    transition: 0.25s;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 50px !important;
    font-family: 'Open Sans', 'Arial', sans-serif !important;
    box-shadow: none !important;
    min-height: auto !important;
    outline: none !important;
}

.ipw-download-btn:hover,
button.ipw-download-btn:hover,
.button.ipw-download-btn:hover {
    background-color: #DD9D4C !important;
    color: #fff !important;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1) !important;
    transform: translateY(-0.25em);
    border: none !important;
    outline: none !important;
}

.ipw-download-btn:focus,
button.ipw-download-btn:focus,
.button.ipw-download-btn:focus {
    background-color: #DD9D4C !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove any container borders around the download button */
.ipw-order-package-actions,
.ipw-order-package-actions--builder,
.ipw-package-item {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 1rem 0;
    padding: 0 !important;
}

.ipw-package-buttons {
    margin-top: 1rem;
    border: none !important;
    background: transparent !important;
}

/* Mobile responsiveness */
@media only screen and (max-width: 576px) {
    .ipw-download-btn,
    button.ipw-download-btn,
    .button.ipw-download-btn {
        height: 3rem !important;
        line-height: 3rem !important;
        font-size: 0.9rem !important;
        padding: 0 1.2rem !important;
    }

    .ipw-download-btn:hover,
    button.ipw-download-btn:hover,
    .button.ipw-download-btn:hover {
        box-shadow: none !important;
        transform: none;
    }
}

/* ================================
   WooCommerce Orders Table Styling - Enhanced
   ================================ */

/* Clear any existing WooCommerce table styling */
.woocommerce-account .woocommerce-orders-table,
.woocommerce .woocommerce-orders-table,
table.woocommerce-orders-table {
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
    border: none !important;
}

/* Override WooCommerce table styling */
.woocommerce-account .woocommerce-orders-table table,
.woocommerce .woocommerce-orders-table table,
.woocommerce-orders-table .woocommerce-orders-table__table,
table.woocommerce-orders-table__table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-account .woocommerce-orders-table thead tr,
.woocommerce .woocommerce-orders-table thead tr,
.woocommerce-orders-table__header {
    border-bottom: 1px solid #f0f0f0 !important;
    background: #f8f9fa !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr,
.woocommerce .woocommerce-orders-table tbody tr,
.woocommerce-orders-table__row {
    border-bottom: 1px solid #f0f0f0 !important;
    background: #fff !important;
}

.woocommerce-orders-table__header:last-child,
.woocommerce-orders-table__row:last-child {
    border-bottom: none !important;
}

/* Table headers with stronger specificity */
.woocommerce-account .woocommerce-orders-table th,
.woocommerce .woocommerce-orders-table th,
.woocommerce-orders-table__header th {
    background: #f8f9fa !important;
    padding: 15px 20px !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #555 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}

/* Table cells with stronger specificity */
.woocommerce-account .woocommerce-orders-table td,
.woocommerce .woocommerce-orders-table td,
.woocommerce-orders-table__cell {
    padding: 20px !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    color: #333 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

/* Order number styling with higher specificity */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-number a,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-number a,
.woocommerce-orders-table__cell--order-number a {
    color: #DD9D4C !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-number a:hover,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-number a:hover,
.woocommerce-orders-table__cell--order-number a:hover {
    color: #c27a2c !important;
    text-decoration: underline !important;
}

/* Status styling */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-status,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-status,
.woocommerce-orders-table__cell--order-status {
    text-transform: capitalize !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-status mark,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-status mark,
.woocommerce-orders-table__cell--order-status mark {
    background: none !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}

/* Status colors with class specificity */
.woocommerce-orders-table__cell--order-status mark.status-processing,
.woocommerce-orders-table mark.status-processing {
    background-color: #3498db !important;
    color: #fff !important;
}

.woocommerce-orders-table__cell--order-status mark.status-completed,
.woocommerce-orders-table mark.status-completed {
    background-color: #2ecc71 !important;
    color: #fff !important;
}

.woocommerce-orders-table__cell--order-status mark.status-pending,
.woocommerce-orders-table mark.status-pending {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.woocommerce-orders-table__cell--order-status mark.status-cancelled,
.woocommerce-orders-table mark.status-cancelled {
    background-color: #e74c3c !important;
    color: #fff !important;
}

.woocommerce-orders-table__cell--order-status mark.status-refunded,
.woocommerce-orders-table mark.status-refunded {
    background-color: #95a5a6 !important;
    color: #fff !important;
}

/* Total amount styling */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-total,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-total,
.woocommerce-orders-table__cell--order-total {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #DD9D4C !important;
}

/* Actions column styling with maximum specificity */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions,
.woocommerce-orders-table__cell--order-actions {
    text-align: right !important;
    white-space: nowrap !important;
    padding: 20px !important;
}

/* Button styling for orders table with maximum specificity */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button,
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .button,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .button,
.woocommerce-orders-table__cell--order-actions .woocommerce-button,
.woocommerce-orders-table__cell--order-actions .button {
    background: #DD9D4C !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    display: inline-block !important;
    margin-left: 5px !important;
    transition: all 0.3s ease !important;
    line-height: 1.4 !important;
    min-height: auto !important;
    height: auto !important;
    box-shadow: none !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button:hover,
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .button:hover,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button:hover,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .button:hover,
.woocommerce-orders-table__cell--order-actions .woocommerce-button:hover,
.woocommerce-orders-table__cell--order-actions .button:hover {
    background: #c27a2c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    color: #fff !important;
}

/* View button specific styling with maximum specificity */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button.button.view,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .woocommerce-button.button.view,
.woocommerce-orders-table__cell--order-actions .woocommerce-button.button.view {
    background: #DD9D4C !important;
    color: #fff !important;
    line-height: 1.4 !important;
}

/* Download button styling in orders table */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .ipw-download-btn,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .ipw-download-btn,
.woocommerce-orders-table__cell--order-actions .ipw-download-btn {
    background: #27ae60 !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    border: none !important;
    line-height: 1.4 !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .ipw-download-btn:hover,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell--order-actions .ipw-download-btn:hover,
.woocommerce-orders-table__cell--order-actions .ipw-download-btn:hover {
    background: #219a52 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Page title styling with higher specificity */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce .woocommerce-MyAccount-content h2 {
    color: #333 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #DD9D4C !important;
}

/* Force override any existing table styling */
.woocommerce table.shop_table_responsive tr td::before {
    display: none !important;
}

/* Responsive design for orders table */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-orders-table table,
    .woocommerce .woocommerce-orders-table table,
    .woocommerce-orders-table__table {
        font-size: 14px !important;
    }
    
    .woocommerce-account .woocommerce-orders-table th,
    .woocommerce-account .woocommerce-orders-table td,
    .woocommerce .woocommerce-orders-table th,
    .woocommerce .woocommerce-orders-table td,
    .woocommerce-orders-table__header th,
    .woocommerce-orders-table__cell {
        padding: 12px 15px !important;
    }
    
    .woocommerce-orders-table__cell--order-actions {
        text-align: center !important;
    }
    
    .woocommerce-orders-table__cell--order-actions .woocommerce-button,
    .woocommerce-orders-table__cell--order-actions .button {
        margin: 2px !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
}

/* ================================
   Enhanced Orders Table with Wide Actions Column
   ================================ */

/* Set specific column widths for better layout */
.woocommerce-orders-table__table {
    table-layout: fixed !important;
}

.woocommerce-orders-table__header-order-number,
.woocommerce-orders-table__cell--order-number {
    width: 12% !important;
}

.woocommerce-orders-table__header-order-date,
.woocommerce-orders-table__cell--order-date {
    width: 15% !important;
}

.woocommerce-orders-table__header-order-status,
.woocommerce-orders-table__cell--order-status {
    width: 12% !important;
}

.woocommerce-orders-table__header-order-total,
.woocommerce-orders-table__cell--order-total {
    width: 15% !important;
}

/* Make Actions column much wider */
.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell--order-actions {
    width: 46% !important;
    min-width: 400px !important;
}

/* Enhanced Actions cell styling */
.woocommerce-orders-table__cell--order-actions {
    padding: 15px !important;
    vertical-align: top !important;
}

/* Package info styling */
.ipw-package-info {
    background: #f8f9fa !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    border-left: 4px solid #DD9D4C !important;
}

.ipw-package-info strong {
    color: #DD9D4C !important;
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.ipw-package-info small {
    color: #666 !important;
    font-size: 13px !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.ipw-package-stats {
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    background: #e9ecef !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Package buttons container */
.ipw-package-buttons {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
}

/* Enhanced button styling for actions */
.ipw-package-buttons .button,
.ipw-package-buttons .ipw-use-edit-btn,
.ipw-package-buttons .ipw-download-btn {
    background: #DD9D4C !important;
    color: #fff !important;
    padding: 8px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    height: auto !important;
    white-space: nowrap !important;
    flex: 1 1 auto !important;
    text-align: center !important;
    margin: 0 !important;
}

/* .ipw-package-buttons .ipw-use-edit-btn {
    background: #007bff !important;
} */

.ipw-package-buttons .ipw-use-edit-btn:hover {
    background: #df993e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* .ipw-package-buttons .ipw-download-btn {
    background: #28a745 !important;
} */

.ipw-package-buttons .ipw-download-btn:hover {
    background: #df993e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* Status badges with proper styling */
.woocommerce-orders-table__cell--order-status {
    text-transform: capitalize !important;
}

.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell--order-status {
    color: #007bff !important;
    font-weight: 600 !important;
}

.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell--order-status::before {
    content: "🔄 " !important;
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell--order-status {
    color: #28a745 !important;
    font-weight: 600 !important;
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell--order-status::before {
    content: "✅ " !important;
}

.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell--order-status {
    color: #ffc107 !important;
    font-weight: 600 !important;
}

.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell--order-status::before {
    content: "⏳ " !important;
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell--order-status {
    color: #dc3545 !important;
    font-weight: 600 !important;
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell--order-status::before {
    content: "❌ " !important;
}

/* Enhanced row styling */
.woocommerce-orders-table__row {
    transition: all 0.2s ease !important;
}

.woocommerce-orders-table__row:hover {
    background-color: #f8f9fa !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* Responsive adjustments for Actions column */
@media (max-width: 1200px) {
    .woocommerce-orders-table__header-order-actions,
    .woocommerce-orders-table__cell--order-actions {
        min-width: 350px !important;
    }
    
    .ipw-package-buttons {
        flex-direction: column !important;
    }
    
    .ipw-package-buttons .button,
    .ipw-package-buttons .ipw-use-edit-btn,
    .ipw-package-buttons .ipw-download-btn {
        flex: 1 1 100% !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 992px) {
    /* Stack table content on medium screens */
    .woocommerce-orders-table__table,
    .woocommerce-orders-table__header,
    .woocommerce-orders-table__row,
    .woocommerce-orders-table__cell {
        display: block !important;
        width: 100% !important;
    }
    
    .woocommerce-orders-table__header {
        display: none !important;
    }
    
    .woocommerce-orders-table__row {
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    }
    
    .woocommerce-orders-table__cell {
        padding: 8px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }
    
    .woocommerce-orders-table__cell:last-child {
        border-bottom: none !important;
    }
    
    .woocommerce-orders-table__cell::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #555 !important;
        min-width: 100px !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
    }
    
    .woocommerce-orders-table__cell--order-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .woocommerce-orders-table__cell--order-actions::before {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 576px) {
    .ipw-package-info {
        padding: 8px !important;
    }
    
    .ipw-package-info strong {
        font-size: 14px !important;
    }
    
    .ipw-package-info small {
        font-size: 12px !important;
    }
    
    .ipw-package-stats {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }
    
    .ipw-package-buttons .button,
    .ipw-package-buttons .ipw-use-edit-btn,
    .ipw-package-buttons .ipw-download-btn {
        font-size: 10px !important;
        padding: 6px 10px !important;
    }
}