/*
Theme Name: Down Under Plumbing - Wordpress Theme
Template: twentytwentyfive
Author: eTekhnos
Author URI: https://etekhnos.com
*/

:root {
    --color-one: #0F5471;
    --color-two: #297798;
}

/*CUSTOMs*/
.bshadowbtn a,
.bshadow{
        box-shadow: 0 26.8309px 26.8309px rgba(0, 0, 0, .0781907);
}
ul.checklist{
        list-style: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.63;
    padding-left: 0 !important;
    text-align: left;
}
ul.checklist li{
        padding-left: 40px;
    position: relative;
    margin-bottom: 14px;
}
ul.checklist li:before{
    color: var(--color-two);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 24px;
    line-height: 1;
    content: "\f14a";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0 !important;
    background-size: contain;
    border-radius: 0 !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

strong{
    font-weight:700;
}
.text-center{
    text-align:center;
}
footer #gform_submit_button_1,
#mainnav nav.wp-block-navigation .phone a,
.wp-block-button a{
    transition: all .4s;
    cursor:pointer;
}
/*HOVER Color one*/
.services-side .wp-block-button a:hover,
.hoverprimary a:hover,
#mainnav nav.wp-block-navigation .phone a:hover,
.wp-block-button.hoverwhite a:hover{
    background-color:var(--color-one)!important;
    text-decoration:none;
    color:#fff!important;
}

/*HOVER Color two - White to Blue*/

.wp-block-button.is-style-outline a:hover,
.hoversecondary a:hover,
.wp-block-button.hoverwhite a{
    background-color:var(--color-two)!important;
    color:#fff!important;
}

/*HOVER Color white*/
footer .wp-block-button__link:hover,
footer #gform_submit_button_1:hover{
    background-color:#fff;
    color:var(--color-one);
}

/*END CUSTOMs*/


/*SERVICES*/
@media(max-width:781px){
    .services-img.right {
        flex-direction:column-reverse;
    }
}
@media(min-width:782px){
    .services-img:not(.right) .wp-block-column:first-child{
        margin: -64px 0!important;
    }
    .services-img.right .wp-block-column:last-child{
        margin: -64px 0!important;
    }
}

.services-img .wp-block-group{
    height:100%;
}
.services-img .wp-block-group .wp-block-cover{
    height:100%;
    /*padding-bottom: 41.4%;*/
    /*width: 41.35%;*/
    
    -webkit-filter: drop-shadow(0 100px 80px rgba(0, 0, 0, .15)) drop-shadow(0 30.1471px 24.1177px rgba(0, 0, 0, .0977383)) drop-shadow(0 12.5216px 10.0172px rgba(0, 0, 0, .075)) drop-shadow(0 4.5288px 3.62304px rgba(0, 0, 0, .0522617));
    filter: drop-shadow(0 100px 80px rgba(0, 0, 0, .15)) drop-shadow(0 30.1471px 24.1177px rgba(0, 0, 0, .0977383)) drop-shadow(0 12.5216px 10.0172px rgba(0, 0, 0, .075)) drop-shadow(0 4.5288px 3.62304px rgba(0, 0, 0, .0522617));
    border-radius: 14px;
}

.services-col  .wp-block-button__link{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.services-col  .wp-block-button__link svg,
.services-img .wp-block-button__link svg{
    fill:#062040;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin-left:15px;
}

.services-img.right .wp-block-button__link:hover svg,
.services-img.right .wp-block-button__link:hover,
.services-img .wp-block-button__link:hover svg,
.services-img .wp-block-button__link:hover{
    color:var(--color-two);
    fill:var(--color-two);
}
.services-col  .wp-block-button__link:hover svg,
.services-img.right .wp-block-button__link svg,
.services-img.right .wp-block-button__link{
    color:#fff;
    fill:#fff;
}
.services-img .wp-block-button__link{
    font-size:16px;
    text-transform:unset!important;
    background-color:transparent!important;
    color:#062040;
    padding:0;
}
/*SERVICES END*/

/*HOME AREAS WE SERVE*/

.aws{
    columns: 2;   
}
.aws svg{
    
        position: absolute;
    color: var(--color-two);
    fill: var(--color-two);
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 20px;
}
.aws,
.aws li{
    padding-left:0;
    list-style: none;
}
.aws li{
            position: relative;
    padding-left: 39px;
    margin-bottom: 12px;

}

/*END HOME AREAS WE SERVE*/

#homebanner p,
#homebanner h2{
    text-shadow:0 4px 4px rgba(0,0,0,0.4);
}
.wp-site-blocks>header.wp-block-template-part{
    position:relative;
    z-index:2;
}
.wp-site-blocks>header.wp-block-template-part>div{
    position:relative;
}

