body {
    margin: 0;
    font-family: "Montserrat", serif;
    background-color: #522a66;
}
.nav_btn{
    text-decoration: none;
    background-color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 7px;
    color: #000;
    /* font-weight: ; */
}
/* Background Video */
.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
}

.video-container video {
    width: 100%;
    height: 120vh;
    object-fit: cover;
}

/* Overlay Content */
.overlay {
  width: 50%;
    position: relative;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}
.overlay h1 {
    font-size: 3rem;
    margin: 0;
    color: #ffffff;
}

.overlay_p {
    font-size: 1.5rem;
    color: #dddddd;
}
.hero-image1{
    width: 300px;
}
.overlay button {
    padding: 8px 12px;
    border: none;
    border-radius: 25px;
    background-color: white;
    color: black;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Navbar Customization */
.navbar {
    background-color: transparent !important;
}

.navbar .nav-link {
    color: white !important;
    margin-right: 15px;
}

.navbar .btn {
    border-radius: 25px;
    background-color: white;
    color: black;
    font-weight: bold;
}

.navbar .btn:hover {
    background-color: #f0f0f0;
}
.bottom_class{
}
.select_field{
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
}
.bottomright_class{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottomright_class_P{
    background-color: #7d4fa5;
    border-radius: 5px;
    padding: 5px;
    font-size: 17px;
    width: 100%;
}
.section1{
    background-color: #522a66;
    /* height: 100vh; */
}
.box_section1{
    background-color: white;
    height:135px;
}
.video_section1{
    /* height: 80vh; */
}
.video_section1 video{
    position: absolute;
    /* width: 100%; */
    width: 100%;
    background-color: #522a66;
    height:80vh;
    object-fit: cover;
    clip-path: circle(77.8% at 93% 23%);


}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.social-icons a {
    color: #000; /* Icon color */
    font-size: 28px; /* Icon size */
    text-decoration: none;
    transition: color 0.3s;
}
.social-icons a:hover {
    color: #522a66; /* Hover color */
}

#section2 {
    background-image: url('assets/FONDO\ 2\ .jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex; /* Flexbox to center items */
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center */
    position: relative;
    padding: 5px;
}

#section2 .inner-container {
    background-image: url('assets/ELEMENTO\ GRÁFICO.png'); /* Replace with your inner image path */
    /* background-size: cover; */
    background-position: center;
    padding: 40px; /* Add padding to make it smaller */
    width: 80%; /* Width of inner container */
    height: 80%; /* Height of inner container */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
   
}

#section2 .btn-top-right {
    position: absolute;
    top: 20px;
    right: 20px;
}

#section2 .row {
    width: 100%;
}

#section2 .col {
    /* text-align: center; */
    color: #fff;
    /* font-size: 1.5rem; */
}

.section2_1col{
    display: flex;
}
.arrow_section_image{
    margin: 0px 14px;
    width: 18px;
    border-radius: 50%;
}
.section2_content_p{
    font-size: 12px;
}
.col3_class{
    display: flex;
}
.vertical-hr {
    width: 2px; /* Thickness of the line */
    height: 270px; /* Height of the line */
    background-color: #312F80; /* Color of the line */
}
.col3_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.col3_p{
    margin-left: 10px;
    font-size: 12px;
}
.col3_btn{
    background-color: white;
    width: 160px;
    font-size: 10px;
    margin-right: 10px;
}
.section2_button{
    color: white;
    text-decoration: underline;
}

