/*
Theme Name: Biz Growth Hub pro
Theme URI: https://www.featherthemes.com/themes/wordpress-theme-biz-growth-hub-pro/
Author: featherthemes
Author URI: https://featherthemes.com
Description: The Biz Growth Hub pro WordPress theme is a visually stunning and customizable solution for business consulting firms, growth agencies, and professional service providers. With its modern design, you can showcase business services, expert consultants, and client success stories effortlessly. The theme includes comprehensive customization options for all sections, integrates with WooCommerce for selling services and products, and is fully responsive for seamless browsing on all devices. Create a professional and engaging online presence with Biz Growth Hub pro, attracting new clients and growing your business.
Version: 1.2
Requires at least: 4.0
Tested up to: 6.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biz-growth-hub-pro
Domain Path: /languages
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,blog,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,portfolio

Biz Growth Hub pro WordPress Theme has been created by featherthemes(featherthemes.com), 2026.
Biz Growth Hub pro WordPress Theme is licensed under the GPL.
*/
/* main tags */

/*extra Classes */


*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:var(--bg-white, #ffffff); line-height:normal; color:var(--text-body, #4b5563); font-size:13px;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}

.left-column-10, .left-column-20, .left-column-30, .left-column-40, .left-column-45, .left-column-50, .left-column-60, .left-column-70, .left-column-80, .left-column-90,
.right-column-10, .right-column-20, .right-column-30, .right-column-40, .right-column-45, .right-column-50, .right-column-60, .right-column-70, .right-column-80, .right-column-90{ float:left; padding:0 15px;}

.left-column-10{width:10%;}
.left-column-20{ width:20%;}
.left-column-30{ width:30%;}
.left-column-40{ width:40%;}
.left-column-45{ width:45%;}
.left-column-50{width:50%;}
.left-column-60{width:60%;}
.left-column-70{width:70%;}
.left-column-80{width:80%;}
.left-column-90{width:90%;}

.right-column-10{width:10%;}
.right-column-20{width:20%;}
.right-column-30{width:30%;}
.right-column-40{width:40%;}
.right-column-45{width:45%;}
.right-column-50{width:50%;}
.right-column-60{width:60%;}
.right-column-70{width:70%;}
.right-column-80{width:80%;}
.right-column-90{width:90%;}

.space5{ height:5px; clear:both;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
.single p{ margin-bottom:15px; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:var(--text-medium, #6b7280); font-size:14px; line-height:1.5;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: var(--bg-white, #ffffff);	/* background color transition */
             -webkit-transition: 1s;
             -moz-transition: 1s;
             transition: 1s;
}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;	/* background color transition */
                -webkit-transition: 1s;
                -moz-transition: 1s;
                transition: 1s;opacity:0.5;
}

section{ padding:50px 0;}
section#shadow-host-companion{ padding:0;}
h2.section_title{ font-weight:400; font-size:30px; margin-bottom:50px;text-align:center; text-transform: capitalize; font-weight:800; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1170px; margin:0 auto; position:relative;}
.header.fixed {
    position: fixed;
    top: 0;
    z-index: 999999;
    padding: 14px 25px;
    border-bottom: 1px solid #ccc;
}

.header-top {
    background-color: none;
    color: none;
    line-height:auto;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding:9px 0;
}
.left {
    float: left;
}
.header-top .right {
    text-align: right;
}
.right {
    float: right;
}
.header-top .fa {
    margin-right: 5px;
}
.logo h1, .logo a { text-transform: capitalize; }
.right span.phno {
    padding-right: 0;
    margin-right: 0;
}

.mainheader {
    position: relative;
    width: 100%;
    z-index: 999;
    background-color: rgba(255,255,255,1);
  }
/* ============================================
   UNIFIED BUTTON STYLES - All buttons consistent
   ============================================ */

/* Base button style for all form buttons */
input[type="submit"],
input[type="button"],
button[type="submit"],
.button,
.btn,
#commentform input#submit,
input.search-submit,
.post-password-form input[type="submit"],
#contactform_main input[type="submit"],
.wpcf7 form input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
p.read-more a,
.blog-post-repeat p.read-more a,
.entry-summary p.read-more a,
.read-more-link,
.feather-blog-wrap .blog-post-item .read-more-link {
    background-color: var(--primary-color, #2563eb) !important;
    color: var(--bg-white, #ffffff) !important;
    border: none !important;
    padding: 12px 28px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}

/* Hover state for all buttons */
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
.button:hover,
.btn:hover,
#commentform input#submit:hover,
input.search-submit:hover,
.post-password-form input[type="submit"]:hover,
#contactform_main input[type="submit"]:hover,
.wpcf7 form input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
p.read-more a:hover,
.blog-post-repeat p.read-more a:hover,
.entry-summary p.read-more a:hover,
.read-more-link:hover,
.feather-blog-wrap .blog-post-item .read-more-link:hover {
    background-color: var(--primary-hover, #1e40af) !important;
    color: var(--bg-white, #ffffff) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.35);
}

/* Focus state for accessibility */
input[type="submit"]:focus,
input[type="button"]:focus,
button[type="submit"]:focus,
.button:focus,
.btn:focus {
    outline: 2px solid var(--primary-color, #2563eb);
    outline-offset: 2px;
}

/* Secondary/Outline Button Style */
.btn-outline,
.button-outline {
    background-color: transparent !important;
    color: var(--primary-color, #2563eb) !important;
    border: 2px solid var(--primary-color, #2563eb) !important;
    box-shadow: none;
}

.btn-outline:hover,
.button-outline:hover {
    background-color: var(--primary-color, #2563eb) !important;
    color: var(--bg-white, #ffffff) !important;
}

/* Small button variant */
.btn-sm,
.button-sm,
p.read-more a,
.blog-post-repeat p.read-more a {
    padding: 10px 22px;
    font-size: 13px;
}

/* Large button variant */
.btn-lg,
.button-lg {
    padding: 16px 36px;
    font-size: 17px;
}

/* Search form specific adjustments */
form.search-form {
    display: flex;
    align-items: stretch;
    gap: 0;
}

form.search-form input.search-field {
    flex: 1;
    border-radius: 5px 0 0 5px;
    border-right: none;
}

form.search-form input.search-submit {
    border-radius: 0 5px 5px 0;
    padding: 10px 20px;
    min-width: auto;
}

/* Sidebar search widget */
#sidebar .search-form input.search-submit,
.widget_search input.search-submit {
    padding: 10px 18px;
    font-size: 14px;
}

/* Contact form button full width on mobile */
@media (max-width: 768px) {
    #contactform_main input[type="submit"],
    .wpcf7 form input[type="submit"] {
        width: 100%;
        margin-top: 15px;
    }
}

/* ============================================ */
  
/* #bizgrowthregisterarea section start */
#bizgrowthregister{ padding:0;}
.bizgrowthregister-wrap{ width:100%; border-radius:0; top:0; position:relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
#bizgrowthregister{ padding:0 !important; }
.bizgrowthregister-wrap .container{ position:relative; z-index:2;}
.bizgrowthregister-wrap .bizgrowthregister-inner{ display:flex; align-items:center; flex-wrap:wrap; gap:40px; padding:0;}

.bizgrowthregister-wrap .left-column-50{ flex:1; min-width:300px; padding:0;}
.bizgrowthregister-wrap .right-column-50{ flex:1; min-width:300px; padding:0;}

.bizgrowthregister-wrap .sec_content_main_title{ text-align:left; margin-bottom:30px;}
.bizgrowthregister-wrap .sec_content_main_title .sub-title-head{ display:block; font-size:16px; font-weight:600; letter-spacing:1px; margin-bottom:20px; color:var(--primary-color, #2563eb);}
.bizgrowthregister-wrap .sec_content_main_title .main-heading{ font-size:42px; font-weight:700; line-height:1.2; margin:0 0 25px 0; color:var(--text-dark, #1f2937);}

.highlight-box{ display:inline-block; background:var(--primary-color, #2563eb); padding:15px 35px; margin-bottom:25px; border-radius:8px; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; margin-left:0; box-shadow:0 4px 15px rgba(37, 99, 235, 0.2);}
.highlight-box h3{ margin:0; padding:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; font-size:18px; font-weight:600; color:var(--bg-white, #ffffff);}

.bizgrowthregister-wrap .subtitle{ width:100%; text-align:left; margin-bottom:35px; font-size:16px; line-height:1.7; color:var(--text-medium, #6b7280);}

.bizgrowthregister-wrap .register-buttons-wrapper{ display:flex; flex-wrap:wrap; gap:15px; align-items:center; margin-top:30px;}
.bizgrowthregister-wrap .register-button-primary{ display:inline-block;}

.bizgrowthregister-wrap a.morebutton{ min-width:200px; text-align:center; padding:18px 45px; font-weight:600; font-size:16px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; transition:all 0.3s ease; text-decoration:none; box-shadow:0 4px 15px rgba(0, 0, 0, 0.1); position:relative; overflow:hidden;}
.bizgrowthregister-wrap a.morebutton:before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255, 255, 255, 0.1); transition:left 0.3s ease;}
.bizgrowthregister-wrap a.morebutton:hover:before{ left:100%;}
.bizgrowthregister-wrap a.morebutton:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0, 0, 0, 0.15);}
.bizgrowthregister-wrap a.morebutton i{ margin-left:10px; font-size:14px; transition:transform 0.3s ease;}
.bizgrowthregister-wrap a.morebutton:hover i{ transform:translateX(5px);}

.bizgrowthregister-wrap .fitness-class-image{ border-radius:0; position:relative; overflow:hidden; box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);}
.bizgrowthregister-wrap .fitness-class-image img{ width:100%; height:auto; vertical-align:top; transition:transform 0.5s ease;}
.bizgrowthregister-wrap .fitness-class-image:hover img{ transform:scale(1.05);}
.bizgrowthregister-wrap .fitness-class-image .fitness-class-thumb{ width:100%; max-height:600px; overflow:hidden; position:relative; z-index:999; border-radius:0;}

@media (max-width: 768px){
    .bizgrowthregister-wrap .bizgrowthregister-inner{ flex-direction:column; padding:60px 0;}
    .bizgrowthregister-wrap .left-column-50, .bizgrowthregister-wrap .right-column-50{ flex:auto; min-width:100%;}
    .bizgrowthregister-wrap .sec_content_main_title .main-heading{ font-size:32px;}
    .bizgrowthregister-wrap a.morebutton{ width:100%; min-width:auto;}
}

/* vacation section end */


/* team section css started */
.teammember-content{padding:10px 20px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ourteam-thumb{height:350px; overflow:hidden; position:relative; }
.ourteam-thumb img{ min-height:350px; width:100%;}
.team_column{width:23.1%; float:left; margin:0 2.5% 1% 0; position:relative; display:inline; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.team_column h5{ font-weight:bold; margin-bottom:5px;}
.member-designation{display:block; margin-bottom:5px;}
.teammember-content p{ margin:0 0 30px 0; }
.teamrectangle{position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:0; height:0; border-left:300px solid transparent; border-bottom:70px solid transparent; box-sizing:border-box;}
.og-grid li:hover .memmberdetails{padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ margin:0;}
.team-thumb{ width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}
.member-social-icon{ margin:0;}
.member-social-icon a{ border-radius:100%; margin:0 3px 3px 0; display:inline-block; width:35px; height:35px; line-height:35px;}
.teammember-list .menuordernow{ background:none;}
.feather-team-wrap .subtitle{margin-bottom: 50px;}
.feather-team-wrap .sub-title-head, .feather-loan-wrap .sub-title-head{margin-bottom: 25px;}

.end, .last{ margin-right: 0 !important; }

.buttonstyle2{ background-color:var(--neutral-medium, #374151); color:var(--bg-white, #ffffff) ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; transition:all 0.3s ease;}
.buttonstyle2:hover{ background-color:var(--bg-white, #ffffff); color:var(--neutral-medium, #374151); }
.textwidget select{ width:100%;}
table{ width:100%}
.clientwrap p { text-align:center; font-size:16px; margin-bottom:25px;}
/* team section css end */

/* single team page */
.single-caveteam .member-social-icon {text-align:left;}
.single .custom-fields-section {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.single .custom-fields-section h2 {
    margin-bottom: 20px;
}

.single .custom-fields-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.single .custom-fields-list li {
    margin-bottom: 10px;
    line-height: 1.4;
    margin-left:0;
}

.single .custom-fields-list li strong {
    font-weight: bold;
}

.single .highlight {
    background-color: var(--primary-color, #2563eb);
    padding: 2px 4px;
    color: var(--bg-white, #ffffff);
    border-radius: 3px;
}
.archive .post-title {margin-bottom: 10px;}
.contact_left li {list-style: none;}


/*Missionvission css*/
.missionvission-wrap h3{ font-size:20px; font-weight:600; border-bottom:1px solid var(--border-light, #e5e7eb); padding-bottom:10px; display:inline-block; margin-bottom:30px;}
.missionvission-wrap h5{ font-style:italic; font-size:18px; line-height:24px; border-left:3px solid var(--border-light, #e5e7eb); padding-left:20px;}

#ourrecruiters{ text-align:center; font-size:15px;}
.our-recruiters{ margin:0; padding:0;}
.our-recruiters li{ float:left; margin:0 10px; width:18%; box-sizing:border-box;}

/* offer css end */

/* = header css
-------------------------------------------------------------- */
.LgoBX{ 
	width:100%;
	background-color:#fff;
	padding:0;
}
.site-header.innerpage_header .LgoBX{ 
	position:relative;
} 
.logo.clogoclass{
clear:both;
}
.logo{float: left;
    max-width: 33%;
    text-align: left;
    padding: 0;
    top: 10px;
    position: relative;
    z-index: 999;}
.header .header-inner{ margin:0 auto; padding:8px 0; position:relative; }
.logo h1{font-weight:400; margin:0px; line-height:28px; margin-top:0;}
.header span.tagline{ font-size:13px; display:block;}
.logo a{ color:#2563eb;}
.logo h1 a{ color:#2563eb;}
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:0 0 0; z-index:999; position:relative; top:0;  -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;  background-color: rgba(255,255,255,1);}
.logo.logo-left.header-box{ text-align: left; }
.header-middle.header-box{padding: 16px 0 0; text-align: center; color:var(--bg-white, #ffffff);}
.header-middle.header-box a{ color: var(--bg-white, #ffffff); }
.header-middle.header-box ul{ text-align: center; display: inline-block; }
.header-middle.header-box ul li{ text-align: left; }
.header-middle.header-box .fa{ margin: 0 10px 0 0; }			
/*.header-box{ display: inline-block; width:100%; }*/
.header-box.header-left{ display: inline-block; width:32%; float:left; }

/*.header-box.header-right {  text-align: right;  float: right;  padding: 0 0 0 0; width: 69%;}*/
/*fixed header css*/
/*body.home .fixed, body.blog .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}*/
/*fixed header home and inner page*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}
.fixed .header-inner .header-nav ul li a{ padding:20px 20px !important;}
.fixed .header-inner .header-nav ul li ul li a{padding-top:10px !important; padding-bottom:10px !important; }
.header_right {	float: right;
                text-align: right;
}

/* = Header menu css
-------------------------------------------------------------- */
.header-navigation{ margin:0 auto; padding:0; position:relative; width:auto;}
.toggleMenu{display:none;}
.toggle{display: block;}
.toggle a{width:100%; color:var(--bg-white, #ffffff); background:url(images/mobile_nav_right.png) no-repeat right center var(--neutral-dark, #1f2937); padding:10px 10px; margin-top:0px; font-size:16px;}
.toggle a:hover{color:var(--bg-white, #ffffff) !important;}
/*@media screen and (min-width: 1024px){
    .menu-item-has-children > a:after, .page_item_has_children > a:after {
        font-family: dashicons;
        content: '\f347';
        vertical-align: bottom;
        margin-left: 0.25em;
    }
}*/
.header-nav{ padding:0; text-align:left;float: none;
    line-height: 36px;
    width: 100%;}
.header-nav ul { float:none; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400;}
.header-nav ul li{display:inline-block; margin:0; position:relative; text-align:center;}
.header-nav ul li a{padding:30px 20px; display:block; color:var(--text-dark, #1f2937); font-weight:600; border-bottom:1px solid transparent; transition:color 0.3s ease; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:var(--primary-color, #2563eb); }

.header-nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header-nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid var(--border-light, #e5e7eb);}



.header-nav ul li ul{display:none; z-index:9999999; position:relative;}
.header-nav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; }
.header-nav ul li:hover ul li ul{display:none; position:relative;}
.header-nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:auto; overflow:hidden;}
.innerbanner img{ position: relative; background-size:multi; width:100%; }

.UnderLine{ width:50%; position:relative; display:block; clear:both; margin:10px auto 30px; border-top:1px solid var(--border-light, #e5e7eb);}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:var(--primary-color, #2563eb); border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = section first css
-------------------------------------------------------------- */

/*services section css*/
.services-wrap .one_third { margin-bottom:0;}
.services-wrap .one_third .fa{ color:var(--primary-color, #2563eb); font-size:24px; float:left; margin:0 20px 0 0;}
.services-wrap .one_third h4{ margin:0 0 15px; color:var(--text-dark, #1f2937);}
.services-wrap .one_third a.rdmore, #aboutsection .one_half a.rdmore, a.rdmore{background:var(--primary-color, #2563eb); color:var(--bg-white, #ffffff); margin-top:25px; display:inline-block; padding:9px 15px;   width: auto; transition:all 0.3s ease;}
.services-wrap .one_third a.rdmore:hover, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{background:var(--primary-hover, #1e40af);}
.services-wrap .one_third:hover .fa{ color:var(--primary-hover, #1e40af);}
.services-wrap .one_third:hover h4{ color:var(--primary-color, #2563eb);}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{}

#ThemeFeaturd{ padding-bottom:5px;}
#pageboxes, #pagearea, #section-team-member, #bizgrowthregister, #testimonialmain{ border-top:1px solid var(--border-light, #e5e7eb); box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#ourgallery .container, #ourclients .container{ width: 100%; } 
section#ourgallery{padding:0;}
#ourclients.skillrow .container { width: 1100px; }
#aboutsection .one_half { margin-bottom:0; text-align:right;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}

/*#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: multi;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}
#testimonialsarea .testimonials-wrap h2{ color:#ffffff;}
.tm_description{ color: #ffffff; }*/

#sidebar #testimonialsarea .testimonials-wrap h2{ color:#000000;}
#sidebar .tm_description{ color: #000000; }
#sidebar #testimonials ul li h6 {
    color: #000000;
}
#sidebar #testimonials .clientdetails span {
    color: #000000;
}

.tmlisting{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.tmlisting img{ float:left; margin:0 25px 0 0;}
.tmlisting h5{ margin:0 0 5px;}
.tmlisting span{ margin-bottom:15px; display:block;}


.last { margin-right:0 !important;}
.view-all-btn{ text-align:center;}
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:var(--text-medium, #6b7280); border:1px solid var(--border-medium, #d1d5db); padding:12px 25px; display:inline-block; border-left:5px solid var(--primary-color, #2563eb); transition:all 0.3s ease; }
.view-all-btn a:hover{ border-color: var(--primary-color, #2563eb); color:var(--primary-color, #2563eb); }

.BlogPost{ width:24%; margin:0 0.5% 3% 0; float:left; }
.BlogPost .recentthumb{ height:auto; overflow:hidden; margin-bottom:0;}
.newstop{ border: 1px solid #ccc; padding: 5px; text-align: center; }
.tpostdetails {    border: 1px solid #ccc;    padding: 9px; text-align: center;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 12px 0;}
.BlogPost h5:hover{color:var(--primary-color, #2563eb);}
.BlogPost span{ margin-bottom:10px; display:block; color:var(--primary-color, #2563eb);}
.history_thumbnail{ float:left; width:36%;} 
.history_counter { float:right; width:55%; } 

.history_thumbnail_image{ position:relative; width:100%; height:100%;}
.history_thumbnail_image img{ vertical-align:top; }
.history_thumbnail_image:before{  z-index:1; position:absolute; content:''; top:20px; right:35px; background:none; width:50%; height:50%; }
.thumbnail_image{ width:320px; position:relative; z-index:999}
.small_image{ position:absolute; bottom:-76px; right:0; width:210px; height:275px; z-index:999}

/* feature */

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:50px; color:var(--primary-color, #2563eb); float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:0; border:none; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}



.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }
/* feature section */
/* featured section */
.features_left{ position:relative; text-align:right;}
.features_right{ position:relative; text-align:left;}
.features_left .featuresdbox .fa{ float:right; margin:0 0 0 30px;}
.featuresdbox{ width:100%; padding:30px; margin:0 0 1% 0; min-height:110px; box-sizing:border-box; background:var(--bg-white, #ffffff);}
.featuresdbox .fa{ float:left; color:var(--primary-color, #2563eb); text-align:center; font-size:36px; width:32px; height:32px; line-height:32px; margin-right:30px; }
.featuresdbox h5{ margin:0 0 15px; position:relative;}
.featuresdboxboxcon{ display:table;}

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.teammember-list{ float:left; width:29%; margin:0 3% 30px 3%; }
.teammember-list img{ transition:transform 0.3s ease;}
.teammember-list:hover img{ transform:scale(1.05);}
.teammember-list h5{ margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ }
.member-desination{ border-bottom:2px solid transparent; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{  padding-top:0;}
.member-social-icon a{ margin:0 10px;}

.content-area .teammember-list p{ }
.content-area .teammember-list h5, .content-area .member-desination{}




/* = Team Member and Skills Section css
-------------------------------------------------------------- */
#team_members{ width:100%; margin:0; padding:0; text-align: center; display: inline-block;}
.teammember-list{float:none; position:relative; box-sizing:border-box; text-align:center; margin-bottom:40px; width:25%; padding:0 15px; display: inline-block; vertical-align:top; }
.teammember-list .thumnailbx{ position:relative; width:100%; height:300px; margin:0 auto; padding:0; overflow:hidden; border-radius:8px;}
.teammember-list .thumnailbx:after{ position:absolute; bottom:0; left:0; content:''; width:100%; box-shadow:0 60px 180px 150px rgb(129 96 178);}
.teammember-list img{vertical-align:top; width:100%; height: 100%; object-fit: cover; transition:transform 0.3s ease;}
.teammember-list:hover .thumnailbx img{ opacity:0.4; transform:scale(1.05);}
.teammember-list h5.title{ text-transform:uppercase; font-weight:600; padding:0; margin:0 0 5px 0; position:relative;}
.teammember-list cite{  text-transform:uppercase; display:block; font-weight:500; font-style:normal; }
.teammember-list .titledesbox{width:100%; position:absolute; bottom:0; left:0; right:0; padding:30px 30px; text-align:center; z-index:999;}

.member-social-icon{width:100%; text-align:center; padding:20px 0 0 0; }
.teammember-list:hover .member-social-icon{ opacity:1; display:block; }
.member-social-icon a{ margin:0 4px; text-align:center; display:inline-block; width:42px; height:42px; line-height:42px; border-radius:5px; }
.member-social-icon i{ }
.feather-team-wrap .teammember-list{ width:32.5%; margin:0 2px 40px 2px; }
.feather-team-wrap .teammember-list .thumnailbx{ height:485px; border-radius:12px;}
.feather-team-wrap{ display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin:0 -15px;}

.organic-fresh-image{width: 100%; max-height: 580px; overflow: hidden; position: relative; }
.organic-fresh-image img{ width: 100%; height: 100%; object-fit: cover; z-index: 99; position: relative; }
.organic-fresh-image:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f9f9f9; width: 100%; height:65%; z-index: 9; }


#section-team-member .container{ text-align: center;} 
.feather-team-wrap .left-column-60, .feather-team-wrap .right-column-40{ padding:0; display: inline-block; text-align: center; float: none; vertical-align: top;}

/* Responsive styles for team members */
@media (max-width: 1024px) {
    .feather-team-wrap .teammember-list{ width:48%; margin:0 1% 30px 1%; }
    .teammember-list{ width:48%; padding:0 10px; }
}

@media (max-width: 768px) {
    .feather-team-wrap .teammember-list{ width:100%; margin:0 0 30px 0; }
    .teammember-list{ width:100%; padding:0 10px; margin:0 0 30px 0; }
    .feather-team-wrap{ gap:20px; margin:0; }
}

.bizGrowth-teachers{width:100%; margin:0; padding:0; max-height:485px; position: relative;}
.bizGrowth-teachers-thumb{ margin: 0 auto; width:100%; height:100%; max-height:485px; overflow: hidden; }
.bizGrowth-teachers-thumb img{ opacity:0.9; width:100%; height:100%; min-height:485px; object-fit: cover;  }
.bizGrowth-teachers-title{width:100%; position:absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); padding:30px 30px 30px 100px; }
.bizGrowth-teachers-title a.morebutton{ border-radius:35px; padding:20px 30px;  min-width:180px; ; }
.bizGrowth-teachers .morebuttontop {text-align: center; margin-top: 45px;}
.morebuttontop{ text-align: left;}
a.morebutton {
	text-align: center;
	padding: 23px 30px;
	min-width: 165px;
	font-weight: 500;
	font-size: 20px;
	display: inline-block;
	/* -webkit-border-radius: 35px; */
}

/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
    margin: 0 auto;
    height: auto;  
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.panel .front,
.panel .back {
    text-align: center;
}

.panel .front {
    height: inherit;
    position: relative;
    top: 0;
    z-index: 900;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: auto;	height:252px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #28374a;color:#fff;	width: auto;height:auto;	margin: 0 auto;	padding:0 6px 20px; text-align: center;}
.box2 p{ margin-bottom:20px;}
.topbox{
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding-top: 15px;
}



h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
#sidebar #testimonials .tm_thumb{ float:none; width:auto; text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
#sidebar #testimonials .quovolve-nav{ display:none;}
#sidebar #testimonials ul li .tm_description{ float:none; padding:0; width:auto;}

/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center; }
.shopbutton{ margin: 15px 0; }
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:var(--text-medium, #6b7280); border:1px solid var(--border-medium, #d1d5db); padding:12px 25px; display:inline-block; border-left:5px solid var(--primary-color, #2563eb); transition:all 0.3s ease; }
.view-all-btn a:hover{ border-color: var(--primary-color, #2563eb); color:var(--primary-color, #2563eb); }

.posts-wrap{ text-align: center;display: inline-block; }

.BlogPost.oddnumb {
    float: left;
}

.blog-left {
    float: left;
    width: 50%;
}
.blog-right {
    float: right;
    width: 46%;
    text-align: left;
    margin: 9px auto;
    padding: 0 16px;
}
.blog-right .datecomment{ text-align: left; }

.BlogPost {    width: 49%;    margin: 0 0 ;    float: none;    display: inline-block;    vertical-align: top;    border-bottom: none;
               padding-bottom: 0px; height: 269px;}

.BlogPost.lastblog{ border-bottom: none; margin-bottom: 0;}
.BlogPost .recentthumb{ overflow:hidden; margin-bottom:0; position: relative; vertical-align: top;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 5px 0;}
.BlogPost h5:hover{color:#1e73be;}
.BlogPost span{ margin-bottom:10px; display:block; color:#1e73be;}
.BlogPost .datecomment{font-size: 12px;
                       position: relative;
                       width: auto;
                       height: auto;
                       background-color:none;
                       overflow: hidden;
                       color:#364558;
                       top: 0;
                       left: 0;
                       text-align: left;
                       border-radius: 3px;
                       padding: 3px;
}


/* = section first css
-------------------------------------------------------------- */

#pagearea{ position:relative; }
section#pagearea .container {
    width: 100%;
}
.box-equal-height {display: inline-block; text-align: center;}
.pageResourceColumn{float:none; margin:0; padding:4px; position:relative; box-sizing:border-box; text-align:center; vertical-align: top; display: inline-block; }
.Pagee3Column{ width: 33%;}
.Pagee4Column{width: 24.5%;}
.Pagee2Column{width: 33%;}
.Pagee1Column{width: 33%;}
.PageeMoreColumn{width: 24.5%;}

.pageResourceColumn h3{ font-weight:700; margin:0 0 25px; line-height:32px; font-size:22px; padding: 0 13px; }
.pageResourceColumn h3 a{ color:#161616;}
.pageResourceColumn h3 a:hover{ color:#ef7a86;}
.pageResourceColumn p{  margin:0 0 30px;}

.pageResourceColumn .thumbbx{ margin:0 0 20px 0; padding:0; width:100%; height:186px; position:relative; overflow:hidden;}
.pageResourceColumn .thumbbx img{width:100%; height: auto; min-height:186px;}
.pagecontent { padding: 0 13px;}

.one_column{ float:none; width:50%;}
.one_column.pageResourceColumn{ margin:0 auto !important;}
.topboxbg{ position:relative; background:#fff; padding:35px 0; transition: all .2s ease-in-out;}
.topboxbg:hover{ box-shadow:0 0 30px rgb(193 193 193 / 40%);  transform: scale(1.03);}
.topboxbg:hover .thumbbx img{ opacity:0.5;}

.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18.3%; margin-right:2%;}


a.pagemore::after {
	width: 35px;
	height: 35px;
	line-height: 35px;
	top: -5px;
	text-align: center;
	content: "\f0da";
	font-size: 14px;
	position: relative;
	font-family: 'Font Awesome 6 Free';
	margin: 0;
	float: right;
	border-radius: 100%;
	border: solid 1px #e8e8e8;
	color: #e8e8e8;
}
.topboxbg a.rdmore{background:none; font-weight:600; font-size:17px;}

/* = New Resources Section CSS (Modern Design)
-------------------------------------------------------------- */
.bizGrowthresource.resources-section {
    padding: 40px 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.bizGrowthresource .container {
    max-width: none;
    margin: 0 auto;
    padding: 0 20px;
}

.bizGrowthresource .resources-header {
    text-align: center;
    margin-bottom: 50px;
}

.bizGrowthresource .resources-subtitle {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
}

/* Common styling for all section subtitles bottom border */
.section-subtitle {
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}

/* General styling for all sub-title-head with standard properties */
.sub-title-head {
    text-transform: uppercase;
}

.section-subtitle::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 3px;
    border-radius: 2px;
}

/* Centered alignment for centered sections */
.feather-team-wrap .section-subtitle::after,
.feather-pricing-wrap .section-subtitle::after,
.testimonials-wrap .section-subtitle::after,
.feath-video-wrap .section-subtitle::after,
.feather-loan-wrap .section-subtitle::after,
.feather-projects-wrap .section-subtitle::after,
.bizGrowthresource .section-subtitle::after {
    left: 50%;
    transform: translateX(-50%);
}

.feather-pricing-wrap .sub-title-head{
    margin-bottom: 30px;
}

/* Left-aligned border for left-aligned sections */
.feather-business-growth-wrap .section-subtitle::after,
.feather-industries-wrap .section-subtitle::after,
.bizgrowthregister-wrap .section-subtitle::after,
.feather-blog-wrap .section-subtitle::after {
    left: 0;
    transform: none;
}

/* Resources section specific (has gradient) */
.bizGrowthresource .resources-subtitle::after {
    background: linear-gradient(90deg, #2563eb, #60a5fa);
}

/* Operations section - left-aligned border */
.feather-operations-wrap .section-subtitle::after {
    left: 0;
    transform: none;
}

/* Hero banner section - centered border */
.feather-hero-banner-wrap .section-subtitle::after {
    left: 50%;
    transform: translateX(-50%);
}

.bizGrowthresource .resources-title {
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.bizGrowthresource .resources-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.bizGrowthresource .service-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.1);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex;
    flex-direction: column;
    position: relative;
}

.bizGrowthresource .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #60a5fa);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.bizGrowthresource .service-card:hover::before {
    transform: scaleX(1);
}

.bizGrowthresource .service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(37, 99, 235, 0.2);
}

.bizGrowthresource .service-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.bizGrowthresource .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.bizGrowthresource .service-card:hover .service-image img {
    transform: scale(1.05);
}

.bizGrowthresource .service-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.bizGrowthresource .service-title {
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.bizGrowthresource .service-title a {
    color: inherit;
    text-decoration: none;
}


.bizGrowthresource .service-description {
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 20px 0;
    flex-grow: 1;
    transition: color 0.3s ease;
}

.bizGrowthresource .service-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    align-self: flex-start;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
    position: relative;
    overflow: visible;
    border: 2px solid transparent;
}

.bizGrowthresource .service-button::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    border: 2px solid;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.4s ease;
}

.bizGrowthresource .service-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);
}

.bizGrowthresource .service-button:hover::after {
    opacity: 0.6;
    transform: scale(1.15);
}

.bizGrowthresource .service-button i {
    transition: transform 0.3s ease;
}

.bizGrowthresource .service-button:hover i {
    transform: translateX(2px);
}

/* Responsive Styles for Resources Section */
@media screen and (max-width: 1024px) {
    .bizGrowthresource .resources-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .bizGrowthresource.resources-section {
        padding: 60px 0;
    }
}

@media screen and (max-width: 768px) {
    .bizGrowthresource .resources-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .bizGrowthresource .service-image {
        height: 200px;
    }
    .bizGrowthresource.resources-section {
        padding: 50px 0;
    }
    .bizGrowthresource .resources-header {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 480px) {
    .bizGrowthresource .resources-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .bizGrowthresource .service-image {
        height: 220px;
    }
    .bizGrowthresource .service-content {
        padding: 20px;
    }
    .bizGrowthresource.resources-section {
        padding: 40px 0;
    }
    .bizGrowthresource .container {
        padding: 0 15px;
    }
}

/* = social icons css
-------------------------------------------------------------- */
.header-top{ 
	background:var(--neutral-dark, #1f2937); 
	color:var(--bg-white, #ffffff); 
	padding:0;
	position:relative; 
}
/* = Header contact info CSS
--------------------------------------------- */

.hdr-topstrip{ 
	background:#282828; 
	color:#fff; 
	padding:0;
	position:relative; 
}
.hdrdetails{ 
	background:#282828; 
	color:#fff; 
	padding:0;
	position:relative; 
	float:left;
}
.header-top .phonebX{ background-color:var(--primary-color, #2563eb); position:relative; }
.header-top .phonebX a:hover{ color:#000; }
.hdrtop-Info{ 
	display:inline-block; 	
	color:var(--bg-white, #ffffff); 	
	font-weight:500; 
	padding:5px 20px;
	margin:0; 
	line-height:47px; 
	vertical-align:top;
	text-align:left;  
}


.hdrtop-Info i{ 
	position:relative; 	
	font-size:18px; 	
	top:2px;
	margin:0 5px 0 0; 
	line-height:0; 	
	text-align:center;
	transition: color 0.3s ease;
}
.hdrtop-Info a{ 
	color:#fff;
	transition: color 0.3s ease;
}
.ctravelheaderemail:hover i,
.ctravelheaderemail a:hover {
	transition: color 0.3s ease;
}

.hdrsocial{ 
	display:inline-block; 
	background-color:#0e0e0e;
	position:relative;
}
.hdrsocial:before{
	background-color:#0e0e0e;
	position:absolute;
	content:"";
	top:0;
	bottom:0;
}
.hdrsocial a{ 
	color:#fff; 
	width:35px; 
	line-height:46px;
	text-align:center;
	display:inline-block;
}
.hdrsocial a:hover{
	color:var(--primary-light, #60a5fa);
}
.hdrtop-Info.last-child{ 
	border:none; 
	padding-right:0; 
}
.header-top .social-icons a{ border:0; background-color:none;}
.header-top .address li {
    display: inline-block; margin:0 7px 0;
  }
  .header-top .address ul{margin:0;}
 .social-icons a{  width:35px; height:35px; border-radius:50%; line-height:33px; text-align:center; border:1px solid var(--bg-white, #ffffff);  vertical-align:middle; display:inline-block; transition:all 0.3s ease; font-size:14px; color:var(--text-light, #9ca3af); margin:0 4px 0 0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:var(--primary-color, #2563eb); color:var(--primary-color, #2563eb); background-color:var(--bg-white, #ffffff);}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:710px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol,
.wp-block-search__inside-wrapper {margin-bottom:30px; background-color:var(--bg-gray, #f9f9f9); padding:20px; margin-left: 0;}
aside.widget ul, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol{ list-style:disc; }
h3.widget-title, #sidebar .wp-block-group h2,
#sidebar .wp-block-search .wp-block-search__label{ background-color:var(--primary-color, #2563eb); padding:12px 15px; margin-bottom:1px; color:var(--bg-white, #ffffff);}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:var(--text-dark, #1f2937); border-bottom:1px dashed var(--border-light, #e5e7eb); display:block; transition:color 0.3s ease; }
#sidebar ul li a:hover{ color:var(--primary-color, #2563eb);}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .wp-block-search .wp-block-search__label{display:inline-block; font-size:24px;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:16px 'Roboto',san-serif;color:var(--text-medium, #6b7280);}
.skillbar-title span { display:block; color:var(--text-medium, #6b7280); padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:var(--primary-color, #2563eb);}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf;}


/* = Footer css
-------------------------------------------------------------- */
.footer ul li::before {
    content: "\f105";
    font-size: 14px;
    position: relative;
    vertical-align: top;
    font-family: 'Font Awesome 6 Free';
    margin-right: 15px;
}
#footer-wrapper{ 
    background-color:var(--footer-bg, #1f2937); 
    position:relative; 
    color:var(--footer-text, #ffffff);
    /* Prevent layout shift - always visible */
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    min-height: 200px; /* Reserve space to prevent shift */
}
.footer ul li a{ color: var(--footer-text, #ffffff); }
.footer{ padding:45px 0 35px; border-bottom:none;}
.footer h5{ font-weight:bold; font-size:20px; margin-bottom:10px; border-bottom:none; padding-bottom:15px; color:var(--footer-text, #ffffff); border-bottom:none; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:var(--footer-text, #ffffff);  list-style: none;}
.footer ul li a { color:var(--footer-text, #ffffff); font:normal 12px/24px 'PT Sans', sans-serif; padding:0; transition:color 0.3s ease;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:var(--primary-light, #60a5fa); transition: all 0.3s ease 0s; }
.footer ul li ul { display:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0;}

.contactdetail{ line-height:22px; margin-bottom:20px;  padding:0 0 0 20px;} 
.ftcommon { padding: 4px 0 6px; }
.contactdetail i{ margin-right:15px; font-size:16px;}
.contact_right .social-icons{padding:0 0 0 20px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper {position:relative; padding:30px 0; text-align: center;}

/* .copyright-txt {    float: left;    width: 48%;    text-align: left;}
.design-by { float:right; width:49%; text-align: right;} */
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:70px; margin:3px 10px 5px 0; border:2px solid}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}


#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
                                                                                                                                                                                                        -webkit-box-shadow: inset 0 0 5px #f1f1f1;
                                                                                                                                                                                                        box-shadow:         inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
                                -webkit-box-shadow: inset 0 0 5px #f1f1f1;
                                box-shadow:         inset 0 0 5px #f1f1f1; }

/* Contact form submit inherits from unified button styles - size adjustments only */
#contactform_main input[type=submit], 
.wpcf7 form input[type="submit"] { 
    font-size: 16px;
    padding: 14px 35px;
}


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%; padding-bottom:20px;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
/* Read More buttons now inherit from unified button styles above */
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}
.blog-post-repeat .post-thumb.blogsingle{ width:300px; height:auto;}
.blog-post-repeat .post-thumb.blogsingle img{ width:100%; margin-top:7px; }

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li {
    display: inline;
    float: left;
    margin-right: 5px;
}
.pagination ul li span, .pagination ul li a {
    background: var(--primary-color, #2563eb);
    color: var(--bg-white, #ffffff);
    padding: 8px 14px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.pagination ul li .current, .pagination ul li a:hover {
    background: var(--primary-hover, #1e40af);
    transform: translateY(-1px);
}
h1.entry-title, h1.page-title{ line-height:normal;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* Search submit inherits from unified button styles above */

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}


.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/* ============================================
   COMMENT FORM - Modern Beautiful Design
   ============================================ */

/* Comment Form Container */
.comment-respond,
#respond {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 40px;
    border-radius: 16px;
    margin-top: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}

/* Leave a Reply Title */
#reply-title,
.comment-reply-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-dark, #1f2937);
    margin: 0 0 10px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color, #2563eb);
    display: inline-block;
}

#reply-title small,
.comment-reply-title small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-medium, #6b7280);
    margin-top: 5px;
}

/* Cancel Reply Link */
#cancel-comment-reply-link {
    font-size: 14px;
    color: var(--primary-color, #2563eb);
    margin-left: 15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

#cancel-comment-reply-link:hover {
    color: var(--primary-hover, #1e40af);
    text-decoration: underline;
}

/* Logged in notice */
.logged-in-as {
    font-size: 14px;
    color: var(--text-medium, #6b7280);
    margin-bottom: 25px;
    padding: 15px 20px;
    background: #ffffff;
    border-radius: 8px;
    border-left: 4px solid var(--primary-color, #2563eb);
}

.logged-in-as a {
    color: var(--primary-color, #2563eb);
    font-weight: 600;
    text-decoration: none;
}

.logged-in-as a:hover {
    text-decoration: underline;
}

/* Required fields notice */
.comment-notes {
    font-size: 14px;
    color: var(--text-medium, #6b7280);
    margin-bottom: 25px;
    font-style: italic;
}

.required {
    color: #ef4444;
    font-weight: 600;
}

/* Comment Form Fields */
#commentform .comment-form-comment,
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
    margin-bottom: 20px;
}

#commentform label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark, #1f2937);
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}

#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
    width: 100%;
    padding: 16px 20px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: var(--text-dark, #1f2937);
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
    outline: none;
    border-color: var(--primary-color, #2563eb);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

#commentform textarea {
    min-height: 180px;
    resize: vertical;
}

#commentform textarea::placeholder,
#commentform input::placeholder {
    color: #94a3b8;
    font-style: italic;
}

/* Author fields (Name, Email, Website) - stacked vertically */
.comment-form-author,
.comment-form-email,
.comment-form-url {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

/* Cookies Consent Checkbox */
.comment-form-cookies-consent {
    margin: 25px 0;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.comment-form-cookies-consent input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    accent-color: var(--primary-color, #2563eb);
    flex-shrink: 0;
    margin-top: 2px;
}

.comment-form-cookies-consent label {
    font-size: 14px;
    color: var(--text-medium, #6b7280);
    line-height: 1.5;
    cursor: pointer;
    margin: 0;
    font-weight: 400;
}

/* Submit Button Container */
.form-submit {
    margin-top: 25px;
}

#commentform input#submit {
    padding: 16px 40px;
    font-size: 16px;
    min-width: 200px;
}

/* Existing Comments Section */
.comments-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark, #1f2937);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

/* Individual Comment */
.comment-list li.comment {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    border: 1px solid #f1f5f9;
}

.comment-list .comment-author {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.comment-list .comment-author img {
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.comment-list .comment-author .fn {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-dark, #1f2937);
}

.comment-list .comment-author .says {
    display: none;
}

.comment-list .comment-metadata {
    font-size: 13px;
    color: var(--text-medium, #6b7280);
    margin-bottom: 15px;
}

.comment-list .comment-metadata a {
    color: var(--text-medium, #6b7280);
    text-decoration: none;
}

.comment-list .comment-metadata a:hover {
    color: var(--primary-color, #2563eb);
}

.comment-list .comment-content {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-dark, #1f2937);
}

.comment-list .comment-content p {
    margin-bottom: 10px;
}

/* Reply Link */
.comment-list .reply {
    margin-top: 15px;
}

.comment-list .reply a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color, #2563eb);
    text-decoration: none;
    padding: 8px 16px;
    border: 2px solid var(--primary-color, #2563eb);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.comment-list .reply a:hover {
    background: var(--primary-color, #2563eb);
    color: #ffffff;
}

/* Nested comments */
.comment-list .children {
    margin-left: 40px;
    padding-left: 20px;
    border-left: 3px solid #e2e8f0;
}

/* Responsive Comment Form */
@media (max-width: 768px) {
    .comment-respond,
    #respond {
        padding: 25px 20px;
    }
    
    #reply-title,
    .comment-reply-title {
        font-size: 22px;
    }
    
    #commentform textarea,
    #commentform input[type="text"],
    #commentform input[type="email"],
    #commentform input[type="url"] {
        padding: 14px 16px;
    }
    
    #commentform input#submit {
        width: 100%;
    }
    
    .comment-list .children {
        margin-left: 15px;
        padding-left: 15px;
    }
    
    .comment-list li.comment {
        padding: 20px 15px;
    }
}

/* ============================================ */

/* Buttons - now using unified button styles defined at top */

.frdbox{ width:22%; float:left; margin:0 4% 4% 0; min-height:95px;}
.frdbox .fa{ border:none; color:#333; float:left; width:40px; height:40px; line-height:40px; margin:0 15px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:50px; }

.frdbox i.fa{ display: inline-block; width: 100%; text-align: center;  float: none; margin:11px 0;}
.frdbox h4{ margin:0 0 10px; color:#28374a;display: inline-block; width: 100%; text-align: center;}
.frdbox p{ margin-left:0;display: inline-block; width: 100%; text-align: center;}

#sidebar #testimonials ul li{ color:#555;}
/* #sidebar aside.widget {    background-color: #364558;} */

/* woocommerce CSS
================================================*/
.woocommerce.single-product div.product h1.product_title {margin-bottom: 15px;}
.woocommerce.single-product div.product p.price{margin-bottom: 15px;}
.woocommerce.single-product .product .summary p{margin-bottom: 20px;}
/* WooCommerce buttons inherit from unified button styles - border-radius adjustment */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    border-radius: 5px;
}





/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a {
    background-color: var(--primary-color, #2563eb);
    padding: 10px 20px;
    color: var(--bg-white, #ffffff);
    font: 600 14px/1.4 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}
.prev-page a:hover, .next-page a:hover { 
    color: var(--bg-white, #ffffff);
    background-color: var(--primary-hover, #1e40af);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.35);
}
.singleright { float:left; }
.singleleft { float:right; }
.slider-main{ 
	min-height:500px; 
	background:url(images/loading.gif) no-repeat center center #ffffff; 
	position: relative;
	overflow: hidden;
}
.slider-main .nivoSlider {
	min-height: auto;
}
.slider-main .nivoSlider img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#slider .nivo-caption{
	padding:0;  
	left:0; 
	right:0; 
	width:auto;
}
/* Responsive adjustments for slider */
@media screen and (max-width: 768px) {
	.slide_info_inner {
		max-width: 100%;
		padding: 25px 20px;
	}
	.slide_info .slide_title {
		font-size: 32px;
	}
	.slide_info .slide_description {
		font-size: 16px;
	}
	.nivo-directionNav {
		top: 15px !important;
		right: 15px !important;
		left: auto !important;
		bottom: auto !important;
		transform: none !important;
	}
	.nivo-directionNav a {
		width: 40px;
		height: 40px;
	}
	a.nivo-nextNav:before, a.nivo-prevNav:before {
		font-size: 16px;
	}
}

.header span.tagline{text-align:left;}
.logo a:hover{ color: #ffffff; }

/*extra css */
.home .sliderlogo.logo.logo-left.header-box {
    position: absolute;
    top: 35%;
    left: 30%;
    right: 30%;

    padding: 15px 10px;
    text-align: center;
    width: auto;
    color: #ffffff;
}
.home .sliderlogo.logo.logo-left.header-box h1{  text-transform: uppercase;}

.logo.logo-left.header-box span.tagline,
.logo.clogoclass span.tagline {
    font-size: 14px;
    display: block;
    margin-left: 0;
    color: #6b7280;
    font-weight: 400;
}

.header-box.header-right {
    text-align: right;
    float: right;
    padding: 0;
    width: 61%;
}
.right.headercommon li{ line-height: 26px; margin: 0 0 0 13px; display: inline;}
.left.headercommon{padding: 5px 0 0; line-height: 24px;}
.header-top .right{padding: 0px 0 0;}
.header-nav ul li a:hover, .header-nav ul li.current_page_item a
{margin-bottom:0;}
.header-nav ul li a{padding: 17px; margin-bottom:0;border-bottom:0;}

.maintopheader {position: relative; width:100%; z-index: 999; clear:both;}

/* extraa css */
.fourbox{ color:#333333;background:#ffffff; vertical-align:top;}
.top-resourcebox, .resourcebox{ background-color:none;}

/*fade*/
.latest-package-thumb img, .videobox img, .member-social-icon, .teammember-list .titledesbox, .teammember-list img, .top4box .thumbbx, .ind_col3, .event_thumb img{transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;}

/* testimonial and video section started */
section#Videocave{padding:100px 0;}
.feath-video-wrap {
    text-align: center;
}
.feath-video-wrap .sec_content_main_title {
    margin-bottom: 30px;
    text-align: center;
}
.feath-video-wrap span.sub-title-head {
    margin-bottom: 30px;
}
.left_videobox{padding-right:70px ;}
.right_testimonial{padding-left:70px ;}
.video-content {
    text-align: center;
    margin-bottom: 40px;
}
.video-content-player {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}
.video-readmore-wrapper {
    text-align: center;
    margin-top: 30px;
}
.video-readmore-wrapper .menuordernow {
    display: inline-block;
}
.videobox{ 
    position:relative; 
    width:100%; 
    min-height:110px;
    overflow:hidden; 
    margin-top:55px; 
    border-radius:5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videobox:hover img{ opacity:0.5}
.testimonials-wrap .left_videobox h2 {margin-bottom: 75px;}
.testimonials-wrap span.sub-title-head{margin-bottom: 30px;}
.videobox img{ vertical-align:top; opacity: 1; height: 100%; object-fit: cover; width:100%;}
.videobox .playbtn {
	background: transparent;
	border: none;
	border-radius: 100%;
	text-align: center;
	width: 100px;
	height: 100px;
	left: 50%;
	right: auto;
	margin: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}
.videobox .playbtn::before {
	content: '';
	position: absolute;
	width: 100px;
	height: 100px;
	border: 4px solid;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.videobox .playbtn::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    display: block;
}
.videobox .playbtn:hover {
	transform: translate(-50%, -50%) scale(1.1);
}
.feath-video-wrap .sec_content_main_title{text-transform:none;}
.feath-video-wrap .menuordernow{background:none;}
.feath-video-wrap .subtitle{
    text-align: center;
}
iframe.grtyoutube-iframe{padding:0; border:0; margin-bottom:0;}
#testimonialmain{position:relative;}
/*#testimonialmain::after {
    background: #f6f6f6;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}*/
section .container {
    z-index: 999;
}

/* = Section8 Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 

/* = Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
  @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
  @keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 
.clients-reviews-title{ background:rgb(255 255 255 / 30%); box-shadow:0 10px 40px rgb(39 39 39 / 30%); padding:90px 60px 80px 60px; border-radius: 200px;}
.clients-reviews-title .sec_content_main_title{ font-size:40px; }
.clients-reviews{ padding:70px 60px 75px 0px; border-radius: 200px; border:solid 2px #ffffff; box-shadow:0 10px 40px rgb(39 39 39 / 30%); }
#clienttestiminials{box-sizing:border-box; position:relative; margin:0 auto; }
#clienttestiminials h6{margin:10px 0 0 0; display:inline-block; text-transform:uppercase;font-weight:600; position:relative; padding-bottom:5px;}
#clienttestiminials span{ font-size:13px;display:block; margin-bottom:0;}
#clienttestiminials .tmthumb{ width:100px; height:100px; margin:0 auto 20px auto;overflow:hidden;border-radius:100%;}
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:100px; }
#clienttestiminials .owl-item{ width:100%; margin:0 auto; position:relative; text-align:center;}
#clienttestiminials .owl-item p{ margin-bottom:20px;}
.testimonial-box-bg{padding:35px; position:relative; margin:20px 0;}



/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; background-color:#f2f2f2; padding:25px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; }
.tmnllisting h6{ margin-bottom:5px; text-transform:uppercase; font-size:20px;}
.tmnllisting span{ display:block; margin-bottom:15px;}
.tmnllisting p{ margin-bottom:0;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/*  Our Blog  */
.blankspace{ height:60px; clear:both;}
/* = Latesr news section css
-------------------------------------------------------------- */



.header-top {
    border-top:none;
}

/* = Section first css
-------------------------------------------------------------- */

@media (min-width: 768px){
	/*equal-height-row*/
	/*.box-equal-height{ display:flex; margin-bottom: 30px;}
	.box-equal-height .top4box .topboxbg, .box-equal-height .top4box .topboxbg .pagecontent{ height:100%; }*/
}


#menu-header-menu .menu-item-has-children > a::after, #menu-header-menu .page_item_has_children > a::after {
	font-family: 'Font Awesome 6 free';
	content: '\f107';
	vertical-align: bottom;
	margin-left: 0.80em;
        font-weight:600;
}





/* new css */
/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 3rem 3rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	margin: 0.5rem 0 0 2rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}

/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	border-color: #dcd7ca;
	box-shadow: none;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	/* Use the "Yes" SVG Dashicon */
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0 0 -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1;
}

/* COMMENT FOOTER */

.comment-footer-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: flex-start;
	letter-spacing: 0.030833333em;
	line-height: 1;
	margin: 1.5rem 0 -1rem -1.5rem;
	text-transform: uppercase;
}

.comment-footer-meta > * {
	margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
    background-color: var(--primary-color, #2563eb);
    color: var(--bg-white, #ffffff);
    display: inline-block;
    padding: 6px 40px;
    transition:background-color 0.3s ease;
  }
.comment-reply-link:hover {
    background-color: var(--primary-hover, #1e40af);
  }

.bypostauthor .comment-footer-meta .by-post-author {
	display: block;
}

.comment-footer-meta a {
	text-decoration: none;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
	text-decoration: underline;
}

/* special dishes */
span.sub-title-head {
    display: block;
    font-weight: 400;
    padding-bottom: 12px;
}

.sec_content_main_title {
	color: #242424;
	font-weight: 900;
	font-size: 55px;
	line-height: 100%;
	text-align: left;
	margin-bottom: 17px;
	position: relative;
	text-transform: uppercase;
	position: relative;
}

#section-special-dishes{ padding:0;}
.special_dishes_left{ width:70%; float:left; padding:75px 0 60px 0; height:100%;}
.special_dishes_right{ width:26%; float:right; padding:100px 30px; height:672px;  position:relative;}



.special-dishes{ width:33.333%; padding:15px; float:none; text-align:center; color:#ffffff; position:relative; display: inline-block; vertical-align: top; margin-bottom: 10px;}
.special_dishes_left .area_row { display: inline-block; text-align: center; width: 100%;}
.special-dishes .special-dishes-thumb{width:197px; height:197px; overflow-y:hidden; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; margin:0 auto 25px auto; position:relative;}
.special-dishes .special-dishes-thumb img{min-height:197px}
.special-dishes h3{ font-size:21px; color:#ffffff; margin:20px 0 20px 0; font-weight:600; position:relative}
.special-dishes h3:after { display:block; content:''; position:relative; bottom:0; width:40px; height:1px; background:#ff0000; margin:25px auto 20px auto;   }

.special-dishes p{ margin:0 0 30px 0;}
.special-dishes-con{display:inline-block;}
.special-dishes a{ margin:15px 0 0 0; padding:14px 36px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; border:solid 1px #ff0000; color:#ffffff; display:inline-block;}
.special-dishes a:hover { color:#ffffff;}

.special-dishes-price{ position:absolute; top:30px;  width:62px; height:62px; line-height:62px; margin:0; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:#ffffff; color:#282828; font-size:20px; font-weight:600; z-index:9;} 
.special-dishes:hover .special-dishes-price{ color:#ffffff;}
.special_dishes_right a.morebutton{	background-color: none;
	color: #fff;
	padding: 12px 35px;
	font-weight: 600;
	display: inline-block;
	border-radius: 25px;
	text-transform: uppercase;
    display: inline-block;
    margin-top: 47px;
    border: 1px solid;
}
.special_dishes_right .custombtn {text-align: center;}



/* special dishes end */


/* our menu start */
/*------------------------- our menu start ------------------------*/
ul.ourmenu-area{ display:block; margin:0 -15px; padding:0;}
ul.ourmenu-area li{float:left;text-align:left;width:48%;padding:15px;box-sizing:border-box;vertical-align:top; list-style:none;margin:0; vertical-align: top;}
ul.ourmenu-area li.secondmenu{ float:right;}
.ourmenu-thumb{ float:left; padding:0; width:270px; height:205px; margin:0 30px 30px 0; position:relative; top:5px; overflow:hidden;}
.ourmenu-thumb img{ min-height:205px;}
.menu-title{ margin:0 0 10px 0}
.menu-title strong{ text-transform:uppercase;}
.menu-title span{ float:right; padding: 0 9px;}
.menuordernow{ padding:12px 42px; margin:15px 0 0 0; font-weight:bold; display:inline-table; background:#ff0000; color:#ffffff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; border:1px solid;}
/*------------------------- our menu end------------------------*/




.sec_content_main_title {
	color: #242424;
	font-weight: 900;
	font-size: 55px;
	line-height: 100%;
	text-align: center;
	margin-bottom: 17px;
	position: relative;
	text-transform: none;
	position: relative;
    font-family: 'Open Sans';

}
span.sub-title-head {
	display: block;
	font-weight: 400;
	padding-bottom: 0;
    font-family: 'PT Sans';
    font-size: 33px;
    color: #121212;
}
.subtitle {
	text-align: center;
	padding-bottom: 15px;
	margin: 0;
    font-size: 17px;
    color: #717171;
}

.left-column-3 {
    width: 33.333%;
  }
  .left-mainfood-section .contact-info-gride-icon i{color:#ff8400;}
  .left-mainfood-section .menuordernow{background: none;}
  .left-mainfood-section {
	padding:60px 70px !important;
	background: #3c8f47;
    min-height: 559px;
}
.contact-opening-image{position:relative; display:inline-block; margin:0; width:100%; overflow:hidden; max-height:559px; }
.contact-opening-image img{ width:100%; height:100%; object-fit:cover; vertical-align:top;}
.bgcolor-hours{ padding:90px 70px !important; background:#3c8f47; min-height: 484px; }
.bgcolor-contact{ padding:90px 70px !important;min-height: 484px; }

.boxlayout .contact-info-gride-con p{ font-size:15px; }
.boxlayout .bgcolor-hours{ padding:53px 30px !important;}
.boxlayout .bgcolor-contact{ padding:53px 30px !important;}
.boxlayout .contact-info-gride{ margin-bottom:13px;}
 
.contact-gride{ width:33.333%; padding:10px; float:left; }
.contact-gride-bg{background:#e3edcf; padding:20px 25px 25px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contact-gride-icon{width:47px; height:45px; margin:0 auto; display:block; overflow: hidden; }
.contact-gride-icon img{ width:100%; height: 100%; object-fit: cover; text-align:center; vertical-align:top;}
.contact-gride h5{margin:10px 0 0 0; font-weight:500; text-align:center; }
.contact-info-gride-con {
    display: table; text-align: left;
}
.contact-info-gride{ width:100%; margin:0 0 13px 0; padding:0; display:inline-block; }
.contact-info-gride-icon{ float:left; width:50px; height:50px; line-height:50px; text-align:center; border:solid 2px #fff; margin:0 15px 0 0; /*display: flex; align-items: center; justify-content: center; border-radius:100%; */}
.contact-info-gride-icon i{ font-size:20px; color:#fff; }
.contact-info-gride h6{ text-transform:uppercase; margin:5px 0; font-size:16px; font-family:'Oswald'; text-align: left;} 
.bgcolor-contact .menuordernow{background: none;}

.workinghours{padding:0; width:100%; margin-bottom:7.4px; padding-bottom:7px; border-bottom:dashed 1px #b0ccb3;}  
.workinghours:last-child, .footer-highlight-border .workinghours:last-child{ border:none; }
.workinghours span{ font-weight:500; float:left; text-align:left; }
.workinghours p{font-family:'Oswald'; font-weight:300;  text-transform:uppercase;color:#fff; text-align:right}
.left-column-3{float:none; text-align: center; display: inline-block; vertical-align: top;}
.left-column-3 {width: 33.333%;}
.left-column-2{float:none; text-align: center; display: inline-block; vertical-align: top;}
.left-column-2 {width: 50%;}
.bgcolor-hours {
    padding: 60px 70px !important;
    background: #3c8f47;
  }
  .bgcolor-contact {
    padding: 60px 70px 57px !important; background-color: #c7a17a;
  }

  /* bizGrowth style */
.leading-bizGrowth-heart-wp{ position:relative;}
.leading-bizGrowth-heart-wp .bizGrowth-description{ font-size:20px; line-height:34px; position: absolute; top: 50%; transform: translateY(-50%);right:0; max-width:375px; padding:50px 30px 50px 70px; background:#ededed; }
.leading-bizGrowth-heart-image{ z-index:9; position:relative; display:inline-block; margin:0; width:100%; max-width:380px; float:left; }
.leading-bizGrowth-heart-image img{ border-radius: 5px; width:100%; height:100%; max-height:390px; object-fit:cover; vertical-align:top;}
.leading-bizGrowth-heart-image .second-thumb{position:relative; top:-50px; left:30px; margin:0; width:100%; max-width: 380px; height:320px; overflow: hidden; }
.leading-bizGrowth-heart-image .second-thumb img{ border-radius: 5px; height: 100%; width: 100%; object-fit: cover; }

.menupriceduration{margin-bottom: 7px;}
.ourmenu-item .menuordernow{padding: 4px 42px;}

/* = Pricing Section CSS
-------------------------------------------------------------- */
.feather-pricing-wrap {
    padding: 50px 0;
    position: relative;
}
.feather-pricing-wrap .pricing-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 50px;
}
.feather-pricing-wrap .pricing-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 40px 30px;
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.feather-pricing-wrap .pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.feather-pricing-wrap .pricing-card.featured {
    background: #7c3aed;
    color: #ffffff;
    transform: scale(1.05);
}
.feather-pricing-wrap .pricing-card.featured:hover {
    transform: scale(1.08) translateY(-5px);
}
.feather-pricing-wrap .pricing-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
    text-transform: none;
}
.feather-pricing-wrap .pricing-icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.feather-pricing-wrap .pricing-card.featured .pricing-icon-wrapper {
    background: rgba(255, 255, 255, 0.2);
}
.feather-pricing-wrap .pricing-icon {
    font-size: 32px;
    color: #1f2937;
}
.feather-pricing-wrap .pricing-card.featured .pricing-icon {
    color: #ffffff;
}
.feather-pricing-wrap .pricing-price-wrapper {
    margin: 20px 0 30px 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
}
.feather-pricing-wrap .pricing-price {
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}
.feather-pricing-wrap .pricing-period {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.8;
}
.feather-pricing-wrap .pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
    text-align: left;
}
.feather-pricing-wrap .pricing-features li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    line-height: 1.6;
}
.feather-pricing-wrap .pricing-card.featured .pricing-features li {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.feather-pricing-wrap .pricing-features li:last-child {
    border-bottom: none;
}
.feather-pricing-wrap .pricing-button {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: auto;
}
.feather-pricing-wrap .pricing-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* = Business Growth Solutions Section CSS
-------------------------------------------------------------- */
.feather-business-growth-wrap {
    padding: 50px 0;
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.feather-business-growth-wrap .business-growth-left-column {
    flex: 1;
    position: relative;
    min-width: 0;
}
.feather-business-growth-wrap .business-growth-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    border-radius: 0;
}
.feather-business-growth-wrap .business-growth-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 500px;
}
.feather-business-growth-wrap .business-growth-placeholder {
    width: 100%;
    height: 500px;
    background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: 16px;
}

.feather-business-growth-wrap .business-growth-right-column {
    flex: 1;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.feather-business-growth-wrap .sub-title-head {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
}
.feather-business-growth-wrap .sec_content_main_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
    text-transform: none;
    color: #1e293b;
    text-align: left;
}
.feather-business-growth-wrap .business-growth-description {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    color: #64748b;
    font-weight: 400;
}
.feather-business-growth-wrap .business-growth-features {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
}
.feather-business-growth-wrap .business-growth-features li {
    padding: 11px 0 5px 0;
    position: relative;
    font-size: 16px;
    line-height: normal;
    color: #1e293b;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.feather-business-growth-wrap .business-growth-features li i {
    color: #2563eb;
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}
.feather-business-growth-wrap .business-growth-features li span {
    flex: 1;
}
.feather-business-growth-wrap .business-growth-button {
    display: inline-block;
    padding: 14px 35px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    background: linear-gradient(90deg, #2563eb 0%, #f97316 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.25);
    align-self: flex-start;
}
/* = Operations Management Section CSS
--------------------------------------------------------------- */
.feather-operations-wrap {
    padding: 50px 0;
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 50px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Left Column - Image */
.feather-operations-wrap .operations-left-column {
    flex: 1.2;
    position: relative;
    min-width: 0;
}

.feather-operations-wrap .operations-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    border-radius: 12px;
}

.feather-operations-wrap .operations-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: opacity 0.3s ease;
}

/* Middle Column - Content */
.feather-operations-wrap .operations-middle-column {
    flex: 0.8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    min-width: 280px;
}

.feather-operations-wrap .operations-content-wrapper {
    width: 100%;
}

.feather-operations-wrap .operations-category {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
}

.feather-operations-wrap .operations-category::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #2563eb;
    border-radius: 2px;
}

.feather-operations-wrap .sec_content_main_title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: #1e293b;
    transition: opacity 0.3s ease;
    text-align: left;
}

.feather-operations-wrap .operations-description {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    color: #64748b;
    font-weight: 400;
    transition: opacity 0.3s ease;
}

.feather-operations-wrap .operations-readmore {
    display: inline-block;
    padding: 14px 35px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.feather-operations-wrap .operations-readmore:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Right Column - Service Tabs */
.feather-operations-wrap .operations-right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 0;
    min-width: 250px;
}

.feather-operations-wrap .operations-services-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.feather-operations-wrap .operations-service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    background-color: #2563eb;
    color: #ffffff;
    position: relative;
    min-height: 60px;
}

.feather-operations-wrap .operations-service-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.feather-operations-wrap .operations-service-item.active {
    background-color: #1e40af;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4);
}

.feather-operations-wrap .operations-service-item .service-text {
    flex: 1;
    margin: 0;
    padding: 0;
}

.feather-operations-wrap .operations-service-item i {
    font-size: 18px;
    margin-left: 12px;
    transition: transform 0.3s ease;
}

.feather-operations-wrap .operations-service-item:hover i {
    transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-operations-wrap {
        flex-direction: column;
        gap: 30px;
    }
    
    .feather-operations-wrap .operations-left-column,
    .feather-operations-wrap .operations-middle-column,
    .feather-operations-wrap .operations-right-column {
        flex: auto;
    }
    
    .feather-operations-wrap .operations-image-wrapper {
        min-height: 400px;
    }
    
    .feather-operations-wrap .operations-services-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .feather-operations-wrap .operations-service-item {
        flex: auto;
        min-width: 200px;
    }
}

@media (max-width: 768px) {
    .feather-operations-wrap {
        padding: 60px 15px;
    }
    
    .feather-operations-wrap .sec_content_main_title {
        font-size: 28px;
    }
    
    .feather-operations-wrap .operations-service-item {
        flex: auto;
    }
}

.feather-business-growth-wrap .business-growth-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}

/* = Projects Section CSS
--------------------------------------------------------------- */
.feather-projects-wrap {
    padding: 50px 0;
    position: relative;
}

.feather-projects-wrap .sub-title-head {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    transition: opacity 0.3s ease;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.feather-projects-wrap .sub-title-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #2563eb;
    border-radius: 2px;
}

.feather-projects-wrap .sec_content_main_title {
    text-align: center;
    margin-bottom: 50px;
}

.feather-projects-wrap .projects-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 50px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.feather-projects-wrap .project-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    min-width: 300px;
    max-width: 380px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.feather-projects-wrap .project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.feather-projects-wrap .project-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 aspect ratio */
    overflow: hidden;
    background: #f3f4f6;
}

.feather-projects-wrap .project-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feather-projects-wrap .project-card:hover .project-image {
    transform: scale(1.05);
}

.feather-projects-wrap .project-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.feather-projects-wrap .project-content {
    padding: 25px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.feather-projects-wrap .project-location {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    color: #9ca3af;
    line-height: 1.4;
}

.feather-projects-wrap .project-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: #1e293b;
}

.feather-projects-wrap .project-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.feather-projects-wrap .project-title a:hover {
    color: #2563eb;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-projects-wrap .projects-cards-wrapper {
        gap: 25px;
    }
    
    .feather-projects-wrap .project-card {
        min-width: 280px;
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .feather-projects-wrap {
        padding: 60px 0;
    }
    
    .feather-projects-wrap .projects-cards-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    
    .feather-projects-wrap .project-card {
        min-width: 100%;
        max-width: 100%;
    }
    
    .feather-projects-wrap .sec_content_main_title {
        font-size: 32px;
    }
}

/* = Industries Section CSS
--------------------------------------------------------------- */
.feather-industries-wrap {
    padding: 50px 0;
    position: relative;
}

.feather-industries-wrap .sub-title-head {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    transition: opacity 0.3s ease;
    text-align: left;
    color: #60a5fa;
    text-transform: uppercase;
}

.feather-industries-wrap .sub-title-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #60a5fa;
    border-radius: 2px;
}

.feather-industries-wrap .sec_content_main_title {
    text-align: left;
    margin-bottom: 40px;
    color: #ffffff;
}

.feather-industries-wrap .industries-content-wrapper {
    display: flex;
    align-items: stretch;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Left Column - Image */
.feather-industries-wrap .industries-left-column {
    flex: auto;
    position: relative;
    min-width: 0;
}

.feather-industries-wrap .industries-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    border-radius: 12px;
}

.feather-industries-wrap .industries-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Right Column - Cards */
.feather-industries-wrap .industries-right-column {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
}

.feather-industries-wrap .industries-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

.feather-industries-wrap .industry-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-height: 150px;
}

.feather-industries-wrap .industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.feather-industries-wrap .industry-card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.feather-industries-wrap .industry-icon-wrapper {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feather-industries-wrap .industry-icon {
    font-size: 36px;
    color: #2563eb;
    transition: all 0.3s ease;
}

.feather-industries-wrap .industry-card:hover .industry-icon {
    transform: scale(1.1);
    color: #1e40af;
}

/* View All Button Icon - Separate styling (size and family from customizer) */
.feather-industries-wrap .industry-view-all .industry-icon {
    transition: all 0.3s ease;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.feather-industries-wrap .industry-view-all:hover .industry-icon {
    transform: translateX(5px) scale(1.1);
}

.feather-industries-wrap .industry-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    color: #1e293b;
    transition: color 0.3s ease;
}

.feather-industries-wrap .industry-card:hover .industry-title {
    color: #2563eb;
}

/* View All Button Card */
.feather-industries-wrap .industry-view-all {
    background: #2563eb;
    color: #ffffff;
}

.feather-industries-wrap .industry-view-all:hover {
    background: #1e40af;
    transform: translateY(-5px);
}

.feather-industries-wrap .industry-view-all-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.feather-industries-wrap .industry-view-all .industry-icon-wrapper {
    margin-bottom: 8px;
}

.feather-industries-wrap .industry-view-all-text {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-industries-wrap .industries-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .feather-industries-wrap .industries-left-column,
    .feather-industries-wrap .industries-right-column {
        flex: auto;
    }
    
    .feather-industries-wrap .industries-image-wrapper {
        min-height: 400px;
    }
    
    .feather-industries-wrap .industries-cards-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .feather-industries-wrap {
        padding: 60px 15px;
    }
    
    .feather-industries-wrap .industries-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .feather-industries-wrap .sec_content_main_title {
        font-size: 32px;
    }
    
    .feather-industries-wrap .industry-card {
        min-height: 130px;
        padding: 25px 20px;
    }
    
    .feather-industries-wrap .industry-icon {
        font-size: 32px;
    }
    
    .feather-industries-wrap .industry-title {
        font-size: 16px;
    }
}

/* = Counter Business Section CSS
--------------------------------------------------------------- */
.feather-counter-business-wrap {
    padding: 50px 0;
    position: relative;
    background-color: #ffffff;
}

.feather-counter-business-wrap .counter-business-content-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 70px;
    max-width: 1200px;
    margin: 0 auto 60px auto;
    width: 100%;
    box-sizing: border-box;
}

/* Left Column - Image */
.feather-counter-business-wrap .counter-business-left-column {
    flex: auto;
    position: relative;
    min-width: 0;
}

.feather-counter-business-wrap .counter-business-image-wrapper {
    position: relative;
    width: 100%;
    
    border-radius: 15px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
}

.feather-counter-business-wrap .counter-business-main-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    max-width: 100%;
}

/* Right Column - Content */
.feather-counter-business-wrap .counter-business-right-column {
    flex: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.feather-counter-business-wrap .sec_content_main_title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #1f2937;
    text-align: left;
}

.feather-counter-business-wrap .counter-business-description {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 25px;
    color: #6b7280;
}

/* Checklist */
.feather-counter-business-wrap .counter-business-checklist {
    margin-bottom: 35px;
}

.feather-counter-business-wrap .checklist-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 16px;
    color: #374151;
    line-height: 1.5;
}

.feather-counter-business-wrap .checklist-item i {
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 3px;
}

.feather-counter-business-wrap .checklist-item span {
    line-height: 1.5;
}

/* Statistics */
.feather-counter-business-wrap .counter-business-stats {
    display: flex;
    gap: 40px;
    flex-wrap: nowrap;
    margin-top: 25px;
    align-items: flex-start;
}

.feather-counter-business-wrap .stat-item {
    flex: 1;
    min-width: 0;
}

.feather-counter-business-wrap .stat-number {
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    color: #2563eb;
    display: block;
}

.feather-counter-business-wrap .stat-label {
    font-size: 14px !important;
    color: #6b7280;
    line-height: 1.4;
    font-weight: 400;
}

/* Features Cards */
.feather-counter-business-wrap .counter-business-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 0;
}

.feather-counter-business-wrap .feature-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 35px 25px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
}

.feather-counter-business-wrap .feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.feather-counter-business-wrap .feature-icon {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.feather-counter-business-wrap .feature-card:hover .feature-icon {
    transform: scale(1.05);
}

.feather-counter-business-wrap .feature-icon i {
    font-size: 40px;
    color: #7c3aed;
    transition: all 0.3s ease;
}

.feather-counter-business-wrap .feature-card:hover .feature-icon i {
    color: #7c3aed;
}

.feather-counter-business-wrap .feature-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #1f2937;
    line-height: 1.4;
}

.feather-counter-business-wrap .feature-text {
    display: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-counter-business-wrap {
        padding: 80px 20px;
    }
    
    .feather-counter-business-wrap .counter-business-content-wrapper {
        flex-direction: column;
        gap: 50px;
        margin-bottom: 60px;
    }
    
    .feather-counter-business-wrap .counter-business-left-column,
    .feather-counter-business-wrap .counter-business-right-column {
        flex: auto;
    }
    
    .feather-counter-business-wrap .counter-business-image-wrapper {
        min-height: 400px;
        padding: 50px 40px;
    }
    
    .feather-counter-business-wrap .counter-business-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .feather-counter-business-wrap .counter-business-stats {
        gap: 40px;
        flex-wrap: wrap;
    }
    
    .feather-counter-business-wrap .stat-number {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .feather-counter-business-wrap {
        padding: 60px 15px;
    }
    
    .feather-counter-business-wrap .counter-business-content-wrapper {
        gap: 40px;
        margin-bottom: 50px;
    }
    
    .feather-counter-business-wrap .sec_content_main_title {
        font-size: 36px;
    }
    
    .feather-counter-business-wrap .counter-business-image-wrapper {
        min-height: 350px;
        padding: 40px 30px;
    }
    
    .feather-counter-business-wrap .counter-business-features {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .feather-counter-business-wrap .counter-business-stats {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    
    .feather-counter-business-wrap .stat-item {
        width: 100%;
    }
    
    .feather-counter-business-wrap .stat-number {
        font-size: 44px;
    }
    
    .feather-counter-business-wrap .feature-card {
        padding: 35px 25px;
    }
    
    .feather-counter-business-wrap .checklist-item {
        margin-bottom: 15px;
    }
}

/* = Loan Section CSS
--------------------------------------------------------------- */
.feather-loan-wrap {
    padding: 50px 0;
    position: relative;
    background-color: #ffffff;
}

.feather-loan-wrap .sub-title-head{
    margin-bottom: 25px;
}

.feather-loan-wrap .sec_content_main_title {
    text-align: center;
    margin-bottom: 50px;
}

.feather-loan-wrap .loan-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.feather-loan-wrap .loan-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    min-width: 300px;
    max-width: 360px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.feather-loan-wrap .loan-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.feather-loan-wrap .loan-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 65%;
    overflow: hidden;
    background: #f3f4f6;
}

.feather-loan-wrap .loan-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feather-loan-wrap .loan-card:hover .loan-image {
    transform: scale(1.05);
}

.feather-loan-wrap .loan-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.feather-loan-wrap .loan-content {
    padding: 25px 30px 30px;
}

.feather-loan-wrap .loan-label {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
    display: block;
}

.feather-loan-wrap .loan-title {
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.feather-loan-wrap .loan-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.feather-loan-wrap .loan-title a:hover {
    color: #2563eb;
}

.feather-loan-wrap .loan-percentage-wrapper {
    text-align: left;
}

.feather-loan-wrap .loan-percentage {
    font-weight: 700;
    line-height: 1;
    display: inline-block;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-loan-wrap {
        padding: 60px 20px;
    }
    
    .feather-loan-wrap .loan-cards-wrapper {
        gap: 25px;
    }
    
    .feather-loan-wrap .loan-card {
        min-width: 280px;
        max-width: 350px;
    }
    
}

@media (max-width: 768px) {
    .feather-loan-wrap {
        padding: 50px 15px;
    }
    
    .feather-loan-wrap .loan-cards-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    
    .feather-loan-wrap .loan-card {
        min-width: 100%;
        max-width: 100%;
    }
}

/* = Blog Section CSS
--------------------------------------------------------------- */
.feather-blog-wrap {
    padding: 50px 0;
    position: relative;
}

.feather-blog-wrap .blog-content-wrapper {
    display: flex;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
}

.feather-blog-wrap .blog-intro-section {
    flex: 0 0 auto;
    max-width: 400px;
    min-width: 300px;
    position: relative;
    padding-right: 30px;
}

.feather-blog-wrap .sub-title-head {
    display: inline-block;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
}

.feather-blog-wrap .sec_content_main_title {
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 25px 0;
    text-align: left;
    font-size: 38px;
}

.feather-blog-wrap .blog-description {
    line-height: 1.7;
    margin-bottom: 35px;
    font-size: 16px;
    color: #64748b;
}

.feather-blog-wrap .blog-button {
    display: inline-block;
    padding: 14px 35px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid;
    font-size: 15px;
}

.feather-blog-wrap .blog-button:hover {
    text-decoration: none;
}

.feather-blog-wrap .blog-posts-section {
    flex: 1;
    min-width: 0;
}

.feather-blog-wrap .blog-posts-card {
    border-radius: 12px;
    padding: 35px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background: #ffffff;
}

.feather-blog-wrap .blog-post-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e5e7eb;
    transition: transform 0.2s ease;
}

.feather-blog-wrap .blog-post-item:hover {
    transform: translateX(5px);
}

.feather-blog-wrap .blog-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.feather-blog-wrap .post-date {
    font-weight: 600;
    margin-bottom: 15px;
}

.feather-blog-wrap .post-content-wrapper {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.feather-blog-wrap .post-image-wrapper {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f4f6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.feather-blog-wrap .post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feather-blog-wrap .post-image-wrapper:hover .post-image {
    transform: scale(1.1);
}

.feather-blog-wrap .post-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

.feather-blog-wrap .post-text-content {
    flex: 1;
    min-width: 0;
}

.feather-blog-wrap .post-title {
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.4;
    font-size: 18px;
}

.feather-blog-wrap .post-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.feather-blog-wrap .post-title a:hover {
    opacity: 0.8;
}

.feather-blog-wrap .post-excerpt {
    line-height: 1.7;
    margin-bottom: 12px;
    font-size: 15px;
    color: #64748b;
}

.feather-blog-wrap .read-more-link {
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 6px;
    border: 1px solid transparent;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .feather-blog-wrap {
        padding: 60px 20px;
    }
    
    .feather-blog-wrap .blog-content-wrapper {
        gap: 40px;
    }
    
    .feather-blog-wrap .blog-intro-section {
        flex: auto;
    }
    
    .feather-blog-wrap .blog-posts-section {
        flex: auto;
    }
}

@media (max-width: 1300px) {
    .feather-blog-wrap {
        padding: 50px 15px;
    }
    
    .feather-blog-wrap .blog-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .feather-blog-wrap .blog-intro-section {
        flex: auto;
        padding-right: 0;
        margin: 0 auto;
        max-width: none;
    }
    
    .feather-blog-wrap .blog-posts-section {
        flex: auto;
        width: auto;
        margin: 0 auto;
    }
    
    .feather-blog-wrap .sec_content_main_title {
        text-align: center;
    }
    
    .feather-blog-wrap .blog-intro-section {
        text-align: center;
    }
    .feather-blog-wrap .section-subtitle::after{
        left: 47%;
    }
}

@media (max-width: 768px) {
    .feather-blog-wrap {
        padding: 50px 15px;
    }
    
    .feather-blog-wrap .blog-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .feather-blog-wrap .blog-intro-section {
        flex: auto;
        padding-right: 0;
    }
    
    .feather-blog-wrap .blog-posts-section {
        flex: auto;
    }
    
    .feather-blog-wrap .sec_content_main_title {
        text-align: center;
    }
    
    .feather-blog-wrap .blog-intro-section {
        text-align: center;
    }
}

/* = Hero Banner Section CSS
--------------------------------------------------------------- */
.feather-hero-banner-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.feather-hero-banner-wrap .hero-banner-container {
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 60px;
    background-color: transparent;
}

.feather-hero-banner-wrap .hero-banner-content-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 800px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Small Label Box */
.feather-hero-banner-wrap .hero-small-label {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    align-self: center;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 20px;
}

.feather-hero-banner-wrap .hero-small-label::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #10b981;
    border-radius: 2px;
}

/* Main Heading */
.feather-hero-banner-wrap .hero-main-heading {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-align: center;
    width: 100%;
}

.feather-hero-banner-wrap .hero-main-heading br {
    display: block;
    line-height: 1.3;
}

.feather-hero-banner-wrap .hero-main-heading .hero-second-line {
    display: block;
    font-size: 1.4em;
    font-weight: 900;
    margin-top: 5px;
    letter-spacing: -2px;
}


/* Sub Heading */
.feather-hero-banner-wrap .hero-sub-heading {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    color: #4b5563;
    text-align: center;
    width: 100%;
}

.feather-hero-banner-wrap .hero-sub-heading br {
    display: block;
    margin-top: 5px;
}

/* Button */
.feather-hero-banner-wrap .hero-button {
    display: inline-block;
    padding: 14px 32px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    border: none;
    align-self: center;
    margin-top: 20px;
}

.feather-hero-banner-wrap .hero-button:hover {
    background-color: #f3f4f6;
    color: #000000;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive Design */
@media (max-width: 1400px) {
    .feather-hero-banner-wrap .hero-banner-content-wrapper {
        gap: 40px;
    }
}

@media (max-width: 1200px) {
    .feather-hero-banner-wrap .hero-main-heading {
        font-size: 56px;
    }
    
    .feather-hero-banner-wrap .hero-sub-heading {
        font-size: 18px;
    }
    
    .feather-hero-banner-wrap .hero-banner-container {
        padding: 50px 30px;
    }
}

@media (max-width: 1024px) {
    .feather-hero-banner-wrap .hero-banner-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .feather-hero-banner-wrap .hero-banner-left-column {
        flex: auto;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .feather-hero-banner-wrap .hero-banner-right-column {
        flex: auto;
        width: 100%;
    }
    
    .feather-hero-banner-wrap .hero-banner-container {
        min-height: auto;
        padding: 50px 20px;
    }
    
    .feather-hero-banner-wrap .hero-main-heading {
        font-size: 48px;
    }
    
    .feather-hero-banner-wrap .hero-sub-heading {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .feather-hero-banner-wrap .hero-banner-container {
        padding: 40px 15px;
    }
    
    .feather-hero-banner-wrap .hero-main-heading {
        font-size: 36px;
        letter-spacing: -1px;
    }
    
    .feather-hero-banner-wrap .hero-sub-heading {
        font-size: 16px;
    }
    
    .feather-hero-banner-wrap .hero-small-label {
        font-size: 12px;
        padding: 6px 14px;
    }
    
    .feather-hero-banner-wrap .hero-button {
        padding: 12px 28px;
        font-size: 14px;
    }
    
    .feather-hero-banner-wrap .hero-star {
        font-size: 12px;
    }
    
    .feather-hero-banner-wrap .hero-star-line {
        font-size: 14px;
    }
}