@import url("old_css/style.css");
@import url("old_css/gaatha.css");
/*@import url("old_css/fonts.css");*/
@import url("old_css/root.css");
/*@import url("old_css/print.css");*/
@import url("old_css/learn.css");
:root {
    --desktop-header-bg: #FFF3D4;
    --desktop-header-link: #000;
    --desktop-header-link-active: #6f1600;
    --desktop-headings: #6F1600;
    --desktop-text: #000;
    --desktop-link: #6F1600;
    --desktop-link-hover: #007bff;
    --desktop-button-color: #6F1600;
    --desktop-button-color-hover-primary: #6F1600;
    --desktop-button-color-hover-secondary: #FFF3D4;
    --desktop-button-text-primary: #fff;
    --desktop-button-text-secondary: #000;
    --desktop-secendary-background: #EAE4DE;
    --border-line: #FF8735;
}
html{
  font-size: 16px;
  line-height: 1.5em;
}
main{
    font-size: 1em;
}
.dialog-off-canvas-main-canvas {min-height: auto;}
header.page-header{
  padding: 0;
  background-color: transparent;
  z-index: 500;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.top-navigations{
    margin: 0px;
    width: 100%;
    padding: 0.3em 0.1em;
}
.top-navigations .container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.ministryInfo {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;
}
.rightLinks{
    display: flex;
    align-content: center;
    margin: auto;
}
.rightLinks li{
  list-style: none;
}
.rightLinks a {
    font-size: 0.875em;
    font-weight: 500;
    padding: 0px 5px;
}
.rightLinks a:hover {
    color: #000;
}
.rightLinks .textResizeWrapper{
  display: flex;
  padding-inline-start: 0;
}
.textResizeWrapper li{
  padding-left: 5px;
}
.textResizeWrapper li:after{
  margin-left: 5px !important;
}
.langDropDown{
  display: flex;
}
.block-language ul {
    display: flex;
    flex-direction: row;
}
.links{
  display: flex;
}
.rightLinks li:not(.fontResize):not(:has([data-block="language"])):not(:last-child):after,.textResizeWrapper li:last-child:after{
    content: "";
    border-left: solid 1px;
    font-size: 1em!important;
    margin: 0;
}
.rightLinks input{
   color: var(--main-subheading);
   border-radius: 5px;
   font-weight: 500;
   border: 1px solid var(--main-subheading);
   margin: 0px 0px 0px 2px;
   font-size: 0.875em;
   padding: 2px;
   aspect-ratio: 1;
   width: 22px;
}
.rightLinks input#contrast_normal{
  background-color: #fff;
  color: #000;
}
.rightLinks input#contrast_wob{
  background-color: #000;
  color: rgba(255, 255, 0, 0.986);
}
.logoSec{
  background-color: var(--desktop-header-bg);
  background-image: url('/themes/contrib/aristotle/dist/images/bg_art_white.png');
  background-size: contain;
  background-blend-mode: difference;
  background-repeat: no-repeat;
  background-position: center;
}
.logoSec img {
    max-height: 7em;
    padding: 0.75em 1em;
    height: 7em;
    background-color: var(--desktop-header-bg);
}
.logoSecondary,.logoPrimary{
  display: flex;
  align-items: center;
  align-content: center;
}
.logoSec .row {justify-content: space-between;}
.logoPrimary:after {
    /* content: ""; */
    height: 6em;
    /* border-left: solid; */
    position: absolute;
    color: #E49900;
    background-image: url('/themes/contrib/aristotle/dist/images/bg_art1.png');
    width: -webkit-fill-available;
    background-blend-mode: unset;
    background-color: #e19e02;
    background-size: contain;
    left: 24em;
}
.logoSecondary:after {
    border-left: solid;
    /* content: ""; */
    background-image: url(/themes/contrib/aristotle/public/images/design/header_pattern.svg);
    position: absolute;
    max-height: -webkit-fill-available;
    overflow: visible;
    min-width: -webkit-fill-available;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 17em;
    min-height: 6em;
}
.logoPrimary:before {
    border-left: solid;
    /* content: ""; */
    background-image: url(/themes/contrib/aristotle/public/images/design/header_pattern.svg);
    position: absolute;
    max-height: -webkit-fill-available;
    overflow: visible;
    min-width: 1245px;
    background-repeat: no-repeat;
    background-position: center;
    height: 6em;
    margin-left: 0;
    transform: rotate(180deg);
    transform-origin: left;
}
.region-main-menu {
    padding: 0.5em 0em;
}
@media (min-width: 1600px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 90vw;
    }
}
.h5p-interactive-video .h5p-control.h5p-quality:before, .h5p-interactive-video .h5p-minimal-overlay .h5p-quality:before {
    content: "\F1AB" !important;
}
.ui-widget.ui-widget-content {
    max-width: -webkit-fill-available !important;
}
.section-user .statistics-table .details, .section-user .statistics-table .action {
    text-align: left;
}
#nav, #nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline
}
#nav li a {
    padding: 0.1em 0.5em;
    line-height: 1.5em;
    color: var(--desktop-header-link);
    font-size: 1em;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
