/*
Theme: Learning from Doubt 
Author: EGlogics Softech Private Limited
Author URI: https://www.eglogics.com
Description: Custom theme developed for Learning from Doubt .
Version: 1.0
*/

* {
    margin: 0px;
    padding: 0px;
}

/*html {
    scroll-behavior: smooth;
}*/
.container {
    max-width: 1514px !important;
}

.container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

.container {
    width: 100% !important;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 1514px !important;
}
html h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #BEA586;
}

a,
a:hover {
    color: #021e61;
    text-decoration: none !important;
    transition: 0.5s all ease;
}

body {
    background-color: #1A1A1A !important;
    font-family: lato !important;
}

html li{
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
    list-style: disc;
}
html p{
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
    margin: 0px;
}
html ul{
    margin: 0px;
    /*padding: 0px;*/
}
p {
    margin: 0px;
    padding: 0px;
}
.width_900 {
    width: 900px;
    max-width: 100%;
    margin: 0px auto;
    /*padding-top: 110px;*/
    text-align: left;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #BEA586 !important;
    transition: background-color 5000s ease-in-out 0s;
}

input:-internal-autofill-selected {
    -webkit-text-fill-color: #BEA586 !important;
    transition: background-color 5000s ease-in-out 0s;
}


/* Change the white to any color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill {
    -webkit-background-clip: text;
}

section.body_background_image video {
    object-fit: cover;
    height: 100vh !important;
    width: 100% !important;
    transition: all 800ms ease-out;
    transition-duration: 800ms;
    transition-delay: 350ms;
}
body .bg_login video {
    height: 85vh !important;
}


section.body_background_image {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.top_event {
    /*bottom: 32px !important;*/
   /* transition: all 800ms ease-out;
    transition-duration: 800ms;*/
    animation: mymove 6s linear 0s 1 forwards;   
    -webkit-animation: mymove 6s linear 0s 1 forwards;
}

.logo_heading a {
    text-decoration: none !important;
        color: initial !important;
}

@keyframes mymove {
0% {
    bottom: -70px;
    opacity: 0;
}
25% {
    bottom: -60px;
    opacity: 0.1;
}
50% {
    bottom: -50px;
    opacity: 0.2;
}
65% {
    bottom: -40px;
    opacity: 0.3;
}
75% {
    bottom: -20px;
    opacity: 0.4;
}
85% {
    bottom: 0px;
    opacity: 0.5;
}
95% {
    bottom: 28px;
    opacity: 0.6;
}
98% {
    bottom: 30px;
    opacity: 0.7;
}
99% {
    bottom: 31px;
    opacity: 0.9;
}
100% {
    bottom: 32px;
    opacity: 4;
}
}
.left_corner h4 {
    color: #BEA586;
    font-family: Lato;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 20px;
}

.right_corner p {
    color: #BEA586;
    font-family: Lato;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
    font-weight: 400;
    margin-bottom: 24px;
}

.right_corner span {
    color: #BEA586;
    font-family: Lato;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: right;
    float: right;
    /*padding-top: 10px;*/
    font-weight: 400;

}

.right_corner span a {
    color: #BEA586;
    font-family: Lato;
    font-size: 22px;
    text-decoration: none;
}

