/* =====================================================================
   Theologiki Courses — Elementor Widgets
   Pixel-faithful 1920px design canvas, scaled to fit by ots-widgets.js.
   All selectors are scoped under .ots-canvas to avoid theme conflicts.
   ===================================================================== */

.ots-w{
  width: 100%;
  overflow: hidden;
}

.ots-canvas{
  --ots-navy: #00263a;
  --ots-navy-alt: #0d2539;
  --ots-navy-rule: #0d2439;
  --ots-maroon: #520027;
  --ots-maroon-dark: #4b0b26;
  --ots-gray: #667d89;
  --ots-gray-warm: #746669;
  --ots-gray-light: #b4bdc2;
  --ots-pink-label: #c3a6b4;
  --ots-beige: #f0eeea;
  --ots-beige-warm: #f4f1ed;
  --ots-hairline: rgba(0, 38, 58, 0.38);

  width: 1920px;
  background: #fff;
  font-family: 'Lora', Georgia, serif;
  color: var(--ots-navy);
  font-size: 16px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* scoped reset — protects the design from theme styles */
.ots-canvas, .ots-w .ots-canvas *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.ots-w .ots-canvas img{
  display: block;
  max-width: none;
  height: auto;
  border: 0;
  box-shadow: none;
}
.ots-w .ots-canvas a{
  text-decoration: none;
  color: inherit;
  box-shadow: none;
  border-bottom: none;
}
.ots-w .ots-canvas a:hover{ color: inherit; }
.ots-w .ots-canvas button{
  font-family: inherit;
  background: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: inherit;
  box-shadow: none;
}
.ots-w .ots-canvas ul{ list-style: none; }
.ots-w .ots-canvas h1, .ots-w .ots-canvas h2, .ots-w .ots-canvas h3, .ots-w .ots-canvas h4, .ots-w .ots-canvas p{
  margin: 0;
  padding: 0;
}

/* ---- shared ---- */
.ots-w .ots-canvas .ots-container{ margin: 0 76px; }
.ots-w .ots-canvas .ots-hairline{ height: 1px; background: var(--ots-hairline); }
.ots-w .ots-canvas .ots-thick-rule{ height: 6px; background: var(--ots-navy-rule); }

.ots-w .ots-canvas .ots-h-display{
  font-size: 77px;
  font-weight: 500;
  line-height: 94px;
  color: var(--ots-navy);
}

.ots-w .ots-canvas .ots-lead{
  font-size: 26px;
  font-weight: 400;
  line-height: 35.2px;
}
.ots-w .ots-canvas .ots-lead + .ots-lead{ margin-top: 35px; }

/* =====================================================================
   HEADER
   ===================================================================== */
.ots-w .ots-canvas--header{ padding-top: 60px; }

.ots-w .ots-canvas .ots-header-top{
  margin: 0 76px;
  position: relative;
}
.ots-w .ots-canvas .ots-header-logo{ width: 750px; height: 150px; margin-left: -6px; }
.ots-w .ots-canvas .ots-apply-link{
  position: absolute;
  right: 0;
  bottom: -82px;
  font-size: 29px;
  font-weight: 600;
  color: var(--ots-maroon-dark) !important;
}
.ots-w .ots-canvas .ots-header-rule{ height: 6px; background: var(--ots-navy-rule); margin: 0 75px; }
.ots-w .ots-canvas .ots-header-top + .ots-header-rule{ margin-top: 104px; }

.ots-w .ots-canvas .ots-main-nav{
  margin: 0 76px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ots-w .ots-canvas .ots-main-nav a{
  font-size: 25px;
  font-weight: 500;
  color: var(--ots-navy-alt) !important;
}
.ots-w .ots-canvas .ots-nav-sep{ width: 1px; height: 56px; background: var(--ots-navy-rule); }

/* gap below the header, identical to the design (rule → hero) */
.ots-w .ots-canvas--header{ padding-bottom: 34px; }

/* =====================================================================
   HERO
   ===================================================================== */
.ots-w .ots-canvas .ots-hero{
  height: 1082px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ots-w .ots-canvas .ots-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.8) 100%);
}
.ots-w .ots-canvas .ots-hero--no-overlay::before{ display: none; }
.ots-w .ots-canvas .ots-hero h1{
  position: relative;
  font-size: 98px;
  font-weight: 500;
  line-height: 119px;
  color: #fff;
  text-align: center;
  padding-bottom: 128px;
}

