/*
Theme Name: Appro
Author: Ashekur Rahman
Theme URI: http://quomodosoft.com/appro
Author URI: https://www.facebook.com/ashekur.rahman.hridoy
Description: Appro is a Responsive WordPress theme. It's easy to use and navigate as well. Compatible with Desktop, Laptop, tablet, mobile or any device. Appro is simple and clean design, will give your business / Marketing professional looks. With Smooth TRANSITION and Effect, it increases the beauty of your site. It's good for Any Marketing Company, Business, Agency, the blog even for a personal portfolio. Suitable for anyone who is looking for an app, app landing, app landing page, app landing template, App Showcase, app store, app template, app website, clean app landing, creative app landing page, landing page, mobile app landing page, modern app Landing, parallax, Simple App Landing Templates.
Version: 1.0.1
License: GNU General Public License
License URI: licensing/README_License.txt
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, theme-options, translation-ready
Text Domain: appro
*/
.form-double .form-put{margin-bottom:20px;}
.wpcf7-list-item-label{font-size:15px;font-weight:400;vertical-align: super;}
.paoc-popup-modal, .paoc-popup-modal p {
    line-height: normal;
    margin: 0 0 12px 0;
}
.testimonial_rotator_wrap{margin:0; padding:0;}
p:blank {
  display: none;
}
p:empty{
   display: none;
}
.comments-area {
   display: none !important;
}
#reach-to-us{text-align:center;font-size:18px;margin:10px;}
#fill-form{text-align:center;font-size:13px;}
input[name="terms"]{height:18px;width:18px;}
h2{font-size:25px;}
@media only screen and (max-width: 480px){
    .paoc-popup-modal {
        width: 95% !important;
    }
   .pum-container{ width: 90% !important;
    top: 20px !important;
    left: 10px !important;
   }
}
@media only screen and (max-width: 767px){
	#contact_page .kc_column_inner {
		padding: 0 10px !important;
	}
}

/* Timbba header and footer */
body {
    background: #FAFAF7;
    color: #0F1237;
    font-family: 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0f1237 !important;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #3b3f6b;
}

.blog-posts a {
    color: #0f1237 !important;
}

.blog-posts a:hover {
    color: #1d2591 !important;
}

a:hover {
    color: #1d2591;
}

.blog-posts h2 {
    font-size: 25.6px;
    font-weight: 600;
    text-align: left;
}

.single-post-pagination .nav-links a,
.page-links a,
.pagination .nav-links .page-numbers {
    display: inline-block;
    height: 40px;
    padding: 0 18px;
    margin: 0 2px;
    line-height: 40px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.1);
    color: #3ccdbb;
    border: 1px solid #0f1237;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-post-pagination .nav-links a:hover,
.page-links a:hover,
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:hover {
    background-color: #3ccdbb;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.blog-posts p {
    color: #3b3f6b;
}

.mainmenu-area,
.mainmenu-area.tr,
.mainmenu-area.affix,
.mainmenu-area.tr.affix {
    position: sticky;
    top: 0;
    z-index: 1000;
    height: auto;
    padding: 0;
    background: rgba(250, 250, 247, .96);
    border-bottom: 1px solid #e2e4ee;
    box-shadow: none;
    backdrop-filter: blur(14px);
}

.mainmenu-area.tr:not(.affix) {
    position: sticky;
    left: auto;
    right: auto;
}

.mainmenu-area > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1180px;
    height: 70px;
    min-height: 70px;
    padding-right: 20px;
    padding-left: 20px;
}

.mainmenu-area > .container::before,
.mainmenu-area > .container::after,
.mainmenu-area .navbar-header::before,
.mainmenu-area .navbar-header::after {
    display: none;
    content: none;
}

.mainmenu-area .navbar-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    float: none;
    height: 70px;
}

.mainmenu-area .navbar-header .custom-logo-link {
    display: inline-flex;
    align-items: center;
    height: 70px;
    padding: 0;
}

.mainmenu-area .navbar-header .custom-logo-link picture.custom-logo {
    display: block;
    height: 50px;
    width: max-content;
    margin-top: 15px;
}

.mainmenu-area .navbar-header .custom-logo-link picture.custom-logo img {
    display: block;
    width: auto !important;
    max-width: 205px !important;
    height: 34px !important;
    max-height: 50px !important;
    object-fit: contain;
}

.mainmenu-area .navbar-brand {
    height: auto;
    padding: 0;
    color: #0F1237;
    font-size: 22px;
    font-weight: 700;
}

.mainmenu-area .navbar-collapse {
    flex: 1 1 auto;
    padding: 0;
}

