.inline-header.right .main-nav {
    -ms-flex-pack: flex-start!important;
    -ms-justify-content: flex-start!important;
    justify-content: flex-start!important;
    -ms-flex-pack: start!important;
}

.inline-header .main-nav > li > a {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.inline-header .branding > a, .branding > img {
    padding: 0;
    max-width: 80px;
}

.inline-header .branding > a {
    padding-left: 15px;
}

.inline-header .header-bar > .mini-widgets, .inline-header .widget-box .mini-widgets {
    padding-right: 15px;
}

.masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space {
    height: 80px;
    min-height: 80px;
}

.inline-header .mini-widgets .text-area .btn-shortcode,
.mobile-mini-widgets .text-area .btn-shortcode,
.mobile-mini-widgets-in-menu .text-area .btn-shortcode {
    padding: 8px 24px!important;
    font-size: 14px!important;
    line-height: 18px!important;
    margin-bottom: 0;
    border-radius: 4px !important;
    font-weight: 700!important;
    background: #04446B!important;
}

.inline-header .mini-widgets .text-area .btn-shortcode:hover,
.mobile-mini-widgets .text-area .btn-shortcode:hover,
.mobile-mini-widgets-in-menu .text-area .btn-shortcode:hover {
    background: #81C4EE!important;
}

h1 {
    font-size: 42px!important;
    line-height: 56px!important;
    font-weight: 700!important;
    letter-spacing: 0!important;
    text-transform: none!important;
}

.masthead:not(.side-header).full-height .main-nav {
    margin-bottom: 0!important;
}

.getstarted-container > .wpb_column > .vc_column-inner {
    padding-top: 0!important;
}

.getstarted-container > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row {
    padding-top:  0!important;
    padding-bottom: 40px!important;
    margin: 25px 0 0!important;
     display: flex;
  align-items: center;
}

.gradient-colour .upb_row_bg {
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgb(255, 255, 255) 51%, rgb(243, 246, 255) 51%) repeat scroll 0% 0%!important;
}

.upbrowbg .upb_row_bg {
    background:  #f3f6ff!important;
}

.darker.upbrowbg .upb_row_bg {
    background: #e3e8fb!important;
}

.whitebg.upbrowbg .upb_row_bg {
    background: #fff!important;
}

.wpb_raw_code {
    margin-bottom: 0!important;
}

#main > .wf-wrap {
    background:  #f3f6ff;
}

#content > .vc_row:not(:first-child) > .wpb_column > .vc_column-inner {
    padding-top: 0px!important;
    padding-bottom: 30px!important;
}

#main {
    padding: 0;
}

.overflow-hidden,
.overflow-hidden .vc_row {
    overflow: hidden;
}

html, body, body.page, .wf-container > * {
    font-size: 18px;
    line-height: 27px;
}

.vc_row.large-pads-left-right {
    padding-left: 120px!important;
    padding-right: 120px!important;
}

.header-bar, #content .vc_row.wpb_row:not(.full-width) {
    max-width: 1280px!important;
    margin: 0 auto;
}

.whitebg.upbrowbg, 
.upbrowbg.darker {
    margin-top: 60px!important;
    margin-bottom: 30px!important;
}

#content > .whitebg.upbrowbg.vc_row > .wpb_column > .vc_column-inner {
    padding-bottom: 0!important;
}

.testimonial-container .aio-icon-header h3.aio-icon-title {
    font-size: 16px!important;
}

.testimonial-container .aio-icon-header + .aio-icon-description {
    font-size: 14px!important;
    line-height: 15px!important;
}

.aio-icon-header + .aio-icon-description {
    margin-top: 5px!important;
}

.content .dt-btn {
    font-size: 16px!important;
    line-height: 24px!important;
    font-weight: bold!important;
}

.content .dt-btn-m {
    padding: 8px 30px!important;
    background: #81C4EE!important;
    border-radius: 4px!important;
    color: #fff!important;
}

.content .dt-btn-m:hover {
    background: #04446B!important;
}

.featured-img .vc_single_image-wrapper {
    border-radius: 20px;
   /* box-shadow: 0px 3.48658px 34.8658px rgba(0, 0, 0, 0.08);*/
}

.highlighted-img .vc_single_image-wrapper {
    border-radius: 8px!important;
   box-shadow: 0px 3.48658px 34.8658px rgba(0, 0, 0, 0.08)!important;
   overflow:  hidden!important;
}

