@charset "UTF-8";



body { margin: 0; font-family: 'Ubuntu';}



*{ margin:0; padding:0;}



ul { margin:0; padding:0;}



ul li{ list-style:none; text-decoration:none;}



h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}

*,

*::before,

*::after {

  box-sizing: border-box; }

  

img {

    vertical-align: middle;

    border-style: none;

    max-width: 100%;

}

button{

        border-radius: 8px !important;

} 

p{

    font-family: Ubuntu;

    font-weight: 400;

    font-size: 17px;

    line-height: 22px;

}

:focus {

    border: none !important;

    box-shadow: none !important;

}

@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-Italic.woff2') format('woff2'),

        url('../fonts/Ubuntu-Italic.woff') format('woff');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-Bold.woff2') format('woff2'),

        url('../fonts/Ubuntu-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-BoldItalic.woff2') format('woff2'),

        url('../fonts/Ubuntu-BoldItalic.woff') format('woff');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-LightItalic.woff2') format('woff2'),

        url('../fonts/Ubuntu-LightItalic.woff') format('woff');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-Medium.woff2') format('woff2'),

        url('../fonts/Ubuntu-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-Regular.woff2') format('woff2'),

        url('../fonts/Ubuntu-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-MediumItalic.woff2') format('woff2'),

        url('../fonts/Ubuntu-MediumItalic.woff') format('woff');

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Ubuntu';

    src: url('../fonts/Ubuntu-Light.woff2') format('woff2'),

        url('../fonts/Ubuntu-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

/*LINEAGE PAGE CSS START*/     

/*HEADER SECTION CSS START*/     

.flex-1 {

    flex: 0 0 84%;

}

.avatar {

    width: 50px;

    min-width: 50px;

    height: 50px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: -10px;

}

section.header-section nav.navbar ul li a {

    font-family: Ubuntu;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    color: rgba(35, 54, 60, 1);



}

section.header-section nav.navbar ul li.nav-item.dropdown a {

    font-weight: 600;

    color: rgba(35, 54, 60, 1);



}
section.header-section a.navbar-brand.image-margin2 b {
    font-family: Ubuntu;
    font-weight: bold;
    font-size: 22px;
    color: #000000;
}

section.header-section a.navbar-brand.image-margin2 img {

    width: 55px;

    height: auto;

    margin-top: -10px;

/*    margin-left: 15px;*/

}

/*HEADER SECTION CSS END*/



/*BANNER SECTION CSS START*/

section.banner-section .header-img {

    border-radius: 25px;

}

section.banner-section .col-md-8 {

    margin-top: -9%;

    background: #fff;

    padding: 36px !important;

}

section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1{

font-family: Ubuntu;

font-weight: bold;

font-size: 41px;

line-height: 37px;

display: flex;

align-items: center;

letter-spacing: 0.02em;

color: #222222;

}



section.banner-section .col-md-8 span{

font-family: Ubuntu;

font-weight: 300;

font-size: 19px;

line-height: 23px;

display: flex;

align-items: center;

letter-spacing: 0.02em;

color: #7D7D7D;

margin-left: 20px;

}

section.banner-section .col-md-8 .col-md-12 p{

font-family: Ubuntu;

font-size: 17px;

line-height: 22px;

letter-spacing: 0.02em;

color: #434343;

flex: none;

order: 0;

flex-grow: 0;

margin: 12px 0px;

}

section.banner-section .col-md-8 .col-md-6{

border-color: #C90033 !important;

}

section.banner-section .col-md-8 .col-md-12 p a{

color: #C90033;  

text-decoration: none;  

}

section.banner-section .col-md-8 .col-md-12 button {

background: #C90033;

color: #fff;

font-size: 13px;

border: 2px solid #C90033 !important;

}

/*24-05-2023*/

section.banner-section .col-md-8 .col-md-12 button:hover,

section.banner-section .col-md-8 .col-md-12 .text-center button.clicked:hover {

    background: #840408;

    border: 2px solid #840408 !important;

    color: #fff;

}

section.banner-section .col-md-8 .col-md-12 .text-center {

    width: 80%;

    margin: 0px auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

section.banner-section .col-md-8 .col-md-12 .text-center button.clicked {

    background: #fff;

    color: #C90033;

}

section.timeline-section button.btn i.fas.fa-search {

    color: #999999;

}

/*24-05-2023*/

/*BANNER SECTION CSS END*/



/*TIMELINE SECTION CSS START*/

section.timeline-section form.d-flex input.form-control {

    border: 2px solid #e2e2e2 !important;

    border-radius: 8px;

}

section.timeline-section form.d-flex input.form-control:focus {

    border: 2px solid #e2e2e2;

}

section.timeline-section img {

    border-radius: 30px;

}

section.timeline-section .col-md-12.d-flex{

    background: #f5f5f5;

}

section.timeline-section form {

    position: relative;

    padding: 0;

}

section.timeline-section button.btn {

    position: absolute;

    right: 20px;

}

section.timeline-section button.btn i {

    color: #fff;

}

.timeline .timeline-experience {

    position: relative;

    float: left;

    margin-left: 80px;

    padding-left: 15px;

    border-left: 6px solid #F5F5F6;

}

.timeline .timeline-experience.timeline-mh-historical-event {
    display: block;
}

.timeline .timeline-experience-info h5 {

    margin-top: 0;

    margin-bottom: 0.333em;

    font-size: 18px;

    color: #7D7D7D;

    font-weight: 500;

    font-size: 12px;

    line-height: 14px;



}



.timeline .timeline-experience-info .timeline-role {

    font-weight: 500;

    font-size: 24px;

    line-height: 29px;

    color: #C90033;

}



.timeline .timeline-experience-info p {

    font-size: 17px;

    color: #333;

    line-height: 27px;

}



.timeline time {

    display: block;

    width: 65px;

    color: #ccc;

    text-align: center;

    font-weight: 700;

}



.timeline .timeline-experience-img,

.timeline .timeline-experience-info,

.timeline .timeline-experience-info h5,

.timeline .timeline-experience-info .role,

.timeline .timeline-experience-info p {

    clear: none;

}

.timeline .timeline-experience .timeline-circle {

    position: absolute;

    top: 30px;

    left: -23px;

    display: block;

    width: 40px;

    height: 40px;

    border: 3px solid #f5f5f6;

    border-radius: 50%;

    background-color: #C90033;

}



.timeline .timeline-experience-info {

    margin-left: 45px;

    margin-top: 20px;

    background: #f5f5f6;

    padding: 25px 30px;

    position: relative;

}

.timeline-experience:first-child .timeline-experience-info {

    margin-top: 120px;

}

.timeline-experience:first-child .timeline-circle {

    margin-top: 100px;

}

.timeline-experience-info p {

    margin-top: 10px;

    margin-bottom: 20px;

}

.timeline-year p{

   font-family: Ubuntu;

font-style: normal;

font-size: 17px;

line-height: 21px;

color: #000000; 

}

section.timeline-section .timeline-experience-info button.btn {

    position: initial;

    background: linear-gradient(0deg, #C90033, #C90033),

linear-gradient(0deg, #C90033, #C90033);

    font-size: 12px;

    color: #fff;

    margin: 0 !important;

}

.timeline .timeline-experience-info::before {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right: 23px solid #f5f5f6;

    position: absolute;

    top: 9px;

    left: -20px;

}

.timeline .timeline-experience img{

    width: 100%;

}

span.timeline-circle p {

    font-size: 11px;

    color: #fff;

    text-align: center;

    padding: 6px 0;

}

.timeline-experience-info span {

    font-size: 13px;

    line-height: 14px;

    color: #C90033;

    cursor: pointer;

}

.timeline-experience-info span.hide-content {

    font-size: 15px;

    color: #333;

    line-height: 27px;

    float: left;

    display: none;

}

.timeline-experience-info.active span.hide-content {

    display: block;

}

.timeline-experience-info span.close {

    display: block;

}

.timeline-experience-info span.open {

    display: none;

}

.timeline-experience-info.active span.open {

    display: block;

}

.timeline-experience-info.active span.close {

    display: none;

}

.timeline-experience.close span.timeline-circle {

    background-color: #149BC9;

    width: 30px;

    height: 30px;

    left: -18px;

    top: 35px;

}

.timeline-experience-info h5, .timeline-experience-info span {

    display: inline-block;

}

.timeline-experience-info span {

    float: right;

}

section.timeline-section .timeline-experience-info i {

    margin-left: 6px;

}

section.timeline-section .col-md-9.timeline {

    padding-right: 30px;

}

/*TIMELINE SECTION CSS END*/

/*TIMELINE SECTION FILTER CSS START*/

.sidebar-filter p{

font-family: Ubuntu;

font-style: normal;

font-weight: 500;

font-size: 17px;

line-height: 19px;

color: #C90033;

}

.sidebar-filter {

    margin-top: 120px;

    padding: 15px;

    border: 2px solid #f5f5f6;

    border-radius: 8px;

}

.sidebar-filter .col-md-4 {

    display: flex;

    align-items: center;

}

.sidebar-filter .form-check .form-check-input {

    float: right !important;

    margin-left: 0 !important;

}

.sidebar-filter .form-check.form-switch {

    padding: 15px 0 !important;

    border-top: 1px solid #e2e2e2;

}

.sidebar-filter .form-check-input:checked {

    background-color: #C90033 !important;

    border-color: #C90033 !important;

}

.sidebar-filter .accordion.accordion-flush{

        border-top: 1px solid #e2e2e2;



}

.sidebar-filter .accordion-button, .sidebar-filter .accordion-body {

    padding: 15px 0 !important;

}

.sidebar-filter .accordion-button:not(.collapsed) {

    color: #434343 !important;

    background-color: #fff !important;

    border-bottom: none !important;

}

.sidebar-filter .accordion-body .form-check.form-switch {

    border-top: none !important;

}

.col-md-2.sidebar {

    padding-left: 0;

}

.sidebar-filter label, .sidebar-filter h2.accordion-header button {

    font-family: Ubuntu;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 17px;

    letter-spacing: 0.02em;

    text-align: left;

}

/*TIMELINE SECTION FILTER CSS END*/

/*LINEAGE PAGE CSS END*/ 



/*SARAHA PAGE CSS START*/

section.lineage-holder-section .col-md-12.d-flex:first-child {

    background: #f5f5f5;

}

.lineage-holder-section p {

    font-family: Ubuntu !important;

    font-size: 17px !important;

    line-height: 22px !important;

    letter-spacing: 0.02em !important;

    color: #434343 !important;

    flex: none !important;

    order: 0 !important;

    flex-grow: 0 !important;

    margin: 12px 0px !important;

}



.lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: bold;

    font-size: 30px;

    line-height: 110%;

    letter-spacing: 0.02em;

    color: #222222;

}

.lineage-holder-section .col-md-12.d-flex:first-child p {

    font-family: Ubuntu !important;

    font-style: normal;

    font-weight: normal;

    font-size: 24px;

    line-height: 110%;

    letter-spacing: 0.02em;

    color: #4B4B4B !important;

}    

section.lineage-holder-section .row.d-flex.justify-content-between {

    position: relative;

} 

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    /*width: 210px;

    position: absolute;

    top: -90px;

    left: 200px;

    border-radius: 8px;*/

      /*  width: 210px;
    height: 210px;        /* or max-height: 210px if you want it to shrink for smaller images 
    object-fit: cover;    /* prevents distortion, crops instead of stretching 
    position: absolute;
    top: -90px;
    left: 200px;
    border-radius: 8px;*/
        width: 180px;
    height: auto;           /* no forced height = no cropping/squishing */
    max-height: 250px;      /* optional safety cap */
    /*object-fit: contain;    /* or remove object-fit entirely since height is auto */
    position: absolute;
    top: -90px;
    left: 200px;
    border-radius: 8px;
}

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img.lazy-image,
section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img.lazy-error {
    width: 180px !important;
    height: auto !important;
    max-height: 250px !important;
    position: absolute !important;
    top: -90px !important;
    left: 200px !important;
    border-radius: 8px !important;
}

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-7 .col-md-12:first-child p {

    font-family: Ubuntu;

    font-size: 17px;

    font-style: normal;

    line-height: 23px;

    letter-spacing: 0.02em;

    text-align: left;

    width: 70%;

    color: rgba(0, 0, 0, 1);

}


section.lineage-holder-section .row.d-flex.justify-content-between .col-md-7>.col-md-12:first-child p:first-child::first-letter {

    font-size: 40px;

    font-weight: 500;

    color: rgba(0, 0, 0, 1);

}

.backquote-box .backquote h3 {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    text-align: center;

    color: #222222;

    padding: 0px 20px 10px;

    line-height: 27px;

  
    text-transform: none !important;



}

.backquote-box .backquote {

    background: #F2F2F2;

    text-align: center;

    padding: 25px;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}

.backquote-box .mh-image-fluid-width-full {
    text-align: center;
}

.backquote-box .backquote .backquote-icon {

    width: 24px;

    height: 16px;

    align-self: center;

    margin-bottom: 20px;

}

.backquote-box .backquote p {

    font-family: Ubuntu !important;

    font-style: normal !important;

    font-weight: 500 !important;

    font-size: 15px !important;

    line-height: 150% !important;

    color: #C90033 !important;

    text-align: center !important;

    width: 100% !important;

}

section.lineage-holder-section .col-md-8 button {

    position: initial;

    background: linear-gradient( 

0deg

 , #C90033, #C90033), linear-gradient( 

0deg

 , #C90033, #C90033);

    font-size: 12px;

    color: #fff;

}

   

section.lineage-holder-section button i.fa.fa-angle-right {

    margin-left: 15px;

}

 /*STORY SECTION CSS START*/

section.story-section .col-md-7.text-center h3 {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 100%;

    color: #C90033;

    margin: 8px 0px;

}

section.story-section .col-md-7.text-center span {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    color: #434343;

}

section.story-section .col-md-12.mb-5:last-child .col-md-7 {

    border-top: 1px solid rgba(226, 226, 226, 1);

}

section.story-section button{

        border-radius: 8px !important;

        background: #C90033 !important;

    color: #fff !important;

    font-size: 13px !important;

    padding: 8px 25px;

}

section.story-section button i.fa.fa-angle-left {

    margin-right: 15px;

}

section.story-section button i.fa.fa-angle-right {

    margin-left: 15px;

}

 /*STORY SECTION CSS END*/

 /*saraha SIDEBAR CSS START*/

.saraha-sidebar {

    padding: 15px;

    border: 2px solid #f5f5f6;

    border-radius: 8px;

}

section.lineage-holder-section .sidebar a {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: normal;

    font-size: 13px;

    letter-spacing: 0.02em;

    color: #149BC9;

    text-decoration: none;

}

.lineage-holder-section .sidebar h2 {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: 500;

    font-size: 17px;

    color: #C90033;

}

.saraha-sidebar p {

    font-family: Ubuntu;

    font-weight: normal;

    font-size: 14px;

    line-height: 120%;

    color: rgba(0, 0, 0, 0.54);

}

.lineage-holder-section .sidebar .sahara-sidebar ul li {

    font-family: Ubuntu;

    font-weight: 300;

    font-size: 14px;

    line-height: 120%;

    color: #434343;

    margin-bottom: 10px;

    list-style: disc;

    margin-left: 15px;

}

.lineage-holder-section .sidebar .sahara-sidebar p{

    font-size: 14px;

}

.map-box h2 {

    padding: 0 15px;

}

section.lineage-holder-section .sidebar .sidebar-card-heading {

    margin: 30px 0 12px;

    padding: 0;

    font-size: 16px;

    text-align: left;

}

.map-box iframe {

    padding: 15px;

}

.lineage-holder-section .col-md-12 b{

    font-style: italic;

    font-weight: 500;

}



 /*saraha SIDEBAR CSS END*/

/*SARAHA PAGE CSS END*/ 

/*NAGARJUNA PAGE CSS START*/ 

.col-md-12.mt-5.bg-secondary.backquote-box {

    background: #7d7d7d !important;

}

.col-md-12.mt-5.bg-secondary.backquote-box {

    padding: 35px;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote {

    background: none !important;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote {

    text-align: left;

    color: #fff;

    padding: 0;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote h3 {

    font-family: Ubuntu;

    font-weight: 100;

    font-size: 18px;

    letter-spacing: 0.02em;

    color: #fff;

    padding-left: 0;

    text-align: left;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote .backquote-icon {

    margin-top:25px;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote.backquote-center .backquote-icon {

    align-self: center;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote p {

    text-align: left;

    color: #fff !important;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote.backquote-center h3 {

    text-align: center;

}

.col-md-12.mt-5.bg-secondary.backquote-box .backquote.backquote-center p {

    text-align: center;

}

section.lineage-holder-section .col-md-12.text-center h3 {

    font-family: Ubuntu !important;

    font-style: normal !important;

    font-weight: bold !important;

    font-size: 18px !important;

    line-height: 100% !important;

    color: #C90033 !important;

    margin: 8px 0px !important;

}

section.lineage-holder-section .col-md-12.text-center span {

    font-family: Ubuntu;

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    color: #434343;

}

section.lineage-holder-section button.btn {

    border-radius: 8px !important;

    background: #C90033 !important;

    color: #fff !important;

    font-size: 13px !important;

    padding: 8px 25px;

}

section.lineage-holder-section button i.fa.fa-angle-left {

    margin-right: 15px;

}

section.lineage-holder-section .col-md-12.mt-5.backquote-box .backquote p::first-letter {

    margin-left: 0;

}

/*NAGARJUNA PAGE CSS END*/



/*24-05-2023*/

span.to-top {

    width: 44px;

    height: 44px;

    display: none;

    justify-content: center;

    align-items: center;

    background: #f5f5f5;

    cursor: pointer;

    position: relative;

    left: 30px;

    bottom: 30px;

}

section.timeline-section .col-md-9.timeline button#filter {

    width: 69px;

    height: 36px;

    background: #434343;

    color: #fff;

    display: none;

    align-items: center;

    justify-content: center;

    line-height: 1;

}

form.mobile-search {

    display: none !important;

}

section.header-section a.navbar-brand.image-margin2 b.mobile-text {

    display: none;

}

/*section.header-section nav.navbar ul.navbar-nav {

    display: none;

}*/

section.header-section nav.navbar div#navbarSupportedContent {

    justify-content: flex-end;

}

/*25-05-2023*/

section.lineage-holder-section .refugetree-box img {

    position: static !important;

    margin: 10px 0;

}

.map-box iframe {

    padding: 0;

    border-radius: 7px;

    overflow: hidden;

    margin: 15px 0;

}

.refugetree-box h2,

.glossary-sidebar h2 {

    padding: 0 15px;

}

.col-md-12.glossary-sidebar ul {

    padding: 20px;

    border: 2px solid #f5f5f5;

}

.col-md-12.glossary-sidebar ul li span {

    display: block;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px;

    font-size: 14px;

}

.col-md-12.glossary-sidebar ul li {

    font-size: 14px;

    line-height: 17px;

    color: #222222;

    margin-bottom: 30px;

}

.col-md-12.glossary-sidebar ul li a {

    font-weight: 500;

    font-size: 14px;

    color: #c90033;

    text-decoration: underline;

}

.col-md-12.glossary-sidebar ul li:last-child {

    margin-bottom: 10px;

}

.map-box h2 i.fas.fa-map-marker-alt {

    margin-right: 10px;

}

section.lineage-holder-section .col-md-7 .col-md-12.mt-4 img.img-fluid.w-100 {

    border-radius: 12px;

}

section.lineage-holder-section .col-md-7 .col-md-12.mt-5 p:first-letter {

    margin-left: 2rem;

}

section.lineage-holder-section .key-transmissions .col-md-12.text-center h3 {

    background: #f5f5f5;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

}

section.lineage-holder-section .col-md-12 p ul  {


    margin-left: 2rem;

}

section.lineage-holder-section .col-md-12 p ul li {

    list-style: disc;

    line-height: 150%;

    color: #000;

}

section.lineage-holder-section .key-transmissions .col-md-12 ul li {

    list-style: disc;

    font-size: 15px;

    line-height: 150%;

    color: #000;

    letter-spacing: .02em;

}

section.lineage-holder-section .key-transmissions .col-md-12 ul li {

    list-style: disc;

    font-size: 15px;

    line-height: 150%;

    color: #000;

    letter-spacing: .02em;

    margin-bottom: 5px;

}




section.lineage-holder-section .key-transmissions .col-md-12 ul:not(:last-child) {

    margin-bottom: 30px;

}

.key-transmissions .col-md-12 .col-md-12.justify-content-between {

    background: none !important;

    flex-wrap: wrap;

    justify-content: center !important;

    padding: 2rem 8rem;

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}

.key-transmissions .col-md-12 .col-md-12.justify-content-between a {

    padding: 6px 16px;

    background: #f5f5f5;

    border-radius: 10px;

    color: #C90033;

    text-decoration: none;

    font-weight: 400;

    line-height: 150%;

    margin: 3px;

}

section.lineage-holder-section .key-transmissions .col-md-12 ul {

    padding: 0 45px;

}

.further_information.col-md-12 h3 {

    font-size: 18px;

    color: #434343;

    line-height: 100%;

    margin-bottom: 30px;

    letter-spacing: .02em;

    font-weight: 500;

}

.further_information.col-md-12 ul li {

    letter-spacing: .02em;

    font-size: 15px;

    line-height: 150%;

    margin-bottom: 15px;

}

.further_information.col-md-12 ul li b {

    font-style: normal;

    font-weight: 700;

}

.further_information.col-md-12 .col-md-12.mt-5 > a {

    display: block;

    margin-bottom: 10px;

    font-size: 15px;

    line-height: 22px;

    color: #149BC9;

    font-weight: 400;

}

section.lineage-holder-section .col-md-7 > .col-md-12.mt-5:last-child .col-md-12.d-flex {

    background: none !important;

    margin-top: 0 !important;

}


.timeline .timeline-experience-info .historical-event-title {

    font-weight: 500;

    font-size: 24px;

    line-height: 29px;

    color: #C90033;

}

.historical-events.col-md-12 .col-md-12 > .carousel {

    padding: 20px 0;

    border-top: 1px solid #CE162B;

    border-bottom: 1px solid #CE162B;

}

.historical-events.col-md-12 {

    padding: 20px 50px 40px 50px;

    box-shadow: 0px 4px 15px rgb(0 0 0 / 20%);

    border-radius: 20px;

    margin: 60px 0px 10px 0px;

    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F5F5F5;

}

.historical-events.col-md-12 h3 {

    color: #C90033;

    font-size: 18px;

    line-height: 120%;

    letter-spacing: .02em;

    padding: 20px 0;

}

.historical-events.col-md-12 h3 i {

    margin-right: 10px;

}

.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item span {

    font-size: 14px;

    font-weight: 400;

    color: #7D7D7D;

    line-height: 150%;

    letter-spacing: .02em;

}

.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item h4 {

    font-size: 16px;

    font-weight: 500;

    color: #000000;

    line-height: 24px;

    letter-spacing: .02em;

}

.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item p, .historical-events.col-md-12 .col-md-12 > .carousel .carousel-item p:first-letter {

    font-size: 14px !important;

    font-weight: 300 !important;

    line-height: 150% !important;

    color: #000000 !important;

    width: 100% !important;

}

.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item h3 {

    color: #000000 !important;

    font-size: 14px;

    font-weight: 600;

    padding: 10px 0;

}

.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item p b {

    font-style: normal;

    font-weight: 600;

}

.historical-events.col-md-12 .col-md-12 > .carousel button {

    position: absolute !important;

    width: 25px;

    height: 25px;

    padding: 0 !important;

    border-radius: 25px !important;

    top: -45px;

    right: 0 !important;

    left: initial;

    background: #C90033 !important;

    opacity: 1 !important;

}

.historical-events.col-md-12 .col-md-12 > .carousel button.carousel-control-prev {

    right: 40px !important;

}

.sidebar-filter .form-check .form-check-input {

    position: relative;

    background: #C4C4C4;

    border: none;

    width: 35px;

}

.sidebar-filter .form-check-input::after {

    border: 2px solid #fff;

    position: absolute;

    content: "";

    width: 22px;

    height: 22px;

    top: -3px;

    left: 0;

    background: #999999;

    border-radius: 50%;

    box-shadow: 0 0 5px rgb(0 0 0 / 20%);

    transition: 0.4s;

}

.sidebar-filter .form-check-input:checked::after {

    left: 50%;

}

/*25-05-2023*/







/*RESPONSIVE CSS START*/ 

@media (max-width: 1024px) {

/*lineage page*/

    section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-size: 35px;

}

section.timeline-section .col-md-2.sidebar {

    width: 25%;

}

section.timeline-section .col-md-1 {

    display: none;

}

section.header-section nav.navbar ul li a {

    font-size: 14px;

}

/*lineage page end*/





/*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    width: 190px;

    top: -180px;

    left: 150px;

}



/*saraha page end*/



}

@media (max-width: 991px) {

    /*navigation-mobile*/

    .navbar-collapse form {

    display: block !important;

}

.navbar-collapse form .p-2:first-child, .navbar-collapse.collapse form .p-2:last-child {

    display: block !important;

}

.navbar-collapse form .p-2 {

    display: none;

}

/*24-05-2023*/

section.header-section nav.navbar > .p-2 {

    display: none;

}

form.mobile-search {

    display: flex !important;

}

section.header-section a.navbar-brand.image-margin2 b {

    display: none;

}

section.header-section a.navbar-brand.image-margin2 b.mobile-text {

    display: inline-block !important;

    font-size: 17px;

}

section.header-section a.navbar-brand.image-margin2 {

    margin: 0;

    display: flex;

    align-items: center;

    line-height: 1;

}



form.mobile-search img.search {

    width: 19px;

}

section.header-section a.navbar-brand.image-margin2 img {

    margin-top: 0;

}

section.header-section nav.navbar ul.navbar-nav {

    display: flex;

}

/*navigation-mobile*/

}

@media (max-width: 926px) {

/*lineage page*/

    section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-size: 30px;

}

/*lineage page end*/

/*saraha page*/

section.lineage-holder-section .col-md-12.d-flex .row .col-md-7 {

    width: 62%;

}

section.lineage-holder-section .col-md-12.d-flex .row .col-md-2.sidebar {

    width: 21%;

    padding-left: 15px;

}

section.lineage-holder-section .col-md-12.d-flex .row .col-md-2.sidebar {

    word-break: break-word;

}

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    left: 100px;

}

}



@media (max-width: 896px) {

/*lineage page*/

section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-size: 30px;

}

/*lineage page end*/



/*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    top: -171px;

    left: 70px;

}



/*saraha page end*/

}

@media (max-width: 844px) {

/*lineage page*/

section.timeline-section .col-md-2.sidebar {

    width: 27%;

}

section.timeline-section .col-md-9.timeline {

    width: 73%;

}

.timeline .timeline-experience {

    margin-left: 40px;

}

section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-size: 27px;

}

/*lineage page end*/





}

@media (max-width: 768px) {

/*lineage page*/

section.banner-section .col-md-8 h1, .lineage-holder-section .col-md-12.d-flex:first-child h1 {

    font-size: 25px;

    line-height: 25px;

}

section.timeline-section .col-md-2.sidebar {

    width: 30%;

}

section.timeline-section .col-md-9.timeline{

    width: 70%;

}

/*lineage page end*/



/*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    width: 170px;

    top: -210px;

    left: 80px;

}



/*saraha page end*/

}

@media (max-width: 767px) {

/*lineage page*/

section.timeline-section .col-md-2.sidebar {

    width: 100%;

    padding-left: calc(var(--bs-gutter-x)/ 2);

}

section.timeline-section .col-md-9.timeline{

    width: 100%;

}

section.timeline-section  .col-md-2.sidebar .sidebar-filter .col-md-8 {

    width: 90%;

}

section.timeline-section  .col-md-2.sidebar .sidebar-filter .col-md-4 {

    width: 10%;

    margin-top: -15px;

}

section.timeline-section .col-md-9.timeline {

    padding-right: calc(var(--bs-gutter-x)/ 2);

}

section.banner-section .col-md-8 {

    margin-top: 0;

}

.sidebar-filter {

    margin-top: 0px;

}

section.timeline-section .col-md-12.d-flex.justify-content-center .col-md-8.p-5 {

    width: 100%;

}

/*24-05-2023*/

section.banner-section .col-md-8 .col-md-12 .text-center {

    width: 100%;

}

span.to-top, section.timeline-section .col-md-9.timeline button#filter {

    display: flex;

}

section.timeline-section .col-md-9.timeline button#filter {

    position: relative;

    right: initial;

    margin-left: auto;

    top: 3.7rem;

    z-index: 1;

}

section.timeline-section .col-md-2.sidebar .sidebar-filter {

    position: fixed;

    background: #fff;

    box-shadow: 0px 0 9px rgb(0 0 0 / 40%);

    left: 15px;

    width: 280px;

    margin: auto;

    top: 0;

    bottom: 0;

    height: max-content;

    max-height: 90vh;

    overflow: auto;

    display: none;

}

section.timeline-section .col-md-2.sidebar .sidebar-filter.show {

    display: block;

}

/*24-05-2023*/

/*lineage page end*/

/*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    width: 150px;

    top: -103px;

    left: 40px;

}

section.lineage-holder-section .sidebar a {

    padding-left: 20px;

}

section.lineage-holder-section .col-md-12.mt-5 .col-md-3 img {

    margin-bottom: 30px;

}

section.lineage-holder-section .col-md-12.d-flex .row .col-md-7 {

    width: 100%;

}

section.lineage-holder-section .col-md-12.d-flex .row .col-md-2.sidebar {

    width: 100%;

}

section.lineage-holder-section button {

    margin-top: 10px !important;

}

/*saraha page end*/

.col-md-2.sidebar {

    padding-left: 15px;

}

section.lineage-holder-section .sidebar a {

    padding-left: 0;

}

section.banner-section .header-img {

    border-radius: 10px;

}



.backquote-box .row {
    flex-direction: column;
}

.backquote-box .mh-image-fluid-width-full img {
    width: 100% !important;
    height: auto !important;
}

.backquote-box .mh-image-fluid-width-full,
.backquote-box .col-md-8 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}


}



