.tws-ollie-page-load {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c0c0c;
    visibility: visible;
    opacity: 1;
    transition: .8s;
}

.tws-ollie-page-load > img {
    width: 700px;
}

.tws-ollie-page-load.slow-hide {
    opacity: 0;
    visibility: hidden;
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    background-color: #fff;
    margin-top: 0!important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 15px;
    margin: 0;
}

ul {
    margin: 0;
}

li {
    list-style-type: none;
}

a {
    font-size: 15px;
    text-decoration: none;
}

a:active, a:hover {
    color: #fff;
}

em {
    font-style: italic;
}

strong {
    font-weight: 500;
}

img, source {
    border: none;
    outline: none;
    width: 100%;
    max-width: 100%;
}

#cookie-bar {
    background: #010213;
    height: auto;
    line-height: 24px;
    color: #fff;
    padding: 5px 0;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}

#cookie-bar p {
    margin: 0;
    padding: 10px;
    text-align: center;
}

#cookie-bar a {
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    padding: 0 6px;
    margin-left: 8px;
}

#cookie-bar .cb-enable:hover {
    color: #a5a5a5;
}

#cookie-bar .cb-disable {
    background: #900;
}

#cookie-bar .cb-disable:hover {
    background: #b00;
}

#cookie-bar .cb-policy:hover {
    color: #a5a5a5;
}

.row {
    float: left;
    width: 100%;
}

header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    float: left;
    z-index: 999;
    display: flex;
    justify-content: center;
}

header .h-bar {
    width: 1460px;
    float: left;
    height: 120px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

header .h-bar .h-logo {
    float: left;
}

header .h-bar .h-logo a {
    float: left;
    width: 100%;
}

header .h-bar .h-logo a img {
    height: 50px;
    max-width: unset;
    width: auto;
    transition: all 0.2s ease-out 0s;
}

header .h-bar .h-logo a img:hover {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

header .h-bar .h-nav {
    float: right;
    padding-right: 0;
    height: 80px;
}

header .h-bar .h-nav nav {
    float: left;
    width: 100%;
    text-align: right;
}

header .h-bar .h-nav nav ul {
    width: 100%;
    list-style-type: none;
    text-align: center;
    margin: 0;
}

@media only screen and (min-width: 1151px) {
    header .h-bar .h-nav nav ul {
        display: block !important;
    }
}

header .h-bar .h-nav nav ul li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    padding: 10px;
    line-height: 60px;
}

header .h-bar .h-nav nav ul li:hover > a {
    color: #000000;
}

header .h-bar .h-nav nav ul li a {
    color: #000000;
    letter-spacing: 1.1px;
    font-weight: 600;
}

@media only screen and (max-width: 1150px) {
    header .h-bar .h-nav nav ul {
        border-top: solid 1px #000;
        padding: 15px 0;
        background: black;
        position: absolute;
        left: -6% !important;
        top: 120px !important;
        width: 112%;
    }

    header .h-bar .h-logo {
        left: 30px;
    }

    header .h-bar .h-nav nav ul li {
        display: block;
        margin: 0;
        clear: both;
        padding: 0;
        width: 100%;
        float: left;
        line-height: unset;
    }

    header .h-bar .h-nav {
        width: 100%;
        padding-right: 0 !important;
        /* position: relative; */
        z-index: 999999999999999999;
        top: 80px;
    }

    header .h-bar .h-nav nav ul li a {
        margin: 0;
        float: left;
        width: 100%;
        border-bottom: solid 1px #000;
        padding: 15px 40px;
        background: #000;
        font-size: 30px;
        color: #fff !important;
        text-align: left;
    }

    header .h-bar .h-nav nav ul li ul li, header .h-bar .h-nav nav ul li:hover > ul {
        display: none !important;
    }

    header .h-bar .h-nav nav ul li a:hover {
        background: #000000;
        color: #010213 !important;
    }

    .text-underline-css:before {
        display: none;
    }
}

header .h-bar .h-nav nav ul li ul {
    display: none;
    position: absolute;
    animation: load 1s;
    padding: 0;
    float: left;
    height: unset;
    text-align: left;
    background: #fff;
    top: 80px;
    width: 200px;
    left: 0;
}

header .h-bar .h-nav nav ul li:hover > ul {
    display: block !important;
}

@media only screen and (min-width: 1101px) {
    header .h-bar .h-nav nav ul li ul {
        display: none !important;
    }
}

header .h-bar .h-nav nav ul li ul li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    height: 60px;
    background: #fff;
    padding: 0;
}

.h-banner .banner-sub, .h-banner .h-banner-inner .banner-title {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

header .h-bar .h-nav nav ul li ul li a {
    padding: 0 30px;
    float: left;
    width: 100%;
    font-weight: 300;
    line-height: unset;
}

header .h-bar .h-nav nav ul li ul li > a:hover {
    background: #aa144c;
    color: #fff;
}

header .h-bar .h-nav nav ul li ul li:hover {
    background: #aa144c;
    color: #fff;
}

header .h-bar .h-nav nav ul li ul li:hover > a {
    color: #fff;
}

nav .mobile-menu input, nav .mobile-menu label {
    display: none;
}

header .h-bar .h-nav .sub-sub-nav-menu {
    display: none;
    position: absolute;
    padding: 0;
    float: left;
    height: unset;
    text-align: left;
    background: #fff;
    top: 0;
    width: 200px;
    left: 200px;
}

header .h-bar .h-nav .sub-sub-nav-menu li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    height: 60px;
    background: #fff;
    padding: 0;
}

header .h-bar .h-nav .sub-sub-nav-menu a {
    padding: 0 30px;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 300;
    line-height: unset;
}

@media only screen and (max-width: 1350px) {
    header .h-bar .h-nav nav {
        padding-left: 0;
        width: 100%;
        padding-right: 0;
    }

    header {
        position: relative;
        /* z-index: 99999; */
    }

    nav .mobile-menu label {
        display: block;
    }

    nav .mobile-menu {
        display: none;
        position: absolute;
        top: 40px;
        font-size: 32px;
        cursor: pointer;
        font-weight: 300;
        z-index: 9999999999999;
        right: 0px;
        background-color: #fff;
        padding: 0 6px;
    }

    #nav {
        display: none;
        height: unset;
        float: left;
        top: 80px;
        left: 0;
        height: 100vh;
    }
}

@media only screen and (max-width: 1150px) {
    nav .mobile-menu {
        display: block;
    }
}

header .h-bar .h-nav nav ul .menu-item-has-children > a::after {
    font-size: 13px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: 2px;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
    content: "\f078";
    margin-left: 7px;
}

@media only screen and (max-width: 1350px) {
    header .h-bar .h-nav nav ul .menu-item-has-children > a::after {
        display: none;
    }
}

footer {
    float: left;
    z-index: 2;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 90px;
}

footer .footer-inner {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #000000;
    letter-spacing: 1.1px;
}

footer .footer-inner .block {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px;
}

footer .footer-inner .email {
    color: #353535;
    font-weight: 600;
    font-size: 30px;
}

footer .footer-inner .phone {
    color: #4e4e4e;
    font-size: 18px;
}

footer .footer-inner .address {
    float: left;
    width: 100%;
}

footer .footer-inner .email:hover, footer .footer-inner .phone:hover {
    text-decoration: underline;
    position: relative;
}

footer .footer-inner .links {
    float: left;
    width: 100%;
    display: block;
    margin: 30px 0;
}

footer .footer-inner .links a {
    color: #353535;
    font-weight: 600;
    margin: 0 10px;
}

footer .footer-inner .links a:hover {
    text-decoration: underline;
}

footer .footer-inner .social {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 30px;
}

footer .footer-inner .social a {
    height: 40px;
    display: inline-block;
    width: 40px;
    color: #000000;
    margin: 0 6px;
    font-size: 28px;
}

footer .footer-inner .social a:hover {
    color: #010213;
}

@media only screen and (max-width: 1100px) {
    footer {
        padding: 30px;
    }
}

