body {
  background-color: #2c3e50 !important;
  background-image: url("https://www.transparenttextures.com/patterns/random-grey-variations.png");
  padding: 20px 0; }

.container {
  background-color: #FFFFFF;
  margin: 50px auto;
  max-width: 1200px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  border-radius: 8px; }

.skills {
  font-style: italic;
  color: #495057;
  font-size: 16px;
  background-color: #f8f9fa;
  padding: 12px 18px;
  border-radius: 6px;
  margin-top: 10px;
  line-height: 1.6; }

.row.header.bg-gray {
  padding-top: 35px; }

.row.career-section.section.section-border {
  padding-bottom: 0; }

@media print {
  html, body {
    margin: 0;
    padding: 0;
    height: 100%; }

  @page {
    margin: 0;
    /* Set the margin to zero or adjust as needed */ }
  .container {
    margin: 0;
    padding: 10px;
    /* Adjust padding as needed */
    width: 100%; }

  .header, .footer {
    margin: 0;
    padding: 0; }

  .section {
    page-break-inside: avoid;
    margin: 0;
    padding: 0; }

  .pagebreak {
    page-break-before: always; } }
@media print {
  .pagebreak {
    padding-top: 50px;
    page-break-before: always; }

  /* page-break-after works, as well */ }
.image_logo {
  max-height: 50px;
  max-width: 50px;
  margin-right: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

.header {
  padding: 40px 50px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 8px 8px 0 0; }
  .header h1.name {
    color: white; }
  .header .profession {
    color: rgba(255, 255, 255, 0.9); }
  .header a {
    color: white;
    text-decoration: none; }
    .header a:hover {
      text-decoration: underline; }
  .header .col-xs-5 {
    text-align: right; }
    .header .col-xs-5 ul {
      display: inline-block;
      text-align: left; }

.bg-gray {
  background-color: #f8f9fa; }

.section {
  padding: 30px 50px; }
  .section h2 {
    color: #667eea;
    margin-bottom: 20px; }
  .section .jd {
    padding: 25px 0;
    transition: background-color 0.3s ease;
    overflow: hidden; }
    .section .jd:hover {
      background-color: #f8f9fa;
      border-radius: 8px;
      padding: 25px 15px;
      margin: 0 -15px; }
    .section .jd .company-info {
      display: flex;
      align-items: center; }
      .section .jd .company-info .image_logo {
        flex-shrink: 0; }
      .section .jd .company-info .company-details {
        flex: 1;
        min-width: 0; }
        .section .jd .company-info .company-details div {
          white-space: nowrap;
          overflow: visible; }

.section-border {
  border-top: 2px solid #e9ecef; }
  .section-border .jd {
    border-bottom: 1px solid #e9ecef; }
  .section-border .jd:last-child {
    border-bottom: none; }

.progress {
  height: 8px !important;
  margin-bottom: 10px !important; }

.name {
  font-size: 48px;
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: -0.5px; }

.profession {
  font-family: 'Roboto Slab';
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 0.5px; }

@media print {
  @page {
    size: auto;
    /* auto is the initial value */
    margin: 0; }
  body {
    margin: 0; } }
header, footer {
  display: none; }

.container {
  font-size: 18px;
  margin-top: 10px; }

.side-project {
  padding-bottom: 20px; }
  .side-project :last-child {
    padding-bottom: 0; }

.tag_hidden {
  font-size: 1px;
  color: white; }

h1, h2 {
  font-family: 'Archivo Black' !important; }

h4 {
  color: #495057;
  margin-top: 15px;
  font-weight: 600; }

a {
  color: #667eea;
  transition: color 0.3s ease; }
  a:hover {
    color: #764ba2;
    text-decoration: none; }

ul {
  line-height: 1.8; }

p {
  line-height: 1.7;
  color: #495057; }

.techSkillHeader {
  text-align: center; }

.summary_first {
  padding-bottom: 2px; }

@media print and (-webkit-min-device-pixel-ratio: 0) {
  .tag_hidden {
    position: absolute;
    color: #fff !important;
    -webkit-print-color-adjust: exact; } }
@media print {
  a[href]:after {
    content: none !important; }

  a:any-link {
    color: blue !important;
    -webkit-print-color-adjust: exact; }

  .pagebreakishere {
    padding-top: 80px; }

  .row.header .name {
    margin-top: 0; }

  .container {
    width: 1600px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px; }

  .container .row {
    padding-left: 15px;
    padding-right: 15px; }

  /* Standardize all content columns in print */
  .section .col-xs-9 {
    width: 75%;
    float: right;
    padding-right: 80px; }

  .section .col-xs-3 {
    width: 20%;
    padding-left: 40px; }

  .row.career-section {
    padding-left: 15px;
    padding-right: 15px; }

  .skills {
    font-size: 18px; }

  .image_logo:first-child {
    max-width: 50px;
    max-height: 50px;
    display: inline-block;
    vertical-align: middle; }

  .image_logo {
    max-width: 50px;
    max-height: 50px;
    display: inline-block;
    vertical-align: middle; }

  .progress {
    background-color: #F5F5F5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important; }

  .progress-bar-success {
    display: block !important;
    background-color: #5BC0DE !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important; }

  .progress,
  .progress > .progress-bar {
    display: block !important;
    -webkit-print-color-adjust: exact !important;
    box-shadow: inset 0 0 !important;
    -webkit-box-shadow: inset 0 0 !important; }

  .fa-file-pdf-o {
    display: none; }

  .header ul li a[href*="cv.pdf"] {
    display: none; } }