.header .bg.app2-header {
    background-image: linear-gradient(#45bda7, #5dc6ad);
}
header nav ul li>a {
    color: #262626;
    font-weight: bold;
}

header nav ul li>a:hover {
    color: #fff;
}
@media only screen and (max-width: 991px)
{
    header .navbar {
        position: fixed;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 3;
        width: 350px;
        right: -350px;
        background: #3eb6a2;
        overflow-Y: scroll;
        height: 100vh;
        top: 0;
        padding: 0;
        -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.13);
        box-shadow: 0 0 11px rgba(0,0,0,0.13);
    }

    header.app2 nav ul li>a:hover {
        color: #646567ff;
    }
}
.btn-default.btn-white {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #fff;
    border: 2px solid #45baa5;
    color: #45baa5!important;
}
.img-fluid {
    max-width: 90%;
} 

.saas1.build-bg {
    background-image: url(../images/custom/bannerGray.PNG);
}

.header .center-text {
    margin-top: 0px;
}

.header .img-mobile {
    bottom: -5%;
}

.header .header-top-line {
    color: #646567;
}

.saas1 .title hr {
    background-color: #4dad95;
}

.saas1.service .about-chat .service-container .chat-box:hover hr {
    width: 40%;
    background-color: #4dad95;
}
.bg-features {
    background-color:#4bbda6;
}

.services .service {
    padding: 60px 25px;
    border: none;
    border: none;
    box-shadow: 0px 7px 15px 0px rgb(100 101 103 / 24%);
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
    text-align: center;
    height: 400px;
    background: #f1f1f1;
}

.services.app2 .service-container .service {
    margin-bottom: 30px;
    border-radius: 15px!important;
}

.services.app2 .service-container:hover .service {
    background-color:transparent;
}

.servicePoints ul {
    list-style-type: initial;
    padding: revert;
    margin: 0;
    text-align: left;
}

.agency h1, .agency h2, .agency h3, .agency h4, .agency h5, .agency h6 {
    color: #45baa5;
}