@media only screen and (max-width: 680px) {
    footer .footer-inner .links a {
        display: inherit;
        margin: 0 0 20px;
    }

    footer .footer-inner .email {
        font-size: 20px;
    }

    footer .footer-inner .block {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 380px) {
    footer .footer-inner .email {
        font-size: 17px;
    }
}

.wrapper {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.banner {
    float: left;
    width: 100%;
}

.banner img, .banner source {
    height: calc(100vh - 80px);
    object-fit: cover;
    filter: brightness(60%);
}

@media only screen and (max-width: 1350px) {
    .wrapper {
        margin-top: 0 !important;
    }
}

.banner-area {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    color: #fff;
    letter-spacing: 1.1px;
    text-align: center;
    vertical-align: middle;
}

.banner-inner {
    width: 900px;
    margin: 0 auto;
}

.banner-area h1 {
    font-size: 40px;
    margin-bottom: 40px;
}

.banner-area p {
    font-size: 18px;
    margin-bottom: 40px;
}

.banner-area a {
    padding: 10px 20px;
    font-size: 16px;
    border: solid 2px white;
    background: none;
    cursor: pointer;
    font-weight: 600;
    color: #ffffff;
    justify-content: center;
    text-align: center;
    position: relative;
    vertical-align: top;
    border-radius: 6px;
    box-shadow: none;
    display: inline-flex;
    /* -webkit-transition: -webkit-transform 0.3s,-webkit-box-shadow 0.3s; */
    /* transition: -webkit-transform 0.3s,-webkit-box-shadow 0.3s; */
    -o-transition: transform 0.3s, box-shadow 0.3s;
    /* transition: transform 0.3s,box-shadow 0.3s; */
    /* transition: transform 0.3s,box-shadow 0.3s,-webkit-transform 0.3s,-webkit-box-shadow 0.3s; */
}

.banner-area a:hover {
    background: 010213;
    border: solid 2px white;
    color: white;
    background-image: linear-gradient(to right, 010213, #010213);
    /* -webkit-transform: translate3d(0, -2px, 0); */
    /* transform: translate3d(0, -2px, 0); */
}

@media only screen and (max-width: 1100px) {
    .banner-inner {
        width: 100%;
        padding: 0 10%;
    }
}

@media only screen and (max-width: 550px) {
    .banner-area p {
        display: none;
    }
}

.text-area {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 20%;
    color: #000;
}

.text-area h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #353535;
}

.text-area p {
    color: #353535;
    margin-bottom: 20px;
}

.text-area a {
    color: #010213;
    font-weight: 600;
}

.text-area a:hover {
    color: #151515;
}

.text-area ul, .text-area ol {
    float: left;
    width: 100%;
    margin: 0;
    text-align: left;
}

.text-area ol li {
    list-style-type: decimal;
}

.text-area li {
    margin-bottom: 20px;
    font-size: 15px;
    list-style-type: disc;
}

.text-area .button {
    padding: 10px 20px;
    font-size: 16px;
    border: solid 2px 010213;
    background: white;
    cursor: pointer;
    font-weight: 600;
    color: #353535;
    justify-content: center;
    text-align: center;
    position: relative;
    vertical-align: top;
    border-radius: 6px;
    box-shadow: none;
    display: inline-flex;
    -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.wpcf7-mail-sent-ok {
    float: left;
    color: #010213;
    font-size: 0.9rem;
    font-weight: 500;
    width: 100%;
    margin-top: 20px;
}

.text-area .button:hover {
    background: 010213;
    color: #fff;
    border: solid #ffffff 1px;
    background-image: linear-gradient(to right, 010213, #010213);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

@media only screen and (max-width: 1100px) {
    .text-area {
        padding: 90px;
    }

    .text-area h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 600px) {
    .text-area {
        padding: 20px;
    }

    .text-area h2 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 400px) {
    .text-area {
        padding: 50px 20px;
    }
}

.portfolio {
    margin: 0;
    padding: 0;
}

.portfolio li {
    float: left;
    width: 33.33333%;
    position: relative;
    overflow: hidden;
}

.portfolio-page li {
    width: 100%;
    height: 400px;
}

.portfolio li a {
    float: left;
    width: 100%;
    height: 400px;
}

.portfolio li img, .portfolio li source {
    height: 400px;
    object-fit: cover;
    filter: brightness(0.7);
    transition: transform 0.8s;
}

.portfolio li h6, .portfolio li h2 {
    color: #fff;
    text-align: left;
    font-size: 25px;
    width: 100%;
}

.portfolio li p {
    color: #fff;
}

.portfolio .port-text-area {
    position: absolute;
    bottom: 11px;
    text-align: left;
    left: 10px;
    width: 100%;
}

.portfolio li:hover .port-text-area {
    /* width:100%; */
}

.portfolio li:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    overflow: hidden;
    transform: scale(1.1);
    /* -webkit-filter:blur(2px); */
    /* filter:blur(2px) */
}

@media only screen and (max-width: 1100px) {
    .portfolio li a {
        height: 300px;
    }

    .portfolio li img {
        height: 300px;
    }

    .portfolio-page li img {
        height: 400px;
    }
}

@media only screen and (max-width: 700px) {
    .portfolio li a {
        height: 300px;
    }

    .portfolio li img {
        height: 300px;
    }

    .portfolio-page li img {
        height: 400px;
    }

    .portfolio li {
        width: 100%;
    }

    .portfolio .port-text-area {
        padding: 20px 20px 40px;
    }
}

.cms-banner {
    height: 350px;
    position: relative;
    background: #010213;
}

.cms-banner img {
    height: 350px;
    object-fit: cover;
    filter: brightness(15%);
}

.cms-banner h1 {
    margin-bottom: 10px;
    text-transform: capitalize;
}

.cms-banner h1 span {
    color: 010213;
}

.cms-banner p {
    margin: 0;
    display: block !important;
}

.portfolio-page li .left {
    float: left;
    width: 50%;
    overflow: hidden;
}

.portfolio-page li .right {
    float: right;
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    padding: 40px;
    transform: translateY(-50%);
    color: #fff;
    letter-spacing: 1.1px;
    text-align: center;
    vertical-align: middle;
}

.portfolio-page li .right h6, .portfolio-page li .right h2 {
    color: #000;
    text-align: left;
    text-transform: unset;
    margin-bottom: 17px;
}

.portfolio-page li .right h2 > a {
    width: unset;
    color: #000;
    float: unset;
    font-size: 25px;
    height: unset;
}

.portfolio-page li .right h2 > a:hover {
    color: #00a2aa;
}

.portfolio-page li .right p {
    color: #000;
    margin-bottom: 16px;
    text-align: left;
}

.portfolio-page li:nth-of-type(2n) .left {
    float: right;
}

.portfolio-page li:nth-of-type(2n) .right {
    float: left;
    left: 0;
}

@media only screen and (max-width: 750px) {
    .portfolio-page li {
        height: unset;
    }

    .portfolio-page li .left {
        width: 100%;
    }

    .portfolio-page li .left img {
        height: unset;
        filter: brightness(100%);
    }

    .portfolio-page li .right {
        position: unset;
        width: 100%;
        float: left;
        top: unset;
        right: unset;
        transform: unset;
    }
}

.portfolio-page {
    border-top: solid 1px #000;
    font-size: 15px;
}

.portfolio-page li img {
    filter: unset !important;
}

.portfolio-page li img:hover {
    filter: unset !important;
}

.portfolio .see-more {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.portfolio .see-more a {
    height: unset;
    display: inline-block;
    padding: 7px 25px;
    color: #000;
    border: #000 solid 1px;
    animation: load 1s;
    width: unset;
}

.portfolio .see-more a:hover {
    background: 010213;
    border: #fff solid 1px;
    animation: load 1s;
    color: #fff;
    background-image: linear-gradient(to right, 010213, #010213);
}

.events-bar {
    padding: 0;
    float: left;
    width: 100%;
    color: #fff;
    padding: 40px 0;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.events-bar li {
    float: left;
    padding: 50px;
    width: 25%;
    text-align: center;
}

.events-bar li i {
    display: block;
    font-size: 60px;
}

.events-bar li .title {
    display: block;
    width: 100%;
    margin: 20px 0 5px;
    font-weight: 600;
    font-size: 23px;
    float: left;
}

.events-bar li .insert {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

@media only screen and (max-width: 1000px) {
    .events-bar li {
        padding: 15px;
    }
}

@media only screen and (max-width: 700px) {
    .events-bar li {
        padding: 30px;
        width: 50%;
    }
}

@media only screen and (max-width: 560px) {
    .events-bar li {
        padding: 30px;
        width: 100%;
    }

    .cms-banner h1 {
        font-size: 26px;
    }
}

.events-map iframe {
    width: 100%;
    height: 300px;
    border: none;
}

.contact {
    float: left;
    width: 100%;
}

.main-contact-form {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.main-contact-form .half {
    float: left;
    width: 50%;
    text-align: left;
    padding: 0 30px;
    margin-bottom: 20px;
}

.main-contact-form .full {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 30px;
}

.main-contact-form .half label, .main-contact-form .full label {
    width: 100%;
    float: left;
    font-size: 16px;
}

.main-contact-form .half input, .main-contact-form .full textarea {
    border: solid 1px #000;
    float: left;
    width: 100%;
    margin-top: 6px;
    height: 40px;
}

.main-contact-form .full textarea {
    height: 200px;
}

.Send input {
    margin-top: 40px;
    border: solid #000 1px;
    padding: 7px 25px;
    font-size: 18px;
    cursor: pointer;
}

.Send input:hover {
    color: #fff;
    border: solid 1px 010213;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

@media only screen and (max-width: 700px) {
    .main-contact-form .half {
        width: 100%;
    }
}

.cat-page-date {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.cat-page-date span {
    height: unset;
    float: left;
    text-align: left;
    color: #000;
    width: 100%;
}

.cat-page-date span a {
    height: unset;
    float: unset;
    width: unset;
    color: #00a2aa;
}

.cat-page-date span a:hover {
    text-decoration: underline;
}

.pagination {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding-bottom: 30px;
    border-radius: 4px;
}

.pagination a, .pagination span {
    background: #8a8a8a;
    padding: 10px 15px !important;
}

.pagination span {
    color: #fff;
    font-size: 15px;
    padding: 10px 15px !important;
}

.pagination a {
    background: #0c1f30;
    color: #fff !important;
    text-decoration: none;
}

.pagination a:hover, .pagination span:hover {
    background: #8a8a8a;
}

.cms-banner .post-metas .cats span {
    height: unset;
    font-size: 18px;
    margin-left: 11px;
}

.cms-banner .post-metas .cats a {
    height: unset;
    border: unset;
    margin: 0;
    padding: 0;
}

.cms-banner .post-metas .cats a:hover {
    background: unset;
    text-decoration: underline;
}

.blog-content img {
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 0 1px 4px rgba(41, 51, 57, 0.5);
    float: left;
    height: auto;
    -webkit-box-shadow: 0 1px 4px rgba(41, 51, 57, 0.5);
}

.blog-content p, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6, .blog-content div, .defult-page p, .defult-page h2, .defult-page h3, .defult-page h4, .defult-page h5, .defult-page h6 {
    text-align: left;
    float: left;
    width: 100%;
}

.tws-disqus_thread {
    padding-top: 0;
}

.blog-content {
    padding-bottom: 30px;
    position: relative;
}

#disqus_thread {
    padding-top: 30px;
    border-top: solid 2px #0c1f2f;
    margin-top: 30px;
}

.defult-page p, .defult-page h2, .defult-page h3, .defult-page h4, .defult-page h5, .defult-page h6 {
    margin-bottom: 20px;
}

.add-animation {
    opacity: 0;
    filter: alpha(opacity=100);
}

@keyframes animation_frame {
    from {
        opacity: 0;
        filter: alpha(opacity=100);
        transform: scale(0.2);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
    }
}

.add-animation {
    opacity: 0;
    filter: alpha(opacity=100);
}

@keyframes animation_frame {
    from {
        opacity: 0;
        filter: alpha(opacity=100);
        transform: scale(0.2);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
    }
}

@-webkit-keyframes animation_frame {
    from {
        opacity: 0;
        filter: alpha(opacity=100);
        -webkit-transform: scale(0.2);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
    }
}

.animationPage {
    opacity: 0;
    filter: alpha(opacity=100);
}

.animationPage.animationStart {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.8s cubic-bezier(0.42, 0, 1, 1);
    -moz-transition: all 0.8s cubic-bezier(0.42, 0, 1, 1);
    -o-transition: all 0.8s cubic-bezier(0.42, 0, 1, 1);
    transition: all 0.8s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

@keyframes load {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.defult-page .sitemap h2 {
    text-align: left;
    font-size: 22px;
    color: #fff;
}

.defult-page .sitemap h3 {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.defult-page .sitemap ul {
    margin-top: 20px;
}

.defult-page .sitemap ul li {
    color: #fff;
    float: left;
    width: 100%;
}

.defult-page .sitemap ul li a {
    color: #fff;
}

.defult-page .sitemap {
    padding: 40px;
    margin-bottom: 40px;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
    float: left;
    width: 100%;
}

.left .blog-img-link {
    height: unset;
}

.portfolio li h6 > a {
    height: unset;
    float: unset;
    font-size: 25px;
    width: unset;
    color: #000;
}

.portfolio li h6 > a:hover {
    color: 010213;
}

.main-contact-form .Send {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.main-contact-form .Send .g-recaptcha {
    text-align: center;
    float: left;
    width: 100%;
}

.main-contact-form .Send .g-recaptcha > div {
    width: 100% !important;
    margin-top: 30px;
}

.tws-referral-page .text-area {
    padding: 0;
}

.tws-referral-page .text-area .referral-options {
    padding: 0;
}

.tws-referral-page .text-area .referral-options li {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 90px 15%;
    margin: 0;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.tws-referral-page .text-area .referral-options li img {
    filter: brightness(94%);
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) {
    background: #fff;
}

.tws-referral-page .text-area .referral-options li h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
}

.tws-referral-page .text-area .referral-options li h2 {
    color: #fff;
    font-size: 20px;
}

.tws-referral-page .text-area .referral-options li p {
    color: #fff;
    line-height: 1.75;
}

.tws-referral-page .text-area .referral-options > li .left {
    float: left;
    width: 50%;
    padding-right: 100px;
}

.tws-referral-page .text-area .referral-options > li .right {
    float: right;
    width: 50%;
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) h2, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) h3, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) p, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) h1 {
    color: #000;
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) .left {
    float: right;
    padding-right: 0;
    padding-left: 100px;
}

.tws-referral-page .contact .main-contact-form .left {
    float: left !important;
    text-align: left;
    width: 48% !important;
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tws-referral-page .main-contact-form .right {
    float: right !important;
    width: 48% !important;
    display: block !important;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tws-referral-page .main-contact-form .left h4, .tws-referral-page .main-contact-form .right h4 {
    font-size: 16px;
    color: #1f3843;
    margin-bottom: 35px;
}

.tws-referral-page .main-contact-form .left .full label, .tws-referral-page .main-contact-form .right .full label {
    font-size: 16px;
    color: #0c1f2f;
}

.tws-referral-page .main-contact-form .left .full input, .tws-referral-page .main-contact-form .right .full input {
    height: 30px;
    font-size: 16px;
    background: none;
    border: none;
    border-bottom: solid 2px #0c1f2f;
    float: left;
    width: 100%;
    margin-top: 13px;
    padding: 10px 20px;
    font-weight: 300;
    line-height: 25px;
}

.tws-referral-page .main-contact-form .left .full textarea, .tws-referral-page .main-contact-form .right .full textarea {
    height: 100px;
    float: left;
    border: none;
    width: 100% !important;
    border-bottom: solid 2px #1f3843;
    background: none !important;
    font-size: 16px !important;
}

.tws-referral-page .main-contact-form .full {
    padding: 0;
    margin-bottom: 30px;
}

.tws-referral-page .main-contact-form .Send p, .tws-referral-page .main-contact-form .Send .wpcf7-form-control-wrap {
    text-align: center;
    float: unset;
    width: unset;
}

.tws-referral-page .main-contact-form .Send div {
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .tws-referral-page .text-area .referral-options > li .left {
        display: none;
    }

    .tws-referral-page .text-area .referral-options > li .right {
        width: 100%;
    }

    .tws-referral-page .text-area .referral-options > li .right h2, .tws-referral-page .text-area .referral-options > li .right h3, .tws-referral-page .text-area .referral-options > li .right p {
        text-align: center;
    }
}

@media only screen and (max-width: 820px) {
    .tws-referral-page .contact .main-contact-form .left {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .tws-referral-page .contact .main-contact-form .right {
        width: 100% !important;
    }

    .tws-referral-page .text-area .referral-options li {
        padding: 60px 15%;
    }
}

@media only screen and (max-width: 460px) {
    .g-recaptcha iframe {
        width: 100%;
    }
}

@media only screen and (max-width: 550px) {
    .tws-referral-page .text-area .referral-options > li .left {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .tws-referral-page .text-area .referral-options li h2 {
        font-size: 20px;
    }

    .tws-referral-page .text-area .referral-options li h3 {
        font-size: 17px;
    }
}

.keyword-contact li {
    background: #eaeaea !important;
}

.tws-referral-page .no-pad-top .keyword-table {
    padding-top: 0;
}

.tws-referral-page .no-pad-bottom .keyword-table {
    padding-bottom: 60px;
}

.row .keyword-table {
    padding: 90px 15%;
}

.row .keyword-table .keyword-top {
    float: left;
    width: 10%;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
    background: #0c1f2f;
}

.row .keyword-table .keyword-top:nth-of-type(2) {
    width: 60%;
}

.row .keyword-table .keyword-top:nth-of-type(4) {
    width: 10%;
}

.row .keyword-table li {
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: #efefef;
}

.row .keyword-table li:nth-of-type(2n) {
    background: #efefef;
}

.row .keyword-table li .keyword-div-05, .row .keyword-table li .keyword-div-1, .row .keyword-table li .keyword-div-2, .row .keyword-table li .keyword-div-3, .row .keyword-table li .keyword-div-4 {
    float: left;
    padding: 15px 20px;
    font-size: 12px;
    height: 47px;
    width: 10%;
}

.row .keyword-table li .keyword-div-1 {
    width: 60%;
}

.row .keyword-table li .keyword-div-4 {
    width: 10%;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .keyword-arrow {
    text-align: center;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .keyword-arrow::after {
    font-size: 21px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    text-align: center;
    height: auto;
    line-height: 19px;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-down::after {
    content: "\f107";
    color: #c30000;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-up::after {
    content: "\f106";
    color: #14af00;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-right::after {
    content: "\f021";
    color: #fcb900;
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-na::after {
    content: "\f06a";
    color: #c30000;
}

.defult-page .keyword-h3 {
    text-align: left;
    margin-bottom: 40px;
    font-size: 30px;
}

.tws-referral-page .row .keyword-table .analytic-1, .tws-referral-page .row .keyword-table .analytic-2, .tws-referral-page .row .keyword-table .analytic-3, .tws-referral-page .row .keyword-table .analytic-4, .tws-referral-page .row .keyword-table .analytic-5, .tws-referral-page .row .keyword-table .analytic-6 {
    width: 16.666666666% !important;
}

.tws-referral-page .no-pad-top .keyword-table li {
    background: #efefef;
}

.tws-referral-page .no-pad-top .keyword-table .check-li {
    background: #fff;
}

.tws-referral-page .no-pad-top .keyword-table .check-li .left {
    float: left;
    background: #081e2f;
    height: 52px;
    overflow: hidden;
    color: #fff;
    width: 250px;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 20px;
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right {
    float: left;
    width: calc(100% - 250px);
    height: 52px;
    background: #eaeaea;
    overflow: hidden;
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-1 {
    height: 52px;
    line-height: 23px;
    width: calc(100% - 65px);
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-4 {
    float: right;
    height: 52px;
    width: 65px;
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .keyword-arrow::after {
    font-size: 25px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    text-align: center;
    height: auto;
    line-height: 24px;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .Completed::after {
    content: "\f00c";
    color: #14af00;
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .Not-Completed::after {
    content: "\f00d";
    color: #d40000;
}

.tws-referral-page .key-notes {
    padding: 90px 15%;
    padding-top: 0;
}

.tws-referral-page .key-notes p {
    text-align: left;
}

@media only screen and (max-width: 1200px) {
    .row .keyword-table {
        padding: 50px 5%;
    }

    .tws-referral-page .no-pad-top .keyword-table .check-li .left {
        width: 100%;
    }

    .tws-referral-page .no-pad-top .keyword-table .check-li .right {
        width: 100%;
        height: unset;
    }

    .tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-1 {
        height: unset;
    }
}

@media only screen and (max-width: 900px) {
    .tws-referral-page .defult-page:nth-of-type(2) .keyword-h3::after {
        content: "Your Browser is too small to view this keyword report, try viewing this page on ratio larger than 900px wide.";
        font-size: 15px;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        display: inline;
        font-weight: 600;
        width: 100%;
        float: left;
        text-align: center;
        height: auto;
        margin-top: 10px;
    }

    .tws-referral-page .defult-page:nth-of-type(3) .keyword-h3::after {
        content: "Your Browser is too small to view your analytic stats, try viewing this page on ratio larger than 900px wide.";
        font-size: 15px;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        display: inline;
        font-weight: 600;
        width: 100%;
        float: left;
        text-align: center;
        height: auto;
        margin-top: 10px;
    }

    .tws-referral-page .row:nth-of-type(2) ul .keyword-top, .tws-referral-page .row:nth-of-type(2) ul li {
        display: none;
    }

    .tws-referral-page .row:nth-of-type(3) ul .keyword-top, .tws-referral-page .row:nth-of-type(3) ul li {
        display: none;
    }

    .tws-referral-page .row:nth-of-type(4) ul .keyword-top, .tws-referral-page .row:nth-of-type(4) ul li, .tws-referral-page .row:nth-of-type(4) ul {
        display: none;
    }
}

.post-password-form {
    float: left;
    text-align: center;
    width: 100%;
    padding: 60px 15%;
    color: #fff;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.post-password-form p {
    font-weight: 600;
    margin-bottom: 30px;
}

.new-tws-blog-page {
    padding: 0 12%;
    margin: 80px 0 60px;
    position: relative;
}

.new-tws-blog-page li {
    float: left;
    width: 40%;
    margin-bottom: 30px;
    animation: load 1s;
    margin-right: 60%;
    -webkit-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, 0.05);
    box-shadow: 0 3px 8px 0 rgba(54, 57, 73, 0.05);
}

.new-tws-blog-page li:nth-of-type(1), .new-tws-blog-page li:nth-of-type(2) {
    opacity: 1 !important;
}

.new-tws-blog-page li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 60%;
    margin-top: -248px;
}

.new-tws-blog-page li a {
    float: left;
    width: 100%;
}

.new-tws-blog-page li a img {
    float: left;
    object-fit: cover;
    animation: load 1s;
    height: 250px;
}

.new-tws-blog-page li .blog-title {
    float: left;
    width: 100%;
    padding: 33px 30px;
    background: #fff;
}

.new-tws-blog-page li .blog-title h2 {
    font-size: 1.3em;
    font-weight: 600;
    color: #0c1f30;
    line-height: 1.41667;
}

.new-tws-blog-page li:hover {
    -webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
    box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
    animation: load 1s;
}

.new-tws-blog-page::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #e4e8ed;
    position: absolute;
    top: 0;
    left: 50%;
    right: inherit;
    margin-left: -0.5px;
}

.pagination span:hover {
    background: #8a8a8a;
}

@media only screen and (max-width: 1200px) {
    .new-tws-blog-page li {
        margin-bottom: 20px;
    }

    .new-tws-blog-page li a img {
        height: 200px;
    }

    .new-tws-blog-page li .blog-title {
        padding: 20px 33px;
    }

    .new-tws-blog-page li .blog-title h2 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 1000px) {
    .new-tws-blog-page li {
        margin-bottom: 30px;
    }

    .new-tws-blog-page li a img {
        height: 180px;
    }
}

@media only screen and (max-width: 768px) {
    .new-tws-blog-page li {
        float: left;
        width: 100%;
        margin-bottom: 60px;
        margin-right: 0;
    }

    .new-tws-blog-page li:nth-of-type(2n) {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }

    .new-tws-blog-page::after {
        display: none;
    }

    .new-tws-blog-page li a img {
        height: unset;
    }

    .new-tws-blog-page li .blog-title h2 {
        font-size: 1.5em;
    }

    .new-tws-blog-page {
        padding: 10% 10% 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 500px) {
    .new-tws-blog-page li .blog-title h2 {
        font-size: 1.2em;
    }

    .new-tws-blog-page {
        padding: 3% 3% 0;
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.blog-menu-empty header {
    border-bottom: solid 1px #10202f;
}

.blog-top-page {
    text-align: center;
    padding: 50px 10% 0 10%;
}

.blog-top-page h1 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 2.5px;
}

.blog-top-page p {
    padding: 20px;
    font-size: 17px;
}

.tws-chi-cat {
    float: left;
    display: inline-block;
    width: 100%;
    margin-left: -200px;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    width: 654px;
    z-index: 1;
    margin-top: 30px;
    position: relative;
}

.tws-chi-cat a {
    padding: 13px 34px;
    background: 010213;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.tws-chi-cat a:hover {
    background: #010213;
}

@media only screen and (max-width: 550px) {
    .tws-chi-cat {
        display: none;
    }

    .blog-top-page {
        background: 010213;
        background-image: linear-gradient(to right, 010213, #010213);
        padding: 50px;
    }

    .blog-top-page h1 {
        color: #fff;
    }
}

header .h-bar .h-nav nav ul li:nth-of-type(8) .menu-link-inner {
    color: #610374;
}

.tws-chi-cat a:nth-of-type(2n) {
    background: #010213;
}

.tws-chi-cat a:hover:nth-of-type(2n) {
    background: 010213;
}

.blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
    font-size: 24px;
    margin-bottom: 20px;
}

.text-underline-css {
    text-decoration: none !important;
    position: relative !important;
}

.text-underline-css:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 22px;
    left: 0;
    background-color: #010213;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

footer .footer-inner .email.text-underline-css:before {
    bottom: 2px;
    height: 4px;
}

.text-underline-css:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.blog-content p img {
    margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
    body .crunchify-whatsapp {
        display: none !important;
    }
}

body .blog-content .crunchify-social {
    display: none;
}

body .crunchify-link {
    padding: 9px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-right: 2px;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    border: none;
}

body .crunchify-link:hover, .crunchify-link:active {
    color: #fff;
}

body .crunchify-twitter {
    background: #00aced;
}

body .crunchify-twitter:hover, .crunchify-twitter:active {
    background: #0084b4;
}

body .crunchify-facebook {
    background: #3b5997;
}

body .crunchify-facebook:hover, .crunchify-facebook:active {
    background: #2d4372;
}

body .crunchify-googleplus {
    background: #d64937;
}

body .crunchify-googleplus:hover, .crunchify-googleplus:active {
    background: #b53525;
}

body .crunchify-buffer {
    background: #444;
}

body .crunchify-buffer:hover, .crunchify-buffer:active {
    background: #222;
}

body .crunchify-pinterest {
    background: #bd081c;
}

body .crunchify-pinterest:hover, .crunchify-pinterest:active {
    background: #a21323;
}

body .crunchify-linkedin {
    background: #0074a1;
}

.crunchify-linkedin:hover, .crunchify-linkedin:active {
    background: #006288;
}

body .crunchify-whatsapp {
    background: #43d854;
}

body .crunchify-whatsapp:hover, .crunchify-whatsapp:active {
    background: #009688;
}

body .crunchify-social {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    z-index: 1;
    position: fixed;
    animation: load 2s;
    left: 20px;
    display: none;
    width: 100px;
    top: 120px;
}

body .blog-content .hide-share {
    display: block !important;
}

@media screen and (max-width: 1100px) {
    body .blog-content .crunchify-social {
        width: 52px;
    }
}

@media screen and (max-width: 600px) {
    body .blog-content .crunchify-social {
        left: 0;
        bottom: 0;
        width: 100%;
        top: unset;
    }

    body .crunchify-link {
        width: 20%;
        margin: 0;
    }
}

body .tws-guide-img img {
    width: auto;
    max-width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.certificates .slick-list {
    height: 100%;
    max-height: 400px;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.contract-page:nth-of-type(2) {
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.contract-page:nth-of-type(2) h1 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
}

.contract-page:nth-of-type(2) span {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.contract-page:nth-of-type(3) {
    padding: 90px 15%;
    background: #f5f5f5;
}

.contract-page:nth-of-type(3) .contract-box {
    padding: 5%;
    background: #fff;
    -webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
    box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
}

.contract-page:nth-of-type(3) .contract-box .box-inner {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.contract-page:nth-of-type(3) .contract-box .box-inner h5 {
    margin: 0;
    margin-bottom: 10px;
}

.contract-page:nth-of-type(3) .contract-box .box-inner ul li {
    color: #000;
}

.tws-disqus_thread iframe {
    width: 100% !important;
}

body .wrapper .blog-content form {
    display: inline-block;
    width: 100%;
    text-align: center;
}

body .wrapper .blog-content form p {
    text-align: center;
}

body .wrapper .blog-content form .formkit-subheader {
    margin: 0;
}

body .convert-unset {
    float: unset;
    display: inline;
}

body .formkit-form .formkit-button > span, body .formkit-form .formkit-submit > span {
    background: #5b167a;
    background-image: linear-gradient(to right, 010213, #010213);
}

body .formkit-form .formkit-button > span:hover, body .formkit-form .formkit-submit > span:hover {
    background: #5b167a;
}

.package-cta {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -65px;
}

.package-cta a {
    border: none;
    margin: 0;
    padding: 0 0 5px;
}

.package-cta a:hover {
    background: unset;
    border: none;
}

.packages-content p {
    text-align: center;
}

.packages-content h2 {
    text-align: center;
    font-size: 1.75rem;
}

.packages-options {
    border-top: 1px solid #e5e5e5;
    text-align: center;
    padding: 90px 5%;
}

.packages-options h3 {
    text-align: center;
    font-size: 1.75rem;
}

.packages-options ul {
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: unset;
}

.packages-options ul li {
    list-style: none;
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    margin: 0;
    padding: 5rem 5rem 3rem;
    text-align: center;
    width: 33.33%;
}

.packages-options ul li i {
    font-size: 4.6875rem;
    color: 010213;
}

.packages-options ul li h4 {
    text-align: center;
    font-size: 1.5rem;
    margin: 15px 0;
    letter-spacing: 1px;
    font-weight: 300;
}

.packages-options ul li p {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

@media only screen and (max-width: 600px) {
    .packages-content, .packages-options {
        padding: 50px 5%;
    }
}

@media only screen and (max-width: 1024px) {
    .packages-options ul li {
        width: 50%;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

@media only screen and (max-width: 640px) {
    .packages-options ul li {
        width: 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        margin: auto;
        flex: 1 1 100%;
        padding: 60px 0 0;
    }
}

.packages {
    padding: 90px 10%;
    text-align: center;
    background: #f5f5f5;
}

.packages .tws-packages {
    padding: 0;
    margin: 0;
}

.packages .tws-packages > li {
    list-style: none;
    float: left;
    width: 30%;
    background: #fff;
    margin-right: 5%;
    -webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
    box-shadow: 0 29px 60px 0 rgba(54, 57, 73, 0.09);
}

.packages .tws-packages li:nth-of-type(3n) {
    margin-right: 0;
}

.packages .tws-packages > li .inner {
    float: left;
    width: 100%;
}

.packages .tws-packages > li .inner .pack-box {
    text-align: center;
    padding: 40px;
    color: #fff;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.packages .tws-packages > li .inner .pack-box:nth-of-type(2) {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #f5f5f5;
}

.packages .tws-packages > li .inner .pack-box .price {
    text-align: center;
    font-size: 30px;
}

.packages .tws-packages > li .inner .pack-box .price span {
    font-size: 30px;
    float: unset;
    color: 010213;
    font-weight: 500;
    letter-spacing: unset;
}

.packages .tws-packages > li .inner .pack-box h5 {
    text-align: center;
    margin: 0;
    font-size: 1.75rem;
}

.packages .tws-packages > li .inner .pack-box span {
    font-size: 10px;
    float: left;
    width: 100%;
    color: #949494;
    margin-top: -6px;
    letter-spacing: 2px;
}

.packages .tws-packages > li .inner ul {
    padding: 50px;
    margin: 0;
}

.packages .tws-packages > li .inner ul li {
    list-style: none;
    margin-bottom: 15px;
    font-weight: 600;
}

.packages .tws-packages > li .inner .pack-box:nth-of-type(3) {
    background: #fff;
    color: #000;
    border-top: 2px solid #f5f5f5;
}

@media only screen and (max-width: 1100px) {
    .packages {
        padding: 50px 5%;
    }

    .packages .tws-packages > li {
        width: 46%;
        margin-right: 8%;
        margin-bottom: 8%;
    }

    .packages .tws-packages > li:nth-of-type(2) {
        margin-right: 0;
    }

    .packages .tws-packages li:nth-of-type(3) {
        width: 100%;
    }
}

@media only screen and (max-width: 550px) {
    .packages .tws-packages > li {
        width: 100%;
        margin-right: 0;
    }
}

.defult-page .sitemap ul li:last-child {
    margin-bottom: 0;
}

.tws-reviews {
    width: 100%;
}

.tws-reviews ul, .tws-reviews .tws-review-ul {
    padding: 0;
}

.tws-reviews ul li, .tws-reviews .tws-review-ul-li {
    padding: 14px;
}

.tws-reviews .tws-review-ul-li .review-inner {
    background: #fff;
    padding: 30px;
    position: relative;
    border-radius: 0;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.tws-reviews .tws-review-ul-li h6, .tws-reviews .tws-review-ul-li .re-n-new {
    text-align: right;
    margin-top: 13px;
    color: #000000;
    font-weight: 600;
    font-size: 21px;
}

.tws-reviews .tws-review-ul-li span {
    text-align: right;
    float: right;
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
}

.tws-reviews .tws-review-ul-li .review-source::after {
    font-size: 30px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    position: absolute;
    left: -10px;
    top: 0;
    height: auto;
    background: none;
    color: #010213;
    line-height: 2px;
    font-weight: 900;
    font-family: Font Awesome\5 Brands;
}

.tws-reviews ul li .facebook::after {
    content: "\f39e";
}

.tws-reviews ul li .Twitter::after {
    content: "\f099";
}

.tws-reviews ul li .Email::after {
    content: "\f0e0";
    font-family: Font Awesome\5 Free;
}

.tws-reviews .tws-review-ul-li .Google::after {
    content: "\f1a0";
}

@media only screen and (max-width: 640px) {
    .tws-reviews ul li {
        width: 100%;
    }
}

.tws-reviews .tws-review-ul-li .review-inner .review-text h4 {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.68em;
}

.tws-reviews .tws-review-ul-li .review-inner .review-text p {
    text-align: left;
    font-style: italic;
}

.seo-cta {
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
    padding: 45px;
    text-align: center;
    color: #fff;
}

.seo-cta .cta-inner h4 {
    font-size: 1.75rem;
}

.seo-cta .cta-inner h4 a {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 600;
}

.seo-cta .cta-inner h4 a:hover {
    color: #000;
}

.cms-banner-landing {
    background-image: url(http://portal.techwisesupport.com/wp-content/uploads/2025/06/annie-spratt-hCb3lIB8L8E-unsplash-scaled.jpg);
    background-repeat: repeat;
    background-position: center center;
}

.cms-banner-landing::before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(88, 22, 112, 0.5);
}

#paac .cost-calculator-box label, #paac .cost-calculator-contact-box > .vc_row > label {
    text-align: left;
}

.page-id-3088 .post-password-form {
    background: none;
}

.page-id-3088 .post-password-form p {
    color: #353535;
}

.page-id-3088 .post-password-form p input {
    width: 100%;
    padding: 1em;
    margin-top: 10px;
    border: none;
    background: #f8f8f8;
    font-size: inherit;
    box-shadow: unset;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.page-id-3088 .post-password-form p:last-of-type > input {
    width: auto;
    font-weight: 600;
    padding-right: 50px;
    padding-left: 50px;
    color: #fff;
    cursor: pointer;
    background: 010213;
    background-image: linear-gradient(to right, 010213, #010213);
}

.page-id-3088 .post-password-form p:last-of-type > input:hover {
    opacity: 0.8;
}

.tws-new-home {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 125px;
    padding: 0;
}

.new-banner {
    max-width: 100%;
    justify-content: center;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.new-banner .banner-container {
    max-width: 1140px;
    width: 1140px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    padding-top: 0;
    padding-bottom: 80px;
}

.new-banner .banner-container .banner-content {
    width: 100%;
}

.new-banner.tws-new-feb-banner .banner-content {
    text-align: center;
    width: 800px;
    padding: 0;
}

.new-banner .banner-container .banner-media {
    width: 50%;
    position: relative;
}

.new-banner .banner-container .banner-media img {
    border-radius: 50%;
    height: 550px;
    object-fit: cover;
}

.new-banner .banner-container .banner-media video {
    border-radius: 50%;
    height: 550px;
    width: 100%;
    object-fit: cover;
}

.new-banner .banner-container .banner-content h1 {
    padding-right: 20px;
    /* -webkit-transform: translateX(200px); */
    -ms-transform: translateX(200px);
    /* transform: translateX(200px); */
    /* width: 654px; */
    color: #000;
    z-index: 1;
    position: relative;
    font-size: 3.25rem;
    line-height: 1.1;
}

.new-banner.tws-new-feb-banner .banner-content > h1 {
    padding-right: 0;
}

.new-banner .banner-container .banner-content a {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    margin-top: 20px;
    display: inline-table;
}

.new-banner .banner-container .banner-content a:hover {
    background: #ffffff;
    color: #010213;
    border: solid 1px #000000;
}

.new-banner .banner-container .banner-media .vid-overlay {
    width: 100%;
    height: 550px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background: 010213;
    opacity: 0.4;
}

.page-container {
    max-width: 1140px;
    width: 1140px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    color: #000;
}

.page-container h2, .tws-home-contact-title {
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.68em;
}

.page-container h3, body .tws-home-work-title {
    font-size: 2rem;
    font-weight: 500;
    color: #000;
}

.page-container p {
    margin-bottom: 14px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
}

.page-container p a {
    color: #010213;
    font-weight: 400;
    font-size: inherit;
    line-height: 1.45;
}

.page-container p:last-of-type {
    margin-bottom: 0;
}

.page-container .button {
    font-size: 1.125rem;
    margin-top: 2.26667rem;
    display: inline-block;
    line-height: 1.325rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-radius: 0;
    -webkit-box-shadow: 0 0 28px 0 transparent;
    box-shadow: 0 0 28px 0 transparent;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 3.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.115rem;
    min-width: 180px;
    outline: 0;
    overflow: visible;
    padding: 0.56667rem 2.26667rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
}

.page-container .button:hover {
    color: white;
    background-color: #000000;
    -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2);
    outline: 0;
    text-decoration: none;
}

.section.portfolio-home {
    padding: 90px 0 0;
}

@media only screen and (max-width: 1200px) {
    .page-container {
        width: 90%;
    }

    .new-banner .banner-container {
        width: 100%;
        flex-wrap: wrap;
        padding: 0;
        position: relative;
    }

    .new-banner .banner-container .banner-content h1 {
        width: 100%;
    }

    .new-banner .banner-container .banner-content {
        width: 100%;
        overflow: hidden;
        padding: 90px 5%;
        text-align: center;
    }

    .new-banner .banner-container .banner-media {
        position: absolute;
        top: 0;
        width: 100%;
        overflow: hidden;
    }

    .new-banner .banner-container .banner-content a {
        z-index: 1;
    }

    .new-banner .banner-container .banner-media video {
        border-radius: 0;
        height: 419px;
        filter: blur(3px);
    }

    .new-banner .banner-container .banner-media img {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .new-banner .banner-container .banner-content h1 {
        font-size: 3rem;
    }

    .page-container h2 {
        font-size: 2rem;
    }

    .page-container p, .page-container p a {
        font-size: 1.1rem;
    }

    .section.portfolio-home ul > li {
        width: 100%;
    }

    .page-container .page-text-section h3 {
        font-size: 1.5rem !important;
    }
}

.section.padding {
    padding: 90px 0;
}

.section.no-pad-top {
    padding-top: 0 !important;
}

.section.no-pad-bot {
    padding-bottom: 0 !important;
}

.section {
    width: 100%;
}

.page-container .top-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page-container .button-2 {
    margin-top: 0;
    background: unset;
    color: #000000;
    font-weight: 600;
    border: 0;
    padding: 0;
    height: auto;
    min-width: auto;
    width: auto;
    font-size: 1.1rem;
}

.page-container .button-2:after {
    font-size: 100%;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: 2px;
    margin-top: 3px;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
    content: "\f061";
    margin-left: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.page-container .button-2:hover {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background: none;
    color: #010213;
}

.page-container .button-2:hover:after {
    -webkit-transform: translateX(0.26667rem);
    -ms-transform: translateX(0.26667rem);
    transform: translateX(0.26667rem);
}

.responsive, .responsive-reviews, .certificates {
    position: relative;
}

.responsive > button, .responsive-reviews > button, .certificates > button {
    cursor: pointer !important;
    text-align: center !important;
    background: white;
    line-height: 1 !important;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1;
    border-radius: 50% !important;
    font-size: 0;
    width: 48px;
    height: 48px;
    border: none;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.responsive > button.slick-prev, .responsive-reviews > button.slick-prev, .certificates > button.slick-prev {
    left: -20px;
}

.responsive > button.slick-next, .responsive-reviews > button.slick-next, .certificates > button.slick-next {
    right: -20px;
}

.responsive > button:after, .responsive-reviews > button:after, .certificates > button:after {
    font-size: 18px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
    margin-left: -2px;
}

.responsive > button.slick-next:after, .responsive-reviews > button.slick-next:after, .certificates > button.slick-next:after {
    content: "\f054";
    margin-left: 2px;
}

.responsive > button.slick-prev:after, .certificates > button.slick-prev:after, .responsive-reviews > button.slick-prev:after {
    content: "\f053";
}

.responsive > button.slick-disabled, .certificates > button.slick-disabled, .responsive-reviews > button.slick-disabled {
    display: none !important;
}

.responsive .slick-slide {
    padding: 0 7px;
}

.responsive .slick-slide, .responsive .slick-slide .work, .responsive .slick-slide .work > a, .responsive .slick-slide .work a img {
    height: 350px;
    border-radius: 0;
    display: block;
}

.certificates .slick-slide, .certificates .slick-slide .work, .certificates .slick-slide .work > a, .certificates .slick-slide .work a img {
    height: 100%;
    border-radius: 0;
    display: block;
}

.responsive .slick-slide .work a img {
    object-fit: cover;
    filter: brightness(0.7);
}

.certificates .slick-slide .work a img {
    object-fit: cover;
    filter: brightness(1);
    /* padding: 0 4px; */
}

.responsive .slick-slide .work {
    position: relative;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.responsive .slick-slide .work .port-text-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 20px;
}

.page-template-template-what-we-do-page .responsive .slick-slide .work .port-text-area {
    position: unset;
    padding: unset;
    text-align: center;
}

.responsive .slick-slide .work > .port-text-area a, .responsive .slick-slide .work > .port-text-area div, .responsive .slick-slide .work > a > .port-text-area a, .responsive .slick-slide .work > a > .port-text-area div {
    color: #fff;
    background: none;
}

.responsive .slick-slide .work > .port-text-area a.button-2 {
    font-size: 0.9rem;
    justify-content: unset;
    font-weight: 600;
}

.responsive .slick-slide .work > .port-text-area a:nth-of-type(1), .responsive .slick-slide .work > .port-text-area div, .responsive .slick-slide .work > a > .port-text-area a:nth-of-type(1), .responsive .slick-slide .work > a > .port-text-area div {
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    font-size: 1.2rem;
    line-height: unset;
}

.responsive .slick-slide .work > a > .port-text-area a:nth-of-type(1) > h6, .responsive .slick-slide .work > a > .port-text-area a:nth-of-type(1) > div {
    font-size: 1.2rem;
}

.responsive .slick-slide .work > a > .port-text-area .button-2 {
    font-size: 0.9rem;
    justify-content: unset;
    font-weight: 600;
}

.page-container .services-inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: start;
}

.page-container .services-inner > .work {
    width: 33.333%;
    padding: 7px;
    position: relative;
}

.page-container .services-inner > .work:nth-of-type(1) {
    width: 66.6666%;
}

.page-container .services-inner > .work > a, .page-container .services-inner > .work a img {
    height: 250px;
    border-radius: 0;
    display: block;
}

.page-container .services-inner > .work > a {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.services-inner > .work a img {
    object-fit: cover;
    filter: brightness(0.7);
}

.page-container .services-inner > .work .port-text-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 20px;
}

.page-container .services-inner > .work .port-text-area a, .page-container .services-inner > .work .port-text-area h6, .page-container .services-inner > .work .port-text-area .button-2, .page-container .services-inner > .work .port-text-area div {
    color: #fff;
    background: none;
}

.page-container .services-inner > .work .port-text-area h6:nth-of-type(1), .page-container .services-inner > .work .port-text-area div:nth-of-type(1) {
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    line-height: unset;
}

.page-container .services-inner > .work .port-text-area h6, .page-container .services-inner > .work .port-text-area div {
    font-size: 1.2rem;
}

.page-container .services-inner > .work .port-text-area .button-2 {
    font-size: 0.9rem;
    justify-content: unset;
    font-weight: 600;
}

.page-container .services-inner > .work:nth-of-type(1) > a, .page-container .services-inner > .work:nth-of-type(1) a img {
    height: 514px;
}

.page-container .services-inner > .work:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 264px;
}

@media only screen and (max-width: 1100px) {
    .page-container .services-inner > .work:nth-of-type(1) {
        width: 33.3333%;
    }

    .page-container .services-inner > .work:nth-of-type(1) > a, .page-container .services-inner > .work:nth-of-type(1) a img {
        height: 250px;
    }

    .page-container .services-inner > .work:nth-of-type(3) {
        position: relative;
        top: unset;
        right: unset;
    }
}

@media only screen and (max-width: 820px) {
    .page-container .services-inner > .work {
        width: 50% !important;
    }
}

@media only screen and (max-width: 550px) {
    .page-container .services-inner > .work {
        width: 100% !important;
    }

    .page-container .top-row {
        flex-direction: column;
        justify-content: left;
        align-items: start;
        margin-left: 10px;
    }

    .page-container .top-row h3 {
        margin-bottom: 12px;
    }

    .page-container h3 {
        font-size: 1.6rem;
    }

    .section.padding {
        padding: 70px 0;
    }
}

header .h-bar .h-nav nav > ul > li:last-of-type {
    display: none;
}

@media only screen and (min-width: 1151px) {
    header .h-bar .h-nav nav > ul {
        align-items: center;
    }

    header .h-bar .h-nav nav > ul > li {
        padding: 0;
        line-height: unset;
        margin: 0;
    }

    header .h-bar .h-nav nav > ul > li:last-of-type {
        display: inline-block;
    }

    header .h-bar .h-nav nav > ul > li:last-of-type > a {
        font-size: 17px;
        color: #010213;
    }

    header .h-bar .h-nav > nav > ul > li > a {
        padding: 10px 18px;
        height: 80px;
        transition: background 0.2s linear;
        display: block;
        line-height: 60px;
    }

    header .h-bar .h-nav nav > ul > li ul {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    }

    header .h-bar .h-nav > nav > ul > li > a:hover {
        /* background: #f9f9f9; */
    }

    header .h-bar .h-nav nav > ul > li:nth-of-type(5) {
        height: unset;
        margin-left: 10px;
    }

    header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a {
        height: unset;
        background: none;
        color: #000 !important;
        font-size: 15px;
        line-height: unset;
        display: inline-block;
        -webkit-tap-highlight-color: transparent;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: none;
        border: solid 2px #000000;
        border-radius: 0;
        cursor: pointer;
        outline: 0;
        overflow: visible;
        padding: 15px 40px;
        text-align: center;
        -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
        -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
        transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: normal;
        margin-top: -3px;
    }

    header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a.text-underline-css:before {
        display: none;
    }

    header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a:hover {
        background-color: #000000;
        color: white !important;
    }
}

.new-banner .banner-container .banner-content p {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 20px;
}

.page-container .page-text-section h3 {
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.68em;
}

.new-banner .banner-container .banner-content form {
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 30px;
    margin-left: -200px;
    transform: translateX(200px);
    width: 654px;
    float: left;
    z-index: 1;
    position: relative;
}

.new-banner .banner-container .banner-content form .main-title {
    width: 100%;
    margin-bottom: 0;
    color: #010213;
}

.new-banner .banner-container .banner-content form .option {
    font-size: 1rem;
    color: #4a4a4a;
    width: 50%;
    float: left;
    margin-top: 10px;
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) {
    width: auto;
    margin-top: 15px;
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) input {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-radius: 0;
    -webkit-box-shadow: 0 0 28px 0 transparent;
    box-shadow: 0 0 28px 0 transparent;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    height: 3.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.115rem;
    min-width: 180px;
    outline: 0;
    overflow: visible;
    padding: 0.56667rem 2.26667rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) input:hover {
    background-color: #000000;
    -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    outline: 0;
    text-decoration: none;
}

.new-banner .banner-container .banner-content form .option.input-box span {
    width: 100%;
}

.new-banner .banner-container .banner-content form .option.input-box span input {
    width: 95%;
    border: solid 2px #000000;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    height: 3.4rem;
    padding: 20px;
}

@media only screen and (max-width: 1200px) {
    .new-banner .banner-container .banner-content form {
        width: 100%;
        margin-left: unset;
        transform: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .new-banner .banner-container .banner-content form .option:nth-of-type(4) {
        margin-top: 20px;
    }

    .new-banner .banner-container .banner-content form .option.input-box span input {
        border-radius: 0;
    }
}

@media only screen and (max-width: 750px) {
    .new-banner .banner-container .banner-content form .option {
        width: 100%;
        margin-top: 10px !important;
    }
}

.banner-input .screen-reader-response {
    display: none;
}

.banner-input .wpcf7-response-output.wpcf7-validation-errors {
    float: left;
    color: #010213;
    font-size: 0.9rem;
    font-weight: 500;
    width: 100%;
    margin-top: 20px;
}

.new-banner .banner-container .banner-content form .option.input-box span .wpcf7-not-valid-tip {
    display: none;
}

.responsive.strategy .slick-slide .work {
    -moz-box-shadow: unset;
    padding: 29px;
}

.responsive.strategy .slick-slide .work, .responsive .slick-slide, .responsive.strategy .slick-slide .work > .inner {
    height: inherit !important;
}

.responsive.strategy .slick-track {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    padding-bottom: 10px;
    align-content: stretch;
}

.responsive.strategy .slick-slide > div {
    height: 100%;
}

.responsive.strategy .slick-slide .work > .inner {
    text-align: center;
}

.responsive.strategy .slick-slide .work > .inner i {
    color: #010213;
    font-size: 3rem;
    margin-bottom: 25px;
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area {
    width: 100%;
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area h6 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: 0.1em;
    line-height: unset;
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area .s-text {
    color: #000000;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.45;
}

.section > .team {
    padding: 0;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section > .team > li {
    width: 49%;
    box-shadow: 2px 2px 20px 1px rgba(0, 0, 0, 0.28) !important;
    position: relative;
    -moz-box-shadow: 2px 2px 20px 1px rgba(0, 0, 0, 0.28) !important !important;
    -webkit-box-shadow: 2px 2px 20px 1px rgba(0, 0, 0, 0.28) !important;
    height: 530px;
}

.section > .team > li img {
    object-fit: cover;
    height: 100%;
    filter: brightness(0.8);
}

.section > .team > li h6 {
    font-size: 33px;
    font-weight: 600;
    position: absolute;
    color: white;
    padding: 0px 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.section > .team > li h6 > span, .section > .team > li h6 > span > p {
    width: 100%;
    display: block;
    color: white;
    padding: 0;
    margin: 0;
    margin-bottom: 0 !important;
}

.section > .team > li p {
    padding: 0 30px;
}

.section > .team > li p:last-of-type {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    .section > .team > li {
        width: 100%;
        margin-bottom: 30px;
    }

    .section > .team > li:last-of-type {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 650px) {
    .section > .team > li, .section > .team > li img {
        height: 370px;
    }
}

.sitemap-area {
    display: flex;
    flex-wrap: wrap;
}

.sitemap-area .sitemap {
    margin-bottom: 50px;
    width: 49%;
}

.sitemap-area .sitemap:last-of-type {
    margin-bottom: 0;
}

.sitemap-area .sitemap h2 {
    font-size: 1.8em;
}

.sitemap-area .sitemap > ul {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
    align-content: stretch;
}

.sitemap-area .sitemap ul li {
    margin: 5px;
    display: inline-block;
}

.sitemap-area .sitemap ul li a {
    border: 0;
    color: #000;
    font-size: 1rem;
}

.sitemap-area .sitemap ul li > ul {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 5px;
    margin-bottom: 0;
}

.sitemap-area .sitemap ul li > ul > li {
    margin-left: 0;
    margin-right: 0;
}

.sitemap-area .sitemap ul li > ul > li:last-of-type {
    margin-bottom: 0;
}

.sitemap-area .sitemap ul li.page_item_has_children > a {
    margin-bottom: 5px;
}

.sitemap-area .sitemap ul li h3 {
    display: none;
}

.sitemap-area .sitemap ul li a:hover {
}

.mapbox iframe {
    height: 500px;
}

@media only screen and (max-width: 726px) {
    .sitemap-area .sitemap {
        width: 100%;
    }
}

@media only screen and (max-width: 524px) {
    .new-banner .banner-container .banner-content a.b-2 {
        margin-top: 14px;
    }
}

input {
    -webkit-appearance: none;
}

.new-banner .banner-container .banner-content p.author a {
    background: none;
    color: #010213;
    padding: 0;
    height: unset;
    width: auto;
    font-size: inherit;
    margin: 0;
    border: unset;
    min-width: unset;
    font-weight: inherit;
}

.new-banner .banner-container .banner-content p.author a:hover {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.page-container .post-content h2, .page-container .post-content h3, .page-container .post-content h4, .page-container .post-content h5, .page-container .post-content h6 {
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.68em;
}

.page-container .post-content h2 {
    font-size: 2.4rem;
}

.page-container .post-content h3 {
    font-size: 2.2rem;
}

.page-container .post-content h4 {
    font-size: 2rem;
}

.page-container .post-content h5 {
    font-size: 1.8rem;
}

.page-container .post-content h6 {
    font-size: 1.6rem;
}

.page-container .post-content ul, .page-container .post-content ol {
    margin: 0;
    color: #4a4a4a;
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.45;
}

.page-container .post-content ul li, .page-container .post-content ol li {
    color: #4a4a4a;
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.45;
}

.page-container .post-content ul li a, .page-container .post-content ol li a {
    color: #010213;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.45;
}

.page-container .post-content ul li:last-of-type, .page-container .post-content ol li:last-of-type {
    margin-bottom: 0;
}

.page-container .post-content ul li {
    list-style-type: disc;
}

.page-container .post-content ol li {
    list-style-type: decimal;
}

@media only screen and (max-width: 1200px) {
    .new-banner.post-banner .banner-container .banner-media {
        position: unset;
        top: 0;
        width: 100%;
        overflow: hidden;
    }

    .new-banner.post-banner .banner-container .banner-media img {
        display: block;
        padding: 0 5%;
        height: auto;
        border-radius: 0;
        padding-bottom: 40px;
    }

    .new-banner.post-banner .banner-container .banner-content {
        padding-bottom: 40px;
    }
}

.post-content img {
    height: auto;
}

.new-banner .banner-container .banner-content .tws-chi-cat a {
    margin-top: 0;
}

.section.blog-cat-section {
    display: flex;
    flex-direction: column;
}

.section.blog-cat-section > div {
    width: 100%;
    margin-bottom: 4rem;
}

.section.blog-cat-section > div > a:nth-of-type(1) {
    width: 100%;
    padding: 0 50px;
    display: block;
    height: auto;
    margin-bottom: 1.8rem;
}

.section.blog-cat-section > div > a:nth-of-type(1) h2 {
    margin-bottom: 0;
}

.section.blog-cat-section > div > a:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    display: block;
}

.section.blog-cat-section > div > a:nth-of-type(2), .section.blog-cat-section > div > a:nth-of-type(2) img {
    max-height: 400px;
}

.section.blog-cat-section > div > a:nth-of-type(2) img {
    height: auto;
    object-fit: cover;
}

.section.blog-cat-section > div > a:nth-of-type(1) time {
    color: #737373;
    font-size: 16px;
    font-weight: 600;
}

.section.blog-cat-section > div > .content {
    width: 100%;
    padding: 30px 50px;
    display: block;
}

.section.blog-cat-section > div > .cat-more {
    margin-left: 50px;
    background: #ffffff;
    font-size: 15px;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #000 !important;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    border-radius: 0;
    border: solid 2px black;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 15px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    margin-top: -3px;
}

.section.blog-cat-section > div > .cat-more:hover {
    background-color: #000000;
    color: white !important;
}

@media only screen and (max-width: 768px) {
    .section.blog-cat-section > div > a:nth-of-type(1) {
        padding: 0;
    }

    .section.blog-cat-section > div > .content {
        padding: 30px 0;
    }

    .section.blog-cat-section > div > .cat-more {
        margin-left: 0;
    }
}

.wrapper .payment-button {
    height: unset;
    background: #010213;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #fff !important;
    font-size: 15px;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #010213;
    border: 0;
    border-radius: 30px;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 15px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    margin-top: 20px;
}

.wrapper .payment-button:hover {
    background-color: 010213;
}

.wrapper .banner-container .payment-button {
    margin-top: 20px;
}

.question-answers .accordion {
    background-color: unset;
    color: #353535;
    cursor: pointer;
    padding: 18px 0;
    width: 100%;
    border: none;
    text-align: left;
    border-bottom: solid 1.3px #e2e2e2;
    outline: none;
    font-size: 1.3rem;
    transition: 0.4s;
    font-weight: 500;
}

.question-answers .active, .accordion:hover {
    background-color: #fff;
    color: #010213;
}

.question-answers .active {
    margin-bottom: 20px;
}

.question-answers .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    transition: max-height 0.2s ease-out;
}

.question-answers .accordion::after {
    font-size: 1.3rem;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    color: inherit;
    width: auto;
    height: auto;
    float: right;
    font-weight: 900;
    font-family: Font Awesome\5 Free;
    content: "\f067";
}

.grecaptcha-badge {
    display: none !important;
}

@media screen and (max-width: 750px) {
    .certificates .slick-list {
        max-height: 415px;
    }
}

.mc-bus-contact .mc-bis-con-area {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    padding: 50px;
    background: #f9f9f9;
}

.mc-bus-contact .mc-bis-con-area > h4 {
    font-size: 2rem;
    margin-bottom: 22px;
    font-weight: 500;
}

.mc-bus-contact .mc-bis-con-area > p, .mc-bus-contact .mc-bis-con-area .half > label {
    margin-bottom: 20px;
    margin-bottom: 0;
}

.mc-bus-contact .mc-bis-con-area .half {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
}

.mc-bus-contact .mc-bis-con-area .half label {
    font-size: 15px;
    margin-bottom: 0px;
}

.mc-bus-contact .main-contact-form .half input, .mc-bus-contact .main-contact-form .half textarea {
    border-radius: 3px;
    border: solid 1px #d4d4d4;
    float: left;
    padding: 17px;
    width: 100%;
    margin-top: 10px;
    font-size: 16px !important;
    background: white;
    height: 40px;
}

.mc-bus-contact .main-contact-form .half .wpcf7-not-valid-tip {
    color: #ffffff;
    background: #a9124c;
    padding: 10px;
    float: left;
    font-size: 12px;
    width: 100%;
}

.mc-bus-contact .main-contact-form .half textarea {
    height: auto;
}

.mc-bus-contact .main-contact-form .half select {
    border-radius: 3px;
    border: solid 1px #d4d4d4;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 16px !important;
    background: white;
    height: 40px;
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox {
    display: flex;
    float: left;
    /* width: 33.333%; */
    flex-direction: column;
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item input {
    float: unset;
    width: unset;
    margin-right: 14px;
    height: unset;
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item span {
    font-size: 16px;
    margin: 0;
    font-weight: 300;
    color: #1f1f1f;
    margin-top: 4px;
}

.mc-bus-contact .main-contact-form .img-up input {
    border: none;
    background: none;
    height: unset;
    margin-bottom: 20px;
}

.mc-bus-contact .Send input {
    height: unset;
    background: #ffffff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #000 !important;
    font-size: 15px;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 15px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    margin-top: -3px;
}

.mc-bus-contact .Send input:hover {
    background-color: #000000;
    color: #fff !important;
}

@media only screen and (max-width: 768px) {
    .mc-bus-contact .mc-bis-con-area {
        padding: 5%;
    }
}

.mc-bus-contact .send-text {
    text-align: center;
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
}

.mc-bus-contact .wpcf7-response-output {
    text-align: center;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.mc-bus-contact .screen-reader-response {
    display: none;
}

footer .footer-inner .phone {
    height: unset;
    background: #ffffff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #000 !important;
    font-size: 15px;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 15px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    font-weight: 600;
    margin: 10px 0;
}

footer .footer-inner .phone:hover {
    background-color: #000000;
    color: #ffffff !important;
}

footer .footer-inner .address {
    font-size: 1.1rem;
    margin-bottom: 16px;
    font-weight: 500;
}

footer .footer-inner .address > .bold {
    font-weight: 600;
    color: black;
}

@media only screen and (max-width: 680px) {
    footer .footer-inner .address > .bold {
        width: 100%;
        margin-bottom: 4px;
        font-size: 1.3rem;
        display: block;
        text-align: center;
    }
}

.section > .team > li {
    margin-bottom: 2%;
}

.tws-notice {
    background: #010213;
    width: 100%;
    padding: 11px;
    text-align: center;
    top: 80px;
    float: left;
    position: absolute;
    z-index: 1;
}

.tws-notice > a {
    color: white;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.45;
}

.tws-notice > a > i {
    margin-right: 10px;
}

.tws-notice > a:hover {
    color: #d8d8d8;
}

@media only screen and (max-width: 1350px) {
    .tws-notice {
        z-index: 999;
        display: none;
    }
}

.page-id-3802 header, .page-id-3802 .tws-notice, .page-id-3802 footer {
    display: none;
}

.page-id-3802 .section.flossie {
    text-align: center;
    margin-bottom: 125px;
}

.page-id-3802 .section.flossie > h2 {
    color: #bf57a8;
    font-size: 4em;
}

.page-id-3802 .section.flossie > p {
    color: #884d7b;
    font-size: 1.5rem;
    font-weight: 500;
}

.page-id-3802 .section.flossie iframe {
    width: 100%;
    height: 619px;
    margin-top: 30px;
    border: none;
}

.flos-gal {
    margin-top: 2%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flos-gal > img {
    width: 49%;
    margin-bottom: 2%;
    height: 430px;
    object-fit: cover;
}

.page-id-3802 .tballoon {
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 145px;
    background: hsl(215, 50%, 65%);
    border-radius: 80%;
    position: relative;
    box-shadow: inset -10px -10px 0 rgba(0, 0, 0, 0.07);
    margin: 20px 30px;
    transition: transform 0.5s ease;
    z-index: 10;
    animation: balloons 4s ease-in-out infinite;
    transform-origin: bottom center;
}

@keyframes balloons {
    0%, 100% {
        transform: translateY(0) rotate(-4deg);
    }

    50% {
        transform: translateY(-25px) rotate(4deg);
    }
}

.tballoon:before {
    font-size: 20px;
    color: hsl(215, 30%, 50%);
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -12px;
    z-index: -100;
}

.tballoon:after {
    display: inline-block;
    top: 144px;
    position: absolute;
    height: 250px;
    width: 1px;
    margin: 0 auto;
    content: "";
    background: rgba(0, 0, 0, 0.2);
}

.tballoon:nth-child(2) {
    background: hsl(245, 40%, 65%);
    animation-duration: 3.5s;
}

.tballoon:nth-child(2):before {
    color: hsl(245, 40%, 65%);
}

.tballoon:nth-child(3) {
    background: hsl(139, 50%, 60%);
    animation-duration: 3s;
}

.tballoon:nth-child(3):before {
    color: hsl(139, 30%, 50%);
}

.tballoon:nth-child(4) {
    background: hsl(59, 50%, 58%);
    animation-duration: 4.5s;
}

.tballoon:nth-child(4):before {
    color: hsl(59, 30%, 52%);
}

.tballoon:nth-child(5) {
    background: hsl(23, 55%, 57%);
    animation-duration: 5s;
}

.tballoon:nth-child(5):before {
    color: hsl(23, 44%, 46%);
}

.flos-side-bal {
    position: fixed;
    left: 0;
    z-index: 2;
}

.flos-side-bal.bal2 {
    right: 0;
    left: unset;
}

.flos-side-bal.bal2 .tballoon:nth-child(1) {
    background: hsl(59, 50%, 58%);
    animation-duration: 4.5s;
}

.flos-side-bal.bal2.tballoon:nth-child(1):before {
    color: hsl(59, 30%, 52%);
}

.flos-side-bal.bal2 .tballoon:nth-child(2) {
    background: hsl(23, 55%, 57%);
    animation-duration: 5s;
}

.flos-side-bal.bal2.tballoon:nth-child(2):before {
    color: hsl(23, 44%, 46%);
}

.page-id-3802 .page-container {
    z-index: 9999;
}

@media only screen and (max-width: 1350px) {
    .page-id-3802 .tws-new-home {
        margin-top: 125px !important;
    }
}

@import url("https://fonts.googleapis.com/css?family=Contrail+One"); .page-id-3802 #main-wrapper {
    position: relative;
    margin: 0 auto;
    width: 480px;
    height: 800px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

.page-id-3802 #canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 480px;
    height: 800px;
    background: #c975b7;
    overflow: hidden;
}

.page-id-3802 #score-label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: "Contrail One", cursive;
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}

.page-id-3802 #start-btn {
    position: absolute;
    background: #d5a21a;
    color: #fff;
    font-family: "Contrail One", cursive;
    font-size: 30px;
    padding: 3px 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 0 #a35906;
    border: 4px solid #fff;
    cursor: pointer;
    top: 200px;
    left: 50%;
    margin-left: -40px;
    display: nonea;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.page-id-3802 #pause-btn {
}

.page-id-3802 .balloon.green {
    position: absolute;
    width: 40px;
    height: 53px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA1CAYAAAAztqkoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAA4OSURBVHjarJl5jGVXccZ/dc69b+nu6WWmPVt7PIOXGBvIGIIdJ4QEBzOJbIUEEBDkiMRZbAJWhKJsRiGrBImIAxEmESKCJH+EyIAQSRQJLJDAEjIONolBxhgzXsJsPTPd08vrd9+951Tlj3Pe69czYzzO5LZOd7/77lK36quvvqorZsaFbREQFMEZIAIhuI2wvHc1nLy23yzPBu1NqiJl0d7otLYtT5QLX++6qdW2n2wQMA35OiCufUF3LXhBm8MBvXBy1+HlR277/tojb1+3xcv6cTCHGmaGc4pQgAmtgtNtphe3tS759pVzL//UpVM/+hnnJhozveA7yoV7ENbqIwvfWfrqXc+sPnTberO0T1qCp8CbR0TwUlDSys/tiTiibdDEVaIFtrcWHrpi6sZPXHXJzR/zrhUvysC0NyAUGLX71sn73/PU8oO3r9qxy8UXCCViHkEQEURdMtB3KaSFp4XHMDEUo9aKfjjFoFlldmLhwevm3vTn+2Ze8R9RFI+BeZChLXIhHjRA6DVntn/jxCc+9szqd99YliWONiqBaM1m4KWgsA6eFmVR0pIOpXQonMe5EkdJYwMGWlHFJdbqo8TQi9fteuu7Xzp/672gGZstwF0oBoXl/uKerxx5/+dWm8H127pzaDRUA0o452FEwIujsILStSilReEn6fhJukxhAgNr6NWnaNsky8Vx/9Cpj384xrW9B3f+4nugANGRY85roGEIBjhWqmP7v/zMB/6tJ4OXTbbm8xGKuQosIvlJ7eyQICmZpKCQNi2ZZMLPURQdVISpcppO1aVVt2lHzyNL/363Nmd2HVy4405HGYZXPL8HNXl4pTq580tP/eXn+2716qlyH84LUSNKhZkhlowTEXT8ggLmE+5MXDJbjOAihXg6bop2q0vHTdL2XdRFQuV5eOmLv9rq7H7sJTvedM9Zz7vVQBGjHwbdLx9536dXOX71TOtyhBZmAdVsikCiCRuelPAjEUMxs9ENzAJRa6LWqBugNoHQoVMUzNEmiiM0wqATefjEP71vttz36MLMDfdvJbZRoAzE8cjxf/jAYvW9V0+09uLoplAabE2mCERUA2YxYyevscPUIjE2NE1FHVao4zJqDc4cXTfNbHs327s7mS220RQTra8u/u0nNsKJA1iC25iBCghPnn7olkdPf/adre5eStlGYQ5PA9pgUmPWJE+ajrwoZqBKsIgS8zENUWuCRmqtqFmjH3tshBWqeJLa1lFndGSaGXcpU34nM26Bxfr7Cw8f/5e7AZr8sNk9nkar1iOnPvle356Q6bCbDg4RScaoYjl7zULymFheEVAERYlEEgVFGgI1gQG19hnoBlVcpx9WqeIqta4TaShbbTrFLF2/nW3lfr69/JW3Hus/dkPLPBBwioLA46e//LbF+rEbd5SX0/Et8K0UfLW0iCl7nbHJWxGziBEwImoNQQINgUYbGqtoqBjoBgPtMdA1BnGVflihH1YYxIqggUIcpbTpujlq15v57xP/ehcGKo5CMMwaHj9z/9uny93MFHswhKiCWkUgElwkmqAGMsKbDRkwBUE2cRmkBiko1XJxMCyhCHEJFmYR5zyqETBarqStLWaKeZ7d+MYtvebZA932ZU87oeDo2hOvPNV/7CdnW/sQKRKbmWJEIhGlyUlkGOMGGiIGoqgFVBvMaqINCNqn0YrGBkQa1AKBQKM1tQ6odYM6rtNoHzC8lJRugrabpwrHdzy2eP873TBJvnXyC+9yriwmZCZ5BMWkSXgjZ6kMszWMMixRiWGWsllpiFZhVhGtn0JsFYEBQRqCNTTWECzQWKC2QEODCDhXINJGrEPXtXly7WuvxZAixMqfqB++cbLcDeJyhkbUQvZeyAYkY2WLeYmIxWSk86KCuQaHgBMChlPAuxEHRwJiHifJR4Yh4vG0KXxBq5inFxf3bMSVCdeLZ+YqW93V9RPoKAFAMaLEbFzKUjHLxWxcbeTiJumsKOk8lUDUQSLpnECaQx01ELQmmqI2vKPgcHhKfNGlCRs7l6qjVxdL/acP9mN/ztEBDRh+RMqmW+uiiIDI5vdmuZylfcm3EbOkvBNsfQo9gjjBKFBrEmpE8M4yTJLgKMxTiGegtV/qf/vHipMbh19i2dWala5pTLQyrDDYmJBI/9tYdZFsvAwlhw1xKinRrEHMoVqgEhDxCA6xMMo3s0R3Yg6RAvHCmerZuWKtPjnj6ORa6hJVSINqrq0kDrScwYaimm8+LH9miBO8+MTdyX/pPBcJEofiE08y0PAJfZoSUETBhOgM1OGco1/3povBYPlWJx5M8qOA5v4CJ1tqq0G64LjcGPvSMBwuHWeGuETiah6zBhOPiWTSD6i5kTw9RzaLEGPsFEFX9+QgZY4bt8jGPgqY8YM6GDVFEJxzY/pNkzGS2QCHERE0fwYy7s/GPEDhzdVYnYGsiXQFoipiDSaKmuBNSVXXgWjCo4xx4ZCAJHnSm6BS4BBMJKHRGU3idZyLKI6GgDNDcago6gZYFEQVh+u5VjH7BdUGtSqpka00vFXN/sAO0M46w9CscMg4Vhte30YKPhFbzN+nmo4EzKBVTK25bveS/1ECJoOUvUNpeBbOzAy1c7uuIf2klfGXQyVuGMZE8klUNIllhyLEbFN0WMBUUQaYChPdOS1mO5cuxjigYUBpARNQFBPFSKERLqzRHtGMJJO8Fhm7gBteJ3k2EnDO4UQyb4ZcrxODRCJz3f2Hi0u6L/qvlnRiYwNvBMxysojliF64geNhNsAPeVJSgimGmaIS875hJIZkHokWiRYoXLc/3znwn262ddljLWaO1s1GVsTD+YnlzDT+r5sRkCzDLFPY8KEtixBLGocgSe1gkYGt0WZmcbrcddS1/VQ11977xKDeIFgzAvZIYuXgjaNPzvrv+b2qWdjqFsI3S2FVIkEDQfuoNvSbHnPlzqOl6zYOB9fuuOlLoWqoZT0XcENpsFwRQNAMpaT0JSmYkTS0zbUlsdwWyOCSiAgZ39EUk5iqliqwQWSNQbPGtTsO3YugDuCK+dd8ZKa9/8kqLCMu5Kdjiyg4O6Ofc6Zjdo5eHJG8GlF1LHvJTVimGFN6YYnt7f2PX7H95s+QpFpD182t7Nl28IFefxW1QU6MRB3PG0Z5fqPPZVUbVZ60Uieo1tCr19g7df0XO2VngIEbyqLrdt7yUa9l09clPDWl+Iwd8ryPrKwDOAVnucoYauRKIsnzCmoQBCIRs0HmOQNpUAIRzX2gEmSAxj5rdpqWbVu5YedbPpj6HMU5PBjsmb7mawdmf/yzK72jmAVc48cmB4K4AhF/Ho9mkSvnWzynqIiaHg4zXDSCX2W5t8iV2w59cn7iwPeGcx7nTEgzXeNVe375jyfi/NKZsEzt17fWDHPZk36ET8vd2bBSnL3OxuMIk/lc1UTaFYGVeplpm69uXHjDX6dohTzR3bSAHZMHHn/53p+7Z3VtkZ6viBJGykPM48zjKZHcR0AEp5iQB0ZjKzUN+bOkvxYwiZg0iDS5Te1Tc4rl3nF+ZPcb/3R2Yv93x6cybhPpDkx56SVv/MiM33N4pTqGUud+d9iJbP5soUIZ195jS2JuVW0TCvnBlAalIsgaS+tH2Nf94YcP7n7ThxgNn7YYOHS/MtnasfITB+74/cHKCk1cz5npEXG58XaIc+dMBjepcJxiNkXC5vFCNEsDASrW61O4gd+4ef+739Hyk5WdM7bf8smDGdfsuPkz1+9684dOrR7PIQmoNGdJMRmT/RmLNpRWebCEy0J0fGTnkkDVSB1WObV+gtde/lu375q+5uupL9HnNlBIXZsI9qrLfvOPdvi93ztRnSKwjmqdB0Nhs7nKnCIWcUlyppX3pYrj0vjDEl5B8dRE6bFcPcX187fdc+3O192XphRuNLk9vwfHtk45tfYzl//JL4Xeiq5Va6jWmFWoVZg1OXQNQsSjeUWcRZwGRIfaL6R5jOS5ouujVrPSP8xlk4fuu+lF7/gdrBwTxHJhBhqwMHvtg7dc+nt3rfaWtG89kBovfRyKEBBiZuWYl2Ka9+WkEGI61kVEaqChVx9hp3vJ1w9d/tu/Js6fr2V6fgPJ70ledunr/+4VO1//98trRwmxwRFxVIgNEA1J55lsLoEoaTLhMbwYzhq81BTiaAYnmbb5J2++6u43Txbb1jHNxcDnvy/gVZghSIRDL/rdOzWG8onlz90ep3dREPK0N2tuG6uwuYESAWcRL1B4hwfqwREmw/anfuqq990619n3tDFApHyel2/PqQFyFnowcRy68g9+/erJn/3U2soJkATl1NXaWIhsS+vkRSicUghU/UVazezTr7ny/T+/vXvZE1hArHxeMeJ+sEzJXYYYzhX60y/+w1+5Zu7WfzyzfgwXA2UePqbRXFbIkvqMQpQCwVOysn6EWfY9fujqv3nd3MQPfRNCDp77/3mZOJqlqhC0Lr96+N4PPnT64++and5Ol2ka16RxiEGJx4tROoj0WF87wv7pN3zu1Ve8945OMbuIBLDiwsT4C3rbaamuJsEQ5dFjn73zwac/+hd9f2amOzFJ4QvEHIUoFmsG1QoSd/SuW7jtzw4uvO3DpZvoQ8yNkpw3IS7ydazmsQX5t3Bq/YmDDx/559840Xv0rWfq5XnzNUVsMdOePr4w9cpPv3jvL9y3Z/JlDyTDXDJqqCsvILxblPDFrKY+s+fw6Qfe8lcP3FR95+Tnbx+ElV2j7/Xiru24yC0CRbnt2NNnvnnjM2dOt522Vlp++oRy3iHEC94u2kCf5y1VXa/um9rx+dOD4zOMusGL3/53AItF17kyVTi4AAAAAElFTkSuQmCC");
}

.page-id-3802 .section.flossie > h2:nth-of-type(2) {
    /* background: white; */
    margin: 0;
    padding: 30px 0;
}

.page-id-3802 .tws-pop {
    /* background: white; */
    padding-bottom: 80px;
}

.tws-p-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tws-p-header, .tws-p-buttons {
    border-bottom: 1px solid #efefef;
}

#plans > .tws-p-row:last-of-type {
    border-bottom: none;
    background: #fbfbfb;
}

#plans > .tws-p-row:last-of-type a, #plans > .tws-p-row:last-of-type h6, #plans > .tws-p-row:last-of-type h5 {
    color: black;
}

.tws-p-billing-year p {
    font-weight: 600;
    color: black;
    margin-top: 4px;
    font-size: 16px;
}

.tws-p-header {
    position: -webkit-sticky;
    position: sticky;
    background: white;
    top: 110px;
    z-index: 99;
}

.tws-p-buttons:nth-of-type(2) {
}

.tws-p-row .column {
    width: 16.66666%;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tws-p-row .column:nth-of-type(1) {
    justify-content: flex-start;
    width: 50%;
}

.tws-p-row .column:nth-of-type(1) > h4 {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.68em;
}

.tws-p-row .column h4 {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.tws-p-row .column .button {
    margin-top: 0;
}

.tws-packages {
    position: relative;
}

.tws-p-table .tws-p-row {
    background: #fbfbfb;
    border-bottom: 1px solid #efefef;
}

.tws-p-table .tws-p-row:nth-of-type(2n) {
    background: #ffffff;
}

.tws-p-table .tws-p-row > .column:nth-of-type(1) {
    text-align: left;
}

.tws-p-table .tws-p-row > .column h5 {
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    width: 100%;
}

.tws-p-table .tws-p-row > .column:nth-of-type(1) p {
    color: #4a4a4a;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 10px;
}

.tws-p-billing {
    background: #010213;
    padding: 20px 0;
}

.tws-p-billing .column {
    flex-direction: column;
}

.tws-p-billing .column a {
    color: #ffffff;
    font-weight: 600;
    margin-top: 11px;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
}

.tws-p-billing h5, .tws-p-billing h6 {
    color: white;
}

.tws-p-billing .column:nth-of-type(1) {
    align-items: center;
    align-content: center;
}

.tws-p-billing .column a:hover:after {
    font-size: 100%;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: 2px;
    margin-top: 3px;
    font-weight: 900;
    vertical-align: 4%;
    font-family: Font Awesome\5 Free;
    content: "\f061";
    margin-left: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 1024px) {
    .tws-p-row .column .button {
        /* background: none; */ /* color: #010213; */ /* padding: 0; */ /* font-weight: 600; */ /* line-height: unset; */ /* min-height: unset; */ /* height: unset; */ /* box-shadow: none; */ /* min-width: unset; */
    }
}

@media screen and (max-width: 768px) {
    .tws-p-table, .tws-p-header, .tws-p-buttons {
        /* display: none; */
    }

    .tws-p-buttons:nth-of-type(2) {
        display: none;
    }

    .tws-p-row .column:nth-of-type(1) > h4 {
    }

    .tws-p-row .column {
        /* width: 100%; */
    }

    .tws-packages {
        /* display: none; */
        width: 100%;
        overflow: hidden;
    }

    .tws-p-billing {
        display: none;
    }
}

@media screen and (max-width: 1350px) {
    .tws-p-header {
        top: 0;
    }
}

.section.tws-refer-packages > .tws-p-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.section.tws-refer-packages > .tws-p-table > div {
    width: 48%;
    background: white;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.section.tws-refer-packages > .tws-p-table > div > .column {
    width: 100%;
    padding: 30px;
}

.section.tws-refer-packages > .tws-p-table > div > .column h2 {
    font-size: 1.5rem;
}

.section.tws-refer-packages > .tws-p-table > div > .column h3 {
    font-size: 1.2rem;
    margin-bottom: 12px;
    color: #010213;
}

.section.tws-refer-packages > .tws-p-table > div > .column p {
    margin: 0;
    margin-bottom: 10px;
}

.section.tws-refer-packages {
    display: block;
}

@media screen and (max-width: 800px) {
    .section.tws-refer-packages > .tws-p-table {
    }

    .section.tws-refer-packages > .tws-p-table > div:last-of-type {
        margin-bottom: 0;
    }

    .section.tws-refer-packages > .tws-p-table > div {
        width: 100%;
        margin-bottom: 5%;
    }
}

@media screen and (max-width: 800px) {
    .section.tws-refer-packages > .tws-p-table > div > .column h2, .section.tws-refer-packages > .tws-p-table > div > .column h3 {
        font-size: 1rem;
    }
}

.page-template-template-instructions .mc-bus-contact .mc-bis-con-area ul {
    margin-bottom: 14px;
    color: #4a4a4a;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.45;
}

.page-template-template-instructions .mc-bus-contact .mc-bis-con-area ul li {
    list-style-type: disc;
}

.mc-bus-contact .mc-bis-con-area .half video {
    height: auto;
    width: 100%;
    margin-top: 20px;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

.employees-area .main-contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.employees-area .main-contact-form .mc-bis-con-area {
    width: 31%;
    padding: 0;
    margin-bottom: 2%;
    position: relative;
}

.employees-area .main-contact-form .mc-bis-con-area:hover {
    opacity: 0.8;
}

.employees-area .main-contact-form .mc-bis-con-area h4 {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    color: white;
    z-index: 9;
}

.employees-area .main-contact-form .mc-bis-con-area .half {
    margin-bottom: 0;
}

@media screen and (max-width: 850px) {
    .employees-area .main-contact-form .mc-bis-con-area {
        width: 100%;
    }
}

.employee-area .tab {
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

/* Style the buttons inside the tab */
.employee-area .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.employee-area .tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.employee-area .tab button.active {
    color: white;
    background-color: #010213;
}

.employee-area .tabcontent {
    display: none;
    padding: 40px 0;
    border: none;
    border-top: none;
}

.employee-area .tabcontent.tab-split {
    justify-content: space-between;
    flex-wrap: wrap;
}

.employee-area .tabcontent.tab-split > .column {
    width: 48%;
}

.employee-area .tabcontent.tab-split > .column > .row {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.employee-area .tabcontent.tab-split > .column > .row > .split:nth-of-type(1) {
    font-weight: 600;
    width: 172px;
    margin-right: 13px;
}

.employee-area .tabcontent.tab-split.tab-full > .column {
    width: 100%;
}

.employee-area .tabcontent.tab-split > .column > .row > a.split {
    color: #010213;
    font-size: inherit;
}

.employee-area .tabcontent.tab-split > .column.training {
    background: red;
}

.employee-area .tabcontent.tab-split > .column.training div, .employee-area .tabcontent.tab-split > .column.training p, .employee-area .tabcontent.tab-split > .column.training a {
    color: white !important;
}

@media screen and (max-width: 1024px) {
    .employee-area .tabcontent.tab-split > .column {
        width: 100%;
    }
}

.page-template-template-employee .new-banner .banner-container .banner-content form.post-password-form {
    background: none;
    padding: 0;
    /* display: flex; */
    margin: 0;
    width: unset !important;
    transform: unset;
}

.page-template-template-employee .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1) {
    display: none;
}

.page-template-template-employee .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input {
    background: #010213;
    color: white;
    height: unset;
    background: #010213;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #fff !important;
    font-size: 15px;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #010213;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 12px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
}

.page-template-template-employee .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input {
    padding: 12px;
    border: solid 1px #010213;
    outline: none;
}

.page-template-template-employee .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover {
    background-color: 010213;
}

.simpay-form-wrap .simpay-form-title {
    padding-right: 20px;
    color: #000;
    font-family: "Inter", sans-serif;
    z-index: 1;
    position: relative;
    font-size: 3.25rem;
    display: none;
    letter-spacing: -2px;
    line-height: 1.1;
}

.simpay-form-wrap .simpay-form-description {
    padding-right: 20px;
    color: #000;
    font-family: "Inter", sans-serif;
    z-index: 1;
    position: relative;
    font-size: 2.25rem !important;
    letter-spacing: -2px;
    line-height: 1.1;
}

.simpay-styled .simpay-form-control label {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1rem;
}

.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el) {
    background: #010213;
}

.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):hover {
    background: #010213;
}

@media screen and (max-width: 1200px) {
    .page-template-template-payment .new-banner .banner-container .banner-media {
        display: none;
    }

    .page-template-template-payment .new-banner .banner-container .banner-content {
        text-align: left;
    }

    .page-template-template-payment .new-banner .banner-container .banner-content form {
        width: 100%;
        display: block;
        max-width: 100%;
    }
}

.tws-check-split label a {
    color: black;
    font-size: 18px;
    font-weight: 600;
}

.tws-check-split label a:hover {
    cursor: pointer;
    color: #010213;
}

.mc-bus-contact .tws-check-split .half {
    display: flex;
    justify-content: space-between;
    padding: 4px 20px;
    align-items: center;
    background: white;
}

.mc-bus-contact .tws-check-split .half select {
    min-width: 187px;
    text-indent: 10px;
}

.page-template-template-check .new-banner .banner-container .banner-content form.post-password-form, .page-template-template-employee-instructions .new-banner .banner-container .banner-content form.post-password-form, .client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form, .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form, .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form {
    background: none;
    padding: 0;
    /* display: flex; */
    margin: 0;
    width: unset !important;
    transform: unset;
}

.page-template-template-check .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1), .page-template-template-employee-instructions .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1), .client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1), .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1), .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(1) {
    display: none;
}

.page-template-template-check .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input, .page-template-template-employee-instructions .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input, .client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input, .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input, .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input {
    background: #ffffff;
    color: black;
    height: unset;
    background: #ffffff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    color: #000 !important;
    font-size: 15px;
    line-height: unset;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    padding: 12px 40px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
}

.page-template-template-check .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .page-template-template-employee-instructions .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input {
    padding: 12px;
    border: solid 2px #000000;
    outline: none;
}

.client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input, .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > label input {
    padding: 18px;
}

.page-template-template-check .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover, .page-template-template-employee-instructions .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover, .client_portal-template-default .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover, .page-template-template-admin-feed .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover, .page-template-template-white-label .new-banner .banner-container .banner-content form.post-password-form p:nth-of-type(2) > input:hover {
    background-color: #000000;
    color: white !important;
}

.page-template-template-privacy .section h2, .page-template-template-privacy .section h3, .page-template-template-privacy .section h4, .page-template-template-privacy .section h5, .page-template-template-privacy .section h6 {
    margin-bottom: 20px;
}

.page-template-template-privacy .section ul {
}

.page-template-template-privacy .section li {
    margin-bottom: 14px;
    color: #4a4a4a;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.45;
    list-style-type: disc;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #010213;
    color: #fff;
}

#cookie-law-info-bar, .wt-cli-cookie-bar {
    opacity: 1 !important;
}

.cli-modal-backdrop.cli-show {
    opacity: 0.8;
    z-index: 99999;
}

.page-template-template-check .mc-bus-contact .tws-check-split .half {
    flex-wrap: wrap;
}

.page-template-template-check .mc-bus-contact .tws-check-split .half label {
    width: unset;
}

.page-template-template-check .mc-bus-contact .tws-check-split .half iframe {
    width: 100%;
    margin-top: 15px;
    height: 400px;
}

.tws-breadcrumbs {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
}

.tws-breadcrumbs a {
    color: #010213;
    font-weight: 600;
}

.tws-breadcrumbs span {
    color: #353535;
    font-weight: 600;
}

@media only screen and (max-width: 1300px) {
    header .h-bar .h-logo {
        left: 30px;
    }

    header .h-bar .h-nav {
        padding-right: 30px;
    }
}

.page-id-33 .new-banner .banner-container .banner-content > a {
    font-size: unset;
    margin-top: unset;
    display: unset;
    line-height: unset;
    -webkit-tap-highlight-color: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    background-color: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: unset;
    cursor: unset;
    display: unset;
    display: unset;
    display: unset;
    font-size: unset;
    font-weight: unset;
    height: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    line-height: unset;
    min-width: unset;
    outline: unset;
    overflow: unset;
    padding: unset;
    position: unset;
    text-align: unset;
    text-decoration: unset;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
    vertical-align: unset;
    white-space: unset;
    transition: 0.4s;
}

.page-id-33 .new-banner .banner-container .banner-content > a:hover {
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: unset;
    outline: unset;
    text-decoration: unset;
    cursor: pointer;
    transition: 0.4s;
}

.page-id-33 .new-banner .banner-container .banner-content > a:hover h1 {
    color: #010213;
    transition: 0.4s;
}

.page-template-template-employees .mc-bus-contact .mc-bis-con-area .half {
    padding-bottom: 100%;
    position: relative;
}

.page-template-template-employees .mc-bus-contact .mc-bis-con-area .half img {
    position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
    left: 0;
    right: 0;
    height: 100%;
    filter: brightness(0.7);
}

.new-banner .banner-container .banner-content form .option.tws-new-cf7-op {
    display: flex;
    align-items: center;
}

.new-banner .banner-container .banner-content form .option.tws-new-cf7-op > .hr9 {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.new-banner .banner-container .banner-content form .option.tws-new-cf7-op > .hr9 a {
    margin: 0;
    margin-left: 15px;
}

@media only screen and (max-width: 600px) {
    .new-banner .banner-container .banner-content form .option.tws-new-cf7-op {
        flex-wrap: wrap;
        justify-content: center;
    }

    .new-banner .banner-container .banner-content form .option.tws-new-cf7-op > .hr9 {
        margin-left: 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .new-banner .banner-container .banner-content form .option.tws-new-cf7-op > .hr9 span {
        width: 100%;
        display: flex;
        align-items: center;
        margin: 10px 0;
        justify-content: center;
    }

    .new-banner .banner-container .banner-content form .option.tws-new-cf7-op > .hr9 a {
        text-align: center;
        margin: 0 auto;
    }
}

.tws-blog-cta {
    position: absolute;
    top: 120px;
    width: 100%;
    opacity: 1;
    transition: 0.4s;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #010213;
}

.tws-blog-cta > .main-area {
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.tws-blog-cta > .main-area > .col-1 {
    width: 80px;
}

.tws-blog-cta > .main-area > .col-1 > img {
    border-radius: 50%;
    height: 74px;
    width: 100%;
}

.tws-blog-cta > .main-area > .col-2 {
    width: 100%;
    padding-left: 29px;
}

.tws-blog-cta > .main-area > .col-2 h6 {
    color: white;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 8px;
}

.tws-blog-cta > .main-area > .col-2 .button-row {
    display: flex;
    align-items: center;
}

.tws-blog-cta > .main-area > .col-2 .button-row > a, .tws-blog-cta > .main-area > .col-2 .button-row > div {
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
}

.tws-blog-cta > .main-area > .col-2 .button-row > a.tws-no, .tws-blog-cta > .main-area > .col-2 .button-row > div.tws-no {
    margin: 0 0 0 24px;
    padding: 0 0 0 25px;
    position: relative;
}

.tws-blog-cta > .main-area > .col-2 .button-row > div.tws-no:before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}

@media only screen and (max-width: 1200px) {
    .tws-blog-cta {
        display: none;
    }
}

.tws-blog-cta.tws-hide-blog-cta, .category > .tws-notice {
    opacity: 0;
}

.client_portal-template-default .tws-notice, .page-template-template-admin-feed .tws-notice {
    display: none;
}

.tws-client-portal {
    margin-top: 0;
}

.tws-client-portal .banner-container {
    padding: 80px 0;
    width: 90%;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    padding-bottom: 0;
    margin-bottom: 50px;
}

.tws-client-portal .banner-container > .banner-content {
    width: 100%;
    color: #f7f8f9;
    position: relative;
}

.tws-client-portal .banner-container > .banner-content h1 {
    width: 100%;
    padding: 0;
    margin-bottom: 26px;
    font-size: 44px;
}

.tws-client-portal .banner-container > .banner-content span {
    font-weight: 600;
    line-height: 29px;
    color: black;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 0;
    text-align: left;
}

.tws-client-portal .banner-container > .banner-content span:nth-of-type(1) {
    margin-left: 0;
}

.tws-client-portal .banner-container > .banner-content p {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
}

.tws-client-portal .row.page-container {
    width: 100% !important;
    background: #f6f8f9;
    max-width: 100%;
    justify-content: center;
    width: 100% !important;
}

.tws-client-portal .row.page-container > .section {
    max-width: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
}

.tws-client-portal .row.page-container > .section .main-contact-form {
    margin: 0;
    width: calc(100% - 220px);
    padding: 0 65px;
    align-items: flex-start;
    height: 100vh;
    overflow: scroll;
}

.tws-client-portal .row.page-container .mc-bis-con-area {
    background: white;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    padding: 30px;
    border-radius: 9px;
}

.tws-client-portal .row.page-container .mc-bis-con-area .post_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.tws-client-portal .row.page-container .mc-bis-con-area .post_title h4 {
    font-size: 21px;
    margin-bottom: 10px;
}

.tws-client-portal .row.page-container .mc-bis-con-area .post_title span {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.tws-client-portal .row.page-container .mc-bis-con-area > p, .tws-client-portal .row.page-container .mc-bis-con-area > [id^="fullText"] > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7rem;
    margin-bottom: 20px;
}

.tws-client-portal .row.page-container .mc-bis-con-area ul, .tws-client-portal .row.page-container .mc-bis-con-area ol {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7rem;
    margin-bottom: 20px;
}

.tws-client-portal .row.page-container .mc-bis-con-area ul li, .tws-client-portal .row.page-container .mc-bis-con-area ol li {
    list-style-type: disc;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7rem;
    margin-bottom: 8px;
    color: #000;
}

.tws-client-portal .row.page-container .mc-bis-con-area ol li {
    list-style-type: decimal;
}

.tws-client-portal .row.page-container .mc-bis-con-area ul li ul {
    margin-bottom: 0;
}

.tws-client-portal .row.page-container .mc-bis-con-area ul li:last-of-type, .tws-client-portal .row.page-container .mc-bis-con-area ol li:last-of-type, .tws-client-portal .row.page-container .mc-bis-con-area > p:last-of-type {
    margin-bottom: 0;
}

.tws-client-portal .row.page-container .mc-bis-con-area .section-pad {
    margin-top: 30px;
}

.tws-client-portal .row.page-container .mc-bis-con-area .section-pad > a, .tws-client-portal .row.page-container .mc-bis-con-area .section-pad > div {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7rem;
    color: #fff;
    margin-bottom: 20px;
}

.tws-client-portal .row.page-container .mc-bis-con-area .section-pad > a > i, .tws-client-portal .row.page-container .mc-bis-con-area .section-pad > div > i {
    font-size: 30px;
    margin-right: 14px;
    color: #fff;
}

.tws-client-portal .row.page-container .mc-bis-con-area .section-pad > a:hover, .tws-client-portal .row.page-container .mc-bis-con-area .section-pad > div:hover {
    color: #000;
}

@media only screen and (max-width: 1200px) {
    .tws-client-portal .banner-container > .banner-content {
        text-align: left;
        padding: 0;
    }

    .tws-client-portal .row.page-container > .section {
        /* width: 90%; */
        /* max-width: 90%; */
    }
}

.client_portal-template-default .tws-breadcrumbs {
    display: none;
}

.page-template-template-admin-feed {
    /* display: none; */
}

.page-template-template-admin-feed .tab {
    overflow: hidden;
    border: none;
    margin-bottom: 70px;
}

/* Style the buttons that are used to open the tab content */
.page-template-template-admin-feed .tab button {
    background-color: unset;
    float: left;
    outline: none;
    color: #000000;
    cursor: pointer;
    padding: 14px 16px;
    border: solid 2px black;
    transition: 0.3s;
    font-weight: 600;
    margin-right: 15px;
    margin-bottom: 10px;
}

/* Change background color of buttons on hover */
.page-template-template-admin-feed .tab button:hover {
    background-color: #010213 !important;
    color: white;
}

/* Create an active/current tablink class */
.page-template-template-admin-feed .tab button.active {
    background-color: #010213 !important;
    border: solid 2px black;
    color: white !important;
}

/* Style the tab content */
.page-template-template-admin-feed .tabcontent {
    display: none;
}

.tws-admin-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #000000;
    padding: 20px;
    overflow-y: scroll;
}

.tws-admin-tabs > .tab-option {
    background: #000000;
    width: 31%;
    text-align: center;
    cursor: pointer;
    padding: 40px;
    display: flex;
    margin-bottom: 2%;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    padding: 30px;
}

.tws-admin-tabs > .tab-option > i {
    /* margin-bottom: 20px; */
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    width: 43px;
    padding-right: 20px;
}

.tws-admin-tabs > .tab-option > span {
    font-weight: 500;
    font-size: .8rem;
    0.8: center; color: #ffffff;
    background: #000000;
    text-align: left;
}

.tws-admin-tabs > .tab-option.active {
    background: #ffffff;
}

.tws-admin-tabs > .tab-option.active > i, .tws-admin-tabs > .tab-option.active > span {
    color: black;
    font-weight: 600;
}

.tws-client-portal .row.page-container#id1 .main-contact-form > .tab > .tablinks {
    display: none;
}

.tws-client-portal.toggle-seo .row.page-container#id1 .main-contact-form > .tab > .SEO {
    display: block;
}

.tws-client-portal.toggle-ppc .row.page-container#id1 .main-contact-form > .tab > .PPC {
    display: block;
}

.tws-client-portal.toggle-website .row.page-container#id1 .main-contact-form > .tab > .Website {
    display: block;
}

.tws-client-portal.toggle-mailchimp .row.page-container#id1 .main-contact-form > .tab > .Mailchimp {
    display: block;
}

.tws-client-portal.toggle-hosting .row.page-container#id1 .main-contact-form > .tab > .Hosting {
    display: block;
}

.tws-client-portal.toggle-support .row.page-container#id1 .main-contact-form > .tab > .Support {
    display: block;
}

.tws-client-portal.toggle-chasing .row.page-container#id1 .main-contact-form > .tab > .chasing {
    display: block;
}

.tws-open-boxes {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.tws-open-boxes > h2 {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

.tws-open-boxes > .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.tws-open-boxes > .options::after {
    content: "";
    flex: auto;
}

.tws-open-boxes > .options > .tws-box {
    background: white;
    width: 22%;
    text-align: center;
    cursor: pointer;
    display: flex;
    margin: 1.5%;
    margin-bottom: 1.5%;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    padding: 30px 20px;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
}

.row.page-container.admintabcontent.whitelabel .tws-open-boxes > .options {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.row.page-container.admintabcontent.whitelabel .tws-open-boxes > .options > .tws-box {
    width: 100%;
    text-align: left;
    align-items: flex-start;
    padding: 30px;
    margin: 0;
}

.tws-open-boxes > .options > .tws-box > span {
    font-weight: 600;
    font-size: 21px;
    color: black;
    margin-bottom: 13px;
}

.tws-open-boxes > .options > .tws-box > p {
    font-weight: 500;
    font-size: 15px;
}

.tws-open-boxes > .options > .tws-box:hover {
    background: #010213;
}

.tws-open-boxes > .options > .tws-box:hover span, .tws-open-boxes > .options > .tws-box:hover p {
    color: white;
}

.page-template-templateshome-php .tws-notice {
    display: none;
}

.page-template-templateshome-php header {
    box-shadow: unset;
}

.tws-new-top-banner {
    padding: 20px 0 180px 0;
    width: 1460px;
    max-width: 1460px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tws-new-top-banner > .ban-side {
    width: 52%;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image {
    width: 49%;
    padding: 0;
    display: flex;
    position: relative;
    background: #d6d6d6;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 145.666667%;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image.left-img {
    top: 63px;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image img {
    object-fit: cover;
    position: absolute;
    top: 0;
    filter: brightness(110%);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image.left-img img {
    object-position: right center;
}

.tws-new-top-banner > .ban-side.ban-image > .header-images > .image.right-img img {
    object-position: left center;
}

.tws-new-top-banner > .ban-side.ban-title {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: 322px;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content > h1 {
    width: 677px;
    font-size: 79px;
    font-weight: 500;
    line-height: 98px;
    position: relative;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content > h1 > strong {
    position: relative;
    white-space: nowrap;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content > h1 > strong:before {
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    transform: scaleX(1) !important;
    height: 18px;
    bottom: 10px;
    left: 0;
    background-color: #010213;
    z-index: -1;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content {
    margin-top: 45px;
    width: 476px;
}

.tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content, .tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content p {
    color: #0c0c0c;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 40px;
}

@media only screen and (max-width: 1550px) {
    .tws-new-top-banner {
        width: 1100px;
        max-width: 1100px;
    }

    .tws-new-top-banner > .ban-side.ban-image > .header-images > .image.left-img {
        top: 48px;
    }

    header .h-bar {
        width: 1140px;
    }

    header .h-bar .h-nav nav > ul > li:last-of-type > A {
        /* display: none; */
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 1200px) {
    header .h-bar .h-nav nav > ul > li:last-of-type {
        display: none;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content {
        margin-top: 230px;
        width: 100%;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1 {
        font-size: 53px;
        line-height: 63px;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1 > strong:before {
        height: 10px;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content {
        margin-top: 20px;
    }

    .tws-new-top-banner > .ban-side {
        width: 50%;
    }

    .tws-new-top-banner > .ban-side.ban-image > .header-images > .image.left-img {
        margin-top: 10%;
        top: 0;
    }

    .tws-new-top-banner > .ban-side.ban-image > .header-images > .image.right-img {
        margin-bottom: 10%;
        margin-top: 2%;
    }

    .tws-new-top-banner {
        width: 90%;
    }

    header .h-bar {
        width: 90%;
    }
}

@media only screen and (max-width: 1024px) {
    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1 {
        width: 60%;
    }
}

@media only screen and (max-width: 980px) {
    .tws-new-top-banner > .ban-side.ban-title {
        position: relative;
        height: auto;
        order: 2;
    }

    .tws-new-top-banner > .ban-side {
        width: 100%;
        order: 1;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content {
        margin-top: 43px;
        width: 90%;
        display: unset;
        height: auto;
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1, .tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content {
        width: 100%;
    }

    .tws-new-top-banner {
        padding-bottom: 0px;
    }

    .tws-new-top-banner {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1, .tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content {
        /*! font-size: 40px; */ /*! line-height: 50px; */
    }

    .tws-new-top-banner > .ban-side.ban-title > .header-content > h1 > strong:before {
        height: 8px;
        bottom: 5px;
    }
}

body .calendly-badge-widget .calendly-badge-content {
    border-radius: 0;
    background: #fff !important;
    border: solid 2px black;
    padding: 1.16667rem 2.26667rem;
    color: black !important;
}

body .calendly-badge-widget .calendly-badge-content:hover {
    background: black !important;
    color: white !important;
}

.tws-total-button {
    position: fixed;
    bottom: 15px;
    padding: 19px 30px;
    width: 265px;
    right: 440px;
    border: none;
    color: white;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #010213;
}

.tws-total-button:hover {
    background: black;
    color: white;
}

.tws-amount-total.add-client > .tws-total-button {
    right: 263px;
}

.tws-amount-total.edit-client > .tws-total-button {
    right: 438px;
}

.tws-total-amount {
    display: none;
    justify-content: center;
    width: 800px;
    z-index: 99999999999;
    flex-wrap: wrap;
    padding: 40px;
    background: white;
}

.tws-amount-total {
}

.tws-amount-total.show {
    width: 100%;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 999999;
    background: #000000c7;
    position: fixed;
    top: 0;
}

.tws-amount-total.show > .tws-total-button {
    display: none;
    opacity: 0;
}

.tws-total-amount h6 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 30px;
}

.tws-total-amount p {
    width: 100%;
    font-size: 18px;
    margin-bottom: 30px;
}

.tws-total-amount .fig-box {
    width: 100%;
    border: none;
    padding: 20px 0;
    /* border-top: solid 2px black; */
}

.tws-total-amount .fig-box:last-of-type {
    /* border-bottom: solid 2px black; */
}

.tws-total-amount .fig-box span {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
}

.tws-total-amount .fig-box .inside-rev-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: solid 1px #7b7b7b;
}

.tws-total-amount .fig-box .inside-rev-box:last-of-type {
    margin-bottom: 10px;
}

.tws-total-amount .fig-box .inside-rev-box > .side {
    font-weight: 600;
    font-size: 14px;
}

.tws-total-amount .tws-total-button.close {
    position: unset;
    width: 100%;
    margin-top: 30px;
}

.tws-amount-total.show .tws-total-amount {
    display: flex;
}

.tws-client-portal .adin-notes {
    border: dashed 2px black;
    margin-top: 30px;
    padding: 20px;
}

.tws-client-portal .adin-notes > span {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 7px;
    display: flex;
    width: 100%;
}

.tws-client-portal .adin-notes > p:nth-of-type(1) {
    font-weight: 600;
    font-style: italic;
    color: black;
}

.tws-client-portal .adin-notes > p {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.tws-client-portal .adin-notes > p:last-of-type {
    margin-bottom: 0;
}

.page-template-template-admin-feed .tabcontent .tws-chasing-clients {
    display: flex;
    width: 100%;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    padding-bottom: 20px;
    padding-top: 10px;
}

.page-template-template-admin-feed .tabcontent .tws-chasing-clients .in-chas-box {
    margin-right: 20px;
    padding: 13px 30px;
    border: solid 2px black;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form {
    width: 100%;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form {
    width: 100%;
}

.tws-amount-total.add-client, .tws-amount-total.edit-client {
    position: absolute;
    top: 0;
    align-items: flex-start;
    height: 3000vh;
}

.tws-amount-total.add-client .tws-total-amount, .tws-amount-total.edit-client .tws-total-amount {
    width: 1100px;
    margin-top: 100px;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-tab-group {
    padding: 0;
    border: none;
    background: white;
    border-bottom: solid 1px black;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-tab-group > li > a {
    border: solid 1px black;
    border-bottom: 0;
    background: white;
    padding: 11px 21px;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-tab-group > li.active > a {
    background: black;
    color: white;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-field {
    padding: 20px 0;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-field label {
    font-size: 20px;
    font-weight: 600;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-field label > span {
    width: auto;
    display: none;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-field .acf-input-wrap input {
    box-shadow: none;
    padding: 10px;
    background: white;
    border: solid 1px black;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-checkbox-list input {
    padding: 10px;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-checkbox-list input[type="checkbox"] {
    position: relative;
    cursor: pointer;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-checkbox-list input[type="checkbox"]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 2px solid #000000;
    border-radius: 0;
    background-color: white;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-checkbox-list input[type="checkbox"]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-repeater .button {
    background: white;
    border: solid 2px black;
    color: black;
    padding: 12px 30px;
    font-weight: 600;
}

.tws-total-amount .fig-box .inside-rev-box.acf-new-form form .acf-repeater .button:hover {
    background: black;
    color: white;
}

.tws-total-amount .fig-box .acf-repeater .acf-row-handle.order {
    background: black;
    color: white;
}

.tws-total-amount .fig-box .acf-repeater .acf-row .acf-fields {
    padding: 10px 40px !important;
    border: solid 2px black;
}

.tws-total-amount .fig-box .acf-repeater .acf-row-handle.remove {
    background: black;
    border-color: black;
}

.tws-total-amount .fig-box .acf-spinner {
    display: none;
}

.tws-total-amount .fig-box .af-submit {
    border-top: solid 2px black;
    padding: 20px 0;
}

.tws-total-amount .fig-box .acf-button.af-submit-button {
    font-weight: 600;
    font-size: 15px;
    background: white;
    cursor: pointer;
    width: 100%;
    color: black;
    border: solid 2px black;
    padding: 15px 30px;
}

.tws-total-amount .fig-box .acf-button.af-submit-button:hover {
    background: black;
    color: white;
}

.page-template-template-admin-feed .wp-uploader-browser, .page-template-template-admin-feed #__wp-uploader-id-11, .page-template-template-admin-feed .supports-drag-drop {
    z-index: 9999999999999;
}

.page-template-template-admin-feed .select-client {
    display: flex;
    width: 100%;
    margin-bottom: 19px;
}

.page-template-template-admin-feed .tws-drop-select.custom-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}

.page-template-template-admin-feed .tws-drop-select.custom-select .sel-cli-opt {
    font-weight: 600;
    font-size: 18px;
}

.tabcontent .comp-ti-edit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabcontent .comp-ti-edit .get_link > a {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    display: inline-table;
}

.tabcontent .comp-ti-edit .get_link.tws-support-get-link {
    position: absolute;
    right: 0;
    top: 24px;
}

.tabcontent .comp-ti-edit .get_link > a:hover {
    background: #ffffff;
    color: #010213;
    border: solid 1px #000000;
}

.client_portal-template-default .calendly-badge-widget {
    display: none;
}

.client_portal-template-default.logged-in .calendly-badge-widget {
    display: block;
}

.tws-contact-book {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    align-items: stretch;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
}

.tws-contact-book > .address-box {
    margin-bottom: 2%;
    display: none;
    background: white;
    position: relative;
    width: 49%;
    border-radius: 9px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    padding: 30px;
}

.tws-contact-book > .address-box .split-t-id {
    display: flex;
    justify-content: space-between;
}

.tws-contact-book > .address-box > .details {
    width: 100%;
    display: flex;
    margin-top: 19px;
    font-weight: 600;
}

.tws-contact-book .income-feed {
    margin-top: 31px;
    border-top: solid black 2px;
    padding: 30px 0;
    padding-bottom: 0;
}

.tws-contact-book .income-feed .feed-box {
    display: flex;
    flex-wrap: wrap;
}

.tws-contact-book .income-feed .feed-box .in-chas-box {
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
}

.tws-contact-book .income-feed .feed-box .in-chas-box:last-of-type {
    margin-bottom: 0;
}

.tws-client-portal.toggle-website .row.page-container#id1 .main-contact-form > .tab > .Website.invoiced {
    background: #010213;
    color: white;
    border-color: #010213;
    display: none;
}

.tws-client-portal.toggle-website .row.page-container#id1 .main-contact-form > .tab > .Website.admin.invoiced {
    display: block;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post {
    background: #010213;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .post_title h4, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .post_title span, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post > p, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post li, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .section-pad > a, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .section-pad > a > i {
    color: #f5f8f9 !important;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) {
    width: 220px !important;
    display: flex;
    overflow: scroll;
    height: 100vh;
    background: #000000;
    align-items: flex-start;
    left: 0;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) > .section {
    margin: 0;
    overflow: scroll;
    align-items: self-start;
    position: relative;
    align-content: flex-start;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent {
    width: calc(100% - 220px) !important;
    /* border-top: solid 1px black!important; */
    padding: 0 65px;
    align-items: flex-start;
    height: 100vh;
    overflow: scroll;
    margin: 0;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option {
    width: 100%;
    margin: 0;
    position: relative;
    border: solid 1px #ffffff;
    align-items: center;
    box-shadow: unset;
    border-radius: 15px;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    padding: 19px;
    text-align: left;
    flex-wrap: unset;
    font-size: 0;
    margin-bottom: 0;
    border: none;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.active, .page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option:hover {
    border: none;
    border-radius: 15px;
}

.page-template-template-admin-feed .h-nav {
    display: none;
}

.page-template-template-admin-feed .h-logo {
    position: absolute;
    left: 0;
    top: 0;
}

.page-template-template-admin-feed header {
    display: none;
}

.page-template-template-admin-feed header .h-bar {
    height: 0;
    width: 0;
}

.page-template-template-admin-feed .tws-client-portal.tws-admin-feed-page {
    margin-top: 0;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    align-items: flex-start;
    position: relative;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option:hover {
    border-left: solid 3px #ffffff;
    color: #ffffff;
    border-radius: 0;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option:hover:before, .page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.active:before {
    /* content: ''; */
    position: absolute;
    left: inherit;
    height: 100%;
    border-radius: 10px;
    width: 8px;
    /* background: black; */
    top: 0;
    left: 0;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option:hover > i {
    color: #ffffff;
}

.page-template-template-admin-feed footer {
    display: none;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section.admin-staff-feed .tabcontent {
    display: flex !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form.Aaron > .mc-bis-con-area.staff-post-box, .tws-client-portal .row.page-container > .section .main-contact-form.Dan > .mc-bis-con-area.staff-post-box {
    display: none;
}

.tws-client-portal .row.page-container > .section .main-contact-form.Aaron > .mc-bis-con-area.staff-post-box.Aaron, .tws-client-portal .row.page-container > .section .main-contact-form.Dan > .mc-bis-con-area.staff-post-box.Dan {
    display: block;
}

.tws_acf_done {
}

.tws_acf_done > form .acf-fields {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    background: unset;
}

.tws_acf_done > form .acf-fields > .acf-field {
    padding: 0;
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    align-items: center;
    min-height: unset !important;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-label label {
    font-size: 21px;
    margin-bottom: 10px;
    display: none;
}

.tws_acf_done > form .acf-fields .acf-switch {
    border-color: black;
    background: black;
    border-radius: 0;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-label p {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
}

.tws_acf_done > form .acf-fields .acf-switch.-on {
    background: white;
    color: black;
    border-color: black;
    border-radius: 0;
}

.tws_acf_done > form .acf-fields .acf-switch .acf-switch-on {
    text-shadow: none;
    color: black;
    font-weight: 600;
}

.tws_acf_done > form .acf-fields .acf-switch .acf-switch-off {
    text-shadow: none;
    color: white;
    font-weight: 600;
}

.tws_acf_done > form .acf-form-submit > .button {
    margin-top: 10px;
}

.tws_acf_done > #message {
    display: none;
}

.tws_acf_done > form .acf-fields > .acf-field.acf-field-repeater > .acf-label {
    display: none;
}

.tws_acf_done > form .acf-fields > .acf-field.acf-field-repeater > .acf-input {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}

.tws_acf_done > form tbody {
    border: none;
    background: unset;
}

.tws_acf_done > form .acf-table {
    border: unset !important;
    background: unset;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-input {
    width: 100%;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-input input {
    width: 100%;
    border: none;
    background: none;
    font-size: 25px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e4f7aa20 {
    width: calc(100% - 300px) !important;
}

.tws_acf_done > form .acf-fields .acf-field-61201e0e7aa1f input {
    font-size: 23px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e6a7aa21 {
    order: 4;
    width: 268px !important;
    background: white;
    display: flex;
    padding: 18px 19px;
    justify-content: flex-end;
    border: none !important;
    position: absolute;
    right: 0;
    top: 76px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e0e7aa1f {
    width: 268px !important;
    background: white;
    display: flex;
    padding: 19px;
    justify-content: flex-end;
    border: none !important;
    align-items: center;
    align-content: center;
    position: absolute;
    flex-wrap: wrap;
    right: 0;
    top: 0;
}

.tws_acf_done > form .acf-fields .acf-field-61201e0e7aa1f .acf-input {
    text-align: right;
    position: absolute;
    top: 16px;
}

.tws_acf_done > form .acf-fields .acf-field-611cf9e8c35f6 {
    width: 100% !important;
    border: none;
}

.tws_acf_done > form .acf-fields > .acf-field.acf-field-61201e897aa22 {
    border: none;
    margin: 20px 0;
    /* border-top: solid 1px black; */
    /* padding-top: 20px; */
    margin-bottom: 0;
    background: unset;
    align-items: start;
    margin-top: 6px;
    width: calc(100% - 300px) !important;
}

.tws_acf_done .acf-field-61201e897aa22 textarea {
    border: none;
    line-height: 1.7rem;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    background: unset;
    height: 100%;
    min-height: 287px;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.order {
    background: black;
    position: absolute;
    top: -20px;
    left: -20px;
    border-radius: 50%;
    width: 40px;
    display: none;
    height: 40px;
}

.tws_acf_done > form .acf-repeater .acf-row > .acf-fields .ui-sortable > .acf-row {
    border: solid 2px black;
    display: flex;
    flex-wrap: wrap;
    padding: 21px;
    margin-bottom: 40px;
    position: relative;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.order span {
    color: white;
    text-shadow: unset;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.order + td {
    border: none;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.remove {
    position: absolute;
    top: 330px;
    right: 20px;
    border-radius: 0;
    background: none;
    border: none;
    font-size: 0;
    background: white;
    padding: 0;
    display: none;
    width: 268px;
    height: 64px;
}

.tws-admin-hide-acf .tws_acf_done > form .acf-repeater .acf-row-handle.remove {
    display: block;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.remove > .-plus {
    display: none !important;
}

.tws_acf_done > form .acf-repeater .acf-row-handle .acf-icon:before {
    display: block !important;
    width: 230px;
    height: 64px;
    background: white;
    border-radius: 0;
    color: black;
    line-height: 64px;
    font-size: 15px;
    position: absolute;
    top: -9px;
}

.tws_acf_done > form .acf-icon.-minus.small.acf-js-tooltip {
    margin: 0;
    border: none;
    height: 0;
    background: white;
    width: 0;
    font-size: 0;
    margin-top: -23px;
    position: absolute;
    left: 0px;
}

.tws_acf_done > form .acf-repeater .acf-row-handle .acf-icon:before {
    content: "Approve";
    font-family: "Inter", sans-serif;
    font-weight: 600;
    padding: 0 19px;
    text-align: left;
    font-size: 14px;
}

.tws_acf_done > form .acf-repeater .acf-row-handle.remove:before {
    content: "Approve";
    display: block;
    font-size: 20px;
    width: 100%;
    line-height: 64px;
    font-weight: 600;
    font-size: 14px;
    color: black;
    text-align: left;
    padding: 0 19px;
}

.tws_acf_done > form .acf-fields > .acf-field .button {
    margin-top: 0;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-actions {
    position: absolute;
    bottom: -64px;
    right: 0;
}

.tws_acf_done > form .acf-fields > .acf-field .acf-actions {
    display: none;
}

.tws-admin-hide-acf .tws_acf_done > form .acf-fields > .acf-field .acf-actions {
    display: block;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.review-admin-check {
    background: #ffffff;
    border: dashed 3px black;
}

.review-admin-check .tws_acf_done > form .acf-repeater .acf-row-handle.remove {
    display: block;
    bottom: -65px;
    border-radius: 0;
    top: unset;
    right: 0px;
    background: #000000 !important;
}

.review-admin-check .tws_acf_done > form .acf-repeater .acf-row-handle .acf-icon:before {
    display: block !important;
    width: 40px;
    height: 38px;
    background: #000000;
    border-radius: 0%;
    color: white;
    line-height: 37px;
    font-size: 27px;
    position: absolute;
    top: 0;
}

.review-admin-check .tws_acf_done > form .acf-repeater .acf-row-handle.remove:hover .acf-icon:before {
    background: #ffffff;
    color: #000000;
    border: solid 1px black;
    border-top: unset;
}

.tws_acf_done.job-hide-content {
    display: none;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title > .job-hide {
    font-size: 30px;
    cursor: pointer;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title > .job-hide:hover {
    color: #010213;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title > .job-hide > .fa-minus {
    display: none;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.toggle-show-job .job-hide .fa-minus {
    display: block;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.toggle-show-job .job-hide .fa-plus {
    display: none;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.toggle-show-job .tws_acf_done.job-hide-content {
    display: block;
}

.tws-job-date {
    display: flex;
    justify-content: space-between;
}

.tws-job-date p {
    color: black;
    font-weight: 600;
    margin-bottom: 0;
}

.tws-job-date p span {
    color: #010213;
    font-style: italic;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.toggle-show-job .tws-job-date {
    /* display: none; */
    border-bottom: solid 1px black;
    margin-bottom: 20px;
    padding-bottom: 24px;
}

.tws_acf_done > form .acf-fields > .acf-field.acf-field-61201e977aa23 {
    /* display: none; */
}

.tws-job-date p.overdue span {
    color: #b50000;
}

.tws_acf_done > form tbody > .acf-row {
    background: #f7f8f9;
    display: flex;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 413px;
    position: relative;
}

.tws_acf_done > form .acf-fields .acf-field-61201e0e7aa1f .acf-label {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
}

.tws_acf_done > form .acf-fields .acf-field-61201e0e7aa1f .acf-label label {
    display: flex;
    width: 100%;
    font-size: 14px;
    margin: 5px 0px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e6a7aa21 .acf-label {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
}

.tws_acf_done > form .acf-fields .acf-field-61201e6a7aa21 .acf-label label {
    display: flex;
    width: 100%;
    margin: 0;
    font-size: 14px;
    margin: 5px 0px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e977aa23 {
    order: 4;
    width: 268px !important;
    background: white;
    display: flex;
    padding: 22px 19px;
    justify-content: flex-end;
    border: none !important;
    position: absolute;
    right: 0;
    top: 154px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e977aa23 .acf-label {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
}

.tws_acf_done > form .acf-fields .acf-field-61201e977aa23 .acf-label label {
    display: flex;
    width: 100%;
    margin: 0;
    font-size: 14px;
}

.tws_acf_done > form .acf-fields .acf-field-61201e977aa23 .acf-input input {
    font-size: 14px;
    font-style: italic;
    padding: 0;
    text-align: right;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.toggle-show-job > .post_title {
    padding-bottom: 20px;
    border-bottom: solid 1px black;
    align-items: center;
    margin-bottom: 25px;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-check {
    border: solid 2px #00c52b;
}

.tws-admin-hide-acf .tws_acf_done > form .acf-repeater .acf-row-handle.remove:hover {
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue {
    background: #960606;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue .post_title h4, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue .post_title h4 a, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue .job-hide {
    color: white !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue.toggle-show-job {
    background: #ffffff;
    border: solid 2px #960606;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue.toggle-show-job .post_title h4, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue.toggle-show-job .post_title h4 a, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue.toggle-show-job .job-hide {
    color: #000000 !important;
}

.tws_acf_done > form .acf-fields .acf-field-6122165c47815 {
    order: 4;
    width: 268px !important;
    background: white;
    display: flex;
    padding: 22px 19px;
    justify-content: flex-end;
    border: none !important;
    position: absolute;
    right: 0;
    top: 228px;
}

.tws_acf_done > form .acf-fields .acf-field-6122165c47815 .acf-label {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
}

.tws_acf_done > form .acf-fields .acf-field-6122165c47815 .acf-label label {
    display: flex;
    width: 100%;
    margin: 0;
    font-size: 14px;
    margin: 5px 0px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option {
    display: flex;
    background: none;
    font-size: 16%;
    border: solid 2px black;
    flex: 1;
    justify-content: center;
    margin: 0 5px;
    padding: 24px 15px;
    flex-wrap: wrap;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option i {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 25px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option span {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option.active {
    background: black;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option:hover {
    background: black;
    cursor: pointer;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option.active i, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option.active span, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option:hover i, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section .admin-tabs-stage > .tab-option:hover span {
    color: white;
}

.tws-client-portal .row.page-container > .section .main-contact-form.tws-new-stage-hide {
    display: none;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-all .main-contact-form.tws-new-stage-hide {
    display: block !important;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-design .main-contact-form.tws-new-stage-hide.active-design {
    display: block;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-development .main-contact-form.tws-new-stage-hide.active-development {
    display: block;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-content .main-contact-form.tws-new-stage-hide.active-content {
    display: block;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-seo .main-contact-form.tws-new-stage-hide.active-one-off-seo {
    display: block;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-live .main-contact-form.tws-new-stage-hide.active-going-live {
    display: block;
}

.tws-client-portal .mc-bus-contact.toggle-top-stage-invoice .main-contact-form.tws-new-stage-hide.active-going-invoice {
    display: block;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.staff-post-box {
    position: relative;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.staff-post-box .admin-time-left {
    display: flex;
    position: absolute;
    right: 81px;
    font-weight: 600;
    font-size: 14px;
    top: 40px;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue .admin-time-left {
    color: white;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.active-overdue.toggle-show-job .admin-time-left {
    color: black;
}

.tws-address-letters {
    width: 100%;
    display: flex;
    margin-top: 30px;
    overflow: scroll;
}

.tws-address-letters > .show {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    border: solid 1px black;
    margin: 0 2px;
}

.tws-address-letters > .show:hover, .tws-address-letters > .show.active {
    background: #000000;
    color: white;
}

.toggle-address-all .tws-address-letters > .show.all {
    display: block;
    background: black;
    color: white;
}

.toggle-address-a .tws-address-letters > .show.a {
    display: block;
    background: black;
    color: white;
}

.toggle-address-b .tws-address-letters > .show.b {
    display: block;
    background: black;
    color: white;
}

.toggle-address-c .tws-address-letters > .show.c {
    display: block;
    background: black;
    color: white;
}

.toggle-address-d .tws-address-letters > .show.d {
    display: block;
    background: black;
    color: white;
}

.toggle-address-e .tws-address-letters > .show.e {
    display: block;
    background: black;
    color: white;
}

.toggle-address-f .tws-address-letters > .show.f {
    display: block;
    background: black;
    color: white;
}

.toggle-address-g .tws-address-letters > .show.g {
    display: block;
    background: black;
    color: white;
}

.toggle-address-h .tws-address-letters > .show.h {
    display: block;
    background: black;
    color: white;
}

.toggle-address-i .tws-address-letters > .show.i {
    display: block;
    background: black;
    color: white;
}

.toggle-address-j .tws-address-letters > .show.j {
    display: block;
    background: black;
    color: white;
}

.toggle-address-k .tws-address-letters > .show.k {
    display: block;
    background: black;
    color: white;
}

.toggle-address-l .tws-address-letters > .show.l {
    display: block;
    background: black;
    color: white;
}

.toggle-address-m .tws-address-letters > .show.m {
    display: block;
    background: black;
    color: white;
}

.toggle-address-n .tws-address-letters > .show.n {
    display: block;
    background: black;
    color: white;
}

.toggle-address-o .tws-address-letters > .show.o {
    display: block;
    background: black;
    color: white;
}

.toggle-address-p .tws-address-letters > .show.p {
    display: block;
    background: black;
    color: white;
}

.toggle-address-q .tws-address-letters > .show.q {
    display: block;
    background: black;
    color: white;
}

.toggle-address-r .tws-address-letters > .show.r {
    display: block;
    background: black;
    color: white;
}

.toggle-address-s .tws-address-letters > .show.s {
    display: block;
    background: black;
    color: white;
}

.toggle-address-t .tws-address-letters > .show.t {
    display: block;
    background: black;
    color: white;
}

.toggle-address-u .tws-address-letters > .show.u {
    display: block;
    background: black;
    color: white;
}

.toggle-address-v .tws-address-letters > .show.v {
    display: block;
    background: black;
    color: white;
}

.toggle-address-w .tws-address-letters > .show.w {
    display: block;
    background: black;
    color: white;
}

.toggle-address-x .tws-address-letters > .show.x {
    display: block;
    background: black;
    color: white;
}

.toggle-address-y .tws-address-letters > .show.y {
    display: block;
    background: black;
    color: white;
}

.toggle-address-z .tws-address-letters > .show.z {
    display: block;
    background: black;
    color: white;
}

.toggle-address-all > .section .address-box {
    display: flex;
    /* align-items: center; */
}

.toggle-address-a > .section .address-box.a {
    display: block;
}

.toggle-address-b > .section .address-box.b {
    display: block;
}

.toggle-address-c > .section .address-box.c {
    display: block;
}

.toggle-address-d > .section .address-box.d {
    display: block;
}

.toggle-address-e > .section .address-box.e {
    display: block;
}

.toggle-address-f > .section .address-box.f {
    display: block;
}

.toggle-address-g > .section .address-box.g {
    display: block;
}

.toggle-address-h > .section .address-box.h {
    display: block;
}

.toggle-address-i > .section .address-box.i {
    display: block;
}

.toggle-address-j > .section .address-box.j {
    display: block;
}

.toggle-address-k > .section .address-box.k {
    display: block;
}

.toggle-address-l > .section .address-box.l {
    display: block;
}

.toggle-address-m > .section .address-box.m {
    display: block;
}

.toggle-address-n > .section .address-box.n {
    display: block;
}

.toggle-address-o > .section .address-box.o {
    display: block;
}

.toggle-address-p > .section .address-box.p {
    display: block;
}

.toggle-address-q > .section .address-box.q {
    display: block;
}

.toggle-address-r > .section .address-box.r {
    display: block;
}

.toggle-address-s > .section .address-box.s {
    display: block;
}

.toggle-address-t > .section .address-box.t {
    display: block;
}

.toggle-address-u > .section .address-box.u {
    display: block;
}

.toggle-address-v > .section .address-box.v {
    display: block;
}

.toggle-address-w > .section .address-box.w {
    display: block;
}

.toggle-address-x > .section .address-box.x {
    display: block;
}

.toggle-address-y > .section .address-box.y {
    display: block;
}

.toggle-address-z > .section .address-box.z {
    display: block;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent#id7 {
    align-content: flex-start;
}

.page-template-template-admin-feed .calendly-badge-widget {
    display: none;
}

.single-client_portal .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title {
    margin-bottom: 15px;
}

.tws-iframe-uptime iframe {
    width: 100%;
    height: 86vh;
    border: navajowhite;
}

.tws-contact-book > .address-box > .new-addr-box {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.tws-contact-book > .address-box > .new-addr-box > .side {
    /* flex: 1; */
    /* flex: 60%; */
    /* max-width: 60%; */
    width: 100%;
    =: solid 1px #f7f8f9; }

.tws-contact-book > .address-box > .new-addr-box > .side.left {
    /* border-right: solid 2px black; */
    /* flex: 30%; */
    /* max-width: 30%; */
}

.tws-contact-book > .address-box > .new-addr-box > .side.left > .bus-choice {
    margin-bottom: 30px;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left > .bus-choice > img {
    height: 17px;
    width: auto;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left > a {
    display: flex;
    position: relative;
    padding-bottom: 43px;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left > a img {
    height: 32px;
    object-fit: contain;
    width: auto;
}

.tws-contact-book > .address-box > .new-addr-box > .side h4 {
    font-size: 20px !important;
    color: black;
    margin-bottom: 10px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .details {
    font-size: 14px;
    /* color: #919191; */
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico {
    display: flex;
    margin-top: 14px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico > a {
    color: #000000;
    font-size: 18px;
    margin-right: 15px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico > a:hover {
    color: #000000;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets {
    flex-wrap: wrap;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > a, .tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > div {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > a > i, .tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > div > i {
    margin-right: 11px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    overflow: unset;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tab {
    width: 250px;
    position: absolute;
    height: 93vh;
    overflow: scroll;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tab::-webkit-scrollbar {
    display: none;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent {
    width: calc(100% - 250px);
    padding-left: 50px;
    margin-left: 250px;
    /* background: #ffffff; */
    /* padding: 3rem; */
    /* border-radius: 10px; */
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tab button {
    width: 100%;
    border: none;
    background: white;
    padding: 27px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tab button > span {
    display: block;
    font-size: 10px;
    margin-top: 10px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area {
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    position: relative;
}

.tws-new-admin-dash {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.single-client_portal .tws-new-admin-dash .tws-figures-targets {
    padding-top: 2rem;
    padding-bottom: 0;
}

#id8 > .tws-new-admin-dash > .side {
    width: 75%;
}

#id8 > .tws-new-admin-dash > .side .dash-box {
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    padding: 30px;
    background: white;
}

#id8 > .tws-new-admin-dash > .side .dash-box > h4 {
    font-size: 21px;
    margin-bottom: 10px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > span {
    color: #909090;
    font-weight: 400;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e7e7e7;
    display: flex;
    flex-wrap: wrap;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side {
    width: calc(100% - 60px);
    padding-left: 32px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side:nth-of-type(1) {
    width: 60px;
    height: 60px;
    padding: 0;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side img {
    border-radius: 9px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side > h5 {
    font-size: 20px !important;
    color: black;
    margin-bottom: 10px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side > span {
    font-size: 12px;
    color: #919191;
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side p {
    color: #2c2c2c;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update .side p:last-of-type {
    margin-bottom: 0px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update > .update-files {
    margin-top: 24px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update > .update-files > a {
    margin-right: 20px;
    padding: 15px 30px;
    border: solid 1px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #ffffff;
    border-radius: 9px;
    display: inline-block;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update > .update-files > a > i {
    margin-right: 7px;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update > .update-files > a:last-of-type {
    margin-right: 0;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update > .update-files > a:hover {
    background: #010213;
    color: white;
}

#id8 > .tws-new-admin-dash > .side .dash-box > .tws-update .post-inner-update:last-of-type {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#id8 > .tws-new-admin-dash > .side.left {
    height: auto;
    width: 49%;
    overflow: scroll;
}

#id8 > .tws-new-admin-dash > .side.right {
    width: 49%;
    overflow: scroll;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .address-box {
    display: none;
    width: 100%;
    margin-bottom: 5%;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .address-box.Hosting {
    display: none;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .address-box.SEO, #id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .address-box.Website {
    display: flex !important;
}

#id8 > .tws-new-admin-dash > .side.right::-webkit-scrollbar, #id8 > .tws-new-admin-dash > .side.left::-webkit-scrollbar {
    display: none;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .top-box {
    margin-bottom: 5%;
    background: white;
    width: 100%;
    border-radius: 9px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    padding: 30px;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .top-box h4 {
    font-size: 21px;
    margin-bottom: 10px;
}

#id8 > .tws-new-admin-dash > .side.right .tws-contact-book > .top-box span {
    color: #909090;
    font-weight: 400;
}

.tws-seo-jobs-admin {
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    background: #010213;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    padding: 30px;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.tws-seo-jobs-admin > .seo-job-post, .single-client_portal .seo-job-post {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    color: white;
    justify-content: space-between;
    position: relative;
    padding-left: 25px;
    flex-wrap: wrap;
}

.tws-seo-jobs-admin > .seo-job-post:before, .single-client_portal .seo-job-post:before {
    content: "";
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    top: 6px;
    position: absolute;
    left: 0;
}

.tws-seo-jobs-admin > .seo-job-post span {
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.tws-seo-jobs-admin > .seo-job-post:last-of-type, .single-client_portal .seo-job-post:last-of-type {
    margin-bottom: 0;
}

.tws-seo-jobs-admin .post_title h4 {
    font-size: 21px;
    color: #ffffff;
}

.tws-seo-jobs-admin > .seo-job-post .job-seo-text, .single-client_portal .seo-job-post .job-seo-text {
    width: calc(100% + 25px);
    margin-top: 17px;
    border: solid 1px white;
    padding: 20px;
    border-radius: 9px;
    margin-left: -25px;
    display: none;
}

.tws-seo-jobs-admin > .seo-job-post.toggle-seo-job-more .job-seo-text, .single-client_portal .seo-job-post.toggle-seo-job-more .job-seo-text {
    display: block;
}

.tws-seo-jobs-admin > .seo-job-post .job-seo-text p, .single-client_portal .seo-job-post .job-seo-text p {
    color: white;
    font-size: 13px;
    line-height: 1.3rem;
    font-weight: 500;
}

.tws-seo-jobs-admin > .seo-job-post h6, .single-client_portal .seo-job-post h6 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.tws-contact-book > .address-box .show-add-fee {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    color: white;
    background: black;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.tws-contact-book > .address-box .admin-adds-fees {
    position: absolute;
    background: #000000;
    left: 0;
    bottom: 0px;
    border-radius: 9px;
    z-index: 9;
    padding: 23px;
    display: none;
    width: 100%;
}

.tws-contact-book > .address-box .admin-adds-fees h6 {
    color: white;
    margin-bottom: 10px;
    font-size: 12px;
}

.tws-contact-book > .address-box .admin-adds-fees h6:last-of-type {
    margin-bottom: 0;
}

.tws-contact-book > .address-box.toggle-add-fee > .new-addr-box > .admin-adds-fees {
    display: block;
}

.tws-feed-tab {
}

.single-client_portal .tws-feed-tab {
}

.single-client_portal .tws-feed-tab.hide_tabs {
    /* display: none; */
}

.page-template-template-admin-feed .tws-feed-tab {
    overflow-x: scroll;
    white-space: nowrap;
}

.page-template-template-admin-feed .tws-feed-tab::-webkit-scrollbar, .single-client_portal .tws-feed-tab::-webkit-scrollbar {
    display: none;
}

/* Style the buttons inside the tab */
.tws-feed-tab button, .logged-in .tws-feed-tab a, .logged-in #project-filter {
    outline: none;
    transition: 0.3s;
    font-size: 18px;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    flex-direction: column;
    width: 100%;
    margin: 0;
    position: relative;
    border: solid 1px #ffffff;
    align-items: center;
    box-shadow: unset;
    border-radius: 15px;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    padding: 19px;
    text-align: left;
    flex-wrap: unset;
    margin-bottom: 7px;
}

.logged-in #project-filter {
    position: absolute;
    right: 66px;
    width: auto;
}

.logged-in #project-filter {
    border: solid 1px #000000;
    position: unset;
    padding: 15px 30px;
    border: solid 1px #000000;
    color: #000000;
    cursor: pointer;
    background: unset;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    display: inline-table;
}

.logged-in .tws-feed-tab #manager-filter {
    border-radius: 50px;
    position: absolute;
    right: 0;
    padding: 13px 40px !important;
    cursor: pointer;
    margin-right: 5px;
    margin: 0;
    border-bottom: none;
    font-size: 16px;
    line-height: unset;
    border: solid 2px #ffffff;
}

/* Change background color of buttons on hover */
.tws-feed-tab button:hover, .logged-in #project-filter:hover {
    background-color: #010213;
    color: white;
}

/* Create an active/current tablink class */
.tws-feed-tab button.active {
    border: solid 1px #010213;
    border-radius: 15px;
}

.logged-in .tws-feed-tab #manager-filter:hover {
    background: #f7f8f9;
}

.page-template-template-admin-feed .tws-feed-tab button {
    margin-right: 20px;
}

.page-id-10265.page-template-template-admin-feed .tws-feed-tab button {
    padding: 19px 40px;
    width: auto;
}

/* Style the tab content */
.tws-feed-tab .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.fee-cost-post {
    display: flex;
    margin-top: 20px;
    width: 100%;
    padding-left: 25px;
    position: relative;
    justify-content: space-between;
}

.fee-cost-post.tws-conversion-metrics {
    padding-left: 0;
}

.fee-cost-post h6 {
    font-size: 16px;
    color: black;
}

.fee-cost-post p {
    font-size: 16px;
    color: black;
    font-weight: 600;
}

.single-client_portal .fee-cost-post:before, .page-template-template-admin-feed .fee-cost-post:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #010213;
    border-radius: 50%;
    top: 6px;
    position: absolute;
    left: 0;
}

.single-client_portal .fee-cost-post.tws-conversion-metrics:before, .page-template-template-admin-feed .fee-cost-post.tws-conversion-metrics:before {
    display: none;
}

.fee-cost-post.last-total {
    border-top: solid 2px #010213;
    padding-top: 20px;
}

.fee-cost-post.last-total:before {
    top: 26px;
}

.tab-add-cus-admin {
    left: 20px;
    position: absolute;
    bottom: 20px;
    color: white;
    background: white;
    width: 265px;
    padding: 23px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    background-color: #010213 !important;
    transition: 0.3s;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    border: solid 2px #010213;
}

.tab-add-cus-admin > i {
    margin-right: 9px;
    font-size: 18px;
}

.tab-add-cus-admin:hover {
    border: solid 2px #010213;
    background-color: white !important;
    color: #010213;
}

.page-template-template-admin-feed .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 150px;
    /* Location of the box */
    left: 0;
    padding-bottom: 150px;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    /* Fallback color */
    background-color: rgb(0 0 0 / 72%);
    /* Black w/ opacity */
}

/* Modal Content */
.page-template-template-admin-feed .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 900px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

/* The Close Button */
.page-template-template-admin-feed .close {
    color: black;
    float: right;
    font-size: 55px;
    position: absolute;
    font-weight: bold;
    right: 20px;
    top: 0px;
}

.page-template-template-admin-feed .close:hover, .page-template-template-admin-feed .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.page-template-template-admin-feed .modal-header {
    padding: 40px;
    color: #000;
    position: relative;
}

.page-template-template-admin-feed .modal-header h2 {
    font-size: 44px;
    letter-spacing: -2px;
    line-height: 1.1;
}

.page-template-template-admin-feed .modal-body {
    padding: 0 40px 40px 40px;
    display: flex;
    background: #fefefe;
}

.page-template-template-admin-feed .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.page-template-template-admin-feed .modal-body .main-contact-form {
    margin-top: 0;
}

.page-template-template-admin-feed .modal-body .mc-bis-con-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-template-template-admin-feed .modal-body .mc-bis-con-area > .half {
    padding: 0;
    width: 48%;
}

.page-template-template-admin-feed .modal-body .mc-bis-con-area > .full {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

.page-template-template-admin-feed .modal-body .mc-bis-con-area > .half select, .page-template-template-admin-feed .modal-body .mc-bis-con-area > .full select {
    border: solid 1px #000;
    float: left;
    width: 100%;
    margin-top: 6px;
    height: 40px;
}

.page-template-template-admin-feed .modal-body .mc-bis-con-area > .half select, .page-template-template-admin-feed .modal-body .mc-bis-con-area > .full select, .page-template-template-admin-feed .modal-body .mc-bis-con-area > .half input, .page-template-template-admin-feed .modal-body .mc-bis-con-area > .full textarea {
    padding: 10px;
    border-radius: 9px;
    font-family: "Inter", sans-serif;
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
}

.page-template-template-admin-feed .modal-body .main-contact-form .Send > input {
    border: solid 1px #010213;
    outline: none;
    cursor: pointer;
    padding: 15px 30px;
    transition: 0.3s;
    margin-bottom: 5px;
    font-size: 18px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 9%);
    background: #010213;
    border-radius: 9px;
    margin-right: 20px;
    color: white;
}

.page-template-template-admin-feed .modal-body .main-contact-form .Send > input:hover {
    border: solid 1px #010213;
    background: none;
    color: black;
}

.page-template-template-admin-feed .modal-body .main-contact-form .send-text {
    text-align: center;
    font-style: italic;
    font-weight: 600;
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area {
    margin-bottom: 11px;
    padding: 0 !important;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area:nth-of-type(1) {
    padding: 30px !important;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area a.tws-cus-invoice-main {
    padding: 30px;
    display: block;
    cursor: pointer;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area a.tws-cus-invoice-main:hover {
    background-color: #010213;
    border-radius: 9px;
    transition: 0.4s;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option {
    color: black;
    font-weight: 600;
    width: 20%;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area a.tws-cus-invoice-main:hover .tws-invoice-split .tws-inv-option {
    color: white !important;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option:nth-of-type(1) {
    width: 14%;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option:nth-of-type(2), .tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option:nth-of-type(3) {
    width: 20%;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option:nth-of-type(4) {
    width: 13%;
}

.tws-client-portal .tws-display-invoices > .mc-bis-con-area .tws-invoice-split .tws-inv-option:nth-of-type(5) {
    width: 13%;
}

.page-template-tws-landing-page .tws-new-land-ban-back {
    background: #010213;
    display: flex;
    width: 100%;
    justify-content: center;
}

.page-template-tws-landing-page .new-banner .banner-container .banner-content h1, .page-template-tws-landing-page .new-banner .banner-container .banner-content p, .page-template-tws-landing-page header .h-bar .h-nav nav > ul > li a, .page-template-tws-landing-page header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a, .page-template-tws-landing-page .tws-new-top-banner > .ban-side.ban-title > .header-content > h1, .page-template-tws-landing-page .tws-new-top-banner > .ban-side.ban-title > .header-content > .head-content {
    color: white !important;
}

.page-template-tws-landing-page header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a {
    border-color: white;
}

.page-template-tws-landing-page header {
    background: #010213;
}

.page-template-tws-landing-page .tws-new-home {
    margin-top: 120px;
}

.page-template-tws-landing-page header .h-bar .h-logo a img {
    filter: brightness(0) invert(1);
}

.page-template-tws-landing-page .tws-new-top-banner {
    padding-bottom: 276px;
}

.tws-client-feed-reply-button {
    margin-top: 20px;
}

.page-template-tws-landing-page .tws-land-button, .page-id-5695 .tws-land-button, .tws-client-feed-reply-button .button, .new-banner .banner-container .banner-content a.tws-feb-button {
    background: #010213;
    border-color: #010213;
    border-radius: 50px;
    color: #ffffff;
    margin-top: 0;
    border: solid 2px white;
}

.new-banner .banner-container .banner-content a.tws-feb-button {
    margin-top: 36px;
}

.page-template-tws-landing-page .tws-land-button:hover, .page-id-5695 .tws-land-button:hover, .tws-client-feed-reply-button .button:hover, .new-banner .banner-container .banner-content a.tws-feb-button:hover {
    background: none;
    box-shadow: none;
    border: solid 2px white;
}

.page-id-5695 .tws-land-button:hover, .tws-client-feed-reply-button .button:hover, .new-banner .banner-container .banner-content a.tws-feb-button:hover {
    color: #222222;
}

.page-template-tws-landing-page .tws-land-but-wrap, .page-id-5695 .tws-land-but-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 30px;
}

.page-template-tws-landing-page .tws-stars, .page-id-5695 .tws-stars {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.page-template-tws-landing-page .tws-stars .gold-stars, .page-id-5695 .tws-stars .gold-stars {
    color: #e6ad00;
    font-size: 13px;
}

.page-template-tws-landing-page .tws-stars .rating, .page-id-5695 .tws-stars .rating {
    margin-left: 10px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 40px;
    color: white;
}

.page-id-5695 .tws-stars .rating {
    color: #222222;
    font-weight: 600;
}

.page-template-tws-landing-page .image__content--banner {
    background: #010213;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 20px;
}

.page-template-tws-landing-page .slick--companies {
    max-height: 58px;
    overflow: hidden;
}

.page-template-tws-landing-page .tws-image-ban-filter {
    padding: 0 2rem !important;
}

.page-template-tws-landing-page .tws-image-ban-filter > .image {
    padding-top: 9px;
    position: relative;
}

.page-template-tws-landing-page .tws-image-ban-filter > .image > img {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    position: relative;
    width: auto;
    filter: brightness(0) invert(1);
}

.page-template-tws-landing-page .tws-land-new-split {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page-template-tws-landing-page .tws-land-new-split > .left {
    width: 40%;
}

.page-template-tws-landing-page .tws-land-new-split > .right {
    width: 50%;
}

.page-template-tws-landing-page .tws-land-new-split > .left h2 {
    font-size: 79px;
    font-weight: 300;
    line-height: 98px;
    margin-bottom: 0;
}

.page-template-tws-landing-page .tws-land-new-split > .left h2 span {
    font-weight: 600;
}

.page-template-tws-landing-page .tws-land-new-split > .right h3 {
    font-size: 29px;
    line-height: 41px;
    margin-top: 14px;
    margin-bottom: 40px;
}

.page-template-tws-landing-page .tws-land-new-split > .right p {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.65;
}

.page-template-tws-landing-page .page-container-wide {
    width: 1460px;
    max-width: 1460px;
}

.page-template-tws-landing-page .page-container.tws-pad-top {
    margin-top: 100px;
}

.page-template-tws-landing-page .tws-land-large-cta {
    display: flex;
    width: 100%;
    background-position: center center;
    position: relative;
    background-repeat: no-repeat;
    justify-content: center;
    background-size: cover;
    border-radius: 14px;
}

.page-template-tws-landing-page .tws-land-large-cta .land-cta-over {
    padding: 100px 0;
}

.page-template-tws-landing-page .tws-land-large-cta .land-cta-over .cta-side {
    width: 100%;
}

.page-template-tws-landing-page .tws-land-large-cta .land-cta-over .cta-side h4 {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 40px;
    line-height: 12px;
}

.page-template-tws-landing-page .tws-landing-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.page-template-tws-landing-page .tws-landing-form .from-row {
    color: #ffffff;
    font-weight: 600;
    font-size: 44px;
    line-height: 72px;
    width: 100%;
    white-space: nowrap;
}

.page-template-tws-landing-page .tws-landing-form .from-row p {
    color: #ffffff;
    font-weight: 600;
    font-size: 44px;
    line-height: 72px;
    width: 100%;
    white-space: nowrap;
}

.page-template-tws-landing-page .tws-land-button.wpcf7-form-control {
    margin-top: 15px;
}

.page-template-tws-landing-page .tws-land-button.wpcf7-form-control:hover {
    background: none;
}

.page-template-tws-landing-page .tws-landing-form .from-row span, .page-template-tws-landing-page .tws-landing-form .from-row label {
    width: unset;
}

.page-template-tws-landing-page .tws-landing-form .from-row label {
}

.page-template-tws-landing-page .tws-landing-form .from-row input {
    color: #ffffff;
    font-size: inherit;
    line-height: 72px;
    min-width: unset;
    padding: 0;
    outline: 0;
    background: none;
    border: 0;
    overflow: hidden;
    display: inline-block;
    width: auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.page-template-tws-landing-page .tws-landing-form .from-row input::placeholder {
    color: #a7a7a7;
    font-size: 44px;
    font-weight: 100;
}

.page-template-tws-landing-page .tws-landing-form .from-row input.tws-land-up-cas {
    text-transform: capitalize;
}

.page-template-tws-landing-page .tws-landing-form .from-row select {
    color: #ffffff;
    font-size: inherit;
    line-height: 72px;
    min-width: unset;
    padding: 0;
    outline: 0;
    background: none;
    border: 0;
    overflow: hidden;
    display: inline-block;
    width: auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.page-template-tws-landing-page .tws-landing-form .from-row select option {
    font-size: 12px;
}

.page-template-tws-landing-page #getstarted .screen-reader-response, .page-template-tws-landing-page #getstarted .wpcf7-not-valid-tip {
    display: none;
}

.page-template-tws-landing-page #getstarted .wpcf7-response-output {
    padding-top: 10px;
    font-size: 0.9rem;
    color: white;
}

.page-template-tws-landing-page .tws-how-we-work {
    margin-top: 100px;
}

.page-template-tws-landing-page .tws-how-we-work .top h4 {
    font-weight: 600;
    font-size: 44px;
    line-height: 72px;
    margin-bottom: 40px;
}

.page-template-tws-landing-page .tws-how-we-work .options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page-template-tws-landing-page .tws-how-we-work .options .op-choice {
    width: 32%;
}

.page-template-tws-landing-page .tws-how-we-work .options .op-choice img {
    margin-bottom: 15px;
    border-radius: 10px;
    height: 305px;
    object-fit: cover;
    object-position: top;
}

.page-template-tws-landing-page .tws-how-we-work .options .op-choice h5 {
    margin-bottom: 15px;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img {
    align-items: center;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .left {
    width: 35%;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .right {
    width: 60%;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .left h5 {
    font-weight: 600;
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 40px;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .left span {
    /* color: #ffffff; */
    font-weight: 600;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 30px;
    line-height: 12px;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .button:hover {
    color: black;
}

.page-template-tws-landing-page .tws-land-new-split.tws-land-split-img .right img {
    border-radius: 14px;
    object-fit: cover;
    height: 400px;
}

.page-template-tws-landing-page .tws-land-new-split.tws-old-land-content > .right {
    width: 100%;
}

.page-template-tws-landing-page #getstarted {
    overflow: hidden;
}

@media only screen and (max-width: 1200px) {
    .page-template-tws-landing-page .page-container-wide {
        width: 90%;
    }

    .page-template-tws-landing-page nav .mobile-menu {
        color: white;
        background: none;
    }

    .page-template-tws-landing-page header .h-bar .h-nav nav ul, .page-template-tws-landing-page header .h-bar .h-nav nav ul li a {
        background-color: #222222;
        border-color: #222222;
    }

    .page-template-tws-landing-page .tws-land-new-split .left {
        width: 100% !important;
    }

    .page-template-tws-landing-page .tws-land-new-split .right {
        width: 100% !important;
        margin-top: 60px;
    }

    .page-template-tws-landing-page .tws-land-new-split.tws-old-land-content > .right {
        margin-top: 0;
    }

    .page-template-tws-landing-page .tws-new-top-banner {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 768px) {
    .page-template-tws-landing-page #getstarted {
        display: none;
    }

    .page-template-tws-landing-page .tws-how-we-work .options .op-choice {
        width: 48%;
        margin-bottom: 4%;
    }

    .page-template-tws-landing-page .tws-new-top-banner {
    }
}

@media only screen and (max-width: 550px) {
    .page-template-tws-landing-page .tws-how-we-work .options .op-choice {
        width: 100%;
        margin-bottom: 40px;
    }

    .page-template-tws-landing-page .tws-land-new-split > .left h2 {
        font-size: 54px;
        line-height: 66px;
    }

    .page-template-tws-landing-page .tws-land-but-wrap, .page-id-5695 .tws-land-but-wrap {
        flex-wrap: wrap;
    }

    .page-template-tws-landing-page .tws-stars, .page-id-5695 .tws-stars {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}

.tws-footer-instagram {
    padding-top: 90px;
    display: block;
    width: 100%;
    display: flex;
}

.page-template-template-admin-feed .tws-footer-instagram, .single-client_portal .tws-footer-instagram {
    display: none;
}

.page-template-template-admin-feed .tabcontent .mc-bis-con-area iframe, .single-client_portal .tabcontent .mc-bis-con-area iframe {
    width: 100%;
    height: 67vh;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title.tws-content-but-row {
    margin-bottom: 28px;
    align-items: center;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title.tws-content-but-row a {
    bottom: 15px;
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #ffffff;
    border-radius: 9px;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post_title.tws-content-but-row a:hover {
    background: #010213;
    color: white;
}

.website-quote-area {
    width: 100%;
}

.cost-calculator-row {
    margin-top: 50px;
}

.tws-load-client-more-posts {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

.tws-load-client-more-posts > a {
    color: white;
    text-align: center;
    background: white;
    padding: 19px 36px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    background-color: #010213 !important;
    transition: 0.3s;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    border: solid 2px #010213;
}

.tws-load-client-more-posts > a:hover {
    background-color: white !important;
    border-color: #010213;
    color: #010213;
}

.tws-live-logo {
    display: flex;
    float: left;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding-bottom: 20px;
}

.tws-live-logo img {
    width: 140px;
}

.tws-new-content-plan {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.tws-new-content-plan > h2 {
    font-size: 20px;
    text-transform: capitalize;
    width: 100%;
}

.tws-new-content-plan > .tws-new-content-plan-black {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000000db;
    z-index: 1;
    display: none;
    border-radius: 10px;
}

.tws-new-content-plan.black > .tws-new-content-plan-black {
    display: block;
}

.tws-new-content-plan ul {
    padding: 0;
}

.tws-new-content-plan .tws-keyword-row {
    width: 100%;
    padding: 8px 0px;
    justify-content: space-between;
    position: relative;
    list-style-type: disc;
}

.tws-new-content-plan .tws-keyword-row::before {
    font-family: Font Awesome\5 Free;
    /* content: "\f078"; */
    position: absolute;
    left: -28px;
    font-weight: 900;
}

.tws-new-content-plan .tws-keyword-row:nth-of-type(2n) {
    /* background: #f6f8f9; */
}

.tws-new-content-plan .tws-keyword-row > div {
    white-space: nowrap;
    text-transform: capitalize;
    color: #000000;
    font-weight: 500;
}

.tws-new-content-plan .tws-keyword-row > div::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.tws-new-content-plan .tws-keyword-row > div > h6 {
    font-size: 12px;
}

.tws-new-content-plan .tws-keyword-row > div > h6 > a {
    font-size: 12px;
    color: #010213;
}

.tws-new-content-plan.tws-keyword-row > div > h6 > a:hover {
    color: #000;
}

.tws-new-content-pla .tws-keyword-row > div.intent {
    width: 93px;
}

.tws-new-content-plan .tws-keyword-row > div.date {
    width: 72px;
}

.tws-new-content-plan .tws-keyword-row > div.url {
    width: calc(100% - 415px);
}

.page-template-tws-landing-page .tws-land-new-split > .tab {
    display: flex;
    align-content: center;
    margin-bottom: 40px;
    gap: 20px;
    overflow: hidden;
    overflow-x: scroll;
}

.page-template-tws-landing-page .tws-land-new-split > .tab > .tablinks {
    font-size: 1.125rem;
    margin-top: 2.26667rem;
    display: inline-block;
    line-height: 1.325rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px black;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
    border-radius: 0;
    -webkit-box-shadow: 0 0 28px 0 transparent;
    box-shadow: 0 0 28px 0 transparent;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 3.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.115rem;
    min-width: 180px;
    outline: 0;
    overflow: visible;
    padding: 0.56667rem 2.26667rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -o-transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    transition: all 0.4s cubic-bezier(0.9, 0.1, 0.1, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    background: #010213;
    border-color: #010213;
    border-radius: 50px;
    color: white;
    margin-top: 0;
}

.page-template-tws-landing-page .tws-land-new-split > .tab > .tablinks:hover, .page-template-tws-landing-page .tws-land-new-split > .tab > .tablinks.active {
    border-color: #010213;
    border-radius: 50px;
    color: black;
    margin-top: 0;
    background: none;
    box-shadow: none;
}

.tws-conversion-metrics h6:nth-of-type(1) {
    width: 80%;
}

.tws-conversion-metrics h6 {
    width: 10%;
}

.tws-overlay_acf_form {
    background: #000000b0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.add-update-button-active .tws-overlay_acf_form {
    opacity: 1;
    visibility: visible;
}

.add-task-button-active.tws-new-form-task.tws-overlay_acf_form {
    opacity: 1;
    visibility: visible;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode {
    width: 800px;
    padding: 2rem;
    background: white;
    position: relative;
    max-height: calc(95vh - 3.5rem);
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
}

.tws-overlay_acf_form > .tws_acf_form_shortcode > .acf_form_shortcode_close, .tws-overlay_acf_form > .tws_acf_form_shortcode > .acf_form_shortcode_close-repeater, .tws-overlay_acf_form > .tws_acf_form_shortcode > .task_acf_form_shortcode_close, .tws-overlay_acf_form > .tws_acf_form_shortcode > .task_acf_form_shortcode_close-repeater {
    font-size: 1.6rem;
    position: absolute;
    right: 2rem;
    transition: 0.5s;
    top: 2rem;
    cursor: pointer;
    z-index: 99;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode > .acf_form_shortcode_close:hover, .tws-overlay_acf_form > .tws_acf_form_shortcode > .acf_form_shortcode_close-repeater:hover, .tws-overlay_acf_form > .tws_acf_form_shortcode > .task_acf_form_shortcode_close:hover, .tws-overlay_acf_form > .tws_acf_form_shortcode > .task_acf_form_shortcode_close-repeater:hover {
    color: #FAA0A0;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field {
    border: none;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-field .af-label.acf-label {
    font-size: 1.1rem;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-field .af-label.acf-label .af-field-instructions {
    font-size: 14px;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-field .af-label.acf-label > label {
    font-weight: 600 !important;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field input, .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field select {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .select2-selection {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .select2-selection.select2-selection--multiple {
    height: auto;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field textarea {
    border: solid 1px black;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .select2-selection > span {
    line-height: 20px;
    padding: 0;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .select2-selection__arrow {
    height: 42px;
    right: 10px;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .acf-file-uploader a:hover {
    color: black;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .acf-button.af-submit-button {
    bottom: 15px;
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #ffffff;
    border-radius: 9px;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields .acf-button.af-submit-button:hover {
    background: #010213;
    color: #ffffff;
}

.add-update-button, .tws-return-portal, #mark-as-completed, .add-task-button {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    margin-top: 20px;
    display: inline-table;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99999;
}

.add-update-button:hover, .tws-return-portal:hover, .add-task-button:hover {
    background: #ffffff;
    color: #010213;
    border-color: #010213;
}

.add-update-button.add-update-button_remove, #mark-as-completed {
    right: 203px;
}

.add-task-button {
    right: 190px;
}

.tws-web-files-row {
    display: flex;
    gap: 30px;
}

.tws-web-files-row > .section-pad > a, .tws-web-files-row > .section-pad > div.tws-amendments-popup {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    display: inline-table;
}

.tws-web-files-row > .section-pad > a:hover {
    background: black !important;
    color: white !important;
}

.tws-web-files-row > .section-pad > a:hover i {
    color: white !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > a, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > div.tws-amendments-popup {
    background: white;
    color: black !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > a i, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > div.tws-amendments-popup i {
    color: black !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > a:hover, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > div:hover {
    background: black !important;
    border: solid 2px #ffffff;
    color: white !important;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > a:hover i, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.admin-post .tws-web-files-row > .section-pad > div:hover i {
    color: white !important;
}

.tws-web-down-arrow {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    justify-content: center;
}

.tws-web-down-arrow.tws-web-down-dashed {
    border: dashed 1px #010213;
}

.tws-web-down-arrow i {
    font-size: 2rem;
}

.tws-web-columns {
    display: flex;
    width: 100%;
    overflow: hidden;
    gap: 20px;
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: flex-start;
}

.tws-web-columns.make-small {
    transform: scale(0.5);
    overflow: visible;
    transform-origin: top left;
}

.tws-web-columns .tws-web-column {
    /* background: white; */
    padding: 5px;
    border-radius: 20px;
    display: flex;
    /* border: dashed 1px #e6e6e6; */
    flex-wrap: wrap;
    width: 340px;
    min-width: 340px;
    align-content: flex-start;
    min-height: 85vh;
}

.tws-web-columns .tws-web-column .admin_role_1_half {
    display: inline-block;
}

.tws-web-columns .tws-web-column .admin_role_1_total {
    display: none;
}

.tws-web-columns .tws-web-column:hover .admin_role_1_half {
    display: none;
}

.tws-web-columns .tws-web-column:hover .admin_role_1_total {
    display: inline-block;
}

.tws-web-columns .tws-web-column > h2 {
    font-size: 1.5rem;
    margin-bottom: 7px;
    margin-left: 10px;
    margin-top: 10px;
}

.tws-web-columns .tws-web-column > span {
    color: #cacaca;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    margin-left: 10px;
}

.tws-web-columns .tws-web-column .option {
    padding: 25px;
    background: #ffffff;
    transition: 0.3s;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    border: solid 1px #e6e6e6;
    margin-bottom: 10px;
    position: relative;
    /* box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); */
}

.tws-web-columns .tws-web-column .option .admin_role_1_hover {
    display: none;
}

.tws-web-columns .tws-web-column .option:hover .admin_role_1_hover {
    display: inline-block;
}

.tws-web-columns .tws-web-column .option .admin_role_1_hover_hide {
    display: inline-block;
}

.tws-web-columns .tws-web-column .option:hover .admin_role_1_hover_hide {
    display: none;
}

.tws-web-columns .tws-web-column .option.red .date {
    color: #a13333;
}

.tws-web-columns .tws-web-column .option:hover {
    /* box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); */
}

.tws-web-columns .tws-web-column .option > i {
    position: absolute;
    right: 25px;
    color: black;
    top: 50%;
    transform: translatey(-50%);
    display: none;
}

.tws-web-columns .tws-web-column .option h3 {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: normal;
}

.tws-web-columns .tws-web-column .option > span {
    color: #7f7f7f;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 10px;
    display: block;
}

.tws-web-columns .tws-web-column .option > .date, .tws-web-columns .tws-web-column .option > .project {
    color: #7f7f7f;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}

.tws-web-columns .tws-web-column .option > .project {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.tws-web-columns .tws-web-column .option > .project img {
    height: 20px;
    width: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.tws-web-columns .tws-web-column .option > .project span {
    font-weight: 400;
}

.page-id-10102.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section {
    align-items: flex-start;
    align-content: flex-start;
    margin-top: 80px;
    /* overflow-y: scroll; */
}

.tws-web-columns .tws-web-column .option-plus {
    padding: 12px;
    transition: 0.8s;
    display: none;
    width: 100%;
    font-size: 1.4rem;
    justify-content: center;
    border-radius: 10px;
    color: black;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.tws-web-columns .tws-web-column:hover .option-plus {
    visibility: visible;
    opacity: 1;
}

.tws-web-columns .tws-web-column .option-plus:hover {
    color: #656565;
}

.tws-web-small {
    position: absolute;
    right: 4px;
    display: flex;
    z-index: 9999;
    gap: 20px;
    font-size: 2rem;
    top: 27%;
    transform: translateY(-50%);
}

.tws-web-small > i {
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: -20px;
}

.tws-web-small > i:nth-of-type(1) {
    top: 8px;
    right: 9px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent .banner-container.projects_split > .banner-content {
    width: 70%;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent .banner-container.projects_split > .banner-content.right {
    width: 30%;
}

.banner-content .project_meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}

.banner-content .project_meta span {
    margin-left: 0 !important;
}

.tws-client-portal.hide_page > .row {
    display: none;
}

.page-id-10251.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.clients, .page-id-10102.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites, .page-id-10265.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.seo, .page-id-5421.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.admintablinks:nth-of-type(1), .page-id-10268.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.ppc, .page-id-15702.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.support, .page-id-10270.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.mailchimp, .page-id-10263.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.white-label, .page-id-10261.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.seo-tools, .page-id-10258.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.ai-tools, .page-id-10255.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tws-tools, .page-id-10253.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.uptime, .page-id-21547.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.budget, .single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets {
    border-left: solid 3px #ffffff;
    border-radius: 0;
}

.page-id-10251.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.clients > i, .page-id-10251.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.clients > span, .page-id-10102.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites > i, .page-id-10102.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites > span, .page-id-16453.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > i, .page-id-16453.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > span, .single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > i, .single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > span {
    color: #ffffff;
    font-weight: 600;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-64e513fa051ee, .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-66ffc09d3c0d4 {
    display: none;
}

.single-client_portal.add-update-button-active {
    height: 100vh;
    overflow: hidden;
}

.single-client_portal.add-task-button-active {
    height: 100vh;
    overflow: hidden;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-tab-wrap {
    background: white;
    border: none;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-tab-wrap .acf-tab-group {
    border: none;
    background: white;
    overflow: hidden;
    overflow-x: scroll;
    display: flex;
    margin-bottom: 20px;
    white-space: nowrap;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-tab-wrap .acf-tab-group li a {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 18px 32px;
    transition: 0.3s;
    margin-bottom: 5px;
    font-size: 18px;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 9%);
    background: white;
    border-radius: 9px;
    margin-right: 20px;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
    color: white;
    background-color: #010213;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-tab-wrap .acf-tab-group::-webkit-scrollbar {
    display: none;
}

.tws-customers-invoices {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    float: left;
}

body .acf-repeater .acf-actions .acf-button, body .acf-button {
    bottom: 15px;
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #ffffff;
    border-radius: 9px;
}

body .acf-repeater .acf-actions .acf-button:hover, body .acf-button:hover {
    color: #ffffff;
    background: #010213;
}

.tws-button.add-update-button-repeater.conversions, .tws-button.add-update-button-repeater.seo-plan {
    display: none;
}

.button-repeater-show-conversions .tws-button.add-update-button-repeater.conversions, .button-repeater-show-seo-plan .tws-button.add-update-button-repeater.seo-plan {
    display: block;
}

.single-client_portal > header, .single-client_portal > footer {
    display: none;
}

.single-client_portal .tws-admin-tabs > .tablinks {
    background: #ffffff;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 40px;
    display: flex;
    margin-bottom: 2%;
    padding: 30px;
    flex-direction: column;
    white-space: normal;
}

.single-client_portal .tws-admin-tabs > .tablinks > i {
    margin-bottom: 20px;
    font-size: 18px;
    color: #858585;
    text-align: center;
    width: 40px;
}

.single-client_portal .tws-admin-tabs > .tablinks > span {
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    color: #858585;
    justify-content: center;
}

.single-client_portal .tws-admin-tabs > .tablinks > span > span {
    color: #999999;
    margin-top: 4px;
}

.single-client_portal .tws-admin-tabs > .tablinks.active {
    background: #ffffff;
    white-space: normal;
}

.single-client_portal .tws-admin-tabs > .tablinks.active > i, .single-client_portal .tws-admin-tabs > .tablinks.active > span {
    color: black;
    font-weight: 600;
}

.single-client_portal .section > .mc-bus-contact {
    display: flex;
}

.tws-return-portal {
    right: unset;
    left: 30px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__rendered li > input {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

.af-field.af-field-type-checkbox.acf-field-6500b29f8ee63 input, .af-field.af-field-type-checkbox.acf-field-65b4244f1c2f3 input, .af-field.af-field-type-checkbox.acf-field-664c9e18c9d22 input, .af-field.af-field-type-checkbox.acf-field-664c9debc9d21 input {
    height: 20px !important;
    width: 20px !important;
    padding: unset !important;
}

.af-field.af-field-type-checkbox.acf-field-6500b29f8ee63 input:checked, .af-field.af-field-type-checkbox.acf-field-65b4244f1c2f3 input:checked, .af-field.af-field-type-checkbox.acf-field-664c9e18c9d22 input:checked, .af-field.af-field-type-checkbox.acf-field-664c9debc9d21 input:checked {
    background: black;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area .post-images {
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area [id^="fullText"] img {
    flex: 1;
    height: 200px;
    object-fit: cover;
    margin-bottom: 2%;
}

.media-modal-content {
    z-index: 9999999999999999999999;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-652e6279a74b4, .single-client_portal .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-64ce74b47260d, .single-client_portal .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-66991d88f0acc {
    display: none;
}

.single-post .post-images {
    display: flex;
}

.single-post .post-images {
    width: 100%;
    padding: 40px 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-post .post-images img {
    /* width: 23%; */
    flex: 1;
    height: 163px;
    object-fit: cover;
    margin-bottom: 2%;
}

.single-post footer {
    display: none;
}

.acf-field-652e619815e0e {
    display: none;
}

.logged-in.user-id-1 .acf-field-652e619815e0e {
    display: block;
}

.tws-new-text-colour p, .tws-new-text-colour li {
    color: black !important;
    line-height: 2rem !important;
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: 20px;
}

.tws-google-serp {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.tws-google-serp > .top {
    width: 100%;
    display: flex;
    align-items: center;
}

.tws-google-serp > .top > .left {
    width: 28px;
    height: 28px;
    background: #f1f3f4;
    display: flex;
    border-radius: 50%;
    align-items: center;
    border: 1px solid #ecedef;
    justify-content: center;
}

.tws-google-serp > .top > .left > img {
    width: 18px;
}

.tws-google-serp > .top > .right {
    width: 100%;
    padding-left: 15px;
}

.tws-google-serp > .top > .right > h4 {
    color: #202124;
    font-size: 14px !important;
    display: block;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

.tws-google-serp > .top > .right > h6 {
    text-transform: lowercase;
    font-size: 12px;
    line-height: 1.3;
    display: flex;
    color: #4d5156;
    margin-top: 2px;
    font-weight: 500;
}

.tws-google-serp > .bottom {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.tws-google-serp > .bottom > h2, .tws-google-serp > .bottom > a {
    margin-top: 18px;
    display: inline-block;
    line-height: 1.3;
    margin-bottom: 3px;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #1a0dab;
    cursor: pointer;
}

.tws-google-serp > .bottom > a.tws-edit-serp {
    position: absolute;
    top: 18px;
    opacity: 0;
    transition: 0.5s;
    background: #f2f3f4;
    border: hidden;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}

.tws-google-serp > .bottom > h2:hover, .tws-google-serp > .bottom > a:hover {
    text-decoration: underline;
}

.tws-google-serp > .bottom > h5 {
    color: #4d5156;
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
    max-width: 610px;
    text-align: left;
    margin-top: 6px;
}

.tws-google-serp > .bottom > h5 span {
    font-size: inherit;
    color: inherit !important;
    font-weight: inherit !important;
}

.tws-google-serp > .bottom > h5.orange > span {
    color: #ab4b00 !important;
}

.tws-google-serp > .bottom > h5.red > span {
    color: #b10101 !important;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Not-Approved, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Approved, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Approved-Live, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Not-Approved, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Approved, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Approved-Live {
    position: relative;
    padding-left: 40px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Not-Approved::before, .page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Approved::before, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Not-Approved:before, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Approved:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 100%;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Not-Approved::before, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Not-Approved:before {
    background: #b10101;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.Approved::before, .tws-client-portal .row.page-container > .section .main-contact-form .mc-bis-con-area.Approved:before {
    background: #00c134;
}

.single-post .new-banner .banner-container {
    flex-wrap: wrap;
}

.tabcontent .tws-key-content-tabs {
    flex-wrap: wrap;
    gap: 20px;
    display: flex;
}

.single-client_portal .tabcontent .tws-key-content-tabs {
    width: 100%;
    float: left;
}

.tabcontent .tws-key-content-tabs > .tws-keyword-row {
    /* padding: 10px; */
    font-size: 12px;
}

.tabcontent .tws-key-content-tabs > .tws-keyword-row > .keyword.green {
    color: #00c134;
}

.keywords-active .tws-key-content-tabs {
    display: flex;
    background: white;
    padding: 0;
    margin-bottom: 20px !important;
    border-radius: 0;
    width: 100% !important;
    padding-top: 0;
}

.keywords-active .show-keywords {
    display: none;
}

.hide-keywords {
    display: none;
}

.keywords-active .hide-keywords {
    display: block;
}

.tws-google-serp:hover > .bottom > a.tws-edit-serp {
    visibility: visible;
    opacity: 1;
}

#burger-menu-post-type {
    position: absolute;
    top: 0;
    font-size: 1.2rem;
    cursor: pointer;
    right: 0;
}

#menu-post-type {
    position: absolute;
    top: 30px;
    right: 0;
    background: black;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

#menu-post-type > .select-option {
    width: 100%;
    padding: 20px 30px;
    border-bottom: solid 1px #efefef;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: 0.6s;
}

#menu-post-type > .select-option:hover {
    background: white;
    color: black;
}

.single-client_portal #menu-post-type {
    position: unset;
    display: flex;
    opacity: 1;
    visibility: visible;
    background: none;
    box-shadow: none;
    margin: 20px 0;
    gap: 11px;
}

.single-client_portal #menu-post-type > .select-option {
    width: auto;
    background: black;
    border-radius: 10px;
    padding: 13px 30px;
}

.menu-active #menu-post-type {
    opacity: 1;
    visibility: visible;
}

.main-contact-form .mc-bis-con-area.content {
    display: none;
}

.show-post-type-all > .show-keywords {
    background: white;
    padding: 30px;
    margin-bottom: 20px!important;
    border-radius: 0;
    width: 100%!important;
    float: left;
}

.show-post-type-all > .hide-keywords {
    background: white;
    padding: 30px;
    margin-bottom: 0px!important;
    border-radius: 0;
    width: 100%!important;
    float: left;
}

.show-post-type-all > .main-contact-form .mc-bis-con-area.content {
    display: block;
}

.show-post-type-page > .main-contact-form .mc-bis-con-area.content.Page {
    display: block;
}

.show-post-type-post > .main-contact-form .mc-bis-con-area.content.Blog-Post {
    display: block;
}

.show-post-type-landing > .main-contact-form .mc-bis-con-area.content.Landing-Page {
    display: block;
}

.tws-campaigns-iframe {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -27px;
}

.single-client_portal .tws-campaigns-iframe {
    margin-top: 0;
    top: -53px;
}

.tws-campaigns-iframe::before {
    content: "";
    position: absolute;
    background: #f6f8f9;
    width: 100%;
    height: 74px;
}

.tws-campaigns-iframe > iframe {
    width: 100%;
    border: none;
    height: 85vh;
}

.tws-campaigns-iframe.tws-campaigns-iframe-conversion {
    margin-top: 0;
}

.acf-field-checkbox.acf-field-65b4244f1c2f3 ul > li, .acf-field-checkbox.acf-field-664c9debc9d21 ul > li {
    margin-bottom: 16px;
}

.tws-support-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tws-support-ul span {
    padding: 15px 24px;
    border: solid 1px black;
}

.tws-ticket-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.tws-ticket-row > .ticket-box {
    background: white;
    padding: 25px;
    border-radius: 20px;
    width: 24%;
}

.tws-ticket-row > .ticket-box > h3 {
    margin-top: 10px;
    font-weight: 600;
}

.page-id-16564 .tws-ticket-row > .ticket-box > h3 {
    font-size: 1rem;
}

.tws-tickets {
    width: 100%;
}

.tws-tickets > .new-ticket {
    margin-bottom: 2%;
    display: flex;
    justify-content: start;
    background: white;
    padding: 25px;
    border-radius: 20px;
    align-items: center;
    position: relative;
    transition: 0.6s;
    overflow: hidden;
    color: black;
}

.tws-tickets > .new-ticket.Triage {
    background: black;
}

.tws-tickets > .new-ticket > .image {
    position: absolute;
    height: 50px;
    display: flex;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.tws-tickets > .new-ticket > .image > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tws-tickets > .new-ticket > .ticket-text-area {
    padding-left: 77px;
    width: 70%;
}

.tws-tickets > .new-ticket > .ticket-text-area > h6 {
    font-size: 14px;
    display: flex;
}

.tws-tickets > .new-ticket > .ticket-text-area > h3 {
    margin: 9px 0;
    font-size: 1.6rem;
    font-weight: 600;
}

.tws-tickets > .new-ticket > .ticket-text-area > h6 span {
    color: #858585;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.tws-tickets > .new-ticket > .ticket-text-area > h6 span i {
    margin: 0 17px;
    font-size: 6px;
}

.tws-tickets > .new-ticket > .ticket-meta {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option {
    width: 100%;
    display: flex;
    align-items: center;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option > i {
    font-size: 14px;
    width: 20px;
    margin-right: 13px;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option > i.Low {
    color: #2b955b;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option > i.Normal {
    color: #e6e21f;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option > i.High {
    color: #cf5454;
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option > i.Critical {
    color: #c90606;
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.tws-tickets > .new-ticket > .ticket-meta > .ticket-meta-option h6 {
    font-size: 14px;
}

.tws-tickets > .new-ticket.Triage h3, .tws-tickets > .new-ticket.Triage h6, .tws-tickets > .new-ticket.Triage i, .tws-tickets > .new-ticket.Triage span {
    color: white !important;
}

.tws-tickets > .new-ticket:hover {
    transition: 0.6s;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: black;
}

.page-id-16453 .tws-client-portal .row.page-container > .section {
    overflow: unset;
}

.single-tickets .ticket-left {
    width: 63%;
    margin-bottom: 100px;
}

.single-tickets .ticket-right {
    width: 35%;
}

.single-tickets .ticket-box {
    background: white;
    padding: 25px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 4%;
    position: relative;
}

.single-tickets .ticket-box > h4 {
    margin-bottom: 20px;
    font-size: 2rem;
}

.single-tickets .ticket-box > .ticket-meta {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.single-tickets .ticket-to-project {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 1.3rem;
    cursor: pointer;
}

.single-tickets .merge-ticket {
    position: absolute;
    right: 70px;
    top: 25px;
    font-size: 1.3rem;
    cursor: pointer;
}

.single-tickets .ticket-meta-option {
    width: 100%;
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.single-tickets .ticket-meta-option h6 {
    font-size: 16px;
    width: 100%;
    margin-top: 12px;
}

.single-tickets .ticket-meta-option h6 > a {
    color: black;
}

.single-tickets .ticket-meta-option h7 {
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

.ticket-tooltip {
    position: absolute;
    background: black;
    padding: 10px 15px;
    border-radius: 20px;
    color: white;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s;
}

.ticket-to-project .ticket-tooltip, .merge-ticket .ticket-tooltip {
    right: 0;
    /* top: -42px; */
    width: 138px;
}

.ticket-to-project:hover .ticket-tooltip, .merge-ticket:hover .ticket-tooltip {
    visibility: visible;
    transition: 0.6s;
    opacity: 1;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section.tws-ticket-split {
    justify-content: space-between;
}

.single-tickets .ticket-box p {
    font-size: 16px;
    color: #000;
}

.single-tickets .ticket-left .ticket-meta {
    border-bottom: solid 1px #f7f8f9;
    margin-bottom: 20px;
}

.single-tickets .ticket-left .ticket-box > .ticket-meta > .ticket-meta-option .image {
    height: 50px;
    display: flex;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.single-tickets .ticket-left .ticket-box > .ticket-meta > .ticket-meta-option .image img {
    object-fit: cover;
}

.ticket-reply-options {
    display: flex;
    gap: 10px;
}

.ticket-reply-options > button, .ticket-reply-options > a {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #f7f8f9;
    border-radius: 9px;
}

.ticket-reply-options > button.black, .ticket-reply-options > a.black {
    background: black;
    color: white;
}

.ticket-reply-options > button:hover , .ticket-reply-options > a:hover {
    background: black;
    color: white;
}

.ticket-reply-options > button.black:hover, .ticket-reply-options > a.black:hover {
    background: white;
    color: black;
}

.single-tickets .ticket-box.internal {
    background: black;
}

.single-tickets .ticket-box.internal h6, .single-tickets .ticket-box.internal h7, .single-tickets .ticket-box.internal p, .single-tickets .ticket-box.internal li {
    color: white;
}

.single-tickets .tws-client-portal .banner-container > .banner-content h1 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.single-tickets .tws-client-portal .banner-container > .banner-content h1 > a {
    border: none;
    padding: 0;
    margin-bottom: 0px;
    font-size: 44px;
    margin-top: 0;
    letter-spacing: -2px;
    line-height: 1.1;
    background: none;
    height: unset;
    box-shadow: none;
    display: inline;
}

.single-tickets .tws-client-portal .banner-container > .banner-content h1 > a:hover {
    color: black;
    text-decoration: underline;
    transition: 0.6s;
}

.ticket-front-acf.acf-fields > .acf-field {
    border: none;
    padding: 0;
    margin-top: 20px;
}

.ticket-front-acf .acf-fields > .acf-field label {
    display: none;
}

.ticket-front-acf .acf-fields > .acf-field .select2-container.-acf {
    border: none;
    width: 100% !important;
    height: 30px !important;
}

.ticket-front-acf .acf-fields > .acf-field .select2-selection {
    border: none;
    border: none;
    padding: 9px 0;
    height: unset;
    font-size: 16px;
    font-weight: 600;
}

.ticket-front-acf .acf-fields > .acf-field .select2-selection span {
    color: black;
}

.ticket-front-acf .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 13px;
}

.ticket-front-acf > #form_661956864022a .select2-container--default .select2-selection--single .select2-selection__arrow, .ticket-front-acf > #form_662034478367e .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
    right: 0;
}

.ticket-front-acf .af-submit {
    display: block;
    clear: unset;
    margin-top: 39px;
    padding: 0;
}

.ticket-front-acf .af-submit > button {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    background: #000000;
    transition: 0.6s;
    border-radius: 9px;
}

.ticket-front-acf .af-submit > button:hover {
    background: white;
    color: black;
    transition: 0.6s;
}

.ticket-front-acf > #form_66194149a58d2 > .af-fields, .ticket-front-acf > #form_661956864022a > .af-fields, .ticket-front-acf > #form_662034478367e > .af-fields {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.ticket-front-acf .acf-fields > .acf-field {
    padding: 0;
}

.ticket-front-acf > #form_66194149a58d2 .af-submit, .ticket-front-acf > #form_661956864022a .af-submit, .ticket-front-acf > #form_662034478367e .af-submit {
    margin-top: 0;
}

.ticket-front-acf > #form_66194149a58d2 .acf-fields > .acf-field, .ticket-front-acf > #form_661956864022a .acf-fields > .acf-field, .ticket-front-acf > #form_662034478367e .acf-fields > .acf-field {
    border: none;
    padding: 0;
}

.ticket-front-acf > #form_66194149a58d2 .acf-field .acf-label {
    display: none;
}

.ticket-front-acf > #form_66194149a58d2 .acf-field select {
    padding: 0;
    outline: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    margin-left: -3px;
}

.acf-fields {
}

.ticket-front-acf > #form_661956864022a .acf-fields > .acf-field .select2-selection, .ticket-front-acf > #form_662034478367e .acf-fields > .acf-field .select2-selection {
    padding: 0;
    width: 92px;
    border: none !important;
    font-size: 16px;
    font-weight: 600;
}

.ticket-front-acf > #form_661956864022a .acf-fields > .acf-field .select2-selection span, .ticket-front-acf > #form_662034478367e .acf-fields > .acf-field .select2-selection span {
    color: black;
    padding: 0;
}

.ticket-front-acf .acf-fields > .acf-field .select2-selection span b {
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section.tws-profile {
    justify-content: flex-start;
    background: white;
    border-radius: 20px;
    padding: 25px;
    flex-direction: column;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section.tws-profile > h2 {
    font-size: 1.4rem;
}

.tws-profile-button {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #000000;
    border-radius: 9px;
}

.tws-profile-button:hover {
    background: white;
    color: black;
}

.tws-profile-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.tws-profile-area > .tws-profile-split {
    width: 42%;
    display: flex;
}

.tws-profile-area > .tws-profile-split > h4 {
    font-weight: 400;
    font-size: 1rem;
}

.tws-profile-area > .tws-profile-split > h4:nth-of-type(1) {
    width: 200px;
    font-weight: 600;
}

.payslips .tws-profile-area > .tws-profile-split {
    width: 100%;
}

.payslips .tws-profile-area > .tws-profile-split > h4:nth-of-type(1) {
    width: 284px;
}

.payslips .tws-profile-area > .tws-profile-split > h4:nth-of-type(2) > a {
    color: black;
}

.tws-holiday-iframe {
    margin-top: 30px;
    width: 100%;
}

.tws-holiday-iframe > iframe {
    width: 100%;
}

.single-tickets .ticket-to-project.spf .fa-unlock {
    color: #e50000;
}

.single-tickets .ticket-to-project.spf .fa-lock {
    color: #169400;
}

.single-tickets .ticket-box.tws-reply-field .acf-fields > .acf-field {
    border: none;
    width: 100%;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6622df0b04912, .single-tickets .ticket-box.tws-reply-field .acf-field-6624161f931b2, .single-tickets .ticket-box.tws-reply-field .acf-field-66241628931b3, .single-tickets .ticket-box.tws-reply-field .acf-field-6622d45f5a202, .single-tickets .ticket-box.tws-reply-field .acf-field-662421a7bc5da, .single-tickets .ticket-box.tws-reply-field .acf-field-662425ac7ed1f, .single-tickets .ticket-box.tws-reply-field .acf-field-662425b87ed20, .single-tickets .acf-field-6626c0d93a5a9, .single-tickets .acf-field-6626bb4c0d5a1, .single-tickets .acf-field-6626c0e18b71b, .single-tickets .acf-field-66294c899f7bf {
    display: none;
}

.single-tickets .ticket-box.tws-reply-field .af-submit-button {
    padding: 15px 30px;
    border: solid 2px #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    border-radius: 9px;
    background: black;
    color: white;
}

.single-tickets .ticket-box.tws-reply-field .af-submit-button:hover {
    background: white;
    color: black;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-662412506c968 textarea {
    border-radius: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Inter", sans-serif;
    outline: none;
    padding: 20px;
    border: solid 1px black;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-662412506c968 textarea {
    border-radius: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Inter", sans-serif;
    outline: none;
    padding: 20px;
    border: solid 1px black;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6623d3ae56de3 .select2-container.-acf {
    border-radius: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Inter", sans-serif;
    outline: none;
    padding: 20px;
    border: solid 1px black;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6623d3ae56de3 .select2-container.-acf .select2-selection {
    border: none;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6623d3ae56de3 .select2-container.-acf .select2-selection__arrow {
    top: 20px;
    right: 20px;
}

.single-tickets .ticket-box.tws-reply-field {
    display: none;
    /* Start with the form hidden */
    transition: max-height 10s ease-out;
    /* Animation for sliding down */
    overflow: hidden;
    /* Keeps content clipped during animation */
    max-height: 0;
}

.single-tickets .ticket-box.tws-reply-field.tws-show-form {
    display: block;
    max-height: 1000px;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6622d45f5a1c8 input, .single-tickets .ticket-box.tws-reply-field .acf-field-66268b07e47b8 input, .single-tickets .ticket-box.tws-reply-field .acf-field-6622d45f5a18e input {
    border-radius: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Inter", sans-serif;
    outline: none;
    padding: 20px;
    border: solid 1px black;
}

.single-tickets .ticket-box.tws-reply-field .acf-field-6622d45f5a1c8, .single-tickets .ticket-box.tws-reply-field .acf-field-6622d45f5a18e {
    width: 50% !important;
}

.single-tickets .ticket-box.tws-reply-field #form_662410a0d4baf > .af-fields.acf-fields.acf-form-fields.-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.tws-ticket-to-project, .tws-merge-ticket {
    z-index: 9999;
}

.tws-ticket-to-project.active, .tws-merge-ticket.active {
    opacity: 1;
    visibility: visible;
}

.tws-drop-down-button {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 1.3rem;
    cursor: pointer;
    display: none;
}

.hide > .tws-drop-down-button {
    display: block;
}

.hide > .tws-drop-down-button .fa-chevron-up {
    display: none;
}

.show > .tws-drop-down-button .fa-chevron-up {
    display: block;
}

.show > .tws-drop-down-button .fa-chevron-down {
    display: none;
}

.internal .tws-drop-down-button {
    color: white;
}

.single-tickets .ticket-box.tws-reply.hide > .ticket-meta, .single-tickets .ticket-box.tws-reply.hide > .ticket-meta > .ticket-meta-option {
    margin: 0;
    border: none;
}

.single-tickets .ticket-box.tws-reply.show > .ticket-meta {
    border-bottom: solid 1px #f7f8f9;
    margin-bottom: 20px;
}

.single-tickets .ticket-box.tws-reply.show > .ticket-meta > .ticket-meta-option {
    margin-bottom: 20px;
}

.single-tickets .ticket-box.tws-reply.hide .tws-drop-down-content {
    display: none;
}

.single-tickets .ticket-box.tws-reply.show .tws-drop-down-content {
    display: block;
}

.tws-back-ticket, .tws-back-ticket .row.page-container.admintabcontent {
    background: #f7f8f9 !important;
}

.tws-back-ticket .af-submit, .tws-back-ticket .select2-selection__arrow {
    opacity: 0;
    visibility: hidden;
}

.tws-back-ticket .select2.select2-container, .tws-back-ticket #acf-field_6619412443da1 {
    pointer-events: none;
}

.tws-back-ticket .ticket-box.internal {
    display: none;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.tws-new-content-plan {
    margin-bottom: 20px !important;
    display: flex;
    justify-content: space-between;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area.tws-new-content-plan > .post_title {
    width: 47%;
}

.tws-new-content-plan .tws-google-serp > .bottom > h2, .tws-new-content-plan .tws-google-serp > .bottom > a {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}

.tws-google-serp-banner-road {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.tws-google-serp-banner-road > h2 {
    width: 47%;
    margin: 0;
    color: white;
    font-size: 1rem;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-6630e83f51474, .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-6630e84351475, .tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-6630f0e0391ac {
    display: none;
}

.single-client_portal .acf-field-664c9e18c9d22 .acf-checkbox-list {
    display: flex;
}

.single-client_portal .acf-field-664c9e18c9d22 .acf-checkbox-list li {
    margin-right: 24px;
}

.page-template-template-admin-feed .tws-business {
}

.page-template-template-admin-feed .tws-business .bus-choice img {
    height: 32px;
    width: auto;
}

.page-template-template-admin-feed .tws-business .tws-options {
    margin-top: 40px;
}

.page-template-template-admin-feed .tws-business .tws-options:nth-of-type(1) {
    margin-top: 0;
}

.single-client_portal .af-field-type-group .af-input.acf-input > .acf-fields.-top.-border {
    border: none;
    display: flex;
    gap: 1rem;
    background: #f7f8f9;
    justify-content: space-between;
}

.single-client_portal .af-field-type-group .af-input.acf-input > .acf-fields.-top.-border > .acf-field {
    flex: 1;
    padding: 0;
}

.tws-overlay_acf_form > .tws_acf_form_shortcode .acf-fields > .acf-field.acf-field-group {
    padding: 30px;
    background-color: #f7f8f9;
    margin-bottom: 20px;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > .tws-price-table {
    padding-right: 40px;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f6f8f9;
    margin-bottom: 0;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > .tws-price-table span {
    flex: 1;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    padding: 17px;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left .side-left-pos {
    position: absolute;
    left: 0;
    background: white;
    top: 0;
    width: 100%;
    padding: 40px;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    overflow-y: scroll;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left.active .side-left-pos {
    opacity: 1;
    visibility: visible;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left .side-left-pos .tws-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    font-size: 2rem;
}

.tws-contact-book > .address-box > .new-addr-box > .side .con-ico.new-client-dets > .tws-price-table:nth-of-type(2n) {
    background: white;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left .side-left-pos > .side-left-pos-split {
    width: 100%;
}

.tws-contact-book > .address-box > .new-addr-box > .side.left .side-left-pos > .side-left-pos-split img {
    height: 32px;
    width: auto;
}

.tws-contact-book .hide-load {
    display: none !important;
}

.tws-contact-book .hide-load.active {
    display: block !important;
}

.tws-load-client-box {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    font-size: 1.3rem;
    transition: 0.6s;
}

.tws-load-client-box:hover {
    color: #9b9b9b;
}

.seo-timer {
    bottom: 15px;
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #f7f8f9;
    border-radius: 9px;
    display: inline;
}

.acf-field-668f9bda26477 .acf-button.button, .acf-field-668f9dd82fd41 .acf-button.button {
    bottom: 15px;
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    z-index: 99999;
    background: #ffffff;
    border-radius: 9px;
    display: inline-block;
}

.acf-field-668f9bda26477 .acf-button.button:hover, .acf-field-668f9dd82fd41 .acf-button.button:hover {
    background: #010213;
    color: #ffffff!important;
}

.tws-project-buttons {
    display: flex;
    width: 100%;
    /* padding-top: 40px; */
    position: relative;
}

.page-template-template-admin-feed .tws-project-buttons .tws-feed-tab {
    margin-bottom: 0;
}

.page-id-10102.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent > .section.tws-project-buttons-area-top {
    margin-top: 40px;
    margin-bottom: 100px;
    height: unset;
}

.single-project_emails.single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets {
    border: solid 1px #ffffff;
}

.single-project_emails.single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > i, .single-project_emails.single-tickets.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.tickets > span {
    color: #858585;
    font-weight: 600;
}

.single-project_emails.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites {
    border: solid 1px #010213;
    border-radius: 15px;
}

.single-project_emails.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites > i, .single-project_emails.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option.websites > span {
    color: black;
    font-weight: 600;
}

.page-template-template-admin-feed .tws-client-portal .tws-monthly-seo, 
.tws-client-portal .row.page-container .tws-monthly-seo {
    width: 48%;
}

.page-template-template-admin-feed .tws-client-portal .tws-monthly-seo {
    margin-right: 1%;
}

.page-template-template-admin-feed .tws-client-portal .tws-monthly-seo:nth-of-type(2) {
    margin-right: 0;
    margin-left: 1%;
    align-content: flex-start;
}

.tws-client-portal .row.page-container .tws-monthly-seo {
    padding: 0;
}

.tws-client-portal .row.page-container .tws-monthly-seo:nth-of-type(2) {
    margin-right: 1%;
}

.tws-client-portal .row.page-container .tws-monthly-seo:nth-of-type(3) {
    margin-right: 0;
    margin-left: 1%;
}

.page-template-template-admin-feed.tws-stick-tabs .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tab {
    position: fixed;
    top: 85px;
    padding-bottom: 100px;
}

/* Hide scrollbars for all elements */
* {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

/* For WebKit browsers (Chrome, Safari, etc.) */
*::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar */
}

.tws-cluster.tws-new-content-plan {
    width: 48%;
    background: #ffffff;
    padding: 2rem;
    border-radius: 10px;
    align-items: flex-start;
    align-content: flex-start;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
}

.page-id-10265 #popupOverlay {
    z-index: 99999;
    position: fixed;
    background: #000000e8;
    height: 100vh;
    width: 100%;
}

.page-id-10265 #monthlyPopup, .page-id-10265 #mondayPopup {
    z-index: 999999;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.page-id-10265 #monthlyPopup > #monthlyPopup-inner, .page-id-10265 #mondayPopup > #mondayPopup-inner {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    width: 800px;
}

.page-id-10265 #monthlyPopup > #monthlyPopup-inner > h2, .page-id-10265 #mondayPopup > #mondayPopup-inner > h2 {
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

.page-id-10265 #monthlyPopup > #monthlyPopup-inner p, .page-id-10265 #mondayPopup > #mondayPopup-inner p {
    font-weight: 600;
    line-height: 29px;
    color: black;
    font-size: 16px;
    margin-right: 0;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
}

.page-id-10265 #monthlyPopup > #monthlyPopup-inner > button, .page-id-10265 #mondayPopup > #mondayPopup-inner > button {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #010213;
    cursor: pointer;
    font-weight: 600;
    background: #ffffff;
    border-radius: 9px;
    transition: 0.6s;
    margin-top: 10px;
}

.page-id-10265 #monthlyPopup > #monthlyPopup-inner > button:hover, .page-id-10265 #mondayPopup > #monthlyPopupmondayPopupinner > button:hover {
    background: #000000;
    color: #ffffff;
}

/* TWS New CSS */
.tws-section {
    width: 100%;
}

.tws-login {
    width: 100%;
    height: 100vh;
    background: #e4e4e4;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('http://portal.techwisesupport.com/wp-content/uploads/2025/06/annie-spratt-hCb3lIB8L8E-unsplash-scaled.jpg');
    background-size: cover;
    /* Ensures the image covers the entire area */
    background-position: center;
    /* Centers the image */
    background-repeat: no-repeat;
    /* Prevents repeating the image */
    background-attachment: fixed;
}

.tws-container {
    width: 1200px;
}

.tws-login-right {
    display: flex;
    justify-content: flex-end;
}

.tws-login-form {
    width: 400px;
    background: white;
    padding: 2rem;
    border-radius: 14px;
}

.tws-login-form .login-logo {
    width: 100%;
    padding-bottom: 2rem;
    text-align: left;
}

.tws-login input {
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    border-radius: 6px;
    font-family: Cairo,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    height: auto;
    line-height: 1rem;
    margin: 0;
    max-height: unset;
    min-height: unset;
    padding: .25rem 1rem;
    -webkit-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out;
    width: calc(100% - 2px)
}

.tws-login-form > form .submit_button {
    border-radius: 6px;
    line-height: 0;
    max-height: unset;
    margin: 10px 0;
    cursor: pointer;
    min-height: unset;
    padding: 1.25rem 1.5rem;
    width: 100%;
    background: #000;
    color: #ffffff;
    transition: 0.6s;
    border: solid 1px #000000;
}

.tws-login-form .login-logo img {
    width: 48%;
}

.tws-login-form .form-text {
    width: 100%;
    margin-top: 0;
}

.tws-login-form .form-text h1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    font-weight: 700;
    color: black;
    margin-bottom: 11px;
}

.tws-login-form .form-text p {
    font-size: .9rem;
    line-height: unset;
    color: black;
    margin: 0;
}

.tws-login-form > form {
    padding: 2rem 0;
}

.tws-login-form > form .submit_button {
    margin-top: 20px;
}

.site-header, .site-footer-bottom {
    display: none;
}

.tws-login-form > form .submit_button:hover {
    border: solid 1px #000000;
    background: #ffffff;
    color: #000000;
}

.wp-login-lost-password {
    color: #000000;
    font-size: 13px;
}

#wpadminbar {
    display: none;
}

.tws-client-portal .row.page-container > .section .main-contact-form#Password > .mc-bis-con-area > form label, .page-template-template-admin-feed #Password .mc-bis-con-area > form label {
    font-weight: 600;
    line-height: 29px;
    color: black;
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.tws-client-portal .row.page-container > .section .main-contact-form#Password > .mc-bis-con-area > form input, .page-template-template-admin-feed #Password .mc-bis-con-area > form input {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

.tws-client-portal .row.page-container > .section .main-contact-form#Password > .mc-bis-con-area > form button[type=submit], .page-template-template-admin-feed #Password .mc-bis-con-area > form button[type=submit] {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    transition: 0.6s;
    border-radius: 9px;
    width: auto;
    height: unset;
    background: #000000;
    margin-top: 20px;
}

.tws-client-portal .row.page-container > .section .main-contact-form#Password > .mc-bis-con-area > form button[type=submit]:hover, .page-template-template-admin-feed #Password .mc-bis-con-area > form button[type=submit]:hover {
    background: #ffffff;
    color: #000000;
}

body .wp-2fa-configuration-form .button.enable_styling, body .enable_styling .wp-2fa-button-primary, body .enable_styling .wp-2fa-button-secondary, body .enable_styling #wizard-api-key button, body .enable_styling #wizard-sid-key button, body a.remove-2fa {
    padding: 15px 30px;
    border: solid 2px #010213!important;
    color: #ffffff!important;
    cursor: pointer;
    font-weight: 600!important;
    transition: 0.6s;
    text-transform: unset;
    border-radius: 9px!important;
    box-shadow: none;
    width: auto;
    height: unset;
    background: #000000!important;
    margin-top: 0;
}

body .wp-2fa-configuration-form .button.enable_styling, {
    margin-top: 20px;
}

body .wp-2fa-configuration-form .button.enable_styling:hover, body .enable_styling .wp-2fa-button-primary:hover, body .enable_styling .wp-2fa-button-secondary:hover, body .enable_styling #wizard-api-key button:hover, body .enable_styling #wizard-sid-key button:hover, body a.remove-2fa:hover {
    background: #ffffff!important;
    color: #000000!important;
    border-color: #000000!important;
    border-width: 2px!important;
}

.wp-2fa-configuration-form h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 22px;
}

body .wp2fa-modal.enable_styling .radio-cells {
    margin-bottom: 0;
}

body .wp2fa-modal .wizard-tooltip, body .wp2fa-modal .inline-helper {
    display: none!important;
}

body .wp2fa-modal.enable_styling .radio-cells .option-pill.isSelected {
    border-color: #000000;
}

body .wp2fa-modal.enable_styling .radio-cells .option-pill, body .wp2fa-modal.enable_styling .radio-cells .option-pill label {
    text-align: center!important;
}

.wp2fa-modal .modal__footer {
    padding: unset;
    display: flex;
}

.wp2fa-modal .modal__footer button {
    width: auto;
    max-width: unset;
    min-width: 164px;
}

body .description.mt-5px {
    margin-top: 0;
    display: none;
}

.page-id-5421 #login > h1, .page-id-5421 #login #backtoblog, .page-id-5421 #login .backup-methods-wrap {
    display: none;
}

.page-id-5421 #loginform[name="validate_2fa_form"] {
    background: #ffffff;
    padding: 30px;
    border-radius: 9px;
}

.page-id-5421 #loginform[name="validate_2fa_form"] > p:nth-of-type(2) {
    display: none;
}

.page-id-5421 #loginform[name="validate_2fa_form"] > p input {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

.page-id-5421 #loginform[name="validate_2fa_form"] > p input {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

.page-id-5421 #loginform[name="validate_2fa_form"] > p input[type=submit] {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    transition: 0.6s;
    border-radius: 9px;
    width: auto;
    height: unset;
    background: #000000;
    margin-top: 20px;
}

.add-bd-rul-row {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    transition: 0.6s;
    border-radius: 9px;
    width: auto;
    height: unset;
    background: #000000;
    margin-top: 0;
    margin-bottom: 0;
}

.add-bd-rul-row:hover {
    background: #ffffff;
    color: #000000;
}

.page-id-5421 #loginform[name="validate_2fa_form"] > p input[type=submit]:hover {
    background: #ffffff;
    color: #000000;
}

.page-id-21465 .wp2fa-modal.enable_styling .radio-cells .option-pill:nth-of-type(2) {
    display: none;
}

.page-template-template-admin-feed .tws-keyword-row {
    display: flex;
    width: 100%;
    gap: 4rem;
}

.page-template-template-admin-feed .tws-keyword-row a {
    color: #000000;
}

.page-template-template-admin-feed .tws-keyword-row:nth-of-type(2) {
    /* margin-top: 24px; */
}

.tws-url-table-overflow {
    overflow-x: scroll;
    margin-top: 15px;
    width: 100%;
}

.tws-url-table {
    border: none;
    position: relative;
    background: #ffffff;
    width: 100%;
}

.tws-url-table > tbody {
    background: #ffffff;
}

.tws-url-table > thead {
}

.tws-url-table > thead > tr {
    background: #ffffff !important;
}

.tws-url-table > thead > tr > .tableheader {
    padding: 30px;
    border: none;
}

.tws-url-table > tbody > tr th {
    padding: 20px;
    border: none;
}

.tws-url-table > thead > tr > th {
    font-weight: 600;
    white-space: nowrap;
    text-align: left;
    font-size: 0.9rem;
    text-transform: none;
    color: black;
    padding: 30px 25px;
    border: none;
    position: relative;
}

.tws-url-table tbody tr > td, .tws-url-table tfoot tr > td {
    padding: 15px 25px;
    white-space: nowrap;
    text-align: left;
    border-right: none;
    font-size: 0.9rem;
    border: none;
    border-bottom: solid 2px #f7f8f9;
    vertical-align: middle;
}

.tws-url-table tbody tr > td:nth-of-type(2), .tws-url-table tbody tr > td:nth-of-type(3) {
    text-transform: capitalize;
}

.tws-key-content-tabs .tws-url-table tbody tr > td:nth-of-type(1) {
    text-transform: capitalize;
}

.tws-key-content-tabs .tws-url-table tbody tr > td:nth-of-type(3), #id7 .tws-url-table tbody tr > td:nth-of-type(3) {
    text-transform: unset;
    position: relative;
}

.tws-url-table tbody tr > td a {
    color: #000000;
    font-size: inherit;
}

.tws-url-table tbody tr > td a.company-link {
    display: flex;
    align-items: center;
}

.tws-url-table > tbody > tr {
    background: #ffffff;
}

.tws-url-table > tbody > tr.red-plan_licenses >  td:nth-of-type(3)::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fba0a1;
    position: absolute;
    left: 20px;
    border-radius: 50%;
    top: 11px;
}

.tws-url-table > tbody > tr.green td a {
    text-transform: lowercase;
}

.tws-url-table > tbody > .orange {
    background: #f3bd8a;
}

.tws-url-table > tbody > .red {
    background: #FAA0A0;
}

.tws-content-areas {
    margin-bottom: 70px;
}

.tws-content-areas > h4 {
    margin-bottom: 0;
    padding: 30px;
    padding-bottom: 10px;
    background: #ffffff;
}

.tws-content-areas > p {
    margin-bottom: 0!important;
    padding: 0 30px;
    padding-bottom: 30px;
    background: #ffffff;
}

.modal-add-row-bd {
    width: 100%;
    background: #ffffff;
    padding: 0 30px;
    flex-wrap: wrap;
}

.modal-add-row-bd > form {
    width: 100%;
    padding: 20px 0;
}

.modal-add-row-bd > form input, .modal-add-row-bd > form textarea, .modal-add-row-bd > form select {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
    margin-bottom: 20px;
}

.modal-add-row-bd > form label {
    font-weight: 600;
    line-height: 29px;
    color: black;
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.modal-add-row-bd > form button {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    transition: 0.6s;
    border-radius: 9px;
    width: auto;
    height: unset;
    background: #000000;
    margin-top: 0;
    margin-bottom: 0;
}

.modal-add-row-bd > form button:hover {
    background: #ffffff;
    color: #000000;
}

.tws-event-tabs, .tws-country-tabs, .tws-source-tabs {
    display: flex;
    gap: 1rem;
    padding: 0;
}

.tws-country-tabs, .tws-source-tabs {
    width: 100%;
    display: flex;
    margin-top: 25px;
}

.tws-source-tabs {
    position: absolute;
    right: 0;
    top: 0;
    justify-content: flex-end;
    margin-top: 0;
    width: auto;
}

.tws-event-tabs li a, .tws-country-tabs li a, .tws-source-tabs li a, .tws-copy-button {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    display: inline-table;
}

.tws-copy-button {
    margin-top: 10px;
    display: inline-block;
}

.tws-event-tabs li a:hover, .tws-event-tabs li a.active, .tws-country-tabs li a:hover, .tws-country-tabs li a.active, .tws-source-tabs li a:hover, .tws-source-tabs li a.active, .tws-copy-button:hover {
    background: #ffffff;
    color: #000000;
}

.tws-country-tabs li a.active, .tws-event-tabs li a.active, .tws-source-tabs li a.active {
    background: #C1E1C1;
    border-color: #C1E1C1;
}

.learn_more_link {
    display: none!important;
}

.tws-business-conversions-graph {
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%);
    border-radius: 9px;
    padding: 30px;
    background: white;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.dash-seo-cli-up > ul {
    padding: 0;
    margin-top: 20px;
}

.dash-seo-cli-up > ul > li,.dash-seo-cli-up > ul > li a {
    color: #2c2c2c;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs > .tab-option:hover span {
    visibility: visible;
    opacity: 1;
    right: 13px;
    color: #ffffff !important;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container:nth-of-type(1) .tws-admin-tabs {
    padding: 0;
}

.page-id-21547 .tws-url-table tbody tr > td {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
}

.page-id-21547 .tws-url-table tbody tr > td.tws-man-payment {
    background: #FAA0A0;
    color: #ffffff;
}

.page-id-21547 .tws-url-table tfoot tr > td {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
}

.page-id-21547 .tws-url-table tbody tr > td:nth-of-type(1) {
    width: 214px;
    min-width: 214px;
}

.page-id-21547 form, .page-id-10265 form#add-row-form {
    margin-top: -2px;
    opacity: 0;
    visibility: hidden;
    transition: .9s;
}

.page-id-21547 #add-seo-row-form.active, .page-id-21547 #add-ppc-row-form.active, .page-id-21547 #add-hmi-row-form.active, .page-id-21547 #add-exp-row-form.active, .page-id-21547 #add-sal-row-form.active, .page-id-21547 #add-dends-row-form.active, .page-id-21547 #add-com-row-form.active, .page-id-21547 #add-tar-row-form.active, .page-id-10265 #add-row-form.active {
    opacity: 1;
    visibility: visible;
}

.page-id-21547 form .tws-url-table tbody tr > td, .page-id-10265 #add-row-form .tws-url-table tbody tr > td {
    padding: 0;
    background: #ffffff;
    /* position: relative; */
    /* left: unset; */
    color: #000000;
}

.page-id-21547 .tws-url-table tbody tr > td input, .page-id-10265 #add-row-form .tws-url-table tbody tr > td input {
    width: 100%;
    border: none;
    padding: 23px 30px;
    font-size: 0.9rem;
}

.page-id-21547 .tws-url-table tbody tr > td select {
    width: 100%;
    border: none;
    padding: 23px 30px;
    color: #000000;
    font-size: 0.9rem;
    opacity: 1;
}

.page-id-21547 .tws-url-table tbody tr > td select:disabled {
    cursor: not-allowed;
}

.page-id-21547 .tws-url-table > tbody > tr {
    background: #ffffff;
}

.page-id-21547 .tws-content-areas > p {
    background: none;
    padding: 0;
    margin: 0;
}

.page-id-21547 form .tws-url-table tbody tr > td:last-of-type , .page-id-10265 form#add-row-form .tws-url-table tbody tr > td:last-of-type {
    padding: 23px 30px;
}

.page-id-21547 form .tws-url-table tbody tr > td:last-of-type button, .page-id-10265 form#add-row-form .tws-url-table tbody tr > td:last-of-type button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    color: #000000;
    font-size: 15px;
    transition: 0.6s;
}

.page-id-21547 form .tws-url-table tbody tr > td:last-of-type button:hover {
    color: #C1E1C1;
}

.page-id-21547 .tws-url-table tbody tr > td a {
    margin-right: 25px;
}

.page-id-21547 .tws-url-table > tbody > tr > td:nth-of-type(1) , .page-id-21547 .tws-url-table > thead > tr > th:nth-of-type(1), .page-id-21547 .tws-url-table > tfoot > tr > td:nth-of-type(1) {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #ffffff;
}

.page-id-21547 .tws-url-table > thead > tr > th:nth-of-type(1), .page-id-21547 .tws-url-table > tfoot > tr > td:nth-of-type(1) {
    background: #000000;
}

.page-id-21547 .tws-url-table tbody tr > td {
    padding: 12px 30px;
}

.page-id-21547 .tws-url-table-overflow {
    overflow: unset;
}

.page-id-21547 .tws-url-table > thead {
    position: sticky;
    top: 0;
    z-index: 999;
}

.page-id-21547 .tws-url-table > thead > tr, .page-id-21547 .tws-url-table > tfoot > tr {
    background: #000000 !important;
}

.page-id-21547 .tws-url-table > thead > tr th, .page-id-21547 .tws-url-table > tfoot > tr td {
    color: #ffffff;
}

.page-id-21547 .tab-container {
    display: flex;
    /* width: 100%; */
    background: #ffffff;
    padding: 3px;
    border-radius: 50px;
    overflow: hidden;
    overflow-x: scroll;
}

.page-id-21547 .tab {
    padding: 13px 40px;
    cursor: pointer;
    margin: 0;
    border-bottom: none;
    white-space: nowrap;
    width: auto;
}

.page-id-21547 .tab.active {
    background-color: #f7f8f9;
    border-radius: 50px;
}

.page-id-21547 .tab-content {
    display: none;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.page-id-21547 .tab-content.active {
    display: block;
}

.page-template-template-admin-feed.page-id-21547 .tws-client-portal > .row.page-container.admintabcontent > .section {
    justify-content: flex-start;
    align-content: flex-start;
}

.page-template-template-admin-feed .tws-feed-tab {
    display: flex;
    width: auto;
    background: #ffffff;
    padding: 3px;
    border-radius: 50px;
}

.page-template-template-admin-feed .tws-feed-tab button {
    padding: 13px 40px!important;
    cursor: pointer;
    margin-right: 5px;
    margin: 0;
    border-bottom: none;
    font-size: 16px;
    line-height: unset;
    border: none;
}

.page-template-template-admin-feed .tws-feed-tab button.active {
    background-color: #f7f8f9;
    border-radius: 50px;
    border: none;
    font-size: 16px;
    line-height: unset;
}

.page-template-template-admin-feed .tws-feed-tab button:hover {
    color: unset;
    background: #f7f8f9;
    border-radius: 50px;
}

.tws-figures-targets {
    display: flex;
    padding-bottom: 2rem;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

.tws-in-fig {
    border: solid 2px #ffffff;
    border-radius: 20px;
    overflow: hidden;
    background: #f7f8f9;
    font-size: 12px;
    flex: 1 1 0px;
    text-align: center;
}

.tws-in-fig-wide {
    border: solid 2px #ffffff;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    font-size: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tws-in-fig-wide > .title-row {
    width: 100%;
    padding: 24px;
    padding-bottom: 0;
}

.tws-in-fig-wide > .title-row > h4 {
    width: 100%;
    padding-bottom: 7px;
}

.tws-in-fig-wide > .title-row > span {
    width: 100%;
    border-bottom: solid 2px #f6f8f9;
    padding-bottom: 24px;
    display: block;
}

.tws-in-fig.red h3 {
    color: #C1E1C1;
}

.tws-in-fig.green h3 {
    color: #FAA0A0;
}

.tws-in-fig > .top, .tws-in-fig > .bottom, .tws-in-fig-wide-option > .top {
    padding: 24px;
}

.tws-in-fig > .top > span {
    display: inline-block;
    width: 100%;
}

.tws-in-fig > .top > h3, .tws-in-fig > .top > input {
    width: 100%;
    padding-top: 9px;
    font-size: 1.7rem;
}

.tws-in-fig > .bottom {
    background: #ffffff;
    padding: 14px 24px;
    font-weight: 500;
}

.tws-in-fig > .top > input {
    font-size: 2rem;
    font-weight: 500;
    background: none;
    border: none;
    color: #000000;
    outline: none;
}

.tws-overlay_acf_form.tws-new-form-october {
    justify-content: flex-end;
    z-index: 99999;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode {
    height: 100%;
    max-height: 100%;
    width: 550px;
    padding: 50px;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form label {
    width: 100%;
    font-size: 1rem;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 8px;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form label.techwise-input-tick {
    display: flex;
    gap: .6rem;
    align-items: center;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input:read-only {
    background: #c7c7c7;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form textarea {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    margin-bottom: 20px;
    width: 100%;
    height: 165px;
    line-height: 21px;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form select {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form select.select2-hidden-accessible {
    opacity: 0;
    visibility: h;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form .select2 {
    /* border: solid 1px black; */
    border-radius: 5px;
    height: 42px;
    /* padding: 10px 20px; */
    font-family: "Inter", sans-serif;
    margin-bottom: 20px;
    width: 100%!important;
}

.tws-overlay_acf_form.tws-new-form-october .acf_form_shortcode_close, .tws-overlay_acf_form.tws-new-form-october .task_acf_form_shortcode_close {
    top: 1rem;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=submit],
#add-plan-row {
    padding: 15px 30px;
    border: solid 2px #010213;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 9px;
    height: unset;
    width: auto;
    transition: 0.6s;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=submit]:hover,
#add-plan-row:hover {
    background: #ffffff;
    color: #010213;
    border-color: #010213;
}

#add-plan-row {
    margin-bottom: 20px;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area .delete-post-button {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1.3rem;
    color: #FAA0A0;
    cursor: pointer;
    transition: .6s;
    opacity: 0;
    visibility: hidden;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area .delete-post-button:hover {
    color: #000000;
}

.page-template-template-admin-feed .tws-client-portal > .row.page-container.admintabcontent.tws-new-admin-oct-tabs .main-contact-form > .tabcontent .mc-bis-con-area:hover .delete-post-button {
    opacity: 1;
    visibility: visible;
}

.tws-update-comments {
    width: 100%;
    margin-top: 40px;
    display: none;
}

.tws-update-comments.active {
    display: block;
}

.tws-comment-replies > .reply-area > h3 {
    font-size: 21px;
    padding: 40px 0;
    padding-top: 40px;
    display: flex;
    align-items: center;
}

.tws-comment-replies > .reply-area > h3 > span {
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    padding: 6px 11px;
    border-radius: 50px;
    margin-left: 6px;
}

.tws-update-comments > .tws-comment-box > form, .tws-update-comments > .tws-comment-box > div {
    background: #f6f8f9;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    padding-bottom: 20px;
}

.tws-update-comments > .tws-comment-box > form > div , .tws-update-comments > .tws-comment-box > form > div > div, .tws-update-comments > .tws-comment-box > div > div , .tws-update-comments > .tws-comment-box > div > div > div {
    border: none;
    box-shadow: none;
}

.tws-update-comments > .tws-comment-box > form > div > .mce-container-body, .tws-update-comments > .tws-comment-box > div > div > .mce-container-body {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
}

.tws-update-comments > .tws-comment-box > form > div > .mce-container-body > div, .tws-update-comments > .tws-comment-box > div > div > .mce-container-body > div {
    width: 100%;
    background: #ffffff;
    padding: 20px;
    border: navajowhite;
}

.tws-update-comments > .tws-comment-box > form > div > .mce-container-body > div.mce-top-part, .tws-update-comments > .tws-comment-box > div > div > .mce-container-body > div.mce-top-part {
    order: 2;
    background: none;
    padding: 20px 0;
    padding-bottom: 0;
    margin-top: 40px;
    background: #f6f8f9;
}

.tws-update-comments > .tws-comment-box > form > div > .mce-container-body > div.mce-statusbar, .tws-update-comments > .tws-comment-box > div > div > .mce-container-body > div.mce-statusbar {
    display: none;
}

.tws-update-comments > .tws-comment-box > form > div > .mce-container-body > div.mce-top-part div, .tws-update-comments > .tws-comment-box > div > div > .mce-container-body > div.mce-top-part div {
    border: none;
    background: #f6f8f9;
    box-shadow: none;
}

.tws-update-comments > .tws-comment-box > form input[type=submit], .tws-update-comments > .tws-comment-box > div input[type=submit] {
    padding: 15px 30px;
    border: none;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    width: auto;
    transition: 0.6s;
    position: absolute;
    right: 30px;
    bottom: 15px;
}

.tws-update-comments > .tws-comment-box > form input[type=submit]:hover, .tws-update-comments > .tws-comment-box > div input[type=submit]:hover {
    background: #ffffff;
    color: #010213;
    border-color: #010213;
}

.tws-comment-replies .reply {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.tws-comment-replies .reply > .left {
    position: relative;
    width: 34px;
    border-radius: 50px;
    overflow: hidden;
    height: 34px;
}

.tws-comment-replies .reply > .left > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.tws-comment-replies .reply > .right {
    padding-left: 15px;
    width: calc(100% - 34px);
}

.tws-comment-replies .reply:last-of-type {
    margin-bottom: 0;
}

.tws-comment-replies .reply > .right > h4 {
    /* line-height: 1.7rem; */
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 6px;
}

.tws-comment-replies .reply > .right > p {
    font-size: 14px;
}

.tws-comment-replies .reply > .right > h4 > span {
    font-size: 12px;
    color: #959595;
    font-weight: 400;
    padding-left: 5px;
}

.tws-comment-replies .reply > .right > ul, .tws-comment-replies .reply > .right > ol {
}

.tws-comment-replies .reply > .right li {
    font-size: 14px!important;
}

.add-comment {
    padding: 15px 30px;
    border: solid 1px #000000;
    color: white;
    cursor: pointer;
    font-weight: 600;
    background: #010213;
    border-radius: 50px;
    height: unset;
    font-size: 14px;
    width: auto;
    transition: 0.6s;
    margin-top: 20px;
    display: inline-table;
}

.add-comment:hover {
    background: #ffffff;
    color: #010213;
    border: solid 1px #000000;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:nth-of-type(1) {
    width: 600px;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:last-of-type {
    width: 129px;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:nth-of-type(1) {
    width: 600px;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:last-of-type {
    width: 129px;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:last-of-type > button {
    border: none;
    cursor: pointer;
    background: none;
    transition: .6s;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:last-of-type > button:hover {
    color: #c1e1c2;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr > td:last-of-type a {
    opacity: 0;
    visibility: hidden;
}

.page-id-10265 .tws-key-content-tabs .tws-url-table tbody tr.red > td:last-of-type a {
    opacity: 1;
    visibility: visible;
}

.project-modal {
    position: fixed;
    width: calc(100% - 100px);
    height: 100vh;
    background: #000000b8;
    z-index: 99999999;
    left: 0;
    top: 0;
    display: none;
    align-items: flex-start;
    justify-content: center;
    margin-left: 100px;
    padding: 0;
}

.project-modal .modal-content-new {
    position: relative;
    background-color: #f7f8f9;
    width: 100%;
    padding: 80px 65px;
    height: 100%;
    overflow-y: scroll;
}

.project-modal .modal-content-new .close-modal {
    color: #000000;
    position: absolute;
    top: 40px;
    right: 60px;
    font-size: 40px;
    cursor: pointer;
}

.project-modal .modal-content-new #modal-title {
    letter-spacing: -2px;
    line-height: 1.1;
    width: 100%;
    padding: 0;
    margin-bottom: 26px;
    font-size: 44px;
}

.project-modal .modal-content-new > span {
    font-weight: 600;
    line-height: 29px;
    color: black;
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.tws-modal-pro-split {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.tws-modal-pro-split > .tws-modal-pro-split-left {
    width: 400px;
}

.tws-modal-pro-split > .tws-modal-pro-split-left .tws-side-op {
    display: flex;
    flex-wrap: wrap;
    /* background: #ffffff; */
    /* padding: 30px; */
    /* box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 5%); */
    /* border-radius: 9px; */
    border-bottom: solid 1px #000000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tws-modal-pro-split > .tws-modal-pro-split-left .tws-side-op > h2 {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100%;
}

.tws-modal-pro-split > .tws-modal-pro-split-left .tws-side-op > span, .tws-modal-pro-split > .tws-modal-pro-split-left .tws-side-op > span a {
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    line-height: 1.7rem;
    font-weight: 500;
    color: #000000;
}

.tws-modal-pro-split > .tws-modal-pro-split-left .tws-side-op > span > a {
    margin-left: 12px;
}

#todo {
    margin-top: 30px;
    background: #ffffff;
    border-radius: 9px;
    width: 49%;
    padding: 30px;
}

#pop-pro-details {
    margin-top: 30px;
    background: #ffffff;
    border-radius: 9px;
    width: 49%;
    padding: 30px;
    height: unset;
}

.todo-option {
    width: 100%;
    background: #f7f8f9;
    position: relative;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 30px;
    border-radius: 9px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.todo-option:last-of-type {
    /* background: #e5e5e5; */
}

.todo-option .siwf-right {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    width: 100%;
}

.todo-option .siwf {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.todo-option .siwf-right > .siwf {
    width: unset;
}

.todo-option .siwf > h3 {
    font-size: 21px;
    width: 100%;
}

.todo-option .siwf > h5 {
    color: #909090;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
}

.todo-option .siwf > h4 {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
}

.todo-option .siwf > span {
    background: none;
    padding: 6px 18px;
    border: solid 1px #000000;
    z-index: 99999;
    border-radius: 9px;
    font-size: 12px;
}

.todo-option .siwf > span.user {
    background: none;
    border: none;
    padding: 0;
    height: 35.5px;
    width: 35.5px;
    border-radius: 50%;
    overflow: hidden;
}

.todo-option .siwf > span.user img {
    height: 100%;
    object-fit: cover;
}

.todo-option .siwf > span.files {
    background: none;
    border: solid 1px #000000;
    color: #000000;
}

.todo-option .siwf > span.complete, .todo-option .siwf > span.open {
    background: none;
    border: solid 1px #000000;
    color: #000000;
    cursor: pointer;
}

.pro-page {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: flex-start;
}

#pop-pro-details > .insert-desc {
    outline: none;
}

#pop-pro-details > .insert-desc p {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000000;
}

#pop-pro-details > .insert-desc li {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000000;
    list-style-type: disc;
}

.todo-option.completed .siwf > span {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.pro-de-side-table {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding-top: 40px;
}

.pro-de-side-table .dak-opt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 35.5px;
}

.pro-de-side-table .dak-opt span:nth-of-type(1) {
    width: 200px;
    font-weight: 600;
}

.pro-de-side-table .dak-opt span:nth-of-type(2) {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.pro-de-side-table .dak-opt span:nth-of-type(2) > a {
    color: #000000;
}

.pro-de-side-table .dak-opt span:nth-of-type(2)> img {
    height: 35.5px;
    width: 35.5px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}

.track-time {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 9px;
    justify-content: space-between;
    margin-top: 40px;
    border: solid 1px #000000;
    position: relative;
    /* Ensures proper stacking context */
    overflow: hidden;
    background: #ffffff;
    /* Ensure the parent has a solid background */
}

.track-time i {
    background: #000000;
    padding: 10px;
    border-radius: 9px;
    color: #ffffff;
    margin-right: 10px;
}

.track-time .side {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    /* Ensure text appears above progress bar */
    /* Adjusts text color dynamically */
}

.track-time .side:nth-of-type(2) {
    padding-right: 10px;
}

.progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 67%;
    /* Example progress width */
    background: #d9d9d9;
    /* Progress color */
    z-index: 0;
    /* Place behind text */
}

.todo-option.red {
    background: #fba0a1;
}

.todo-option .siwf.task-text, .todo-option .siwf.task-text p {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    line-height: 23px;
}

.todo-option .siwf.task-text > .toggle-text {
    font-size: inherit;
    color: #000000;
    width: 100%;
    /* margin-top: 16px; */
}

.todo-option.completed h3, .todo-option.completed .siwf.task-text {
    text-decoration: line-through;
}

.tws-spupport-number {
    background: #000000;
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}

.tws-spupport-number h2, .tws-spupport-number p, .tws-spupport-number a {
    color: #ffffff!important;
}

body .tws-spupport-number a {
    font-size: inherit;
    text-decoration: underline;
}

.tws-client-portal .banner-container > .banner-content.tws-services {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.tws-client-portal .banner-container > .banner-content.tws-services > .inside-services {
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}
.tws-client-portal .banner-container > .banner-content.tws-services > .inside-services form {
    width: 100%;
}

.form-table.wp-2fa-user-profile-form {
    color: #000000;
}

.tws-support-cancel {
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}

#cancel-service-form {
    background: #ffffff;
    margin-top: 40px;
    border: solid 1px #000000;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}

#cancel-service-form .cancel-option {
    margin-bottom: 20px;
}

#cancel-service-form .cancel-option label {
    margin-bottom: 14px;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.45;
    width: 100%;
    display: block;
}

#cancel-service-form .cancel-option select {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

#cancel-service-form .cancel-option textarea {
    border: solid 1px black;
    border-radius: 5px;
    height: 142px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

#cancel-service-form #dynamic-message {
    margin-bottom: 40px;
    background: #000000;
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}

#cancel-service-form #dynamic-message h2, #cancel-service-form #dynamic-message p, #cancel-service-form #dynamic-message a {
    color: #ffffff!important;
}

#cancel-service-form #dynamic-message a {
    font-size: inherit;
    text-decoration: underline;
}

.tws-project-form-message p {
    padding-bottom: 20px;
    font-size: .8rem;
    font-style: italic;
}

.tws-project-form-message p > a {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

.tws-project-form-message p:last-of-type {
    padding-bottom: 0;
}

.tws-project-form-message.show-red {
    background: #FAA0A0;
    padding: 20px;
    border-radius: 9px;
}

.page-id-10102 .tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox], 
.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox] {
    border: none;
    border-radius: 5px;
    height: 20px;
    padding: unset;
    font-family: unset;
    margin-bottom: 20px;
    width: 20px;
    -webkit-appearance: unset;
    position: relative;
}

.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form label.techwise-input-tick input[type=checkbox] {
    margin-bottom: 0;
}

.page-id-10102 .tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:before, 
.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: #e9e9e9;
}

.page-id-10102 .tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:checked:before, 
.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: #000000;
}

.page-id-10102 .tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:checked:after, 
.tws-overlay_acf_form.tws-new-form-october > .tws_acf_form_shortcode form input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

.tws-client-portal .row.page-container .mc-bis-con-area.project-colour.green {
    background: #C1E1C1;
}

.tws-client-portal .row.page-container .mc-bis-con-area.project-colour.yellow {
    background: #f3bd8a;
}

.slas {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.mc-bus-contact .slas .mc-bis-con-area {
    width: 49%;
}

.new-project-tasks {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
}

.new-project-tasks > .project-task {
    width: 100%;
}

.new-project-tasks > .project-task tr:nth-of-type(1) th {
    font-weight: 600;
    white-space: nowrap;
    text-align: left;
    border-right: solid 1px #e5e5e5;
    font-size: 0.9rem;
    text-transform: none;
    color: #ffffff;
    padding: 30px;
    border: none;
    background: #000000;
}

.new-project-tasks > .project-task > tbody> tr > td {
    white-space: nowrap;
    text-align: left;
    border-right: solid 1px #e5e5e5;
    font-size: 0.9rem;
    text-transform: none;
    padding: 20px 30px;
    border: none;
    background: #ffffff;
}

.new-project-tasks > .project-task > tbody > tr.Completed > td {
    background: #c1e1c2;
}

.new-project-tasks > .table-task-side {
    width: 100%;
    margin-bottom: 40px;
}

.new-project-tasks > h2 {
    font-size: 1.5rem;
    margin-bottom: 7px;
    margin-top: 0;
}

.new-project-tasks > .project-task.completed tr:nth-of-type(1) th {
    background: #C1E1C1;
    color: #000000;
}

.new-project-tasks > .project-task > tbody > tr > td > a {
    color: #000000;
    margin-right: 25px;
}

.new-project-tasks > .project-task > tbody > tr > td > form {
    width: auto;
    margin-right: 25px;
    display: inline-block;
}

.new-project-tasks > .project-task > tbody > tr > td > form button {
    color: #000000;
    border: none;
    background: padding-box;
    padding: 0;
    font-size: 15px;
    cursor: pointer;
    font-weight: 900;
}

.new-project-tasks > .project-task > tbody > tr.Completed > td > form {
    display: none;
}

.new-project-tasks > .project-task > tbody > tr.Completed > td > a:last-of-type {
    margin-right: 0;
}

.tws-web-columns .tws-web-column .option .toggle-container {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.tws-web-columns .tws-web-column .option .toggle-container .switch {
    overflow: hidden;
    border-radius: 30px;
    height: 25px;
    width: 50px;
}

.tws-web-columns .tws-web-column .option .toggle-container .switch .slider {
    background: #f6f8f9;
}

.tws-web-columns .tws-web-column .option .toggle-container .project-waiting-toggle {
    height: 20px;
    background: #fba0a1;
    width: 20px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 2.5px;
    margin: 0;
    right: 2.5px;
    border-radius: 30px;
}

.tws-web-columns .tws-web-column .option .toggle-container .project-done-toggle {
    height: 20px;
    background: #C1E1C1;
    width: 20px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 2.5px;
    margin: 0;
    left: 2.5px;
    border-radius: 30px;
}

.tws-in-fig-wide-option {
    border-right: solid 2px #f6f8f9;
    overflow: hidden;
    font-size: 12px;
}

.tws-in-fig-wide-option.small {
    flex: 1;
}

.tws-in-fig-wide-option.large {
    flex: 2;
}

.tws-in-fig-wide-option > .top {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.tws-in-fig-wide-option > .top > i {
    width: 55px;
    height: 55px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #ffffff;
    font-size: 1.6rem;
}

.tws-in-fig-wide-option.large > .top {
    height: 100%;
}

.tws-in-fig-wide-option.large > .top > .line {
    height: 20px;
    width: 100%;
    background: #f6f8f9;
    border-radius: 29px;
    position: relative;
    overflow: hidden;
}

.tws-in-fig-wide-option.large > .top > .line > .inside-line {
    background: #000000;
    height: 20px;
}

.tws-in-fig-wide-option > .top > .inside-bottom {
    display: flex;
    flex-wrap: wrap;
}

.tws-in-fig-wide-option > .top > .inside-bottom > span {
    width: 100%;
    display: block;
    padding-bottom: 2px;
}

.tws-in-fig > .top > span.last_month {
    padding-top: 9px;
}

.tws-in-fig > .top > span.last_month > .green {
    color: #C1E1C1;
}

.tws-in-fig > .top > span.last_month > .red {
    color: #FAA0A0;
}

.tws-in-fig.ticket {
    background: #ffffff;
}

.nav-float-top {
    padding: 30px 30px 90px 30px;
}

.nav-float-top > img {
    /* filter: brightness(100%) invert(100); */
    width: 78%;
}

.nav-float-bottom {
    padding: 0 30px;
    padding-bottom: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.nav-float-bottom > span {
    color: #ffffff;
    font-weight: 500;
    font-size: .8rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
}

.nav-float-bottom > img {
    border-radius: 50%;
    height: 46px;
    width: 46px;
}

.user-dropdown-toggle {
    /* position: relative; */
    cursor: pointer;
}

.user-dropdown-menu {
    display: none;
    position: absolute;
    bottom: 101px;
    left: 0;
    background-color: #fff;
    border: none;
    min-width: 100%;
    z-index: 99;
    padding: 0;
    border-radius: 0;
}

.user-dropdown-menu a.logout-link {
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 500;
}

.user-dropdown-menu a.logout-link:hover {
    background-color: #f0f0f0;
}

.user-dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-dropdown-menu ul li {
    border-bottom: 1px solid #eee;
}

.user-dropdown-menu ul li:last-child {
    border-bottom: none;
}

.user-dropdown-menu li a,
.user-dropdown-menu li button {
    display: block;
    padding: 13px 20px;
    text-decoration: none;
    color: #000000;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: none;
    background: none;
    font-size: 15px;
}

.user-dropdown-menu ul li a:hover,
.user-dropdown-menu ul li button:hover{
    background: #f5f5f5;
}

.tws-url-table > tbody > tr .middle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tws-url-table > tbody > tr .round {
    display: flex;
    width: 50px;
    height: 50px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #e9e9e9;
    color: #bebebe;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    border: solid 1px #e9e9e9;
}

.tws-url-table > tbody > tr .round.has-logo {
    background-color: #ffffff;
    border: solid 1px #000000;
    padding: 5px;
}

.tws-url-table > tbody > tr .round.has-logo img {
    border-radius: 50%;
    overflow: hidden;
    object-fit: contain;
    height: 100%;
}

.tws-contact-book .tws-url-table > tbody td.active span, 
.tws-contact-book .tws-url-table > tbody td.not-active span,
.tws-contact-book .tws-url-table > tbody td.leaving span,
.tws-contact-book .tws-url-table > tbody td.green-plan_licenses span,
.tws-contact-book .tws-url-table > tbody td.red-plan_licenses span {
    padding: 10px 20px;
    background: #f6f8f9;
    border-radius: 50px;
    font-size: .7rem;
}

.tws-contact-book .tws-url-table > tbody td.leaving span {
    background: #fba0a1;
}

.tws-contact-book .tws-url-table > tbody td.active span {
    background: #C1E1C1;
}

.tws-contact-book .action-wrapper {
    position: relative;
    display: inline-block;
}

.tws-contact-book .action-toggle {
    cursor: pointer;
    padding: 5px;
}

.tws-contact-book .action-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    min-width: 150px;
    border-radius: 4px;
}

.tws-contact-book .action-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tws-contact-book .action-dropdown ul li {
    border-bottom: 1px solid #eee;
}

.tws-contact-book .action-dropdown ul li:last-child {
    border-bottom: none;
}

.tws-contact-book .action-dropdown ul li a {
    display: block;
    padding: 13px 20px;
    text-decoration: none;
    color: #000000;
}

.tws-contact-book .action-dropdown ul li a:hover {
    background: #f5f5f5;
}

#amendmentsForm {
    background: #f7f8f9;
    padding: 80px;
    /* width: 400px; */
}

#amendmentsForm > h3 {
    font-size: 44px;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 50px;
}

#amendmentsForm > #pagesWrapper > .page-block {
    background: white;
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%);
    padding: 30px;
    border-radius: 9px;
    margin-bottom: 30px;
}

#amendmentsForm > #pagesWrapper > .page-block > h4 {
    font-size: 21px;
    margin-bottom: 20px;
}

.file-hidden {
    display: none;
}

.amendment-controls {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

#amendmentsForm > #pagesWrapper > .page-block > .input-bak > input {
    border: none;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    width: 100%;
}

#amendmentsForm > #pagesWrapper > .page-block > .input-bak {
    background: #f6f8f9;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}

#amendmentsForm .tws-update-comments {
    margin-top: 20px;
}
.single-client_portal .tws-admin-tabs > .tab-option {
    width: 100%;
    margin: 0;
    position: relative;
    border: solid 1px #ffffff;
    align-items: center;
    box-shadow: unset;
    border-radius: 15px;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    padding: 19px;
    text-align: left;
    flex-wrap: unset;
    font-size: 0;
    margin-bottom: 0;
    border: none;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.single-client_portal .tws-admin-tabs > .tab-option.active, .single-client_portal .tws-admin-tabs > .tab-option:hover {
    border-left: solid 3px #ffffff;
    border-radius: 0;
    background: none;
}

.single-client_portal .tws-admin-tabs > .tab-option.active > span, .single-client_portal .tws-admin-tabs > .tab-option.active > i {
    color: #ffffff;
}

.single-client_portal .tws-admin-tabs > .tab-option.nav-float-top {
    padding: 30px 30px 90px 30px;
}





.priority-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.priority-card {
    border: 1px solid #ccc;
    padding: 0;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    background: #f9f9f9;
    transition: all 0.3s ease;
    margin-bottom: 0!important;
    overflow: hidden;
}

.priority-card:hover {
    border-color: #0073aa;
}

.priority-card input[type="radio"] {
    display: none;
}

.priority-card strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.priority-card small {
    font-size: 12px;
    color: #555;
}

.tws-support-form {
    margin-bottom: 20px;
    margin-top: 0!important;
}

.tws-support-form label {
    margin-bottom: 14px;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.45;
    width: 100%;
    display: block;
}

.tws-support-form select {
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
    margin-bottom: 20px;
}

.tws-support-form input{
    border: solid 1px black;
    border-radius: 5px;
    height: 42px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
    margin-bottom: 20px;
}

.userSearchInput {
    border: none;
    padding: 17px 27px;
    font-family: "Inter", sans-serif;
    margin-bottom: 20px;
    border-radius: 50px;
}

.userSearchInput {
    width: 400px;
    background: #ffffff;
    outline: none;
}

.tws-support-form textarea {
    border: solid 1px black;
    border-radius: 5px;
    height: 142px;
    padding: 10px 20px;
    font-family: "Inter", sans-serif;
    width: 100%;
}

#cancel-service-form #dynamic-message {
    margin-bottom: 40px;
    background: #000000;
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border-radius: 9px;
}

.priority-card .priority-inner {
    padding: 1rem;
    overflow: hidden;
    height: 100%;
}

.priority-card input[type="radio"]:checked + .priority-inner {
    background: #000000;
    color: #fff;
}

.priority-card input[type="radio"]:checked + .priority-inner small {
    color: #ffffff;
}

.inside-services .notice-success {
    color: #000000;
    padding-bottom: 20px;
    font-style: italic;
    font-weight: 600;
}


.tws-contact-book .tws-url-table > tbody td.green-plan_licenses span {
    background: #c1e1c2;
}

.tws-contact-book .tws-url-table > tbody td.red-plan_licenses span {
    background: #FAA0A0;
}

.tws-url-table > thead > tr > th .sort-arrow {
    margin-left: 5px;
    font-size: 0.8em;
    color: #000000;
    position: absolute;
    right: 0;
}

.notice.success {
    display: none;
}

#support_plan_details_wrapper h4 {
    width: 100%;
    font-size: 1rem;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 8px;
}

#support_plan_details_wrapper .plan-row {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
    background: #f6f8f9;
    position: relative;
}

#support_plan_details_wrapper .plan-row select,
#support_plan_details_wrapper .plan-row input {
    margin-bottom: 0;
}

#support_plan_details_wrapper .plan-row  .remove-plan-row {
    background: #000000;
    border: solid 1px #000000;
    width: 20px;
    transition: .6s;
    height: 20px;
    font-size: 10px;
    position: absolute;
    top: -10px;
    display: flex;
    right: -10px;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    align-items: center;
    line-height: 0;
    cursor: pointer;
}

#support_plan_details_wrapper .plan-row .remove-plan-row:hover {
    border: solid 1px #000000;
    background: #ffffff;
    color: #000000;
}


.tws-client-portal .banner-container > .banner-content.tws-services > .inside-services .plan-options-list {
    line-height: 1.7rem;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
    padding-left: 30px;
}

.tws-client-portal .banner-container > .banner-content.tws-services > .inside-services .plan-options-list > li {
    list-style-type: disc;
}


.tws-overlay_acf_form.tws-new-form-october#sendUserFormWrapper {z-index: 999999;}