.box-shadow-simple {
    box-shadow: 0px 4px 15px #ECEEF3!important;
}

.inner-content-container {
    padding: 60px 20px!important;
}

.inner-content-container .vc_col-lg-offset-1 {
    margin-left: 5%;
}

.inner-content-container .vc_col-lg-4 {
    width: 40%;
}

.newsletter-form .column-two input,
.newsletter-form .column-full input[type="submit"] {
    border-radius: 4px!important;
}

.newsletter-form .column-two input,
.newsletter-form .column-two label {
    width: 100%;
}

.newsletter-form .column-two {
    width: 48%;
    margin-bottom: 10px;
    display: inline-block;
}

.newsletter-form .column-two:first-child {
    margin-right: 3%;
}

.newsletter-form .column-two label {
    color: #fff!important;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.newsletter-form .column-two input {
    border: 1px solid #E8EDFB;
    background: #FAFBFF;
    padding: 12px 15px;
    height: auto !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.newsletter-form .column-full input[type="submit"] {
    background: #81C4EE!important;
    color: #fff!important;
    font-weight: bold!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    width: 100%;
    text-align: center;
    border: 0!important;
}

.inner-pads .vc_column-inner {
    padding: 45px 32px 0 0!important;
}

.inner-pads-testi .vc_column-inner {
    padding: 45px 32px 45px 0!important;
}

.getstarted-container .store-btns {
    display: flex;
    align-content: center;
    justify-content: center;
}

.getstarted-container .store-btns a {
    padding: 5px;
}

.getstarted-container .store-btns a img {
    width: 100%!important;
}

.getstarted-container .sign-up-free h3 {
    color: #fff;
    font-weight: bold !important;
    text-align:  center;
}

.getstarted-container .sign-up-free {
    display:  none!important;
}

 .quote-icon {
    width:  90%;
 }

 .quote-icon .vc_column-inner {
    padding: 0 10em;
    background-position: 0px 60px!important;
 }


 /****
 * *
 * * PRICING TABLE
 * */

.pricing-labels {
    display: flex;
    justify-content: center;
    align-items:  center;
    color: #04446B;
    margin-top: 40px;
    margin-bottom:  70px;
    text-align: center;
}

.plann-label {
    border: 4px solid #81C4EE;
    border-radius: 8px;
box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
-webkit-box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
    margin: 0 20px;
    overflow: hidden;
}

.plann-label h3 {
    font-size: 24px;
    line-height: 28px;
    padding:  20px 50px;
    margin: 0!important;
}

.plann-label h3 strong {
    display: block;
}

.plann-label h5 {
    font-size: 30px;
    line-height: 36px;
    padding:  35px 25px;
    background: rgba(195, 227, 227, 0.5);
    font-weight:  bold;
    margin: 0!important;
}

.planoly-label {
    border: 1px solid #E8EDFB;
    border-radius: 8px;
box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
-webkit-box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 0px 45px -30px rgba(0,0,0,0.69);
    margin: 0 50px;
    overflow: hidden;
}

.planoly-label h3 {
    font-size: 18px;
    line-height: 21px;
    padding:  20px 40px;
    margin: 0!important;
}

.planoly-label h3 strong {
    display: block;
}

.planoly-label h5 {
    font-size: 24px;
    line-height: 30px;
    padding:  25px 15px;
    font-weight:  bold;
    background: rgba(175, 214, 238, 0.5);
    margin: 0!important;
}

.planoly-label h5 p {
    font-size: 13px !important;
    text-transform: none;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 12px !important;
    font-weight: normal;
}

.nopad-side {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
}

.competitor-table {
    margin:  0!important;
}

.competitor-table img {
    vertical-align: middle;
}

.competitor-table * {
    color: #04446B;
}

.competitor-table td {
    border: 0!important;
}

.competitor-table th {
    border-top: 1px solid #E8EDFB!important;
    border-bottom: 1px solid #E8EDFB!important;
}

.competitor-table th:not(:last-child),
.competitor-table td:not(:last-child) {
   border-right: 1px solid #E8EDFB!important;
}

.competitor-table th {
    padding:  20px 40px;
}

.competitor-table td {
    padding:  15px 40px 0 40px;
}

.competitor-table tr:last-child td {
    padding-bottom:  50px;
}

.competitor-table td:first-child,
.competitor-table th:first-child {
    width:  50%;
}

.competitor-table td:not(:first-child),
.competitor-table th:not(:first-child) {
    width: 25%;
    text-align: center;
}

.custom-icons {
    position: relative;
    margin: 0 5px;
}

.custom-icons:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 15px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.custom-icons.fb:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2022/06/fb-icon.svg');
}

