@font-face {
    font-family: noto_sansbold;
    src: url(../fonts/notosans-bold-webfont.woff2) format("woff2"),
    url(../fonts/notosans-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: noto_sanslight;
    src: url(../fonts/notosans-light-webfont.woff2) format("woff2"),
    url(../fonts/notosans-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: noto_sansmedium;
    src: url(../fonts/notosans-medium-webfont.woff2) format("woff2"),
    url(../fonts/notosans-medium-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: noto_sansregular;
    src: url(../fonts/notosans-regular-webfont.woff2) format("woff2"),
    url(../fonts/notosans-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: noto_sanssemibold;
    src: url(../fonts/notosans-semibold-webfont.woff2) format("woff2"),
    url(../fonts/notosans-semibold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

@media (min-width: 1240px) {
    .container {
        max-width: 1211px !important;
    }
}

.font-weight-bold {
    font-family: noto_sansbold !important;
}

.font-weight-semibold {
    font-family: noto_sanssemibold !important;
}

.font-weight-medium {
    font-family: noto_sansmedium !important;
}

.font-weight-regular {
    font-family: noto_sansregular !important;
}

.font-weight-light {
    font-family: noto_sanslight !important;
}

h1 {
    font-family: noto_sanssemibold !important;
    font-style: normal;
    font-size: 56px !important;
    line-height: 76px;
}

h2 {
    font-family: noto_sansmedium !important;
    font-style: normal;
    font-size: 40px !important;
    line-height: 54px;
    text-align: center;
}

h3 {
    font-family: noto_sansmedium !important;
    font-style: normal;
    font-weight: 600;
    font-size: 30px !important;
    line-height: 45px;
}

h4 {
    font-style: normal;
    font-family: noto_sansmedium !important;
    font-size: 24px !important;
    line-height: 34px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.font-16 {
    font-size: 16px;
    font-family: noto_sansregular;
}

.font-18 {
    font-size: 18px !important;
    font-family: noto_sansregular;
}

.font-24 {
    font-size: 24px;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-green {
    color: #00c090;
}

.text-blue {
    color: #1c64d9;
}

.text-dark-one {
    color: #30363d;
}

.text-dark-two {
    color: #454a50;
}

.text-dark-three {
    color: #686c73;
}

.text-dark-four {
    color: #8f9297;
}

.text-grey-blue {
    color: #a2a9b0;
}

.text-grey-light {
    color: #c1c3c5;
}

.text-grey-light {
    color: #c1c3c5;
}

.text-dark-blue {
    color: #002060;
}

.text-voilet {
    color: #8f69ed !important;
}

.bg-dark-green {
    background: #1b8079;
}

.bg-middle-green {
    background: #00c090;
}

.bg-light-green {
    background: #aaf1c0;
}

.bg-dark-voilet {
    background: #49229f;
}

.bg-middle-voilet {
    background: #8f69ed;
}

.bg-light-voilet {
    background: #c6b1ef;
}

.bg-dark-blue {
    background: #002060;
}

.bg-middle-blue {
    background: #1c64d9;
}

.bg-light-blue {
    background: #a3daf1;
}

.bg-light-grey {
    background: #f6f6f9;
}

.bg-offwhite {
    background: #fcfbfa;
}

.border-blue {
    border: 1px solid #1c64d9;
}

.border-green {
    border: 1px solid #00c090;
}

.border-voilet {
    border: 1px solid #49229f;
}

.gradient-bg-blue {
    background: linear-gradient(
            241.74deg,
            #d5effa 56.95%,
            rgba(213, 239, 250, 0) 121.36%
    );
}

.bg-gray {
    background: #f6f6f9;
}

.shape-bottom {
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 0;
}

.btn-main {
    font-family: noto_sansregular;
    border-radius: 5px;
    font-size: 16px;
    padding: 12px 18px;
    text-transform: capitalize;
    line-height: 25px;
}

.btn-secondry {
    border-radius: 5px;
    font-size: 16px;
    padding: 12px 18px;
    text-transform: capitalize;
    line-height: 25px;
}

.btn-main.border-green.text-green:hover {
    color: #00c090;
}

.btn-main.border-blue.text-blue:hover {
    color: #1c64d9;
}

.bg-dark-black {
    background: #363d4d;
}

.radius-5 {
    border-radius: 5px;
}

a {
    text-decoration: none !important;
}

.bg-svgwhite {
    background: url(../images/herowhite.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.main-container.gray-gradient::before {
    content: "";
    position: absolute;
    left: 0;
    top: -200px;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            104.62deg,
            #fafcfc 12.53%,
            rgba(250, 252, 252, 0) 83.24%
    );
    z-index: -1;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: auto;
    z-index: 1030;
    background-color: transparent;
    border-bottom: 1px solid #a2a9b0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#topnav .logo {
    float: left;
    color: #3c4858 !important;
}

#topnav .logo .l-dark {
    display: none;
}

#topnav .logo .l-light {
    display: inline-block;
}

#topnav .has-submenu.active a {
    color: #fff;
}

#topnav .has-submenu.active .submenu li.active > a {
    color: #2f55d4;
}

#topnav .has-submenu.active.active .menu-arrow {
    border-color: #2f55d4;
}

#topnav .has-submenu {
    position: relative;
}

#topnav .has-submenu .submenu .submenu-arrow {
    border: solid #3c4858;
    border-radius: 0.5px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 14px;
}

#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {
    border-color: #2f55d4;
}

#topnav .navbar-toggle {
    border: 0;
    position: relative;
    display: block;
    width: 60px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#topnav .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    margin: 28px 0;
    height: 18px;
}

#topnav .navbar-toggle span {
    height: 2px;
    width: 100%;
    background-color: #3c4858;
    display: block;
    margin-bottom: 4px;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    border-radius: 10px;
}

#topnav .navbar-toggle span:last-child {
    margin-bottom: 0;
}

#topnav .request-demo-btn {
    float: right;
    line-height: 68px;
    margin-top: 5px;
}

#topnav .request-demo-btn .btn-main {
    padding: 9px 21px;
}

#topnav .navbar-toggle.open span {
    position: absolute;
}

#topnav .navbar-toggle.open span:first-child {
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#topnav .navbar-toggle.open span:nth-child(2) {
    visibility: hidden;
}

#topnav .navbar-toggle.open span:last-child {
    width: 100%;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#topnav .navbar-toggle.open span:hover {
    background-color: #2f55d4;
}

#topnav .navbar-toggle .navigation-menu > li > a:hover,
#topnav .navbar-toggle:focus,
#topnav .navbar-toggle:hover {
    background-color: transparent;
}

#topnav .navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

#topnav .navigation-menu > li {
    display: block;
    position: relative;
    margin-left: 64px;
}

#topnav .navigation-menu > li:nth-of-type(3) {
    margin-left: 50px;
}

#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li:hover > a {
    color: #454a50 !important;
}

#topnav .navigation-menu > li > a {
    font-family: noto_sansmedium !important;
    display: block;
    color: #3c4858;
    font-size: 16px;
    background-color: transparent !important;
    font-style: normal;
    line-height: 28px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#topnav .navigation-menu > li > a:active,
#topnav .navigation-menu > li > a:hover {
    color: #2f55d4;
}

#topnav .navigation-menu .has-submenu .menu-arrow {
    display: inline-block;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    right: -15px;
    top: 25px;
}

#topnav .navigation-menu .has-submenu:hover .menu-arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

#topnav .menu-extras {
    float: right;
}

#topnav.scroll {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

#topnav.scroll .navigation-menu > li > a {
    color: #3c4858;
}

#topnav.scroll .navigation-menu > li > .menu-arrow {
    border-color: #3c4858;
}

#topnav.scroll .navigation-menu > li.active > a,
#topnav.scroll .navigation-menu > li:hover > a {
    color: #2f55d4;
}

#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow {
    border-color: #2f55d4;
}

#topnav.defaultscroll.dark-menubar .logo {
    line-height: 70px;
}

#topnav.defaultscroll.scroll .logo {
    line-height: 62px;
}

#topnav.defaultscroll.scroll.dark-menubar .logo {
    line-height: 62px;
}

#topnav.nav-sticky {
    background: #fff !important;
    top: 0;
}

#topnav.nav-sticky .navigation-menu.nav-light > li > a {
    color: #3c4858;
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
    color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow {
    border-color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a {
    color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
    border-color: #3c4858;
}

#topnav.nav-sticky .buy-button .login-btn-primary {
    display: inline-block;
}

#topnav.nav-sticky .buy-button .login-btn-light {
    display: none;
}

#topnav.nav-sticky .logo .l-dark {
    display: inline-block;
}

#topnav.nav-sticky .logo .l-light {
    display: none;
}

.logo {
    padding: 0 0 6px;
    line-height: 68px;
}

