@charset "utf-8";
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

/* ===== QUOTE FORM LAYOUT FIXES ===== */

/* Remove the watermark background image from html */
html {
    background-image: none !important;
    background: #fff !important;
}

/* Fix the header wrapper */
#Header_wrapper {
    background-image: none !important;
    background-color: #000119 !important;
}

/* ===== LOGO FIXES - Show only one logo ===== */
#Top_bar .logo img.logo-sticky,
#Top_bar .logo img.logo-mobile,
#Top_bar .logo img.logo-mobile-sticky {
    display: none !important;
}

#Top_bar .logo img.logo-main {
    display: inline-block !important;
    max-height: 60px !important;
    width: auto !important;
}

#Top_bar .logo {
    float: left !important;
    margin-right: 20px !important;
}

#Top_bar #logo {
    height: 70px !important;
    line-height: 70px !important;
    padding: 5px 0 !important;
}

/* ===== HORIZONTAL MENU FIXES ===== */
#Top_bar #menu {
    display: block !important;
    position: static !important;
    width: auto !important;
    float: left !important;
    background: transparent !important;
}

#Top_bar #menu > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Top_bar #menu > ul > li {
    display: inline-block !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Top_bar #menu > ul > li > a {
    display: inline-block !important;
    padding: 20px 12px !important;
    color: #444 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

#Top_bar #menu > ul > li > a:hover {
    color: #00ADEF !important;
}

#Top_bar #menu > ul > li > a span {
    display: inline !important;
    line-height: inherit !important;
    border: none !important;
}

/* Hide responsive menu toggle on desktop */
#Top_bar a.responsive-menu-toggle {
    display: none !important;
}

/* Hide the phone banner */
#Top_bar .banner_wrapper {
    display: none !important;
}

/* Fix search wrapper */
#Top_bar .search_wrapper {
    display: none !important;
}

/* Fix the top bar layout */
#Top_bar {
    background: #fff !important;
    position: relative !important;
}

#Top_bar .top_bar_left {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#Top_bar .top_bar_right {
    display: none !important;
}

#Top_bar .menu_wrapper {
    float: none !important;
    flex: 1 !important;
}

#Top_bar .container {
    max-width: 100% !important;
    width: 100% !important;
}

#Top_bar .column.one {
    width: 100% !important;
}

/* Make the header more compact */
#Header {
    position: relative !important;
    z-index: 100 !important;
    background: #fff !important;
}

#Header .header_placeholder {
    display: none !important;
}

/* Ensure the main content doesn't overlap with header */
#Content {
    position: relative !important;
    z-index: 1 !important;
    background: #fff !important;
}

/* Clear floats properly */
#Content::before,
#Content::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Fix the subheader */
#Subheader {
    background-color: #000119 !important;
    background-image: none !important;
    position: relative !important;
    z-index: 50 !important;
    padding: 10px 0 !important;
    margin-bottom: 0 !important;
}

#Subheader .title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

#Subheader .container {
    padding: 0 20px !important;
}

/* ===== REDUCE SPACING BETWEEN SECTIONS ===== */
/* Remove gap between subheader and content */
#Content {
    padding-top: 5px !important;
    margin-top: 0 !important;
}

#Content .content_wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#Content .sections_group {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#Content .section {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 20px !important;
}

#Content .section:first-child {
    padding-top: 0 !important;
}

#Content .vc_row {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

#Content .vc_row + .vc_row {
    margin-top: 0 !important;
}

#Content .wpb_column {
    margin-bottom: 0 !important;
}

/* Reduce padding in column inner */
#Content .vc_column-inner {
    padding: 1px !important;
}

/* Reduce gaps between form elements */
#Content h2 {
    margin-bottom: 3px !important;
    margin-top: 5px !important;
}

#Content h3 {
    margin-bottom: 2px !important;
    margin-top: 3px !important;
}