.section3{
    background-image: url('assets/FONDO.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex; /* Flexbox to center items */
    justify-content: center; /* Horizontally center */
}
.section3_heading{
    color: #ffffff;
    padding-top: 40px;
}
.custom_border{
    /* border: 2px solid #2B3068; */
}
.card-body_custom{
    background-color: #11113A;
    color: #ffffff;
    border-radius: 0px 0px 5px 5px;
}
.section4{
    background-image: url('assets/FONDO.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex; /* Flexbox to center items */
    justify-content: center; /* Horizontally center */
    align-items: center;
}
.section4_box{
    margin-top: 40px;
    background-color: #522a66;
    width: 80%;
    height: 80%;
    border-radius: 10px;
    border: 1px solid black;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.carousel-item {
    color: #ffffff;
    text-align: center;
    padding: 20px;
}
.testimonial-icon {
    font-size: 60px;
    color: #2c2e8e;
}
.testimonial-profile {
    color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin: 15px auto;
}
.testimonial-title {
    font-weight: bold;
    margin: 10px 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #522a66; /* Custom arrow colors */
    border-radius: 50%;
}
.footer_section{
    border-radius: 25px 25px 0px 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.footer_logo_img{
    width: 150px;
}
.footer_logo_heading_p{
    color: #000;
    font-size: 18px;
}
.input_fields{
    display: flex;
    justify-content: space-between;
    border: 1px solid black;
    border-radius: 30px;
    padding: 10px;
    width: 80%;
}
.footer_logo_heading_input{
    border: none;
    outline: none;
    padding-left: 10px;
}
.footer_logo_heading_input:focus {
    border: none; /* Completely remove border on focus */
}
.footer_logo_heading_box{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #13072e;
}
.footer_right_main{
    margin-top: 50px;
}
.footer_bottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_bottom_icons a{
    padding-right: 15px;
    font-size: 20px;
    color: #000;
}
.planepage_section{
    background-image: url('assets/FONDO.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100%;
}
.plane_page_heading{
    color: #ffffff;
}
.card_custom_plane{
    color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: transparent;
}
.small_card_text{
    font-weight: 200;
    font-size: 18px;
}
.card_body_custom_plane{
    font-style: 12px;
    padding-bottom: 60px;
}
.card_custom_plane_btn{
    background-color: #7d4fa5;
    color: #ffffff;
    border-radius: 20px;
}
.recurso_section{
    background-image: url('assets/FONDO.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100%;
}
.recurso_card{
    background-color: #522A66;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    color: #ffffff;
    border: none;
    overflow: hidden;
}
.recurso_card_img{
    position: relative;
    width: 100%;
    height: 230px;
    display: block;
    object-fit: cover;
}
.recursive_card_btn{
    position: absolute;
    top: 12px;
    left: 30px;
    z-index: 2;
    border-radius: 20px;
    background-color: #7d4fa5;
    border: none;
}
.recurso_p{
    font-size: 20px;
    font-weight: bold;
}
.recurso_anchor{
    color: #ffffff;
    text-decoration: none;
}
.contacto_section{
    background-image: url('assets/FONDO.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100%;
}
.contacto_heading_main{
    color: #ffffff;
}
.contact0_left{
    color: #ffffff;
}
.contact0_left a{
    color: #ffffff;
}
.contacto_input{
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}
.contacto_right_btn{
    text-align: right;
    background-color: #7d4fa5;
    padding: 5px;
    border-radius: 10px;
    color: #ffffff;
}
.iniciar_section{
    background-image: url('assets/FONDO\ 3.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 100%;
}
.inisiar_box{
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
}
.inisiar_box_h4{
    font-weight: bold;
}
.inisiar_box_input{
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    padding: 10px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}
.inisiar_grid{
    display: flex;
    justify-content: space-between;
}
.inisiar_grid_p{
    font-size: 12px;
}
.inisiar_btn{
    width: 100%;
    background-color: #4a2060;
    padding: 10px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}
.inisiar_btn1{
    width: 100%;
    background-color: #e1e1e1;
    padding: 10px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}
.inisiar_bottom_p{
    font-size: 12px;
    color: #000;
}
.inisiar_bottom_p a{
    font-weight: bold;
    color: #000;
    font-size: 12px;
}
/* Responsive Design */
@media (max-width: 768px) {
  .overlay{
    width: 100%;
  }
    .overlay h1 {
        font-size: 2rem;
    }

    .overlay_p {
        font-size: 1rem;
    }

    .overlay button {
        font-size: 0.9rem;
        padding: 8px 16px;
    }
    #section2{
        height: 100%;
        padding: 45px;
    }
    .vertical-hr{
        display: none;
    }
    .section3{
        height: 100%;
    }
    .section4_box{
        height: 90%;
        width: 95%;
    }
    .input_fields{
        width: 100%;
    }
}
@media (max-width: 426px) {
    #section2{
        padding: 0;
        padding-top: 20px;
    }
    #section2 .inner-container{
        padding: 5px;
        width: 100%;
        height: 100%;
    }
    #section2 .btn-top-right{
        top: 0px;
    }
    .section2_main{
        padding-top: 25px;
    }
}