/*
 Theme Name:   Project Elevate 2024
 Theme URI:
 Description:  Custom Template for Disney Elevate
 Author:       4084
 Author URI:   http://4084.io
 Template:     blankslate
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


body,html{
    overflow-x: hidden;
}
.apply__def{
    transition: all ease-in-out 0.3s;
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
}
.apply__def:hover{
    transform: perspective(1px) scale(1.01);

}
#wrapper{
    margin-top: 37px;
}
.dm{
    font-family: 'DM Sans', 'Arial Narrow', Arial, sans-serif;
}
.manrope{
    font-family: 'Manrope', 'Arial Narrow', Arial, sans-serif;
}
.circular{
    font-family: 'Circular Std', 'Arial Narrow', Arial, sans-serif;
}
.container-max{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.container{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
.container-medium{
    max-width: 1271px;
    width: 100%;
    margin: 0 auto;
}
.container-small{
    max-width: 1112px;
    width: 100%;
    margin: 0 auto;
}
.container-fluid{
    max-width: 100%;
    margin: 0 auto;
}
.bg-db{
    background: #21263a;
    background-color: #21263a;
}
.d-flex{
    display: flex;
}
.flex-column{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.justify-center{
    justify-content: center ;
}
.justify-start{
    justify-content: flex-start ;
}
.justify-between{
    justify-content: space-between ;
}
.justify-end{
    justify-content: flex-end ;
}
.align-center{
    align-items: center;
}
body [data-aos=fade-up] {
    transform: translate3d(0,50px,0);
}

@media(max-width: 1112px){
    .container{
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .container-small{
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .container-fluid{
        max-width: 100%;
        margin: 0 auto;
    }
}

/* Navbar styles */
.navbar{
    height: 69px;
    top: 0;
    z-index: 99;
    width: 100%;
    position: fixed;
}
.navbar.active{
    position: fixed;
}
.navbar__message__close{
    position: absolute;
    top: 0;
    right: 120px;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}
.navbar__message .navbar__message__close img{
    width: 25px;
    height: 25px;
    border: solid 1px white;
    border-radius: 100%;
    padding: 5px;
    pointer-events: none;
}
.navbar__inside img{
    width: 100%;
    margin-right: 41px;
}
.navbar__inside .logo{
    width: 172px;
    margin:0 30px;
}
.navbar__inside nav ol li{
    margin: 0 29px 0 0;
}
.navbar__inside nav ol li a{
    color: #ffffff;
    font-size: 15.5px;
    text-decoration: none;
    text-transform:unset;
}
.menu-toggle{
    display: none;
    cursor: pointer;
}
.navbar__inside ol li{
    position: relative;
}