#Content p {
    margin-bottom: 2px !important;
    margin-top: 0 !important;
    line-height: 1.4 !important;
}

#Content .wpb_text_column {
    margin-bottom: 2px !important;
}

/* First paragraph after heading - no top margin */
#Content h2 + p,
#Content h3 + p,
#Content .wpb_text_column:first-child p {
    margin-top: 0 !important;
}

/* Reduce spacing in the_content_wrapper */
#Content .the_content_wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

/* Reduce entry-content spacing */
#Content .entry-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== BUTTON STYLING ===== */
#Content input[type="submit"],
#Content input[type="reset"],
#Content input[type="button"] {
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    min-width: 120px !important;
}

#Content input[type="submit"]#submit {
    background-color: #00ADEF !important;
    color: #fff !important;
    padding: 15px 40px !important;
    font-size: 18px !important;
}

#Content input[type="submit"]#submit:hover {
    background-color: #0095cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 173, 239, 0.4) !important;
}

#Content input[type="reset"]#reset {
    background-color: #6c757d !important;
    color: #fff !important;
    padding: 15px 40px !important;
    font-size: 18px !important;
}

#Content input[type="reset"]#reset:hover {
    background-color: #5a6268 !important;
}

#Content input[type="button"]#refresh {
    background-color: #28a745 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

#Content input[type="button"]#refresh:hover {
    background-color: #218838 !important;
}

/* Captcha input styling */
#Content input#mainCaptcha {
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    background: #f0f0f0 !important;
    border: 2px solid #ddd !important;
    border-radius: 5px !important;
    padding: 8px !important;
}

#Content input#txtCaptcha {
    border: 2px solid #ddd !important;
    border-radius: 5px !important;
    padding: 8px !important;
}

/* ===== BOTTOM SECTION ALIGNMENT ===== */
/* Better alignment for the captcha and button row */
#Content .vc_row:last-of-type,
#Content form .vc_row:nth-last-child(-n+3) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 15px !important;
    padding: 15px 0 !important;
}

/* Center the bottom buttons */
#Content input[type="submit"],
#Content input[type="reset"] {
    display: inline-block !important;
    margin: 5px !important;
}
#warpper_main { height: auto; width: 940px; position: relative; float: left; }
#info { height: auto; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
#select_your_bag_quantity { height: auto; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
#select_paper_grades { height: 375px; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
#printing_laminating_capabilites { height: 450px; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
#finishing { height: 250px; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
#contact_details { height: 710px; width: 940px; position: relative; float: left; background-image: url(../images/background.png); background-repeat: repeat-y; }
.heading_1 { background-image: url(../images/select_your_bag_quantity.png); background-repeat: no-repeat; height: 81px; width: 940px; position: relative; float: left; }
.blk_1 { float: left; position: relative; height: 254px; width: 120px; margin-left: 40px; }
.blk_2 { float: left; position: relative; height: 254px; width: 120px; margin-left: 20px; }
.icon { height: 127px; width: 100px; position: relative; margin-left: 10px; margin-top: 10px; margin-right: 10px; }
.bag_info { height: 50px; width: 100px; position: relative; margin-left: 10px; margin-top: 5px; float: left; }
.qty_box { float: left; height: 25px; width: 100px; position: relative; margin-left: 10px; padding-top: 10px; }
.heading_2 { float: left; height: 84px; width: 940px; position: relative; background-image: url(../images/select_paper_grades.png); background-repeat: no-repeat; }
.local_grades { float: left; height: 160px; width: 880px; position: relative; margin-left: 20px; padding-left: 20px; font-weight: bold; }
.imported_grades { float: left; height: 90px; width: 880px; position: relative; margin-left: 20px; padding-left: 20px; font-weight: bold; }
.heading_3 { background-image: url(../images/printing_laminating_capabilites.png); background-repeat: no-repeat; float: left; height: 84px; width: 940px; position: relative; }
.printing_laminating_1 { float: left; height: 70px; width: 880px; position: relative; margin-left: 20px; padding-left: 20px; font-weight: bold; }
.printing_size { float: left; height: 205px; width: 900px; position: relative; font-weight: bold; margin-left: 20px; }
.seperater { background-image: url(../images/seperate.jpg); background-repeat: no-repeat; float: left; height: 17px; width: 900px; margin-left: 20px; position: relative; }
.finishing { background-image: url(../images/finishing.png); background-repeat: no-repeat; float: left; height: 86px; width: 940px; position: relative; }
.heading_4 { background-image: url(../images/contact_details.png); background-repeat: no-repeat; float: left; height: 86px; width: 940px; position: relative; }
.heading_5 { background-image: url(../images/select_handle_type.jpg); background-repeat: no-repeat; float: left; height: 84px; width: 940px; position: relative; }
.contact_info { float: left; height: 600px; width: 600px; position: relative; margin-left: 150px; font-weight: bold; }
.help_block { background-image: url(../images/background.png); background-repeat: repeat-y; float: left; height: auto; width: 940px; }
.blk_ink_1 { float: left; position: relative; height: 200px; width: 120px; margin-left: 10px; }
.blk_finishing_1 { float: left; position: relative; height: 160px; width: 275px; margin-left: 40px; }
.blk_finishing_11 { float: left; position: relative; height: 160px; width: 270px; margin-left: 20px; }
.finishing_info { height: 120px; width: 150px; position: relative; margin-left: 10px; margin-top: 10px; float: left; }
.finishing_icon { height: 127px; width: 100px; position: relative; margin-left: 10px; margin-top: 10px; float: left; }
.handle_info { float: left; height: 200px; width: 890px; position: relative; padding-left: 30px; padding-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

/* WordPress Visual Composer compatibility styles */
/* Center and constrain the main content area */
/* Target the Wrapper first */
#Wrapper {
    width: 100% !important;
    margin: 0 auto !important;
}