.btn-default.btn-gradient {
    border: transparent;
    position: relative;
    background-color: #de886a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1F357D), to(#04185B));
    background-image: linear-gradient(#1F357D, #04185B);
    background-image: -webkit-gradient(linear, left top, right top, from(#1F357D), color-stop(#04185B), color-stop(#04185B), to(#1F357D));
    background-image: linear-gradient(to right, #e79b6f, #de8769, #de8769, #e79c6f);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
}

.agency .circle-container .gradient-circle-small {
    height: 68px;
    width: 68px;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#1F357D), to(#10266b));
    background-image: linear-gradient(90deg, #646567, #353535);
}

.agency .circle-container .gradient-circle-big {
    height: 110px;
    width: 110px;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#1F357D), to(#04185B));
    background-image: linear-gradient(90deg, #60616300, #3a3a3b00);
}

.agency .plus-container .plus:before, .agency .plus-container .plus:after {
    content: '';
    position: absolute;
    border-radius: 2px;
    color: #3e3e3f;
}

.saas1.build-bg .owl-carousel .owl-item img {
    border-radius: 15px;
}

footer.footer2.agency {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04185B), to(#1F357D));
    background-image: linear-gradient(#de8769, #e79c6f);
}

footer.footer2.agency .brand-container {
    margin-top: 50px;
    padding: 30px;
    background: #3d3d3e;
    border-radius: 20px;
}

.copyright.agency {
    background: #3c3c3d;
}

.agency .plus-container .plus.white:before, .agency .plus-container .plus.white:after {
    color: #fff0;
}

.tap-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    color: #fff;
    text-align: center;
    background: #3c3c3d;
    border-radius: 100%;
    font-size: 22px;
    cursor: pointer;
    line-height: 2.2;
    display: none;
    border: 1px solid #fff;
}

.faq {
    padding: 0px 0px 50px 0px;
}

.music {
    padding: 0px 0px 50px 0px;
}

.btn-default.primary-btn {
    border: 1px solid #646567;
    background-color: #44baa5;
}

.btn-default.primary-btn:hover, .btn-default.primary-btn:focus, .btn-default.primary-btn:active {
    background-color: #fff;
    color: #44baa5 !important;
    border: 1px solid #44baa5;
}

.music .form-footer .form-group input, .music .form-footer .form-group textarea {
    width: 100%;
    background-color: #fff;
    padding: 15px 30px;
    border: 1px solid #4dad95;
    border-radius: 25px;
    color: #212529;
}

.saas1 span.theme-color {
    color: #4dad95;
}

.saas1.header .header-sub-text h3 span {
    font-size: 30px;
    font-weight: 600;
    color: #3a3a3a;
}

.saas1.header h6 span {
    font-size: 18px;
    font-weight: 600;
    color: #3a3a3a;
}

.breadcrumb-section:not(.breadcrumb-left), .breadcrumb-section:not(.breadcrumb-right), .breadcrumb-section:not(.breadcrumb-slider) {
    background: url(../images/custom/breadcrumb.jpg);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.copyright.app2 {
    background: #646567;
}

.breadcrumb-section {
    padding: 180px 0;
}

.mt-element-step .step-background .mt-step-col {
    padding-top: 60px;
    height: 230px;
}

.mt-element-step .step-background .mt-step-number {
    color: #dae1e499;
}
/* footer{
    margin-top: 50px;
} */
footer.footer2.bg {
    background: #2c2c2c;
}

/* .btn-default.primary-btn:hover, .btn-default.primary-btn:focus, .btn-default.primary-btn:active {
    background-color: #fff;
    color: #f1f3f5 !important;
    border: 1px solid #de8869;
} */

.saas1.header .btn-default:hover {
    background-color: #3a3a3a !important;
    border: 1px solid #fff;
}

.saas1.header .btn-default {
    background-color: #3a3a3a;
    color: #fff !important;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px solid #3a3a3a;
    font-weight: 300;
}

nav {
    padding: 0px;
}


.header .bg.resume {
    background-image: url(../images/resume/h7-bg-text.png);
    background-size: cover;
}
.resume h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    margin-bottom: -2px;
    color: #464545;
}

.resume h1 {
    font-size: calc(22px + (70 - 22) * ((100vw - 300px) / (1920 - 300)));
    color: #ffffff;
    margin-top: -20px;
    line-height: normal;
}

.agency-content .agency-header-center-container .borders {
    margin-right: 30px;
    color: #484645;
    border-right: 2px solid;
    height: 80px;
}

.agency h6.borders-before span:before {
    border-top: 2px solid #484645;
    width: 24px;
}

.screenshot .swiper-container .swiper-wrapper .swiper-slide img {
    border-radius: 15px!important;
}

.swiper-slide .img-fluid{
    max-width: 100%;
}

.bg-theme {
    background: #ededed;;
}

.mt-element-step .step-background .mt-step-content, .mt-element-step .step-background .mt-step-title {
    text-align: right;
    z-index: 5;
    position: relative;
    padding-right: 27%;
}

::selection {
    background-color: #44b9a4;
    color: #fff;
}

@media only screen and (max-width: 767px){
.app2.footer2.bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#13B8EA), to(#4E56F3));
    background: linear-gradient(#13B8EA, #4E56F3);
}
}

.btn-default.btn-white:hover, .btn-default.btn-white:focus, .btn-default.btn-white:active {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #379684;
    border: 2px solid #ffffff;
    color: #ffffff!important;
}
.btn-default.primary-btn:hover, .btn-default.primary-btn:focus, .btn-default.primary-btn:active {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #379684;
    border: 2px solid #ffffff;
    color: #ffffff!important;
}
.btn-default{
    border-radius: 15px!important;
}
@media only screen and (max-width: 1366px){
.header.app2 .img-mobile .headaer-image {
    width: 250px!important;
}
}
@media only screen and (max-width: 991px){
.header.app2 .img-mobile .headaer-image {
    width: unset!important;
    height: 400px;
    margin-top: -20px;
}
}

@media only screen and (max-width: 767px){
.header .center-text {
    text-align: center;
    height: auto;
    margin-top: 60px;
    padding: 60px 0;
}}

.bt-register:hover, .bt-register:focus, .bt-register:active, .bt-login:hover, .bt-login:focus, .bt-login:active{
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff!important;
    background: #434344!important;
}

.bt-register {
    display: block;
    padding: 10px;
    border-radius: 0 10px 10px 0!important;
    background: #fff;
    font-size: 14px;
    border: revert;
}

.bt-login {
    display: block;
    padding: 10px;
    border-radius: 10px 0 0 10px!important;
    background: #fff;
    font-size: 14px;
    border: revert;
    margin-right: 0px!important;
}

.service-icon{
        width: 77px;
        height: 92px;
        font-size: 60px;
        padding-top: 50px;
        color: #4dad95;
}

.features-icon{
    font-size: 60px;
    padding-top: 50px;
    padding-left: 20px;
    color: #41b8a3;
}

.feature-content{
    text-align: justify;
}

.saas2 .offers-container .offers-content .offer-sub-text {
    text-align: justify;
}

.saas1.faq .faq-block .card-body {
    text-align: justify;
}
header.nav-abs {
    position: fixed;
    background:#47bda7ed;
}

.app2 h2, .app2 h3, .app2 h4, .app2 h5, .app2 h6, .app2 a {
    font-weight: bold;
    letter-spacing: 1px;
}

.ul-center{
    display: table;
    margin: 0 auto;
}

/* FOOTER START */

footer.footer2.agency {
    background-image: linear-gradient(#de8769, #e79c6f);
}

footer.footer2.agency .brand-container {
    margin-top: 50px;
    padding: 30px;
    background: #3d3d3e;
    border-radius: 20px;
}

.music .form-footer .form-group input, .music .form-footer .form-group textarea {
    width: 100%;
    background-color: #fff;
    padding: 15px 30px;
    border: 1px solid #4dad95;
    border-radius: 25px;
    color: #212529;
}
footer.footer2.bg {
    background: url(../images/custom/footer.png) no-repeat top;
    background-size: cover;
}

footer.footer2.saas2 {
    background: #2C2C2C;
    padding-top: 0px;
}

footer.footer2.saas2 .footer-padding {
    padding-top: 100px;
}


.saas2.footer2 .footer-lists li a {
    font-weight: 300;
}

.footer-contant {
    text-align: center;
}

.event.event-gradient::before {
background-image: none;
}
footer i.fab {
    font-size: 25px;
}
@media only screen and (max-width: 991px) {
    footer.footer2.saas2 {
    margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .app2.footer2.bg {
        background: #3d3d3d;
    }
}
/* FOOTER END */

/* COPYRIGHT START */
.copyright.app2 {
    background: #252525;
}
.copyright.agency {
    background: #3c3c3d;
}

.copyright.app2 .copyright-text {
    font-size: 12px;
}
/* COPYRIGHT END */
.contact .bg-white form .form-group label {
    color: #2c2c2c;
    font-size: 16px;
}
a.contactTag:hover {
    cursor: pointer;
    color: #2f8877;
}
a.contactTag{
    color: #3d3d3d;
}
@media only screen and (max-width: 991px){
.app2.services .service {
    padding: 30px 18px;
    height: 350px!important;
}}

.card-header {
    border-bottom: 1px solid rgb(78 173 149);
}
.saas1.faq .collapsed a div {
    color: #4ead95;
    font-weight: bold;
}

.saas1.faq .rotate {
    color: #4ead95;
    font-weight: bold;
}

.faqHeader {
    font-size: 25px !important;
    font-weight: bold;
    color: #4ead95 !important;
}
@media (min-width: 1470px) {
    .event .container, .gym .container, .agency .container, .music .container, .resume .container, .yoga .container, .wedding .container {
        max-width: 1140px;
    }
}