.navbar__inside ol li:hover a{
    color: #b667ab;
}
.navbar__message{
    min-height: 60px;
    background-color: #6947c5;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    transform: translateY(-60px);
    transition: all ease-in-out 0.3s;
}
.navbar__message.disabled{
    display: none!important;
}
.navbar__message.active{
    transform: translateY(69px);
}
.navbar__message{
    padding: 10px 0;

}
.navbar__message__wrapper{
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.navbar__message__wrapper p{
    color: white;
    font-size: 16px;
}
.navbar__message__wrapper a{
    position: relative;
    left: -170px;
}
.navbar__message__wrapper img{
    width: 180px;

}
@media(max-width: 1600px){
	.navbar__inside nav ol li a {
		font-size: 13.5px;
	}
}
@media(max-width: 1150px){
	.navbar__message__wrapper p {
		font-size: 14px;
		margin-left: 45px;
	}
}
@media(max-width: 1112px){
    .navbar{
        padding: 0 25px;
    }
    .navbar__inside nav ol li a{
        font-size: 12px;
    }

    .navbar__message{
        padding: 0 30px;
    }
    .navbar__message__wrapper img{
        left: 0px;
    }
}
@media(max-width: 1150px){
	.navbar__message__wrapper img {
		width: 130px;
	}
}
@media(max-width: 1024px){
    .navbar__message__close{
        right: 0px;
    }
    .navbar__message__wrapper p {
        font-size: 15px;
    }
    .navbar__message__wrapper a {
        left: -50px;
    }
}
@media(max-width: 980px){
    .navbar__inside nav ol li a {
        font-size: 11px;
    }
}
@media(max-width: 930px){
    .navbar__inside nav ol li a {
        font-size: 10px;
    }
	.navbar__message__wrapper p {
    margin-left: 10px;
}
}
@media(max-width: 900px){
    .navbar__message__wrapper p {
        font-size: 13px;
    }
    .navbar__message__wrapper img {
        width: 120px;
    }
    .navbar__inside{
        justify-content: space-between!important;
    }
    .menu-toggle{
        display: flex;
    }
    .navbar__inside .logo{
    	margin-left:0;
    }
    .navbar__inside nav ol{
        display: flex;
        position: fixed;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #21263a;
        top: 68px;
        bottom: 0;
        flex-direction: column;
        justify-content: unset;
        padding-left: 30px;
        padding-top: 50px;
        transition: left ease-in-out 0.4s;
        z-index: 99;
    }
    .navbar__inside nav ol.active{
        left: 0%;
    }
    .navbar__inside nav ol li{
        margin: 15px 0;

    }
    .navbar__inside nav ol li a{
        font-size: 20px;
    }
}
@media(max-width: 800px){
    .navbar__message__wrapper p {
        font-size: 11px;
        line-height: 1.4em;
    }
    .navbar__message__wrapper img {
        width: 120px;
    }


}
@media(max-width: 715px){
	.navbar__message__wrapper p {
    	font-size: 13px;
	}
	.navbar__message__wrapper img {
		width: 135px;
	}
	.navbar__message__wrapper p{
		max-width: 270px;
	}
    .navbar__inside ol li:after{
        display: none;
    }
    .navbar__message__wrapper{
        flex-direction: column;
    }
    .navbar__message{
        height: auto;
        padding: 15px 25px;
    }
    .navbar__message__wrapper img {
        margin-top: 10px;
    }
    .navbar__message__wrapper p {
        text-align: left;
    }
    .navbar__message__wrapper a {
        left: 0;
    }
    .navbar__message__close {
        right: -10px;
        top: -55px;
    }
    .navbar__message__wrapper{
        align-items: flex-start;
    }
}

/* START Hide home page slider buttons */
.home .video__container .slick-slide svg > g > g:nth-last-child(3),
.home .video__container .slick-slide svg > g > g:nth-last-child(2) {
/* 	display: none !important; */
}

.home .slider__mobile__item__button {
	display: none !important;
}

strong {
	font-weight: 700;
}

/* END Hide home page slider buttons */


#application-video{
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
}
#application-video video{
	display:block;
	width:100%;
	position:relative;
	object-fit: cover;
	object-position:center center;
}


.navbar__inside.container-small{
	justify-content: space-between!important;;
	max-width:unset!important;
}



main.first__block{
	z-index: 2;
	position: relative;
}
section.third__block{
	padding:86px 50px;
}
div.fourth__block__container.second{
	padding: 80px 50px 100px 50px;
}
@media(max-width: 900px){
	div.fourth__block__container.second{
		padding: 50px;
	}
	section.third__block{
		padding:86px 50px 40px 50px;
	}
}



ol.dropdown {
  display: none;
  position: absolute;
  top: 16px;
  left: -1rem;
  list-style: none;
  padding: 20px .25rem .5rem .25rem;
  margin: 0;
  background: #21263a;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  z-index: 1000;
}

ol.dropdown li {
  width: 200px;
  margin:0;
  padding: .5rem 0;
  color:#fff;
}

ol.dropdown a {
  padding: 0.5rem 1rem;
  white-space: nowrap;
    color:#fff!important;
}
ol.dropdown a:hover{
	color:#b667ab!important;
}

/* Show dropdown on hover */
li.dm:hover > ol.dropdown {
  display: block;
}

/* Optional: subtle transition for dropdown */
ol.dropdown {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

li.dm:hover > ol.dropdown {
  opacity: 1;
  visibility: visible;
}
#wrapper {
    margin-top: 23px !important;
}
@media (min-width: 823px) { 
	#wrapper {
		margin-top: 37px !important;
	}
}