.elementor-19589 .elementor-element.elementor-element-b3757f8:not(.elementor-motion-effects-element-type-background), .elementor-19589 .elementor-element.elementor-element-b3757f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://civicservice.3diengage.com/wp-content/uploads/2021/12/copy-04-20190430-_DSC8321-HDR-3-scaled-1.jpg");background-size:cover;}.elementor-19589 .elementor-element.elementor-element-b3757f8 > .elementor-background-overlay{background-color:#000000;opacity:0.68;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19589 .elementor-element.elementor-element-b3757f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19589 .elementor-element.elementor-element-a33ed55:not(.elementor-motion-effects-element-type-background), .elementor-19589 .elementor-element.elementor-element-a33ed55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-19589 .elementor-element.elementor-element-a33ed55{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;}.elementor-19589 .elementor-element.elementor-element-a33ed55 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19589 .elementor-element.elementor-element-be9f19d > .elementor-element-populated{margin:0% 0% 5% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active,
					 .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title, .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title:before, .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title:after, .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-content, .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title, .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title a{color:#22374A;}.elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title.elementor-active,
					 .elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-title.elementor-active a{color:#FFFFFF;}.elementor-19589 .elementor-element.elementor-element-2c0a3b6 .elementor-tab-content{color:#000000;}@media(min-width:1025px){.elementor-19589 .elementor-element.elementor-element-b3757f8:not(.elementor-motion-effects-element-type-background), .elementor-19589 .elementor-element.elementor-element-b3757f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS */#onlinepermit2 .elementor-container{
    max-width:1440px !important;
}

.pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
    	    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
	}
 
.comingsoon{
    font-size:14px;
        color: #4292c9;
}

.billpaylistcol1{
    columns:unset !important;
}

#elementor-tab-content-4613 a{
    color: #408cc1;
    text-decoration: underline;
}

#elementor-tab-content-4613 p{
    font-size: 14px !important;
}

.onlinesolarins{
        font-size: 12px;
    border-radius: 15px;
    border: 2px solid;
    padding: 1px 6px;
}

.opapplynow.disabled{
    background: grey !important;
}

.gotobtn
{
        background-color: #4192c9;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
}

.gotobtn:hover
{
        background-color: #22374a;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
}

.opnote{
        line-height: 1.6em;
    display: block;
    font-weight: 400 !important;
}

.opnote span{
    font-weight: 600;
}

#onlinepermit2 .billpaylist, .opnote{
    font-size: 14px;
    color:#000;
}

.billpayone
{
        column-count: unset !important;
}

#onlinepermit2 .elementor-widget-tabs .elementor-tab-desktop-title, #onlinepermit2 .elementor-tabs-content-wrapper, #onlinepermit2 .elementor-tab-content, #onlinepermit2 .elementor-tab-title:before{
    border:unset !important;
}

#onlinepermit2 .elementor-tabs-wrapper, #onlinepermit2  .elementor-tabs-content-wrapper
{
        padding: 20px;
        margin: 10px;
    background: #fff;
}

#onlinepermit2 .elementor-tab-title.elementor-active
{
        background-color: #22374a;
}

#onlinepermit2 .elementor-tab-title:after{
    border:unset !important;
    content: '\f105';
    font-family: Fontawesome;
    right: 10px;
    position:absolute;
    color:#22374a;
}

#onlinepermit2 .elementor-tab-title.elementor-active:after, #onlinepermit2 .elementor-tab-title.elementor-active:hover:after{
    border: unset !important;
    content: '\f105';
    font-family: Fontawesome;
    right: 20px;
    color: #fff;
    top: 20px;
}



#onlinepermit2 .elementor-tab-title:hover
{
        background-color: #22374a;
        border-radius: 3px !important;
        color:#fff;
}

#onlinepermit2 .elementor-tab-title:hover a{
    color:#fff !important;
}

#onlinepermit2 .elementor-tab-title
{      border-radius: 3px !important;
        padding: 20px 30px !important;
}

.opcol1, .opcol2, .opcol3 {
  width: 100%;
}

#onlinepermit2 .elementor-tabs-view-vertical .elementor-tab-content {
    padding: 0 !important;
}

.opbillbox .optitle
{
    color: #000 !important;
    font-weight: 500;
        margin-bottom: 5px;
}

#onlinepermit2 .opbillbox li {
    margin-bottom: 5px;
}
.opcol2, .opcol3{
    padding: 10px
}

.opcol1 img
{
    width: 100%;
}


.opcol3 .opapplynow
{
        background: #22374a;
    color: #fff;
    padding: 10px;
    border-radius: 47px;
    display: block;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
}

.opcol3 .opapplynow:hover
{
        background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 47px;
    display: block;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
}


.opbillbox {
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 18%);
    margin-bottom: 20px;
}

.opbillbox:hover {
    box-shadow:rgb(34 55 74) 1px 1px 6px 1px;
    margin-bottom: 20px;
}


@media (min-width: 48em) {
  .opbillbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 18%);
}
  
  .opcol1{
      width:10%;
  }
  .opcol3{
          width: 15%;
  }
  
  
#onlinepermit2 .billpaylist{
     columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

}


@media (max-width: 47em) {
    
    .opcol1 img
    {
            width: 100px !important;
    margin: auto;
    }
    
    #onlinepermit2 .elementor-tab-title.elementor-active:after{
        top:50px !important;
    }
    
    #onlinepermit2 .elementor-tab-title:after{
        right:50px !important;
    }
    
    .opbillbox .optitle {
        text-align:center !important;
    }
}/* End custom CSS */