/* =====================================================================
   OUR PROGRAM
   ===================================================================== */
.ots-w .ots-canvas .ots-program{ padding-top: 96px; }
.ots-w .ots-canvas .ots-program-intro{ margin-top: 50px; }

.ots-w .ots-canvas .ots-program-sub-rule{ margin-top: 70px; }

.ots-w .ots-canvas .ots-program-sub{ padding-top: 50px; }
.ots-w .ots-canvas .ots-program-sub h3{
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  color: var(--ots-navy);
}
.ots-w .ots-canvas .ots-program-sub p{
  font-size: 26px;
  line-height: 35.2px;
  margin-top: 14px;
}
.ots-w .ots-canvas .ots-program-sub p + p{ margin-top: 35px; }

.ots-w .ots-canvas .ots-classroom-rule{ margin-top: 106px; }

.ots-w .ots-canvas .ots-classroom-photo{
  height: 1014px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* =====================================================================
   FIELDS OF STUDIES — maroon departments block
   ===================================================================== */
.ots-w .ots-canvas .ots-fields{ padding-top: 96px; }

.ots-w .ots-canvas .ots-dept-block{
  margin-top: 99px;
  height: 1644px;
  background: var(--ots-maroon);
  padding: 0 53px;
  position: relative;
}
.ots-w .ots-canvas .ots-dept-block-title{
  padding-top: 96px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

.ots-w .ots-canvas .ots-dept-carousel{ margin-top: 140px; }

.ots-w .ots-canvas .ots-dept-card{
  display: flex;
  align-items: flex-start;
  padding: 70px 0 0;
  min-height: 396px;
}
.ots-w .ots-canvas .ots-slide .ots-dept-card:first-child{ padding-top: 0; min-height: 326px; }
.ots-w .ots-canvas .ots-slide .ots-dept-card + .ots-dept-card{ border-top: 1px solid rgba(255,255,255,.55); }

.ots-w .ots-canvas .ots-dept-name{ width: 519px; }
.ots-w .ots-canvas .ots-dept-label{
  font-size: 20.8px;
  font-weight: 500;
  color: var(--ots-pink-label);
  letter-spacing: 1px;
}
.ots-w .ots-canvas .ots-dept-name h4{
  margin-top: 7px;
  font-size: 29px;
  font-weight: 700;
  line-height: 36px;
  color: #fff;
}
.ots-w .ots-canvas .ots-dept-subjects{
  width: 572px;
  font-size: 29px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
}
.ots-w .ots-canvas .ots-dept-subjects strong{ font-weight: 600; }
.ots-w .ots-canvas .ots-dept-card img{
  width: 540px;
  height: 240px;
  object-fit: cover;
  margin-left: auto;
  margin-top: 9px;
}

.ots-w .ots-canvas .ots-dept-block .ots-arrows{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 113px;
}

/* =====================================================================
   COURSES INTRO & ACADEMIC PERIODS
   ===================================================================== */
.ots-w .ots-canvas .ots-courses-top-rule{ margin-top: 111px; }
.ots-w .ots-canvas .ots-courses .ots-h-display{ margin-top: 100px; }
.ots-w .ots-canvas .ots-courses .ots-h-display + .ots-lead{ margin-top: 23px; }

.ots-w .ots-canvas .ots-course-meta{
  margin-top: 37px;
  font-size: 26.3px;
  font-weight: 600;
  line-height: 36px;
}
.ots-w .ots-canvas .ots-ects-note{ margin-top: 20px; font-size: 22px; }
.ots-w .ots-canvas .ots-ects-note strong{ font-weight: 600; }

.ots-w .ots-canvas .ots-periods-rule{ margin-top: 79px; }

.ots-w .ots-canvas .ots-periods-title{
  margin-top: 90px;
  margin-left: 3px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  color: var(--ots-navy);
}

.ots-w .ots-canvas .ots-periods-list{ margin-top: 49px; width: 691px; list-style: none; }
.ots-w .ots-canvas .ots-periods-list li{
  position: relative;
  padding: 20px 0 27px;
  border-bottom: 1px solid var(--ots-hairline);
  font-size: 26px;
  line-height: 36px;
}
.ots-w .ots-canvas .ots-p-label strong{ font-weight: 600; }
.ots-w .ots-canvas .ots-p-dates{
  position: absolute;
  left: 276px;
  bottom: 27px;
  font-weight: 600;
  white-space: nowrap;
}
.ots-w .ots-canvas .ots-p-dates strong{ font-weight: 600; }
.ots-w .ots-canvas .ots-dash{ display: inline-block; margin: 0 33px; }

.ots-w .ots-canvas .ots-list-top-rule{ margin-top: 97px; }

/* =====================================================================
   LIST OF COURSES — beige carousel
   ===================================================================== */
.ots-w .ots-canvas .ots-list-courses{
  margin-top: 80px;
  background: var(--ots-beige);
  min-height: 1096px;
  padding: 74px 0 114px;
}
.ots-w .ots-canvas .ots-list-title{
  font-size: 36px;
  font-weight: 600;
  color: var(--ots-navy);
}

.ots-w .ots-canvas .ots-courses-carousel{ margin-top: 89px; }

.ots-w .ots-canvas .ots-sem-titles{ display: flex; }
.ots-w .ots-canvas .ots-sem-half{ width: 825px; }
.ots-w .ots-canvas .ots-sem-half + .ots-sem-half{ margin-left: 118px; }
.ots-w .ots-canvas .ots-sem-title{ font-size: 30px; font-weight: 600; color: var(--ots-navy); }
.ots-w .ots-canvas .ots-sem-title sup{ font-size: 17.5px; line-height: 0; }

.ots-w .ots-canvas .ots-sem-rule{ margin-top: 37px; height: 1px; background: var(--ots-hairline); }

.ots-w .ots-canvas .ots-sem-tables{ display: flex; position: relative; margin-top: 70px; }
.ots-w .ots-canvas .ots-sem-tables::after{
  content: '';
  position: absolute;
  left: 886px;
  top: 10px;
  height: 432px;
  width: 1px;
  background: var(--ots-hairline);
}
.ots-w .ots-canvas .ots-sem-table{ width: 825px; }
.ots-w .ots-canvas .ots-sem-table + .ots-sem-table{ margin-left: 118px; }

.ots-w .ots-canvas .ots-course-head, .ots-w .ots-canvas .ots-course-row{
  display: grid;
  grid-template-columns: 170px 430px 155px 70px;
}
.ots-w .ots-canvas .ots-course-head{
  font-size: 22px;
  font-weight: 600;
  color: var(--ots-gray);
  line-height: 27px;
  margin-bottom: 15px;
}
.ots-w .ots-canvas .ots-course-head .ots-ects{ text-align: center; }
.ots-w .ots-canvas .ots-course-head .ots-hrs{ padding-left: 5px; }
.ots-w .ots-canvas .ots-course-row{
  font-size: 22px;
  color: var(--ots-navy);
  line-height: 31.5px;
  min-height: 86px;
}
.ots-w .ots-canvas .ots-course-row span:nth-child(2){ white-space: nowrap; }
.ots-w .ots-canvas .ots-course-row .ots-ects, .ots-w .ots-canvas .ots-course-row .ots-hrs{ text-align: center; }

.ots-w .ots-canvas .ots-list-courses .ots-arrows{ margin-top: 18px; }

.ots-w .ots-canvas .ots-faculty-top-rule{ margin-top: 145px; }

/* =====================================================================
   FACULTY & TUTORS
   ===================================================================== */
.ots-w .ots-canvas .ots-faculty{ padding-top: 238px; }
.ots-w .ots-canvas .ots-faculty-row{ display: flex; position: relative; }
.ots-w .ots-canvas .ots-faculty-text{ width: 627px; }
.ots-w .ots-canvas .ots-faculty-text .ots-h-display + p{ margin-top: 76px; }
.ots-w .ots-canvas .ots-faculty-text p{
  font-size: 26px;
  line-height: 35.2px;
}
.ots-w .ots-canvas .ots-faculty-text p + p{ margin-top: 35px; }
.ots-w .ots-canvas .ots-faculty-photo{
  position: absolute;
  right: 1px;
  top: 31px;
  width: 1140px;
  height: 620px;
  object-fit: cover;
}

.ots-w .ots-canvas .ots-tutors-toggle{
  margin-top: 63px;
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 400;
  color: var(--ots-navy);
}
.ots-w .ots-canvas .ots-plus-circle{
  margin-left: 27px;
  width: 38px;
  height: 38px;
  border: 1.6px solid var(--ots-navy);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  padding-bottom: 2px;
}

.ots-w .ots-canvas .ots-tutors-panel{ padding-top: 88px; }
.ots-w .ots-canvas .ots-tutors-panel[hidden]{ display: none; }
.ots-w .ots-canvas .ots-tutors-title{
  margin-top: 94px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--ots-navy-alt);
}
.ots-w .ots-canvas .ots-tutors-grid{ margin-top: 145px; }
.ots-w .ots-canvas .ots-tutor-row{
  display: grid;
  grid-template-columns: 402px 380px 312px 337px auto;
  padding-bottom: 119px;
}
.ots-w .ots-canvas .ots-tutor-row + .ots-tutor-row{
  border-top: 1px solid var(--ots-hairline);
  padding-top: 116px;
}
.ots-w .ots-canvas .ots-tutor-name{ font-size: 25px; font-weight: 500; color: var(--ots-navy); }
.ots-w .ots-canvas .ots-tutor-role{
  margin-top: 18px;
  font-size: 21px;
  font-weight: 500;
  line-height: 25.2px;
  color: var(--ots-gray);
}
.ots-w .ots-canvas .ots-tutors-arrows{ margin-top: 80px; padding-bottom: 84px; }

.ots-w .ots-canvas .ots-support-top-rule{ margin-top: 184px; }

/* =====================================================================
   SUPPORT
   ===================================================================== */
.ots-w .ots-canvas .ots-support{ padding-top: 80px; }
.ots-w .ots-canvas .ots-support .ots-h-display + .ots-lead{ margin-top: 64px; }
.ots-w .ots-canvas .ots-support-first-rule{ margin-top: 109px; }

.ots-w .ots-canvas .ots-support-row{ display: flex; position: relative; }
.ots-w .ots-canvas .ots-support-row img{ width: 1150px; height: 465px; object-fit: cover; }

.ots-w .ots-canvas .ots-support-row.ots-text-left{ padding: 108px 0 120px; }
.ots-w .ots-canvas .ots-support-row.ots-text-left .ots-support-text{ width: 617px; }
.ots-w .ots-canvas .ots-support-row.ots-text-left img{ margin-top: 26px; }

.ots-w .ots-canvas .ots-support-row.ots-text-right{ padding: 96px 0 127px; }
.ots-w .ots-canvas .ots-support-row.ots-text-right img{ margin-top: 18px; }
.ots-w .ots-canvas .ots-support-row.ots-text-right .ots-support-text{ margin-left: 94px; width: 530px; }

.ots-w .ots-canvas .ots-support-text h3{
  font-size: 45.9px;
  font-weight: 500;
  line-height: 54px;
  color: var(--ots-navy-alt);
}
.ots-w .ots-canvas .ots-support-text p{
  margin-top: 16px;
  font-size: 26px;
  line-height: 35.2px;
  color: var(--ots-navy-alt);
}
.ots-w .ots-canvas .ots-officer-label{ margin-top: 40px !important; color: var(--ots-gray) !important; }
.ots-w .ots-canvas .ots-officer-name{ margin-top: 7px !important; font-weight: 500; }
.ots-w .ots-canvas .ots-officer-mail{ margin-top: 0 !important; }

.ots-w .ots-canvas .ots-learn-more{
  display: inline-block;
  margin-top: 45px;
  font-size: 21px;
  font-weight: 600;
  color: var(--ots-gray) !important;
  border-bottom: 1.3px solid #667c88 !important;
  padding-bottom: 3px;
}

.ots-w .ots-canvas .ots-calendar-top-rule{ margin-top: 176px; }

/* =====================================================================
   ACADEMIC CALENDAR + HOLIDAYS
   ===================================================================== */
.ots-w .ots-canvas .ots-calendar-head{ padding-top: 113px; }
.ots-w .ots-canvas .ots-calendar-head .ots-h-display + .ots-lead{ margin-top: 42px; }

.ots-w .ots-canvas .ots-holidays{
  margin-top: 149px;
  background: var(--ots-beige-warm);
  height: 672px;
  padding-top: 110px;
  position: relative;
}
.ots-w .ots-canvas .ots-holidays-title{
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--ots-maroon);
}

