html {
    scroll-behavior: smooth;
    font-family: Roboto;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

img {
    max-width:100%;
    height:auto;
}

.header img {
    width: 262px;
    width: 69.86vw;
    height: 111px;
    height: 29.6vw;
    object-fit: fill;
    float: left;

}


.header ul {
    height: 0;
    overflow: hidden;
}








.panel {
    width: 100%;
}

.panel .moto {
    width:90%;
    height: auto;
    font-family: Roboto;
    font-size: 24px;
    font-size: 6.4vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.87);
    margin: auto;
}

.panel .b4t {
    width: 90%;
    height: auto;
    font-family: Roboto;
    font-size: 21px;
    font-size: 5.6vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.15px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    margin-top: 70px;
    margin-top: 18.66vw;

}

.panel .b4t2 {
    width: 90%;
    height: auto;
    margin: auto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.21px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    margin-top: 23px;
    margin-top: 6.13vw;
}

.panel .quote {
    width: 90%;
    height: auto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.43px;
    text-align: center;
    color: #ffffff;
    margin:auto;
    margin-top: 25px;
    margin-top: 6.66vw;
    margin-bottom: 70px;
    margin-bottom: 16.66vw;
}


.body {
    width: 100%;
    background-color: #ffffff;
    margin: auto;
}

.top {
    width: 100%;
    background-image: linear-gradient(180deg, #253e86, rgba(0, 122, 193, 0.47)), url("../img/businessman2.jpg");
    object-fit: contain;
    background-size: cover;
    overflow: hidden;
}

#valores p {
    font-family: Roboto;
    font-size: 18px;
    font-size: 4.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #007ac1;
}
















.mission .mission2 {
    position: relative;
    z-index: 0;
}

.mission .our-mission {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-size: 30px;
    font-size: 8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.22px;
    text-align: center;

    color: #253e86;
}

.mission .our-mission2 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
}

.mission .our-mission3 {
    width: 80%;    
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-size: 18px;
    font-size: 4.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #253e86;
    margin: auto;
    margin-top: 10vw;
}

.mission .our-mission4 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
    margin-top: 5vw;
}

.mission .our-values {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 30px;
    font-size: 8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.22px;
    text-align: center;
    color: #253e86;

}

.mission ul {
    width: 80%; 
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 18px;
    font-size: 4.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #007ac1;
    list-style-type: none;
    margin: auto;

}













.mission ul img {
    float: right;
    height: 20px;
    height: 5.33vw;
    width: 20px;
    width: 5.33vw;
    margin-top: -5px;
    margin-right: 5%;
}

.mission ul li:hover {
    text-shadow: 0 0 .65px #333, 0 0 .65px #333;
    cursor: pointer;
}

.mission .retangulo {

    opacity: 0.95;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);

    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.6vw 2.66vw 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin-top: 15vw;
    margin-left: 9vw;
    z-index: 1;

}

.valMenu {
    width: 330px;
    width: 80vw;
    height: 0;
    overflow: hidden;
    transition: all 0.3s; 
    position: absolute;
    top: -17px; 
}


#relacionamento {
    height: 0;
}


.livMenu {
    width: 327px;
    width: 80vw;
    height: 0;
    overflow: hidden;
    opacity: 0.95;  
    transition: 0.5s; 
    z-index: 1;
    transition: all 0.3s; 
    position: absolute;
    left: 0;
    top: 318px;
    top: 84.8vw;
}

.livTitle {
    width: 95px;
    width: 25.33vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 1.25px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    margin-top:8px;
    margin-top: 2.13vw;


}

.livText {
    width: 289px;
    width: 77.06vw;
    height: 516px;
    height: 137.6vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.24px;
    text-align: left;
    color: var(--black-60);
    margin-left: 18px;
}

.valText {
    width: 273px;
    width: 72.8vw;
    height: 202px;
    height: 52.86vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: #626262;
    margin-left: 2vw;
}

.valTitle {
    height: 28px;
    height: 7.46vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 24px;
    font-size: 4.8vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.4;
    letter-spacing: normal;
    text-align: left;
    color: #007ac1;
    list-style-type: none;
    margin-top: 5vw;
    margin-left: 2vw;
}

.valTitle img {
    height: 15px;
    height: 4vw;
    width: 15px;
    width: 4vw;
    float: right;
    margin-right: 12px;
    margin-right: 3.2vw;

}

.smallspacer {
    display: block;
    width: 100%;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.2);
    margin-left: -2%;
}





















.join .join-us {
    font-family: Roboto;
    font-size: 34px;
    font-size: 9.06vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: 0.24px;
    text-align: center;
    color: #253e86;
    margin: auto;
    margin-top: 10vw;
}

.join .retangulo {
    width: 300px;
    width: 80vw;
    height: 300px;
    height: 80vw;
    opacity: 0.85;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.6vw 2.66vw 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin: auto;
    margin-top: 15vw;
}

.join .retangulo p {
    margin: auto;
}


.join .future-workers {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 24px;
    font-size: 6.4vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #253e86;
    margin-top:35px !important;
}

