/*
 Theme Name:   Vigil Elementor Child
 Theme URI:    https://aimax.wpengine.com/
 Description:  Vigil Elementor Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     vigil-ele
 Version:      1.0.0
 Text Domain:  vigil-ele-child
*/
body {
    font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal; /* আপনার প্রয়োজন অনুযায়ী ওজন সেট করুন, যেমন 400, 500, 700 */
    font-style: normal;
    font-variation-settings: "wdth"100;
    /* আপনি যদি নির্দিষ্ট উপাদানগুলিতে বিভিন্ন ওজন ব্যবহার করতে চান, তাহলে সেগুলো আলাদাভাবে সেট করতে পারেন */
}

/* উদাহরণস্বরূপ, শিরোনামের জন্য Bold ফন্ট */
h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif;
    font-weight: 700;
    /* Bold */
}

/* যদি আপনি শুধুমাত্র কিছু নির্দিষ্ট বাংলা টেক্সটের জন্য Noto Sans Bengali ব্যবহার করতে চান */
/* .bengali-text {
    font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif;
    font-weight: 400;
} */

/* Custom checkbox container */
.custom-checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px; /* Adjust as needed for spacing */
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1em; /* Adjust font size if needed */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox (the square) */
.custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px; /* Size of the square */
    width: 20px; /* Size of the square */
    background-color: #eee; /* Default background color */
    border: 2px solid red; /* Red border */
}

/* On mouse-over, add a grey background color */
.custom-checkbox-container:hover input[type="checkbox"] ~ .custom-checkmark {
    background-color: #ccc;
}

/* Create the checkmark (hidden when not checked) */
.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox-container input[type="checkbox"]:checked ~ .custom-checkmark:after {
    display: block;
}

/* Style the checkmark (the "V" mark) */
.custom-checkbox-container .custom-checkmark:after {
    left: 7px; /* Adjust position */
    top: 3px; /* Adjust position */
    width: 5px; /* Thickness of the V */
    height: 10px; /* Length of the V */
    border: solid blue; /* Color of the checkmark */
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}