/*These styles contain basic styles for mobile only pages*/



 @font-face {
    font-family: 'Denominary';
    src: url('../fonts/Denominary-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Denominary';
    src: url('../fonts/Denominary-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-v22-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-v22-latin-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }

    /* Base styles for all heading classes */
.heading-xlarge, .heading-large, .heading-medium, .heading-small {
    font-family: 'Denominary', sans-serif;
    font-weight: 700; /* Bold */
    color: #000000;
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

/* Adjusted font sizes for mobile */
.heading-xlarge { font-size: 4.25rem; }
.heading-large  { font-size: 3.5rem;  }
.heading-medium { font-size: 2.75rem;  }
.heading-small  { font-size: 2rem;  }

/* Base styles for text classes */
.text-size-small, .text-size-medium, .text-size-large, .text-size-xlarge {
    font-family: 'Raleway', sans-serif;
    font-weight: 400; /* Regular */
    color: #2b2c33;
    line-height: 1.35;
    margin-bottom: 1rem;
}

/* Adjusted font sizes for mobile */
.text-size-small { font-size: 1.125rem; /* 14px */ }
.text-size-medium { font-size: 1.25rem; /* 16px */ }
.text-size-large { font-size: 1.5rem; /* 18px */ }
.text-size-xlarge { font-size: 1.75rem; /* 24px */ }

a {
    color: #ef3828;
}

.text-light {
    color:white!important;
}

.center {
    text-align:center;
}

.section {
   padding: 2.5rem 0rem;
}

.flexbox {
    display:flex;
    flex-direction: column;
    gap: 2rem;
}


.red {
    color: #ef3828;
}

.gap1 {
    height: 1rem;
}

.gap2 {
    height: 2rem;
}

.iframe-custom {
    overflow: hidden;
    padding-top: 56.25%;
    /* margin-bottom: 8px; */
    width: 100%;
    margin: 4px auto;
    position: relative;
}

.iframe-custom-mobile {
    overflow: hidden;
    padding-top: 177.77777777777777%;;
    /* margin-bottom: 8px; */
    width: 100%;
    margin: 0px auto;
}

.list-item {
    align-items: center;
font-family: Raleway v2, Arial, sans-serif;
display: flex;
}

.list-item.checklist {
    -webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: rgba(236, 236, 236, .33);
border: .01px solid rgba(207, 207, 219, .44);
margin-bottom: 24px;
padding: 16px;
font-size: 20px;
}


.checklist-text {
    color: var(--black);
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 130%;
}

.black-checklist {
    width: 25px;
    margin-right: 20px;
}

li {
    color: var(--black);
text-align: left;
margin-bottom: 10px;
font-family: Raleway, sans-serif;
font-size: 18px;
line-height: 24px;
}

ul {
    padding: 0px;
}


.gif {
    width:100%;
}

.max-w-550 {
    max-width: 550px;
}

.bg-black {
    background-color: black;
}

.grid-image {
    width:100%;
    border-radius: 8px;
    border: 4px solid white;

}

section {
    
}

.hero-img {
    background-image: url('https://uploads-ssl.webflow.com/60ee3f11ac4db03afa124f93/61d72ed8bf760ce532f979ef_home-hero-65kb.webp'); /* Replace with the path to your image */
    background-size:cover; /* Ensures the image covers the entire div */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the background image */
    background-attachment: fixed; /* Keeps the background image fixed during scrolling */
    /* Add other styles for your div here (e.g., size, padding) */
    width: 100%; /* Example: Set the width */

    
    }

.black-overlay {
    content: ''; /* Required for pseudo-elements */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* Black with 50% opacity */
    z-index: 1; /* Ensures the overlay is above the background image */
    padding: 2.5rem 0rem 2.5rem 0rem;
    }

.invert-color {
    filter: brightness(0) invert(1);
}


.checklist li {
    background-repeat: no-repeat;
    background-position: 9px 2px;
    list-style: none;
    padding-left: 50px;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    color: black;
    background-image: url(https://imagedelivery.net/sIl63sTQfyFrLukE3KMeyQ/508d7c2e-c8d1-457a-6516-a21059fc5000/mobile);
    margin: 14px 0px;
    font-weight: 400 !important;
    }

.borders {
border-radius: 1rem;
overflow: hidden;
}


img.logo {
    width: 180px;
}

.form-wrapper {
    display: flex; 
flex-direction: column; 
align-items: center; 
justify-content: center; 
gap: 1rem; 
width: 100%;
padding-top: 20px;
}

input {
    padding:0.75rem;
    width: 100%;
    font-family: Raleway;
    border: solid 1px #b9b9b9;


}

input::placeholder {
    color: #9f9f9f!important;
}



/* Modal popup */

.popup-background-overlay {
    position: fixed;
    justify-content: center;
    align-items: flex-start; /* Prevent stretching of child elements */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 50% opacity black background */
    z-index: 1000; /* Ensure it's on top of other content */
    pointer-events: none;
   
}

#popupBackgroundOverlay {
    display:none;
    
}

.modal-popup {
    display:flexbox;
    background-color: white;
    width: 100%; /* Responsive width */
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
    height:100%;
    padding: 5rem 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    animation: fadeInScaleUp 0.3s ease-out; /* Apply the animation */
    pointer-events: auto; /* Allow pointer events for the modal box and its contents */
    

}

.modal1_close-button {
position: absolute;
z-index: 999999;
top: 2rem;
right: 1rem;
}

.show-mobile-landscape {
display: none;
}

.button {
    font-family: Raleway;
    font-weight: 800;
    font-size: 1.75rem;
    width: 100%;
    padding: 2rem;
    text-transform: capitalize;
    background-color: #ef3828!important;
}



@keyframes fadeInScaleUp {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* end of mobile popup*/

/* clock styling*/

#clockdiv {
    font-family: "raleway", sans-serif;
    color: black;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    padding-top: 5px;
 }



 .smalltext {
    color: #474747;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
 }

 #clockdiv>div {
    padding: 0px 10px;
    border-radius: 3px;
    display: inline-block;
 }

 #clockdiv div>span {
    border-radius: 3px;
    display: inline-block;
 }

 .bottom span {
    color: #474747;
 }

 #clockdiv p {
    font-size: 13px;
 }

 .entry-content p {
    word-break: break-word;
 }

 .clients_views_2 .iframe-container {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    /* box-shadow: 0 10px 6px -6px #777; */
    background-color: #FFF;
    /* padding: 21px !important; */
    border-radius: 5px;
    /* border: 1px solid rgba(0,0,0,0.1); */
    border: 6px solid rgba(123, 123, 123, 0.2);
    margin-bottom: 42px;
 }