@media (min-width: 1023px) {
    #topnav .navigation-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        float: right;
    }
    #topnav
    .navigation-menu
    > .has-submenu
    > .submenu
    > .has-submenu
    > .submenu::before {
        top: 20px;
        margin-left: -35px;
        -webkit-box-shadow: 1px 1px 0 0 rgba(60, 72, 88, 0.15);
        box-shadow: 1px 1px 0 0 rgba(60, 72, 88, 0.15);
        border-color: transparent #fff #fff transparent;
    }
    #topnav .navigation-menu > .has-submenu:hover .menu-arrow {
        top: 30px !important;
    }
    #topnav .navigation-menu > .has-submenu.active .menu-arrow {
        top: 30px;
    }
    #topnav .navigation-menu > li .submenu {
        position: absolute;
        top: 85%;
        left: 0px;
        z-index: 1000;
        padding: 30px 10px;
        list-style: none;
        min-width: 270px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        background: #fff;
        border: 1px solid #eef1f5;
        border-radius: 4px;
    }
    #topnav .navigation-menu > li .submenu::before {
        content: "";
        position: absolute;
        top: -9px;
        left: 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 22px;
        height: 22px;
        background: #fff;
        -webkit-transform: rotate(316deg);
        transform: rotate(316deg);
        border-radius: 5px;
        border-style: solid;
        border-width: 1px 1px 0 0;
        border-color: #eef1f5;
    }
    #topnav .navigation-menu > li .submenu li {
        position: relative;
    }
    #topnav .navigation-menu > li .submenu li a {
        font-family: noto_sansmedium !important;
        display: block;
        padding: 20px 17px;
        clear: both;
        border-bottom: 1px solid #ecf8fd;
        white-space: nowrap;
        font-size: 16px;
        color: #686c73 !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    #topnav .navigation-menu > li .submenu li ul li:last-child a {
        border-bottom: 0;
    }
    #topnav .navigation-menu > li .submenu li a:hover {
        color: #454a50 !important;
        background: #ecf8fd;
        border-radius: 4px;
    }
    #topnav .navigation-menu > li .submenu li ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }
    #topnav .navigation-menu > li .submenu.megamenu {
        white-space: nowrap;
        width: auto;
    }
    #topnav .navigation-menu > li .submenu.megamenu > li {
        overflow: hidden;
        min-width: 180px;
        display: inline-block;
        vertical-align: top;
    }
    #topnav .navigation-menu > li .submenu.megamenu > li .submenu {
        left: 100%;
        top: 0;
        margin-left: 10px;
        margin-top: -1px;
    }
    #topnav .navigation-menu > li .submenu > li .submenu {
        left: 106%;
        top: 0;
        margin-left: 10px;
        margin-top: -1px;
    }
    #topnav .navigation-menu > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
        min-height: 62px;
    }
    #topnav .navigation-menu > li:hover > .menu-arrow {
        border-color: #2f55d4;
    }
    #topnav .navigation-menu > li.active > a,
    #topnav .navigation-menu > li:hover > a {
        color: #686c73 !important;
    }
    #topnav .navigation-menu > li.last-elements .submenu {
        left: auto;
        right: 0;
    }
    #topnav .navigation-menu > li.last-elements .submenu:before {
        left: auto;
        right: 10px;
    }
    #topnav
    .navigation-menu
    > li.last-elements
    .submenu
    > li.has-submenu
    .submenu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 10px;
    }
    #topnav .navigation-menu.nav-light > li > a {
        color: rgba(255, 255, 255, 0.5);
    }
    #topnav .navigation-menu.nav-light > li.active > a {
        color: #fff !important;
    }
    #topnav .navigation-menu.nav-light > li:hover > .menu-arrow {
        border-color: #fff !important;
    }
    #topnav .navigation-menu.nav-light > li:hover > a {
        color: #fff !important;
    }
    #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
        border-color: rgba(255, 255, 255, 0.5);
    }
    #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
        border-color: #fff !important;
    }
    #topnav .navigation-menu.nav-right {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    #topnav .buy-button {
        padding-left: 15px;
        margin-left: 15px;
    }
    #topnav .navbar-toggle {
        display: none;
    }
    #topnav #navigation {
        display: block !important;
    }
    #topnav.scroll {
        top: 0;
    }
    #topnav.scroll .navigation-menu > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #topnav.scroll-active .navigation-menu > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (max-width: 1023px) {
    #topnav {
        background-color: transparent;
        min-height: 74px;
    }
    .menu-arrow img.arrow-desktop {
        display: none;
    }
    .menu-arrow img.arrow-mobile {
        display: block !important;
    }
    #topnav .request-demo-btn {
        float: none;
        line-height: 68px;
        text-align: center;
        margin-top: 15px;
        margin-left: 0;
    }
    #topnav #navigation {
        max-height: 400px;
    }
    #topnav .navigation-menu {
        float: none;
        padding: 20px 15px 20px;
    }
    #topnav .navigation-menu > li {
        float: none;
        margin-left: 0;
    }
    #topnav .navigation-menu > li:nth-of-type(3) {
        margin-left: 0px;
    }
    .has-submenu.open span.menu-arrow {
        transform: scaleY(-1) !important;
    }
    #topnav .navigation-menu > li .submenu {
        display: none;
        list-style: none;
        margin: 0;
        padding: 10px 0;
    }
    #topnav .navigation-menu > li .submenu li a {
        font-family: noto_sansmedium !important;
        display: block;
        position: relative;
        padding: 15px 25px;
        text-transform: uppercase;
        font-size: 14px;
        color: #3c4858 !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    #topnav .navigation-menu > li .submenu.open {
        display: block;
    }
    #topnav .navigation-menu > li .submenu .submenu {
        display: none;
        list-style: none;
    }
    #topnav .navigation-menu > li .submenu .submenu.open {
        display: block;
    }
    #topnav .navigation-menu > li .submenu.megamenu > li > ul {
        list-style: none;
        padding-left: 0;
    }
    #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {
        display: block;
        position: relative;
        padding: 10px 15px;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 2px;
        color: #8492a6;
    }
    #topnav .navigation-menu > li > a {
        color: #686c73 !important;
        padding: 20px 20px;
        border-bottom: 1px solid #c1c3c5;
        text-transform: uppercase;
        margin-left: 0;
    }
    #topnav .navigation-menu > li > a:after {
        position: absolute;
        right: 15px;
    }
    #topnav .navigation-menu > li .submenu li a:hover,
    #topnav .navigation-menu > li.has-submenu.open > a,
    #topnav .navigation-menu > li > a:hover {
        color: #454a50 !important;
        background: #ecf8fd;
    }
    #topnav .menu-extras .menu-item {
        border-color: #8492a6;
    }
    #topnav .navbar-header {
        float: left;
    }
    #topnav .has-submenu .submenu .submenu-arrow {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 20px;
        top: 12px;
    }
    #topnav .has-submenu.active a {
        color: #2f55d4;
    }
    #navigation {
        position: absolute;
        top: 74px;
        left: 0;
        width: 100%;
        display: none;
        height: auto;
        padding-bottom: 0;
        overflow: auto;
        border-top: 1px solid #f1f3f9;
        border-bottom: 1px solid #f1f3f9;
        background-color: #fff;
    }
    #navigation.open {
        display: block;
        overflow-y: auto;
    }
}

@media (max-width: 768px) {
    #topnav .navigation-menu .has-submenu .menu-arrow {
        right: 16px;
        top: 31px;
    }
    .search-container #search{
        width: 215px!important;
    }
    /* .searchResult{
        min-width: 400px!important
    } */
}

@media (min-width: 768px) {
    #topnav .navigation-menu > li.has-submenu:hover > .submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
    }
    #topnav
    .navigation-menu
    > li.has-submenu:hover
    > .submenu
    > li.has-submenu:hover
    > .submenu {
        visibility: visible;
        opacity: 1;
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-toggle {
        display: block;
    }
    .menu-arrow img.arrow-mobile {
        display: none;
    }
}

@media (max-width: 1023px) {
    #topnav .buy-menu-btn {
        display: block !important;
        margin: 0 10px;
        padding: 10px 20px;
    }
    #topnav .navbar-toggle .lines {
        margin-right: 0 !important;
        margin-left: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    #topnav .navigation-menu > li > a {
        margin-left: 20px;
    }
}

@media (min-width: 990px) and (max-width: 1240px) {
    .main-timeline .timeline-icon {
        left: 440px !important;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding-right: 55px !important;
    }
}

.hero-section {
    z-index: 1;
    position: relative;
}

.hero-container {
    width: 100%;
    height: 650px;
    padding: 110px 0 0;
    position: relative;
    z-index: 1;
}

.hero-content p {
    width: 90%;
}

.hero-content .btn-blk .btn-main {
    width: 184px;
    display: inline-block;
    text-align: center;
}

.hero-content h1 {
    margin-bottom: 22px;
}

.hero-content .btn-blk {
    margin-top: 30px;
}

.features {
    width: 100%;
    margin-top: 40px;
}

.features .features-inner {
    padding: 47px 20px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #eef0f5;
}

.features .features-inner .feature-box img {
    margin-right: 21px;
}

.services .service-wrapper {
    margin-top: 75px;
}

.section-title p {
    width: 60%;
    margin: 0 auto;
}

.section-title h2 {
    margin-bottom: 21px;
}

.service-box {
    position: relative;
}

.service-box .icon-blk {
    margin-right: 41px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
}

.icon-blk img {
    width: 430px;
}

.service-text-blk {
    position: relative;
}

.service-text-blk .service-btn-blk {
    position: absolute;
    content: "";
    top: 220px;
}

.service-btn-blk .learn-more-btn {
    margin-right: 76px;
}

.service-btn-blk .learn-more-btn img {
    margin: -5px 0 0 13px;
}

.service-text-blk p.font-16 {
    line-height: 28px;
    width: 90%;
}

.service-text-blk h4 {
    margin-bottom: 11px;
}

.service-btn-blk .request-demo {
    padding: 11px 18px !important;
}

.property-managers {
    background: #f3f4f8;
}

.property-managers .property-managers-inner {
    width: 65%;
    margin: 0 auto;
}

.property-managers-inner .managers-thumbnail-container {
    margin-top: 40px;
}

.property-managers-inner .managers-thumbnail-container div img {
    width: 100%;
    padding: 12px 12px;
}

.how-it-works .section-title p.font-16 {
    line-height: 28px;
    width: 60%;
}

.main-timeline {
    position: relative;
    margin-top: 78px;
}

.main-timeline::before {
    content: "";
    width: 1px;
    height: 80%;
    border-radius: 20px;
    margin: 0 auto;
    background: #a3daf1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.main-timeline .timeline {
    display: inline-block;
    margin-bottom: 50px;
    position: relative;
}

.main-timeline .timeline-icon {
    display: flex;
    align-items: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid #a3daf1;
    background: #fff;
    position: absolute;
    top: 0;
    left: 563px;
}

.timeline-icon .circular-dot {
    width: 8px;
    height: 8px;
    background: #448afc;
    border-radius: 50%;
    margin: auto;
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 12px 65px 0;
    float: right;
    position: relative;
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    float: left;
    text-align: right;
    padding-top: 112px;
    padding-bottom: 130px;
    padding-right: 0;
    padding-left: 130px;
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
    left: auto;
    right: 330px;
    top: 100px;
}

.timeline-content p {
    line-height: 28px;
    margin-top: 10px;
}

.call-to-action {
    position: relative;
    padding: 77px 0;
    background: #daf1fb;
    overflow: hidden;
    z-index: 0;
}

