/*
Theme Name:     Industro Child
Theme URI:      http://wpdemo2.oceanthemes.net/industro/
Description:    Anand International Child Theme
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       industro
*/

@import url("../industro/style.css");

/* =============================================
   ANAND INTERNATIONAL — BRAND VARIABLES
   Primary:   #FFB800  (Golden Yellow)
   Dark:      #1A1A1A  (Near Black)
   Hover:     #E6A800  (Deep Golden)
   Body text: #333333  (Dark Grey)
   Page bg:   #F5F5F0  (Warm Off-White)
   White:     #FFFFFF
   Muted:     #CCCCCC  (Light Grey)
   ============================================= */

/* ============================================
   1. TEXT SELECTION
   ============================================ */
::selection { background:#FFB800; color:#1A1A1A; }
::-moz-selection { background:#FFB800; color:#1A1A1A; }

/* ============================================
   2. GLOBAL BASE
   ============================================ */
body, p {
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
/* 	font-family: "Open Sans",Arial,Helvetica,sans-serif !i; */
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #333333 !important;
}
a { color: #1A1A1A; transition: color .2s; }
a:hover, a:focus { color: #FFB800; text-decoration: none; }
hr { border-color: rgba(255,184,0,.3); }
blockquote { border-left: 4px solid #FFB800; color: #333; }

/* ============================================
   3. HEADINGS
   ============================================ */
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #1A1A1A !important;
}
h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
}
h2 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}
h3 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
}
h4 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
h5 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
h6 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* ============================================
   4. PAGE BACKGROUND
   ============================================ */
body { background-color: #F5F5F0 !important; }
.site-content, .entry-content { background-color: #F5F5F0; }
.vc_row { background-color: transparent; }

/* ============================================
   5. TOP HEADER BAR
   ============================================ */
.top-header {
    background-color: #1A1A1A;
    border-bottom: 1px solid #FFB800;
}
.top-header .info-list li,
.top-header .info-list li a,
.top-header .info-list li span,
.top-header .info-list li i,
.top-header p,
.top-header span { color: #ffffff !important; }
.top-header .info-list li a:hover { color: #FFB800 !important; }
.top-header .info-list .info-icon,
.top-header .info-list li .icon,
.header-info-box .info-icon,
.contact-info-icon {
    background-color: #FFB800 !important;
    color: #1A1A1A !important;
    border-color: #FFB800 !important;
}
#site-logo, .top-header .info-list, .top-header .btn-cta { min-height: 60px; }

/* ============================================
   6. MAIN HEADER
   ============================================ */
.main-header { background-color: #ffffff; }
.site-header { border-bottom: 2px solid #FFB800; }

/* ============================================
   7. NAVIGATION
   ============================================ */
@media (min-width: 992px) {
    .header-layout-2 .main-navigation ul.menu > li > a { padding: 17px 16px; }
}
.main-navigation ul.menu > li > a {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    color: #1A1A1A !important;
}
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current-menu-ancestor > a { color: #FFB800 !important; }
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li:hover > a { border-bottom: 2px solid #FFB800; }
.main-navigation ul.menu ul.sub-menu {
    background-color: #1A1A1A;
    border-top: 2px solid #FFB800;
}
.main-navigation ul.menu ul.sub-menu li a {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,184,0,.15);
}
.main-navigation ul.menu ul.sub-menu li a:hover,
.main-navigation ul.menu ul.sub-menu li.current-menu-item > a {
    background-color: #FFB800 !important;
    color: #1A1A1A !important;
}
#menu-btn {
    margin-top: 10px;
    background-color: #FFB800;
    color: #1A1A1A;
    border-color: #E6A800;
}
#menu-btn:hover { background-color: #E6A800; }
.mobile-menu-container, .mean-container .mean-nav { background-color: #1A1A1A !important; }
.mean-container .mean-nav ul li a {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255,184,0,.2) !important;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li.current-menu-item > a { color: #FFB800 !important; }
.mean-container .mean-bar { background-color: #1A1A1A !important; }
.meanmenu-reveal { color: #FFB800 !important; border-color: #FFB800 !important; }
.meanmenu-reveal span { background: #FFB800 !important; }

/* ============================================
   8. INNER PAGE BANNER / BREADCRUMB
   ============================================ */
.page-banner, .page-title-wrapper, .inner-page-banner,
.sub-banner, .page-header, .breadcrumb-section,
.industro-page-header {
    background-color: #1A1A1A !important;
}
.page-banner h1,.page-banner h2,.page-title-wrapper h1,
.inner-page-banner h1,.sub-banner h1,.page-header h1,
.page-banner .page-title,.industro-page-header h1 { color:#ffffff !important; }
.page-banner h1:before,.page-banner .page-title:before,
.inner-page-banner h1:before,.sub-banner h1:before,
.page-header h1:before { background:#FFB800 !important; }
.breadcrumb li a,.breadcrumb-trail a,
.page-banner .breadcrumb a,.sub-banner .breadcrumb a { color:#cccccc !important; }
.breadcrumb li a:hover,.breadcrumb-trail a:hover { color:#FFB800 !important; }
.breadcrumb li.active,.breadcrumb li span,.breadcrumb-trail .current,
.page-banner .breadcrumb .current,.page-banner .breadcrumb li:last-child,
.sub-banner .breadcrumb li:last-child { color:#FFB800 !important; }
.breadcrumb-separator,.breadcrumb li + li:before { color:#cccccc !important; }
.breadcrumb .home-icon,.breadcrumb .ti-home,.page-banner .breadcrumb i { color:#cccccc !important; }

/* ============================================
   9. FLOATING SIDE BUTTONS
   ============================================ */
.floating-side-btns .btn-arrow,.side-contact-btn {
    background-color:#2C2C2C !important; color:#FFB800 !important;
}
.floating-side-btns .btn-phone,.side-phone-btn {
    background-color:#FFB800 !important; color:#1A1A1A !important;
}
.floating-side-btns .btn-email,.side-email-btn {
    background-color:#E6A800 !important; color:#1A1A1A !important;
}
.back-to-top,#back-to-top,.scrollup {
    background-color:#FFB800 !important; color:#1A1A1A !important;
    border-color:#E6A800 !important;
}
.back-to-top:hover,#back-to-top:hover,.scrollup:hover { background-color:#E6A800 !important; }

/* ============================================
   10. BUTTONS
   ============================================ */
.btn { background:#FFB800; color:#1A1A1A; border-color:#FFB800; }
.btn:hover { background:#E6A800; color:#1A1A1A; border-color:#E6A800; }

.top-header .btn-cta .btn,
#rev_slider_1_1_wrapper .rev-btn,
.vc_btn3-container .vc_btn3,
.product-container .product-btn,
.wpcf7-form .wpcf7-submit {
    font-family:'Titillium Web', Arial, Helvetica, sans-serif !important;
    box-shadow:none !important;
    border:1px solid #E6A800 !important;
    background-color:#FFB800 !important;
    color:#1A1A1A !important;
    border-radius:5px !important;
    transition:all .2s !important;
    font-size:15px !important;
    font-weight:600 !important;
}
.top-header .btn-cta .btn:hover,
#rev_slider_1_1_wrapper .rev-btn:hover,
.vc_btn3-container .vc_btn3:hover,
.product-container .product-btn:hover,
.wpcf7-form .wpcf7-submit:hover {
    background-color:#E6A800 !important;
    color:#1A1A1A !important;
    border-color:#E6A800 !important;
    box-shadow:0 2px 10px rgba(255,184,0,.4) !important;
}

/* ============================================
   11. FORMS
   ============================================ */
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
    height:44px; border:1px solid #E6A800;
    font-family:'Open Sans', Tahoma, Geneva, sans-serif !important;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus {
    border-color:#FFB800 !important;
    box-shadow:0 0 0 2px rgba(255,184,0,.25);
}

/* ============================================
   12. PROCESS STEPS
   ============================================ */
.c-box .process .steps .p-icon,
.process .steps .p-icon {
    color:#FFB800;
    border:1px solid rgba(255,184,0,.2);
    box-shadow:0 2px 12px rgba(255,184,0,.25);
}
.process .steps .step-content h5,
.c-box .process .steps .step-content h5 { color:#1A1A1A; }

/* ============================================
   13. PRODUCT CONTAINER
   ============================================ */
.product-container { position:relative; width:100%; max-width:400px; }
.product-container .product-img { width:100%; height:auto; border:1px solid #FFB800; }
.product-container .product-img:hover {
    border:2px solid #FFB800;
    box-shadow:0 1px 12px rgba(255,184,0,.5);
}
.product-container .product-btn {
    position:absolute; top:100%; left:50%;
    transform:translate(-50%,-50%);
    background-color:#FFB800; color:#1A1A1A;
    font-weight:600; border-radius:15px;
}
.product-container .product-btn:hover {
    background:#fff; color:#1A1A1A;
    border:1px solid rgba(255,184,0,.3);
    box-shadow:0 1px 12px rgba(255,184,0,.5);
}

/* ============================================
   14. TESTIMONIALS
   ============================================ */
.testi-slider .testi-item .testi-content { border:1px solid #FFB800; }
.testi-slider .testi-item .testi-content:hover {
    box-shadow:0 2px 12px rgba(255,184,0,.3);
}

/* ============================================
   15. WPBAKERY TABS & ACCORDION
   ============================================ */
.vc_tta-tabs .vc_tta-tab.vc_active > a,
.vc_tta-tabs .vc_tta-tab > a:hover {
    background-color:#FFB800 !important; color:#1A1A1A !important;
    border-color:#FFB800 !important;
}
.vc_tta-tabs .vc_tta-tab > a { color:#1A1A1A !important; border-color:#E6A800 !important; }
.vc_tta-panels-container { border-color:#FFB800 !important; }
.vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title > a {
    color:#1A1A1A !important; background-color:#F5F5F0 !important;
    border-color:#E6A800 !important;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
    background-color:#FFB800 !important; color:#1A1A1A !important;
    border-color:#FFB800 !important;
}

/* ============================================
   16. PAGINATION
   ============================================ */
.pagination .page-numbers,
.page-numbers li a,
.page-numbers li span {
    color:#1A1A1A !important; border:1px solid #E6A800 !important;
}
.pagination .page-numbers.current,
.page-numbers li .current,
.pagination .page-numbers:hover,
.page-numbers li a:hover {
    background-color:#FFB800 !important; color:#1A1A1A !important;
    border-color:#FFB800 !important;
}

/* ============================================
   17. FOOTER
   ============================================ */
.wpb_row:has(.footer-contact-info),
.vc_row:has(.footer-contact-info),
.vc_section:has(.footer-contact-info),
div:has(> .footer-contact-info) {
    background-color:#FFCA46 !important;
}
.footer-contact-info {
    background-color: #FFCA46 !important;
    padding: 40px 30px !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
    gap: 30px !important;
    border-bottom: 1px solid rgba(255,184,0,.15) !important;
}
.footer-contact-info .footer-info-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    flex: 1 !important;
}
.footer-contact-info .footer-info-box i {
    font-size: 3rem !important;
    color: #000 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.footer-contact-info .footer-info-box span {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: block !important;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
	text-align:center;
}
.footer-contact-info .footer-info-box span small {
    display: block !important;
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
    line-height: 1.6 !important;
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
}
.main-footer {
    background-color: #1A1A1A !important;
    color: #cccccc !important;
    padding-top: 50px !important;
	padding-bottom:0px !important;
}
.main-footer img,
.main-footer .widget_media_image img,
.main-footer .footer-logo img,
.main-footer #block-9 img {
    max-width: 100px !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 16px !important;
}
.main-footer .textwidget p,
.main-footer .widget_text p {
    color: #aaa !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
}
.main-footer .widget-title,
.main-footer h3,
.main-footer h4,
.main-footer h5 {
    color: #FFB800 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
    position: relative !important;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
}
.main-footer .widget-title::after,
.main-footer h3::after,
.main-footer h4::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 32px !important;
    height: 2px !important;
    background: #FFB800 !important;
    display: block !important;
}
.main-footer .widget ul,
.main-footer .widget_nav_menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.main-footer .widget ul li,
.main-footer .widget_nav_menu ul li {
    padding: 4px 0 !important;
	line-height:16px;
    border: none !important;
}
.main-footer .widget ul li a,
.main-footer .widget_nav_menu ul li a {
    color: #aaa !important;
    font-size: 14px !important;
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    text-decoration: none !important;
    transition: color .2s !important;
    display: block !important;
    padding: 3px 0 !important;
}
.main-footer .widget ul li a::before,
.main-footer .widget_nav_menu ul li a::before {
    content: none !important;
    display: none !important;
}
.main-footer .widget ul li a:hover,
.main-footer .widget_nav_menu ul li a:hover { color: #FFB800 !important; }
.footer-bottom, .site-info, .main-footer .footer-bottom {
    background-color: #111111 !important;
    color: #888 !important;
    border-top: 1px solid rgba(255,184,0,.2) !important;
    padding: 18px 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
}
.footer-bottom a, .site-info a { color: #FFB800 !important; font-weight: 500 !important; }
.footer-bottom a:hover, .site-info a:hover { color: #E6A800 !important; }
.main-footer .container .row #custom_html-2 { margin-left:0 !important; width:100% !important; }
.main-footer .container .row #custom_html-3 { width:auto !important; margin-left:0 !important; }
#custom_html-2 { margin-left:0 !important; }
#custom_html-2 .textwidget { margin-left:0 !important; }

@media (max-width: 768px) {
    .footer-contact-info {
        flex-direction: column !important;
        align-items: center !important;
        padding: 30px 20px !important;
    }
    .footer-contact-info .footer-info-box {
        width: 100% !important;
        border-bottom: 1px solid rgba(255,184,0,.1) !important;
        padding-bottom: 20px !important;
        margin-bottom: 10px !important;
    }
}

/* ============================================
   18. CAREER PAGE
   ============================================ */
.page-id-1177 .vc_col-md-6 .wpcf7-form-control-wrap .career-position,
.page-id-1177 .vc_col-md-6 .wpcf7-form-control-wrap .career-attached {
    height:44px; width:100%; background:#f7f7f7;
    padding:10px 20px; display:block; border:1px solid #E6A800;
    font-family:'Open Sans', Tahoma, Geneva, sans-serif !important;
}
.vc_col-md-6.career-custome-mr { margin-bottom:10px !important; }
.career-submit-btn {
    height:44px; width:100%; background:#FFB800;
    padding:10px 20px; display:block; color:#1A1A1A;
    font-weight:700; border:none; margin-top:2rem;
    font-family:'Titillium Web', Arial, Helvetica, sans-serif !important;
}
.career-submit-btn:hover { background:#E6A800; color:#1A1A1A; }

/* ============================================
   19. IMAGE GRIDS
   ============================================ */
.wpb_image_grid .wpb_image_grid_ul img { padding:10px !important; border-radius:10%; }
.c-h-clients .wpb_single_image img { padding:0 !important; }

/* ============================================
   20. SIDEBAR PRODUCT MENU
   ============================================ */
.vc_wp_custommenu .widget_nav_menu li.current-menu-item > a,
.vc_wp_custommenu .widget_nav_menu li a:hover {
    background:#FFB800; color:#1A1A1A !important;
}

/* ============================================
   21. MISC
   ============================================ */
.ps-custom { background:white; padding-top:15px; border:2px solid #e2e2e2; margin:8px; }
.hidden { display:none; }

/* ============================================
   22. RESPONSIVE — MOBILE
   ============================================ */
@media only screen and (max-width:767px) {
    .vc_custom_1659527663558 h2 { text-align:left !important; }
    .vc_custom_1659527663558 h2::after { margin-top:0; left:0; }
    .brandne .vc_col-sm-3 { width:50%; float:left; }
    .page-id-1121 .vc_tta-panels h2 { display:none !important; }
    .main-footer { text-align:left; }
    .director { text-align:left !important; }
    .product-container .product-img { margin-top:32px; }
    body .space_height { height:0 !important; }
    #menu-btn { margin-top:10px; }
    .home .product-container .product-btn { position:relative; top:100%; left:0; }
    .home .vc_col-sm-4 .product-container { text-align:center; }
    .sevice-photos .wpb_image_grid_ul { grid-template-columns:1fr !important; }
}
@media only screen and (min-width:767px) {
    h2.director:after { right:initial; left:85% !important; }
}
@media only screen and (min-width:1020px) {
    h2.director:after { right:initial; left:88.5% !important; }
}

/* ==============================================
   SERVICE PAGE — COMPLETE STYLING
   ============================================== */
.service-heading.wpb_row,
.service-heading.vc_row {
    background-color: #F5F5F0 !important;
    padding: 60px 0 !important;
}
.service-heading .lg-right40 {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Sidebar heading */
.service-heading .widgettitle,
.service-heading h2.widgettitle {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #1A1A1A !important;
    padding: 4px 0 4px 14px !important;
    border: none !important;
    border-left: 4px solid #FFB800 !important;
    display: block !important;
    position: static !important;
}
.service-heading .widgettitle::after,
.service-heading h2.widgettitle::after { display:none !important; content:none !important; }

/* Sidebar menu list */
.service-heading .widget_nav_menu ul { list-style:none !important; padding:0 !important; margin:0 !important; }
.service-heading .widget_nav_menu ul li { border-bottom:1px solid #e8e8e8 !important; margin:0 !important; padding:0 !important; }
.service-heading .widget_nav_menu ul li:last-child { border-bottom:none !important; }
.service-heading .widget_nav_menu ul li a {
    display:block !important; padding:6.8px 4px !important;
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    font-size:15px !important; font-weight:600 !important;
    line-height: 28px !important;
    color:#555 !important; text-decoration:none !important;
    transition:all 0.2s !important; background:transparent !important;
    border:none !important;
}
.service-heading .widget_nav_menu ul li a:hover { color:#FFB800 !important; padding-left:8px !important; }
.service-heading .widget_nav_menu ul li.current-menu-item > a,
.service-heading .widget_nav_menu ul li.current_page_item > a {
    background: transparent !important;
    color: #FFB800 !important;
    font-weight: 700 !important;
}

/* Sidebar menu — dash bullet like reference */
.service-heading .widget_nav_menu ul li a::before {
    content: '–' !important;
    display: inline-block !important;
    margin-right: 8px !important;
    color: #555 !important;
    font-weight: 400 !important;
}

/* Main service heading h2 */
.service-heading .tm-vc_cta3-headers h2,
.service-heading .vc_cta3-headers h2 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #1A1A1A !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.service-heading .vc_cta3-headers h2::after,
.service-heading .tm-vc_cta3-headers h2::after { display:none !important; content:none !important; }

/* Service h3 */
.service-heading .wpb_text_column h3 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #1A1A1A !important;
}

/* Empty h2 separator */
.service-heading .wpb_text_column h2:empty,
.service-heading .wpb_text_column h2.font-claude-response-body {
    display: block !important;
    height: 4px !important;
    width: 70px !important;
    position: relative !important;
    margin: 10px 0 22px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
}
.service-heading .wpb_text_column h2:empty::before,
.service-heading .wpb_text_column h2.font-claude-response-body::before {
    content: '' !important; display:block !important; position:absolute !important;
    left:0 !important; top:0 !important; width:42px !important;
    height:4px !important; background:#FFB800 !important; border-radius:2px !important;
}
.service-heading .wpb_text_column h2:empty::after,
.service-heading .wpb_text_column h2.font-claude-response-body::after {
    content: '' !important; display:block !important; position:absolute !important;
    left:48px !important; top:0 !important; width:22px !important;
    height:4px !important; background:#ddd !important; border-radius:2px !important;
}

/* heading-seperator */
.service-heading .heading-seperator {
    display: block !important; margin: 8px 0 22px !important;
    padding: 0 !important; background: transparent !important;
    height: 4px !important; width: 70px !important; position: relative !important;
}
.service-heading .heading-seperator::before {
    content:'' !important; display:block !important; position:absolute !important;
    left:0 !important; top:0 !important; width:42px !important;
    height:4px !important; background:#FFB800 !important; border-radius:2px !important;
}
.service-heading .heading-seperator::after {
    content:'' !important; display:block !important; position:absolute !important;
    left:48px !important; top:0 !important; width:22px !important;
    height:4px !important; background:#ddd !important; border-radius:2px !important;
}

/* Description paragraph */
.service-heading .service-description p,
.service-heading .wpb_text_column p {
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    font-size:15px !important; line-height:28px !important;
    font-weight: 400 !important;
    color:#444 !important; margin-bottom:14px !important;
}

/* SERVICE PHOTOS GRID */
.service-heading .sevice-photos, .sevice-photos { margin:24px 0 !important; }
.service-heading .sevice-photos .wpb_image_grid_ul,
.sevice-photos .wpb_image_grid_ul {
    position:static !important; height:auto !important;
    display:grid !important; grid-template-columns:repeat(2,1fr) !important;
    gap:14px !important; padding:0 !important; margin:0 !important; list-style:none !important;
}
.service-heading .sevice-photos .wpb_image_grid_ul .isotope-item,
.sevice-photos .wpb_image_grid_ul .isotope-item {
    position:static !important; left:auto !important; top:auto !important;
    width:100% !important; float:none !important; overflow:hidden !important; border-radius:6px !important;
}
.service-heading .sevice-photos .wpb_image_grid_ul .isotope-item img,
.sevice-photos .wpb_image_grid_ul .isotope-item img {
    width:100% !important; height:100% !important; object-fit:cover !important;
    object-position:center !important; display:block !important; padding:0 !important;
    border-radius:6px !important; transition:transform 0.3s !important;
}
.service-heading .sevice-photos .wpb_image_grid_ul .isotope-item:hover img,
.sevice-photos .wpb_image_grid_ul .isotope-item:hover img { transform:scale(1.04) !important; }

/* SERVICE DETAILS */
.service-heading .service-details { margin-top:28px !important; }
.service-heading .service-details h3 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size:23px !important; font-weight:600 !important;
    line-height:28px !important; color:#1A1A1A !important;
    margin:24px 0 10px !important;
}
.service-heading .service-details h3::after { display:none !important; content:none !important; }
.service-heading .service-details h4 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size:18px !important; font-weight:600 !important;
    line-height:1.4 !important; color:#1A1A1A !important;
    margin:18px 0 8px !important;
}
.service-heading .service-details h4::after { display:none !important; content:none !important; }
.service-heading .service-details p {
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    font-size:15px !important; line-height:28px !important;
    font-weight:400 !important; color:#444 !important; margin-bottom:12px !important;
}
.service-heading .service-details hr { border:none !important; border-top:1px solid #e8e8e8 !important; margin:20px 0 !important; }
.service-heading .service-details ul { padding-left:22px !important; margin-bottom:14px !important; }
.service-heading .service-details ul li {
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    font-size:15px !important; line-height:28px !important;
    font-weight:600 !important; color:#444 !important;
    margin-bottom:6px !important; list-style:disc !important;
}
.service-heading .service-details strong { color:#1A1A1A !important; font-weight:600 !important; }

/* FAQ SECTION */
.service-heading .service-faqs { margin-top:30px !important; }
.service-heading .service-faqs h3 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size:23px !important; font-weight:600 !important;
    line-height:28px !important; color:#1A1A1A !important; margin-bottom:20px !important;
}
.service-heading .service-faqs h3::after { display:none !important; content:none !important; }
.service-heading .vc_toggle {
    border:1px solid #e0e0e0 !important; border-radius:4px !important;
    margin-bottom:10px !important; overflow:hidden !important;
}
.service-heading .vc_toggle .vc_toggle_title {
    padding: 14px 18px !important;
    cursor: pointer !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: background .2s !important;
}
.service-heading .vc_toggle .vc_toggle_title h4 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size:15px !important; font-weight:500 !important;
    color:#333 !important; margin:0 !important;
}
.service-heading .vc_toggle .vc_toggle_title h4::after { display:none !important; content:none !important; }
.service-heading .vc_toggle .vc_toggle_title .vc_toggle_icon { color:#999 !important; font-size:18px !important; flex-shrink:0 !important; }
.service-heading .vc_toggle.vc_toggle_active .vc_toggle_title,
.service-heading .vc_toggle_active .vc_toggle_title {
    background: #FFB800 !important;
    border-bottom: 1px solid #E6A800 !important;
}
.service-heading .vc_toggle.vc_toggle_active .vc_toggle_title h4,
.service-heading .vc_toggle_active .vc_toggle_title h4 {
    color: #1A1A1A !important; font-weight:700 !important;
}
.service-heading .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon,
.service-heading .vc_toggle_active .vc_toggle_title .vc_toggle_icon { color:#1A1A1A !important; }
.service-heading .service-faqs .vc_toggle:first-of-type .vc_toggle_title,
.service-heading .service-faqs .vc_toggle:first-child .vc_toggle_title {
    background: #FFB800 !important;
    border-bottom: 1px solid #E6A800 !important;
}
.service-heading .service-faqs .vc_toggle:first-of-type .vc_toggle_title h4,
.service-heading .service-faqs .vc_toggle:first-child .vc_toggle_title h4 {
    color: #1A1A1A !important; font-weight:700 !important;
}
.service-heading .service-faqs .vc_toggle:first-of-type .vc_toggle_title .vc_toggle_icon,
.service-heading .service-faqs .vc_toggle:first-child .vc_toggle_title .vc_toggle_icon { color:#1A1A1A !important; }
.service-heading .service-faqs .vc_toggle:first-of-type .vc_toggle_content,
.service-heading .service-faqs .vc_toggle:first-child .vc_toggle_content { display:block !important; }
.service-heading .vc_toggle:not(.vc_toggle_active) .vc_toggle_title:hover { background:#fffcf2 !important; }
.service-heading .vc_toggle:not(.vc_toggle_active) .vc_toggle_title:hover h4 { color:#FFB800 !important; }
.service-heading .vc_toggle_content {
    padding:14px 18px !important;
    border-top:1px solid #f0f0f0 !important;
}
.service-heading .vc_toggle_content p {
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
    font-size:14px !important; line-height:1.8 !important;
    font-weight:400 !important; color:#555 !important; margin:0 !important;
}

/* OTHER SERVICES BUTTONS */
.service-heading .service-other { margin-top:30px !important; }
.service-heading .service-other h3 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    font-size:23px !important; font-weight:600 !important;
    line-height:28px !important; color:#1A1A1A !important; margin-bottom:18px !important;
}
.service-heading .service-other h3::after { display:none !important; content:none !important; }
.service-heading .vc_btn3-container .vc_btn3,
.service-heading .vc_btn3.vc_btn3-color-grey,
.service-heading button.vc_btn3,
.service-heading .vc_btn3-style-modern.vc_btn3-color-grey {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
    background: #FFB800 !important;
    background-color: #FFB800 !important;
    color: #1A1A1A !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
    margin: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    box-shadow: none !important;
}
.service-heading .vc_btn3-container .vc_btn3:hover,
.service-heading .vc_btn3.vc_btn3-color-grey:hover,
.service-heading button.vc_btn3:hover {
    background: #E6A800 !important;
    background-color: #E6A800 !important;
    color: #1A1A1A !important;
    box-shadow: 0 3px 10px rgba(255,184,0,.4) !important;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .service-heading .lg-right40 { margin-bottom:28px !important; }
}
@media (max-width: 768px) {
    .service-heading .sevice-photos .wpb_image_grid_ul,
    .sevice-photos .wpb_image_grid_ul { gap:10px !important; }
    .service-heading .sevice-photos .wpb_image_grid_ul .isotope-item img,
    .sevice-photos .wpb_image_grid_ul .isotope-item img { height:150px !important; }
    .service-heading .tm-vc_cta3-headers h2,
    .service-heading .vc_cta3-headers h2 { font-size:22px !important; }
}
@media (max-width: 480px) {
    .service-heading .sevice-photos .wpb_image_grid_ul,
    .sevice-photos .wpb_image_grid_ul { grid-template-columns:1fr !important; }
    .service-heading .sevice-photos .wpb_image_grid_ul .isotope-item img,
    .sevice-photos .wpb_image_grid_ul .isotope-item img { height:200px !important; }
}

.site-footer { background: #FFCA46; }

/* WPBakery Image Grid — card style */
.wpb_image_grid_ul li.isotope-item {
    background: #f0f0f0 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}
.wpb_image_grid_ul li.isotope-item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0px !important;
}

h2.widgettitle
{
	color: #FFB800 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding-bottom: 12px !important;
	margin-bottom: 18px !important;
	position: relative !important;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif !important;
}
h2.widgettitle::after{
	content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 32px !important;
    height: 2px !important;
    background: #FFB800 !important;
    display: block !important;
}

/* INLINE CSS FROM CUSTIMIZSE */
.site-content a:visited, .site-content a {
    color: #db061f;
}

.entry-content h2 {
    font-size: 28px;
}

.entry-content h3 {
    font-size: 24px;
}

/* custome css 19/06/2026 */
.wpb_single_image.vc_align_left{
	margin-right: -150px !important;
}

.cust_margin_img .vc_row{box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);}
.eyebrow-text {
  text-transform: uppercase;
  color: #1a4d8f;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 4px;
}

.heading-accent {
  display: flex;
  margin: 10px 0 20px;
}
.heading-accent .bar-green {
  width: 60px !important;
  height: 3px;
  background: #7cb342;
  margin-right: 5px;
}
.heading-accent .bar-gray {
  width: 17px !important;
  height: 3px;
  background: #cccccc;
}

#ai-top .t-cta{
	padding-right:0px !important;
}
.cust_title_h2{
	font-weight: 600 !important;
    font-size: 45px !important;
    line-height: 50px;
}
.cust_title_h4{
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 15px;
/*     line-height: 25px; */
/*     color: #06163a; */
}
.wpb_content_element {
    margin-bottom: 20px;
}

.cust_padding {
/*     margin-top: -100px !important; */
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.cust_bg_color1{
	background:#ffcb05;
}
#site-footer .fas{
	font-size:50px !important;
	margin-bottom:35px !important;
}
#site-footer .footer-contact-info{
	padding:60px 30px !important;
}
.footer-contact-info .footer-info-box span{
	font-size: 25px !important;
	font-weight:400 !important;
}
.footer-contact-info .footer-info-box span small{
	font-size:15px !important;
}

#ai-navbox>ul>li:after
	{
        content: "";
        position: absolute;
        height: 20px;
        width: 1px;
        right: 0px;
        top: 50%;
        -khtml-transform: translateX(0%) translateY(-50%);
        -moz-transform: translateX(0%) translateY(-50%);
        -ms-transform: translateX(0%) translateY(-50%);
        -o-transform: translateX(0%) translateY(-50%);
        transform: translateX(0%) translateY(-50%);
        background-color: rgba(51, 51, 51, 0.07);
        display: inline-block;
    
}
/* .home_anand1 {
    margin:100px 0px 0px 0px !important
	
} */
.home_anand1 .vc_row{
	background:#fff;
	padding:0px 30px;
}
.cust_heading1 {

    font-size: 45px !important;
    font-style: normal;
    line-height: 50px !important;
    font-weight: 300 !important;
}

.line1 .cust_heading1:after {
		content: "";
    right: 7px;
    background: #cbcbcb;
    height: 100% !important;
    position: absolute;
    top: 5%;
    width: 1px;
    border-right-width: 1px;
}
.service-box{
	background:#fff;
	box-shadow:0 0 11px 0 rgba(6,22,58,.14);
} 
.content-box{
	padding: 25px;
}
.content-box h5 {
    font-size: 21px !important;
    line-height: 28px !important;
    margin-bottom: 10px;
    color: #1c1c1c !important;
    font-weight: 600 !important;
}
.service-box .link-box::after{
    content:"\2192";
    font-family:"flaticon";
	margin-left:10px;
    display:inline-block;
    position:absolute;
}
.box_spacing .vc_column_container>.vc_column-inner {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
		padding-bottom: 10px;
}
.box_spacing .container{
	background:#fff;
	padding:0px 20px !important;
}
.vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-front {
	border-radius:0px;
}
.vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-back{
	border-radius:0px;
}
.main-footer, .footer-bottom{
	display:none !important;
}
#display_none{
	display:none !important;
}


@media(max-width:767px){
.choose_us_pera {
    width: 100% !important;
}
}

@media(max-width:1200px){
.page-id-172 .home_anand1 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
}

@media(max-width:1024px){
.cust_title_h2
 { line-height: 50px !important;
}
}

body #ai-navbox>ul>li>.sub-menu>li>a {
    padding: 6px 20px !important;
}