#mainnav .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li{
    display: flex;
    align-items: flex-start;
}
#mainnav .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.phone{
    display: none;
}

#mainnav.nav-sticky{
    background-color:#fff;
}
#mainnav{
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1;
}
#mainnav ul.wp-block-navigation__container > li >a{
    /*color:#fff;*/
}

#mainnav nav:not(.is-menu-open) ul.wp-block-navigation__container  > li:not(.phone){
    /*position: relative;*/
    padding: 24px 12px;
}

#mainnav nav.wp-block-navigation>div:not(.is-menu-open){
    background-color:transparent!important;
}
#mainnav nav.wp-block-navigation .phone a i{
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    line-height: 1;
    top: 50%;
        right: calc(100% - 26px);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    background-size: contain;
}
#mainnav nav.wp-block-navigation .phone a{
    letter-spacing:1.2px;
    display: inline-block;
    border: 0;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.75;
    padding: 8px 17px 8px 35px;
    min-width: unset;
    background-color:var(--color-two);
    color:#fff;
}
#mainnav:not(.nav-sticky) nav.wp-block-navigation{
    padding: 0 14px 0 30px;
    /*background-color: var(--color-three);*/
    background-color:#fff;
    -webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .09), 0 36.5016px 29.2013px rgba(0, 0, 0, .0620983), 0 17.7209px 14.1767px rgba(0, 0, 0, .0500662), 0 8.6871px 6.94968px rgba(0, 0, 0, .0399338), 0 3.43489px 2.74791px rgba(0, 0, 0, .0279017);
    box-shadow: 0 100px 80px rgba(0, 0, 0, .09), 0 36.5016px 29.2013px rgba(0, 0, 0, .0620983), 0 17.7209px 14.1767px rgba(0, 0, 0, .0500662), 0 8.6871px 6.94968px rgba(0, 0, 0, .0399338), 0 3.43489px 2.74791px rgba(0, 0, 0, .0279017);
    border-radius: 30px;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 310;
}

#mainnav nav > div:not(.is-menu-open) .wp-block-navigation__submenu-container{
    -webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .1), 0 36.5016px 29.2013px rgba(0, 0, 0, .0689982), 0 17.7209px 14.1767px rgba(0, 0, 0, .0556291), 0 8.6871px 6.94968px rgba(0, 0, 0, .0443709), 0 3.43489px 2.74791px rgba(0, 0, 0, .0310018);
        box-shadow: 0 100px 80px rgba(0, 0, 0, .1), 0 36.5016px 29.2013px rgba(0, 0, 0, .0689982), 0 17.7209px 14.1767px rgba(0, 0, 0, .0556291), 0 8.6871px 6.94968px rgba(0, 0, 0, .0443709), 0 3.43489px 2.74791px rgba(0, 0, 0, .0310018);
        border-radius: 25px;
        /*opacity: 0;*/
        padding: 10px;
}
.position-relative{
    position:relative;
}

/*HEADER NOTIFICATION*/
header.wp-block-template-part .header__notification svg{
    fill:#fff;
    margin-left:15px;
}
header.wp-block-template-part .header__notification p{
    margin:0;
    color:#fff;
}
header.wp-block-template-part .header__notification {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 30.5px 0 30.5px 30.5px;
    background-color: var(--color-two);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    z-index: 1
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification {
        display:block;
        padding: 16px 50px
    }
}

