/* ==========================================================================
   TABLE OF CONTENTS
   ==========================================================================

   1. Global Reset & Base Styles
   2. Typography
   3. Links & Inline Elements
   4. Layout Containers
   5. Spacing & Sizing Utilities
   6. Color & Theme Utilities

   7. Buttons & Interactive Controls
   8. Icons & Social Elements
   9. Forms & Inputs
   10. Progress & Indicators

   11. Header & Navigation
   12. Promo / Hero Blocks
   13. Services & Feature Cards
   14. Work / Portfolio Components
   15. Footer & Back-to-Top

   16. Responsive Overrides & Hotfixes
   ========================================================================== */

:root {
    /* Fonts */
    --font-primary: 'Hind', sans-serif;

    /* Colors */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-link: #1f7a3a;
    --color-accent: #d4af37;
    --color-border-light: #e5e5e5;
    --color-border-subtle: #edf0f2;

    /* Typography */
    --text-xs: 13px;
    --text-sm: 14px;
    --text-base: 15px;
    --text-md: 16px;
    --text-lg: 22px;
    --text-xl: 30px;
    --text-xxl: 40px;

    /* Animation / Transition */
    --ease-standard: cubic-bezier(.7,1,.7,1);
    --transition-fast: .3s;
    --transition-medium: .4s;
    --transition-slow: 2s;
}

/* ==================================================
   1. Global Reset & Document Defaults
   ================================================== */
