@charset "UTF-8";

@font-face {
    font-display: swap;
}

.title h1.my-own-css{
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #1e1e2d !important;
    text-shadow: 1px 1px 2px rgba(40, 40, 40, .2);
}
@media (max-width: 768px) {
     img#brand-img {
    height: 50px !important;
    }
    .frontend-body .navbar {
        padding: 0px 15px !important;
        
    }
    
}
img#brand-img {
    height: 50px;
    padding-left: 15px;
}

#footer img {
    width: 20% !important;
    margin-bottom: 20px;
}

div#main-background{
    background-image: linear-gradient(85deg, #d6007feb, #fcb225) !important;
}

/*.h-100vh {*/
/*    height: 100vh !important;*/
/*}*/

#main .ah-words-wrapper {
    /*float: left;*/
    text-align: center!important;
    /*font-size: 30px !important;*/
    width: 100% !important;
}

@media (max-width: 768px){
     body  #main #login-button {
        color: #fff !important;
        
    }
    .row.h-100vh.vertical-center.banner_row {
      height: 72vh !important;
    }
   
   div#main-background {
         height: 68vh !important;
    }
   .navbar-light .navbar-toggler {
        /*background: #fff !important;*/
        margin-right: 20px;
        color: #fff !important;
    }
    
    #footer img {
    width: 60% !important;
    margin-bottom: 20px;
    }
    
    #main .ah-words-wrapper {
      font-size: 30px !important;
    }
    
    body #steps-wrapper .steps-box {
    
     height:auto !important;
     
    }
    
    .footer-section-new {
    flex-direction: column;
    }
    .footer-section-new .flex {
        margin: 0px !important;
        padding-bottom: 15px;
    }
    .footer-section-new .flex a {
        font-size: 16px !important;
    }
    
    #welcome-footer #footer {
        padding: 50px 15px !important;
    }
}

@media (max-width: 1140px){
    
    body #steps-wrapper .steps-box {
    
     height:auto !important;
     
    }
    
    .footer-section-new {
        flex-direction: column;
    }
    .footer-section-new .flex {
        margin: 0px !important;
        padding-bottom: 15px;
    }
    .footer-section-new .flex a {
        font-size: 16px !important;
    }
    #welcome-footer #footer {
     padding: 50px 15px !important;
    }
}

#main #login-button:hover, #main #login-button:focus {
    color: cornsilk;
}

.template-nav-menu-inner {
        width: -webkit-fill-available !important;
}

.h-100vh {
    height: 80vh !important;
}

.row .title h3 span {
    color: #d31e85 !important;
}

.row .title h1 span {
    color: #d31e85 !important;
}


span.text-primary {
    color: #d53260 !important;
}
.reviewer-title {
    color: #ffffff !important;
}
.reviewer-name {
    color: #FFFFFF !important;
}
body #main .minimize-navbar li.nav-item a.active {
    color: #d02365 !important;
}

body #main .minimize-navbar li.nav-item:hover a.nav-link, #main .minimize-navbar li.nav-item:focus a.nav-link {
    color: #d02365 !important;
}
body li.nav-item a.hover {
    color: #d02365 !important;
}
p#frontend-copyright a {
    color: #d02365 !important;
}

#back-to-top {
    background: #d02365 !important;
}
span.text-info{
    color: #d02366 !important;
}
button#sign-in {
    background-color: #d02366 !important;
}
button#register-button{
    background-color: #d02366 !important;
}
.custom-switch-input:checked~.custom-switch-indicator{
    background: #d02366 !important;
}
body .text-info {
    color: #d02366 !important;
}

#login-background .login-bg {
    /*background: linear-gradient(230deg, #007bff, #000);*/
    background: linear-gradient(85deg, #d6007feb, #fcb225) !important;
}

span.text-info a:hover {
    color: #f9a433 !important;
}

#main #login-button {
    color: #1a1630 !important;
    
}

#frontend-local a.icon {
    color: black !important;
}

a.logo-one {
    display: none;
}
.minimize-navbar a.logo-two {
    display: none !important;
}

.minimize-navbar a.logo-one {
    display: block !important;
}
#main .navbar .navbar-brand img {
    max-width: 100% !important;
}

#steps-wrapper .steps-box {
    
     height: 530px !important;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.step-number-big p{
    font-size: 130px !important;
}


/* custom */

.step-description ul {
    padding-left: 20px !important;
}

.step-description ul li {
    padding-bottom: 20px;
}

.custom-setup-style {
    position: relative;
    border-radius: 10px;
    height: 545px;
    margin-bottom: 12px;
    padding: 32px 30px;
    transition: transform .3s ease;
    transition: transform .3s,border .3s,border-radius .3s,box-shadow .3s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   
}
.tabs-menu ul li .active {
    background: #d31e85 !important;
}
#prices .card .plan-title {
    color: #d31e85 !important;
}
.tabs-menu-body .card .plan-featured{
    background-color: #d31e85 !important;
}
body .tabs-menu-body .price-card-border {
    border: 2px solid #d31e85 !important;
}
#prices .card:hover .plan-cost, #prices .card:focus .plan-cost {
    color: #d31e85 !important;
}

.price-card:hover a {
    background: #d31e85 !important;
    border: 0px;
}
#welcome-footer #footer a.footer-link:hover, #welcome-footer #footer a.footer-link:focus {
    color: #d31e85 !important;
}
.show-templates-button a:hover {
    background: #d31e85 !important;
}
#faqs #accordion .card .card-header .btn-link:hover, #faqs #accordion .card .card-header .btn-link:focus{
    color: #d31e85 !important;
}
#blogs .blog-all a:hover, #blogs .blog-all a:focus {
    background: #d31e85 !important;
}
.slick-dots li.slick-active button:before{
     color: #d31e85 !important;
}
body .text-primary {
    color: #d31e85 !important;
}
#contact-wrapper .row button {
    background-color: #d31e85 !important;
    border-color:#d31e85 !important;
}
.template-nav-menu-inner{
    background-color: #d31e85 !important;
}
.templates-nav-menu .nav-tabs .nav-link{
     color: #fff !important;
}

@media screen and (max-width: 767px){
    #main .minimize-navbar li.nav-item a {
        color: #fff!important;
    }
}

@media (max-width: 768px) {
    #main .navbar .navbar-nav li.nav-item a.nav-link {
        color: #fff!important;
    }
.tools.mt_40 {
     width: 100%;
}
}

.custom-text-style{
    font-size: 16px !important;
    text-transform: none !important;
    color: #000000 !important;
    line-height: normal !important;
    font-weight: normal !important;
}

@media(min-width:992px) and (max-width:1201px){
    #main .navbar-nav li.nav-item a.nav-link {
    
        padding: 0 14px !important;
    
    }
    
    #main .navbar-nav {
        gap: 0px !important;
    }
}

@media (min-width:1200px) and (max-width:1350px) { 
    #main .navbar-nav {

     gap: 0px !IMPORTANT;

 }
img#brand-img {

     height: 35px !important;

 }
 
}