.join .future-workers2 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 20px;
    font-size: 5.33vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.26px;
    text-align: center;
    color: #007ac1;
    margin-top: 40px !important;
}

.join .future-workers3 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 25px !important;
}

.join .churches {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 24px;
    font-size: 6.4vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #253e86;
    margin-top: 47px !important;
}

.join .churches2 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 20px;
    font-size: 5.33vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.26px;
    text-align: center;
    color: #007ac1;
    margin-top: 51px !important;
}

.join .churches3 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 41px !important;
}

.join .professionals {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 24px;
    font-size: 6.4vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #253e86;
    margin-top: 40px !important;
}

.join .professionals2 {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 20px;
    font-size: 5.33vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.26px;
    text-align: center;
    color: #007ac1;
    margin-top: 30px !important;
}

.join .professionals3 {
    width: 80%; 
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 26px !important;
}






















.books .retangulo {
    width: 300px;
    width: 80vw;
    height: 384.1px;
    height: 102.4vw;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.6vw 2.66vw 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin: auto;
    margin-top: 80px;
    margin-top: 20.66vw;
    position: relative;
}

.books .retangulob2 {
        width: 300px;
    width: 80vw;
    height: 384.1px;
    height: 102.4vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.6vw 2.66vw 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin: auto;
    margin-top: 80px;
    margin-top: 20.66vw;
    position: relative;
    z-index: 0;
}


.books .retangulo2 {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.6vw 2.66vw 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    z-index: 1;
    float: left;
}

.books .book0 {
    width: 80%;
    margin: auto;
    position: relative;

}

.books .faztendas {
    width: 327px;
    width: 87.2vw;
    height: 252px;
    height: 67.2vw;
    object-fit: contain;
    margin: auto;
}

.books .nqtransformam {
    width: 327px;
    width: 87.2vw;
    height: 252px;
    height: 67.2vw;
    object-fit: contain;
}


.books .book-title {
    font-family: Roboto;
    font-size: 34px;
    font-size: 9.06vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: 0.24px;
    text-align: center;
    color: #253e86;
}

.books .know-about {
    width: 80%
        -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
}