.ots-w .ots-canvas .ots-timeline{ position: relative; height: 236px; margin-top: 126px; }
.ots-w .ots-canvas .ots-tl-line{
  position: absolute;
  left: 217px;
  right: 217px;
  top: 0;
  height: 1px;
  background: var(--ots-maroon);
}
.ots-w .ots-canvas .ots-tl-item{
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  text-align: center;
  width: 340px;
}
.ots-w .ots-canvas .ots-tl-dot{
  position: absolute;
  top: -7.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--ots-maroon);
}
.ots-w .ots-canvas .ots-tl-date{
  margin-top: 26px;
  font-size: 21px;
  font-weight: 500;
  color: var(--ots-maroon);
}
.ots-w .ots-canvas .ots-tl-desc{
  margin-top: 9px;
  font-size: 21px;
  font-weight: 500;
  line-height: 25.2px;
  color: var(--ots-gray-warm);
}

.ots-w .ots-canvas .ots-holidays .ots-arrows{ margin-top: 0; }

/* =====================================================================
   CAROUSEL (shared)
   ===================================================================== */
.ots-w .ots-canvas .ots-carousel{ overflow: hidden; }
.ots-w .ots-canvas .ots-track{
  display: flex;
  align-items: flex-start;
  transition: transform .55s ease, height .55s ease;
}
.ots-w .ots-canvas .ots-slide{ flex: 0 0 100%; min-width: 100%; }

