/********* Compiled - Do not edit *********/
:root{--color-primary:#f13c46;--color-gradient-start:#df2b2b;--color-gradient-stop:#e4442a;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Arial, Helvetica, sans-serif;font-weight:400;line-height:1.7em;font-size:14px;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:52px;color:#181b31;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#181b31;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:32px;color:#181b31;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:25px;color:#181b31;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#181b31;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:18px;color:#181b31;}.titlebar-inner h1{}.titlebar-inner p{}.titlebar{background-image:url( ../2022/03/JD8_1730.jpg);}@media screen and (min-width: 1200px) {
.is-stuck {
    box-shadow: 0 2px 58px rgba(0, 0, 0, 0.17) !important;
} }

.is-stuck .navbar-brand {
     padding-top: 2px; 
     padding-bottom: 2px; 
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

#tabs-outer.inner #nav-tab a {
    padding: 22px !important; 
}

.tab-stlye01 .nav-link {
 
    display: flex !important;
}

.logo-default{height:120px;}

.fade {
    opacity: 1;}
    
    .sprite {
    display: inline-block;
    width: 24px; /* Icon width */
    height: 24px; /* Icon height */
    background-image: url('../2025/01/pdf.png'); /* Path to sprite image */
   
}

/* Specific background position for PDF icon */
.sprite.pdf {
    background-position: 0 0; /* Adjust based on the PDF icon position */
}

/* Example: Other icons in the same sprite */
.sprite.word {
    background-position: -24px 0; /* Adjust for Word icon */
}

.sprite.excel {
    background-position: -48px 0; /* Adjust for Excel icon */
}


.box {
    width: 300px; /* Fixed width for the box */
    height: 200px; /* Fixed height for the box */
    background: red; /* Red background */
    color: white; /* White text color */
    text-align: center; /* Center-align text horizontally */
    padding: 20px; /* Padding inside the box */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
    border-radius: 10px; /* Rounded corners */
    display: flex; /* Flexbox for vertical alignment */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    font-family: 'Arial', sans-serif; /* Clean font style */
    font-size: 18px; /* Font size */
    margin-left:10px;
    line-height: 1.5; /* Line height for better readability */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
  }

  .box:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
  }