body
{
}

.Round-Rock-Title-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0.5% 0.5%;
    grid-auto-flow: row;
    background-color: #58585a;
}


.Round-Rock-Title {
    grid-area: 1 / 5 / 1 / 10;
    overflow: hidden;
    background-color: #58585a;
    font-family: Montserrat, arial, sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #f1c232;
    text-align: center;
    text-align: right;
}


.Round-Rock-Title-Phone {
    grid-area: 1 / 10 / 1 / 12;
    overflow: hidden;
    background-color: #58585a;
    font-family: Montserrat, arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-align: right;
       padding: 5px 5px 5px 5px; 
}

.Round-Rock-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0.5% 0.5%;
    grid-auto-flow: row;
}

.Round-Rock-header {
    grid-area: 1 / 3 / 1 / 13;
    align-self: end;
}

.Round-Rock-image {
    grid-area: 2 / 3 / 3 / 5;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border: 2px solid #f1c232;
}

.Round-Rock-content {
    grid-area: 2 / 5 / 3 / 9;
}

.Round-Rock-button {
    grid-area: 2 / 10 / 3 / 13;
}

.Google-Map {
    grid-area: 1 / 3 / 3 / 11; 
}


.Round-Rock-Footer-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0.5% 0.5%;
    grid-auto-flow: row;
    background-color: #58585a;
}

.Round-Rock-Footer-title1 {
    grid-area: 1 / 3 / 1/ 5;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 600;
}

.Round-Rock-Footer-title2 {
    grid-area: 1 / 5 / 1/ 7;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 600;
}

.Round-Rock-Footer-title3 {
    grid-area: 1 / 7 / 1/ 9;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 600;
}

.Round-Rock-Footer-title4 {
    grid-area: 1 / 9 / 1/ 11;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 600;
}


.Round-Rock-Footer-content1 {
    grid-area: 1 / 3 / 1 / 8;
}

.Round-Rock-Footer-content2 {
    grid-area: 1 / 5 / 1 / 7;
}

.Round-Rock-Footer-content3 {
    grid-area: 1 / 7 / 1 / 9;
}


.Round-Rock-follow-us-container {
    display: grid;
    grid-template-columns: 24px 24px 24px 24px 24px;
    grid-template-rows: 24px ;
    grid-auto-columns: 24px;
    grid-auto-rows: 24px;
    gap: 5px 5px;
    grid-auto-flow: row;
}

.follow-us1 {
    grid-area: 1 / 1 / 1 / 1;
}

.follow-us2 {
    grid-area: 1 / 2 / 1 / 2;
}

.follow-us3 {
    grid-area: 1 / 3 / 1 / 3;
}

.follow-us4 {
    grid-area: 1 / 4 / 1 / 4;
}

.follow-us5 {
    grid-area: 1 / 5 / 1 / 5;
}

.Footer-content {
    color: #f1c232;
    /*    text-decoration: none;    */
    font-size: 16px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 800;
}

.name-image {
    background-image: url('Round_Rock_images/fidelity-national-title.jpeg');
}

h4, h3, p {
    display: inline;
}