.mainmenu-area ul.nav.navbar-nav,
.mainmenu-area.tr ul.nav.navbar-nav {
    display: flex;
    float: none;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

.mainmenu-area ul.nav.navbar-nav > li > a,
.mainmenu-area.tr ul.nav.navbar-nav > li > a {
    padding: 12px 0;
    color: #3B3F6B;
    background: transparent;
    font-size: 15.2px;
    font-weight: 500;
    line-height: 1.3;
}

.mainmenu-area ul.nav.navbar-nav > li.active > a,
.mainmenu-area ul.nav.navbar-nav > li:hover > a,
.mainmenu-area.tr ul.nav.navbar-nav > li.active > a,
.mainmenu-area.tr ul.nav.navbar-nav > li:hover > a {
    color: #1D2591;
    background: transparent;
}

.mainmenu-area.tr ul.nav.navbar-nav > li > a:after {
    display: none;
}

.mainmenu-area ul.nav.navbar-nav > li:last-child > a,
.mainmenu-area.tr ul.nav.navbar-nav > li:last-child > a {
    margin-left: 29px;
    padding: 13px 18px;
    border-radius: 12px;
    color: #fff;
    background: #1D2591;
    font-weight: 600;
}

.mainmenu-area ul.nav.navbar-nav > li:last-child:hover > a,
.mainmenu-area.tr ul.nav.navbar-nav > li:last-child:hover > a {
    color: #fff;
    background: #15157D;
}

.mainmenu-area .navbar-toggle,
.mainmenu-area.tr .navbar-toggle {
    margin: 0;
    border-color: #C9CCDE;
}

.mainmenu-area .navbar-toggle .icon-bar,
.mainmenu-area.tr .navbar-toggle .icon-bar {
    background: #0F1237;
}

.footer-area.timbba-footer {
    overflow-x: clip;
    padding: 34px 0 40px;
    color: #6D7195;
    background: #FAFAF7;
    border-top: 1px solid #e2e4ee;
    font-size: 14px;
    line-height: 1.55;
}

.footer-area.timbba-footer > .container {
    display: block;
    width: 100%;
    max-width: 1180px;
    padding-right: 20px;
    padding-left: 20px;
}

.timbba-footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.timbba-footer-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.footer-area.timbba-footer .timbba-footer-image {
    display: block;
    height: 26px;
    width: max-content;
}

.footer-area.timbba-footer .timbba-footer-image > img,
.footer-area.timbba-footer img.timbba-footer-image {
    display: block;
    height: 26px !important;
    width: auto !important;
    max-width: 180px !important;
    max-height: 38px !important;
}

.timbba-footer-logo {
    display: inline-flex;
    align-items: center;
    color: #1D2591;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.footer-area.timbba-footer .timbba-footer-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 18px;
}

.footer-area.timbba-footer .timbba-footer-nav a {
    display: inline-block;
    padding-block: 5px;
    color: #1d2591;
    font-size: inherit;
    font-weight: 500;
    text-decoration: none;
    transition: color .18s ease;
}

.footer-area.timbba-footer .timbba-footer-nav a:hover {
    color: #1D2591;
}

.timbba-footer-copy {
    color: #6D7195;
    margin-top: 10px;
}

.timbba-footer-copy strong {
    color: #0F1237;
    font-size: inherit;
}

.timbba-footer-copy br {
    line-height: 1.55;
}

.timbba-footer-copy small {
    color: #6D7195;
    font-size: inherit;
}

@media (min-width: 768px) and (max-width: 1050px) {
    .mainmenu-area ul.nav.navbar-nav > li > a,
    .mainmenu-area.tr ul.nav.navbar-nav > li > a {
        margin-left: 13px;
        font-size: 15.2px;
    }
}

@media (max-width: 767px) {
    .mainmenu-area > .container {
        display: block;
        width: 100%;
        height: 70px;
        min-height: 70px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .mainmenu-area .navbar-header {
        justify-content: space-between;
        width: 100%;
        height: 70px;
        min-height: 70px;
        margin: 0;
        padding: 0;
    }

    .mainmenu-area .navbar-header .custom-logo-link {
        flex: 0 0 auto;
        margin: 0;
    }

    .mainmenu-area .navbar-header .custom-logo-link picture.custom-logo {
        margin-top: 0;
    }

    .mainmenu-area .navbar-header .custom-logo-link picture.custom-logo {
        height: 30px;
    }

    .mainmenu-area .navbar-header .custom-logo-link picture.custom-logo img {
        max-width: 150px !important;
        height: 30px !important;
        max-height: 30px !important;
    }

    .mainmenu-area .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        padding: 0 15px;
        border-top: 1px solid #E2E4EE;
        background: #FAFAF7;
    }

    .mainmenu-area ul.nav.navbar-nav,
    .mainmenu-area.tr ul.nav.navbar-nav {
        display: block;
        margin: 0;
    }

    .mainmenu-area ul.nav.navbar-nav > li > a,
    .mainmenu-area.tr ul.nav.navbar-nav > li > a {
        margin: 0;
        padding: 13px 0;
        color: #3B3F6B;
        font-size: 15.2px;
    }

    .mainmenu-area ul.nav.navbar-nav > li:last-child > a,
    .mainmenu-area.tr ul.nav.navbar-nav > li:last-child > a {
        display: inline-flex;
        margin: 8px 0 14px;
        padding: 10px 18px;
    }

    .mainmenu-area .navbar-toggle,
    .mainmenu-area.tr .navbar-toggle {
        float: none;
        flex: 0 0 auto;
        margin: 0 0 0 auto !important;
    }

    .footer-area.timbba-footer {
        padding: 28px 0 34px;
    }

    .footer-area.timbba-footer > .container {
        width: calc(100% - 40px);
    }

    .timbba-footer-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .footer-area.timbba-footer .timbba-footer-image {
        height: 26px;
    }

    .footer-area.timbba-footer .timbba-footer-nav {
        justify-content: flex-start;
        gap: 8px 18px;
    }

    .timbba-footer-copy {
        margin-top: 20px;
    }
}