/*This Style Created by Sagar*/

/* Header */
#active-sticky.saastain-header--v3.is-sticky .saastain-header__middle,
.saastain-header.saastain-header--v3 {
    background: #ebebeb;
}
.saastain-header.saastain-header--v3.is-sticky .nav-menu li a,
.saastain-header.saastain-header--v3 .nav-menu li a {
    color: #000;
}
.saastain-header__menu .nav-menu li {
    margin: 0px 20px;
}
.saastain-header__logo {
     max-height: unset; 
}
.saastain-header__logo img {
    max-width: 156px;
}
.nav-menu.menu.navigation.list-none {
    display: flex;
}
.saastain-header__button .saastain-btn {
    background-color:#ed1c24;
    border: unset;
    padding: 18px 25px;
}
.saastain-header__button .saastain-btn:hover {
    border: 1px solid  #ed1c24;
    background: transparent;
    color:  #ed1c24 !important
}
.saastain-header.saastain-header--v3 .navigation li .sub-menu {
    background-color: #fff !important;
    border-top-color: #ed1c24 !important;
}
.saastain-header.saastain-header--v3 .navigation li .sub-menu li a {
  color: #000  !important;
}
.saastain-header.saastain-header--v3 .nav-menu li a:hover,
.saastain-header.saastain-header--v3 .navigation li .sub-menu li a:hover,
.saastain-header.saastain-header--v3 .navigation li .sub-menu li a.active,
.saastain-header.saastain-header--v3 .navigation li a.active,
.saastain-header.saastain-header--v3 .navigation .active-nav-link a,
.saastain-header.saastain-header--v3 .nav-menu li:hover a,
.offcanvas-menu .nav-menu li a.currentPage {
    color: #ed1c24 !important;
}
.offcanvas-menu .nav-menu li.active .sub-menu li a.currentPage {
    font-weight: 700
}
#active-sticky.is-sticky .saastain-header__middle {
    box-shadow: none;
}
#active-sticky.saastain-header--v3.is-sticky .saastain-header__middle {
    padding: 0 90px 
}
.saastain-header .saastain-header__middle {
    transition: none;
    padding: 0 0;
}
#active-sticky.is-sticky .saastain-header__inside {
    padding: 17px 0;
}
#active-sticky.is-sticky .saastain-header__menu .nav-menu li a {
    font-size: 18px;
}
/*cursor*/
.saastain-mouse-move-sm,
.saastain-mouse-move-big {
    display: none;
}
/*Mobile Navigation Sidebar*/
.modal-dialog.offcanvas-dialog,
.modal-content,
.nav-menu.menu.navigation {
    background-color: #ebebeb;
}
.offcanvas-menu > ul > li > ul li a,
.offcanvas-menu li a {
    color: #000 !important;
}
.offcanvas-menu .nav-menu li.active a,
.offcanvas-menu li.menu-item-has-children.active a::after {
    color: #ed1c24 !important;
}
.offcanvas-menu .nav-menu li.active .sub-menu a {
    color: #000 !important;
}
.offcanvas-menu li a.offcanvas-buynow-btn {
    background: #ed1c24;
    border: unset;
    color: #fff !important;
}
.offcanvas-menu li.active a.offcanvas-buynow-btn {
    color: #ed1c24 !important;
    border: 1px solid #ed1c24;
    background: #fff;
}
/* Breadcrumbs */
.breadcrumb-area {
    padding: 75px 0;
}
/*scrollToTop and quick contact*/
.scrollToTop,
.quick-contact {
    background: #ED1C24 !important;
    color: #fff !important;

}
.scrollToTop {
    height: 50px;
    width: 50px
}
.quick-contact {
    height: 45px;
    width: 45px
}
.qc-menu {
    background-color: #ebebeb;
}
.qc-menu li:hover a {
    color: #ed1c24;
}
/* Footer*/
.footer-area {
    background: linear-gradient(360deg, #fff 0%, #FDD7D9 100%);
}
.footer-title {
    color: #000;
}
.footer-menu h4,
.footer-area.footer-area--v3 h5, 
.footer-copyright h5 {
    color: #000;
}
.footer-contact-list li a {
    line-height: unset;
}
.footer-menu li a,
.footer-menu__list.footer-menu__list--v3 li a {
    color: #545557 !important;
}
.footer-menu li:hover a,
.footer-menu__list.footer-menu__list--v3 li:hover a {
    color: #ed1c24 !important;
}
.footer-copyright.footer-copyright--v3 {
    background: #ebebeb;
}
.footer-copyright__text.text-center {
    color: #323234 ;
}
.footer-copyright p,
.footer-copyright p a{
    color: #323234;
}
.footer-copyright .mc-brand-slogan img {
    max-width: 190px;
}
.social-icon a {
    border: 1px solid #212529;
    background: transparent;
    color: #212529;
    box-shadow: none;
}
.footer-copyright a:hover {
    background-color: #ED1C24;
    border-color: #ED1C24;
    color: #fff
}
.footer-copyright .mc-app-store-links a:hover {
    border-color: unset;
    background-color: unset;
}
.about-us-area {
    padding: 100px 0;
}
/*About us section*/
.images-featuers-area {
    padding-top: 80px;
    background-color: #d4d4d41a;
}
.about-us-section {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    padding: 40px;
    margin: 50px auto;
    position: relative;
    text-align: center;
    filter: drop-shadow(0px 0px 20px #FDE8E9);
    box-shadow: 0px 0px 30px #ed1c2412;
    border: 1px solid #D5D5D6;
    background: #fff;
}
.about-us-section::after{
    position: absolute;
    height:100%;
    content: "";
    width: 1px;
    top: 0;
    background: linear-gradient(to bottom, transparent, #A1A1A1, transparent);
}
.video-popup-img {
    text-align: center;
}
.video-popup-img .about-img {
/*    max-width: 500px;*/
}
.about-us-section .section-text {
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-us-section .section-text .about-feature-heading {
    margin-bottom: 30px
}
.about-us-section .section-text span {
    position: relative;
    color: #ED1C24;
}
.about-us-section .section-text span::after {
    position: absolute;
    height: 2px;
    content: "";
    width: 28px;
    bottom: 0;
    left: 0;
    background: #ED1C24;
}
/*Partner*/
.integration-single {
    border-color: #ED1C24;
    position: relative;
    height: 100%;
    justify-content: start;
    background: url("../images/integration-vector.png") no-repeat bottom right;
}
.integration-single .integration-single__title{
    margin-top: 50px;
/*    margin-bottom: 0px;*/
}
.integration-single:hover {
/*    box-shadow: 0px 11px 29px 3px rgb(96 6 6 / 10%);*/
    box-shadow: none;
}
.integration-single:hover {
    border-color: #ED1C24;
}
.integration-single .integration-single__head {
    position: absolute;
    top: -20%;
    border-radius: 25px;
}
.integration-single:hover .integration-single__head {
  transform: none;
}
.integration-single:hover .integration-single__head img {
    transform: rotate(360deg);
}
.integration-single .bg-blue {
    background-color: #008EFF;
}
.integration-single .bg-green {
    background-color: #45C646;
}
.integration-single .bg-yellow {
    background-color: #FABB18;
}
.integration-single__title {
    margin-bottom: 20px;
}
.faq-form-bg {
    background: url("../images/partner-form-Vector-left.png") no-repeat top left,
                url("../images/partner-form-Vector-right.png") no-repeat top right,
/*        url("../images/partner-form-Vector-right.png") no-repeat 100% 0px,*/
                url("../images/form-Section-new.png") no-repeat top center;
/*                linear-gradient(180.12deg, #b2b2b2 5.14%, #C9C9C9 16.7%, #E1E1E1 31.55%, #F2F2F2 48.05%, #FCFCFC 66.2%, #FFFFFF 87.66%);*/
    background-size: 46.09% auto, 54.21% auto, 100% auto;
    z-index: 0;
}
.faq-form-bg .section-title-area p {
    margin-bottom: 20px;
}
.contact-us-area .contact-from.saastain-bg__cover,
.faq-area .contact-from.saastain-bg__cover {
    position: relative;
    background-color: #fff;
    border: 1px solid #ED1C24;
    box-shadow: 0px 0px 50px 24px rgb(0 0 0 / 2%)
}
.contact-us-area .contact-from::after,
.faq-area .contact-from.saastain-bg__cover::after {
    position: absolute;
    height: 300px;
    width: 300px;
    content: "";
    top: -15px;
    right: -15px;
    background-color: #ED1C24;
    border-radius: 2.5rem;
    z-index: -1;
}
/*form*/
.contact-from label {
    color: #000;
    margin-bottom: 5px;
}
.contact-from .from-input {
    background: #f1f2f2 !important;
    border: 1px solid #BDBDBD !important;
    color: #000 !important;
    transition: box-shadow 0.3s ease;
}
.contact-from .from-input::placeholder,
.contact-from select.from-input {
    color: #6C757D !important;
}
.contact-from .from-input:focus {
    border-bottom-color: transparent !important;
    box-shadow: 0 3px 0 #DF1823 !important
}
.contact-from .saastain-btn {
    background: linear-gradient(92.48deg, #FFFBB3 5.47%, #FABBBD 94.53%);
    border: unset;
    padding: 20px 34px;
    border-radius: 500px;
    display: inline-block;
    transition: 0.3s;
    color: #000;
}
.contact-from .saastain-btn:hover {
    background: linear-gradient(92.48deg, #FABBBD 5.47%, #FFFBB3 94.53%);
    transform: scale(1.03);
    color: #000;
}
.contact-us-area .contact-us-right-section {
    margin: 50px;
    margin-left: 0px
}
.contact-us-area .contact-us-left-section {
    border: 1px solid #BDBDBD;
    border-radius: 40px;
    background: #ED1C2405;
    display: grid;
    grid-template-rows: repeat(4, auto);
    padding: 34px 29px 30px 40px;
    margin: 50px;
    margin-right: 30px
}
.contact-us-area .contact-us-left-section .contact-detail-con {
    position: relative;
    margin: 40px 0;
}
.contact-us-area .contact-us-left-section .contact-detail-con::after {
    position: absolute;
    content: "";    
    min-height: 1px;
    background: linear-gradient(to right, transparent, #A1A1A1, transparent);
    width: 100%;
    bottom: -40px;
}
.contact-us-area .contact-us-left-section .contact-detail-con.address-con::after {
    background: transparent;
}
.contact-us-area .contact-us-left-section .contact-detail-con a {
    color: #151618;
    font-weight: 400;
}
.contact-us-area .contact-us-left-section .contact-detail-con span a {
    margin-bottom: 5px;
}
.contact-us-area .contact-us-left-section .contact-detail-con .contact-free-demo {
    display: flex;
    align-items: center;
}
.contact-us-area .contact-us-left-section .contact-detail-con span.contact-free-demo  a {
    margin-bottom: 0;
}
.contact-us-area .contact-us-left-section .contact-detail-con .address {
    line-height: 29px;
    margin-bottom: 0;
}
.contact-us-area .contact-us-left-section .contact-detail-con.address-con::after {
    height: 0px;
}
.contact-us-area .contact-us-left-section .contact-detail-heading {
    color: #ED1c24;
    margin-bottom: 25px
}
.contact-us-area .contact-us-left-section .contact-detail {
    display: grid;
    grid-template-columns: 60px auto;
    font-weight: 500;
    margin: 0px;
}
.contact-us-area .contact-us-left-section .contact-detail img {
    align-self: center;
}
.contact-us-area .contact-us-left-section .contact-detail p {
    font-size: 16px
}
/* Blog Single */
.blog-single-meta li {
    align-items: center;
}
.blog-single-meta img {
    height: 24px;
    width: 24px;
}
.suggested-blog-list {
    display: flex;
    align-items: center
}
.suggested-blog-calender img {
    height: 20px;
    width: 20px;
    margin-right: 8px
}
.blog-single-post .blockquote {
    background: #ffe5e682;
}
.blog-sidebar-area__single {
    border-radius: 16px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.blog-sidebar-area__single .blog-sidebar-area__title {
    color: #ED1c24;
}
.blog-sidebar-area__single .search-in-box {
    background: transparent;
    border: 1px solid #B2B2B2;
    border-radius: 40px;
    padding-right: 7px
}
.blog-sidebar-area__single .search-in-box input::placeholder {
    color: #686868 !important;
}
.blog-sidebar-area__single .search-in-box input:focus {
    outline:unset;
}
.blog-sidebar-area__single .search-in-box span{
    background: #ffe5e6;
    min-height: 50px;
    min-width: 50px;
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 50%;
}
.blog-sidebar-area__single .blog-sidebar-area__title::after{
background: linear-gradient(113deg, #ED1c24 -2.43%, #ED1c24 100%)
}
.category-box li a:hover,
.suggests-blog:hover .suggests-blog-title{
    color: #ED1c24;
}

/* X-Large devices (large desktops, less than 1496px)*/
@media (max-width: 1496.98px) {
    #active-sticky.is-sticky .saastain-header__menu .nav-menu li a,
    .saastain-header__menu .nav-menu li a {
        font-size: 16px;
    }
    .saastain-header__menu .nav-menu li {
        margin: 0px 15px;
    }
    .saastain-header__menu .nav-menu li:last-child {
        margin-right: 15px;
    }
    #active-sticky.saastain-header--v3.is-sticky .saastain-header__middle {
        padding: 0 30px
    }
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    /*Navbar */
    .saastain-header__menu .nav-menu li {
        margin: 0px 5px;
    }
    .saastain-header__menu .nav-menu li:last-child {
        margin-right: 15px;
    }
    .saastain-header__menu .nav-menu li a {
        font-size: 16px;
    }
    .saastain-header__logo img {
        max-width: 130px;
    }
    /*about us*/
    .about-us-area .section-title {
        font-size: 30px;
    }
    .about-us-area .list-features span {
        font-size: 18px;
    }
}
/*  devices (large desktops, less than 1024) */
@media (max-width: 1024.98px) {    
    /*Mobile Navigation Sidebar*/
    ul.nav-menu.menu.navigation.list-none {
        display: block;
    }
    /*about us*/
    .video-popup-img {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .suggests-blog .suggests-blog-title {
        font-size: 16px;

    }
    .blog-sidebar-area .category-box span {
      line-height: 1.7;
      padding: 10px 0;
    }
    /*contact-us*/
    .contact-us-right-section .general-text {
        font-size: 36px;
    }
    .contact-from .form-control {
        padding: 15px 20px;
        margin-bottom: 15px
    }
    .contact-from .from-label,
    .contact-from .form-control {
        font-size: 16px;
    }
}
/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
    /*header breadcrumb*/
    .breadcrumb-area.saastain-bg__cover {
        padding: 60px 0;
    }
    .breadcrumb-area .page-banner-heading {
        font-size: 36px;
        margin-bottom: 0; 
    }
    /* about Us*/
    .about-us-area .section-title {
        font-size: 28px;
    }
    .about-us-area .list-features span {
        font-size: 18px;
    }
    section.about-us-area {
        padding: 70px 0;
    }
    .video-popup-img {
        justify-content: center;
    }
    /*partner*/
    div.integration-single.integration-3rd-plugin-partner {
        margin-top: 35px;
        height: auto;
    }
    div.integration-single .integration-single__head {
        width: 100px;
        height: 100px;
        top: -18%;
    }
    div.integration-single .integration-single__title {
        margin-top: 35px;
    }
    /*contact-us*/
    section.contact-us-area .contact-us-right-section {
        margin-left: 40px;
    }
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    /*header breadcrumb*/
    .breadcrumb-area.saastain-bg__cover {
        padding: 40px 0;
    }
    .breadcrumb-area .page-banner-heading {
        font-size: 34px;
    }
    /*footer*/
    .mc-footer-copyright .slogan {
        font-size: 22px;
    }
    .footer-menu ul li, .footer-menu ul li a {
        font-size: 17px;
    }
    /*about us*/
    div.about-us-section::after {
        height: 0px;
    }
    .about-us-section .section-text {
        position: relative;
    }
    .about-us-section .section-text::after {
        position: absolute;
        content: "";    
        height: 1px;
        background: linear-gradient(to right, transparent, #A1A1A1, transparent);
        width: 100%;
        top: -50px;
        left: 0%;
    }
    .video-popup-img .about-img {
        max-width: 450px; 
    }
    /*partner*/
    div.integration-single .integration-single__head {
        top: -16%;
    }
    div.integration-single{
        margin-top: 35px;
        height: auto;
    }
    div.integration-single .integration-single__head {
        top: -18%;
    }
    .footer-copyright .mc-app-links {
        background-color: unset;
    }
}
/* xsm - (Mobile, less than 576px)- */
@media (max-width: 575px) {
    .breadcrumb-area .page-banner-heading {
        font-size: 30px;
    }
    /*footer*/
    .footer-area.footer-area--v3 .footer-title {
        font-size: 22px;
    }
    .integration-single {
        margin-bottom: 30px;
    }
    section.contact-us-area .contact-us-right-section,
    .contact-us-area .contact-us-left-section {
        padding: 9px;
        margin: 10px;
    }
    .contact-us-right-section .general-text {
        font-size: 28px;
    }
    .contact-from .from-label {
        font-size: 16px
    }
    .contact-from .from-input {
    }
    .contact-us-area .contact-us-left-section .contact-detail-heading {
        text-align: center;
        font-size: 18px;
    }
    .contact-us-area .contact-us-left-section .contact-detail {
        font-size: 15px;
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .contact-us-area .contact-us-left-section .contact-detail img {
        justify-self: center;
        max-width: 40px;
        max-height: 40px;
        margin-bottom: 10px
    }
    .contact-us-area .contact-us-left-section .contact-detail-con span {
        justify-self: center;
        text-align:center;
    }
    .contact-us-area .contact-us-left-section .contact-detail-con {
        margin: 20px 0 0 0 ;
    }
    .contact-us-area .contact-us-left-section .contact-detail-con br{
        display: block
    }
    .contact-us-area .contact-us-left-section .contact-detail-con span,
    .contact-us-area .contact-us-left-section .contact-detail-con span a{
        font-size: 14px;
    }
    .contact-us-area .contact-us-left-section .contact-detail-con a {
        margin-bottom: 1px;
    }
    .contact-us-area .contact-us-left-section .contact-detail-con::after {
        bottom: -10px;
    }
    .contact-us-area .contact-us-left-section .contact-detail-con .address {
        text-align: center;
        justify-self: center;
        max-width: 80%;
    }
}
/* xsm - (Mobile, less than 576px)- */
@media (max-width: 420px) {
    .contact-us-area .contact-from::after {
        height: 250px;
        width: 250px;
    }
    .contact-us-area .contact-us-left-section .contact-detail-heading {
        margin-bottom: 15px;
    }
    /*about us*/
    .video-popup-img .about-img {
        max-width: none;
        width: 100%;
    }
}