#nav li:first-child:before {
    display: none;
}
#nav li:first-child a:before {
    display: none;
}
#nav li li a:before {
    display: none;
}
#nav ul {
    width: max-content;
    top: 56%;
    padding: 0;
    left: 0;
    position: absolute;
}
#nav li li a:after {
    display: none;
}
.hasJS #nav ul {
    opacity: 0;
    transition: opacity 400ms linear;
    -webkit-transition: opacity 400ms linear;
}
#nav ul li:first-child {
    padding-top: 20px;
}
#nav ul li li:first-child {
    padding-top: 0px;
}
#nav ul li {
    float: left;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}
#nav ul li a {
    display: block;
    background-color: var(--desktop-button-color-hover-secondary);
    line-height: 1.75em;
    border: none;
    padding: 0.1em 0.5em;
    text-align: left;
}
#nav li a {
    position: relative;
}
#nav .subM a:before {
    width: 0;
    content: "";
    height: 2px;
    background-color: #ffd400;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.3s;
}
#nav .subM:hover a:before {
    width: 100%;
}
#nav li a {
    position: relative;
}
#nav li.subM:hover a:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -7px;
    width: 20px;
    height: 20px;
    z-index: 999;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ffd400;
}
#nav ul ul {
    top: 0;
    left: 300px
}
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected {
    color: #7fb6e9
}
#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul {
    margin-left: -9999px
}
#nav li:hover>ul, #nav li.hover>ul, #nav li.focus>ul, #nav a:focus+ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus {
    margin-left: 0
}
#nav>li>a:hover, #nav>li.hover>a, #nav>li.focus>a, #nav>.highlight>a {
    background-color: transparent;
    color: var(--desktop-header-link-active);
}
#nav li ul li a:hover, #nav li ul li>a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul>.highlight>a {
    background-color: var(--desktop-button-color);
    color: var(--desktop-button-text-primary);
}
#nav ul li.focus>a {
    background-color: var(--desktop-header-bg);
    color: #060613;
    display: block;
}

#nav li .menuIcon {
    background: url(/themes/contrib/aristotle/public/images/svg/fi-rr-angle-down.svg) no-repeat right center;
    z-index: 10
}
#nav li li .menuIcon {
    display: block;
    background: url(/themes/contrib/aristotle/public/images/svg/fi-rr-angle-right.svg) no-repeat right center;
    top: 13px;
    right: 10px;
    z-index: 11
}
#nav li li li .menuIcon {
    z-index: 12
}
#nav li .menuIcon.active {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.noJS #nav ul a:focus {
    width: 200px;
}
.noJS #nav ul a:focus, .noJS #nav ul a:focus+ul {
    margin-left: 9999px
}
.noJS #nav ul a:active {
    margin-left: 0
}
.hasJS .menuPart #nav li:focus > ul, .hasJS .menuPart #nav li:focus-within > ul, .hasJS .menuPart #nav li:hover > ul, .hasJS .menuPart #nav li:hover > ul, .hasJS .menuPart #nav ul ul {
    opacity: 1;
    display: block;
}
#nav>li>a:hover:before, #nav>li>a:hover:before {
    width: 50%;
}
#nav li a.is-active:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 2px;
    width: 50%;
    background-color: #6f1600;
    display: block;
}
#nav>li.hover>a:before, #nav>li>a.is-active:before, #nav>li.menu-item--active-trail>a:before {
    width: 50%;
}
#nav>li>a:before, #nav li a.is-active:before {
    width: 0;
    content: "";
    background: #000;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#nav li ul li.menu-item--active-trail a.is-active {
    background-color: #e9e9e9;
    color: #060613;
}
#nav li a.is-active {
    color: var(--desktop-header-link-active);
}
#nav li a.is-active:before {
    width: 50%;
}