.ots-w .ots-canvas .ots-arrows{
  display: flex;
  justify-content: center;
  gap: 80px;
}
.ots-w .ots-canvas .ots-arrows button{
  font-family: 'Lora', Georgia, serif;
  font-size: 59px;
  font-weight: 500;
  line-height: 1;
  padding: 0 6px;
}
.ots-w .ots-canvas .ots-arrows--light button{ color: #fff; }
.ots-w .ots-canvas .ots-arrows--navy button{ color: var(--ots-navy); }
.ots-w .ots-canvas .ots-arrows--maroon button{ color: var(--ots-maroon); }

/* =====================================================================
   FOOTER (FOOTER NEW 03)
   ===================================================================== */
.ots-w .ots-canvas--footer{ background: #00253a; }
.ots-w .ots-canvas .ots-footer{
  background: #00253a;
  height: 1194px;
  padding-top: 114px;
}
.ots-w .ots-canvas .ots-footer-rule{ height: 6px; background: #fff; }

.ots-w .ots-canvas .ots-footer-cols{ display: flex; align-items: flex-start; margin-top: 77px; }

.ots-w .ots-canvas .ots-footer-brand{ width: 814px; }
.ots-w .ots-canvas .ots-footer-logo{ width: 442px; margin-left: -3px; margin-top: 9px; }
.ots-w .ots-canvas .ots-footer-apply{
  display: inline-block;
  margin-top: 79px;
  background: #fff;
  color: #00263a !important;
  font-size: 24.3px;
  font-weight: 600;
  padding: 14px 25px 13px;
}

.ots-w .ots-canvas .ots-footer-col{ display: flex; flex-direction: column; align-items: flex-start; }
.ots-w .ots-canvas .ots-col-academic{ width: 379px; }
.ots-w .ots-canvas .ots-col-legal{ width: 389px; }

.ots-w .ots-canvas .ots-footer-head{
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  line-height: 37px;
  margin-bottom: 28px;
}
.ots-w .ots-canvas .ots-col-legal .ots-footer-head,
.ots-w .ots-canvas .ots-col-follow .ots-footer-head{ margin-top: 6px; }

.ots-w .ots-canvas .ots-footer-col a{
  font-size: 24px;
  color: #b2bdc3 !important;
  line-height: 33.5px;
  margin-bottom: 18.5px;
}
.ots-w .ots-canvas .ots-head-discover{ margin-top: 81px; margin-bottom: 31px; }
.ots-w .ots-canvas .ots-head-discover ~ a{ margin-bottom: 20px; }
.ots-w .ots-canvas .ots-footer-col a.ots-tight{ line-height: 26px; margin-top: 5px; margin-bottom: 23px; }

.ots-w .ots-canvas .ots-social-icons{ width: 116px; margin-top: -9px; }

.ots-w .ots-canvas .ots-footer-hairline{
  margin-top: 120px;
  height: 1px;
  background: #fff;
}
.ots-w .ots-canvas .ots-copyright{
  margin-top: 64px;
  font-size: 23px;
  color: #b2bdc3;
}

/* =====================================================================
   ADMISSIONS PAGE WIDGETS
   Pixel-faithful port of "THEOLOGIKI SITE ADMISSIONS 03.pdf" (1920px)
   ===================================================================== */

/* admissions design tokens (scoped on the canvas) */
.ots-canvas{
  --ots-anavy: #00253c;
  --ots-anavy-body: #06233b;
  --ots-anavy-rule: #00243b;
  --ots-amaroon: #53002b;
  --ots-ascore: #556b7c;
  --ots-agold: #e1ae72;
  --ots-aofficer: #5e7e8c;
  --ots-abeige-qual: #f0ede8;
  --ots-abeige-ready: #e0dbd2;
}

.ots-w .ots-canvas .ots-arule{ height: 6px; background: var(--ots-anavy-rule); }

.ots-w .ots-canvas .ots-a-display{
  font-size: 77px;
  font-weight: 500;
  line-height: 94px;
  color: var(--ots-anavy);
}

/* ---- hero + maroon strip ---- */
.ots-w .ots-canvas--adm-hero{ padding-top: 5px; }

.ots-w .ots-canvas .ots-ahero{
  height: 1081px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ots-w .ots-canvas .ots-ahero h1{
  font-size: 98px;
  font-weight: 500;
  line-height: 119px;
  color: #fff;
  text-align: center;
  padding-bottom: 129px;
}

.ots-w .ots-canvas .ots-astrip{
  height: 389px;
  background: var(--ots-amaroon);
  padding-top: 110px;
}
.ots-w .ots-canvas .ots-astrip p{
  margin: 0 auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
  color: #fff;
  text-align: center;
}

/* ---- who can apply ---- */
.ots-w .ots-canvas .ots-awho-top-rule{ margin-top: 146px; }

.ots-w .ots-canvas .ots-awho{ padding-top: 123px; }
.ots-w .ots-canvas .ots-awho-row{ position: relative; min-height: 916px; }
.ots-w .ots-canvas .ots-awho-text h2 + p{
  margin-top: 64px;
  font-size: 26px;
  line-height: 35px;
  color: var(--ots-anavy);
}
.ots-w .ots-canvas .ots-awho-photo{
  position: absolute;
  right: 0;
  top: 31px;
  width: 884px;
  height: 885px;
  object-fit: cover;
}
.ots-w .ots-canvas .ots-awho-hr{ margin-top: 143px; }

.ots-w .ots-canvas .ots-areq-title{
  margin-top: 95px;
  font-size: 36px;
  font-weight: 600;
  line-height: 52px;
  color: var(--ots-anavy);
}

.ots-w .ots-canvas .ots-areq-grid{ margin-top: 116px; }
.ots-w .ots-canvas .ots-areq-row{ display: flex; }
.ots-w .ots-canvas .ots-areq-row-1{ gap: 16px; }
.ots-w .ots-canvas .ots-areq-row-2{ gap: 15px; margin-top: 10px; }

.ots-w .ots-canvas .ots-atile{
  position: relative;
  flex: 1;
  height: 444px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 30px 50px 44px;
  color: #fff;
}
.ots-w .ots-canvas .ots-atile--wide{ flex: 0 0 876px; }

.ots-w .ots-canvas .ots-atile h4{
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}
.ots-w .ots-canvas .ots-atile p{
  margin-top: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
}
.ots-w .ots-canvas .ots-atile .ots-au{
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

.ots-w .ots-canvas .ots-atile-icon{ position: absolute; right: 30px; top: 25px; width: 120px; }
.ots-w .ots-canvas .ots-areq-row-1 .ots-atile:nth-child(1) .ots-atile-icon{ left: 719px; right: auto; top: 21px; width: 115px; }
.ots-w .ots-canvas .ots-areq-row-1 .ots-atile:nth-child(2) .ots-atile-icon{ left: 284px; right: auto; top: 33px; width: 118px; }
.ots-w .ots-canvas .ots-areq-row-1 .ots-atile:nth-child(3) .ots-atile-icon{ left: 309px; right: auto; top: 28px; width: 93px; }
.ots-w .ots-canvas .ots-areq-row-2 .ots-atile:nth-child(1) .ots-atile-icon{ left: 272px; right: auto; top: 21px; width: 130px; }
.ots-w .ots-canvas .ots-areq-row-2 .ots-atile:nth-child(2) .ots-atile-icon{ left: 273px; right: auto; top: 27px; width: 123px; }
.ots-w .ots-canvas .ots-areq-row-2 .ots-atile:nth-child(3) .ots-atile-icon{ left: 292px; right: auto; top: 21px; width: 122px; }
.ots-w .ots-canvas .ots-areq-row-2 .ots-atile:nth-child(4) .ots-atile-icon{ left: 293px; right: auto; top: 27px; width: 112px; }

.ots-w .ots-canvas .ots-aqual-hr{ margin-top: 129px; }

/* ---- additional qualifications (beige) ---- */
.ots-w .ots-canvas .ots-aqual{
  margin-top: 123px;
  height: 775px;
  background: var(--ots-abeige-qual);
  padding-top: 110px;
}
.ots-w .ots-canvas .ots-aqual-title{
  font-size: 36px;
  font-weight: 600;
  line-height: 52px;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-aqual-lead{
  margin-top: 34px;
  font-size: 26px;
  line-height: 35px;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-aqual-grid{ position: relative; margin-top: 102px; height: 276px; }
.ots-w .ots-canvas .ots-aqual-col{
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ots-w .ots-canvas .ots-aqual-sep{
  position: absolute;
  top: 0;
  width: 1px;
  height: 276px;
  background: var(--ots-hairline);
}
.ots-w .ots-canvas .ots-aqual-score{
  font-size: 37px;
  font-weight: 700;
  line-height: 47px;
  color: var(--ots-ascore);
}
.ots-w .ots-canvas .ots-aqual-desc{
  font-size: 26px;
  line-height: 35px;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-aqual-abbr{
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  color: var(--ots-ascore);
}
.ots-w .ots-canvas .ots-aqual-name{
  font-size: 24px;
  line-height: 35px;
  color: var(--ots-anavy-body);
}

/* ---- twin blocks (process/docs + fees/dates) ---- */
.ots-w .ots-canvas .ots-aproc-rule{ margin-top: 128px; }

.ots-w .ots-canvas .ots-ablocks{ display: flex; align-items: flex-start; }
.ots-w .ots-canvas .ots-ablocks-1{ margin-top: 231px; }
.ots-w .ots-canvas .ots-ablocks-1 .ots-ablock{ height: 1980px; }
.ots-w .ots-canvas .ots-ablocks-2{ margin-top: 17px; }
.ots-w .ots-canvas .ots-ablocks-2 .ots-ablock{ height: 1236px; }

.ots-w .ots-canvas .ots-ablock{ color: #fff; overflow: hidden; }
.ots-w .ots-canvas .ots-ablock--process{
  width: 878px;
  background: var(--ots-amaroon);
  padding: 54px 44px 88px 48px;
  margin-right: 20px;
}
.ots-w .ots-canvas .ots-ablock--docs{
  width: 866px;
  background: #969283;
  padding: 54px 50px 88px 58px;
}
.ots-w .ots-canvas .ots-ablock--fees{
  width: 878px;
  background: #9fa2a7;
  padding: 77px 39px 140px 53px;
  margin-right: 20px;
}
.ots-w .ots-canvas .ots-ablock--dates{
  width: 867px;
  background: #90a350;
  padding: 60px 52px 140px 56px;
}

.ots-w .ots-canvas .ots-ablock-title{
  font-size: 77px;
  font-weight: 500;
  line-height: 94px;
  color: #fff;
}
.ots-w .ots-canvas .ots-ablock-sub{
  margin-top: 68px;
  font-size: 26px;
  line-height: 36px;
}
.ots-w .ots-canvas .ots-ablock-intro{
  margin-top: 68px;
  font-size: 26px;
  line-height: 35px;
}

.ots-w .ots-canvas .ots-ablock-hr{ height: 1px; background: rgba(255,255,255,.62); }
.ots-w .ots-canvas .ots-aprocess-hr{ margin-top: 98px; }
.ots-w .ots-canvas .ots-adocs-hr{ margin-top: 74px; }
.ots-w .ots-canvas .ots-afees-hr{ margin-top: 61px; }
.ots-w .ots-canvas .ots-adates-hr{ margin-top: 82px; }

.ots-w .ots-canvas .ots-aprocess-items{ margin-top: 86px; }
.ots-w .ots-canvas .ots-adocs-items{ margin-top: 66px; }
.ots-w .ots-canvas .ots-afees-items{ margin-top: 56px; }
.ots-w .ots-canvas .ots-adates-items{ margin-top: 54px; }

.ots-w .ots-canvas .ots-aitem h5{
  font-size: 26px;
  font-weight: 700;
  line-height: 38px;
}
.ots-w .ots-canvas .ots-aitem p{
  margin-top: 7px;
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
}
.ots-w .ots-canvas .ots-aitem + .ots-aitem{ margin-top: 41px; }
.ots-w .ots-canvas .ots-aprocess-items .ots-aitem:nth-child(2){ margin-top: 48px; }
.ots-w .ots-canvas .ots-aprocess-items .ots-aitem:nth-child(3){ margin-top: 47px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(2){ margin-top: 46px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(3){ margin-top: 39px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(4){ margin-top: 40px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(5){ margin-top: 36px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(6){ margin-top: 34px; }
.ots-w .ots-canvas .ots-adocs-items .ots-aitem:nth-child(7){ margin-top: 33px; }
.ots-w .ots-canvas .ots-afees-items .ots-aitem:nth-child(2){ margin-top: 31px; }
.ots-w .ots-canvas .ots-afees-items .ots-aitem:nth-child(3){ margin-top: 39px; }
.ots-w .ots-canvas .ots-adates-items .ots-aitem:nth-child(2){ margin-top: 40px; }
.ots-w .ots-canvas .ots-adates-items .ots-aitem:nth-child(3){ margin-top: 31px; }

.ots-w .ots-canvas .ots-anote{ margin-top: 88px; }
.ots-w .ots-canvas .ots-anote h4{
  font-size: 36px;
  font-weight: 700;
  line-height: 53px;
  color: var(--ots-agold);
}
.ots-w .ots-canvas .ots-anote p{
  margin-top: 8px;
  font-size: 26px;
  line-height: 36px;
  color: var(--ots-agold);
}
.ots-w .ots-canvas .ots-anote a{ color: var(--ots-agold) !important; }

.ots-w .ots-canvas .ots-aprices{ display: flex; margin-top: 57px; }
.ots-w .ots-canvas .ots-afee + .ots-afee{ margin-left: 47px; }
.ots-w .ots-canvas .ots-afee-amount{
  font-size: 31.5px;
  font-weight: 500;
  line-height: 44px;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-afee-label{
  font-size: 31.8px;
  font-weight: 700;
  line-height: 46px;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-adisclaimer{
  margin-top: 70px;
  font-size: 18px;
  line-height: 21.5px;
  color: #fff;
}

/* ---- photo + ready to apply (beige) ---- */
.ots-w .ots-canvas .ots-aphoto-rule{ margin-top: 188px; }

.ots-w .ots-canvas .ots-aphoto{
  margin-top: 152px;
  height: 500px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.ots-w .ots-canvas .ots-aready{
  height: 1340px;
  background: var(--ots-abeige-ready);
  text-align: center;
  padding-top: 190px;
}
.ots-w .ots-canvas .ots-aready-title{
  font-size: 69.3px;
  font-weight: 500;
  line-height: 96px;
  color: var(--ots-anavy);
}
.ots-w .ots-canvas .ots-aready-text{
  margin-top: 33px;
  font-size: 26px;
  line-height: 35px;
  color: var(--ots-anavy);
}
.ots-w .ots-canvas .ots-aready-btn{
  display: inline-block;
  margin-top: 138px;
  width: 200px;
  background: var(--ots-anavy-body);
  color: #fff !important;
  font-size: 25.1px;
  font-weight: 600;
  padding: 17px 0 16px;
}
.ots-w .ots-canvas .ots-aready-hr{
  width: 964px;
  margin: 157px auto 0;
}
.ots-w .ots-canvas .ots-ahelp-title{
  margin-top: 73px;
  font-size: 36px;
  font-weight: 600;
  line-height: 51px;
  color: var(--ots-anavy);
}
.ots-w .ots-canvas .ots-ahelp-text{
  margin-top: 30px;
  font-size: 26px;
  line-height: 35px;
  color: var(--ots-anavy);
}
.ots-w .ots-canvas .ots-aofficer-label{
  margin-top: 37px;
  font-size: 26px;
  line-height: 36px;
  color: var(--ots-aofficer);
}
.ots-w .ots-canvas .ots-aofficer-name{
  margin-top: 5px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: var(--ots-anavy-body);
}
.ots-w .ots-canvas .ots-aofficer-mail{
  font-size: 26px;
  line-height: 36px;
  color: var(--ots-anavy-body);
}