@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --heading-font: 'Playfair Display', sans-serif;
    --body-font: "Lato", sans-serif;
    --font-awesome: 'Font Awesome 6 Free';
    --font-bold: 700;
    --semi-bold:600;
    --medium:500;
    --regular:400;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 32px;
    --f-size-XXL: 32px;
    --f-size-XL: 22px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-white: #fff;
    --color-white-secondary: #DDDDDD;
    --color-black: #000000;
    --color-black-secondary: #2C2A2F;
    --color-grey: #626262;
    --color-grey-secondary: #D3D0D0;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
*{box-sizing: border-box;}
html{ overflow-x: hidden;}
body { margin: 0 !important; padding: 0; font-family: var(--body-font); font-weight: var(--medium); font-size: var(--f-size-Body); color: var(--color-grey); overflow-x: hidden; background: #FDF8F2;}
h1, h2, h3, h4, h5, h6 { font-weight: var(--semi-bold); margin: 0 0 20px; padding: 0; font-family: var(--heading-font); color: var(--color-black-secondary);}

h1 {font-size: var(--f-size-XXXL);}
h2, .pmpro .pmpro_font-x-large {font-size: var(--f-size-XXL);}
h3 {font-size: var(--f-size-XL);}
h4, .pmpro .pmpro_font-large {font-size: var(--f-size-L);}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}

p{ line-height: 1.3; margin: 0 0 20px; padding: 0;}
p:last-child {margin-bottom: 0;}