header.page-header .col-right{ float:right; }
.view-private-message .view-header:before{
    height: 0.25em;
}
.view-private-message .views-infinite-scroll-content-wrapper{
    margin-top: 1.25em;
}
.btn-add a{
    width: 2.5em;
    height: 2.5em;
}
.private-message-add-form .form-submit, .comment-form .form-submit,.edit-discussion-modal .opigno-pm-thread-form__add .form-actions .form-submit{
    background: #f5f5f5 url(./images/design/send-gray.svg) 0.3em 0.5em / 1.5em no-repeat;
    height: 2.5em ;
    aspect-ratio: 1;
}
#block-aristotle-breadcrumbs ol {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    list-style: none;
}

#block-aristotle-breadcrumbs ol li:not(:first-child):before {
    content: "/";
    padding-left: 0.1em;
}

.slider_content {
    padding: 1em 0;
}

#homepage-carousel .row {
    position: absolute;
    bottom: 3em;
    color: #fff;
}

#homepage-carousel h1 {
    color: #fff;
    margin-bottom: 0.1em;
    font-size: 4em;
}

.slide_desc {
    font-size: 2.5em;
    font-weight: 700;
}
#homepage-carousel .row:before {
    content: "";
    width: 1em;
    background-color: #fff;
    margin-right: 0.75em;
}
.slide_link {
    font-size: 4em;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
}

.slide_link a {
    color: #fff;
    margin-left: 0.5em;
}
#homepage-carousel img {
    filter: brightness(0.5);
    width: 100%;
    height: 740px;
}

#homepage-carousel .carousel-controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 1rem;
  z-index: 10;
  /* background: rgba(255, 255, 255, 0.8); */
  padding: 0.5rem 1rem;
  border-radius: 6px;
  width: 100%;
  justify-content: flex-end;
}
#homepage-carousel .carousel-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  color:#fff;
}
#homepage-carousel .carousel-btn:focus {
  outline: 2px solid #fff;
}
#homepage-carousel .owl-stage-outer {
  position: relative;
}
.show {
  display: inline-block !important;
}
.hide {
  display: none !important;
}
.dialog-off-canvas-main-canvas .page-main > .container {
    padding-top: 0.75em;}

.aboutUs {
    text-align: justify;
    padding: 2em 0;
}

h2#aboutus-heading, #aadi-heading, #courses-heading {
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

h2#aboutus-heading:after,#courses-heading:after,#courses-heading:before {
    border-bottom: solid 0.1em var(--border-line);
    content: "";
    min-width: -webkit-fill-available;
    display: block;
    margin-left: 0.5em;
}


#aadi-heading {
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.vidIntro #aadi-heading:before {
    content: "";
    background-image: url("/themes/contrib/aristotle/public/images/svg/vid_head_before.svg");
    display: block;
    height: 3em;
    width: 26em;
    background-repeat: no-repeat;
    position: relative;
}

.vidIntro {
    background-color: #E6D5B3;
    position: relative;
    /* padding: 10em 0; */
    margin-top: 5em;
    background-image: url("/themes/contrib/aristotle/public/images/svg/vid_pattern_before.svg");
    background-repeat: no-repeat;
    background-position-x: 110%;
    background-position-y: 6em;
    background-size: 26%;
}