#Content {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

#Content .content_wrapper {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/* Ensure the wrapper div is centered */
#Wrapper #Content .content_wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

#Content .sections_group {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

#Content .wpb_column {
    margin-bottom: 20px;
}

#Content .vc_column-inner {
    padding: 0;
}

#Content .wpb_wrapper {
    width: 100%;
}

#Content form {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#Content .wpb_text_column {
    width: 100%;
}

#Content .wpb_single_image {
    width: 100%;
}

#Content .wpb_single_image img {
    max-width: 100%;
    height: auto;
}

/* Fix for form input fields */
#Content input[type="text"],
#Content input[type="email"],
#Content input[type="tel"],
#Content textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px;
    margin: 5px 0;
}

/* Fix for invalid column class */
#Content .vc_col-sm-2-test {
    width: 16.66666667% !important;
    float: left !important;
    box-sizing: border-box !important;
}

/* ===== FIX COLUMN LAYOUT - 6 PER ROW ===== */
/* Reset all column containers to proper box-sizing */
#Content .wpb_column.vc_column_container {
    box-sizing: border-box !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin: 0 !important;
}

/* Ensure VC rows use proper width and clear floats */
#Content .vc_row,
#Content .vc_row-fluid {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    overflow: hidden !important;
}

#Content .vc_row::after,
#Content .vc_row-fluid::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Fix all vc_col-sm-2 columns to exactly 16.66% width */
#Content .vc_col-sm-2,
#Content .wpb_column.vc_col-sm-2 {
    width: 16.6666% !important;
    float: left !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    margin: 0 !important;
}

/* Fix column inner to have minimal padding */
#Content .vc_col-sm-2 .vc_column-inner,
#Content .wpb_column.vc_col-sm-2 .vc_column-inner {
    padding: 2px !important;
    margin: 0 !important;
}