.call-to-action::before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 400px;
    height: 300px;
    background: url(../images/cta-before.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.call-to-action::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 200px;
    height: 300px;
    background: url(../images/cta-after.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.call-to-action.pricing:before {
    bottom: -81px;
}

.call-to-action .btn-blk {
    margin-top: 50px;
}

.call-to-action .btn-blk .btn-main {
    width: 184px;
    display: inline-block;
    text-align: center;
}

.footer {
    background: #30363d;
    padding: 40px 0 0;
}

.widget h2 {
    cursor: pointer;
    text-align: left;
    font-size: 18px !important;
    color: #fcfbfa;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.widget_content ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: rgba(252, 251, 250, 0.9);
    font-family: noto_sanslight !important;
}

.footer-request-btn {
    margin-top: 24px;
}

.footer-request-btn .btn-main,
.mobile-footer-request-btn .btn-main {
    width: 184px;
    display: block;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #30363d;
    background: #fcfbfa;
    border-radius: 5px;
    font-family: noto_sansregular !important;
}

.footer-bottom {
    background: #30363d;
    margin-top: 64px;
}

.footer-bottom-inner {
    padding: 20px 0;
    border-top: 1px solid #fcfbfa;
}

.copyright-text p {
    font-size: 14px;
    color: #fcfbfa;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: noto_sansregular !important;
}

.privacy-links {
    text-align: right;
}

.privacy-links a:last-child {
    margin-left: 55px;
}

.privacy-links a {
    font-family: noto_sansregular !important;
    font-size: 16px;
    line-height: 22px;
    color: #fcfbfa;
}

.privacy-links a:hover {
    color: #fcfbfa;
}

.mobile-footer-request-btn {
    width: 100%;
    text-align: center;
    margin: 28px auto 0 auto;
}

.mobile-footer-request-btn .btn-main {
    margin: 0 auto;
}

.privacy-links.pl-mobile {
    text-align: center;
    width: 100%;
    padding-top: 50px;
}

.main-container {
    position: relative;
    z-index: auto;
}

.agm-services-col {
    padding: 40px 0 0;
}

.agm-services-col .service-heading {
    padding: 20px 0 28px;
    border-bottom: 1px solid #f6f6f9;
    margin-bottom: 29px;
    line-height: 28px;
}

.agm-services-block {
    display: flex;
    margin: 26px 0 35px;
}

.agm-services-block .agm-serivce-item span {
    margin-bottom: 21px;
    display: block;
}

.agm-services-block .agm-serivce-item ul li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    margin-bottom: 21px;
    color: #686c73;
    font-family: noto_sanslight !important;
}

.agm-services-block .agm-serivce-item:first-child {
    padding-right: 30px;
}

.agm-services-block .agm-serivce-item ul li:last-child {
    margin-bottom: 0;
}

.agm-services-block .agm-serivce-item ul li img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.agm-services-block .agm-serivce-item {
    width: 50%;
    text-align: left;
}

.agm-services-col.solution-bi {
    padding: 0;
}

.agm-services-col.solution-bi .service-heading {
    border: 0;
    padding-top: 0;
}

.agm-services-col.solution-bi .agm-services-block .agm-serivce-item {
    width: 100%;
    text-align: left;
}

.featured-text-sec {
    text-align: center;
    padding: 45px 0;
    background: #f6f6f9;
}

.featured-text-sec h4 {
    width: 55%;
    margin: 0 auto;
    line-height: 34px;
}

.col-three-contentsec {
    width: 100%;
    padding: 80px 0;
}

.col-three-contentsec .col-three-contentsec-inner {
    padding-right: 30px;
    position: relative;
}

.col-three-contentsec .col-three-contentsec-inner h4 {
    margin-bottom: 10px;
    height: 60px;
}

.col-three-contentsec .col-three-contentsec-inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #686c73;
    font-family: noto_sanslight !important;
}

.cta-bg-green {
    width: 100%;
    background: #c3f5d3;
    position: relative;
    overflow: hidden;
    z-index: 0;
}


.cta-bg-green:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: -74px;
    width: 300px;
    height: 300px;
    background: url(../images/cta-before.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.cta-bg-green::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 200px;
    height: 300px;
    background: url(../images/cta-after.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.cta-bg-voilet {
    width: 100%;
    background: #C6B1EF;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.cta-bg-voilet:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: -74px;
    width: 300px;
    height: 300px;
    background: url(../images/cta-before.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.cta-bg-voilet::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 200px;
    height: 300px;
    background: url(../images/cta-after.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}

.cta-two {
    padding: 54px 0;
    text-align: center;
}

.cta-two h3 {
    color: #1b8079;
}

.cta-two .btn-main {
    width: 184px;
    text-align: center;
    display: block;
    margin: 40px auto 0;
}

.cta-voilet {
    padding: 54px 0;
    text-align: center;
}

.cta-voilet h3 {
    color: #8F69ED;
}

.cta-voilet .btn-main {
    width: 184px;
    text-align: center;
    display: block;
    margin: 40px auto 0;
}

.virtual-cta {
    background: #a3daf1;
}

.virtual-cta h3 {
    color: #1c64d9;
}

.solution-text-section .solution-text {
    width: 80%;
}

.solution-text-section .solution-text h4 {
    margin-bottom: 18px;
}

.solution-text-section .solution-text p {
    line-height: 28px;
}

.solution-text-section .solution-text.has-p-r {
    padding-right: 50px;
}

.solution-text-section .solution-text.has-p-l {
    padding-left: 50px;
}

.solution-text-section .solution-text ul li img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.solution-text-section .solution-text ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    margin-bottom: 11px;
    color: #686c73;
    font-family: noto_sanslight !important;
}

.skelton-img-col {
    position: relative;
    z-index: 0;
}

.contact-us-cta {
    width: 100%;
    padding: 90px 0;
    background: #fafcfc;
}

.contactus-cta-content h2 {
    color: #1c64d9;
    font-size: 31px !important;
    margin-bottom: 20px;
    line-height: 28px;
    text-align: left;
    font-family: noto_sanslight !important;
}

.contactus-cta-content h3 {
    font-family: noto_sanssemibold;
    font-size: 32px !important;
    color: #454a50;
    margin-bottom: 0;
}

.contactus-cta-actionbtns .btn-main {
    width: 164px;
    display: inline-block;
    text-align: center;
}

.contactus-cta-actionbtns .btn-main:first-child {
    margin-right: 45px;
}

.main-container.solution-document-iq::before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            180deg,
            #f6f6f9 0,
            rgba(246, 246, 249, 0) 105.88%
    );
    z-index: -1;
}

.hero-section.pricing-hero {
    height: auto;
}

.inner-breadcrumb {
    position: relative;
    width: 100%;
    padding: 180px 0 72px;
    background: #ddf1f9;
    z-index: 0;
    overflow: hidden;
}

.inner-breadcrumb::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 40px;
    width: 730px;
    height: 320px;
    background: url(../images/inner-breadcrumb-before.png) no-repeat;
    background-size: cover;
    z-index: -1;
}

.inner-breadcrumb::after {
    content: "";
    position: absolute;
    right: 0;
    top: 109px;
    width: 250px;
    height: 240px;
    background: url(../images/inner-breadcrumb-after.png) no-repeat;
    background-size: cover;
    z-index: -1;
}

.inner-breadcrumb .inner-breadcrumb-content {
    text-align: center;
    width: 100%;
}

.inner-breadcrumb-content h2 {
    color: #002060;
}

.inner-breadcrumb-content p {
    color: #002060;
    margin-top: 23px;
    margin-bottom: 0;
}

.hero-section.pricing-hero #topnav {
    background: #fff;
}

.main-container.pricing-section {
    background: #f9f9fb;
}

.pricing-tab-row {
    width: 72%;
    margin: 0 auto;
}

.pricing-tab-conent-container {
    width: 72%;
    margin: 0 auto;
}

.pricing-main {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 0;
}

.pricing-tab-row .nav.nav-tabs {
    background: #fff;
    box-shadow: 0 2px 4px #e6ebf1;
    border-radius: 2px;
    border-bottom: 0;
}

.pricing-tab-row .nav.nav-tabs .nav-link {
    display: block;
    color: #30363d;
    padding: 15px 0;
    font-size: 17px;
    font-family: noto_sansregular;
    transition: all 0.3s;
}

.pricing-tab-row .nav-link.show.active {
    transition-delay: 0.3s !important;
}

.pricing-tab-row .nav-tabs .nav-item {
    border-right: 1px solid #eef0f5;
    width: 20%;
    text-align: center;
}

.pricing-tab-row .nav-tabs .nav-item:last-child {
    border: 0;
}

.pricing-tab-row .nav-tabs .nav-item.show .nav-link,
.pricing-tab-row .nav-tabs .nav-link.active {
    color: #1c64d9;
    background-color: #fff;
    border-width: 4px 0 4px 0;
    border-color: #fff #fff #1c64d9 #fff;
}

.pricing-tab-row .nav-tabs .nav-link:focus,
.pricing-tab-row .nav-tabs .nav-link:hover {
    border-color: #fff #fff #1c64d9 #fff;
}

.pricing-tab-row .nav-tabs .nav-link {
    border-width: 4px 0 4px 0;
    border-color: #fff #fff #fff #fff;
    border-radius: 2px 2px 2px 2px;
}

.pricing-section-title {
    width: 100%;
    padding: 50px 0 22px;
}

.pricing-section-title img {
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 15px;
}

.pricing-section-title h3 {
    color: #30363d;
    margin: 7px 0 0;
}

.pricing-section-title p {
    color: #686c73;
    font-size: 16px !important;
    font-family: noto_sanslight !important;
    margin-top: 21px;
    line-height: 28px;
}

.pricing-card-title h4 {
    line-height: 34px;
    color: #454a50;
}

.pricing-card-title p {
    line-height: 28px;
    color: #686c73;
    font-family: noto_sanslight !important;
    margin-bottom: 21px;
}

.pricing-card-container {
    display: flex;
}

.pricing-card-container .pricing-card {
    width: 33%;
    background: #fff;
    border: 1px solid #d3d5dd;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 17px 17px;
    margin-right: 43px;
}

.pricing-card-container .pricing-card:last-child {
    margin-right: 0;
}

.pricing-size-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.card-heading-left h3,
.card-heading-right h3 {
    font-size: 24px !important;
    line-height: 28px;
    color: #30363d;
    margin-bottom: 2px;
}

.card-heading-left h3 {
    font-family: noto_sansregular !important;
}

.card-heading-right {
    text-align: right;
}

.pricing-size-content ul li {
    font-size: 12px;
    line-height: 28px;
    color: #686c73;
    list-style: disc;
    margin-left: 10px;
    font-family: noto_sanslight !important;
}

.card-heading-left p,
.card-heading-right p {
    font-size: 12px;
    line-height: 28px;
    align-items: center;
    color: #6b737a;
    font-family: noto_sanslight !important;
    margin-bottom: 3px;
}

.card-heading-right h3 {
    color: #1c64d9;
}

.card-heading-right h5 {
    font-size: 14px;
    line-height: 28px;
    color: #1c64d9;
    font-family: noto_sanslight !important;
    margin-bottom: 0px;
}

