@font-face { font-family: 'Ethnocentric Rg';src: url('fonts/EthnocentricRg-Regular.woff2') format('woff2'), url('fonts/EthnocentricRg-Regular.woff') format('woff');    font-weight: normal; font-style: normal; font-display: swap;}
@font-face {    font-family: 'Bernardo Moda Contrast';src: url('fonts/BernardoModaContrast.woff2') format('woff2'), url('fonts/BernardoModaContrast.woff') format('woff');    font-weight: normal;   font-style: normal;   font-display: swap; }
@font-face { font-family: 'Good Times Rg'; src: url('fonts/GoodTimesRg-Regular.woff2') format('woff2'), url('fonts/GoodTimesRg-Regular.woff') format('woff');    font-weight: normal;font-style: normal;font-display: swap;}
@font-face {    font-family: 'TeXGyreAdventor';src: url('fonts/TeXGyreAdventor-Regular.woff2') format('woff2'), url('fonts/TeXGyreAdventor-Regular.woff') format('woff');    font-weight: normal;font-style: normal;font-display: swap;}
@font-face { font-family: 'Golden Brick Personal Use';src: url('fonts/GoldenBrickPersonalUse-Regular.woff2') format('woff2'), url('fonts/fonts/GoldenBrickPersonalUse-Regular.woff') format('woff'), url('fonts/GoldenBrickPersonalUse-Regular.ttf') format('truetype'), url('fonts/GoldenBrickPersonalUse-Regular.svg#GoldenBrickPersonalUse-Regular') format('svg'); font-weight: normal;font-style: normal;font-display: swap;}
@font-face {    font-family: 'The Humble Script';src: url('fonts/TheHumbleScript.woff2') format('woff2'), url('fonts/TheHumbleScript.woff') format('woff');    font-weight: normal;    font-style: normal;    font-display: swap;}
body{user-select: none; }::-webkit-scrollbar {width: 8px; height: 5px;}::-webkit-scrollbar-button {background: #000}::-webkit-scrollbar-track-piece {background: #000;}::-webkit-scrollbar-thumb {height: 5px; background:#ae3939;}::-webkit-scrollbar-corner {background-color: #ae3939;}body{font-family: 'TeXGyreAdventor'}#background-video { width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
a {text-decoration:none !important; cursor: pointer;}
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{text-shadow: #de9515 1px 1px;letter-spacing: 2px; font-family: 'Ethnocentric Rg';}
footer{background:#000000; position: static; bottom: 0px}  
.b-dr1{border: #ae3939 solid 1px; }
.b-dr2{border: #ae3939 solid 2px; }
.b-dr3{border: #ae3939 solid 3px; }
.b-dr4{border: #ae3939 solid 4px; }
.b-dr5{border: #ae3939 solid 5px; }
.b-dr6{border: #dfc06d solid 5px;}
.b-drtop{border-top: #ae3939 solid;}
.b-drbottom{border-bottom: #ae3939 solid;}
.b-drleft{border-left: #ae3939 solid;}
.b-drright{border-right: #ae3939 solid;}
.bg-dr{background: url('img/bg-dr.jpg'); height: 100%;  background-position: center;  background-size: cover;}
.bg-divi{background: url('img/divya-raveendran.png'); height: 100%;  background-position: center;  background-size: cover;}
.bg-dr1{background: url('img/bg-dr1.jpg'); height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.bg-dr2{background: url('img/bg-dr2.jpg'); height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.bg-red1{background: url('img/red-polygon-bg-1.jpg'); height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.bg-red21{background: url('img/redblack.mp4'); height: 100%;  background-position: center; }
.bg-red2{background: url('img/red-polygon-bg-2.jpg'); height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.bg-red3{background: url('img/red-polygon-bg-3.jpg'); height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.bg-redish{background: #ae3939;}
.bg-lightredish{background: #ff5656;}
.bg-darkredish{background: #812020;}
.bg-black{background: #000000;}
.bg-white{background: #ffffff;}
.bg-lightgrey{background: #eee;}
.bg-darkgrey{background: #111111 ;}
.bg-alison{background: #2c3942;}
.text-redish{color: #ae3939;}
.text-lightredish{color: #ff5656;}
.text-darkredish{color: #812020;}
.text-black{color: #000000}
.text-white{color:#ffffff }
.text-golden{color:#d37d07; }
.text-justify{text-align: justify;}
.shadow-dr{box-shadow: 10px 10px 0px -7px rgba(13,110,253,1);}
.shadow-blue{box-shadow: 6px 6px 0px 0px rgba(13,110,253,1);}
.shadow-redish{box-shadow: 3px 3px 2px rgb(55 143 147);}
.shadow-darkredish{box-shadow: 6px 6px 0px 0px #635454;}
.shadow-img{box-shadow:4px 2px 5px 2px rgb(114 26 1 / 54%);}
.good{font-family: 'Good Times Rg';}
.tex{font-family: 'TeXGyreAdventor';}
.golden{font-family: 'Golden Brick Personal Use'; }
.bernado{font-family: 'Bernardo Moda Contrast';}
.humble {font-family: 'The Humble Script';    text-shadow: #de9515 1px 1px;}
.nav-item a:hover{ font-weight: bolder;color: #9b0000 !important;}
.badges:hover{ transform: scale(1.4); }
.cert:hover{transform:scale(1.5); width: 100%; height: 100%; align-content: center; z-index: 4;}
#totop{display: none;position: fixed; width:auto;bottom: 40px;right: 30px;z-index: 99;font-size: 30px;border: none; 
    outline: none; background-color: #812020;color: white;cursor: pointer; padding: 4px 12px;}
#totop:hover { background-color: #fff; border: 1px solid #812020; color:#812020;}
.seaart-badges img{width:100%; height:auto; display: block;} .seaart-badges .container{ column-count:4;}.seaart-badges img:hover{transform: scale(1.01);}
.main-timeline {position: relative}
.main-timeline:before {content: "";display: block;width: 2px;height: 100%;background: #f1b2b2;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0}
.main-timeline .timeline {margin-bottom: 40px;position: relative}
.main-timeline .timeline:after {content: "";display: block;clear: both}
.main-timeline .icon {width: 18px;height: 18px;line-height: 18px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.main-timeline .icon:before,.main-timeline .icon:after {content: "";width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;transition: all 0.33s ease-out 0s}
.main-timeline .icon:before {background: #fff;border: 2px solid #800;left: -3px}
.main-timeline .icon:after {border: 2px solid #f1b2b2;left: 3px}
.main-timeline .timeline:hover .icon:before {left: 3px}
.main-timeline .timeline:hover .icon:after {left: -3px}
.main-timeline .date-content {width: 50%;float: left;margin-top: 22px;position: relative}
.main-timeline .date-content:before {content: "";width: 36.5%;height: 2px;background: #f1b2b2;margin: auto 0;position: absolute;top: 0;right: 10px;bottom: 0}
.main-timeline .date-outer {width: 125px;height: 125px;font-size: 16px;text-align: center;margin: auto;z-index: 1}
.main-timeline .date-outer:before,.main-timeline .date-outer:after {content: "";width: 125px;height: 125px;margin: 0 auto;border-radius: 50%;position: absolute;
  top: 0;left: 0;right: 0;transition: all 0.33s ease-out 0s}
.main-timeline .date-outer:before {background: #fff;border: 2px solid #800;left: -6px}
.main-timeline .date-outer:after {border: 2px solid #f1b2b2;left: 6px}
.main-timeline .timeline:hover .date-outer:before {left: 6px}
.main-timeline .timeline:hover .date-outer:after {left: -6px}
.main-timeline .date {width: 100%;margin: auto;position: absolute;top: 27%;left: 0}
.main-timeline .month {font-size: 18px;font-weight: 700}
.main-timeline .year {display: block;font-size: 30px;font-weight: 700;color: #800;line-height: 36px}
.main-timeline .timeline-content {width: 50%;padding: 20px 0 20px 50px;float: right}
.main-timeline .title {font-size: 19px;font-weight: 700;line-height: 24px;margin: 0 0 15px 0}
.main-timeline .description {margin-bottom: 0}
.main-timeline .timeline:nth-child(2n) .date-content {float: right}
.main-timeline .timeline:nth-child(2n) .date-content:before {left: 10px}
.main-timeline .timeline:nth-child(2n) .timeline-content {padding: 20px 50px 20px 0;text-align: right}
@media only screen and (max-width: 991px) {
    .main-timeline .date-content {margin-top: 35px}
    .main-timeline .date-content:before {width: 22.5%}
    .main-timeline .timeline-content {padding: 10px 0 10px 30px}
    .main-timeline .title {font-size: 17px}
    .main-timeline .timeline:nth-child(2n) .timeline-content {padding: 10px 30px 10px 0}
}
@media only screen and (max-width: 767px) {
    .main-timeline:before {margin: 0;left: 7px}
    .main-timeline .timeline {margin-bottom: 20px}
    .main-timeline .timeline:last-child {margin-bottom: 0}
    .main-timeline .icon {margin: auto 0}
    .main-timeline .date-content {width: 95%;float: right;margin-top: 0}
    .main-timeline .date-content:before {display: none}
    .main-timeline .date-outer {width: 110px;height: 110px}
    .main-timeline .date-outer:before,.main-timeline .date-outer:after {width: 110px;height: 110px}
    .main-timeline .date {top: 30%}
    .main-timeline .year {font-size: 24px}
    .main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content {width: 95%;text-align: left;padding: 10px 0}
    .main-timeline .title {margin-bottom: 10px}
}