/* --- for placeholder color --- */
.form-control::-moz-placeholder{color:#BBB;  opacity:1;font-weight: 400;}
.form-control:-ms-input-placeholder{color:#BBB; font-weight: 400; }
.form-control::-webkit-input-placeholder{color:#BBB; font-weight: 400;}
.form-control:focus { box-shadow: 0 0 0;}
/* --- for placeholder color --- */

img{ max-width: 100%;}
.img img{ width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--common-transition);}
a:hover{ text-decoration:none;}
ul{padding: 0; margin: 0; list-style: none;}

.common-padding{padding: 100px 0;}
.common-padding-top{ padding-top: 100px;}
.common-padding-bottom{padding-bottom: 100px;}

.padding-btm-small {padding-bottom: 60px;}


/* ~~~~~ buttons adjustments ~~~~~ */
.btn, .dashboard-content .pmpro_section #loginform .login-submit .button{border: 1px solid var(--color-grey-secondary); border-radius: 100px; padding: 12px 25px; background: var(--color-white); color: #454343; transition: var(--common-transition); font-weight: var(--semi-bold); font-size: 14px; line-height: 1;}
.btn:hover, .dashboard-content .pmpro_section #loginform .login-submit .button:hover{background: var(--color-grey-secondary); color: var(--color-white); }

.btn img {margin-right: 5px;}
.btn:hover img { filter: brightness(0) invert(1); }

/* ~~~~~ buttons adjustments ~~~~~ */
@media only screen and ( max-width:1440px ){}
@media only screen and (max-width:991px){}
/* ~~~~~ header style ~~~~~ */

/* ~~~~~~~~~~ hamburger menu styling  start~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3){ top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav-close { vertical-align: top;width: 30px; height: 24px;position: relative;margin: 0 0 0 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin-top: 0;z-index: 9;}
.hamburger-nav-close span {display: block;position: absolute;height: 2px;width: 100%;background: var(--white); border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.hamburger-nav-close span{background: var(--white);}
.hamburger-nav-close span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px;left: 3px;}
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
.hamburger-nav-close span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
/* ~~~~~~~~~~ hamburger menu styling  end~~~~~~~~~~ */
.header-section { position: absolute; top: 0; right: 0; left: 0; width: 100%; z-index: 999; padding: 25px 0; }
.header-section .logo-wrap { max-width: 290px; }
.header-section li{ font-weight: var(--semi-bold); margin: 0 22px;}
.header-section li:first-child{ margin-left: 0;}
.header-section li:last-child{ margin-right: 0;}
.header-section li a{ color: var(--white); transition: var(--common-transition);}
.header-section li a:hover{ color: var(--orange-color);}

.mobile-menu { display: none; }
/* ~~~~~ header after sticky style ~~~~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.header-sticky .header-section {position: fixed; top: 0; width: 100%; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--common-transition); z-index: 999;background: #313131;}
.header-sticky .header-section .logo-wrap { max-width: 200px; }

/* ~~~~~ header after sticky style ~~~~~ */


/* home-page style=================================================================================================================================================================== */


/* .hero-banner { position: relative; padding-bottom: 50%; }
.hero-banner::before { position: absolute; content: ''; background: linear-gradient(180deg, #4D4D4D 0%, #AD6B2D 100%); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 1; }
.hero-banner::after { position: absolute; content: ''; background: linear-gradient(180deg, #000 9.62%, rgba(0, 0, 0, 0.00) 41.26%); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 2; }
.hero-banner .banner-bg { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.hero-banner .container-holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; width: 100%; color: #fff; }
.hero-banner .container-holder h1 { letter-spacing: -0.9px; }
.hero-banner .banner-info { max-width: 1042px; margin: 0 auto; }
.hero-banner .banner-info p { font-size: 24px; max-width: 830px; margin: 0 auto; }

.home-about-section { position: relative;}
.home-about-section .image-holder{ position: relative; padding-left: 80px; padding-bottom: 35px;}
.home-about-section .image-holder .image-box{ position: relative; padding-bottom: 105%; z-index: 1; border-radius: 20px; overflow: hidden;}
.home-about-section .image-holder .image-box img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.home-about-section .rounded-border { left: 0; top: 50%; transform: translateY(-50%); }
.home-about-section .curved-border{ right: 20px; z-index: 2;}
.home-about-section .info-box { padding-left: 110px; }

.approach-section{ position: relative;}
.approach-section .info-box { padding-right: 100px; }
.goals-box-holder{ position: relative; z-index: 2;}
.goals-box-holder .curved-border { right: 40px; z-index: -1; bottom: -30px; }
.goals-box-item{ margin-bottom: 30px;}
.goals-box { border-radius: 15px; border: 2px solid #FB9A40; padding: 30px 20px; height: 100%; position: relative; background: var(--white);}
.goals-box::before { position: absolute; content: ''; border-radius: 15px; background: #FB9A40; top: 5px; right: 0; bottom: 0; left: 5px; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: visible; transition: var(--common-transition); }
.goals-box:hover::before{ opacity: 1; visibility: visible;}
.goals-box h2{ color: var(--orange-color);     -webkit-text-stroke: 1px var(--orange-color); color: #ffffff00;     font-weight: 900; letter-spacing: 4.8px;}
.goals-box h4{ color: var(--black);}


.team-section{ position:relative; color: var(--white);}
.team-section .top-heading { max-width: 600px; margin: 0 auto 30px; }
.team-section .top-heading h2{ color: var(--white)}
.team-box { position: relative;}
.team-box .image-box::before{position: absolute; content: ''; border-radius: 15px; background: var(--white); top: 5px; right: 0; bottom: 0; left: 5px; width: 100%; height: 100%;  opacity: 0; visibility: visible; transition: var(--common-transition);}
.team-box .image-box { position: relative; padding-bottom: 115%; border-radius: 20px; overflow: hidden; margin-bottom: 30px;}
.team-box .image-box img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.team-box .info-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; text-align: center; background: linear-gradient(180deg, #FB9A40 20.9%, #F4BC03 100%); color: var(--white); opacity: 0; visibility: hidden; border-radius: 20px; overflow: hidden; transition: var(--common-transition);}
.team-box h4{ margin-bottom: 12px;}
.team-box h6{ color:#F4BB05; margin-bottom: 12px;}
.team-box .bottom-info{ max-width: 350px; margin:0 auto;}
.team-box .bottom-info p{ color:#BBBBBB; font-size:16px;}
.team-box:hover .image-box::before{ visibility: visible; opacity: 1;}
.team-box:hover .info-box{ opacity: 1; visibility: visible;}
.team-section .button-row{ margin-top:30px;}

.comparison-table-holder ul:nth-child(even){background: #F8F8F8;}
.comparison-table-holder ul li{ width:15%; flex:0 0 auto; text-align: center;}
.comparison-table-holder ul li:first-child{ width:40%;}
.comparison-table-holder ul li:nth-child(2){ background:var(--orange-color);}

.growth-section { position: relative; background: #FFE9DF; }
.growth-section .section-title{ max-width: 530px;}
.growth-section .container{ position:relative; z-index: 3;}
.growth-box-item{ margin-bottom:25px;}
.growth-box { padding: 30px 62px; border: 2px solid #FB9A40; border-radius: 15px; height: 100%; background: var(--white); }
.growth-box .icon { width: 100px; height: 100px; background: linear-gradient(180deg, #FB9A40 0%, #F4BC03 100%); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 20px; }
.bg-design { position: absolute; top: -80px; right: 0; z-index: -1; } */


.dashboard-section .image-holder{ position: relative; padding: 70px 20px 40px 40px;}
.dashboard-section .image-holder .image-inner { position: relative; padding-bottom: 65%; border-radius: 20px; overflow: hidden; border: 10px solid #FFE9DF; z-index: 1;}
.dashboard-section .image-holder .image-inner img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.dashboard-section .image-holder .top-design.text-end{ top:-20px;}
.dashboard-section .image-holder .bottom-design { bottom: -20px; }

/* .partners-section { color: var(--white);}
.partners-section .title-heading h2{ color: var(--white);}
.partners-box { border-radius: 15px; border: 2px solid #FB9A40; background: #000; padding: 45px 30px; height: 100%; color: var(--white);}
.partners-box .icon-box { width: 90px; height: 90px; border-radius: 50%; background: linear-gradient(180deg, #FB9A40 0%, #F4BC03 100%); margin: 0 auto 25px; padding: 5px; }
.partners-box .icon-box span { width: 100%; height: 100%; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.partners-box h4{ color: #F4BB05;}

.approach-section .flex-row-reverse .info-box { padding-left:100px; padding-right: 0;;}
.goals-box-holder .curved-border.text-start { right: auto; left: 40px; }
.goals-box .icon-box { width: 75px; height: 75px; background: linear-gradient(180deg, #FB9A40 0%, #F4BC03 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }

.strategy-section { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; width: 100%; height: 100%; }
.strategy-box-item{ margin-bottom: 25px;}
.strategy-box { padding: 40px 30px; border-radius: 15px; border: 2px solid #FB9A40; background: #FFF; height: 100%;}
.strategy-box .icon-box { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 25px; overflow: hidden; }
.strategy-box .info-box p:last-child{ margin-bottom:0;}
.strategy-section .strategy-holder { z-index: 1; }
.strategy-section .strategy-holder .bg-design { top: auto; bottom: -15px; right: auto; left: 15%; }

.case-holder.position-relative { z-index: 2; }
.case-holder .top-design.text-start { z-index: -1; max-width: 265px; max-height: 265px; top: -120px; left: -120px; }
.case-box { border-radius: 20px; border: 2px solid #FB9A40; background: #FFF; padding: 10px; }
.case-box  .image-box { border-radius: 20px 20px 0px 0px; background: #F3F3F3; padding: 35px 15px; }
.case-box .info-box { padding: 20px; }


.contact-section { position: relative;}
.contact-section::before { position: absolute; content: ""; background: #F3F3F3; right: 0; bottom: 0; left: 0; width: 100%; height: 70%; }
.contact-section .inner-contact { position: relative; border-radius: 20px; border: 10px solid #FFF; background: linear-gradient(95deg, #FB9A40 42.01%, #F4BC03 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); }
.contact-section  .info-holder {
    padding: 60px; color: var(--white);     max-width: 760px;
}
.contact-section .info-holder p{ color: var(--white);}
.contact-section .info-holder h2{ color: var(--white);}
.contact-section .info-holder .btn{ color: var(--orange-color); background: var(--white); border: 1px solid var(--white);}
.contact-section .info-holder .btn:hover{ color: var(--white); background: transparent; border: 1px solid var(--white);} */

.footer-section { background: #000; color: #fff; }
.footer-section a{ color: var(--white); }
.footer-section  .logo-wrap { max-width: 310px; }
.footer-section .top-footer{ padding:80px 0 60px}
.footer-section .top-footer a{ color:var(--white);}
.footer-section .top-footer li{ margin: 0 22px;}
.footer-section .top-footer li:first-child{ margin-left:0;}
.footer-section .top-footer li:last-child{ margin-right:0;}

.footer-section  .middle-footer{ padding:50px 0; border-top: 1px solid #838383; border-bottom: 1px solid #838383;}
.footer-section  .middle-footer p, .footer-section  .middle-footer li, .footer-section  .middle-footer a{ color: #BBB;}
.footer-section  .middle-footer li span{ color: var(--orange-color);}
.footer-section .form-row { position: relative; }
.footer-section .form-row input.form-control { background: transparent; border: 0; border-bottom: 1px solid #9A9A9A; padding: 15px 15px 15px 0; border-radius: 0;}
.footer-section .form-row input[type="submit"] { font-size: 0; border: 0; width: 24px; height: 24px; background: url(../images/arrow-right.svg) !important; background-repeat: no-repeat !important; background-size: 100% !important; background-position: center !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.bottom-footer-row{ padding:30px 0;}
.bottom-footer-row .nav li:not(:last-child) { margin-right: 15px; }

.header-section { position: relative; top: 0; right: 0; left: 0; width: 100%; z-index: 999; padding: 25px 0; background: #000; }

.homepage-sec { min-height: calc(100vh - 100px); display: flex; align-items: center; }

/* ================ 06.08.2025 ================ */

.dashboard-sec { height: calc(100vh - 70px); }
.dashboard-sec .sidebar-wrapper { background: #EDE4E0; padding: 30px 16px; border-radius: 20px; margin-top: 12px; height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden; }
.dashboard-sec .dashboard-content { height: calc(100vh - 70px); padding-top: 12px; }

.dashboard-sec .sidebar-wrapper::-webkit-scrollbar-track, .dashboard-main::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 20px; background-color: #EDE4E0; }
.dashboard-sec .sidebar-wrapper::-webkit-scrollbar, .dashboard-main::-webkit-scrollbar { width: 6px; background-color: #EDE4E0; }
.dashboard-sec .sidebar-wrapper::-webkit-scrollbar-thumb, .dashboard-main::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #9D8D5D; }

.hdr-logo {padding-bottom: 45px;}
.hdr-logo a {width: 100%;max-width: 258px;display: block;}
.hdr-logo img {width: 100%;}

.main-menu .main-menu-wrapper:not(:last-child) { margin-bottom: 30px; }
.main-menu .main-menu-wrapper ul li:not(:last-child) {margin-bottom: 10px;}
.main-menu .main-menu-wrapper ul li a { width: 100%; display: block; padding: 16px; border-radius: 18px; color: #111111; font-weight: 500; font-size: 16px; display: flex; align-items: center; transition: none;}
.main-menu .main-menu-wrapper ul li a img { margin-right: 10px; width: 17px; }
.main-menu .main-menu-wrapper ul li.current-menu-item > a, .main-menu .main-menu-wrapper ul li:hover > a  {background: #9D8D5D; color: var(--color-white); }
.main-menu .main-menu-wrapper ul li.current-menu-item > a { font-weight: 700; }
.main-menu .main-menu-wrapper ul li.current-menu-item > a img, .main-menu .main-menu-wrapper ul li:hover > a img { filter: brightness(0) invert(1); }

.main-menu .main-menu-wrapper ul li.menu-item-has-children a { padding-right: 40px !important; }

li.menu-item-has-children { position: relative;}
li.menu-item-has-children .toggle-btn {position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; color: #fff; top: 18px; right: 15px; cursor: pointer; background: #111111; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
li.menu-item-has-children .toggle-btn::before { content: "\f107"; /* down arrow */ font-size: 10px; }
li.menu-item-has-children.open-sub .toggle-btn::before { content: "\f106"; /* up arrow */
}
ul.sub-menu { padding-left: 20px; margin-top: 10px; display: none; }
ul.sub-menu a { padding: 12px; font-size: 14px; border-radius: 12px; }
ul.sub-menu a img { width: 18px; } 

.menu-item i._mi { margin-top: 0; font-size: 16px; }

.main-menu .main-menu-wrapper ul li.current-menu-item .toggle-btn, .main-menu .main-menu-wrapper ul li:hover .toggle-btn{color: var(--color-white);}

.main-menu .main-menu-wrapper h6 { color: #2C2A2FA1; font-family: var(--body-font); font-weight: var(--medium); border-bottom: 1.5px solid; padding-bottom: 10px; }

.dashboard-top { background: #EDE4E0; border-radius: 15px; padding: 17px 30px; display: flex; align-items: center; }
.dashboard-top h3 { margin: 0; }

.search-wrap { margin-left: auto; /*display: flex;*/ border: 1px solid #D3D0D0; border-radius: 100px; outline: none; background: var(--color-white) url(../images/search.svg) no-repeat center left 17px / 18px; padding: 9px 17px 9px 52px; width: 100%; max-width: 355px; position: relative; }
.search-wrap input { background: transparent; border: 0; outline: none; width: 100%; padding: 0; font-size: 14px; font-weight: var(--semi-bold); color: #9D9C9C; }

.srch-filter { position: absolute; right: 17px; bottom: 7px; }
.srch-filter button { background: transparent; border: 0; padding: 0; }

/* .login-link, .logout-link {color: var(--color-black-secondary); padding-left: 20px; font-size: 16px;}
.login-link:hover, .logout-link:hover {color: var(--color-black-secondary);} */

.accountbtn-link { margin-left: 10px; padding: 15px 30px; }

.user-login-wrap { padding-left: 20px; display: flex; align-items: center; }
.user-login-wrap button { background: transparent; border: 0; outline: none; display: flex; align-items: center; padding: 0; }

.user-img { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--color-white); color: var(--color-white); flex: 0 0 60px; }
.user-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.user-info { padding-left: 10px; }
.user-info h5 { margin: 0; }

.user-login-link { display: flex; align-items: center; }

.dashboard-main { padding: 50px 34px 0; height: calc(100vh - 170px); overflow-y: auto; }
.dashboard-main .inner-sections:not(:last-child) {margin-bottom: 50px;}

.section-tp { display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; }

.news-card { border: 1px solid #D3D0D080; background: var(--color-white); border-radius: 20px; padding: 12px 12px 20px; }
.news-img { position: relative; padding-bottom: 42%; margin-bottom: 20px; }
.news-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }

.news-content h6 {display: flex;align-items: center;font-family: var(--body-font);color: #111111;font-weight: var(--medium);}
.news-content h6 i { padding-right: 10px; font-size: 22px; color: var(--body-font); }
.news-content h3 a { color: #1E1E1E; }
.news-card:not(.news-details-card) .news-content p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.custom-select { border: 1px solid var(--color-grey-secondary); border-radius: 100px; padding: 12px 50px 12px 18px; background: var(--color-white) url(../images/dropdown.svg) no-repeat center right 18px; color: #454343; transition: var(--common-transition); font-weight: var(--semi-bold); font-size: 14px; line-height: 1; appearance: none; }

.section-tp > h2 { margin: 0; }

.table-wrapper table { background: var(--color-white); border-collapse: separate; border-spacing: 0; overflow: hidden; margin: 0; }
.table-wrapper table thead { background: #B8A898; }
.table-wrapper table thead tr th:first-child { border-radius: 10px 0 0 0; }
.table-wrapper table thead tr th, .table-wrapper table tr td { box-shadow: none; padding: 13px 20px; }
.table-wrapper table thead tr th:last-child { border-radius: 0 10px 0 0; }
.table-wrapper table tr td {vertical-align: middle; font-size: 16px; border-radius: 0; font-weight: var(--medium); color: var(--color-grey);}
.table-wrapper table tr td:first-child { border-radius: 0 0 0 10px; }
.table-wrapper table tr td:last-child { border-radius: 0 0 10px 0; }

.thumb-img { width: 55px; }
.thumb-img img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; aspect-ratio: 1 / 1; }

.status-wrap { background: var(--color-white); border: 1px solid #D3D0D0; border-radius: 15px; text-align: center; padding: 12px 14px 12px 27px; line-height: 1; font-size: 14px; color: #454343; width: 100%; max-width: 95px; position: relative; }
.status-wrap::before {content: "";position: absolute; top: 50%; left: 14px; transform: translateY(-50%); width: 7px;height: 7px;border-radius: 50%; background: var(--color-grey);}
.status-wrap.active::before{background: #28AC00;}
.status-wrap.pending::before{background: #0E5496;}

.action-btns { display: flex; gap: 10px; }
.action-btns a { background: #F2F2F2; border: 0.6px solid #74A6D480; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 30px; aspect-ratio: 1 / 1; }

footer { padding: 24px 0; }
.copyright { text-align: center; }
.copyright p{ font-size: 16px; color: #7C7C7C; }

html.scroll-off { overflow: hidden; }

/* ================ 06.08.2025 ================ */

/* ================ 13.08.2025 ================ */

section#pmpro_login { display: flex; flex-direction: column; justify-content: center; margin-bottom: 30px; }

/* .dashboard-content .pmpro_card {width: 100%;max-width: 600px;margin: 0 auto;} */
.dashboard-content .pmpro_card_content { color: var(--color-grey); padding: 25px !important; }
.dashboard-content .pmpro_section #loginform .input { border: 1px solid #D3D0D080; background-color: transparent; }
input:-internal-autofill-selected { background-color: #5d1d1d00 !important; }
.dashboard-content .pmpro_section #loginform .login-submit .button { background: #9D8D5D; color: var(--color-white); font-size: 16px; }

.dashboard-content .pmpro_card_content + .pmpro_card_actions a { color: var(--color-grey); }
.dashboard-content .pmpro_card_content + .pmpro_card_actions a:hover { color: var(--color-black); }

.pmpro_table_order-date a { color: var(--color-grey); }

.dashboard-content .pmpro_form_fieldset {font-size: 16px;}
.dashboard-content .pmpro_form_field { gap: 15px; }
.dashboard-content .pmpro_btn { font-size: 14px; padding: 10px 30px; }

.document-img { position: relative; aspect-ratio: 1 / 1; max-width: 8%; margin-bottom: 24px; }
.document-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; }

.document-info { margin-bottom: 24px; }
.document-info ul li { margin-bottom: 12px; font-size: 16px; }
.document-info ul li b { margin-right: 10px; font-weight: 700; }

.download-btns { display: flex; gap: 15px; }

.modal{padding-right: 0 !important;}
.modal-header { display: block; border: 0; } 
.modal-title { margin-bottom: 10px; }
.modal-header .btn-close { position: absolute; top: -5px; right: -5px; padding: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--color-white); opacity: 1; box-shadow: 0 0 8px 3px #cbc1c16b; }

.modal-body { padding: 30px 20px; }

.button-wrapper {text-align: center;}
/* .membership-btn { margin: 0 auto; text-align: center; } */

#pmpro_login .pmpro_card { width: 100%; max-width: 600px; margin: 0 auto; }

/* ================ 13.08.2025 ================ */

/* ================ 18.08.2025 ================ */

.pagination {margin: 0;padding: 50px 0 0;list-style: none;display: flex;flex-wrap:
wrap;justify-content: center;}
.pagination a, .pagination span { margin: 0 10px; border: 1px solid rgba(38, 42,
51, 0.2); border-radius: 3px; width: 45px; height: 45px; display: inline-flex;
align-items: center; justify-content: center; color: #262A33; }.pagination a.prev, .pagination a.next { width: auto; min-width: 75px; padding:
0 10px;}
.pagination .current {background: rgb(156 142 98);color: var(--color-white);border-color: rgb(156 142 98);}

/* ================ 18.08.2025 ================ */

/* ================ 25.08.2025 ================ */

.dashboard-content .pmpro_card_content { padding: 25px 30px !important; }

.pmpro .pmpro_card_title { padding: 25px 15px 0; }

/* ================ 25.08.2025 ================ */

/* ================ 26.08.2025 ================ */

.pmpro_card .pmpro_heading-with-avatar { padding-left: 15px; padding-right: 15px; }

.pmpro_card_content + .pmpro_card_actions { padding: 12px 15px; }

/* ================ 26.08.2025 ================ */


.breadcrumb {gap: 15px; }
.breadcrumb a {color: #9D8D5D; }

/* ================ 12.09.2025 ================ */


.page-template-templatestpl-login-form-php .dashboard-sec .sidebar-wrapper, .page-template-templatestpl-login-form-php .dashboard-sec .dashboard-top, .page-template-templatestpl-registration-form-php .dashboard-sec .sidebar-wrapper, .page-template-templatestpl-registration-form-php .dashboard-sec .dashboard-top { display: none; }
.page-template-templatestpl-login-form-php .dashboard-sec, .page-template-templatestpl-registration-form-php .dashboard-sec { height: calc(100vh - 70px); display: flex; align-items: center; justify-content: center; overflow-y: auto; }
.page-template-templatestpl-login-form-php .dashboard-sec .dashboard-content { height: inherit; padding: 0; }

.page-template-templatestpl-registration-form-php .dashboard-sec .dashboard-content {height: calc(100vh - 120px);}

.page-template-templatestpl-registration-form-php #pmpro_pricing_fields {display: none;}
.page-template-templatestpl-registration-form-php .dashboard-content .pmpro_btn { width: 100%; }
.page-template-templatestpl-registration-form-php .pmpro_form_submit { display: block; }

.page-template-templatestpl-registration-form-php .pmpro_section.pmpro_checkout_gateway-none {margin-bottom: 30px;}

.site-logo-wrapper { margin: 0 auto 30px; display: block; text-align: center; }

.pmpro_btn[disabled] { opacity: 0.5; cursor: not-allowed; }

@media only screen and (max-width:1699px){

    :root {
    --f-size-XXXL: 28px;
    --f-size-XXL: 28px;
    --f-size-XL: 22px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-Body: 16px;
    }

    .dashboard-sec .sidebar-wrapper { padding: 30px 12px; }

    .main-menu .main-menu-wrapper ul li.menu-item-has-children a { padding-right: 30px !important; }

    .main-menu .main-menu-wrapper ul li a { padding: 10px; font-size: 12px; border-radius: 10px; }
    .main-menu .main-menu-wrapper ul li a img { margin-right: 10px; width: 14px; }

    li.menu-item-has-children .toggle-btn { top: 10px; right: 10px; width: 15px; height: 15px; }
    li.menu-item-has-children .toggle-btn::before {font-size: 8px;}

    .menu-item i._mi {font-size: 13px;}

}

@media only screen and (max-width:1399px){

    .main-menu .main-menu-wrapper ul li a { padding: 10px; font-size: 12px; }
    .main-menu .main-menu-wrapper ul li a img { margin-right: 5px; width: 12px; }

    .main-menu .main-menu-wrapper ul.sub-menu a { padding: 10px; font-size: 12px; border-radius: 10px; }
    .main-menu .main-menu-wrapper ul.sub-menu a img { margin-right: 6px; width: 10px; }

    .main-menu .main-menu-wrapper ul li.menu-item-has-children a { padding-right: 20px !important; }

    li.menu-item-has-children .toggle-btn { top: 12px; right: 5px; width: 15px; height: 15px; }

}

@media only screen and (max-width:1199px){

    :root {
    --f-size-XXXL: 26px;
    --f-size-XXL: 26px;
    --f-size-XL: 20px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 14px;
    --f-size-Body: 14px;
    }

    li.menu-item-has-children .toggle-btn { top: 10px; right: 12px; }

    .accountbtn-link { margin-left: 10px; padding: 10px 18px; }

    .dashboard-top { padding: 12px 15px; }
    .dashboard-top h3 { font-size: 18px; }

    .search-wrap { max-width: 270px; padding: 9px 9px 9px 40px; }
    
    .user-login-wrap { padding-left: 8px; }
    .user-info { padding-left: 8px; }

    .user-img { width: 40px; height: 40px; flex: 0 0 40px; }

    .user-info h5 { font-size: 14px; }
    
    .login-link, .logout-link { padding-left: 10px; }

    .dashboard-main { padding: 30px 20px 0; }

    .news-img {padding-bottom: 60%;}

    .table-wrapper table tr td { font-size: 14px; }
    .table-wrapper table thead tr th, .table-wrapper table tr td { padding: 10px; }

}

@media only screen and (max-width:991px){

    .main-menu { position: absolute; left: -100%; top: 0; transform: translateX(-100%); z-index: 999; width: 100%; max-width: 240px; background-color: #EDE4E0; border: 0; padding: 3rem 20px 60px; overflow: auto; height: 100vh; transition: all 0.6s ease; }
    .main-menu>ul {flex-direction: column;}
    .main-menu>ul li { width: 100%; text-align: center; margin: 15px 0; border: 0; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu>ul>li a { display: block; color: var(--color-white); padding: 0; }
    .hdr-rt ul li a {color: var(--color-white);padding: 10px;}

    .main-menu.sidebar-open {left: 0; transform: none;}

    .main-menu ul li.current-menu-item a {background: transparent; color: var(--color-black);}

    .main-menu ul li.btn { display: block; width: auto; }

    .nav_btn { display: block; cursor: pointer; position: relative; margin: 5px 0 0; width: 30px; height: 20px; z-index: 999; }
    .nav_btn::before {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-black-secondary);top: 0;right: 0;transition: ease-in-out 0.4s;}
    .nav_btn span {width: 100%;height: 2px;background: var(--color-black-secondary);display: block;position: absolute;top: 50%;transform: translateY(-50%);}
    .nav_btn::after {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-black-secondary);right: 0;bottom: 0;transition: ease-in-out 0.4s;}

    .nav_btn.sidebar_active span {display: none;}
    .nav_btn.sidebar_active::after{transform: rotate(45deg);bottom: 9px;}
    .nav_btn.sidebar_active::before{transform: rotate(135deg);top: 9px;}

    .hdr-logo { padding: 0;}

    .dashboard-sec .sidebar-wrapper { height: auto; display: flex; justify-content: space-between; padding: 20px 12px; border-radius: 12px; }

    .dashboard-sec { height: inherit; }
    .dashboard-sec .dashboard-content { height: inherit; }
    .dashboard-top { background: transparent; padding: 0; }

    .dashboard-main { padding: 20px 0; height: inherit; min-height: calc(100vh - 249px); overflow: hidden; }
    .dashboard-main .inner-sections:not(:last-child) { margin-bottom: 26px; }

    .news-card { margin-bottom: 24px; }
    
}

@media only screen and (max-width: 767px){

    .padding-btm-small {padding-bottom: 40px;}

    .dashboard-top { flex-wrap: wrap; }

    .search-wrap { margin: 15px 0 0; max-width: 100%; order: 3; }

    .user-login-wrap { order: 2; margin-left: 0; padding-left: 0; padding-top: 15px; width: 100%; }

    .accountbtn-link { margin-left: auto; padding: 10px 20px; }

    .hdr-logo a {max-width: 195px;}

    .section-tp { flex-direction: column; align-items: flex-start; padding-bottom: 24px; }
    .section-tp .sec-ttl, .section-tp > h2 { padding-bottom: 20px; }

    .user-img { width: 35px; height: 35px; flex: 0 0 35px; }

    .user-info { padding-left: 5px; }
    .user-info h5 { font-size: 13px; }

    .search-wrap { padding: 9px 12px 9px 40px; background-position: center left 12px; }
    
    .srch-filter { right: 12px; bottom: 10px; }
    
    .table-wrapper { overflow-x: auto; }
    .table-wrapper table { width: 800px; } footer { padding: 15px 0; }

    .copyright p { font-size: 14px;}

    .document-img {max-width: 15%;}

    .dashboard-main { min-height: calc(100vh - 315px); }

    .modal-header .btn-close {top: 0;right: 0;}
    .modal-body { padding: 20px; }

    .pmpro_card .pmpro_heading-with-avatar { flex-direction: column; align-items: flex-start; }

    .dashboard-content .pmpro_card_content { padding: 20px !important; }

    .copyright p {font-size: 14px;}
    
}