.price-contact-btn {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.price-contact-btn .btn-main {
    width: 184px;
    display: inline-block;
    font-size: 18px;
}

.feature-pricing-table {
    width: 72%;
    margin: 0 auto;
    padding: 40px 0 60px;
}

.fpt-data-table {
    background: #fff;
    border: 1px solid #d3d5dd;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 24px;
    padding: 24px 0;
    display: flex;
    align-items: center;
}

.fpt-inner h3 {
    color: #454a50;
}

.item-block.first-col {
    width: 45%;
    border-radius: 1px;
    border-right: 1px solid #d3d5dd;
    padding: 150px 50px 150px 90px;
    margin-right: 24px;
}

.item-block.first-col h3 {
    font-size: 24px;
    font-family: noto_sansmedium !important;
    line-height: 28px;
    text-align: right;
    color: #30363d;
    margin-bottom: 16px;
}

.item-block.first-col p {
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #454a50;
    font-family: noto_sanslight !important;
}

.virtual-iq-subheading {
    font-size: 16px !important;
    color: #686c73 !important;
}

.item-block.first-col.virtual-iq {
    padding-left: 56px;
    padding-right: 27px;
}

.item-block.first-col p span {
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    font-family: noto_sansmedium !important;
    color: #30363d;
}

.fpt-btn-blk {
    text-align: right;
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}

.fpt-btn-blk .btn-main {
    width: 184px;
    display: inline-block;
    text-align: center;
}

.calculator-main {
    width: 100%;
    padding: 60px 0 60px;
}

.calculator-main-inner {
    background: #fff;
    border: 1px solid #d3d5dd;
    border-radius: 4px;
    padding: 32px 0 0;
    width: 72%;
    margin: 0 auto;
}

.calculator-main-inner .cal-top-block {
    text-align: center;
}

.cal-top-block h3 {
    margin-bottom: 37px;
}

.calculator-main-inner .cal-top-block .condo-input-block {
    margin-top: 29px;
}

.calculator-main-inner .cal-top-block .condo-input-block p {
    font-size: 18px;
    line-height: 33px;
    text-align: center;
    color: #454a50;
    font-family: noto_sansregular !important;
    margin-bottom: 0;
}

.condo-input-block input {
    background: rgba(28, 100, 217, 0.05);
    border: 1px solid #1c64d9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 15px;
    width: 121px;
    height: 47px;
    text-align: center;
    font-size: 18px;
    margin-top: 6px;
    color: #30363d;
    font-family: noto_sansregular !important;
}

.pricing-data-main {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 56px;
}

.pricing-col.col-left {
    background: rgba(238, 241, 245, 0.41);
    border-radius: 0 3px 0 0;
    text-align: center;
}

.pricing-col.col-center {
    text-align: center;
}

.pricing-col.col-right {
    background: linear-gradient(197.95deg, #448afc -0.81%, #1c64d9 108.36%);
    border-radius: 3px 0 0 0;
    text-align: center;
}

.pricing-col {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.34%;
    padding: 22px 44px 0;
}

.pricing-col .item-block p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: #454a50;
    font-family: noto_sansmedium !important;
    margin-bottom: 17px;
}

.pricing-col .item-block span {
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #454a50;
    font-family: noto_sansmedium !important;
}

.pricing-col .item-block h3 {
    font-size: 24px;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sansbold !important;
}

.pricing-col .item-block h4 {
    font-size: 22px !important;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sanssemibold !important;
}

.pricing-col .item-block.c-col-list h3 {
    font-size: 16px !important;
    line-height: 33px;
    text-transform: uppercase;
    color: #1c64d9;
    font-family: noto_sansmedium !important;
}

.pricing-col .c-col-list-items h4 {
    font-size: 18px !important;
    line-height: 28px;
    color: #30363d;
    font-family: noto_sanssemibold !important;
    margin-bottom: 2px !important;
}

.pricing-col .c-col-list-items p {
    font-size: 16px !important;
    line-height: 28px;
    font-family: noto_sanslight !important;
    color: #686c73;
    margin: 0;
}

.pricing-col .c-col-list-items {
    margin-bottom: 19px;
}

.pricing-col .c-col-list-items:last-child {
    margin-bottom: 0;
}

.pricing-col.col-right h3,
.pricing-col.col-right h4,
.pricing-col.col-right p,
.pricing-col.col-right span {
    color: #fff;
}

.pricing-col .item-block h4 {
    margin-bottom: 43px;
}

.pricing-col .item-block h4:last-child {
    margin-bottom: 0;
}

.pricing-data-divider {
    position: absolute;
    width: 100%;
    background: #d3d5dd;
    height: 1px;
    left: 0;
}

.item-block.ptb {
    height: 350px;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.item-block.ptb h4 {
    margin-top: 44px;
    margin-bottom: 0;
}

.item-block.ptb:last-child {
    height: 280px;
    min-height: 280px;
}

.item-block.c-col-list:last-child {
    height: 280px;
    min-height: 280px;
}

.item-block.c-col-list {
    height: 350px;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.price-contact-btn.consent-pricing-btnblk {
    margin-top: 110px;
}

.pricing-cta-inner {
    background: #ddf1f9;
    border-radius: 5px;
    width: 72%;
    margin: 0 auto;
    padding: 35px 65px;
}

.pricing-cta-inner p {
    width: 70%;
    font-size: 16px;
    line-height: 28px;
    color: #454a50;
    margin-bottom: 16px;
    font-family: noto_sanslight !important;
}

.pricing-cta-inner .btn-main {
    width: 164px;
    display: inline-block;
    text-align: center;
    font-family: noto_sansmedium !important;
}

.pricing-cta {
    padding-bottom: 60px;
}

.pricing-addons {
    width: 100%;
    background: #fff;
    padding: 50px 0 58px;
}

.pricing-addons-inner {
    width: 72%;
    margin: 0 auto;
}

.pricing-addons-inner h3 {
    color: #30363d;
}

.addons-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.34%;
    margin-top: 34px;
}

.addons-item h4 {
    color: #454a50;
    margin-bottom: 10px;
}

.addons-item h4 img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.addons-item p {
    color: #686c73;
    font-family: noto_sanslight !important;
    margin: 10px 0 10px;
    height: 80px;
}

.addons-item .learn-more {
    color: #1b8079;
    text-transform: capitalize;
}

.learn-more img {
    margin: -4px 0 0 13px;
}

.addons-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.budget-iq-data {
    background: #fff;
    border: 1px solid #d3d5dd;
    box-sizing: border-box;
    border-radius: 5px;
    width: 72%;
    margin: 0 auto;
    padding: 16px 22px;
    margin-bottom: 60px;
}

.iq-item-block p {
    font-family: noto_sanslight !important;
    font-size: 16px;
    line-height: 28px;
    margin: 12px 0 18px;
}

.budget-iq-data .price-contact-btn {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

.budget-iq-data .price-contact-btn .btn-main {
    width: 184px;
    text-align: center;
}

.budget-iq-data .iq-item-block ul li img {
    margin-right: 10px;
}

.budget-iq-data .iq-item-block ul li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 21px;
    color: #686c73;
    font-family: noto_sanslight !important;
}

.hero-section.blog {
    background: url(../images/blog-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: auto;
}

.hero-section.blog #topnav {
    background: linear-gradient(
            219.7deg,
            #dcdff9 65.41%,
            rgba(220, 223, 249, 0) 103.55%
    );
}

.hero-section.blog::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1200px;
    height: 500px;
    background: url(../images/blog-before.png) no-repeat;
    background-size: contain;
    z-index: 0;
}

.hero-section.blog::after {
    content: "";
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0px;
    width: 367px;
    height: 250px;
    background: url(../images/blog-after.png) no-repeat;
    background-size: contain;
    z-index: 0;
}

.main-container.blog {
    position: relative;
    overflow: hidden;
}

.main-container.blog::before {
    width: 100%;
    height: 100%;
    z-index: -1 !important;
    position: absolute;
    left: 0;
    top: -220px;
    content: "";
    background: linear-gradient(
            133.23deg,
            #fafcfc 12.53%,
            rgba(250, 252, 252, 0) 83.24%
    );
}

.hero-section.blog .hero-container {
    width: 100%;
    padding: 150px 0 50px;
    z-index: 1;
    position: relative;
}

.blog-section-inner {
    width: 75%;
    margin: 0 auto;
}

.hero-section.blog .hero-content {
    width: 90%;
    margin: 0 auto;
}

.hero-section.blog .hero-content p {
    font-size: 18px;
    line-height: 33px;
    color: #454a50;
    font-family: noto_sansregular;
}

.hero-section.blog .blog-newsletterbox {
    width: 100%;
    margin-top: 16px;
}

.blog-newsletterbox input {
    color: #a2a9b0;
    background: #fff;
    border: 1px solid #a2a9b0;
    border-radius: 4px;
    padding: 12px 15px;
    width: 337px;
    text-transform: capitalize;
    font-family: noto_sanslight;
}

.blog-newsletterbox input:focus {
    outline: none;
}

.blog-newsletterbox .btn-main {
    display: block;
    width: 184px;
    background: #49229f;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 22px;
}

.blog-section {
    width: 100%;
    padding: 84px 0 140px;
}

.blog-post-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.blog-post-item .blog-image {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.34%;
    margin-right: 27px;
}

.blog-post-item span {
    margin-bottom: 12px;
    display: block;
}

.blog-post-item h4 {
    font-size: 24px;
    color: #454a50;
    line-height: 34px;
    width: 90%;
}

.blog-post-item p {
    font-size: 16px;
    line-height: 28px;
    color: #686c73;
    margin: 12px 0 0;
    font-family: noto_sanslight;
    width: 85%;
}


.hero-section.faq {
    background: linear-gradient(
            239.05deg,
            rgba(198, 232, 245, 0.6) 66.76%,
            rgba(198, 232, 245, 0) 106.86%
    );
    position: relative;
    overflow: hidden;
    z-index: auto;
}

.hero-section.faq::before {
    content: "";
    position: absolute;
    left: -30px;
    top: -45px;
    width: 820px;
    height: 320px;
    background: url(../images/faq-before.png) no-repeat;
    background-size: cover;
    z-index: 0;
}

.hero-section.faq::after {
    content: "";
    position: absolute;
    right: 0;
    top: 165px;
    width: 230px;
    height: 200px;
    background: url(../images/faq-after.png) no-repeat;
    background-size: cover;
    z-index: 0;
}

.hero-section.faq .hero-container {
    height: auto;
    padding: 100px 0 60px;
}

.hero-content.faq {
    width: 100%;
    padding: 100px 0;
}

.faq-section {
    width: 100%;
    padding: 60px 0 140px;
}

.faq-section .accordion {
    width: 53%;
    margin: 0 auto;
}

.faq-section .accordion a {
    font-family: noto_sansregular;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 0;
    color: #00c090 !important;
    font-size: 18px;
    line-height: 34px;
    color: #00c090;
    border-bottom: 1px solid #cfd7df;
}

.faq-section .content {
    padding: 10px 0;
}

.faq-section .content p {
    font-size: 16px;
    line-height: 28px;
    color: #686c73;
    font-family: noto_sanslight;
    margin-bottom: 0;
}

.hero-section.about #topnav {
    background: linear-gradient(
            225.2deg,
            #dcdff9 80%,
            rgba(220, 223, 249, 0) 106.9%
    );
}