header.wp-block-template-part .header__notification > * {
    margin-bottom: 0
}

header.wp-block-template-part .header__notification > i {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification > i {
        top:16px;
        left: 15px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

header.wp-block-template-part .header__notification p + a {
    margin-left: 5px
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification p + a {
        margin:20px 0 0
    }
}

header.wp-block-template-part .header__notification .btn-close-notification {
    position: absolute;
    right: 14px;
    top: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px
}

header.wp-block-template-part .header__notification .btn-arrow {
    text-decoration: underline;
    margin-left: 5px
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification .btn-arrow {
        margin-left:0
    }

    header.wp-block-template-part .header__notification .btn-arrow > i {
        margin-left: 10px
    }
}

header.wp-block-template-part .header__notification .btn-arrow:hover {
    color: var(--color-one)
}

header.wp-block-template-part .header__notification .mobile--text {
    display: none
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification .mobile--text {
        display:block
    }
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    header.wp-block-template-part .header__notification .desktop--text {
        display:none
    }

    header.wp-block-template-part .header__notification .desktop--text.show--text {
        display: block
    }
}

/*END HEADER NOTIFICATION*/


#innerbanner{
    background-image:url(../../uploads/2025/07/breadcrumb.webp);
    background-size:cover;
    background-position:center bottom;
    
}

#homebanner{
    min-height:95vh;
}
.section__title >*{
    position:relative;
    z-index:1;
}
.section__title{
    position:relative;
}
.section__title::before{
        content: "";
    background: var(--color-two);
    /*content: "";*/
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .09), 0 30.1471px 24.1177px rgba(0, 0, 0, .058643), 0 12.5216px 10.0172px rgba(0, 0, 0, .045), 0 4.5288px 3.62304px rgba(0, 0, 0, .031357);
    box-shadow: 0 100px 80px rgba(0, 0, 0, .09), 0 30.1471px 24.1177px rgba(0, 0, 0, .058643), 0 12.5216px 10.0172px rgba(0, 0, 0, .045), 0 4.5288px 3.62304px rgba(0, 0, 0, .031357);
    border-radius: 30px;
}
.wp-site-blocks > footer.wp-block-template-part{
    margin-block-start:0!important
}
.services-col >div>.wp-block-group{
        display: flex;
    flex-direction: column;
    height: 100%;
}
.services-col >div>.wp-block-group> .wp-block-group{
    width:100%;
}
.services-col >div>.wp-block-group> .wp-block-group:last-child{
    flex:1;
}
.services-side nav ul li a,
.services-side nav ul li,
.services-side nav ul,
.services-side nav{
    width:100%;
}
.services-side nav ul li.current-menu-item a.wp-block-navigation-item__content svg,
.services-side nav ul li a.wp-block-navigation-item__content:hover svg{
    display:block;
}
.services-side nav ul li a.wp-block-navigation-item__content:hover,
.services-side .current-menu-item a{
    background-color: #fff;
    color: var(--color-two);
}
.services-side nav ul li a.wp-block-navigation-item__content span,
.services-side li a svg{
    fill:var(--color-two);
    color: var(--color-two);
}
.services-side li a svg{
    transition: all .4s;
    display:none;
}
.services-side nav ul li a.wp-block-navigation-item__content{
    color:var(--color-two);
    display:flex;
    justify-content:space-between;
    align-items:center;
        text-decoration: none;
    /*display: block;*/
    padding: 14px 32px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    border-radius: 25px;
    border: 0 !important;
}
header a,
footer a{
    text-decoration:none!important;
}
footer .gfield_label,
footer .gform-field-label{
    display: block;
    text-transform: capitalize;
    line-height: 175%;
    font-size: 18px!important;
    font-weight: 600!important;
    margin-bottom: 6px!important;
}
footer .gfield textarea,
footer .gfield input[type="tel"],
footer .gfield input[type="email"],
footer .gfield input[type="text"]{
    border-radius: 24px;
    border:2px solid #297798;
    background-color:#02284E;
    color:#fff;
    padding:16px 40px!important;
}
footer .gform-footer{
    display: flex;
    justify-content: center;
}
footer #gform_submit_button_1{
    color: #fff;
    background-color: var(--color-two);
    display: inline-block;
    width: 100%;
    max-width: 450px;
    text-align: center;
    padding: 26px;
    text-transform: uppercase;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 32px;
    padding: 18px;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s,visibility .4s;
    transition: opacity .4s, visibility .4s;
}
header .nextdoor svg *, footer .nextdoor svg{
    fill:#0f5471!important;
    color:#fff;
}
footer .nextdoor svg *, footer .nextdoor svg{
    fill:#fff!important;
    color:#fff;
}