.custom-icons.ig:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2022/06/ig-icon.svg');
}

.custom-icons.linkedin:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2022/06/linkedin-icon.svg');
    width: 18px;
    height: 18px;
}

.custom-icons.tiktok:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2022/06/tiktok-icon.svg');
}

.custom-icons.reels:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2022/06/reels-icon.svg');
}

.custom-icons.utubeshort:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2024/03/youtube-short.svg');
}

.custom-icons.threads:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2024/11/Threads.svg');
    width: 18px;
    height: 18px;
}

.custom-icons.pinterest:before {
    background-image: url('https://www.plannthat.com/wp-content/uploads/2024/11/Pinterest.svg');
    width: 18px;
    height: 18px;
}

.trusted-container {
    padding:  20px 0;
}

.trusted-container .vc-hoverbox-block * {
    font-size:  14px!important;
    color: #fff!important;
    line-height: 14px!important;
}

.trusted-container .vc-hoverbox-block a {
    text-decoration: none!important;
}

.custom-hover-boxes.vc_row {
    display:  flex;
}

.custom-hover-boxes h2 {
    margin: 0!important;
    font-weight:  bold!important;
}

.custom-hover-boxes .vc-hoverbox-block {
    height: 118px;
    justify-content: flex-end!important;
    text-align:  left!important;
}

.custom-hover-boxes .vc-hoverbox-inner {
    min-height: 118px!important;
}

.custom-hover-boxes .vc-hoverbox-block-inner {
    padding:  10px!important;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {

    .custom-hover-boxes.vc_row {
        flex-wrap: wrap;
    }

    .custom-hover-boxes.vc_row > .wpb_column {
        width:  25%;
        margin-bottom: 15px;
    }

    .quote-icon .vc_column-inner {
        padding:  2em!important;
    }

     .quote-icon {
        width:  100%;
     }

    .getstarted-container .newsletter-form,
    .getstarted-container > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row > .wpb_column:first-child {
        display: none;
    }

    .getstarted-container > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row {
        padding-bottom:  30px!important;
    }

    .getstarted-container .sign-up-free {
        display: block!important;
    }

    .getstarted-container .vc_col-sm-5 {
        width:  100%!important;
        text-align:  center;
    }

    .getstarted-container .wpb_wrapper .vc_row .wpb_column .vc_column-inner {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .casestudy-container .wpb_wrapper .vc_row .wpb_column .vc_column-inner {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    
    .inner-pads-testi .vc_column-inner,
    .inner-pads .vc_column-inner {
        padding: 25px!important;
    }
    
    .newsletter-form .column-two {
        width: 100%;
        margin-bottom: 10px;
        display: block;
    }
    
    .inner-content-container {
        padding: 30px 10px!important;
    }
    
    .inner-content-container .vc_col-lg-offset-1 {
        margin-left: 0;
    }
    
    .inner-content-container .vc_col-lg-4 {
        width: inherit;
    }
    
    .newsletter-form .column-two:first-child {
        margin-right: 0%;
    }
    
    h2 {
        font-size: 28px!important;
        line-height: 30px!important;
    }
    
    .vc_row.large-pads-left-right {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .mobile-header-bar .alignnone {
        margin-bottom: 0!important;
    }
    
    .padding-fix-mobile .vc_column-inner {
        padding-right: 15px!important;
    }
    
    h1 {
        font-size:  30px!important;
        line-height: 40px!important;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    .custom-hover-boxes.vc_row > .wpb_column {
        width:  50%;
        margin-bottom: 20px;
    }
    
    #main > .wf-wrap {
        padding: 0px!important;
    }
    
    .order-two-mobile {
        order: 2;
    }

    .quote-icon .vc_column-inner {
        padding: 15px!important;
    }

    .planoly-label,
    .plann-label {
        width: 100%!important;
    }

    .planoly-label {
        margin: 0 10px!important;
    }

    .planoly-label h3,
    .plann-label h3 {
      font-size: 20px;
      line-height: 24px;
      padding: 15px 10px;
    }

    .planoly-label h5,
    .plann-label h5 {
      font-size: 20px;
      line-height: 24px;
      padding: 15px;
    }

    .competitor-table th {
      padding: 10px;
    } 

    .competitor-table td {
      padding: 20px 5px 0 5px;
    }
}