@media (max-width: 575px) {

/*lineage page*/

section.banner-section .col-md-8 span {

    margin-left: 0;

    margin-top: 15px;

}

.timeline .timeline-experience {

    margin-left: 15px;

}

.timeline .timeline-experience-info {

    padding: 15px 15px;

}

/*24-05-2023*/

section.banner-section .col-md-8 .col-md-12 .text-center button {

    width: 100%;

    margin-top: 20px !important;

}

section.banner-section .col-md-8 .col-md-6 {

    width: 50%;

}

section.banner-section .col-md-8 {

    padding: 20px !important;

}

section.header-section a.navbar-brand.image-margin2 b.mobile-text {

    font-size: 12px;

}

span.to-top {

    left: 10px;

}

section.lineage-holder-section .col-md-7 > .col-md-12.mt-5:last-child .col-md-12.d-flex {

    justify-content: center !important;

    flex-wrap: wrap;

    padding-top: 20px;

}

.historical-events.col-md-12 {

    padding: 0px 20px 100px 20px;

}

.historical-events.col-md-12 .col-md-12 > .carousel button {

    left: 0 !important;

    right: 0 !important;

    margin: 0px auto;

    top: initial;

    bottom: -65px;

}

.historical-events.col-md-12 .col-md-12 > .carousel button.carousel-control-next {

    left: 40px !important;

}

/*lineage page end*/



/*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    width: 103px;

    top: 10px;

    left: 40px;

}

/*saraha page end*/

section.timeline-section .col-md-2.sidebar .sidebar-filter .col-md-4 {

    width: 13%;

}

section.timeline-section .col-md-2.sidebar .sidebar-filter .col-md-8 {

    width: 87%;

}

.col-md-12.mt-5.bg-secondary.backquote-box {

    padding: 10px;

    border-radius: 8px;

}

.backquote-box .row {
    flex-direction: column;
}

.backquote-box .mh-image-fluid-width-full {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.backquote-box .mh-image-fluid-width-full .img-placeholder {
    display: block;
    width: 100%;
}

.backquote-box .mh-image-fluid-width-full img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.backquote-box .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
}


.col-md-12.mt-5.bg-secondary.backquote-box .backquote, .col-md-12.mt-5.bg-secondary.backquote-box .backquote p, .col-md-12.mt-5.bg-secondary.backquote-box .backquote h3 {

    text-align: center !important;

    padding-left: 0;

    padding-right: 0;

}

.key-transmissions .col-md-12 .col-md-12.justify-content-between {

    padding: 2rem 2rem;

}

.col-md-12.mt-5.refugetree-box h2,

.col-md-12.glossary-sidebar.mt-4 h2 {

    height: 56px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 12px;

    background: #f5f5f5;

}

.col-md-12.glossary-sidebar ul li a {

    display: block;

    text-align: center;

}

section.lineage-holder-section > .container-fluid.container-xxl > .col-md-12.d-flex.justify-content-center:first-child {

    justify-content: flex-start !important;

    padding: 0 30px;

    margin-top: 30px;

}

section.lineage-holder-section > .container-fluid.container-xxl > .col-md-12.d-flex.justify-content-center.pt-5.pb-5.align-middle:last-child .col-md-2 img {

    padding: 0 30px 30px 30px;

    background: #f5f5f5;

    border-radius: 0 !important;

    margin-top: -10px;

}

.backquote-box .backquote {

    padding: 20px;

    width: calc(100% - 30px);

    margin: 0px auto;

}

.backquote-box .backquote h3 {

    padding-left: 0;

    padding-right: 0;

}

}