.login_panel {
    position: absolute;
    width: 100%;
    bottom: -70px;
    /*padding-left: 20px;
    padding-right: 20px;*/
    z-index: 5555;
}
.right_corner_none{
    display: none;
}
section.body_background_image:after {
    content: '';
    height: 100%;
    width: 100%;
    z-index: 333;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    mix-blend-mode: difference;
    background-image: linear-gradient(to bottom right, #37282500, #372825);
    background-image: linear-gradient(to bottom right, rgba(55, 40, 37, 0), #372825);
   
}

section.body_background_image:before {
    content: '';
    height: 0px;
    width: 100%;
    position: absolute;
    background-color: #1A1A1A;
    bottom: 0;
    transition: 800ms ease-out;
    z-index: 5555;
    transition-delay: 350ms;
}

.bg_login:before {
       height: 197px !important;
}

.input_login input {
    box-sizing: border-box;
    height: 70px;
    width: 100%;
    border: 1px solid #BEA586;
    background: none;
    padding: 0px 30px;
    outline: none;
    font-family: Lato;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #BEA586;
    text-transform: inherit;
}

.input_login input::placeholder {
    font-family: Lato;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #BEA586;
    text-transform: uppercase;
}

.input_login input[type=submit] {
    background-color: #BEA586;
    color: #372825;
    font-family: Lato;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
}

.close_btn {
    text-align: right;
    margin-bottom: 27.08px;
    position: relative;
    transform: translateY(16px);
    opacity: 0;
    padding: 0px !important;
}
.close_btn_row {
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
}
.show_btn {
    transform: translateY(0px);
    opacity: 1;
    transition: all 350ms ease-out;
    transition-delay: 950ms !important;
}
.right_corner {
   /* float: left;
    width: 100%;*/
    position: relative;
}
.form_fade {
    animation-duration: 800ms !important;
    animation-delay: 1110ms !important;
}

.form_fade {
    transition-duration: 800ms;
    transition-delay: 600ms;
    transform: translateY(90px);
    opacity: 0;
    transition: all 400ms ease-out;
}

.top_fade {
    transform: translateY(0px);
    opacity: 4;
}
/* Animation */

.right_corner.active {
    animation: remove 500ms linear 0s 1 forwards;
    -webkit-animation: remove 500ms linear 0s 1 forwards;
}

@-webkit-keyframes remove {
    0% {
        opacity: 1;
        transform: translateY(-1px);
    }
    5% {
        opacity: 1;
        transform: translateY(-3px);
    }
    10% {
        opacity: 1;
        transform: translateY(-5px);
    }
    15% {
        opacity: 1;
        transform: translateY(-8px);
    }
    20% {
        opacity: 1;
        transform: translateY(-12px);
    }
    99.9% {
        opacity: 0.2;
        transform: translateY(-25px);
    }
    100% {
        opacity: 0;
        padding: 0px 0px;
        animation: poof 0.3s linear 0s 1;
        -webkit-animation: poof 0.3s linear 0s 1;
        transform: translateY(-30px);
    }
}







/* Animation END */


.fade_out{
    opacity: 0;
    transition: all 0.3s ease-out;
}

.right_form_login {
    display: none;
}

.display_block {
    display: block;
    transform: translateY(-21px);
    /*transition: all 1110ms ease-out;*/
}

.left_corner {
    position: absolute;
    float: left;
    width: 100%;
    bottom: 39px;
    z-index: 0;
    left: 50px;
}


/* Menu-bar CSS */
.menu_bar {
    padding-top: 64px;
    position: fixed;
    z-index: 333;
    width: 100%;
    
}

.darkHeader {
    padding-bottom: 30px;
    background: #1a1a1a;
    transition: all 600ms ease-out;
    padding-top: 30px;
    z-index: 999;
}

.logo_heading h1 {
    color: #BEA586;
    font-family: Lato;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 20px;
}

.menu_items ul li a {
    color: #BEA586;
    font-family: "Lato";
    font-size: 18px;
    letter-spacing: 0.8px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
}

.menu_items ul li {
    display: inline-block;
    margin: 0px 20px;
}

.menu_items {
    text-align: right;
}

.menu_items ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.menu_items ul li a.active {
    font-weight: 700;
}
.menu_items ul li.current-menu-item a {
    font-weight: 600;
}


/* Menu=bar CSS END */


/* Middle Section */

.middle_text p {
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
}
section.about_middle {
    padding-top: 230px;
    padding-bottom: 153px;
}
.acknowledgement_data ul {
    padding: 0px;
    margin-bottom: 26px;
}


.Acknowledgement {
    /*padding-top: 184px;*/
}

.site_heading h1 {
    color: #BEA586;
    font-family: Lato;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1.43px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

h1.site_heading{
    color: #BEA586;
    font-family: Lato;
    font-size: 30px;
    font-weight: 700;
    /*letter-spacing: 1.43px;*/
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.list_text p {
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
    list-style: none;
}

.list_text h5 {
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 5px;
}


/* Course Section END */


/* Course Section START */

.container-fluid {
    padding-right: 50px !important;
    padding-left: 50px !important;
}
@media (min-width: 1400px){
.course_middle .container {
    max-width: 1515px !important;
  }
}
.main-culumn-show {
    padding-bottom: 100px;
    padding-left: 90px !important;
}
.show.main-culumn-show a {
    text-decoration: none;
}
.main-culumn-show .site_heading {
    color: #BEA586;
    font-family: Lato;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 15px;
    text-align: left;
    margin: 0px;
}
.main-culumn-show .site_heading-two {
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 27px;
    text-transform: capitalize;
    height: 50px;
}
.main-culumn-show .middle_text {
     color: #BEA586;
    font-family: Lato;
   font-size: 18px;
  line-height: 27px;
}

/* Middle Section END */
/* COURSE DEATILS START */
.single_course_header {
    position: absolute;
    width: 100%;
}
section.courses_tab {
    padding-bottom: 100px;
    padding-top: 120px;
}
.course_detail_video{
    height: 100vh;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.course_detail_video video{
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}
.course-detail-section {
    padding: 0;
    position: absolute;
    width: 100%;
    height: 0px;
    background: #1a1a1a;   
    line-height: 114px;
    align-items: center;
    display: flex;
    bottom: 0;
    opacity: 0;
}
.slide_up {
    transition-delay: 4070ms !important;
    transition-duration: 800ms !important;
    height: 114px;
    opacity: 5;
}
.video_invisible {
    height: 0vh;
    transition: all 600ms ease-out;
}
.course-detail-section .left_content h4 {
    color: #BEA586;
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 26px;
    text-transform: uppercase;
    margin: 0px;
}
.course-detail-section .left_content h4 span {
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;

}
.course-detail-section .right_content h4 {
     color: #BEA586;
      font-family: Lato;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 0px;
      line-height: 26px;
      text-align: right;
      text-transform: capitalize;
}
.single-course li.course a {
    font-weight: 700;
}
.tab_custom_panel.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
    border-bottom: 2px solid #BEA586;
}
.tab_custom_panel.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    text-transform: uppercase !important;
}
/*.tab_custom_panel .elementor-tabs-content-wrapper {
    padding-top: 110px;
    width: 900px;
    margin: 0px auto;
}*/
/*tab content css*/
.tabbable-panel {
  padding: 10px;
}

.tabbable-line > .nav-tabs {
    border: none;
    width: max-content;
    margin: 0px auto;
}
.tabbable-line > .nav-tabs > li {
    margin: 0px auto;
    padding: 0px 86px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #333;
    font-family: Lato;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 30px;
    text-align: center;
        text-decoration: none !important;
}
.sub_tab .elementor-tab-title.elementor-active {
    border-bottom: none !important;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  position: relative;
}
.tabbable-panel .tab-pane p {
    color: #BEA586;
    font-family: Lato;
    font-size: 18px;
    line-height: 27px;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #BEA586;
    font-family: Lato;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 30px;
    text-decoration: none !important;
    overflow: hidden;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a:after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #BEA586;
    width: 100%;
    margin-left: 0px;
    bottom: 0%;
    display: block;
    top: 50px;
}
.tabbable-line > .tab-content {
    border: 0;
    padding-top: 110px;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.transparent_menubar {
  
}
.df-container.df-floating>.df-ui-prev {
    left: 0px;
    background: #1a1a1a;
    border-radius: 0px !important;
    opacity: 9;
    color: #bea578;
    font-size: 15px;
}
.df-container.df-floating>.df-ui-next {
    right: 0px;
    background: #1a1a1a;
    border-radius: 0px !important;
    opacity: 9;
    color: #bea578;
    font-size: 15px;
}


.tab_custom_panel video {
    height: 857px !important;
    width: 100% !important;
    object-fit: cover !IMPORTANT;
}

.cls404 p {
    width: 100%;
    float: left;
    color: #333;
    font-size: 5vh;
}
.cls404 h1 {
    width: 100%;
    float: left;
    font-size: 36vh;
    color: #bea586;
    font-weight: 600;
    position: relative;
}
.cls404 {
    text-align: center;
    height: 100vh;
    align-items: center;
    min-height: calc(100% - (0rem * 0)) !important;
}
.cls404 h1 span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #bea586;
    position: absolute;
    top: 20vh;
    bottom: 0;
    border-radius: 100px;
    right: 7vh;
}
.cls404 h1 span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #bea586;
    position: absolute;
    top: 20vh;
    bottom: 0;
    border-radius: 100px;
    left: 7vh;
}
.cls404 h1 span {
    position: relative;
}
.cls404 h1:before {
    content: '';
    width: 40px;
    height: 3px;
    background: #bea586;
    position: absolute;
    top: 26vh;
    bottom: 0vh;
    margin: 0px auto;
    float: none;
    left: 0px;
    right: 0px;
}


/*Audio file*/

.audio_file {
    padding-top: 100px !important;
}
 .plyr--audio .plyr__controls {
    background: none !important;
    color: #bea586 !important;
}
 .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] {
    background: #bea586 !important;
}
.plyr--full-ui input[type="range"]{
    color: #bea586 !important;
}

.width_title_900 h4 {
    font-size: 18px;
    margin-bottom: 43px;
    padding-top: 4px;
}
.width_title_900 h1 {
    font-size: 18px;
    margin: 0px auto;
    font-weight: 700;
}
.width_title_900 {
    text-align: left;
    /*padding-top: 42px;*/
    padding-bottom: 0px;
    width: 900px;
    max-width: 100%;
    margin: 0px auto;
}
/*Inner tabs */

/*
.tabs {
  max-width: 100%;
  padding-top: 10px;
}
.tabs-nav li {
  float: left;
  width: 50%;
  text-align: center;
}
.tabs-nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 6px;
}
.tabs-nav li:last-child a {
  border-top-right-radius: 6px;
}
.tabs-nav li a {
    border-bottom-color: transparent;
    cursor: default;
    color: #333;
    font-family: Lato;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    background: none;
}
.tab-active a {   
    color: #BEA586 !important;  
    font-weight: 700;
}

.tabs-stage {
  border:none;
  border-radius: 0 0 6px 6px;
  border-top: 0;
  clear: both;
  padding: 24px 30px;
  position: relative;
  top: -1px;
}
ul.tabs-nav {
    width: 60%;
    margin: 0px auto;
}
.tabs-stage ._df_book {
    display: block !IMPORTANT;
}
*/
/*Inner tabs END */

.scrollpage {
    position: absolute;
    z-index: 666;
    top: 19vh;
    /*transition: all 800ms ease-out;*/
    width: 100%;
    background: #1a1a1a;
}
.df-ui-btn.df-ui-share {
    display: none;
}
a.plyr__controls__item.plyr__control {
    display: none;
}
@media screen and (max-width: 767px) {
.tabbable-line > .nav-tabs > li > a {
    font-size: 17px;
  }

}  
/* COURSE DEATILS END */
.podcast .width_title_900 {
    padding: 0px 0px 0px 0px;
}
.podcast .width_title_900 h4 {
    margin-bottom: 0px;
}
.space_space {
    float: left;
    height: 0px;
    width: 100%;
}

.elementor-tab-content {
    padding-top: 100px !important;
}
.sub_tab .elementor-tab-content {
    padding-top: 20px !important;
}
html .vp-center {
    align-items: self-start;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
    /*height: 100vh !important;*/
}
.video-tag {
    padding: 64.29% 0px 0px 0px;
    position: relative;
}
.courses_tab h4 {
    font-size: 18px;
    padding-top: 4px;
    margin-bottom: 43px;
}
.courses_tab h5 {
    font-size: 18px;
   
}
.courses_tab h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
}
.courses_tab .elementor-widget:not(:last-child){
        margin-bottom: 4px;
}
html .embed_documentation_footer--documentationFooterLeft--rcexg {
    display: none !important;
}
html .mobile_viewer_app--wordmark--28JGs {
    display: none;
}
.courses_tab .elementor-slides .swiper-slide-bg{
background-size: contain !important;
}
.swiper-slide-bg{
    background-color: #1a1a1a !important;
}
.week_9 .elementor-heading-title {
    height: 50px;
    max-height: 100px;
    overflow: hidden;
}