@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/*font-family: 'Montserrat', sans-serif;*/

body {
  /* --ratio: 360 / 640; */
  --ratio: 9 / 16
}

.ytp-chrome-top .ytp-button {
	display:none;
}

#section_1 {
    width: 100vw;
	height: calc(100vw * var(--ratio));
    background-color: #004595;
    background-image: url("../images/section_1_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: -1;
    overflow:hidden;
    margin:0;

}



.section_1_text_1 {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: calc(50% - 60vw);
    margin-top: calc(50% - 26vw);
    font-size: calc(1.6vw - .1vw); 
    display: flex; 
    justify-content: flex-end
}


.section_1_text_2 {
    color: #FFC502;
    font-weight: bold;
    margin-left: calc(50% - 62vw);
    margin-top: calc(50% - 49vw);
    font-size: calc(2.2vw - .1vw);
    line-height: 1;
    display: flex; 
    justify-content: flex-end
}


#section_2 {
    background-color: #FFC502;
    font-family: 'Montserrat', sans-serif;
    overflow:hidden;
    width: 100vw;
	height: calc(22vw * var(--ratio));

}

.section_2_div {
    display: inline;
    vertical-align: middle;
}

.section_2_text_1 {
    color: #0C1637;
    font-weight: normal;
    margin-left: calc(5% - -27vw);
    margin-top: calc(5% - 0vw);
    font-size: calc(1.6vw - .1vw);
    line-height: 1;

}

.section_2_text_1_1 {
    font-size: calc(2.1vw - .1vw);
}

.section_2_icon{
    position: absolute;
	margin-left: calc(50% - 29vw);
    margin-top: calc(50% - 47vw);
    height: auto;
}

.section_2_img_1 {
    height: 100%;
    width: calc(50% - 41vw);

}