@media (max-width: 500px) {

    /*saraha page*/

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-2:first-child img {

    position: initial;

    width: 100%;

    margin: 0px auto;

    display: block;

}

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-7 .col-md-12:first-child p {

    width: 100%;

}

/*section.lineage-holder-section .col-md-12.d-flex:first-child{

    padding-left: 30px;

    padding-right: 30px;

}*/

section.lineage-holder-section .col-md-12.align-middle {

    padding-top: 0 !important;

}

/*saraha page end*/

}

@media (max-width: 425px) {

section.timeline-section .col-md-2.sidebar .sidebar-filter .col-md-4 {

    width: 13%;

}

section.timeline-section .col-md-2.sidebar .sidebar-filter .col-md-8 {

    width: 87%;

}

}

@media (max-width: 320px) {

/*saraha page*/

section.story-section button {

    padding: 8px 20px;

}

/*saraha page end*/

}

/*RESPONSIVE CSS START*/ 





/*20-06-2014*/

section.header-section .text-center a {

    background: #C90033;

    color: #fff;

    font-size: 13px;

    border: 2px solid #C90033 !important;

    margin: 0 10px !important;

    min-width: 135px;

    text-align: center;

    border-radius: 8px !important;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

section.header-section .text-center a:hover,

section.header-section .text-center a.active:hover {

    background: #840408;

    border: 2px solid #840408 !important;

    color: #fff;

}

section.header-section .text-center {

    width: 80%;

    margin: 0px auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

section.header-section .text-center a.active {

    background: #fff;

    color: #C90033;

}

.sidebar-filter .accordion-body .form-check.form-switch {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

section.timeline-section .col-md-9.timeline div#filter img {

    border-radius: 0 !important;

    width: 40px;

    margin: auto;

    display: block;

}

section.timeline-section .col-md-12 {

    position: relative;

    overflow: hidden;

}

section.timeline-section #glossary-pagination-container {
    display: flex;
    
    justify-content: center;
}

section.timeline-section .col-md-9.timeline div#filter {

    width: max-content;

    position: absolute;

    right: 17px;

    top: 150px;

    cursor: pointer;

}

