@font-face {
    font-family: 'Aller Light';
    src: url('assets/fonts/Aller/Aller-Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aller Regular';
    src: url('assets/fonts/Aller/Aller_Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.slider-item h1 {
    font-family: 'var(--thm-manrope-font)', sans-serif;
    font-size: 4vw; /* Default font size */
}

.slider-item h3 {
    font-family: 'var(--thm-manrope-font)', sans-serif;
    font-size: 1vw; /* Default font size */
}

/* Adjust the style for mobile devices */
.slider-item {
    background-position: center center; /* Center the background image */
}

/* Adjust font size for larger screens */
@media screen and (min-width: 1200px) {
    .slider-item h1 {
        font-size: 60px; /* Set your desired maximum font size for larger screens */
    }
}

/* Adjust font size for smaller screens */
@media screen and (max-width: 768px) {
    .slider-item h1 {
        font-size: 2em; /* Set your desired minimum font size for smaller screens */
    }
}

/* Style the phone number button */
nav.main-menu.main-menu--1 .phone_number .number .call-button {
    display: inline-block;
    padding: 5px 20px;
    font-family: 'Open Sans', sans-serif;
    background-color: #e95522;
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none; /* Remove default button underline */
}

/* Hover styles for the button */
nav.main-menu.main-menu--1 .phone_number .number .call-button:hover {
    background-color: #3498db;
}

/* Make the text smaller and align to the right */
.main-menu__list > li > a {
    font-size: 14px !important; /* Adjust the font size as needed */
    text-align: right;
}

/* Align the right side content to the right */
.main-menu__right {
    text-align: left;
}

/* Adjust the phone number styles */
.phone_number .icon {
    margin-right: 5px;
}

/* Adjust the phone number text size */
nav.main-menu.main-menu--1 .phone_number .number,
nav.main-menu.main-menu--1 .phone_number .number a {
    font-size: 14px !important; /* Adjust the font size as needed */
}

/* Optional: Adjust the logo size */
.logo-box1 img {
    height: 45px; /* Adjust the height as needed */
}

/* Optional: Adjust the space between menu items */
.main-menu__list > li {
    margin-right: 10px; /* Adjust the margin as needed */
}

/* Adjust the size of the icon */
nav.main-menu.main-menu--1 .phone_number .icon {
    font-size: 22px; /* Adjust the font size as needed */
    /* You can also use other size units like em, rem, or px */
}

h1 {
    color: #fff;
}

h3 {
    color: #fff;
}

ul {
    list-style-type: disc; /* Bullet style */
    margin-left: 20px; /* Adjust the left margin as needed */
}

ul ul {
    list-style-type: lower-roman; /* Change the sub-bullet point style */
}

/* Specific Page Override */
.page1 .page-content ul {
    color: #fff; /* Custom color for list on page1 */
}

/* Apply styles to the button within the slider */
.slider-button {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    font-family: 'Aller Regular', sans-serif;
    background-color: #e95522;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Change button color on hover */
.slider-button:hover {
    background-color: #3498db;
}

.section-title {
    margin-top: 1px; /* Adjust this value to reduce or increase the space at the top */
    margin-bottom: 20px;
}

/* ============================================================================================= */

/* Change radio button style */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.wrapper{
  display: inline-flex;
  background: #fff;
  height: 100px;
  width: 400px;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
  padding: 20px 15px;
  box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
}
.wrapper .option{
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 10px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
}
.wrapper .option .dot{
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
}
.wrapper .option .dot::before{
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #e95522;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
input[type="radio"]{
  display: none;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2{
  border-color: #232154;
  background: #232154;
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot{
  background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before{
  opacity: 1;
  transform: scale(1);
}
.wrapper .option span{
  font-size: 15px;
  color: #808080;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span{
  color: #fff;
}