.hero-section.about {
    background: linear-gradient(
            225.2deg,
            #dcdff9 80%,
            rgba(220, 223, 249, 0) 106.9%
    );
    position: relative;
    overflow: hidden;
    z-index: auto;
}

.hero-section.about::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: 100px;
    width: 700px;
    height: 300px;
    background: url(../images/about-before.png) no-repeat;
    background-size: contain;
    z-index: 1;
}

.hero-section.about::after {
    content: "";
    position: absolute;
    right: 0;
    top: auto;
    bottom: 10px;
    width: 220px;
    height: 250px;
    background: url(../images/about-after.png) no-repeat;
    background-size: contain;
    z-index: 1;
}

.hero-section.about .hero-container {
    width: 100%;
    height: auto;
    padding: 76px 0 50px;
    position: relative;
    z-index: 1;
}

.hero-section.about .shape-bottom {
    bottom: -5px;
}

.about-section .aboutus-image img {
    z-index: -1;
    position: relative;
}

.about-section-inner {
    width: 77%;
    margin: 0 auto;
}

.hero-content.about-us {
    width: 100%;
    padding: 76px 0 89px;
}

.hero-content.about-us h4 {
    width: 50%;
    margin: 0 auto;
}

.aboutus-content p {
    font-size: 18px !important;
    line-height: 30px;
    color: #686c73;
    font-family: noto_sanslight;
}

.join-our-team {
    width: 100%;
    padding: 46px 0;
    background: rgba(195, 177, 239, 0.35);
    text-align: center;
}

.join-our-team-inner h4 {
    color: #30363d;
}

.join-our-team-inner a {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #49229f;
    font-family: noto_sansmedium;
}

.join-our-team-inner a:hover {
    color: #49229f;
}

.hero-section.carees {
    background: linear-gradient(
            225.68deg,
            rgba(198, 245, 217, 0.6) 74.89%,
            rgba(198, 245, 217, 0) 106.47%
    );
    position: relative;
    overflow: hidden;
    z-index: auto;
}

.hero-section.carees::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 40px;
    width: 730px;
    height: 320px;
    background: url(../images/carees-before.png) no-repeat;
    background-size: cover;
    z-index: 1;
}

.hero-section.carees::after {
    content: "";
    position: absolute;
    right: 0;
    top: 125px;
    width: 250px;
    height: 240px;
    background: url(../images/carees-after.png) no-repeat;
    background-size: auto;
    background-size: cover;
    z-index: 1;
}

.hero-section.carees .hero-container {
    height: auto;
    padding: 47px 0 40px;
    position: relative;
    z-index: 1;
}

.hero-content.carees {
    width: 100%;
    padding: 110px 0 110px;
}

.hero-content.carees p {
    width: 75%;
    margin: 0 auto;
}

.hero-content.carees .get-started-btn {
    width: 100%;
    text-align: center;
    margin-top: 28px;
}

.hero-content.carees .get-started-btn .btn-main {
    width: 184px;
    display: inline-block;
    text-align: center;
}

.careers-section {
    width: 100%;
    padding: 70px 0 80px;
}

.careers-section-inner {
    width: 45%;
    margin: 0 auto;
}

.careers-section-inner .careers-item:first-child {
    margin-bottom: 84px;
}

.careers-section-inner .careers-item h4 {
    line-height: 34px;
    color: #30363d;
    margin-bottom: 27px;
}

.careers-section-inner .careers-item p {
    font-size: 16px;
    line-height: 28px;
    color: #30363d;
    margin-bottom: 29px;
    font-family: noto_sanslight;
}

.careers-section-inner .careers-item p span {
    color: #49229f;
    font-family: noto_sansmedium;
}

.careers-section-inner .careers-item p a {
    color: #00c090;
    font-family: noto_sansregular;
    cursor: pointer;
}

.hero-section.contact {
    background: url(../images/blog-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: auto;
}

.hero-section.contact #topnav {
    background: linear-gradient(
            225.2deg,
            #dcdff9 61.26%,
            rgba(220, 223, 249, 0) 106.9%
    );
}

.hero-section.contact::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 40px;
    width: 730px;
    height: 320px;
    background: url(../images/carees-before.png) no-repeat;
    background-size: cover;
    z-index: 1;
}

.hero-section.contact::after {
    content: "";
    position: absolute;
    right: 0;
    top: 145px;
    width: 250px;
    height: 240px;
    background: url(../images/carees-after.png) no-repeat;
    background-size: cover;
    z-index: 1;
}

.hero-section.contact .hero-container {
    height: auto;
    padding: 96px 0 50px;
}

.hero-content.contact {
    width: 100%;
    padding: 90px 0 100px;
}

.main-container.contact::before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            133.23deg,
            #fafcfc 12.53%,
            rgba(250, 252, 252, 0) 83.24%
    );
    z-index: -1;
}

.contactus-section {
    padding: 90px 0 160px;
    width: 100%;
}

.contactus-section .contactus-section-inner {
    width: 70%;
    margin: 0 auto;
}

.contactus-section .contact-content-left {
    padding: 55px 45px 0 0;
}

.contactus-section .contact-content-left .item-top {
    width: 100%;
    margin-bottom: 25px;
}

.contactus-section .contact-content-left .item-top p {
    font-size: 18px;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sansregular;
}

.contactus-section .contact-content-left .item-bottom .contactus-request-btn p {
    font-size: 16px;
    line-height: 28px;
    color: #454a50;
    margin-bottom: 17px;
    font-family: noto_sanslight;
}

.contactus-section
.contact-content-left
.item-bottom
.contactus-request-btn
.btn-main {
    display: block;
    width: 184px;
    text-align: center;
}

.contactus-section .contact-form {
    width: 100%;
    padding: 0 30px;
}

.contactus-section .contact-form label {
    font-size: 14px;
    line-height: 28px;
    color: #a2a9b0;
    margin-bottom: 0;
    font-family: noto_sanslight;
}

.contactus-section .contact-form .form-group {
    margin-bottom: 25px;
}

.contactus-section .contact-form .form-control {
    background: #fff;
    border: 1px solid #a2a9b0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    color: #a2a9b0;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: noto_sansregular;
}

.contactus-section .contact-form .form-control:focus,
.contactus-section .contact-form .custom-dropdown > select:focus {
    outline: none;
    box-shadow: none;
}

.contactus-section .contact-form .textarea {
    height: 136px;
}

.contactus-section .contact-form .custom-dropdown {
    width: 100%;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    border: 1px solid #a2a9b0;
    border-radius: 4px;
    background-color: #fff;
}

.contactus-section .contact-form .custom-dropdown::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.8em;
    display: block;
    content: "";
    background: url(../images/arrow-down-gray.svg) center no-repeat;
    pointer-events: none;
}

.contactus-section .contact-form .custom-dropdown > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 7px 2.4em 7px 10px;
    font-size: 14px;
    border: 0;
    background: #fff;
}

.contactus-section .contact-form .form-grou.submitbtn-blk .btn-main {
    display: block;
    width: 184px;
    background: #1c64d9;
    color: #fff;
    border: 0;
}

.hero-section.bg-gray .shape-bottom {
    bottom: -33px;
}

.hero-section.bg-white .shape-bottom {
    bottom: -33px;
}
.faq-section .accordion .a-link {
    display: inline-block;
    width: auto;
    border-bottom: 0px;
    font-family: noto_sanslight;
    font-size: 16px;
    color: #1c64d9 !important;
    text-decoration: underline !important;
    text-transform: capitalize;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .partners-thumb {
        gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .main-timeline .timeline-icon {
        left: 438px !important;
    }
    #topnav .navigation-menu .has-submenu .menu-arrow {
        right: 1px !important;
    }
}

/* ipad ipadpro */