.vidIntro p,.vidIntro .catSlider .haatIntro p, .samIntro p {
    max-width: 60%;
    margin: auto;
    text-align: center;
    line-height: 1.5;
    padding-bottom: 0.75em;
    overflow: hidden;
}

.vidIntro:before {
    content: url(/themes/contrib/aristotle/public/images/svg/vid_pattern.svg);
    width: 102.5%;
    position: absolute;
    left: -2.5em;
    overflow: visible;
    top: -4em;
}
.vidIntro__wrapper:after {
  content: url(/themes/contrib/aristotle/public/images/svg/vid_pattern_before.svg);
  position: absolute;
  top: 8em;         /* position to align vertically with your right side background */
  left: -10em;
  width: 29%;       /* approximate width, adjust as needed */
  transform: rotate(180deg);
  z-index: 0;
  pointer-events: none; /* avoid interfering with UI */
}
.vidIntro__wrapper{
    overflow:   hidden;
    position: relative;
    padding: 10em 0;
}

.courses-list {
    display: grid;
    justify-items: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(4,1fr);
    gap: 1.5em 2em;
    width: 100%;
    padding: 2em 0;
    list-style: none;
    font-weight: 600;
    font-size: 1.2em;
}

.courses-section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
li.courses-list-item {
    background-color: var(--desktop-link);
    width: -webkit-fill-available;
    color: #fff;
    padding: 1em;
    border-radius: 3em;
    display: flex;
    justify-content: center;
}

.courses-list-item a {
    color: #fff;
    text-decoration: none;
}
#courses-heading {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    width: -webkit-fill-available;
    padding-top: 2em;
}

h2#courses-heading:before {
    margin-right: 0.5em;
}


.haatIntro {
    background-image: url(/themes/contrib/aristotle/public/images/svg/haat_bg.svg);
    background-color: var(--desktop-secendary-background);
    background-blend-mode: soft-light;
    text-align: center;
    padding: 5em 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vidIntro a, .haatIntro a, .samIntro a,.courses-footer a {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    align-items: center;
    align-content: center;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    width: fit-content;
    margin: auto;
}
.vidIntro a svg, .haatIntro a svg, .samIntro a svg, .courses-footer a svg{
    border: 0.1em solid var(--desktop-link);
    color: var(--border-line);
    padding: 0.3em 0.4em;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    background-color: #fff;
}
.courses-footer a:before, .haatIntro a:before, .courses-footer a:after, .haatIntro a:after {
    /* background-color: var(--border-line); */
    /* min-height: 0.1em; */
    content: "";
    position: absolute;
    bottom: 0.8em;
    width: 100vh;
    border: 0.1em solid var(--border-line);
}
.courses-footer a:before, .haatIntro a:before{
    left: 35%;
    transform: translateX(-100%);
}
.courses-footer a:after, .haatIntro a:after{
    right: 35%;
    transform: translateX(100%);
}
.courses-section{
    padding-bottom: 2em;
}
.samIntro {
    background-color: var(--desktop-secendary-background);
    position: relative;
    padding-top: 5em;
    padding-bottom: 16em;
}
.samIntro:after {
    content: '';
    background-image: url(/themes/contrib/aristotle/public/images/svg/sampdat_after.svg);
    position: absolute;
    width: -webkit-fill-available;
    height: 15em;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: visible;
    background-position: bottom;
    bottom: 0;
}
.samIntro:before {
    content: "";
    background-image: url(/themes/contrib/aristotle/public/images/svg/sampda_outer_before.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: -webkit-fill-available;
    height: 35em;
    left: -15%;
    display: flex;
    align-content: center;
    justify-content: center;
    background-blend-mode: multiply;
}
.samIntro #aadi-heading:before{    
    content: '';    
    background-image: url(/themes/contrib/aristotle/public/images/svg/sam_head.svg);    
    position: relative;    
    height: 3.5em;    
    width: -webkit-fill-available;    
    background-repeat: no-repeat;    
    background-size: contain;    
    background-position: center;
}

.samIntro #aadi-heading:after{   
 border: solid 0.05em var(--desktop-headings);
 content: "";
 width: 9em;
}
.samIntro__wrapper:before {
    content: "";
    background-image: url(/themes/contrib/aristotle/public/images/svg/clipart_sampda.svg);
    width: 20em;
    aspect-ratio: 1;
    position: absolute;
    right: 5%;
    top: 10%;
    background-repeat: no-repeat;
}
div#homepage-carousel {
    background: #000;
    padding: 0;
    margin: 0;
    position: relative;
}