.p1 {
    font-family: Montserrat, arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.p2 {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.p3 {
    font-family: Montserrat, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

    .p3 a {
        text-decoration: none;
        background-color: #f1c232;
        color: #ffffff;
    }

.p4 {
    font-family: Montserrat, arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.hdr1 {
    font-family: Archivo Black, arial, sans-serif;
    font-size: 33px;
    font-weight: 400;
}

.hdr2 {
    font-family: Archivo Black, arial, sans-serif;
    font-size: 26px;
    font-weight: 400;
}


.imgdiv1 {
    background-image: url('Round_Rock_images/Pflugerville-Certifier.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.imgdiv2 {
    background-image: url('Round_Rock_images/sign-document-on-phone.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.imgdiv3 {
    background-image: url('Round_Rock_images/Travis-County-Notary-Blue.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.imgdiv4 {
    background-image: url('Round_Rock_images/Georgetown-Remote-Notary.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}







.Call-Notary {
	display: none;
}

.Notary-Phone-Number {
	display: block;
}


.Call-Notary a {
    color: #58585a;
    background-color: #f1c232;
    text-decoration: none;
}

.Notary-Name h2 a {
    color: #f1c232;
    background-color: #58585a;
    text-decoration: none;
}


.container-certification {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 5rem 5rem 5rem ; /* 1fr 1fr 1fr;  */
    grid-auto-columns: 1fr;
/*    grid-auto-rows: minmax(3fr, auto);     */
    grid-auto-rows: 1fr;  
    gap: 0px 0%;
    grid-auto-flow: row;
    grid-template-areas:
        ". fidelity-approved fidelity-approved fidelity-approved . national-notary-association national-notary-association national-notary-association . loan-signing-system loan-signing-system loan-signing-system ."
        ". fidelity-approved fidelity-approved fidelity-approved . national-notary-association national-notary-association national-notary-association . loan-signing-system loan-signing-system loan-signing-system ."
        ". fidelity-approved fidelity-approved fidelity-approved . national-notary-association national-notary-association national-notary-association . loan-signing-system loan-signing-system loan-signing-system .";
}

.fidelity-approved {
    grid-area: fidelity-approved;
    background-image: url('Round_Rock_images/fidelity-national-title.jpeg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border: 2px solid #f1c232;
}

.national-notary-association {
    grid-area: national-notary-association;
    background-image: url('Round_Rock_images/NNA-Logo.png');
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position: center;
    border: 2px solid #f1c232;
}

.loan-signing-system {
    grid-area: loan-signing-system;
    background-image: url('Round_Rock_images/LSS-Logo.png');
    background-repeat:no-repeat;
    background-size: 100% 70%;
    background-position:center;
    border: 2px solid #f1c232;
}


.ul_top_hypers {
    display: flex;
    /*    justify-content: space-around;   */
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    font-family: Montserrat, arial, sans-serif;
    background-color: #58585a;
}


    .ul_top_hypers a {
/*        float: left;
        display: block;
*/        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 12px;
    }


    .ul_top_hypers p {
/*        float: left;
        display: block;
*/        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 12px;
    }

.ul_top_hypers2 {
    display: flex;
    /*    justify-content: space-around;   */
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    font-family: Montserrat, arial, sans-serif;
   
}

.ul_top_hypers2 li {
padding: 20px 20px 20px 20px;
}

.h2-center {
    text-align:center;
}


body {
    margin: 0;
    font-family: Montserrat, arial, sans-serif;
}


h2 a {
    font-family: Montserrat, arial, sans-serif;
}


.Notary-Menu {
    grid-area: 1 / 2 / 1 / 13;
    overflow: hidden;
    background-color: #58585a;
}

    .Notary-Menu a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .Notary-Menu a:hover {
            background-color: #ddd;
            color: black;
        }

        .Notary-Menu a.active {
            background-color: #f1c232;
            color: white;
        }

    .Notary-Menu .icon {
        display: none;
    }

@media screen and (max-width: 600px) {
    .Notary-Menu a:not(:first-child) {
        display: none;
    }

    .Notary-Menu a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .Notary-Menu.responsive {
        position: relative;
    }

        .Notary-Menu.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .Notary-Menu.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}




.button {
    display: inline-block;
    padding:  15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #f1c232;
    border: none;
    border-radius: 15px;
 /*   box-shadow: 0 9px #999;   */

}

    .button:hover {
        background-color: #ffca27
    }

    .button:active {
        background-color: #ffca27;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }

.mobile-button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #f1c232;
    border: none;
    border-radius: 15px;
    /*   box-shadow: 0 9px #999;   */
}

    .mobile-button:hover {
        background-color: #ffca27
    }

    .mobile-button:active {
        background-color: #ffca27;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }


.container-certification-text{
text-align:center;
    font-weight:600;
    padding: 0px 0px 0px 0px;

}

.Mobile-Call-Notary {
    display: none;
}



.facebook {
/*    grid-area: loan-signing-system;  */
    background-image: url('Round_Rock_images/facebook.jpg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    border: 2px solid #f1c232;
}

.twitter {
    /*    grid-area: loan-signing-system;  */
    background-image: url('Round_Rock_images/twitter.jpg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    border: 2px solid #f1c232;
}


/*mobile land*/
@media only screen and (max-width: 768px) {
    /* For mobile phones: */

/*    .container-notary-banner-grid{
        display:block;
    }
*/
    .container-certification{
        display:flow;
    }

/*    .Round-Rock-Banner {
        display: none;
    }

    .Call-Notary {
        display: none;
    }

    .Mobile-Call-Notary {
        display: block;
    }
*/

/*    .Notary-Name {
        width: 100vw;
        padding: 0px 0px 0px 0px;
        display: block;
    }
*/
    .button{

        width: 100vw;
        display: block;   

    }


    .fidelity-approved {
        width: 100vw;
        height: 55vw;
        display: block;
        border: 0px solid #f1c232;
        border-top: solid;
        border-top-color: #f1c232;
    }


    .national-notary-association {
        width: 100vw;
        height: 55vw;
        display: block;
        border: 0px solid #f1c232;
        border-top:solid;
        border-top-color: #f1c232;
    }

    .loan-signing-system {
        width: 100vw;
        height: 55vw;
        display: block;
        border: 0px solid #f1c232;
        border-top: solid;
        border-top-color: #f1c232;
        
        border-bottom: solid;
        border-bottom-color: #f1c232;
    }

    .ul_top_hypers {
        display: block;
        justify-content: center;
        list-style-type:  none;
        padding: 5px 5px 5px 5px;
    }

    .Round-Rock-Title-container {
        display: block;
    }

    .Round-Rock-container{
        display: block;
    }

    .Round-Rock-image{
        background-size: 10vw 10vw;
    }
    
    .imgdiv1{
        height: 30vw;

    }

.Call-Notary {
	display: block;
}

.Notary-Phone-Number {
	display: none;
}

}










.marquee-wrapper {
    position: relative;
    display: flex;
    overflow: hidden;
    gap: 1rem;
    border-radius: 1rem;
}

    .marquee-wrapper .marquee-content {
        position: relative;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        gap: 1rem;
        cursor: grab;
    }

        .marquee-wrapper .marquee-content .card-testimonial {
            max-width: 400px;
            background-color: #58585a;
            padding: 1rem;
            border-radius: 1rem;
            color: #f5f5f5;
        }

            .marquee-wrapper .marquee-content .card-testimonial article picture {
                position: relative;
                min-width: 200px;
            }

                .marquee-wrapper .marquee-content .card-testimonial article picture img {
                    width: 100%;
                    height: 170px;
                    border-radius: 0.5rem;
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: 50% 15%;
                    object-position: 50% 15%;
                }

            .marquee-wrapper .marquee-content .card-testimonial article h4 {
                font-size: 20px;
                text-transform: capitalize;
                margin-block: 1rem;
            }

            .marquee-wrapper .marquee-content .card-testimonial article article.short-description p {
                font-family: var(--ff-heading);
                font-size: 14px;
                font-weight: 300;
                line-height: 20px;
                margin-bottom: 1.2rem;
            }

@media (max-width: 1024px) {
    .marquee-wrapper {
        overflow: auto;
    }
}

.scrollingX {
    animation: scroll 45s linear infinite;
}

.marquee-wrapper:hover .scrollingX {
    animation-play-state: paused;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - 1rem));
    }
}