@media (min-width: 768px) and (max-width: 1024px) {
    h1 {
        font-size: 36px !important;
        line-height: 49px;
    }
    .hero-content .btn-blk .btn-main {
        width: auto;
    }
    .feature-box {
        align-items: flex-start !important;
    }
    .feature-box img {
        margin-right: 10px;
        width: 46px;
        height: 46px;
    }
    .section-title p {
        width: 100%;
        margin: 0 auto;
    }
    .service-box {
        flex-direction: column;
    }
    .icon-blk img {
        width: 70px;
    }
    .service-box .icon-blk {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .service-text-blk h4 {
        font-size: 21px !important;
    }
    .service-btn-blk .learn-more-btn {
        margin-right: 25px;
    }
    .property-managers-inner h3 {
        font-size: 24px !important;
    }
    .property-managers .property-managers-inner {
        width: 100%;
        margin: 0 auto;
    }
    .how-it-works .section-title p.font-16 {
        line-height: 28px;
        width: 100%;
    }
    .main-timeline .timeline-icon {
        left: 319px;
    }
    .main-timeline .timeline-content {
        padding: 0 0 0 65px;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 0 65px 99px 0 !important;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-icon {
        left: auto;
        right: 319px;
        top: 0;
    }
    .call-to-action {
        padding: 54px 0;
    }
    .call-to-action.pricing:after {
        right: -20px;
    }
    .call-to-action.pricing:before {
        bottom: -81px;
        height: 330px;
    }
    .main-timeline::before {
        height: 75%;
    }
    .call-to-action h2 {
        font-size: 28px !important;
        width: 70%;
        margin: 0 auto;
    }
    .footer-request-btn .btn-main,
    .mobile-footer-request-btn .btn-main {
        width: 163px;
    }
    #topnav .navigation-menu .has-submenu .menu-arrow {
        right: 15px;
    }
    .hero-content h2 {
        font-size: 36px !important;
        line-height: 45px;
    }
    .service-heading p {
        font-size: 17px !important;
    }
    .agm-service-features h4 {
        font-size: 21px !important;
    }
    .agm-services-block .agm-serivce-item:first-child {
        padding-right: 15px;
    }
    .agm-serivce-item span.font-18 {
        font-size: 17px !important;
    }
    .agm-services-block .agm-serivce-item ul li {
        font-size: 15px;
        margin-bottom: 12px;
    }
    .col-three-contentsec .col-three-contentsec-inner h4 {
        margin-bottom: 10px;
        height: 60px;
        font-size: 21px !important;
    }
    .col-three-contentsec .col-three-contentsec-inner {
        padding-right: 20px;
    }
    .solution-text-section .solution-text {
        width: 100%;
    }
    .solution-text-section .solution-text.has-p-r {
        padding-right: 10px;
    }
    .solution-text-section .solution-text.has-p-l {
        padding-left: 10px;
    }
    .contact-us-cta {
        padding: 54px 0;
    }
    .contactus-cta-actionbtns .btn-main:first-child {
        margin-right: 30px;
    }
    #topnav .navigation-menu li a {
        margin-left: 0;
    }
    .feature-pricing-table,
    .pricing-tab-conent-container,
    .pricing-tab-row {
        width: 95%;
    }
    .pricing-card-container .pricing-card {
        margin-right: 15px;
    }
    .fpt-data-table {
        flex-direction: column;
    }
    .item-block.first-col {
        width: 95%;
        border-radius: 1px;
        border-right: 0;
        padding: 40px 70px 29px 36px;
        margin-bottom: 24px;
        margin-right: 0;
        border-bottom: 1px solid #d3d5dd;
        text-align: left;
    }
    .fpt-btn-blk,
    .item-block.first-col h3,
    .item-block.first-col p {
        text-align: left;
    }
    .item-block.second-col {
        width: 100%;
        padding: 0 40px;
    }
    .calculator-main-inner {
        width: 95%;
    }
    .pricing-col {
        padding: 22px 25px 0;
    }
    .pricing-cta-inner {
        width: 95%;
    }
    .pricing-addons-inner {
        width: 95%;
    }
    .addons-item {
        flex-basis: 45.34%;
    }
    .inner-breadcrumb-content h2 {
        font-size: 36px !important;
    }
    .budget-iq-data {
        width: 95%;
    }
    .budget-iq-data .card-heading-right {
        text-align: left;
    }
    .budget-iq-data .price-contact-btn {
        text-align: left;
    }
    .price-contact-btn.consent-pricing-btnblk {
        margin-top: 82px;
    }
    .hero-section.blog .hero-content {
        width: 100%;
    }
    .hero-section.blog .hero-container {
        width: 100%;
        padding: 130px 0 50px;
    }
    .hero-section.blog .hero-content p {
        font-size: 15px;
        line-height: 28px;
    }
    .blog-section-inner {
        width: 90%;
    }
    .blog-post-item .blog-image {
        flex-basis: 45.34%;
        margin-right: 20px;
    }
    .blog-post-item h4,
    .blog-post-item p {
        width: 100%;
    }
    .blog-post-rightimg {
        margin-top: 40px;
    }
    .faq-section .accordion {
        width: 90%;
    }
    .hero-content.about-us h4 {
        width: 80%;
        font-family: noto_sansregular !important;
    }
    .aboutus-content p {
        font-size: 16px !important;
        line-height: 30px;
    }
    .careers-section-inner {
        width: 90%;
    }
    .careers-section {
        padding: 70px 0 70px;
    }
    .contactus-section .contactus-section-inner {
        width: 90%;
    }
    .contactus-section {
        padding: 37px 0 70px;
    }
    .contactus-section .contact-content-left {
        padding: 0;
        margin-bottom: 70px;
    }
    .contactus-section .contact-form {
        padding: 0 0;
        width: 70%;
    }
    .gradient-bg-blue .hero-container {
        height: 650px;
        padding: 0;
        display: flex;
        align-items: center;
    }
    .hero-section.bg-gray .hero-container,
    .hero-section.bg-white .hero-container {
        height: 560px;
        display: flex;
        align-items: center;
        padding: 0;
    }
    .hero-section.bg-gray .shape-bottom,
    .hero-section.bg-white .shape-bottom {
        bottom: -5px;
    }
    .inner-breadcrumb::before {
        left: -90px;
        top: 40px;
        width: 690px;
        height: 400px;
        background-size: contain;
    }
    .inner-breadcrumb::after {
        content: "";
        position: absolute;
        right: 0;
        top: auto;
        bottom: 0;
        width: 200px;
        height: 175px;
        background-size: cover;
        z-index: -1;
    }
    .hero-section.blog::before,
    .hero-section.faq::before {
        left: -100px;
    }
    .hero-section.blog::after,
    .hero-section.faq::after,
    .hero-section.carees::before,
    .hero-section.carees::after,
    .hero-section.contact::before,
    .hero-section.contact::after,
    .hero-section.about::before,
    .hero-section.about::after {
        display: none;
    }
    .call-to-action::before {
        bottom: -60px;
    }
    .call-to-action::after {
        right: -61px;
        top: -14px;
    }
    .cta-bg-green::after {
        right: -40px;
    }
    .cta-bg-green:before {
        bottom: -100px;
        width: 300px;
        height: 355px;
    }
    .cta-bg-voilet::after {
        right: -40px;
    }
    .cta-bg-voilet:before {
        bottom: -100px;
        width: 300px;
        height: 355px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .gradient-bg-blue .hero-container {
        height: auto;
        padding: 110px 0 80px;
    }
    .hero-section.bg-gray .hero-container,
    .hero-section.bg-white .hero-container {
        height: auto;
        padding: 110px 0 80px;
    }
    .hero-section.bg-gray .shape-bottom,
    .hero-section.bg-white .shape-bottom {
        bottom: -5px;
    }
    .hero-section.about .hero-container {
        padding: 70px 0 30px;
    }
    .inner-breadcrumb::before {
        left: -255px;
        top: 60px;
        width: 730px;
        height: 320px;
        background-size: contain;
    }
    .inner-breadcrumb::after {
        right: -161px;
        top: auto;
        width: 330px;
        height: 330px;
        background-size: contain;
        bottom: -15px;
    }
    .hero-section.blog::before,
    .hero-section.blog::after,
    .hero-section.faq::before,
    .hero-section.faq::after,
    .hero-section.carees::before,
    .hero-section.carees::after,
    .hero-section.contact::before,
    .hero-section.contact::after,
    .hero-section.about::before,
    .hero-section.about::after {
        display: none;
    }
    .call-to-action::before {
        bottom: -64px;
        width: 400px;
        height: 370px;
    }
    .call-to-action::after {
        right: -100px;
        top: -15px;
    }
    .cta-bg-green:before {
        bottom: -81px;
        width: 300px;
        height: 327px;
    }
    .cta-bg-green::after {
        right: -100px;
    }
    .cta-bg-voilet:before {
        bottom: -81px;
        width: 300px;
        height: 327px;
    }
    .cta-bg-voilet::after {
        right: -100px;
    }
    .hero-section.blog {
        padding: 70px 0 70px;
    }
    .hero-content .btn-blk {
        margin-top: 65px;
    }
    .menu-arrow img.arrow-desktop {
        display: none;
    }
    .logo img {
        width: 131px;
        object-fit: contain;
    }
    .pb-90 {
        padding-bottom: 45px;
    }
    .pt-90 {
        padding-top: 45px;
    }
    .pb-80 {
        padding-bottom: 40px;
    }
    .pt-80 {
        padding-top: 40px;
    }
    h1 {
        font-size: 32px !important;
    }
    h2 {
        font-size: 28px !important;
    }
    h3 {
        font-size: 21px !important;
    }
    .section-title p {
        width: 100%;
        font-size: 17px !important;
    }
    .hero-content p {
        font-size: 17px !important;
    }
    .hero-content .btn-blk .btn-main {
        width: auto;
    }
    .hero-content .btn-blk .btn-main:last-child {
        margin-left: 15px;
    }
    .hero-illustration {
        width: 100%;
        padding: 0 30px;
        margin-top: 40px;
    }
    .features .feature-box {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start !important;
    }
    .features .feature-box p {
        font-size: 15px !important;
        margin-top: 11px !important;
    }
    .service-box {
        flex-direction: column;
        align-items: flex-start !important;
        margin-bottom: 30px;
    }
    .icon-blk img {
        width: 70px;
    }
    .service-text-blk .service-btn-blk {
        position: static;
    }
    .service-box .icon-blk {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .services .service-wrapper {
        margin-top: 0;
        padding-top: 40px;
    }
    .services .service-wrapper:last-child {
        margin-top: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .property-managers .property-managers-inner {
        width: 100%;
    }
    .property-managers-inner .managers-thumbnail-container div img {
        padding: 5px 5px;
    }
    .col-three-contentsec {
        padding: 0 0 30px;
        position: relative;
    }
    .col-three-contentsec:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 20px;
        width: 91%;
        height: 1px;
        background-color: #c1c3c5;
        margin: 0 auto;
    }
    .solution-text-section {
        padding-top: 20px;
    }
    .col-three-contentsec .col-three-contentsec-inner {
        padding-right: 0;
        padding-top: 30px;
    }
    .agm-services {
        padding-bottom: 10px;
    }
    .agm-services .image-holder-col {
        margin-top: 30px;
    }
    .col-three-contentsec.agm::after,
    .col-three-contentsec.sm:after {
        display: none;
    }
    .about {
        padding-top: 30px;
    }
    .solution-text-section.agm {
        padding-top: 40px;
    }
    .how-it-works .section-title h2 {
        margin-bottom: 18px;
        text-align: left;
    }
    .how-it-works .section-title p.font-16 {
        line-height: 35px;
        width: 100%;
        text-align: left;
    }
    .main-timeline::before {
        margin: auto 0;
        left: 30px;
        height: 75%;
    }
    .main-timeline .timeline-icon {
        left: 0;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 65px;
        padding-bottom: 96px;
        padding-top: 76px;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-icon {
        left: 0;
        right: 0;
        top: 65px;
    }
    .main-timeline .timeline-content {
        width: 100%;
    }
    .call-to-action {
        padding: 77px 0 65px;
    }
    .call-to-action .btn-blk .btn-main {
        width: auto;
    }
    .privacy-links.pl-mobile {
        text-align: left;
        padding-left: 30px;
    }
    .footer-bottom-inner {
        padding-left: 15px;
    }
    .service-btn-blk .learn-more-btn {
        margin-right: 45px;
    }
    .widget_content {
        display: none;
    }
    .active .widget_content {
        display: inline;
    }
    .widget {
        border-bottom: 1px solid #fcfbfa;
        margin: 0 16px;
    }
    .widget h2:after {
        content: "";
        background: url(../images/arrow-down-mobile-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        color: #fff;
        width: 15px;
        height: 15px;
        display: inline-block;
        text-align: center;
        margin-top: 6px;
        float: right;
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    }
    .active.widget h2:after {
        transform: scaleY(-1);
    }
    .widget h2 {
        margin-bottom: 0;
        padding: 20px 0;
    }
    .footer-bottom {
        margin-top: 19px;
    }
    .hero-section.bg-blue {
        height: auto;
        display: flex;
        align-items: center;
    }
    .hero-section.bg-gray {
        height: auto;
    }
    .hero-section.bg-svgwhite {
        height: auto;
    }
    .hero-section.bg-gray .hero-content h2 {
        font-size: 32px !important;
    }
    .agm-services-block .agm-serivce-item {
        width: 100%;
        padding-top: 20px;
    }
    .agm-services-block {
        flex-direction: column;
        margin: 0;
    }
    .featured-text-sec h4 {
        width: 100%;
    }
    .col-three-contentsec .col-three-contentsec-inner h4 {
        margin-bottom: 10px;
        height: auto;
        font-size: 21px !important;
    }
    .solution-text-section .solution-text.has-p-r {
        padding-right: 0;
    }
    .solution-text-section .solution-text {
        width: 100%;
    }
    .solution-text-section .solution-text.has-p-l {
        padding-left: 0;
    }
    .contactus-cta-actionbtns .btn-main {
        width: auto;
    }
    .contact-us-cta {
        padding: 40px 0;
    }
    .contactus-cta-content h2 {
        font-size: 21px !important;
        margin-bottom: 8px;
    }
    .contactus-cta-content h3 {
        font-size: 21px !important;
    }
    .contact-us-cta .contactus-cta-actionbtns {
        margin-top: 21px;
    }
    .contact-us-cta .contactus-cta-actionbtns .btn-blk {
        text-align: left !important;
    }
    .inner-breadcrumb .inner-breadcrumb-content {
        padding: 0 32px;
    }
    .inner-breadcrumb-content h2 {
        font-size: 32px !important;
    }
    .pricing-tab-row .nav-tabs .nav-item {
        border-right: 0;
        width: 100%;
        border-bottom: 2px solid #eef0f5 !important;
    }
    .budget-iq-data,
    .calculator-main-inner,
    .feature-pricing-table,
    .pricing-addons-inner,
    .pricing-cta-inner,
    .pricing-tab-conent-container,
    .pricing-tab-row {
        width: 90%;
    }
    .pricing-card-container {
        display: flex;
        flex-direction: column;
    }
    .pricing-card-container .pricing-card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .feature-pricing-table {
        padding: 15px 0 60px;
    }
    .item-block.first-col {
        width: 95%;
        border-radius: 1px;
        border-right: 0;
        padding: 15px 28px 29px 14px;
        margin-bottom: 0px;
        margin-right: 0;
        border-bottom: 1px solid #d3d5dd;
        text-align: left;
    }
    .fpt-btn-blk,
    .item-block.first-col h3,
    .item-block.first-col p {
        text-align: left;
    }
    .fpt-data-table {
        flex-direction: column;
        padding: 0 0;
    }
    .pricing-col {
        padding: 22px 0 0;
    }
    .pricing-col .item-block.c-col-list h3 {
        font-size: 14px !important;
        line-height: 24px;
    }
    .pricing-col .c-col-list-items h4 {
        font-size: 16px !important;
        line-height: 28px;
    }
    .pricing-col .item-block span {
        font-size: 14px;
        line-height: 22px;
    }
    .pricing-col .item-block p {
        line-height: 29px;
    }
    .pricing-cta-inner {
        padding: 30px 14px;
    }
    .addons-container {
        flex-direction: column;
    }
    .addons-item h4 {
        font-size: 21px !important;
    }
    .addons-item p {
        font-size: 15px !important;
        line-height: 28px;
        height: auto;
    }
    .budget-iq-data .iq-item-block ul li {
        margin-bottom: 19px;
        font-size: 14px;
        line-height: 16px;
    }
    .hero-section.blog .hero-container {
        padding: 60px 0 50px;
    }
    .hero-section.blog .hero-content p {
        font-size: 15px !important;
        line-height: 28px;
    }
    .blog-post-item .blog-image {
        display: none;
    }
    .blog-post-item span {
        margin-bottom: 7px;
        font-size: 15px;
    }
    .blog-post-item h4 {
        font-size: 21px !important;
    }
    .blog-section-inner {
        width: 90%;
    }
    .blog-post-item p {
        font-size: 15px;
        line-height: 28px;
        width: 90%;
    }
    .blog-post-item {
        margin-bottom: 40px;
    }
    .blog-section {
        padding: 84px 0 40px;
    }
    .faq-section .accordion {
        width: 90%;
    }
    .faq-section .content p {
        font-size: 15px;
    }
    .faq-section .accordion a {
        font-size: 17px;
    }
    .hero-content.about-us h4 {
        width: 70%;
        margin: 0 auto;
        font-size: 17px !important;
        font-family: noto_sansregular !important;
    }
    .aboutus-content p {
        font-size: 15px !important;
        line-height: 28px;
    }
    .hero-content.carees p {
        width: 100%;
    }
    .careers-section {
        padding: 70px 0 40px;
    }
    .careers-section-inner {
        width: 90%;
    }
    .careers-section-inner .careers-item h4 {
        margin-bottom: 15px;
        font-size: 21px !important;
    }
    .careers-section-inner .careers-item p {
        font-size: 15px;
    }
    .careers-section-inner .careers-item:first-child {
        margin-bottom: 40px;
    }
    .careers-section-inner {
        width: 90%;
    }
    .careers-section {
        padding: 70px 0 70px;
    }
    .contactus-section .contactus-section-inner {
        width: 90%;
    }
    .contactus-section {
        padding: 37px 0 70px;
    }
    .contactus-section .contact-content-left {
        padding: 0;
        margin-bottom: 70px;
    }
    .contactus-section .contact-form {
        padding: 0 0;
        width: 100%;
    }
    .budget-iq-data-container .card-heading-right {
        text-align: left;
    }
    .budget-iq-data .price-contact-btn {
        text-align: left;
    }
    .pricing-size-content {
        align-items: flex-end;
    }
    .card-heading-left p,
    .card-heading-right p {
        margin-bottom: 0px;
        line-height: 25px;
    }
    .card-heading-left h3,
    .card-heading-right h3 {
        margin-bottom: 0;
    }
    #tabs-4 .pricing-size-content {
        align-items: flex-start;
    }
    .card-heading-right h5 {
        line-height: normal;
    }
    .price-contact-btn.consent-pricing-btnblk {
        margin-top: 30px;
    }
    .item-block.ptb {
        line-break: anywhere;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .pricing-cta-inner p {
        width: 99%;
        font-size: 15px;
        line-height: 28px;
    }
    .pricing-addons {
        padding: 17px 0 15px;
    }
}

@media (min-width: 1450px) {
    .hero-container {
        width: 100%;
        height: 690px;
        padding: 110px 0 0;
    }
}

@media (min-width: 1200px) {
    .pricing-tab-row,
    .pricing-tab-conent-container,
    .feature-pricing-table,
    .calculator-main-inner,
    .pricing-cta-inner,
    .pricing-addons-inner,
    .budget-iq-data,
    .blog-section-inner,
    .faq-section .accordion,
    .about-section-inner,
    .careers-section-inner,
    .contactus-section .contactus-section-inner {
        max-width: 1140px;
    }
    .addons-item {
        padding-right: 19px;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    #topnav .navigation-menu > li {
        margin-left: 35px;
    }
}

/* Partners */

.partners {
    background: #f3f4f8;
    width: 100%;
    padding: 80px 0;
}

.partners-container {
  margin: 54px auto 0;
}
.partners-thumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.partners-thumb .item {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  width: 18%;
  text-align: center;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin: 0 20px 20px 0;
}
.partners-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.toggle-more-partners a {
  font-family: noto_sansregular;
  color: #1c64d9;
  text-transform: capitalize;
  text-align: center;
}
.toggle-more-partners a .less {
  display: none;
}
.toggle-more-partners a .more {
  display: inline-block;
}
.partners-thumb.more-partners {
  display: none;
}
.partners-container.show .partners-thumb.more-partners {
  display: flex;
}
.partners-container.show .toggle-more-partners a .less {
  display: inline-block;
}
.partners-container.show .toggle-more-partners a .more {
  display: none;
}

@media (max-width: 768px) {
  .partners {
    padding: 40px 0;
  }
  .partners-thumb {
    flex-wrap: wrap;
    justify-content: center;
  }
  .partners-thumb .item {
    width: 45%;
    padding: 10px;
    margin: 5px 5px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .partners-thumb .item {
    padding: 10px;
    margin: 5px 5px;
  }
  .partners-thumb {
    gap: 0;
  }
}
/* Stripe */
.stripe-bar {
    width: 100%;
    padding: 13px 0;
    background-color: #1c64d9;
    text-align: center;
}
.stripe-bar p {
    color: #fff;
    font-size: 16px;
    font-family: noto_sansregular;
    margin-bottom: 0px;
}
.stripe-bar p a {
    color: #fff;
}

@media (max-width: 768px) {
    .stripe-bar p {
        font-size: 12px;
    }
}

/* Blog */

.blog-content-section {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 100px 0;
}
.blog-content-section h2 {
    font-family: noto_sanssemibold !important;
    font-size: 52px !important;
    color: #30363d;
    margin-bottom: 20px;
}
.blog-content-section .blog-subheading {
    text-align: center;
}
.blog-content-section p {
    font-size: 18px;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sansregular;
}
.blog-content-section ul {
    font-size: 18px;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sansregular;
}
.blog-content-section .author-name {
    font-family: noto_sanssemibold !important;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #30363d;
}
.blog-content-section .blog-content-image {
    width: 90%;
    margin: 65px auto;
}
.blog-content-section .blog-content-image img {
    width: 100%;
    margin: 0 auto;
}
.blog-content-section .blog-description-row {
    margin-top: 50px;
}
.blog-description-row h3 {
    color: #1c64d9;
}
.blog-content-section .blog-description-row img {
    width: 100%;
    margin: 30px auto;
    display: block;
}
.blog-content-section .blog-description-row .background p {
    text-align: start;
    font-size: 18px;
    line-height: 33px;
    color: #30363d;
    font-family: noto_sansregular;
}

.blog-content-section .blog-description-row div {
    font-size: 18px;
    line-height: 33px;
    color: #30363d;
    text-align: center;
    font-family: noto_sansregular;
}

.blog-content-section .blog-description-row .background {
    background-color: #F3F4F8;
    margin: 30px 30px 30px 40px;
    padding-top: 30Px;
    padding-bottom:30px;
    width: 90%;
}

@media (max-width: 767px) {
    .hero-section.blog #topnav {
        top: 0;
    }
    .blog-content-section {
        padding: 50px 15px;
    }
    .blog-content-section h2 {
        font-size: 30px !important;
        margin-bottom: 15px;
    }
    .blog-content-section .blog-content-image {
        width: 100%;
        margin: 40px auto;
    }
    .blog-content-section p {
        font-size: 18px;
        line-height: 33px;
    }
    .blog-content-section .blog-description-row img {
        width: 100%;
        margin: 20px auto;
    }
    .blog-content-section .blog-description-row Ul li {
        font-size: 14px;
        line-height: 25px;
    }
    .hero-section.blog .hero-container {
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .blog-content-section h2 {
        font-size: 40px !important;
        margin-bottom: 15px;
    }
    .blog-content-section .blog-content-image {
        width: 100%;
        margin: 40px auto;
    }
    .blog-content-section p {
        font-size: 16px;
        line-height: 25px;
    }

    .blog-content-section .blog-description-row img {
        width: 100%;
        margin: 30px auto;
    }
    .hero-section.blog .hero-container {
        height: 500px;
    }
}
@media (min-width: 1200px) {
    .hero-section.blog .hero-container {
        height: 630px;
        padding: 175px 0 50px;
    }
}


/* Modal Start */

#homemodal button.close span {
    font-family: initial;
    font-weight: 100;
    font-size: 30px;
}
#homemodal .modal-content {
    padding: 15px 25px 15px;
}
#homemodal .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
    text-align: left;
}
#homemodal .modal-header h2 {
    font-family: noto_sanssemibold !important;
    font-size: 29px !important;
    color: #30363d;
    margin-bottom: 0px;
}

#homemodal .modal-body p {
    font-size: 16px;
    line-height: 30px;
    color: #30363d;
    font-family: noto_sansregular;
}
#homemodal .modal-partners ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
#homemodal .modal-partners ul li {
    text-align: center;
    width: 23%;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 7px;
    margin: 10px 0;
}