.book1 .title {
    width: 169px;
    width: 45.06vw;
    height: 55px;
    height: 14.66vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(0px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
}

.book1 .author {
    width: 169px;
    width: 45.06vw;
    height: 55px;
    height: 14.66vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(0px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
    margin-top: -35px;
}

.synopsis {
    width: 95px;
    width: 25.33vw;
    height: 17px;
    height: 4.53vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 1.25px;
    text-align: center;
    color: #007ac1;
    margin: auto;
    margin-top: 7px;
    margin-top: 1.86vw;
}

.snp3 {
    width: 150px;
    width: 40vw;
    height: 30px;
    height: 8vw;
    border-radius: 5px;
    border-radius: 1.33vw;
    border: solid 1px #007ac1;
    background-color: #007ac1;
    margin: auto;
    margin-top: 3px;
    margin-top: 1vw;
}

.snp2 {
    margin-top: -55px !important;
    margin-top: -14.66vw !important;
}

.snp1 {
    margin-top: -12px !important;
    margin-top: -8.2vw !important;
}
.snp {
    width: 150px;
    width: 40vw;
    height: 30px;
    height: 8vw;
    border-radius: 5px;
    border-radius: 1.33vw;
    border: solid 1px #007ac1;
    margin:auto;

}

.synopsis:hover {
    text-shadow: 0 0 .9px #333, 0 0 .9px #333, 0 0 .9px #333;
    cursor: pointer;    
}

.enc {
    width: 150px;
    width: 40vw;
    height: 50px;
    height: 13.33vw;
    border-radius: 5px;
    border-radius: 1.33vw;
    background-image: linear-gradient(to left, #253e86, #007ac1);
    margin: auto;
    margin-top: 9px;
    margin-top: 2.4vw;

}

.enc a {
    text-decoration: none;
}

.enc a:hover {
    text-shadow: 0 0 .9px #333, 0 0 .9px #333, 0 0 .9px #333;
}

.order {
    width: 125px;
    width: 33.33vw;
    height: 21px;
    height: 5.6vw;
    font-family: Roboto;
    font-size: 18px;
    font-size: 4.8vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: 0.55px;
    text-align: left;
    color: #ffffff;
    margin: auto;
    padding-top: 14px !important;
    padding-top: 3.73vw !important;
    padding-left: 16px;
    padding-left: 4.26vw;
}



.book2 {
    z-index:0;
}
.book2 .title {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(0px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
}

.book2 .author {
    width: 232px;
    width: 61.86vw;
    height: 79px;
    height: 21.06vw;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(0px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
    margin-top: 39px;
    margin-top: 2.6vw;
}






























.contact .contact0 {
    width: 80%;
    margin: auto;
    margin-top: 100px;
    margin-top: 26.66vw;

}

.contact .contact1 {
    width: 100%;
    height: 157px;
    height: 41.86vw;
    background-image: linear-gradient(to bottom, #253e86, #007ac1);
    border-top-left-radius: 10px;
    border-top-left-radius: 2.66vw;
    border-top-right-radius: 10px;
    border-top-right-radius: 2.66vw;
    margin-bottom: 8vw;
}

.contact .contact2 {
    width: 80%;
    height: 139px;
    height: 37.06vw;
    background-image: linear-gradient(to top, #253e86, #007ac1);
    border-bottom-left-radius: 10px;
    border-bottom-left-radius: 2.66vw;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 2.66vw;
    margin:auto;
}

.contact2 .face {
    margin-top: -80px;
    margin-top: -21.33vw;
    margin-left: 90px;
    margin-left: 24vw;
    width: 8.53vw;
    float: left;
}

.contact2 .insta {
    margin-top: -80px;
    margin-top: -21.33vw;
    margin-left: 175px;
    margin-left: 46.66vw;
    width: 32px;
    width: 8.53vw;
    float: left;
}

.contact .contact-us {
    width: 80%;
    font-family: Roboto;
    font-size: 21px;
    font-size: 5.6vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: 0.24px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    padding-top: 57px;
}


.contact .more-info {
    width: 80%;
    height: 98px;
    -webkit-backdrop-filter: blur(30px);

    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: auto;
    margin-top: 73px;
}

.contact .follow-us {
    width: 80%;
    height: 42px;
    height: 11.2vw;
    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    margin-top: 7px;
    margin-top: 6.86vw;
    padding-top: 66px;
    padding-top: 4.6vw;
    padding-bottom: 107px;
    padding-bottom: 28.53vw;
}

.contact .contact3 {
    width: 80%;
    margin: auto;
}

.contact .col-42 input {
    width: 98%;
    height: 36px;
    height: 9.6vw;
    border-radius: 8px;
    border-radius: 2.13vw;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin: auto;
    margin-bottom: 38px;
    margin-bottom: 10.13vw;
}

.contact .col-130 textarea {
    width: 98%;
    height: 123px;
    height: 32.8vw;
    border-radius: 8px;
    border-radius: 2.13vw;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-bottom: 25px;
    margin-bottom: 6.66vw;
}

.contact .sendbutton {
    width: 286px;
    width: 79.26vw;
    height: 51px;
    height: 13.6vw;
    border-radius: 6px;
    border-radius: 2vw;
    background-image: linear-gradient(to bottom, #253e86, #007ac1);
}

.contact .name {
    width: 172px;
    width: 45.86vw;
    height: 27px;
    height: 7.2vw;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 15px;
}

.contact .email {
    width: 172px;
    width: 45.86vw;
    height: 27px;
    height: 7.2vw;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 15px;

}

.contact .phone {
    width: 172px;
    width: 45.86vw;
    height: 27px;
    height: 7.2vw;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 15px;

}

.contact .subject {
    width: 172px;
    width: 45.86vw;
    height: 27px;
    height: 7.2vw;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 15px;

}

.contact .message {
    width: 275px;
    width: 73.33vw;
    height: 29px;
    height: 7.73vw;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 10px;
    padding-left: 15px;

}

.contact .send {
    width: 116px;
    width: 31vw;
    height: 27px;
    height: 7.2vw;
    font-family: Roboto;
    font-size: 18px;
    font-size: 4.8vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: 0.55px;
    text-align: center;
    color: #ffffff;
    margin-top: -34px;
    margin-top: -9.06vw;
    margin-left: 90px;
    margin-left: 24vw;
}































.bot .bot-quote {
    width: 80%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 40px;
    margin-bottom: 10.66vw;
}

hr { 
    display: block;
    width: 80%;
    margin-before: 0.5em;
    margin-after: 0.5em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}


.bot .other-open {
    width: 100%;
    font-family: Roboto;
    font-size: 16px;
    font-size: 4.26vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.49px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 100px;
    margin-top: 26.66vw;
}


.bot .openusa {
    width: 253px;
    width: 67.46vw;
    height: 57px;
    height: 15.2vw;
    object-fit: fill;
    margin: auto;
}

.bot .openusa img {

    width: 253px;
    width: 67.46vw;
    height: 57px;
    height: 15.2vw;
    object-fit: fill;
    margin: auto;
}

.bot .openlatino {
    width: 263px;
    width: 70.13vw;
    height: 50px;
    height: 13.33vw;
    object-fit: fill;
    margin: auto;
    margin-top: 20px;
    margin-top: 5.33vw;
}

.bot .openlatino img {
    width: 263px;
    width: 70.13vw;
    height: 50px;
    height: 13.33vw;
    object-fit: fill;
    margin: auto;
    margin-top: 20px;
    margin-top: 5.33vw;
}

.bot .rights {
    width: 80%;
    height: 16px;
    height: 4.26vw;
    font-family: Roboto;
    font-size: 14px;
    font-size: 3.73vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 0.24px;
    text-align: center;
    color: #007ac1;
    margin: auto;
    margin-top: 200px;
    margin-top: 53.33vw;
}