#section_3 {
    width: 100vw;
    height: calc(100vw * var(--ratio));
    margin-top: calc(5% - 7vw); 
    background-image: url("../images/section_3_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}

.section_3_text_1 {
    color: #001B5A;
    font-weight: normal;
    margin-left: calc(50% - 62vw);
    margin-top: calc(50% - 35vw);
    font-size: calc(1.6vw - .1vw);
    display: flex; 
    justify-content: flex-end
}

#section_4 {
    width: 100vw;
    height: calc(90vw * var(--ratio));
    background-image: url("../images/section_4_6_8_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}

.section_4_icon_1 {
    position: absolute;
	margin-left: calc(50% - 20vw);
    margin-top: calc(50% - 45vw);
    height: auto;
}

.section_4_icon_2 {
    margin-left: 19%;
	margin-top: 19%;
	width: 88%;
}

.section_4_icon_text_2_1{
	margin-left: calc(50% - 44vw);
    margin-top: calc(50% - 52vw);
	color:#FFFFFF;
	font-size: calc(1vw - .1vw);
}


.section_4_img_1 {
    height: 100%;
    width: calc(50% - 41vw);

}

.section_4_img_2 {
    height: 100%;
    width: calc(100% - 45vw);

}
.section_4_text_1 {
    color: #FFC502;
    font-weight: bold;
	margin-left: calc(5% - -10vw);
    margin-top: calc(5% - -2vw);
    font-size: calc(3.1vw - .1vw);
    height: auto;
}

.section_4_text_2 {
    color: #FFFFFF;
    font-weight: normal;
    margin-right: calc(50% - 42vw);
    margin-top: calc(50% - 38vw);
    font-size: calc(1.7vw - .1vw);
    height: auto;
    display: flex; 
    justify-content: flex-end;
}

.section_4_text_2_1{
	color: #FFC502;
}

#section_5 {
    width: 100vw;
    height: calc(59vw * var(--ratio));
    background-image: url("../images/section_5_7_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}

.section_5_text_1 {
    color: #001B5A;
    font-weight: normal;
    margin-left: calc(50% - 63vw);
    margin-top: calc(50% - 40vw);
    font-size: calc(1.7vw - .1vw);
    display: flex; 
    justify-content: flex-end
}


.section_5_img_2{
	margin-left: 12%;
	margin-top: 8%;
	margin-bottom: 0%;
    width: 75%;
}

#section_6 {
    width: 100vw;
    height: calc(100vw * var(--ratio));
    background-image: url("../images/section_4_6_8_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}

.section_6_text_1 {
    color: #FFC502;
    font-weight: bold;
    margin-left: calc(50% - 52vw);
    margin-top: calc(50% - 46vw);
    font-size: calc(2.1vw - .1vw);
}

.section_6_text_2 {
    color: #FFFFFF;
    font-weight: bold;
    margin-left: calc(50% - 51vw);
    margin-top: calc(50% - 49vw);
    font-size: calc(1.5vw - .1vw);
}

.section_6_text_2_1{
    color: #FFC502;
}

.section_6_text_3 {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: calc(50% - 50vw);
    margin-top: calc(50% - 48vw);
    font-size: calc(1.5vw - .1vw);
}

.section_6_text_4 {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: calc(50% - 44vw);
	margin-right: calc(50% - 44vw);
    margin-top: calc(50% - 50vw);
    font-size: calc(1vw - .1vw);
    border-top: 1px solid #FFC502; 
    width: 95%;
}

.section_6_icon_2 {
	margin-left: 14%;
	margin-top: 3%;
	margin-bottom: 4%;
	width: 77%;

}

.section_6_icon_3 {
    margin-left: 8%;
	margin-top: 3%;
	margin-bottom: 0%;
	width: 77%;
}

.section_6_icon_text_2_1{
	margin-left: calc(50% - 19vw);
    margin-top: calc(50% - 26vw);
	color:#FFFFFF;
	font-size: calc(1vw - .1vw);
}

.section_6_icon_text_2_2{
	margin-left: calc(50% - 19vw);
    margin-top: calc(50% - 26vw);
	color:#FFFFFF;
	font-size: calc(1vw - .1vw);
}

.section_6_img_1 {
    height: 100%;
    width: calc(100% - 7vw);

}
.section_6_img_2 {
    height: 100%;
    width: calc(100% - 7vw);
}


#section_7 {
    width: 100vw;
    height: calc(82vw * var(--ratio));
    background-image: url("../images/section_5_7_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}


.section_7_icon_1 {
    position: absolute;
	margin-left: calc(50% - 29vw);
    margin-top: calc(50% - 42vw);
    height: auto;
}

.section_7_img_1 {
    height: 100%;
    width: calc(50% - 36vw);

}

.section_7_img_2 {
	margin-left: calc(100% - 50vw);
    margin-top: calc(100% - 54vw);
    width: 75%;

}

.section_7_text_1 {
    color: #021957;
    font-weight: bold;
    margin-left: calc(50% - 12vw);
    margin-top: calc(50% - 41vw);
    font-size: calc(3.1vw - .1vw);
    height: auto;
}

.section_7_text_2 {
    color: #021957;
    font-weight: normal;
    margin-left: calc(50% - 67vw);
    margin-top: calc(50% - 40vw);
    font-size: calc(1.6vw - .1vw);
    display: flex; 
    justify-content: flex-end
}

#section_8 {
    width: 100vw;
    height: calc(90vw * var(--ratio));
    background-image: url("../images/section_4_6_8_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: 0;
    overflow:hidden;

}

.section_8_text_1 {
    color: #FFC502;
    font-weight: bold;
    margin-left: calc(50% - 12vw);
    margin-top: calc(50% - 41vw);
    font-size: calc(2.1vw - .1vw);
}

.section_8_text_2 {
    color: #FFFFFF;
    font-weight: bold;
    margin-left: calc(50% - 12vw);
    margin-top: calc(50% - 41vw);
    font-size: calc(1.5vw - .1vw);
}

.section_8_text_2_1{
    color: #FFC502;
}

.section_8_text_3 {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: calc(50% - 53vw);
    margin-top: calc(50% - 41vw);
    font-size: calc(1.5vw - .1vw);
}

.section_8_text_3_1{
	font-weight:bold;
    color: #FFC502;
}

.section_8_text_4 {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: calc(50% - 44vw);
	margin-right: calc(50% - 44vw);
    margin-top: calc(50% - 50vw);
    font-size: calc(1vw - .1vw);
    border-top: 1px solid #FFC502; 
    width: 95%;
}

.section_8_icon_2 {
	margin-left: 12%;
	margin-top: 8%;
	margin-bottom: 12%;
    width: 85%;
}

.section_8_icon_3 {
    margin-left: 4%;
    margin-top: 8%;
	margin-right: 0%;
	margin-bottom: 12%;
	width: 85%;
}

.section_8_icon_text_2_1{
	margin-left: calc(50% - 19vw);
    margin-top: calc(50% - 26vw);
	color:#FFFFFF;
	font-size: calc(1vw - .1vw);
}

.section_8_icon_text_2_2{
	margin-left: calc(50% - 19vw);
    margin-top: calc(50% - 26vw);
	color:#FFFFFF;
	font-size: calc(1vw - .1vw);
}

.section_8_img_1 {
    height: 100%;
    width: calc(100% - 7vw);

}
.section_8_img_2 {
    height: 90%;
    width: calc(90% - 7vw);
}


#section_9 {
    width: 100vw;
    height: calc(100vw * var(--ratio));
    background-color: #ECF5FF;
    background-image: url("../images/section_9_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: -1;
    overflow:hidden;
    margin:0;

}



.section_9_text_1 {
    color: #FFFFFF;
    font-weight: bold;
	margin-right: calc(50% - 38vw);
    margin-top: calc(50% - 31vw);
    font-size: calc(2.2vw - .1vw);
    line-height: 1;
    display: flex; 
    justify-content: flex-end
}


.section_9_text_2 {
    color: #FFFFFF;
    font-weight: normal;
	margin-right: calc(50% - 39vw);
    margin-top: calc(50% - 47vw);
    font-size: calc(1.55vw - .1vw);
    line-height: 1;
    display: flex; 
    justify-content: flex-end
}

.section_9_text_1_1{
    color: #FFC502;
}

#section_10 {
    width: 100vw;
    height: calc(100vw * var(--ratio));
    background-color: #ECF5FF;
    background-image: url("../images/section_10_background.png");
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    z-index: -2;
    overflow:hidden;
    margin-top: calc(5% - 23vw);

}

.section_10_text_1 {
    color: #021957;
    font-weight: bold;
	margin-right: calc(50% - 28vw);
    margin-top: calc(50% - 24vw);
    font-size: calc(2.2vw - .1vw);
    line-height: 1;
    display: flex; 
    justify-content: flex-end
}

.section_10_text_2 {
    color: #021957;
    font-weight: normal;
    margin-right: calc(50% - 44vw);
    margin-top: calc(50% - 47vw);
    font-size: calc(1.56vw - .1vw);
    line-height: 1;
    display: flex; 
    justify-content: flex-end
}

.corner-wrapper-blue {
  border-radius: 20px;
  transform: translateZ(0px);
  border: 3px solid #0E2E86;
}

.corner-wrapper-white {
  border-radius: 20px;
  transform: translateZ(0px);
  border: 0px solid #E3EFFE;
}

.drop { 
	filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.7));
}

.texto-footer {
    border-top: 1px solid #0061AC;
    color: #021957;
    font-weight: 300;
    font-size: 0.8rem;
}

footer{
    background-color: #E5F1FD
}

@media (max-width: 1620px) {

        
}

@media (max-width: 1024px) {

        
}

@media (max-width: 820px) {

    
}

@media (max-height: 600px) {


}


@media (max-width: 400px) {
    
    
}

@media (max-width: 350px) {


}

@media (min-width: 990px) {


}


@media (min-width: 351px) and  (max-width: 500px) {

}