#homemodal .modal-partners {
    margin-top: 20px;
}
#homemodal .modal-partners ul li img {
    width: 115px;
    height: 80px;
    object-fit: contain;
}

#homemodal .modal-body h5 {
    font-family: noto_sansmedium;
    font-size: 22px;
    line-height: 25px;
    color: #1c64d9;
    margin-top: 5px;
}

@media (max-width: 768px) {
    #homemodal .modal-content {
        padding: 5px 15px 5px;
    }
    #homemodal .modal-header h2 {
        font-size: 20px !important;
    }
    #homemodal .modal-body p {
        font-size: 16px;
        line-height: 25px;
    }
    #homemodal .modal-body h5 {
        font-size: 18px;
    }
    #homemodal .modal-partners ul li {
        width: 48%;
        padding: 8px;
        border-radius: 8px;
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    #homemodal .modal-partners ul li {
        width: 30%;
    }
}
/* END Modal */


blockquote {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 1em;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.03 32.932C2.327 30.06.875 26.84.875 21.618c0-9.187 6.45-17.422 15.829-21.493l2.344 3.617C10.294 8.478 8.582 14.622 7.9 18.497c1.41-.73 3.255-.984 5.063-.816 4.736.438 8.468 4.326 8.468 9.159a9.188 9.188 0 0 1-9.187 9.187c-2.817 0-5.51-1.286-7.214-3.095zm26.25 0c-2.703-2.872-4.155-6.092-4.155-11.314 0-9.187 6.45-17.422 15.829-21.493l2.344 3.617c-8.755 4.736-10.466 10.88-11.148 14.755 1.41-.73 3.255-.984 5.063-.816 4.736.438 8.468 4.326 8.468 9.159a9.188 9.188 0 0 1-9.187 9.187c-2.817 0-5.51-1.286-7.214-3.095z' fill='%23A3DAF1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top 11px left 8px;
    background-size: 40px;
    padding-left: 64px;
    min-height: 3em;
    display: flex;
    justify-content: center;
    flex-direction: column
}

