/* Base styles for all heading classes */
        .heading-xlarge, .heading-large, .heading-medium, .heading-small {
            font-family: 'Roboto', sans-serif;
            font-weight: 700; /* Bold */
            color: #2b2c33;
            line-height: 100%;
        }

        /* Specific font-sizes for each heading class for desktop */
        .heading-xlarge { font-size: 6.76rem; }
        .heading-large  { font-size: 3.5rem; }
        .heading-medium { font-size: 2.75rem; }
        .heading-small  { font-size: 2rem; } 


        /* Class for large text paragraphs */

        .text-size-small {
            font-family: 'Roboto', sans-serif;
            font-weight: 300; /* Regular */
            font-size: 0.8rem;
            color: #2b2c33;
        }

        .text-size-large {
            font-family: 'Roboto', sans-serif;
            font-weight: 430; 
            font-size: 1.25rem;
            color:#2b2c33;
        }

        .text-size-xlarge {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 2rem;
            color: #2b2c33;
        }

        .text-size-xxlarge {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 2.75rem;
            color: #2b2c33;
        }

        .text-size-medium {
            font-family: 'Roboto', sans-serif;
            font-size: 1.6rem;
            color: #2b2c33;
        }
        
        .h3 {
            font-size: 2.75rem;
        }

        .center {
            text-align:center;
        }

        .container {
            margin-left: auto;
            margin-right: auto;
            padding-left: 5%;
            padding-right: 5%;
            max-width: 100% !important;
        }

        .w {
            color: white;
        }

        .light {
            font-weight: 400;
        }

        .button {
            padding-top: 2.3rem !important;
            padding-bottom: 2.3rem !important;
            padding-left: 6.5rem !important;
            padding-right: 6.5rem !important;
            border-radius: 1rem !important;
            border-style: none !important;
            background: linear-gradient(to right, #ff6f00, #fdd835) !important;
            color: white !important;
            font-size: 2rem !important;
            font-family: 'Roboto', sans-serif !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            width: auto !important;
        }

        .center {
            width: 100%;
            text-align: center;
        }

        .flexbox-vertical {
            display: flex;         
            flex-direction: column;   
            align-items: center;       
            justify-content: center;  
            gap: 1rem;                
        }

        .max-width-large {
        max-width: 52rem;
        margin-left: auto;
        margin-right: auto;
        }

        p {
            margin:0px;
        }

        .divider {
        height:1rem;
        }

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

        }

        .regular {
            font-weight: 400;
            }

        .mtb-2rem {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .ptb-2rem {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .logo-header {
            max-width: 210px;
            margin: auto;
        }

        .gray-600 {
            color: #475569;
        }

        .dark-bg {
            background-color: #06102B;
        }

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

        .cta {
        padding-top: 4rem;
        padding-bottom: 4rem;
        background:  #06102B;
        }

        .cta-2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
        }    

        .invert {
        flex-direction: row-reverse;
        }

        /* Media query for mobile devices */
        @media screen and (max-width: 768px) {
            .heading-xlarge { font-size: 3.8rem; }
            .heading-large  { font-size: 2.5rem; }
            .heading-medium { font-size: 2rem; }
            .heading-small  { font-size: 1.5rem; } 
        }

        @media (orientation: landscape) and (max-width: 1024px) {
          
            .flexbox-horizontal {
                display:flex;
                flex-direction: row;
                gap: 1rem;
            }
        }


        @media (orientation: landscape) and (max-width: 768px) {
        
            .flexbox-horizontal {
                display:flex;
                overflow:scroll;
            }


            .text-size-tiny {
                font-size: 0.5rem;
            }

        }

        @media screen and (max-width: 767px) {

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

        }

        .white-bg {
            background-color: white;
            box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.071);
        }

        .borders {
        border-radius: 1rem;
        overflow: hidden;
        }
        
        @media only screen and (max-width:600px) {
            .partners img {
                width: 51%;
                opacity: .5;
            }
        }

        img.logo {
            width: 200px;
        }

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

        input {
            width: 100%;
            font-family:'Roboto', sans-serif !important;
            border: solid 1px #b9b9b9 !important;
            font-size: 1.6rem !important;
            padding: 1.2rem 1.5rem !important;
            border-radius: 0px !important;
        }

        input::placeholder {
            color: #7aa3c2!important;
        }    

        /*clock styling*/
        
        #clockdiv {
            font-family: "Roboto", sans-serif;
            color: black;
            display: inline-block;
            text-align: center;
            width:100%;
        }
        
        @media only screen and (max-width:767px) {
            #clockdiv {
                font-size: 22px;
            }
        }
        
        @media only screen and (min-width:768px) {
            #clockdiv {
                font-size: 30px;
            }
            .smalltext {
                padding-top: 5px;
                font-size: 16px;
            }

            .margin-top-100 {
                margin-top: 15vh;
            }
        }
        
        .smalltext {
            color: #474747;
            font-weight: 400;
            font-family: 'Roboto', 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;
            background-color: #FFF;
            border-radius: 5px;
            border: 6px solid rgba(123, 123, 123, 0.2);
            margin-bottom: 42px;
        }

        .hours, .minutes, .seconds {
            width:75px;
            line-height:66px;
            font-size:36px!important;
            border: 2px solid rgb(29, 29, 29);
            border-radius: 10px!important;
            font-weight: 600;
        }

        .footer {
            background-color: black;
            padding-top: 62px;
            padding-bottom: 62px;
            color: white;
            padding-left: 5%;
            padding-right: 5%;
        }
        .footer img {
            width: 100px;
            filter: brightness(0) invert(1);
        }

        .footer p.body_text {
            font-size: 13px;
            font-family: Roboto, sans-serif;
        }

        .footer a {
            color: #FFF;
            font-size: 13px;
        }

        .margin-top-100 {
            margin-top: 5vh;
        }

        .margin-bottom-100 {
            margin-bottom: 100px;
        }

        .red {
            color: rgb(228, 59, 44);
            
        }

        .underline {
            text-decoration: underline;
        }

        .button-red {
            color:#FFF;
            font-weight: 600;
            background-color: rgb(239,91,101);
            box-shadow: 0px 14px 23px 0px rgba(98,106,115,0.4);
            padding-left: 40px !important;
            padding-right: 40px !important;
            border-radius: 10px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
            font-size: 1.2em !important;
            width: auto;

        }
        .margin-bottom-0 {
            margin-bottom: 0px;
        }

        .col {
            max-width: 700px !important;
            margin: auto !important;
        }