.elementor-18142 .elementor-element.elementor-element-35b8f17f{--display:flex;}.elementor-18142 .elementor-element.elementor-element-7e6d9661{--display:flex;--position:absolute;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-18142 .elementor-element.elementor-element-7e6d9661{left:0px;}body.rtl .elementor-18142 .elementor-element.elementor-element-7e6d9661{right:0px;}.elementor-18142 .elementor-element.elementor-element-15505258{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-18142 .elementor-element.elementor-element-15505258:not(.elementor-motion-effects-element-type-background), .elementor-18142 .elementor-element.elementor-element-15505258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AB0C2F;}.elementor-18142 .elementor-element.elementor-element-5b0f0e46{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18142 .elementor-element.elementor-element-5b0f0e46.e-con{--align-self:center;}.elementor-18142 .elementor-element.elementor-element-776d8d2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 > .elementor-widget-container{margin:0px 0px 0px 37px;padding:0px 0px 0px 0px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(21px/2);}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(21px/2);}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(21px/2);}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-21px/2);}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-21px/2);}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-item:not(:last-child):after{content:"";height:21px;border-color:#FFFFFF29;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-18142 .elementor-element.elementor-element-6dba5e23{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-item > a{font-size:14px;font-weight:500;line-height:13px;}.elementor-18142 .elementor-element.elementor-element-6dba5e23 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-18142 .elementor-element.elementor-element-19c2296b{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:37px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18142 .elementor-element.elementor-element-6ce7e71e{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18142 .elementor-element.elementor-element-64204e6e{width:100%;max-width:100%;}.elementor-18142 .elementor-element.elementor-element-64204e6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-el-logo img{width:80px;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-megamenu-home-item:hover a{color:#AB0C2F;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-megamenu-small-content .tp-megamenu-list a::before,
                    .elementor-18142 .elementor-element.elementor-element-64204e6e .main-menu > nav > ul > li > .tp-submenu li > a::before,
                    .elementor-18142 .elementor-element.elementor-element-64204e6e .tp-megamenu-fullwidth-list ul li a:before{background-color:#AB0C2F !important;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-megamenu-small-content .tp-megamenu-list a:hover,
                .elementor-18142 .elementor-element.elementor-element-64204e6e .main-menu > nav > ul > li > .tp-submenu li > a:hover,
                .elementor-18142 .elementor-element.elementor-element-64204e6e .tp-megamenu-fullwidth-list ul li a:hover{color:#AB0C2F !important;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-main-menu-mobile ul li > a.expanded, 
                    .elementor-18142 .elementor-element.elementor-element-64204e6e .tp-main-menu-mobile ul li:hover > a{color:#AB0C2F !important;}.elementor-18142 .elementor-element.elementor-element-64204e6e .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn::after,
                    .elementor-18142 .elementor-element.elementor-element-64204e6e .offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::before,
                    .elementor-18142 .elementor-element.elementor-element-64204e6e .offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::after{background-color:#AB0C2F !important;}.elementor-18142 .elementor-element.elementor-element-64204e6e .offcanvas__close-btn{background-color:#AB0C2F !important;}.elementor-18142 .elementor-element.elementor-element-64204e6e .offcanvas__close-btn:hover{background-color:#AB0C2FF2 !important;}.elementor-18142 .elementor-element.elementor-element-f53895f{--display:flex;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18142 .elementor-element.elementor-element-70bb1a1{--display:flex;}.elementor-18142 .elementor-element.elementor-element-5be7c3d{--display:flex;}.elementor-18142 .elementor-element.elementor-element-8fd60e3{--display:flex;}.elementor-18142 .elementor-element.elementor-element-9ddfa44{--display:flex;}@media(min-width:768px){.elementor-18142 .elementor-element.elementor-element-7e6d9661{--width:100%;}.elementor-18142 .elementor-element.elementor-element-5b0f0e46{--width:1190px;}.elementor-18142 .elementor-element.elementor-element-6ce7e71e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18142 .elementor-element.elementor-element-5b0f0e46{--width:100%;}.elementor-18142 .elementor-element.elementor-element-776d8d2b{--width:100%;}}@media(max-width:1024px){.elementor-18142 .elementor-element.elementor-element-776d8d2b{--justify-content:center;}}@media(max-width:767px){.elementor-18142 .elementor-element.elementor-element-776d8d2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-11f7b226 */.post-hero {
  position: relative;
  width: 100%;
  min-height: 320px;
  background-image: url("https://uoli.edu.pk/wp-content/uploads/2026/01/Untitled-design-1.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: center;
}

/* Overlay */
.post-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0.55),
    rgba(0,0,0,0.55)
  );
}

/* Content */
.post-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  padding: 20px;
}

.post-hero-content h1 {
  color: #fff;
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 800;
  text-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

/* Mobile fix */
@media (max-width: 768px) {
  .post-hero {
    min-height: 220px;
  }
}
.news-badge {
  display: inline-block;
  padding: 8px 18px;
  background: linear-gradient(90deg, #b50d2a, #DAA425);
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 6px;
  text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .post-hero-content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.post-hero {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c406d94 */.students-info-section{
  max-width:1200px;
  margin:auto;
  padding:40px 20px 10px;
  font-family:"Poppins", sans-serif;
}

.students-top-text{
  font-size:16px;
  line-height:1.9;
  color:#222;
  margin-bottom:35px;
}

/* QUOTE */
.students-quote{
  text-align:center;
  color:#880824;
  font-size:26px;
  font-weight:600;
  margin:30px 0 55px;
}

/* BOX GRID */
.students-boxes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

/* BOX */
.student-box{
  background:#fff;
  border-radius:8px;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
  overflow:hidden;
}

/* TITLE BAR */
.student-box-title{
  background:#003262;
  color:#f4b21b;
  text-align:center;
  font-size:20px;
  font-weight:600;
  padding:14px;
}

/* LIST */
.student-box ul{
  list-style:none;
  padding:0;
  margin:0;
}

.student-box ul li{
  border-bottom:1px solid #eee;
}

.student-box ul li:last-child{
  border-bottom:none;
}

.student-box ul li a{
  display:block;
  padding:14px 18px;
  text-decoration:none;
  color:#333;
  font-weight:500;
  position:relative;
  transition:.3s;
}

.student-box ul li a::before{
  content:"▶";
  color:#f4b21b;
  margin-right:10px;
  font-size:12px;
}

.student-box ul li a:hover{
  background:#f7f9fc;
  padding-left:24px;
  color:#003262;
}

/* RESPONSIVE */
@media(max-width:992px){
  .students-boxes{grid-template-columns:1fr 1fr;}
}

@media(max-width:600px){
  .students-boxes{grid-template-columns:1fr;}
  .students-quote{font-size:20px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd1d4da */.life-section{
  display:flex;
  width:100%;
  min-height:480px;
  font-family:"Poppins", sans-serif;
}

/* LEFT SIDE */
.life-left{
  flex:1;
  position:relative;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  padding:40px;
  overflow:hidden;
}

.life-overlay{
  position:absolute;
  inset:0;
  background:rgba(178,132,40,0.85);
  z-index:1;
}

.life-content{
  position:relative;
  z-index:2;
  color:white;
  max-width:520px;
}

.life-content h2{
  font-size:54px;
  font-weight:300;
  margin:0;
}

.life-content h1{
  font-size:90px;
  font-weight:800;
  margin:0 0 20px;
  color:#880824;
}

.life-text-box{
  background:#880824;
  padding:22px 26px;
  border-radius:4px;
  font-size:16px;
  line-height:1.7;
  box-shadow:0 12px 28px rgba(0,0,0,0.35);
}

/* RIGHT SIDE IMAGE */
.life-right{
  flex:1;
  background-size:cover;
  background-position:center;
}


/* ===============================
   LARGE SCREENS (1400px and up)
================================ */
@media (min-width:1400px){
  .life-section{
    min-height:560px;
  }
  .life-content h1{font-size:100px;}
  .life-content h2{font-size:58px;}
  .life-text-box{font-size:17px;}
}

/* ===============================
   LAPTOPS & SMALL DESKTOPS
================================ */
@media (max-width:1200px){
  .life-content h1{font-size:78px;}
  .life-content h2{font-size:46px;}
}

/* ===============================
   TABLETS (landscape)
================================ */
@media (max-width:992px){
  .life-section{flex-direction:column;}
  .life-left, .life-right{min-height:340px;}
  .life-content h1{font-size:62px;}
  .life-content h2{font-size:36px;}
  .life-text-box{font-size:15px;}
}

/* ===============================
   TABLETS (portrait)
================================ */
@media (max-width:768px){
  .life-left{padding:25px;}
  .life-content{max-width:100%;}
  .life-content h1{font-size:50px;}
  .life-content h2{font-size:30px;}
  .life-text-box{padding:18px;}
}

/* ===============================
   MOBILES
================================ */
@media (max-width:576px){
  .life-left, .life-right{min-height:260px;}
  .life-content h1{font-size:38px;}
  .life-content h2{font-size:24px;}
  .life-text-box{
    font-size:14px;
    line-height:1.6;
  }
}

/* ===============================
   SMALL MOBILES
================================ */
@media (max-width:380px){
  .life-content h1{font-size:32px;}
  .life-content h2{font-size:20px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9b366b */.events-section{
  width:100%;
  background:#e9eeff;
  padding:70px 20px;
  font-family:"Poppins", sans-serif;
}

.events-container{
  max-width:1300px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:50px;
}

/* CALENDAR BOX */
.events-calendar{
  flex:1.1;
  background:#f4f6fb;
  border-radius:16px;
  padding:15px;
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

.events-calendar iframe{
  width:100%;
  height:500px;
  border-radius:12px;
}

/* TEXT */
.events-text{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
}

.events-text h2{
  font-size:64px;
  font-weight:500;
  color:#222;
}

/* RESPONSIVE */
@media(max-width:992px){
  .events-container{flex-direction:column;}
  .events-text h2{font-size:42px;}
  .events-calendar iframe{height:420px;}
}

@media(max-width:520px){
  .events-text h2{font-size:32px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8030ac */.downloads-section{
  max-width:1200px;
  margin:10px auto;
  padding:0 20px 40px;
  font-family:"Poppins", sans-serif;
}

/* HEADING */
.downloads-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  margin-bottom:50px;
}

.downloads-heading h2{
  font-size:40px;
  font-weight:700;
  color:#003262;
  margin:0;
}

.downloads-heading span{
  flex:1;
  height:4px;
  background:#f2b01e;
  max-width:300px;
  border-radius:2px;
}

/* GRID */
.downloads-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  position:relative;
}

.downloads-grid::before,
.downloads-grid::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:#e6e6e6;
}

.downloads-grid::before{left:33.33%;}
.downloads-grid::after{left:66.66%;}

/* LIST */
.downloads-grid ul{
  list-style:none;
  padding:0 25px;
  margin:0;
}

.downloads-grid li{
  margin-bottom:18px;
}

.downloads-grid a{
  text-decoration:none;
  color:#000;
  font-size:18px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:12px;
  transition:.3s;
}

.downloads-grid a:hover{
  color:#003262;
  transform:translateX(4px);
}

/* ICON STYLE */
.downloads-grid i{
  color:#003262;
  font-size:20px;
  min-width:24px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .downloads-grid{grid-template-columns:1fr;}
  .downloads-grid::before,
  .downloads-grid::after{display:none;}
}

@media(max-width:520px){
  .downloads-heading h2{font-size:28px;}
}/* End custom CSS */