.elementor-12333 .elementor-element.elementor-element-6e0c66c{--display:flex;--min-height:253px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.39;}.elementor-12333 .elementor-element.elementor-element-6e0c66c:not(.elementor-motion-effects-element-type-background), .elementor-12333 .elementor-element.elementor-element-6e0c66c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://qu.edu.pk/wp-content/uploads/2024/07/5.webp");background-position:center center;background-size:cover;}.elementor-12333 .elementor-element.elementor-element-6e0c66c::before, .elementor-12333 .elementor-element.elementor-element-6e0c66c > .elementor-background-video-container::before, .elementor-12333 .elementor-element.elementor-element-6e0c66c > .e-con-inner > .elementor-background-video-container::before, .elementor-12333 .elementor-element.elementor-element-6e0c66c > .elementor-background-slideshow::before, .elementor-12333 .elementor-element.elementor-element-6e0c66c > .e-con-inner > .elementor-background-slideshow::before, .elementor-12333 .elementor-element.elementor-element-6e0c66c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-791a50c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:61px;font-weight:600;color:#FFFFFF;}.elementor-12333 .elementor-element.elementor-element-acfee7a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12333 .elementor-element.elementor-element-14af31b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12333 .elementor-element.elementor-element-14af31b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );font-weight:700;}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-divider{width:100px;background:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;color:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;color:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-divider, .elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-border-divider::before{height:4px;}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-divider:before{background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-a560967 .elementskit-section-title-wraper .elementskit-border-star:after{background-color:var( --e-global-color-primary );}.elementor-12333 .elementor-element.elementor-element-2bf81b2{--display:flex;--min-height:560px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12333 .elementor-element.elementor-element-0569ffb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-12333 .elementor-element.elementor-element-cc6d72d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12333 .elementor-element.elementor-element-9ae76ea{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-12333 .elementor-element.elementor-element-9ae76ea > .elementor-widget-container{margin:-3% 0% 0% 1%;}.elementor-12333 .elementor-element.elementor-element-9ae76ea .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );font-weight:700;}.elementor-12333 .elementor-element.elementor-element-9ae76ea .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-12333 .elementor-element.elementor-element-9ae76ea .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}@media(min-width:768px){.elementor-12333 .elementor-element.elementor-element-14af31b{--width:51%;}.elementor-12333 .elementor-element.elementor-element-2bf81b2{--width:50%;}.elementor-12333 .elementor-element.elementor-element-cc6d72d{--width:99%;}}/* Start custom CSS for elementskit-heading, class: .elementor-element-9ae76ea *//* General styling for the table */
#dpt_table {
  width: 100%;
  border-collapse: collapse;
}

#dpt_table td {
  padding: 8px;
  text-align: center;
  border: 1px solid #ddd;
}

/* Responsive design for smaller screens (e.g., mobile devices) */
@media (max-width: 600px) {
  #dpt_table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  #dpt_table tbody tr {
    display: flex;
    flex-direction: column;
  }

  #dpt_table tbody tr td:first-child {
    font-weight: bold;
    text-align: left;
  }

  #dpt_table tbody tr td:not(:first-child) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  #dpt_table tbody tr td:not(:first-child)::before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 10px;
  }
}/* End custom CSS */