@media(max-width:812px){
    #contactpageform #gform_submit_button_1{
        font-size:16px;
    }
    #contactpageform{
        padding-right:30px!important;
        padding-left:30px!important;
    }
    footer .is-content-justification-space-between,
    footer .is-content-justification-right{
        justify-content:center!important;
    }
    footer{
        text-align:center;
    }
    footer ul{
        justify-content:center!important;
    }
    #mainnav .wp-block-site-logo img{
        width:80px;
    }
    #topbar .wp-block-group{
        flex-direction:column;
        align-items:center;
        gap:5px;
        width:100%;
    }
    #topbar .con,
    #topbar .sep,
    #topbar .wp-block-group:last-child{
        display:none;
    }
    #mainnav .wp-block-navigation__responsive-container-open:not(.always-shown){
        display:flex;
    }
    #mainnav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
        display:none;
    }
    
    #mainnav li.has-child > a{
        padding-right:15px!important;
    }
    #mainnav ul,
    #mainnav ul li{
        width:100%;
    }
}
@media(max-width:600px){
    #mainnav.nav-sticky{
        top:0!important;
    }
}


/*SUBMENU*/
/* Simple Mobile Submenu CSS - Targeting #mainnav only */

/* Mobile styles only - 812px and below */
@media (max-width: 812px) {
    
    /* Make parent links look clickable */
    #mainnav .wp-block-navigation-submenu > .wp-block-navigation-item__content {
        cursor: pointer;
        position: relative;
        padding-right: 20px;
    }
    
    /* Add arrow indicator */
    #mainnav .wp-block-navigation-submenu > .wp-block-navigation-item__content::after {
        content: '▼';
        position: absolute;
        right: 0;
        font-size: 10px;
        transition: transform 0.3s ease;
    }
    
    /* Rotate arrow when open */
    #mainnav .mobile-open > .wp-block-navigation-item__content::after {
        transform: rotate(180deg);
    }
    
    /* Style the submenu containers */
    #mainnav .wp-block-navigation__submenu-container {
        position: static !important;
        box-shadow: none !important;
        background: transparent !important;
        border: none !important;
        padding: 0 0 0 10px !important;
        margin: 8px 0 0 0 !important;
        width: 100% !important;
    }
    
    /* Indent submenu items */
    #mainnav .wp-block-navigation__submenu-container .wp-block-navigation-item {
        padding-right: 20px;
        border-right: 2px solid rgba(15, 84, 113, 0.2);
        margin-right: 10px;
    }
    
    /* Style submenu links */
    #mainnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 6px 0;
        font-size: 11px;
        color: inherit;
        opacity: 0.8;
    }
    
    /* Nested submenus - more indentation */
    #mainnav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item {
        padding-right: 40px;
    }
    
    /* Toggle button styling */
    #mainnav .wp-block-navigation-submenu__toggle {
        transform: none !important;
        cursor: pointer;
    }
    
    /* Open state styling */
    #mainnav .mobile-open > .wp-block-navigation-item__content {
        font-weight: bold;
        opacity: 1;
    }
    
    /* Hover effects */
    #mainnav .wp-block-navigation-submenu > .wp-block-navigation-item__content:hover,
    #mainnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        opacity: 1;
        background-color: rgba(15, 84, 113, 0.05);
        border-radius: 4px;
        padding-right: 8px;
        margin-right: -8px;
    }
    
    /* Focus styles for accessibility */
    #mainnav .wp-block-navigation-submenu > .wp-block-navigation-item__content:focus,
    #mainnav .wp-block-navigation-submenu__toggle:focus {
        outline: 2px solid rgba(15, 84, 113, 0.5);
        outline-offset: 2px;
        border-radius: 2px;
    }
    
}