html{overflow-x:hidden}
body,html,html a{-webkit-font-smoothing:antialiased}
::selection{color:#fff;background:#d4af37;text-shadow:none}
::-webkit-selection{color:#fff;background:#d4af37;text-shadow:none}
::-moz-selection{color:#fff;background:#d4af37;text-shadow:none}

/* ==================================================
   2. Typography System
   ================================================== */


/* ==================================================
   3. Links & Inline Elements
   ================================================== */


/* ==================================================
   4. Layout Containers
   ================================================== */


/* ==================================================
   5. Spacing & Sizing Utilities
   ================================================== */


/* ==================================================
   6. Color & Theme Utilities
   ================================================== */


/* ==================================================
   7. Buttons & Interactive Controls
   ================================================== */


/* ==================================================
   8. Icons & Social Elements
   ================================================== */


/* ==================================================
   9. Forms & Inputs
   ================================================== */


/* ==================================================
   10. Progress & Indicators
   ================================================== */


/* ==================================================
   11. Header & Navigation
   ================================================== */


/* ==================================================
   12. Promo / Hero Blocks
   ================================================== */


/* ==================================================
   13. Services & Feature Cards
   ================================================== */


/* ==================================================
   14. Work / Portfolio Components
   ================================================== */


/* ==================================================
   15. Footer & Back-to-Top
   ================================================== */



.link,body{position:relative;font-family:Hind,sans-serif}
.btn-theme,p{line-height:1.4}
.btn-theme
.active
.focus,
.btn-theme
.active:focus,
.btn-theme
.focus,
.btn-theme:active
.focus,
.btn-theme:active:focus,
.btn-theme:focus,:active,:focus,a,a:active,a:focus,a:hover{outline:0}
.btn-theme:hover,
.progress-box 
.progress-bar{transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header 
.nav-item-child,
.link,a,body,em,h1,h2,h3,h4,h5,h6,li,li a,p,span{font-family:Hind,sans-serif}
.header 
.nav-item-hover:after,
.link:after,
.work 
.work-overlay:before{content:" "}
.back-to-top,
.header 
.nav-item-child,
.link{text-transform:uppercase}
.back-to-top:focus,
.back-to-top:hover,
.btn-theme
.focus,
.btn-theme:focus,
.btn-theme:hover,
.content-wrapper-link,
.header 
.logo-wrap:focus,
.header 
.logo-wrap:hover,a:active,a:focus,a:hover,h1>a:focus,h2>a:focus,h3>a:focus,h4>a:focus,h5>a:focus,h6>a:focus{text-decoration:none}
.container-full-width:after,
.container-sm:after{clear:both}html{overflow-x:hidden}body,html,html a{-webkit-font-smoothing:antialiased}p{font-size:15px;font-weight:400;color:#000000;margin-bottom:15px}em,li,li a{font-size:16px;font-weight:500;color:#000000}a{color:#1f7a3a}a:active,a:focus,a:hover{color:#d4af37}
.link{font-size:13px;font-weight:600}
.back-to-top,
.form-control,span{font-weight:400}
.link:after{position:absolute;top:8px;right:-15px;width:9px;height:2px;background:#d4af37}span{font-size:14px;color:#000000}h1,h2,h3,h4,h5,h6{font-weight:700;color:#000000;line-height:1.4;margin:0 0 15px}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:#000000}h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{color:#d4af37;text-decoration:none}h1{font-size:40px}h2{font-size:30px}h3,h4{font-size:22px}::selection{color:#fff;background:#d4af37;text-shadow:none}::-webkit-selection{color:#fff;background:#d4af37;text-shadow:none}::-moz-selection{color:#fff;background:#d4af37;text-shadow:none}
.section-seperator{border-bottom:1px solid #edf0f2}
.content-wrapper-link{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:3}

.btn-icon,

.btn-theme,
.work{position:relative}
.btn-theme,
.social-icons{display:inline-block;vertical-align:middle;text-align:center}
.btn-theme{background-image:none;border-style:solid;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn-theme:hover{transition-duration:.3s}
.btn-theme

.active,

.btn-theme:active{background-image:none;outline:0}
.btn-theme

.disabled,

.btn-theme[disabled],fieldset[disabled] 
.btn-theme{cursor:not-allowed;box-shadow:none;opacity:.65;pointer-events:none}
.btn-icon{top:1px;margin-right:10px}
.btn-white-bg{color:#000000;background:#fff;border-color:transparent;border-width:0}
.btn-white-bg

.focus,

.btn-white-bg:focus,
.btn-white-bg:hover{color:#fff;background:#d4af37;border-color:transparent}
.btn-white-brd{color:#fff;background:0 0;border-color:#fff;border-width:2px}
.btn-white-brd.focus,
.btn-white-brd:focus,
.btn-white-brd:hover{color:#000000;background:#fff;border-color:#fff}
.btn-default-bg{color:#000000;background:#fff;border-color:transparent;border-width:0}
.btn-default-bg

.focus,

.btn-default-bg:focus,
.btn-default-bg:hover{color:#fff;background:#d4af37;border-color:transparent}
.btn-theme-sm{font-size:13px;font-weight:600;padding:15px 40px}
.btn-theme-md{font-size:15px;font-weight:600;padding:20px 30px}

.progress-box 
.progress{box-shadow:none;height:3px}
.progress-box 
.progress-bar{transition-duration:2s}
.social-icons{width:40px;height:40px;font-size:16px;color:#fff;border-radius:50%;padding:11px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.work 
.work-overlay:before,
.work 
.work-popup-overlay{top:0;width:100%;height:100%;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s;left:0}
.social-icons:hover{color:#000000;background:#fff;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.promo-block{padding:220px 0 130px}
.promo-block 
.promo-block-title{font-size:70px;color:#fff;line-height:1}@media (max-width:480px){.promo-block .promo-block-title{font-size:50px}}
.promo-block 
.promo-block-text{font-size:25px;color:#fff}
.promo-block 
.promo-block-divider{border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:20px;margin-bottom:35px}

.service{background:#fff;padding:30px}
.service 
.service-element,
.service 
.service 
.service-icon{display:block;font-size:30px;color:#d4af37;margin-bottom:30px}
.service:hover 
.service:hover 

.work{display:block}
.work 
.work-overlay{position:relative;cursor:pointer}
.work 
.work-overlay:before{position:absolute;background:0 0}
.work:hover 
.work-overlay:before{background:rgba(0,0,0,0.55);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work 
.work-popup-overlay{position:fixed;right:0;z-index:99999;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-x:hidden;background:rgba(0,0,0,0.6)}
.work 
.work-popup-overlay-show{opacity:1;visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work 
.work-popup-content{position:absolute;top:50%;left:0;right:0;width:730px;height:auto;display:block;background:#fff;padding:30px;margin:0 auto;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.header 
.logo-img,
.header 
.logo-img-main,
.header 
.logo-wrap{display:inline-block}
.work 
.work-popup-content-divider{border-right:1px solid #e5e5e5}

@media (max-width:768px){
   .work 
   .work-popup-content{width:95%}
   .work 
   .work-popup-content-divider{border-right:none;border-bottom:1px solid #e5e5e5}}
   .work 
   .work-popup-close{float:right;font-size:13px;font-weight:700;color:#c5c6cb;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .work 
   .work-popup-close:hover{color:#aaacb3;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .work 
   .work-popup-tag{margin:0}
   .work 
   .work-popup-tag-item{padding:0 2px}
   .work 
   .work-popup-tag-link{font-size:13px}
   .footer 
   .footer-logo{width:64px;height:auto}
   .navbar-fixed-top 
   .navbar-collapse{max-height:100%}
   .header 
   .navbar{margin-bottom:0;border-bottom:1px solid #e5e5e5;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle{width:25px;height:25px;border:none;padding:0;margin:35px 0}
   .header 
   .navbar-toggle 
   .toggle-icon{position:relative;width:21px;height:1px;display:inline-block;background:#000000;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle 
   .toggle-icon:after,
   .header 
   .navbar-toggle 
   .toggle-icon:before{position:absolute;left:0;background:#000000;content:" "}
   .header 
   .navbar-toggle 
   .toggle-icon:before{width:10px;height:1px;bottom:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle 
   .toggle-icon:after{width:16px;height:1px;top:-5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle:hover 
   .toggle-icon{background:#d4af37;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle:hover 
   .toggle-icon:after,
   .header 
   .navbar-toggle:hover 
   .toggle-icon:before{width:21px;height:1px;background:#d4af37;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .logo-img-active,
   .header 
   .logo-img-main,
   .header 
   .nav-item.active 
   .nav-item-hover:after,
   .header 
   .nav-item:hover 
   .nav-item-hover:after{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .navbar-toggle:hover 
   .toggle-icon
   .is-clicked{background:rgba(0,0,0,0)}
   .header 
   .logo{width:100px;height:100px;float:left;max-height:95px;line-height:65px}
   .header 
   .logo-wrap{padding:15px 0}
   .header 
   .logo-img{width:64px;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
   .header 
   .logo-img-active{display:none}
   .header 
   .nav-item,
   .header 
   .nav-item-child{display:block;position:relative}
   .header 
   .navbar-nav{padding-left:0;margin-bottom:0;list-style:none}
   .header 
   .nav-item:last-child 
   .nav-item-child{padding-right:0}
   .header 
   .nav-item
   .active 
   .nav-item-hover:after,
   .header 
   .nav-item:hover 
   .nav-item-hover:after{opacity:1}
   .header 
   .nav-item-child{font-size:13px;font-weight:600;color:#000000;line-height:55px;padding:20px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .header 
   .nav-item-child:focus,
   .header 
   .nav-item-child:hover{background:inherit}
   .header 
   .nav-item-hover{position:relative}
   .header 
   .nav-item-hover:after{position:absolute;top:45px;left:0;width:9px;height:2px;background:#d4af37;opacity:0;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)
}

@media (max-width:991px){
   .header{background:#fff}
   .header 
   .navbar-toggle{display:block}
   .header 
   .navbar-collapse
   .collapse{display:none!important}
   .header 
   .navbar-collapse
   .collapse
   .in{display:block!important}
   .header 
   .nav-collapse{padding-left:0;padding-right:0}
   .header 
   .navbar-nav{margin:0;float:none}
   .header 
   .navbar-nav 
   .nav-item{float:none}
   .header 
   .menu-container:after,
   .header 
   .menu-container:before{content:" ";display:table}
   .header 
   .menu-container:after{clear:both}
   .header 
   .logo 
   .logo-img-main{display:none}
   .header 
   .logo 
   .logo-img-active{display:inline-block}
   .header 
   .nav-item-child{color:#000000;line-height:1.4;padding:12px 12px 12px 15px}
   .header 
   .nav-item-hover:after{position:absolute;top:19px}
}

@media (max-width:767px){
   .header 
   .menu-container{padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}
   .header 
   .navbar>
   .container,
   .header 
   .navbar>
   .container>
   .nav-collapse{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
   .header 
   .navbar>
   .container{width:auto}
}

@media (min-width:992px){
   .header 
   .navbar-nav-right{float:right}
   .page-on-scroll 
   .header 
   .navbar{background:#fff;border-bottom-color:#e5e5e5;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .page-on-scroll 
   .header 
   .logo-img-active,
   .page-on-scroll 
   .header 
   .logo-img-main{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
   .page-on-scroll 
   .header 
   .logo-img-main{display:none}
   .page-on-scroll 
   .header 
   .logo-img-active{display:inline-block}
   .page-on-scroll 
   .header 
   .nav-item-child{color:#000000;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
}

.back-to-top,
.back-to-top:hover{
   color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)
}

.back-to-top{
   position:fixed;right:10px;bottom:10px;display:inline-block;z-index:9;width:40px;height:40px;font-size:11px;text-align:center;line-height:3;letter-spacing:1px;background:#000000;border-radius:3px;visibility:hidden;opacity:0;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);transition-duration:.3s
}

.container-full-width:after,
.container-full-width:before,
.container-sm:after,
.container-sm:before{content:" ";display:table}

.back-to-top:hover{transition-duration:.3s}
.back-to-top.back-to-top-is-visible{
   visibility:visible;opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-fade-out{opacity:.4}
.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.form-control{height:50px;font-size:14px;color:#000000;background:#fff;border:none;box-shadow:none;border-radius:0;padding-left:15px}
.form-control::-moz-placeholder{color:#000000}
.form-control:-ms-input-placeholder{color:#000000}
.form-control::-webkit-input-placeholder{color:#000000}
.form-control:focus{color:#000000;box-shadow:none}
.form-control:focus::-moz-placeholder{color:#000000}
.form-control:focus:-ms-input-placeholder{color:#000000}
.form-control:focus::-webkit-input-placeholder{color:#000000}

.color-base{color:#d4af37!important}
.color-white{color:#fff!important}
.color-heading{color:#000000!important}
.color-subtitle{color:#000000!important}
.color-link{color:#1f7a3a!important}
.color-link-hover{color:#d4af37!important}
.color-sky-light{color:#fff!important}
.bg-color-base{background:#d4af37!important}
.bg-color-white{background:#fff!important}
.bg-color-heading{background:#000000!important}.bg-color-subtitle{background:#000000!important}
.bg-color-link{background:#1f7a3a!important}
.bg-color-link-hover{background:#d4af37!important}
.bg-color-sky-light{background:#fff!important}

.row-space-2{margin-right:-2px;margin-left:-2px}

.container-full-width,

.container-sm{margin-right:auto;margin-left:auto}

.row-space-2>[class*=col-]{padding-left:2px;padding-right:2px}

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

@media (min-width:768px){
   .container-sm{width:750px}
}

@media (min-width:1200px){
   .container-sm{width:970px}
}

.content{padding-top:30px;padding-bottom:40px}
.content-sm{padding-top:30px;padding-bottom:40px}
.content-md{padding-top:30px;padding-bottom:40px}
.content-lg{padding-top:100px;padding-bottom:40px}

.full-width{width:100%;height:auto}

.fweight-300{font-weight:300!important}
.fweight-400{font-weight:400!important}
.fweight-500{font-weight:500!important}
.fweight-600{font-weight:600!important}
.fweight-700{font-weight:700!important}

.margin-l-0{margin-left:0!important}
.margin-l-5{margin-left:5px!important}
.margin-l-10{margin-left:10px!important}
.margin-l-20{margin-left:20px!important}

.margin-r-0{margin-right:0!important}
.margin-r-5{margin-right:5px!important}
.margin-r-10{margin-right:10px!important}
.margin-r-20{margin-right:20px!important}
.margin-t-0{margin-top:0!important}

.margin-t-5{margin-top:5px!important}
.margin-t-10{margin-top:10px!important}
.margin-t-20{margin-top:20px!important}
.margin-t-30{margin-top:30px!important}
.margin-t-40{margin-top:40px!important}
.margin-t-50{margin-top:50px!important}
.margin-t-60{margin-top:60px!important}

.margin-b-0{margin-bottom:0!important}
.margin-b-4{margin-bottom:4px!important}
.margin-b-5{margin-bottom:5px!important}
.margin-b-10{margin-bottom:10px!important}
.margin-b-20{margin-bottom:20px!important}
.margin-b-30{margin-bottom:30px!important}
.margin-b-40{margin-bottom:40px!important}
.margin-b-50{margin-bottom:50px!important}
.margin-b-60{margin-bottom:60px!important}
.margin-b-70{margin-bottom:70px!important}
.margin-b-80{margin-bottom:80px!important}
.margin-b-90{margin-bottom:90px!important}
.margin-b-100{margin-bottom:100px!important}

.height-100{height:100px!important}
.height-200{height:200px!important}
.height-300{height:300px!important}
.height-400{height:400px!important}
.height-500{height:500px!important}

@media (max-width:992px){
   .md-margin-b-0{margin-bottom:0!important}
   .md-margin-b-4{margin-bottom:4px!important}
   .md-margin-b-5{margin-bottom:5px!important}
   .md-margin-b-10{margin-bottom:10px!important}
   .md-margin-b-20{margin-bottom:20px!important}
   .md-margin-b-30{margin-bottom:30px!important}
   .md-margin-b-40{margin-bottom:40px!important}
   .md-margin-b-50{margin-bottom:50px!important}
   .md-margin-b-60{margin-bottom:60px!important}
   .md-margin-b-70{margin-bottom:70px!important}
   .md-margin-b-80{margin-bottom:80px!important}
   .md-margin-b-90{margin-bottom:90px!important}
   .md-margin-b-100{margin-bottom:100px!important}
   .md-text-center{text-align:center}
   .md-text-left{text-align:left}
   .md-text-right{text-align:right}
}

@media (max-width:768px){
   .sm-margin-b-0{margin-bottom:0!important}
   .sm-margin-b-4{margin-bottom:4px!important}
   .sm-margin-b-5{margin-bottom:5px!important}
   .sm-margin-b-10{margin-bottom:10px!important}
   .sm-margin-b-20{margin-bottom:20px!important}
   .sm-margin-b-30{margin-bottom:30px!important}
   .sm-margin-b-40{margin-bottom:40px!important}
   .sm-margin-b-50{margin-bottom:50px!important}
   .sm-margin-b-60{margin-bottom:60px!important}
   .sm-margin-b-70{margin-bottom:70px!important}
   .sm-margin-b-80{margin-bottom:80px!important}
   .sm-margin-b-90{margin-bottom:90px!important}
   .sm-margin-b-100{margin-bottom:100px!important}
   .sm-text-center{text-align:center}
   .sm-text-left{text-align:left}
   .sm-text-right{text-align:right}
}

@media (max-width:480px){
   .xs-margin-b-0{margin-bottom:0!important}
   .xs-margin-b-4{margin-bottom:4px!important}
   .xs-margin-b-5{margin-bottom:5px!important}
   .xs-margin-b-10{margin-bottom:10px!important}
   .xs-margin-b-20{margin-bottom:20px!important}
   .xs-margin-b-30{margin-bottom:30px!important}
   .xs-margin-b-40{margin-bottom:40px!important}
   .xs-margin-b-50{margin-bottom:50px!important}
   .xs-margin-b-60{margin-bottom:60px!important}
   .xs-margin-b-70{margin-bottom:70px!important}
   .xs-margin-b-80{margin-bottom:80px!important}
   .xs-margin-b-90{margin-bottom:90px!important}
   .xs-margin-b-100{margin-bottom:100px!important}
   .xs-text-center{text-align:center}
   .xs-text-left{text-align:left}
   .xs-text-right{text-align:right}
}

.detail-row {
    display: none;
    background: #ffffff;
}

.summary-row {
    cursor: pointer;
}

.summary-row:hover {
    background-color: #ffffff;
}

.detail-container {
    padding: 15px 20px;
    border-left: 4px solid #d4af37;
}

code {
  color: #1f7a3a;
  background-color: #d1cdc1;
  font-weight: bold;
}

/* ==================================================
   16. Responsive Overrides / Hotfixes
   ================================================== */

.header,
.header .navbar,
.page-on-scroll .header,
.page-on-scroll .header .navbar {
    background-color: #ffffff !important;
}
.text-primary {
    color: #1f7a3a !important; /* or #000000 */
}
.publications {
    width: 100%;
    margin-top: 30px;
}

.pub-section-title {
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 600;
}

.pub-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.pub-table th {
    text-align: left;
    padding: 10px 8px;
    background-color: #f5f5f5;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
}

.pub-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #e0e0e0;
}

.pub-table a {
    text-decoration: none;
}

table {
    width: 100%;
    table-layout: fixed;
}

.detail-container {
    white-space: normal;
    word-wrap: break-word;
}

.masonry-grid img {
    height: 250px;     /* or any consistent height */
    width: 100%;
    object-fit: cover;
}