.pricing-wrapper {
    padding: 150px 0;
    position: relative;
    padding-bottom: 60px;
}

.pricing-wrapper:before {
    content: '';
    position: absolute;
    width: 500px;
    height: 300px;
    top: 0;
    left: 0;
    background-image: url(https://www.appypie.com/chatbot/wp-content/uploads/2020/12/bg2.png);
    background-size: contain;
}

.pricing-wrapper:after {
    content: '';
    position: absolute;
    width: 270px;
    height: 300px;
    top: 0;
    right: 0;
    background-image: url(https://www.appypie.com/chatbot/wp-content/uploads/2020/12/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.pricing-box .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    padding-top: 0;
}

.pricing-box .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #E0E9FF;
}

.pricing-box .panel .panel-heading {
    color: #ffffff;
    background-color: #1C223A;
    border-color: #ebccd1;
    text-transform: uppercase;
    font-size: 32px;
}

.pricing-box .panel-danger>.panel-heading h4 {
    font-size: 26px;
    font-weight: 600;
}

.pricing-box .panel-body .lead {
    font-size: 18px;
    margin: 0;
    padding: 5px;
}

.pricing-box .panel-body .lead strong {
    font-weight: normal;
}

.pricing-box .panel-body .lead span {
    font-size: 40px;
    font-weight: 600;
}

.list-group-item {
    color: black;
    border: 1px solid #E0E9FF;
    font-size: 16px;
    padding: 12px 15px;
}

.themeBtn {
        background: #0484F8;
    padding: 9px;
    display: inline-block;
    width: 150px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: .2s ease-in-out;
    text-align: center;
    border-radius: 4px;
}

.themeBtn:hover{
    color: #fff;
    text-decoration: none;
    background: #056fd0;
}

h3.page-title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    padding: 30px;
}

.faqSection ul li {
    margin-bottom: 31px;

}

.faqSection ul {
    list-style-type: none;
    padding: 0;
}

.faqSection ul li h3 {
    font-size: 17px;
    font-weight: 600;
        line-height: inherit;
}

.planButton {
    padding: 20px;
    display: flex;
    margin-bottom: 20px;
}

.planButton button {
    background: #ffffff;
    border-color: #4d4e5c;
    color: #4d4e5c;
    border-radius: 0 !important;
    font-size: 16px !important;
    padding: 10px 30px !important;
}

.planButton button.active {
    background: #4d4e5c;
    border-color: #454652;
}

.planButton button.active:hover {
    background: #4d4e5c;
    outline: 0;
}

.planButton button:hover,
.planButton button:focus,
.planButton button:active,
.planButton button:focus,
{
    background: #4d4e5c;
    outline: 0;
}

.planButton .btn-primary:hover {
    background: #4d4e5c;
    outline: 0;
}

.planButton button:active {
    background: #4c4d5b;
    outline: 0;
}

.planButton button:focus {
    background: #4c4d5b;
    outline: 0;
}

.planButton button.active:active {
    background: #4c4d5b;
    outline: 0;
}

.planButton button.active:focus {
    background: #4c4d5b;
    outline: 0;
}

@media screen and (max-width: 520px){

    .pricing-wrapper:before{
        display: none;
    }

        .pricing-wrapper:after{
        display: none;
    }
}

.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    transition: padding .2s ease-in-out, background-color .2s ease-in-out;
    border-color: transparent;
}

.navbar-default .login-menu>li>a {
    border: 1px solid black;
    border-radius: 25px;
    padding: 5px 15px;
    letter-spacing: 0;
    margin: 9px 0;
    color: #040404 !important;
    margin-left: 10px;
}

.navbar-default .login-menu>li>a:hover {
    background: black;
    color: #fff !important;
}

.trustedby {
background: rgba(217, 237, 247, 0.2);
padding: 30px!important;
border-radius: 5px;
margin-bottom: 20px;
border: 1px solid #fff
}

.trustedby h3 {
font-size: 30px;
text-align: center;
color: #fff;
font-weight: 400;
line-height: 30px;
margin: 0 0 40px
}

.trustedby h3.page-title {
color: black;
font-weight: 500;
margin: 0;
line-height: inherit;
}

.trustedby .paddingr0 {
margin-bottom: 10px;
line-height: 1.42857143;
padding: 0 2px
}

@media (min-width:1024px) {
.trustedby .col-md-3 {
width: 20%
}
.full_width {
max-width: 1200px;
}
.offsetbottom15.white-txt {
padding: 0 10px;
}
}

.fs11 {
font-size: 11px
}

.fs13 {
font-size: 13px
}

.fs14 {
font-size: 14px
}

.offsettop30 {
margin-top: 30px
}

.trustedby .moneyBackpayment {
border-radius: 5px;
background: #fff;
text-align: center;
min-height: 176px;
padding: 15px 6px;
margin-top: 10px
}

.trustedby .secureicon {
color: #65bb60;
font-size: 60px;
line-height: 60px;
margin-bottom: 5px;
display: block
}

.offsettop10 {
margin-top: 10px
}

.priceBackbg {
width: 250px;
height: 96px;
margin: 0 auto;
text-align: center;
background: url(https://images.appypie.com/wp-content/uploads/2020/03/02070835/money-back-gurantee.png) top center;
background-size: cover;
width: 170px
}

.garnter {
background: url(https://images.appypie.com/wp-content/uploads/2020/03/02070834/gartner_award.png) top center;
background-size: cover;
width: 100%;
height: 125px;
background-size: 110% 100%
}

.garnter .appy-pie {
clear: both;
float: left;
font-size: 11px;
line-height: 16px;
width: 100%;
padding: 0 22px
}

.garnter h5 {
float: left;
font-size: 25px;
font-weight: 700;
line-height: 32px;
margin-top: 10px;
width: 100%;
color: #315d9f
}

.garnter .year {
float: left;
font-size: 25px;
font-weight: 700;
line-height: 15px;
margin-top: 6px;
padding: 5px 0;
width: 100%;
color: #315d9f
}

.moneyBackbg big {
float: left;
font-size: 29px;
font-weight: 700;
line-height: 18px;
margin-top: 16px;
padding: 5px 0;
width: 100%;
color: #fff
}

.moneyBackbg .days {
clear: both;
float: left;
font-size: 16px;
line-height: 16px;
width: 100%;
color: #fff
}

.moneyBackbg .moneyBack-txt {
clear: both;
float: left;
font-size: 16px;
line-height: 16px;
width: 100%;
margin-top: 10px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.trustedSection {
width: 90%;
margin: auto
}
.trustedby .paddingr0 {
padding-right: 15px
}
}

@media (max-width: 767px) and (min-width: 481px) {
.trustedby .col-md-3 {
width: 50%;
margin-bottom: 3px;
float: left
}
}

@media only screen and (max-width: 767px) {
.showPriceDiv {
position: absolute;
background: #fff;
color: #000;
font-size: 25px;
width: 40px;
height: 40px;
line-height: 42px;
bottom: -8px;
border-radius: 100%;
right: -8px;
cursor: pointer;
box-shadow: 0 0 4px #989898;
display: block;
z-index: 9
}
.garnter {
height: 140px;
background-size: 100% 100%;
background-repeat: no-repeat
}
}

@media screen and (max-width: 676px) {
.trustedby .paddingr0 {
padding-right: 5px!important
}
.trustedby {
padding: 20px!important
}
.plan_subheading {
line-height: 1.2;
margin-top: 15px
}
}