/* Home Page Top */

/* Footer Code starts here */
.boman_footer_content {
    font-size: 14px;
    width: 80%;
    margin-top: 3px;
}

.footer_content ul li a {
    font-size: 14px;
    font-weight: 400;
    color: black;

}

.footer_content ul li span {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.pages_content {
    padding-left: 48px !important;
}

/* Footer Code ends here */

.button_violet {
    background-color: rgb(141, 0, 255) !important;
    margin-right: 15px;
    border: 1px solid rgb(141, 0, 255) !important;
    border-radius: 5px !important;
}

.button_purple {
    padding: 13px 45px 12px 45px !important;
    border-radius: 5px !important;
    border: 1px solid rgb(246, 0, 255) !important;
    background-color: rgb(246, 0, 255) !important;
}

.sumeru_design_content_2 {
    margin-top: 8% !important;
}

.product_3 img {
    width: 79% !important;
}

.sumeru_design_content img {
    height: 300px;
    /* width: 80%; */
}

.sumeru_design_content {

    color: #000 !important;
    margin-top: 25px;
}

/* Video code starts */
.homepage_video_container {
    position: relative;
    align-items: center;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.homepage_video_container_1 img {
    width: 100%;
    height: 350px;
    /* Set the fixed height */
    object-fit: cover;
    /* Ensures it fills the div */
    object-position: center;
    /* Centers the image */
}

.homepage_video_container_1 {
    background-color: black;
    opacity: 0.9;
}

.jarallax-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    background: rgba(0, 0, 0, 0);
    /* Semi-transparent background */
    padding: 20px;
    border-radius: 10px;
}

.video-overlay h1 {
    font-size: 4.5rem;
    font-weight: bold;
}

.video-overlay-2 h1 {
    font-size: 3rem;
    font-weight: bold;
}

.video-overlay p {
    font-size: 1.2rem;
    color: white;
    max-width: 600px;
    margin: 41px auto;
}

.video-overlay-1 {
    top: 40%;
    left: 50%;
}

.video-overlay-1 h1 {
    margin-bottom: 50px;
}

/* Score Container Code Starts */
.score_contents {
    padding: 40px 0px 40px 00px !important;
    background-color: white !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 5px;
    /* border: 2px solid rgb(246,0,255); */
}

.score_contents_1 {
    padding: 40px 0px 40px 0px !important;
    background-color: white !important;
    /* border: 2px solid rgb(141,0,255); */
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
    margin-left: 50px;
}

.score_container {
    margin-left: 18% !important;
    width: 100%;
}

.score_heading {
    padding-top: 29%;
}

.score_contents_2 {
    padding: 40px 20px 40px 20px !important;
    background-color: rgb(64, 92, 197) !important;
    height: 400px;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
}

.dashboard_card {
    margin-top: 50px !important;
}

.key_attributes_container {
    margin-bottom: 50px;
}

.key_attributes h1 {
    color: black;
    font-size: 2rem;
}

.key_attributes p {
    color: black;
    font-size: 20px;
}

/* Contact Us Form Code Starts */
.form-container {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 400px;
    margin-left: 20%;
}

.form-group {
    margin-bottom: 20px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid #000;
    padding: 10px 0;
    font-size: 16px;
    outline: none;
    background: transparent;
}

.form-group input:focus {
    border-bottom: 2px solid red;
}

.form-group textarea {
    resize: none;
    height: 60px;
}

.submit-btn {
    background-color: #005eff;
    color: #fff;
    border: none;
    padding: 5px 25px;
    cursor: pointer;
    font-size: 16px;
}

.submit-btn:hover {
    background-color: #004acc;
}

.contact_main_container {
    margin-bottom: 40px;
}

.contact_main_container {
    margin-top: 60px;
    --si-gutter-x: 0 !important;
}

.contact_heading_container {
    margin-top: 60px;
}

.contact-list {
    list-style: none;
    /* Removes bullets */
    padding: 0;
}

.contact-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    /* Spacing between icon and text */
    margin-bottom: 8px;
    /* Adjust spacing between list items */
}

.contact-list .icon {
    width: 20px;
    /* Adjust icon size */
    height: 20px;
}

.top_container {
    margin-top: 8%;
}



/* Contact Form Code */

/* ///// inputs /////*/

input:focus~label,
textarea:focus~label,
input:valid~label,
textarea:valid~label {
    font-size: 0.75em;
    color: black;
    top: -5px;
    -webkit-transition: all 0.225s ease;
    transition: all 0.225s ease;

}

.styled-input {
    float: left;
    width: 293px;
    margin: 1rem 0;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06),
        0 2px 10px 0 rgba(0, 0, 0, 0.07);
}

.message_input textarea {
    min-height: 10rem !important;
}

.contact_image_container {
    text-align: left;
}

@media only screen and (max-width: 790px) {
    .styled-input {
        width: 100%;
    }

    .contact_image_container {
        width: 100% !important;
    }

    .contact_us_form {
        width: 100% !important;
    }

    .contact_image_container {
        text-align: center;
    }

    .main_footer_container {
        display: block !important;
    }

    .footer_all_content {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .boman_footer_content {
        text-align: center !important;
        font-size: 14px !important;
        width: 100%;
        margin: 0 auto;
    }

    .footer_all_content_head {
        display: block !important;
        text-align: center !important;
    }

    .footer_all_content_head {
        font-size: 16px !important;
    }

    .pages_content {
        padding-left: 0px !important;
    }
}

/* Mobile Responsive Code Starts */


.styled-input label {
    color: black;
    padding: 1.3rem 30px 1rem 30px;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.styled-input.wide {
    width: 650px;
    max-width: 100%;
}

input,
textarea {
    padding: 30px;
    border: 0;
    width: 100%;
    font-size: 1rem;
    background-color: white;
    color: black;
    border-radius: 4px;
}

input:focus,
textarea:focus {
    outline: 0;
}

input:focus~span,
textarea:focus~span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
}

textarea {
    width: 100%;
    min-height: 15em;
}

.input-container {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 25px auto;
}

.submit-btn {
    float: right;
    padding: 7px 35px;
    border-radius: 60px;
    display: inline-block;
    background-color: #4b8cfb;
    color: white;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06),
        0 2px 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.submit-btn:hover {
    transform: translateY(1px);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10),
        0 1px 1px 0 rgba(0, 0, 0, 0.09);
}

@media (max-width: 768px) {
    .submit-btn {
        width: 100%;
        float: none;
        text-align: center;
    }

    .sumeru_design_content p{ 
        font-size: 13px;

    }
}

input[type=checkbox]+label {
    color: #ccc;
    font-style: italic;
}

input[type=checkbox]:checked+label {
    color: #f00;
    font-style: normal;
}