/* Clear floats to prevent layout issues */
#Content .section_wrapper::after,
#Content .the_content_wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive fixes */
@media screen and (max-width: 768px) {
    /* Header responsive */
    #Top_bar .top_bar_left {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    #Top_bar .logo {
        margin-bottom: 10px !important;
    }
    
    #Top_bar #menu > ul {
        flex-direction: column !important;
    }
    
    #Top_bar #menu > ul > li > a {
        padding: 10px 0 !important;
    }
    
    /* Content responsive */
    #Content .wpb_column {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    #Content .vc_col-sm-2,
    #Content .vc_col-sm-2-test,
    #Content .vc_col-sm-6,
    #Content .vc_col-sm-10,
    #Content .vc_col-sm-12 {
        width: 100% !important;
    }
    
    #Content .section {
        padding: 10px !important;
    }
}

/* Container width fix for form content */
#Content .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Center the entry content */
#Content .entry-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* Center the form wrapper */
#Content .section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
}

#Content .section_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Center Visual Composer rows */
#Content .vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

#Content .vc_row-fluid {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#Content .the_content_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Additional centering for form elements */
#Content form#form1 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

/* Center align text in form sections */
#Content .wpb_text_column p {
    text-align: left;
}

/* Ensure images are centered within their containers */
#Content .wpb_single_image {
    text-align: center;
}

#Content .vc_single_image-wrapper {
    margin: 0 auto;
    display: inline-block;
}

/* Fix for info block alignment */
#Content .info_blk_left_top {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* ===== ADDITIONAL LAYOUT FIXES FOR OVERLAPPING ===== */

/* Fix Visual Composer rows to prevent overlapping */
#Content .vc_row {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}

#Content .vc_row::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Fix column containers */
#Content .vc_column_container {
    display: block !important;
    position: relative !important;
    float: left !important;
    box-sizing: border-box !important;
}

/* Ensure inner content doesn't overflow */
#Content .vc_column-inner {
    position: relative !important;
    box-sizing: border-box !important;
    padding: 10px !important;
}

/* Fix wpb_wrapper to contain content properly */
#Content .wpb_wrapper {
    position: relative !important;
    overflow: visible !important;
}

/* Prevent sections from overlapping */
#Content .section {
    clear: both !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Fix text columns */
#Content .wpb_text_column {
    overflow: visible !important;
    position: relative !important;
}

/* Ensure all form sections have proper spacing */
#Content .vc_row + .vc_row {
    margin-top: 0 !important;
}

/* Fix the content wrapper */
.the_content_wrapper {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Fix image positioning */
#Content .wpb_single_image img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Ensure proper stacking of elements */
#Content .section.the_content {
    z-index: 1 !important;
}

/* Fix specific column widths based on VC classes */
#Content .vc_col-sm-6,
#Content .wpb_column.vc_col-sm-6 {
    width: 50% !important;
    float: left !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    margin: 0 !important;
}

#Content .vc_col-sm-10,
#Content .wpb_column.vc_col-sm-10 {
    width: 83.33333333% !important;
    float: left !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    margin: 0 !important;
}

#Content .vc_col-sm-12,
#Content .wpb_column.vc_col-sm-12 {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    margin: 0 !important;
    clear: both !important;
}

#Content .vc_col-sm-3,
#Content .wpb_column.vc_col-sm-3 {
    width: 25% !important;
    float: left !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    margin: 0 !important;
}

#Content .vc_col-sm-12 {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Fix header area positioning to prevent overlap */
#Header_wrapper {
    position: relative !important;
    z-index: 1000 !important;
}

#Header {
    position: relative !important;
}

#Top_bar {
    position: relative !important;
}

/* Prevent logo from repeating */
#Top_bar .logo img {
    max-height: 80px !important;
}

/* Fix the form sections */
#form1 .section,
#form1 .vc_row {
    clear: both !important;
    position: relative !important;
}

/* Ensure proper text visibility */
#Content p,
#Content h1,
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6,
#Content span,
#Content label {
    position: relative !important;
    z-index: 1 !important;
}