/**/
.sect-1 { background-color: var(--color-orange); color: #000; padding-top: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; animation: fade_1 1s linear; overflow: hidden; position: relative; text-align: center;}
.sect-1 figure { width: 100%; display: inline-block; position: relative; }
.sect-1 figure img, .sect-1 figure video { width: 100%; max-width: 720px;}
.sect-1 .filter { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 0; }
.sect-1 h4 { line-height: 1.4; }
.sect-1 .bg-img { position: absolute; top: 6rem; left: 0; right: 0; bottom: 0; margin: auto; height: 80%; animation: rotate_1 30s infinite linear; }
.sect-1 .typing { position: relative; }
.sect-1 .typing:after { animation: 1s anim_cursor infinite; display: inline-block; content: ''; position: absolute; right: -.75rem; bottom: 0; }
@keyframes anim_cursor {
    from { content: ' '; }
    to { content: '|'; }
}
.sect-1 .bottom { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
.sect-1 .bottom .mouse {width: 1.75rem;aspect-ratio: 2.5/4;-webkit-border-radius: 15px;border: 2px solid #000;display: inline-block;}
.sect-1 .bottom .mouse i {background-color: #000;-webkit-border-radius: 50%;top: 8px;width: .4rem;aspect-ratio: 1/1;position: absolute;display: inline-block;margin: auto;left: 0;right: 0;-webkit-animation: scroll 2s linear infinite;}
.sect-1 .bottom .vertical-line:before {background-color: #000;}

/**/
.sect-2 { text-align: center; padding-top: 0; }
.sect-2 .icon-services { height: 4rem; width: 4rem; position: absolute; left: 1rem; top: 1rem; margin: auto; }
.sect-2 .services-list li { padding: 0; margin: 0; width: 33.33%; padding: .5rem; }
.sect-2 .services-list li > div { padding: 1rem 1rem 1rem 6rem; padding-bottom: 1rem; border-radius: .5rem; height: 100%; text-align: left; position: relative; border: 1px solid #e5ebf1; }
.sect-2 .slick-dots { display: flex; align-items: center; justify-content: space-around; padding: 0 .5rem; border-radius: 1rem; }
.sect-2 .slick-dots li { padding: 0; width: 100%; }
.sect-2 .slick-dots .slick-active button { background-color: #aeea01; }
.sect-2 .slick-dots button { font-size: 0; border: 0; background-color: #e4eaed; height: .4rem; width: 100%; }

/**/
.sect-3 { padding-bottom: 2rem; }
.list-categories { text-align: center; white-space: nowrap; overflow: scroll; margin-bottom: 1rem; }
.list-categories li { display: inline-block; padding: .75rem; border-radius: 1rem; }
.list-categories li.selected { background: rgb(242 245 248); color: #000; font-weight: bold; }
.list-categories li:hover { cursor: pointer; }
.list-gallery { padding: 1rem; display: grid; grid-gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.list-gallery li { width: 100%; margin-bottom: 1rem; }
.list-gallery li:hover { cursor: pointer; }
.list-gallery li > div { }
.list-gallery li figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.list-gallery li .a { }
.list-gallery li .a figure { overflow: hidden; border-radius: .5rem; position: relative; margin: 0 0 1rem 0; }
.list-gallery li .a figure:before { content: ""; display: block; aspect-ratio: auto 4/3; }
.list-gallery li .a figure .hover { position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .5) 20%, transparent 80%); width: 100%; height: 100%; padding: 1rem; opacity: 0; transition: .3s ease all; }
.list-gallery li .a figure:hover .hover { opacity: 1; }
.list-gallery li .a figure .tag { background-color: #fff; color: #000; }
.list-gallery li .b { position: relative; padding-left: 3rem; height: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.list-gallery li .b figure { overflow: hidden; border-radius: 50%; position: absolute; width: 2.5rem; height: 2.5rem; top: 0; left: 0; background-color: #f2f5f8; }
.list-gallery li .b * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
.list-gallery li .h6 { color: #000 }

/**/
.tag {background-color: var(--color-purple);color: #fff;padding: 0 0.2rem;border-radius: 0.2rem;font-size: .7rem;font-weight: bold;text-transform: uppercase;letter-spacing: .1rem;font-family: var(--font-2);line-height: 1.2rem;display: inline-flex;}

/**/
.sect-4 { border-top: 1px solid #e5ebf1; }
.list-jobs { padding: .5rem; }
.list-jobs li { padding-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5ebf1; position: relative; }
.list-jobs li >.a:hover { cursor: pointer; }
.list-jobs li:last-child { border-bottom: 0; }
.list-jobs li .a { padding-left: 5rem; position: relative; min-height: 4rem; display: flex; align-items: center; }
.list-jobs li .a-a { }
.list-jobs li .a .logo { width: 4rem; height: 4rem; position: absolute; border-radius: .5rem; background-color: #f2f5f8; left: 1rem; top: 0; bottom: 0; margin: auto; overflow: hidden; }
.list-jobs li .a .logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.list-jobs li .a * { line-height: 1.5rem; margin: 0; }
.list-jobs li .a-b { text-align: right; }
.list-jobs li .b { transition: .3s ease all; overflow: hidden; }
.list-jobs li.hidden .b { height: 0 !important; }
.list-jobs li.hidden:hover { }

/**/
.sect-5 { border-top: 1px solid #e5ebf1; }
.list-edu li { padding: .5rem; margin: 0; }
.list-edu li > div { background-color: #fff; padding: 1rem; padding-left: 6rem; border-radius: 1rem; height: 100%; text-align: left; border: 1px solid #e5ebf1; position: relative; }
.list-edu figure { overflow: hidden; border-radius: .5rem; position: relative; margin: 0; width: 4rem; height: 4rem; display: inline-block; position: absolute; left: 1rem; top: 1rem; }
.list-edu figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.list-edu .bi { position: absolute; top: -2.5rem; right: .5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border: 1px solid #e5ebf1; border-radius: 50%; }
.list-edu .bi:hover { cursor: pointer; }
.list-edu .bi.left { right: 3rem; }
.list-edu .bi.right { }

/**/
.sect-6 { background-color: #000; text-align: center; padding-top: 0; color: #ccc; }
.sect-6 .bg { opacity: .4; object-position: top; }
.sect-6 i { font-size: 1.5rem; color: var(--color-yellow); }
.sect-6 a { color: #fff }
.sect-6 a:hover { text-decoration: none; }

/**/
.sect-7 { padding-top: 0; text-align: center; }
.form-group { text-align: left; }
.form-group label { font-weight: bold; text-transform: uppercase; font-size: .8rem; color: #848f9b; line-height: 1; margin-bottom: .8rem; letter-spacing: .1rem; }
.form-group .form-check-label { font-size: .9rem; font-weight: normal; text-transform: none; letter-spacing: normal; }
.form-group .form-check-label a, .form-group .form-check-label a:hover { color: #848f9b; text-decoration: underline; }
.form-control { padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000;/* background-color: #f8f8f8; */ height: auto !important; border: 1px solid #e5ebf1; }
.form-group.wrong label, .form-check.wrong * { color: #f44336 !important; }
.form-group.wrong .form-control { border-color: #f44336; }
.form-group.wrong::placeholder { color: #f44336 !important; }

/**/
.sect-8 { text-align: center; background-color: #000; position: relative; z-index: 0; }
.list-photos { }
.list-photos li { padding: 0 1rem; transition: .3s linear all; }
.list-photos li figure { overflow: hidden; aspect-ratio: 4/7; }
.list-photos li figure img { width: 100%; height: 100%; object-fit: cover; }
.list-photos li:not(.slick-current) { transform: scale(.8); opacity: 0.5; }
.list-photos .bi { position: absolute; top: 0; bottom: 0; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; background-color: rgb(70 70 70 / 50%); border-radius: 50%; margin: auto; z-index: 1; }
.list-photos .bi:hover { cursor: pointer; }
.list-photos .bi:before { color: var(--color-yellow); }
.list-photos .bi.left { left: 40%; transform: translateX(-50%); }
.list-photos .bi.right { right: 40%; transform: translateX(50%); }

/**/

@keyframes anim_bg_modal_in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes anim_bg_modal_out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/**/
@media (max-width:1024px) {
    .list-photos .bi.left { left: 33%; }
    .list-photos .bi.right { right: 33%; }
}

/**/
@media (max-width:768px) {
    .vertical-line { height: 3rem; }
    .list-jobs li .a .logo { bottom: auto; }
    .list-jobs li .a-b { text-align: left; }
    .list-edu li > div { height: auto; }
    .list-gallery li { margin: 0 }
    .sect-1 { text-align: center; }
    .sect-1 figure { margin-bottom: 1rem; }
    .sect-2 .services-list li { width: 100% }
    .list-photos .bi.left { left: 2rem; }
    .list-photos .bi.right { right: 2rem; }
}

/**/
@keyframes scroll {
    0% { transform: none; opacity: 1; }
    50% { transform: translateY(1rem); opacity: 0; }
    100% { transform: translateY(1rem); opacity: 0; }
}
@keyframes fade_1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes scale_1 {
    0% { transform: scale(.5); }
    85% { transform: scale(1.1); }
    100% { transform: none; }
}
@keyframes rotate_1 {
    0% { transform: none; }
    100% { transform: rotate(360deg); }
}