.owl-dots {
    position: absolute;
    bottom: 3em;
}
.bootstrap-select .dropdown-menu li {
    font-size: 1em;
}
.form-select.bootstrap-select > .dropdown-toggle{
    min-width: -webkit-fill-available;
    width: 25em;
    max-width: fit-content;
    white-space: pre-wrap;
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-]{
    display: block;
}
.page-footer{
    margin: 0;
}

.innerBanner {
    padding: 3em 0;
    background-color: var(--desktop-header-bg);
    position: relative;
}

div#block-aristotle-pagetitle:after {
    content: "";
    border: solid 1px var(--desktop-headings);
    display: block;
    position: absolute;
    width: -webkit-fill-available;
    top: 100%;
}

div#block-aristotle-pagetitle {
    position: relative;
}

.catImag {
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1;
    width: 300px;
}
.catSlider {
    max-width: 60%;
    margin: auto;
}
.catTitle {
    position: absolute;
    bottom: 5%;
    margin: auto;
    font-size: 2em;
    font-weight: 700;
    background: #fff;
    pad;
    padding: 0 5em;
}
@media only screen and (max-width: 479px) {
    .vidIntro p, .vidIntro .catSlider .haatIntro p, .samIntro p{
        max-width: 100%;
    }
    h2#aboutus-heading, #aadi-heading, #courses-heading{
        font-size: 1.5em;
    }
    .samIntro__wrapper:before{
        display: none;
    }
    .samIntro:before{
        opacity: 0.5;
    }
    .samIntro:after{
        background-size: contain;
        height: 6em;
    }
    .samIntro{
        padding-bottom: 7em;
    }
    .logoSec{
        background-image: none;
    }
    .catSlider {
    max-width: 100%;
    margin: auto;
}
.rightLinks li {
    list-style: none;
    white-space: normal;
}
}
@media (max-width: 991.98px) {
  header.page-header .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
  }
}
@media only screen and (min-width: 556px) and (max-width: 778px) {
    .samIntro:before{
        opacity: 0.5;
        left: -35%;
    }
    .samIntro:after{
        background-size: contain;
        height: 6em;
    }
    .samIntro{
        padding-bottom: 7em;
    }
    .catSlider {
    max-width: 100%;
    margin: auto;
}
.vidIntro p, .vidIntro .catSlider .haatIntro p, .samIntro p{
        max-width: 80%;
    }
    .samIntro__wrapper:before{
        width: 10em;
    }
    .rightLinks li {
    list-style: none;
    white-space: nowrap;
}
}
.mobile-menu-btn {
  background: black;
  top: 10.6875em;
 
}
.bootstrap-select .dropdown-menu li a span.text{
    text-transform: capitalize;
}

@media only screen and (min-width: 900px) and (max-width: 1080px) {
    .samIntro:before{
        opacity: 0.5;
        left: -35%;
    }
    .samIntro:after{
        background-size: contain;
        height: 6em;
    }
    .samIntro{
        padding-bottom: 7em;
    }
    .samIntro__wrapper:before{
        width: 14em;
    }
    .catSlider {
    max-width: 100%;
    margin: auto;
}
}
#block-aristotle-breadcrumbs li a {
    color: var(--desktop-link) !important;}
form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup) {
    margin-bottom: 1.5em !important;
}
form label{margin-bottom: 0 !important;}
.page-aadi-vishwavidyalaya-courses .burger{display: none;}
main:not(.page-main-login) form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup) label{
    color:#fff;
}
ul.rbt-list-style-1 strong {
    width: 17rem;
    white-space: pre-wrap;
}