section.timeline-section.sidebar .col-md-9.timeline {

    width: calc(75% + 12%) !important;

}

section.timeline-section .col-md-9.timeline div#filter img.show {

    display: none;

}

section.timeline-section.sidebar .col-md-9.timeline div#filter img.hide {

    display: none;

}

section.timeline-section.sidebar .col-md-9.timeline div#filter img.show {

    display: block;

}



section.timeline-section .col-md-9.timeline,

section.timeline-section .col-md-2.sidebar {

    transition: all .15s ease-in-out;

}



section.timeline-section.sidebar .col-md-2.sidebar {

    position: absolute;

    right: -16.6666666667%;

    transition: all .15s ease-in-out;

}



.grid-menu .other-websites li a {

    font-size: 13px !important;

    text-decoration: none;

    line-height: 1 !important;

    transition: all .15s ease-in-out;

}

.grid-menu .other-websites li a:hover {

    color: #C90033;

}

.p-2.grid-menu {

    position: relative;

    cursor: pointer;

}

.other-websites {

    width: max-content;

    position: absolute;

    background: #fff;

    padding: 15px;

    right: 0;

    box-shadow: 0 0 5px 0px #00000040;

    border-radius: 5px;

    display: none;

    z-index: 1;

}



.p-2.grid-menu:hover .other-websites {

    display: block;

}