blockquote p {
    font-size: inherit
}

blockquote footer,blockquote footer cite {
    font-style: normal;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: .5em
}

blockquote footer cite {
    margin-left: 4px
}


.article-content {
    max-width: 680px;
    width: 100%;
    word-break: break-word
}

.article-content .entry-header {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #252121;
    border-bottom: 1px solid var(--color__border)
}

@media (min-width: 680px) {
    .article-content .entry-header {
        margin-bottom:60px;
        padding-bottom: 60px
    }
}

.article-content .entry-header .entry-title {
    margin: 0 0 16px
}

@media (min-width: 680px) {
    .article-content .entry-header .entry-title {
        margin:0 0 20px
    }
}

.article-content .entry-header .entry-meta {
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase
}

.article-content .entry-header .entry-meta a {
    font-style: normal;
    font-weight: 500;
    text-decoration: none
}

.article-content .entry-header .entry-meta a:hover {
    text-decoration: underline
}

.article-content .entry-header .entry-meta .entry-meta__line {
    display: flex
}

.article-content .entry-header .entry-meta .entry-meta__line:first-of-type {
    margin-bottom: 7px
}

.article-content .entry-header .entry-meta .entry-meta__line .entry-meta__written-by {
    min-width: 90px
}

.article-content .entry-header .entry-meta .entry-meta__written-by {
    font-size: 14px;
    text-transform: lowercase;
    display: inline-block;
    margin-right: 3px
}

.article-content h1 {
    font-size: 32px;
    line-height: 1.3;
    margin: 0 0 30px
}

@media (min-width: 680px) {
    .article-content h1 {
        font-size:56px
    }
}

.article-content h2 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    margin: 2.4em 0 .8em
}

@media (min-width: 680px) {
    .article-content h2 {
        font-size:26px
    }
}

.article-content h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;
    text-transform: uppercase;
    margin: 1.5em 0 .6em
}

@media (min-width: 680px) {
    .article-content h3 {
        font-size:20px
    }
}

.article-content h5 {
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

@media (min-width: 680px) {
    .article-content h5 {
        font-size:18px
    }
}

.article-content h5,.article-content h6 {
    margin: 1.2em 0 .6em
}

.article-content blockquote {
    margin: 32px 0
}

@media (min-width: 680px) {
    .article-content blockquote {
        margin:40px 0 40px 33px
    }
}

.article-content .footnote-list {
    margin-top: 40px
}

.article-content .footnote-list ol {
    margin-top: 10px;
    list-style: decimal;
    list-style-position: inside
}

.article-content .footnote-list ol li {
    padding-left: .5em
}

.article-content .footnote-list ol li:before {
    display: none
}


.customIndent {
    margin-left: 30px;
}

.customIndent2 {
    margin-left: 30px;
    margin-right: 30px;
    background-color: #F3F4F8;
}

.section-header{
    color: #1c64d9;
}



/* || PRIMARY MENU || */

.primary-nav {
    align-items: center;
    height: 50px;
    left: 0px;
    padding: 15px;
    width: 100%;
    margin: 0px;
    background-color: darkgray;
    display: inline;
    position: fixed;
    top: 70px;
    z-index: 3;
    font-weight: bold;
}

.search-container {
    align-items: center;
    display: flex;
    justify-content: center;
}

.search-container #search{
    width: 600px;
    outline: 0;
}


.search-container #search::-ms-input-placeholder { /* Edge 12-18 */
    color: #d3d3d3;
  }
  
  .search-container #search::placeholder {
    color: #d3d3d3;
  }
form .no-submit {
    width: 500px;
    align-items: center;
    color: white;
    right: 0;
    display: flex;
    padding: 2px;
    border: 1px solid currentColor;
    border-radius: 5px;
    margin: 0 0;
}

input.no-submit {
    border: 1px solid white;
    width: 100%;
    padding: 9px 4px 9px 4px;
    /* You can use your image but having cleaner code is better, so I suggest saving the file and just linking it*/
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3E%3C/svg%3E") ;*/
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

input[type="search"] {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 7px 8px 7px 30px;
    font-size: 16px;
    color: inherit;
    border: 1px solid black;
    border-radius: inherit;
}

input[type="search"]::placeholder {
    color: white;
}

input[type="search"]:focus {
    box-shadow: 0 0 3px 0 #3f69a8;
    border-color: #3f69a8;
    outline: none;
}

.inner-middle {
    position: relative;
    width: 100%;
    padding: 78px 0 72px;
    background: #fff;
    z-index: 0;
    min-height: 500px;
    overflow: hidden;
}

.inner-middle::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 40px;
    width: 730px;
    height: 320px;
    background-size: cover;
    z-index: -1;
}

.inner-middle::after {
    content: "";
    position: absolute;
    right: 0;
    top: 72px;
    width: 250px;
    height: 240px;
    background-size: cover;
    z-index: -1;
}

.inner-middle .inner-middle-content {
    text-align: center;
    width: 100%;
}

.inner-middle-content h2 {
    color: #002060;
}


.inner-middle-content h1{
    font-size: 70px;
    margin-top:200px;
    margin-bottom: 30px;
    font-family: "Gill Sans MT";
}

.inner-middle-content p {
    color: #002060;
    margin-top: 23px;
    margin-bottom: 0;
}

.setuph4 {
    font-style: normal;
    font-family: noto_sansmedium !important;
    font-size: 24px !important;
    line-height: 34px;
    text-align: center;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.form-control:focus {
    box-shadow: none;
}

.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}

.searchResult{
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
}

.searchResult tr:first-child th{
    border-bottom:1px solid #c1c3c5;
}
.searchResult tr.even td, .searchResult tr.odd td{
    border-top:0!important ;
}
.searchResult tr td{
    line-height: 3;
}
.setup-email{
    text-align: center;
}
.setup-email button{
    padding: 0;
}

select:focus::placeholder {
    color: transparent;
}
select::-ms-expand {
    display: none;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
    cursor: text!important;
}

/* Added Css */
.showres .ts-wrapper .ts-control:after { border-width: 0px !important; }
.showres .ts-control { border: none; background: #f8f9fa!important; }
.showres .ts-wrapper.single .ts-control input {cursor: auto;}
.showres .ts-wrapper { margin-left: 6px !important; }
.showres .ts-wrapper .form-control:focus, .showres  .focus .ts-control{ box-shadow: none !important; border: none !important; background: #f8f9fa!important; }
.showres .ts-dropdown .option { padding-top: 0 !important; padding-bottom: 0 !important; }
.showres .ts-dropdown-content {  padding: 0 !important; }
.showres .ts-dropdown { border:0px !important; }
div#search-ts-dropdown li {  list-style: none !important; }