/* Desktop styles - 813px and above */
@media (min-width: 813px) {
    
    /* Remove mobile indicators on desktop */
    #mainnav .wp-block-navigation-submenu > .wp-block-navigation-item__content::after {
        display: none;
    }
    
    /* Reset mobile classes */
    #mainnav .mobile-open > .wp-block-navigation-item__content {
        font-weight: inherit;
        opacity: inherit;
    }
    
}


/*IMAGEMAP*/
/* Target specific image map element */
#imagemap.wp-block-cover {
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease;
}

#imagemap.wp-block-cover:hover {
    transform: scale(1.02);
}

#imagemap.wp-block-cover .wp-block-cover__image-background {
    transition: opacity 0.2s ease;
}

#imagemap.wp-block-cover:hover .wp-block-cover__image-background {
    opacity: 0.9;
}
@media(max-width:781px){
    #imagemap{
        min-height:300px!important;
    }
}
@media(max-width:500px){
    /*.services-img .wp-block-group*/
    .services-img .wp-block-cover{
        min-height:250px!important;
    }
    .aws{
        columns:1;
    }
}

/* Popup Modal Styles */
.image-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(5px);
}

.image-popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.image-popup-container {
    position: relative;
    max-width: 95%;
    max-height: 95%;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.image-popup-overlay.active .image-popup-container {
    transform: scale(1);
}

.image-popup-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 95vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.image-popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    transition: all 0.2s ease;
    z-index: 10001;
}

.image-popup-close:hover {
    background: white;
    transform: scale(1.1);
}

.image-popup-close:focus {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

/* Loading spinner */
.image-popup-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .image-popup-close {
        top: -10px;
        right: -10px;
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .image-popup-container {
        max-width: 98%;
        max-height: 98%;
    }
}

/* Click indicator */
#imagemap.wp-block-cover::after {
    content: '🔍';
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#imagemap.wp-block-cover:hover::after {
    opacity: 1;
}

@media (max-width: 768px) {
    #imagemap.wp-block-cover::after {
        top: 15px;
        right: 15px;
        padding: 6px 10px;
        font-size: 14px;
    }
}
/*CONTACTPAG*/
#contactpageform textarea:hover,
#contactpageform input[type="text"]:hover,
#contactpageform input[type="email"]:hover,
#contactpageform input[type="tel"]:hover{
    border-color:var(--color-two);
}


#contactpageform textarea,
#contactpageform input[type="text"],
#contactpageform input[type="email"],
#contactpageform input[type="tel"]{

    border: 2px solid #003468;
    padding: 16px 40px;
    border: 2px solid transparent;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    border-radius: 24px;


    background-color: #f2f2f2;
    border-color: #e0e0e0;
    border-radius: 42px;
    padding: 25px 40px;
}
#contactpageform .gform-field-label,
#contactpageform label{
    color:var(--color-two);
        display: block;
    text-transform: capitalize;
    line-height: 175%;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

#contactpageform #gform_submit_button_1{

    background-color: var(--color-two);
    display: inline-block;
    width: 100%;
    max-width: 450px;
    text-align: center;
    padding: 26px;
    text-transform: uppercase;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 32px;
    padding: 18px;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s,visibility .4s;
    transition: opacity .4s, visibility .4s;
    max-width: 498px;
    padding: 19px 15px 13px;
    font-size: 28px;
    border-radius: 37.5px;
    text-transform: uppercase;
}
#contactpageform .gform-footer{
    display:flex;
    justify-content: center;
}
#contactpageform{
    box-shadow: 0 70px 80px rgba(0, 0, 0, .15), 0 30px 24px rgba(0, 0, 0, .0977), 0 12.5px 10px rgba(0, 0, 0, .075), 0 4.5px 3.5px rgba(0, 0, 0, .0523);
}