.keyboard {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    min-height: 108px;

    margin-top: 30px;

    justify-content: center;

}

.key, .toggle {

    margin: 5px;

    padding: 5px;

    background-color: transparent;

    border: 2px solid transparent;

    cursor: pointer;

    text-align: center;

    width: 44px;

    height: 44px;

    user-select: none;

    display: flex;

    align-items: center;

    font-size: 1.2rem;

    font-weight: 500;

    line-height: 1.5;

    color: #212529;

    justify-content: center;

}

.key:hover, .toggle:hover {

    border: 2px solid #ccc;

}

.key.clicked:hover, .toggle.clicked:hover {

    border: 2px solid #149bc9;

}

section.timeline-section form.d-flex input.form-control {

    background: #fff !important;

}

.hidden, .timeline-experience.hidden {

    display: none;

}

.clicked {

    background-color: #149bc9;

    color: white;

}



.timeline .glossary-accordion {

    margin-top: 120px;

}

.glossary-accordion .accordion-item:not(:last-child) {

    margin-bottom: 1.5rem!important;

}

.glossary-accordion .accordion-button {

    background: #f5f5f5;

    border-radius: 0 !important;

    border: none !important;

    font-size: 1.2rem;

    font-weight: 500;

    line-height: 1.5;

    color: #212529;

}

.glossary-accordion .accordion-item .accordion-collapse {

    background: #f5f5f5;

    border-radius: 0 !important;

    border: none !important;

    margin-top: 10px;

}





.glossary-accordion .accordion-item .accordion-collapse .accordion-body h5, 

.glossary-accordion .accordion-item .accordion-collapse .accordion-body span {

    display: inline-block;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body h5 {

    margin-top: 0;

    margin-bottom: 0.333em;

    font-size: 18px;

    color: #7D7D7D;

    font-weight: 500;

    font-size: 12px;

    line-height: 14px;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body .timeline-role {

    font-weight: 500;

    font-size: 24px;

    line-height: 29px;

    color: #C90033;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body img {

    width: 100%;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body p {

    font-size: 14px;

    color: #333;

    line-height: 21px;

    font-family: Ubuntu;

    font-style: normal;

    margin-top: 15px;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body button.btn {

    position: initial;

    background: linear-gradient(0deg, #C90033, #C90033), linear-gradient(0deg, #C90033, #C90033);

    font-size: 12px;

    color: #fff;

    margin: 0 !important;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body button.btn i {

    margin-left: 6px;

    color: #fff;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body {

    padding: 2rem 4rem;

}

.glossary-accordion .accordion.mt-4 .accordion-item:last-child .accordion-collapse {

    display: block !important;

    height: auto !important;

    margin-top: 30px;

}

section.timeline-section.pt-5 .col-md-12 h3,

section.lineage-holder-section.pt-5 .col-md-12 h3 {

    font-size: 14px;

    font-family: 'Ubuntu';

    font-weight: 500;

    color: #4B4B4B;

    line-height: 1.5;

}

section.lineage-holder-section .story-eyebrow {

    color: #434343;

}

section.lineage-holder-section .story-content p {

    color: #222222 !important;

}

section.lineage-holder-section button.btn:not(.outline):hover,

section.lineage-holder-section button.btn:not(.outline):active {

    background: #840408 !important;

    border-color: #840408 !important;

}

button.btn:focus-visible,

a.btn:focus-visible,

section.header-section .text-center a:focus-visible {

    outline: 3px solid #222222 !important;

    outline-offset: 3px;

}

section.timeline-section.pt-5 .col-md-12 h2,

section.lineage-holder-section.pt-5 .col-md-12 h2 {

    text-align: center;

    font-size: 24px;

    font-family: 'Ubuntu';

    font-weight: 700;

    color: #C90033;

    line-height: 1.5;

    margin-bottom: 30px;

}

section.lineage-holder-section.pt-5 .col-md-12.button_main .col-md-12 {

    background: none !important;

    border-width: 2px !important;

}

section.lineage-holder-section button.outline {

    color: #C90033 !important;

    background: #fff !important;

    border: 2px solid #C90033 !important;

    font-size: 15px !important;

}

section.lineage-holder-section button.outline:hover {

    color: #fff !important;

    background: #C90033 !important;

    border: 2px solid #C90033 !important;

    font-size: 15px !important;

}

section.refugetree-section .image-map img {

    width: 100%;

    max-width: 100%;

}

section.refugetree-section .refugetree-body {

    padding: 2rem 2rem 4rem 2rem;

    height: 100%;

    background: #f5f5f5;

    position: relative;

}

section.refugetree-section .refugetree-body h5 {

    margin-top: 0;

    margin-bottom: 0.333em;

    font-size: 18px;

    color: #7D7D7D;

    font-weight: 500;

    font-size: 12px;

    line-height: 14px;

}

section.refugetree-section .refugetree-body .timeline-role {

    font-weight: 500;

    font-size: 24px;

    line-height: 29px;

    color: #C90033;

}

section.refugetree-section .refugetree-body p {

    font-size: 14px;

    color: #333;

    line-height: 21px;

    font-family: Ubuntu;

    font-style: normal;

    margin-top: 15px;

}

section.refugetree-section .refugetree-body button.btn {

    position: initial;

    background: linear-gradient(0deg, #C90033, #C90033), linear-gradient(0deg, #C90033, #C90033);

    font-size: 12px;

    color: #fff;

    margin: 0 !important;

}

/*section.refugetree-section .refugetree-body button.btn.mt-5 {

    position: absolute;

    bottom: 2rem;

    left: 0;

    right: 0;

    margin: auto !important;

    width: max-content;

}*/

.refugetree-section .image-map {

    display: flex;

}

.refugetree-section .form-check.form-switch {

    padding: 0px 0 !important;

    /* border-top: 1px solid #e2e2e2; */

    margin: 20px 0 0 -2px;

}

.refugetree-section .form-check-input:checked {

    background-color: #C90033 !important;

    border-color: #C90033 !important;

}

.refugetree-section .form-check .form-check-input {

    position: relative;

    background: #C4C4C4;

    border: none;

    width: 35px;

    cursor: pointer;

    margin: 0;

}

.refugetree-section .form-check-input::after {

    border: 2px solid #fff;

    position: absolute;

    content: "";

    width: 22px;

    height: 22px;

    top: -3px;

    left: 0;

    background: #999999;

    border-radius: 50%;

    box-shadow: 0 0 5px rgb(0 0 0 / 20%);

    transition: 0.4s;

}

.refugetree-section .form-check-input:checked::after {

    left: 50%;

}

.refugetree-section .image-map .img_button {

    width: 50px;

}

.refugetree-section .image-map .image-map-inner {

    width: calc(100% - 50px);

}

section.refugetree-section .image-map img {

    width: 100%;

    max-width: 100%;

    height: auto;

}

.refugetree-section .image-map .image-map-inner {

    position: relative;

}

.refugetree-section .image-map .img_button i {

    font-size: 24px;

    border: 2px solid #c4c4c4;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #7f7f7f;

    cursor: pointer;

}

section.refugetree-section.full_screen .col-md-6:first-child {

    width: 100%;

}

section.refugetree-section.full_screen .col-md-6:last-child {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    pointer-events: none;
    z-index: 1001;
}


section.refugetree-section.full_screen .refugetree-body {

     height: auto; 

     max-width: 735px;

}

section.refugetree-section .refugetree-body:not(:first-child) {

    display: none;

}

map#imagemap area {

    cursor: pointer;

}

section.refugetree-section span.close {

    position: absolute;

    right: 10px;

    top: 10px;

    display: none;

    color: #c90033;

    font-size: 22px;

    line-height: 1;

    cursor: pointer;

}

section.refugetree-section.full_screen span.close {

    display: block;

}

section.refugetree-section.full_screen .refugetree-body {

    display: none;

    pointer-events: auto;

    padding: 2rem 2rem 2rem 2rem;

    max-height: 80vh;

    overflow: auto;

}

.image-container {

    position: relative;

    display: inline-block;

    width: 100%;

}



.image-container img {

    display: block;

    width: 100%; /* Ensure the image is responsive */

    height: auto;

}

section.refugetree-section.full_screen .refugetree-body:before {

    content: '';

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgb(255 255 255 / 50%);

    z-index: 0;

}

section.refugetree-section.full_screen .refugetree-body .row {

    z-index: 1;

    position: relative;

}

section.refugetree-section.full_screen .refugetree-body button.btn.mt-5 {

    position: static;

}

.glossary-accordion .accordion-button::after {

    display: none;

}

.glossary-accordion .accordion-button i {

    font-size: 14px;

    margin-right: 1.25rem;

    display: none;

}

.glossary-accordion .accordion-button[aria-expanded=false] i.fa-plus {

    display: block !important;

}

.glossary-accordion .accordion-button[aria-expanded=true] i.fa-minus {

    display: block !important;

}

.glossary-accordion .accordion.mt-4 .accordion-button i.fa-minus {

    display: block !important;

}

.glossary-accordion .accordion.mt-4 .accordion-button i.fa-plus {

    display: none !important;

}

.glossary-accordion .accordion-item h2 {

    margin-bottom: 0 !important;

}

.glossary-accordion .accordion-item .accordion-collapse {

    transition: all 0.4s;

}

.glossary-accordion .accordion-item .accordion-collapse.show {

    margin-top: 30px;

}

.sidebar-filter .accordion.accordion-flush h2.accordion-header {

    margin-bottom: 0 !important;

}

section.header-section nav.navbar img.search {

    width: 20px;

}
section.refugetree-section,
section.refugetree-section.full_screen > .container-fluid {
    /*transition: all 0.4s ease-in-out;*/
}
section.refugetree-section.full_screen {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #fff;
    padding: 12px 0 !important;
}
section.refugetree-section.full_screen > .container-fluid {
    max-width: 100%;
}
section.refugetree-section.full_screen .img_button {
    position: fixed;
    left: 0;
    right: 0;
    width: calc(100% - 24px);
    margin: auto;
}
section.refugetree-section.full_screen .image-map-inner {
    margin-left: auto;
}
@media (max-width: 1299.98px) {

section.header-section .text-center a {

    padding: .5rem .5rem;

    min-width: 130px;

}

}

@media (max-width: 1199.98px) {

    section.header-section .text-center a {

        padding: .5rem .5rem;

        min-width: auto;

        margin: 0 5px !important;

    }

}

@media (max-width: 1024.98px) {

section.timeline-section.sidebar .col-md-9.timeline {

    width: calc(75% + 20.3333333333%) !important;

}

section.timeline-section.sidebar .col-md-2.sidebar {

    right: -25%;

}

}

@media (max-width: 991.98px) {

.navbar-collapse form.d-flex.align-items-center {

    display: none !important;

}

section.header-section .text-center {

    width: 100%;

    margin: 1rem 0;

}

}



@media (max-width: 844px) {

section.timeline-section.sidebar .col-md-9.timeline {

        width: calc(73% + 20.3333333333%) !important;

    }

section.timeline-section.sidebar .col-md-2.sidebar {

        right: -27%;

    }

}

@media (max-width: 768px) {

section.timeline-section.sidebar .col-md-9.timeline {

    width: calc(70% + 22%) !important;

}

section.timeline-section.sidebar .col-md-2.sidebar {

        right: -30%;

    }
    section.refugetree-section.full_screen .image-map-inner {
    margin-left: auto;
    top: 40px;
}

}

@media (max-width: 767.98px) {

    section.timeline-section .col-md-9.timeline div#filter {

        top: 35px;

        right: 0;

        z-index: 1;

    }

    section.timeline-section.sidebar .col-md-9.timeline {

    width: 100% !important;

}

section.timeline-section.sidebar .col-md-2.sidebar .sidebar-filter {

    display: block;

}

section.timeline-section .col-md-12.d-flex .col-md-8.p-5 {

    padding: 30px 20px !important;

}

section.timeline-section .col-md-12.d-flex.justify-content-center .col-md-8.p-5 > .row {

    margin: 0;

}

.key, .toggle {

    margin: 3px;

    padding: 5px;

}

.glossary-accordion .accordion-item .accordion-collapse .accordion-body {

    padding: 30px !important;

}

.refugetree-section .image-map {

    flex-wrap: wrap;

}

.refugetree-section .image-map .img_button {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}

.refugetree-section .image-map .image-map-inner {

    width: 100%;

}

.refugetree-section .form-check.form-switch {

    margin: 8px 0 0 0px;

}

}

@media (max-width: 575.98px) {

    section.header-section .text-center a {

        /*padding: .5rem .2rem;*/

        min-width: auto;

        margin: 0px !important;

        font-size: 11px;

    }

section.header-section .text-center {

    width: 100%;

    margin: .5rem 0;

    gap: 5px;

}

}


/*07-12-2024*/
.refugetree-section .tooltip {
    position: absolute;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: 5px;
    font-size: 12px;
    display: none;
    z-index: 1000;
    background: #fff;
    color: #C90033;
    font-size: 14px;
    text-align: center;
    border-radius: 8px !important;
    opacity: 1 !important;
/*    width: max-content;*/
/*    max-width: 100%;*/
}

/* SVG circles (border effect) */
.highlight {
  fill: none;
  stroke: transparent;
  stroke-width: 4;
  transition: stroke 0.2s;
}

/* Hover effect for border */
.highlight.active {
  stroke: #C90033;
}
/*07-12-2024*/


/*11-12-2024*/
section.header-section nav.navbar {
    flex-wrap: wrap !important;
}
section.header-section nav.navbar .navbar-collapse {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
section.header-section nav.navbar a.navbar-brand {
    min-height: 59px;
    display: flex;
    align-items: center;
}
section.header-section nav.navbar a.navbar-brand img {
    margin-top: 0;
}
section.footer-section {
    background: #C90033;
    min-height: 57px;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    color:white;
}

section.footer-section p {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}
section.footer-section ul li a {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}
section.footer-section ul li a:hover {
    color: #efb118;
}
section.refugetree-section {
    padding-top: .5rem !important;
}
@media (max-width: 991.98px) {
section.header-section nav.navbar {
    flex-direction: row-reverse;
}
section.header-section nav.navbar a.navbar-brand img {
    margin-left: 0;
}
.navbar-toggler {
    background-color: rgba(0,0,0,.1) !important;
    border: 1px solid transparent !important;
}
span.to-top {
    position: fixed;
}
}
body, section.refugetree-section.full_screen > .container-fluid.container-xxl {
    padding-bottom: 60px !important;
}
@media (max-width: 575.98px) {
section.footer-section p {
    width: 100%;
    text-align: center;
}
section.footer-section ul.nav {
    width: 100%;
    justify-content: center !important;
}
body, section.refugetree-section.full_screen > .container-fluid.container-xxl {
    padding-bottom: 80px !important;
}
}


.historical-events.col-md-12 .col-md-12 > .carousel .carousel-item h3 {
    text-align: left;
    text-transform: none;
}
.historical-events.col-md-12 h3 {
    color: #C90033 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    text-align: left !important;
    text-transform: none !important;
}
.historical-events .inner-slider,
.timeline .timeline-experience-info .inner-slider {
    display: flex;
    align-items: center;
}
.historical-events .inner-slider .inner-content,
.timeline .timeline-experience-info .inner-slider .inner-content {
    width: 33.33%;
    padding: 3px;
}
.timeline .timeline-experience-info .carousel-item .inner-content {
    padding: 3px;
    width: calc(33.33% - 3px);
    display: inline-block;
}
section.timeline-section .col-md-12 .carousel {
    margin: 15px 0px;
}
.timeline .timeline-experience-info p {
    font-size: 16px;
}
.historical-events .inner-slider .inner-content img,
.timeline .timeline-experience-info .inner-slider .inner-content img,
.timeline .timeline-experience-info .carousel-item .inner-content img {
    width: 100%;
    height: auto;
    border-radius: 0 !important;
}
.timeline .timeline-experience-info .inner-slider {
    margin-top: 20px;
}
.timeline .timeline-experience-info .col-md-12.mt-2 span {
    font-size: 14px;
    font-weight: 400;
    color: #7D7D7D;
    line-height: 150%;
    letter-spacing: .02em;
    width: 100%;
}
.timeline .timeline-experience-info .col-md-12.mt-2 h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 24px;
    letter-spacing: .02em;
}
.timeline-experience-info .hide-content {
    display: none;
}
section.timeline-section .col-md-12 p:nth-child(3) {
    margin-bottom: 0;
}
.timeline-experience-info.active .hide-content {
    display: block;
}
.timeline .timeline-experience-info .col-md-12.mt-2 h3 {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 600;
    padding: 10px 0;
}
.col-md-12.d-flex.justify-content-center.pt-5.align-middle:has(.historical-events.col-md-12) {
    display: block !important;
}
ul.slick-dots {
    display: none !important;
}
.historical-events.col-md-12 .col-md-12 > .carousel .inner-slider .slick-prev {
    left: -30px !important;
    bottom: -30px !important;
    top: unset;
    right: 0 !important;
    margin: auto;
}
.historical-events.col-md-12 .col-md-12 > .carousel .inner-slider .slick-next {
    left: 0 !important;
    bottom: -30px !important;
    top: unset;
    right: -30px !important;
    margin: auto;
    font-size: 0;
}
.historical-events .inner-slider .slick-arrow:before{
    display: none !important;
}
.timeline .timeline-experience-info .carousel button {
    position: absolute !important;
    width: 25px;
    height: 25px;
    padding: 0 !important;
    border-radius: 25px !important;
    top: -45px;
    right: 0 !important;
    left: initial;
    background: #C90033 !important;
    opacity: 1 !important;
}
.timeline .timeline-experience-info .carousel button.carousel-control-prev {
    left: -30px !important;
    right: 0 !important;
    bottom: -30px;
    top: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.timeline .timeline-experience-info .carousel button.carousel-control-next {
    right: -30px !important;
    left: 0 !important;
    bottom: -30px;
    top: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.timeline .timeline-experience-info .carousel button p i {
    margin: 0;
    color: #fff;
}
.timeline .timeline-experience-info .carousel button p {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lb-outerContainer {
    width: 90% !important;
    height: 100% !important;
    max-width: 600px !important;
    max-height: 100vh !important;
}
.lightbox .lb-image {
    width: 100% !important;
    height: auto !important;
}
.lb-data .lb-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 20px;
    height: 20px;
    background-size: cover;
}
.lightbox {
    width: 90% !important;
    max-width: 600px;
    margin: auto !important;
    right: 0;
}
.timeline .col-md-8.timeline-experience-info {
    max-height: 800px;
    overflow: auto;
}
.timeline .col-md-8.timeline-experience-info::-webkit-scrollbar {
  width: 7px;
}
.timeline .col-md-8.timeline-experience-info::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
.timeline .col-md-8.timeline-experience-info::-webkit-scrollbar-thumb {
  background: #C90033; 
  border-radius: 10px;
}
.timeline .col-md-8.timeline-experience-info::-webkit-scrollbar-thumb:hover {
  background: #C90033; 
}


#userDropdown {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    background-color: #6c757d;
}

/*Fix lineageholder Detailansicht Breite Textblöcke 100% aber nicht der erste*/

#big-letter ~ * p {
    width: 100% !important;
}
/*Fix footer auf 999 wegen historical event widget was drübersteht*/
footer {
    z-index: 999 !important;
    color:white;
}


/* Verstecke Footer nur wenn die URL den Hash #full enthält, weil er mitten in die Map steht */
body:has(.refugetree-section.full_screen) footer,
body:has(.refugetree-section.full_screen) .footer,
body:has(.refugetree-section.full_screen) #footer,
body:has(.refugetree-section.full_screen) .site-footer,
body:has(.refugetree-section.full_screen) .page-footer,
body:has(.refugetree-section.full_screen) .main-footer,
body:has(.refugetree-section.full_screen) [class*="footer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -9999 !important;
}

/* Alternative Lösung falls :has() nicht unterstützt wird */
.refugetree-section.full_screen ~ footer,
.refugetree-section.full_screen ~ .footer,
.refugetree-section.full_screen ~ #footer,
.refugetree-section.full_screen ~ .site-footer,
.refugetree-section.full_screen ~ .page-footer,
.refugetree-section.full_screen ~ .main-footer,
.refugetree-section.full_screen ~ [class*="footer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -9999 !important;
}


.full_screen footer,
.full_screen .footer,
.full_screen #footer,
.full_screen .site-footer,
.full_screen .page-footer,
.full_screen .main-footer,
.full_screen [class*="footer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -9999 !important;
}

#glossary-entry{

    margin-left:20px;
    padding-left:20px;
}

.glossbutton {

    background: linear-gradient(0deg, #C90033, #C90033), linear-gradient(0deg, #C90033, #C90033);
    font-size: 12px;
    color: #fff;
}

/* fix teacherbutons auf mobile */
@media (max-width: 767.98px) {
  .teacherbuttons .btn {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-top: 1rem !important; /* Abstand beibehalten */
  }

  .teacherbuttons .d-flex {
    justify-content: flex-start !important;
  }
}

/* Galerie Abstand oben */
.col-md-12.mt-6.roundpicture.gallery
 {
    margin-top: 20px;
}

.col-md-12.mt-6.roundpicture.gallery img {
    border-radius: 8px;
}

@media (min-width: 768px) {
  /* 1. Overflow hart einkapseln */
  section.lineage-holder-section:has(.gallery) {
    overflow-x: clip;
  }

  /* 2. Flexbox-Problem: min-width: 0 */
  section.lineage-holder-section:has(.gallery) .row.d-flex {
    flex-wrap: wrap;
  }

  section.lineage-holder-section:has(.gallery) .row.d-flex > .col-md-7 {
    min-width: 0;
  }

  

@media (min-width: 768px) {
  body.has-gallery section.lineage-holder-section {
    overflow-x: clip;
  }
  
  body.has-gallery section.lineage-holder-section .col-md-7 {
    min-width: 0;
  }
  
  body.has-gallery section.lineage-holder-section .row.d-flex.justify-content-between > .col-md-2 {
    flex: 0 0 18%;
    max-width: 18%;
    margin-right: 0;
  }
  
  body.has-gallery section.lineage-holder-section .row.d-flex.justify-content-between > .col-md-7 {
    flex: 1 1 auto;
    max-width: 70%;
    min-width: 0;
  }
}

section.lineage-holder-section .row.d-flex.justify-content-between .col-md-7 .col-md-12:first-child p {
    color: #4B4B4B !important;
}




/* Desktop - Basis-Regel */
html body a.feedback-icon {
    position: fixed !important;
    left: clamp(10px, 10vw, 200px) !important;
    bottom: 250px !important;
    z-index: 99999 !important;
    width: 60px !important;
    height: 60px !important;
    display: block !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html body a.feedback-icon:hover {
    transform: scale(1.1) !important;
}

/* Icon-Bilder übereinander - Maximale Spezifität */
html body a.feedback-icon > img.feedback-icon-default,
html body a.feedback-icon > img.feedback-icon-hover {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transition: opacity 0.3s ease !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body a.feedback-icon > img.feedback-icon-default {
    opacity: 1 !important;
    z-index: 1 !important;
}

html body a.feedback-icon > img.feedback-icon-hover {
    opacity: 0 !important;
    z-index: 2 !important;
}

html body a.feedback-icon:hover > img.feedback-icon-default {
    opacity: 0 !important;
}

html body a.feedback-icon:hover > img.feedback-icon-hover {
    opacity: 1 !important;
}

/* Mobile - KRITISCH */
@media (max-width: 575.98px) {
    html body a.feedback-icon {
        position: fixed !important;
        left: 10px !important;
        bottom: 124px !important;
        width: 50px !important;
        height: 50px !important;
    }
    
    html body a.feedback-icon > img.feedback-icon-default,
    html body a.feedback-icon > img.feedback-icon-hover {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

@media (max-width: 480px) {
    html body a.feedback-icon {
        width: 45px !important;
        height: 45px !important;
    }
}

/* Hauptfix: padding-bottom auf 0 setzen */
span.img-placeholder {
    padding-bottom: 0 !important;
}

/* Spezifisch für lazy-visible */
span.img-placeholder.lazy-visible {
    padding-bottom: 0 !important;
}

/* Überschreibe inline-styles */
span[class*="placeholder"][style*="padding-bottom"] {
    padding-bottom: 0 !important;
}

/* Wenn Bild geladen ist (für Browser mit :has() Support) */
span.img-placeholder:has(img.lazy-loaded) {
    padding-bottom: 0 !important;
}

#teacher-description2 {
    margin-top: 2rem;
}

/* Überschreibe justify-content-between bei Galerie-Seiten */
body.has-galery section.lineage-holder-section .row.d-flex.justify-content-between {
    justify-content: flex-end !important;
}

/* Füge den korrekten Abstand zwischen den Spalten hinzu */
body.has-galery section.lineage-holder-section .row.d-flex.justify-content-between > .col-md-2:first-child {
    margin-right: 52px;
}

/* Galerie-spezifische Anpassungen */
body.has-galery section.lineage-holder-section .col-md-7 .gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Bildgrössen Problem Zitatboxen auf mobile und tablet beheben */
@media (max-width: 991px) {
    .backquote-box .mh-image-fluid-width-full img {
        width: 100% !important;
        height: auto !important;
    }
}


/* Zitatfenster p wird offensichtlich im CMs für den Namen des Linienhalters verwendet deshalb rot */
.backquote p {
  color: #C90033;
}

/* Sprechblase bei Refugetree entfernen */
body.refugetree a.feedback-icon {
  display: none !important;
}