/*-----------------
    1. General
-----------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --primary-color: #0D8ADA;
    --secondary-color: #F8C90F;
    --title: #231C45; 
    --stroke: #DCDFE2;
}
html {
    height: 100%;
}
body {
    background-color: #fff;
    color: #494949;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    height: 100%;
    overflow-x: hidden;
}
.h1, h1 {
    font-size: 36px;
    font-weight: 700;
}
.h2, h2 {
    font-size: 32px;
    font-weight: 700;
}
.h3, h3 {
    font-size: 24px;
    font-weight: 600;
}
.h4, h4 {
    font-size: 20px;
    font-weight: 600;
}
.h5, h5 {
    font-size: 18px;
    font-weight: 600;
}
.h6, h6 {
    font-size: 16px;
    font-weight: 500;
}

a {
    color: #2E3842;
    transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
}
a:hover {
    color: #1D2C5B;
    transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
}
a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}
input,
button,
a {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
button:focus {
    outline: 0;
}
input[type=text],
input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn.focus, .btn:focus {
    box-shadow: inherit;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #fa2e73;
    border-color: #fa2e73;
}
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: 600;
    padding: 15px 10px;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn-secondary {
    color: var(--title);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    font-weight: 600;
    padding: 15px 10px;
}
.btn-secondary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.banner-btn .btn-secondary:hover {
    background-color: #f7cf34;
    color: var(--title);
}
.btn-title {
    color: #fff;
    background-color: var(--title);
    border-color: var(--title);
    font-weight: 600;
    padding: 15px 10px;
}
.btn-title:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.banner-btn .btn-title:hover,.section-tab .btn-title:hover{
    background-color: #161619;
}
.card-title-blk {
    position: relative;
}
.card-title-blk a::after { 
    transition: all 0.5s;
    position: absolute;
    content: url(../img/icons/faq-minus.png);
    right: 0;
    top: -10px;
}
.card-title-blk a.collapsed::after { 
    content: url(../img/icons/faq-plus.png);
}
#videoModal .modal-content {
    background: transparent;
    border: 0;
}
.home-video {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.home-video .home-video-inner {
    border-radius: 9px;
    box-shadow: 0px 0px 11px rgba(0,0,0,0.2);
    background: #fff;
    padding: 15px 20px;
    min-height: 355px;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
p {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
.pt-15 {
    padding-top: 15px;
}
.pt-12 {
    padding-top: 12px;
}
.pt-4t {
    padding-top: 4px;
}

.navbar-dark .navbar-toggler {
    background: #6a1b9a;
}
.navbar-dark .navbar-nav .nav-link {
    color: #6A1B9A;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #FF3115;
}
.nav-link {
    
    font-size: 14px;
    color: #6A1B9A;
}
.ml-0 {
    margin-left: 0 !important;
}
.bg-blue {
    background: #ECF8FF;
}
.radius-0 {
    border-radius: 0 !important;
}
.dark-grey {
    color: #A8A8A8;
}
.title {
    color: var(--title);
}
.text-primary {
    color: var(--primary-color) !important;
}
.text-secondary {
    color: var(--secondary-color) !important;
}
.text-blue {
    color: #ECF8FF;
}
.pri-text {
    color: var(--primary-color);
}
.bg-secondary {
    background: var(--secondary-color) !important;
}
.text-title {
    color: var(--title);
}

/*-----------------
    2. Header
-----------------------*/

header {
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: transparent;
}
.navbar {
    padding: 5px 1rem;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
    color: var(--title);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
    color: #FFBE2E;
}
.sticky .navbar-light .navbar-nav .nav-link:hover, .sticky .navbar-light .navbar-nav .nav-link.active {
    color: #FFBE2E;
}
.buy-template a {
    border: 2px solid #1D2C5B;
    border-radius: 10px;
    color: #1D2C5B !important;
    font-weight: 600 !important;
}
.buy-template a:hover {
    background: #29CEF6;
}
.navbar {
    transition: .25s all;
}
.white-logo {
    display: none;
}
.sticky .navbar {
    padding: 5px 1rem;
}
.sticky .buy-template a {
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff !important;
    font-weight: 600 !important;
}
.fixed-header.sticky {
    position: fixed;
    background: #fff;
    transition: all 0.5s;
    top: 0;
}
/* Start: Pagination */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination li {
    margin: 0 5px;
    display: inline;
    list-style-type: none;
}

.pagination a {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    text-decoration: none;
}

.pagination .active span {
    padding: 8px 12px;
    background-color: #007bff !important;
    color: #fff !important;
    border-color: #007bff !important;
}

.pagination .disabled span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    text-decoration: none;
}
/* End: Pagination */

/*-----------------
    3. Home
-----------------------*/

.home-banner {
    background: url(../../assets_site/img/banner.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 75px 0 40px;
    min-height: 650px;
}
.home-banner .card{
    box-shadow: none;
    margin-top: 50px;
    position: relative;
    z-index: 999;
    margin-left: auto;
}
.home-banner .card img {
    width: 100%;
}
.banner-bottom {
    margin: 35px 0 0;
  }
  .banner-bottom h4 {
    color: #fff;
    margin: 0 0 10px;
  }
  .banner-bottom li {
    display: inline-block;
    margin: 0 15px;
  }
  .banner-bottom img {
    opacity: 0.4;
  }
  .btn i {
    margin-left: 10px;
  }  
.sec-btn {
    background: var(--secondary-color);
    padding: 3px 10px;
    display: inline-block;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 0 10px;
  }
  .body-subtitle {
    color: #4F5665;
    font-size: 20px;
  }
  .sub-title {
    color: #4F5665;
  }
  .title-bg-list li {
    padding: 20px;
    background: var(--title);
    max-width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    text-align: center;
}

.title-bg-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 50px 0;
}
.shadow-bg {
    background: url(../img/shadow-bg.png) no-repeat center;
}
  .card-p4 {
    min-height: 100px;
}
.card-contact-gridform {
    background: #ECF8FF;
    padding: 40px;
}

.card-contact-grid ul {
    border-top: 1px solid #DCDFE2;
    padding-top: 40px;
    margin-top: 40px;
}

.card-contact-grid h2 {
    margin-top: 30px;
}

.card-contact-grid li {
    margin-bottom: 50px;
}

span.card-contact-img.cc-bg1 {
    background: #ECF8FF;
}

.card-contact-grid h3 {
    color: #4F5665;
}

.card-contact-grid h4 {
    color: #231C45;
}
.card-contact-grid {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    height: 100%;
}
  .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.banner-content h1 {
    font-size: 48px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.banner-content h1::after {
    content: "";
    position: absolute;
    width: 75px;
    height: 2px;
    background: #DCDFE2;
    bottom: 0;
    left: 0;
}
.banner-content h1 span {
    color: var(--secondary-color); 
}
.banner-desc {
    font-size: 24px;
    font-weight: 500;
}
.banner-content h1, .banner-content p {
    color: #fff;
}
.banner-info {
    font-size: 14px;
    margin-top: 20px;
  }
.price-btn {
    background: #FFBE2E;
    border-radius: 30px 0px;
    padding: 8px 45px !important;
    color: #fff;
    margin-left: 24px;
    display: inline-block;
	margin-top: 7px;
}
.price-btn:hover {
    color: #fff !important;
    background: #e1aa2f;
    border-color: #e1aa2f;
}
.sticky .price-btn {
    padding: 8px 45px !important;
    margin-top: 7px;
}
.get-started {
    background: #0D8ADA;
    border-radius: 30px 0px;
    padding: 20px 45px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    
}
.get-started:hover {
    border-radius: 0 30px;
    color: #fff;
}
.yellow-circle {
    position: absolute;
    width: 230px;
    height: 230px;
    background: #FFBE2E;
    border-radius: 100%;
    right: -45px;
    top: 50px;
    z-index: 0;
}
section{
    padding: 80px 0 0 0 ;
}
.partlist1 li {
    display: inline-block;
    margin: 0 10px;
}
.partlist1 {
    margin: 30px 0 0; 
    text-align: center;
}
.platforms {
    padding: 40px;
    text-align: center;
    box-shadow: 0px 4px 4px rgba(175, 175, 175, 0.25);
    border-radius: 40px 0px;
    border: 1px solid #F3F3F3;
    transition: .25s all;
    cursor: pointer;
}
.platforms:hover {
    border-radius: 0px 40px;
    transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
}
.platforms span {
    display: inline-block;
    background: #F5FBFF;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    padding: 20px;
}
.platforms h5 {
    color: #fff;
    font-size: 18px;
    padding-top: 40px;
    line-height: 21px;
    
    margin: 0;
}
.platforms h2 {
    color: #fff;
    font-size: 18px;
    padding-top: 40px;
    line-height: 21px;
    
    margin: 0;
}
.cloud {
    background: #32AEFF;
}
.mobile-app {
    background: #B934CE;
}
.laundry-business {
    background: #50C65A;
}
.laundry .card {
    box-shadow: none;
}
.payment-options {
    background: #F26828;
}
.point-of-sale {
    background: #FFBE2E;
}
.technology .card {
    border-radius: 40px 0px;
    box-shadow: 0px 4px 20px rgba(211, 211, 211, 0.25);
    padding: 45px 30px;
}
 .card {
    background: #fff;
    box-shadow: 0px 4px 24px #CFE8F7;
    border: 0;
    border-radius: 20px;
    margin: 0;
}
.technology h5 {
    font-size: 22px;
    padding-top: 20px;
    margin: 0;
    font-weight: bold;
}
.card-cloud {
    background: #fff;
    box-shadow: 0px 4px 54px 0px #CECECE40;
    display: flex;
    gap: 20px;
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
    align-items: center;
    position: relative;
}
.card-cloud.card-cloud-border:after {
    content: "";
    background: linear-gradient(167.6deg, #00B2FF 37.64%, #0087DE 89.07%);
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.shops {
    color: #50C65A;
}
.dashboard {
    color: #B934CE;
}
.manage-shops {
    color: #F26828;
}
.web-solution {
    color:#0D8ADA;
}
.your-order {
    color: #DA0DC5;
}
.mobile-solution {
    color: #670DDA;
}
.driver-app {
    color: #DA0D57;
}
.vendors {
    margin: 12px 0;
    padding: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}
.vendors .price-btn {
    font-size: 20px;
    
    margin-top: 25px;
}
.circle-pos1 {
    bottom: -35px;
    right: -30px;
    padding: 25px 28px 0 0;
    background: #0D8ADA;
    border-radius: 50px 0px 20px 0px;
}
.circle-pos2 {
    bottom: -35px;
    left: -30px;
    padding: 25px 0px 0 15px;
    background: #B934CE;
    border-radius: 0px 50px 0px 20px;
}
.circle-pos3 {
    bottom: -35px;
    right: -30px;
    padding: 25px 28px 0 0;
    background: #50C65A;
    border-radius: 50px 0px 20px 0px;
}
.circle-pos4 {
    bottom: -35px;
    left: -30px;
    padding: 25px 0px 0 15px;
    background: #F26828;
    border-radius: 0px 50px 0px 20px;
}
.circle-pos5 {
    bottom: -35px;
    right: -30px;
    padding: 25px 28px 0 0;
    background: #8D49E3;
    border-radius: 50px 0px 20px 0px;
}
.circle-pos6 {
    bottom: -35px;
    left: -30px;
    padding: 25px 0px 0 15px;
    background: #B934CE;
    border-radius: 0px 50px 0px 20px;
}
.circle-pos7 {
    bottom: -35px;
    right: -30px;
    padding: 25px 28px 0 0;
    background: #DA0D57;
    border-radius: 50px 0px 20px 0px;
}
.vendor-circle {
    position: absolute;
    width: 120px;
    height: 120px;
    text-align: center;
    z-index: 0;
    border-radius: 120px;
}
.vendors p {
    font-size: 18px;
    margin: 0;
    color: #000;
    
}
.vendors h4{
    
    padding-bottom: 20px;
    font-size: 26px;
    line-height: 35px;
    margin: 0;
}
.vendors h3 {
    
    padding-bottom: 20px;
    font-size: 26px;
    line-height: 35px;
    margin: 0;
	color: #000;
}
.vendor-web h4, .vendor-shops h4 {
    color: #000;
}
.vendor-dashboard h4{
    color: #000;
}
.vendor-panel h4{
    color: #000;
}
.vendor-mob h4 {
    color: #000;
}
.vendor-track h4 {
    color: #000;
}
.vendor-driver h4 {
    color: #000;
}
.email {color: #DA0DC5;}
.contact {
    color: #FE554F;
}
.pb-80{
    padding-bottom: 70px;
}
.it-solution {
    padding-bottom: 80px;
    background: #f5fbff;
}
.it-solution h2 {
    color: #B934CE;
    font-size: 30px;
    
}
.it-solution .card {
    border-radius: 50px 0px;
}
.it-solution .card{
    background: #fff;
    border: 1px solid #F9F9F9;
    box-shadow: 0px 4px 10px rgba(175, 175, 175, 0.25);
}
.it-solution .card-body {
    padding: 40px;
}
.it-solution h4{
    font-size: 27px;
    
}
.it-solution h4, .contact_sec h4{
    margin: 0;
    padding: 30px 0;
}
.it-solution p {
    margin: 0;
    font-size: 18px;
    color: #494949;
    
    max-width: 500px;
    margin: 0 auto;
    margin-top: 15px;
}
.join-now {
    background: #B934CE;
    border-radius: 30px 0px;
    padding: 19px 65px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    
}
.pricing ul li {
    font-size: 20px;
    color: #000;
    
    padding-bottom: 16px;
}
.pricing .card {
    background: #fff;
    box-shadow: 0px 4px 14px rgba(160, 160, 160, 0.25);
    border-radius: 70px 0px;
}
.join-now:hover, .pricing .card a:hover {
    border-radius: 0px 30px;
    color: #fff;
}
.join-us {
    background: #CFE8F7;
    background-size: 100% 100%;
    padding-bottom: 80px;
    transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, -2deg);
    -ms-transform: skew(0deg, -2deg);
}
.join-us .container {
    transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    -ms-transform: skew(0deg, 2deg);
}
.join-us .form-group {
    margin-bottom: 8px;
}
.join-us .form-control {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 4px 4px rgba(205, 205, 205, 0.25);
    border-radius: 5px;
    padding: 25px 26px;
    font-size: 20px;
    height: 60px;
}
/* .join-us img {
    padding-top: 35px;
} */
.join-us ::-webkit-input-placeholder { /* Edge */
    color: #BBBBBB;
}  
.join-us :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BBBBBB;
}  
.join-us ::placeholder {
    color: #BBBBBB;
}
.pricing {
    padding-bottom: 20px;
}
.pricing h2 {
    font-size: 38px;
    
    margin: 0;
}
.pricing img {
    padding-top: 130px;
}
.pricing .card-header {
    background: #B934CE;
    border-radius: 70px 0px;
    padding: 35px;
}
.pricing .card-header p{
    font-size: 18px;
    line-height: 25px;
    padding-top: 18px;
    
}
.pricing .card-body {
    padding: 35px;
}
.pricing .card a {
    background: #B934CE;
    border-radius: 30px 0px;
    padding: 18px 25px;
    transition: .25s all;
    font-size: 18px;
    margin-top: 20px;
    
}
.join-us h4{
    color: #4E0D58;
    font-size: 30px;
    
    margin: 0;
}
.join-us p{
    color: #1D0D33;
    font-size: 18px;
    margin: 0;
    padding: 18px 0;
    
}
.pricing .card i{
    color: #B934CE;
    padding-right: 25px;
}
.pricing {
    background: #FFF;
}
.contact_sec {
    padding-bottom: 80px;
    background: #F5FBFF;
}
.contact_sec h4{
    font-size: 24px;
    
}
.contact_sec .card {
    box-shadow: 0px 4px 10px #CFE8F7;
    border-radius: 50px 0px;
}
.contact_sec .card-body p{
    margin-bottom: 0;
    font-size: 16px;
    
    color: #444;
}
.contact_sec .card-body {
    padding: 30px;
}
.mob-res .card, .vendor-mob-solution .card {
    box-shadow: none;
}
.trans-btn {
    background-color: #fff;
    border: 1px solid #CFE8F6;
    color: #707070;
}
.location {
    color: #0485DA;
}
.pricing-banner {
    background: url(../../assets_site/img/pricing-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 80px 0;
    min-height: 280px;
}
.pricing-banner h3 {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    
    margin-top: 70px;
    text-align: center;
}
.pricing-banner h1 {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    
    margin-top: 70px;
    text-align: center;
}
.get-started-today {
    padding-bottom: 80px;
}
.get-tittle h4 {
    font-size: 38px;
    color: #0D8ADA;
    
}
.get-tittle p {
    font-size: 22px;
    color: #767676;
    
    max-width: 500px;
    margin: 0 auto;
    line-height: 28px;
    margin-top: 12px;
}
.price-tab  > .nav.nav-tabs {
    border-bottom: none;
    background-color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-self: center;
    justify-content: center;
}
.get-started-today .price-tab .card.card-info ul li{
    text-align: left;
    justify-content:start;
    display: block;
}
.price-tab .nav-tabs .nav-link {
    background-color: #fff;
    border-radius: 50px;
    padding: 16px 35px;
    font-size: 16px;
    border: none;
    color: #F26828;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(169, 169, 169, 0.25);
    min-width: 238px;
    text-align: center;
}
.price-tab .nav-tabs .nav-link.active {
    border: none;
    background: #F26828;
    color: #fff;
    position: relative;
}
.get-started-today .tab-content {
    margin-top: 35px;
}
.get-started-today .card {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.get-started-today .card-header {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: none;
    height: 145px;
}
.get-started-today .card-header h3 {
    font-size: 20px;
    color: #fff;
    
    padding: 12px 0;
    min-width: 160px;
    border-radius: 0px 0px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.get-started-today .card-header h2 {
    font-size: 34px;
    
    margin: 25px 0;
}
.get-started-today .card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.get-started-today .card-body {
    padding: 0;
}
.get-started-today .card ul li {
    padding: 20px;
    border-bottom: 2px solid #f6f6f6;
    font-size: 20px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.get-started-today .card-info ul li {
    font-size: 14px;
    justify-content: left;
    
    height: 70px;
}
.get-started-today .card-info .card-header {
    background-color: #fff;
}
.color-1 .card-header {
    background: #fdf9fe;
    border-radius: 0;
}
.color-1 .card-header h3 {
    background: #B934CE;
}
.color-1 .card-header h2 {
    color: #B934CE;
}

.color-2 .card-header {
    background: #f9fdff;
    border-radius: 0;
}
.color-2 .card-header h3 {
    background: #32AEFF;
}
.color-2 .card-header h2 {
    color: #32AEFF;
}

.color-3 .card-header {
    background: #fffaf9;
    border-radius: 0;
}
.color-3 .card-header h3 {
    background: #F26828;
}
.color-3 .card-header h2 {
    color: #F26828;
}

.color-1 .card-header h2>span {
    font-size: 16px;
    
}
.tick-icon {
    color: #42C74D;
}
.times-icon {
    color: #ff7575;
}
.get-started-today .card ul li .btn {
    width: 100%;
    font-size: 20px;
    
    padding: 15px 0;
    border-radius: 10px;
}
.get-started-today .card ul li .btn-outline {
    background: #fff;
    border: 3px solid #DA0DC5;
    color: #DA0DC5;
}
.get-started-today .card ul li .btn-filled {
    background: #DA0DC5;
    border: 3px solid #DA0DC5;
    color: #fff;
}
.get-started-today .card ul li:last-child {
    border-bottom: none;
    height: 100px;
}
.get-started-today .card-info ul li:last-child {
    height: 70px;
}
.pay-text {
    margin-bottom: 50px;
}
.pay-text p {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.pay-text p img {
    width: 22px;
    margin-top: -16px;
    margin-right: 6px;
 }
 .navbar-light .navbar-toggler {
    background: #fff;
}


/*-----------------
    Home
-----------------------*/

.section-header h2 {
    margin-bottom: 15px;
  }
  .list-tick li {
    padding: 0 0 5px 35px;
    background: url(../img/icons/check-tick.png) no-repeat;
  }
  .list-tick.list-tick-2 li {
    padding: 0 0 5px 35px;
    background: url(../img/icons/check-tick2.png) no-repeat;
    background-position: left center;
  }
  .list-tick.list-tick-3 li {
    padding: 0 0 5px 35px;
    background: url(../img/icons/check-tick3.png) no-repeat;
    background-position: left center;
  }
  .list-tick li:not(:last-child) {
    margin-bottom: 10px;
  }
  .list-tick.list-tick-2 li:not(:last-child),.list-tick.list-tick-3 li:not(:last-child) {
    margin-bottom: 20px;
  }
  .list-tick {
    margin: 0 0 30px;
  }
  .section-feature-card-accordian .card {
    box-shadow: 0 0 0;
    border-radius: 10px;
    padding: 10px 0;
}
.head-contact .head-contact-list span {
    color: #333;
}

.head-contact-list {
    justify-content: center;
    align-items: center;
    height: 100%;
}

.head-contact-num a {
    display: block;
}
.section-feature-card-accordian .card .card-header {
    background: transparent;
    border: 0;
}
.section-header {
    text-align: center;
    margin-bottom: 50px;
}
.section-tab .nav-tabs {
    justify-content: center;
    border: 0;
    gap: 10px;
  }
  .section-tab .nav-tabs .nav-link {
    border: 0;
    background: #fff;
    box-shadow: 0px 4px 54px 0px #CECECE40;
  }
  .section-tab .nav-tabs .nav-link.active {
    background: var(--secondary-color);
    color: #231C45;
  }
  .tab-img-grid {
    text-align: center;
  }
  .tab-img-grid img {
    background: url(../img/ipad.png) no-repeat;
    background-size: cover;
    padding: 80px;
    border-radius: 90px;
}
  .section-tab {
    background: url(../img/home/tab-bg.png) no-repeat;
    background-position: bottom center;
  }
  .section.section-tab {
    padding-bottom: 80px;
  }
  
.card-feature {
    padding: 24px;
    box-shadow: 0px 4px 54px 0px #CECECE40;
    margin-bottom: 25px;
  }
  .card-feature-header span {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
  }
  /* .card-feature-header h3, .card-feature-header h5 {
    width: calc(100% - 65px);
  } */
  .bg-2 {
    background: #FCD97E !important;
  }
  .bg-1 {
    background: #97E4FA !important;
  }
  .card-feature-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-flow: wrap;
  }
  .card-feature-p p {
    color: #4F5665;
  }
.section-allinone {
    background: #ECF8FF;
    padding: 80px 0;
}
.card-feature2 {
    background: #fff;
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 4px 54px 0px #CECECE40;
  }
  .card-feature2 h3 {
    margin-bottom: 15px;
  }  
  .section.section-outbox {
    padding: 80px 0;
  }
  .section.section-custstories {
    padding: 80px 0;
    background: url(../img/home/bg-banner-1.jpg) no-repeat;
    background-size: cover;
  }
.section.section-count {
    background: var(--title) url(../img/home/bg-banner-5.webp) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 80px 0;
  }
  .section-count .body-subtitle {
    color: #fff;
  }
  .card-count {
    text-align: center;
  }
  .card-count strong {
    display: block;
    font-size: 36px;
    font-weight: 700;
    margin: 10px 0;
  }
  .card-count p {
    color: #A8A8A8;
  }
  .rating-card .hero-title {
    font-size: 36px;
}
  .card-feature3 {
    padding: 40px 40px 0;
    border-radius: 10px 10px 0 0;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .sec-bg-1 {
    background: #FF930C;
  }
  img {
    max-width: 100%;
  }
  .card-feature3 .section-header {
    margin: 0;
  }
  .card-feature3 .body-subtitle {
    color: #FAFAFA;
    margin: 0 0 30px;
  }
  .sec-bg-2 {
    background: rebeccapurple;
    background: linear-gradient(167.6deg, #00B2FF 37.64%, #0087DE 89.07%);
  }
  
.rating-card {
    border: 5px solid #EEEEEE;
    padding: 40px;
    margin: 80px 0;
  }
  .hero-title {
    font-size: 48px;
    font-weight: 700;
  }
  .cust-rating {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .cust-rating li {
    flex: 1 0 0;
  }
  .cust-star {
    color: #FA0;
    margin: 10px 0;
  }
  .cust-rating p {
    color: #A8A8A8;
  }
  .section-card-1-img {
    min-height: 175px;
}
  .section-bg-1 {
    padding: 80px 0;
    background: #ECF8FF;
  }
  .section-bg-2 {
    padding: 80px 0;
    background: #fff;
  }
  .section-bg-3 {
    background: #ECF8FF url(../img/home/bg-banner-4.png) no-repeat;
    background-size: cover;
    padding: 80px 0;
  }
  .section-bg-4 {
    background: #ECF8FF;
    background-size: cover;
    padding: 80px 0;
  }
  .section-bg-5 {
    background: #ECF8FF url(../img/home/bg-banner-7.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
  }
  .section-p8 {
    padding: 80px 0;
  }
  .card-list .card-box {height: 100%;gap: 20px;display: flex;flex-direction: column;align-items: center;margin-top: 20px;box-shadow: 0 0 0;}
  .section.section-primary-5 {
    position: relative;
    padding-bottom: 80px;
}
.section.section-primary-5:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    background: var(--primary-color);
    bottom: 0;
}
.ld-img-list img {
    border-radius: 10px;
}
.ld-img-list {
    gap: 20px;
}
.card-list {
    gap: 30px 0;
}

.card-list .card-clr1 {
    background: #0D8ADA;
    color: #fff;
}

.card-list .card-clr2 {
    background: #ECF8FF;
}

.card-clr1 .sub-title {
    color: #fff;
}
.card-list img {
    background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 54px 0px #95959540;
}
  .card-shadow {
    box-shadow: 0px 4px 54px 0px #CECECE40;
}
  .slick-current .abt-slider-card-top {
    background: var(--title);
  }

  .abt-slider-card-top {
    background: #fff;
    display: flex;
    height: 260px;
    margin-bottom: 30px;
    width: calc(100% - 40px);
    padding: 40px;
    border-radius: 5px;
}
.slick-current .abt-slider-card-top p {
    color: #fff;
}
.abt-slider-card-top p {
    color: #4F5665;
}

.abt-slider-card-bottom {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    padding-top: 20px;
}
.abt-slider-card-bottom:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--primary-color);
    content: "";
    left: 0;
    top: 0;
}
.slick-current .abt-slider-card-bottom:before { 
    background: var(--secondary-color);
}
.abt-slider-card-bottom:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--primary-color);
    border-radius: 50%;
    top: -8px;
    left: 0;
    z-index: 1;
}
.abt-slider-grid .slick-prev,.abt-slider-grid .slick-next {
    top: 100%;
    background: #fff;
    border: 1px solid #DCDFE2;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.abt-slider-grid.slick-initialized.slick-slider {
    padding-bottom: 50px;
    transition: all 0.5s;
}

.abt-slider-grid .slick-prev {
    left: calc(50% - 85px);
}

.abt-slider-grid .slick-next {
    right: calc(50% - 85px);
}
  .section-card-1 {
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}
.section-card-1 h3 {
    margin: 20px;
    color: #fff;
}
.shape-card {
    padding: 20px 0;
}

.shape-card h4 {
    margin: 20px 0;
}

.row.shape-row .shape-col:nth-child(odd) {
    border-right: 1px solid #DCDFE2;
}
.shape-col-bb1 {
    border-bottom: 1px solid #DCDFE2;
}
  .list-span li {
    display: inline-block;
    background: #fff;
    padding: 8px 15px;
    margin: 0 10px 10px 0;
    box-shadow: 0px 4px 54px 0px #CECECE40;
  }
  .section.section-tools {
    padding: 80px 0;
  }
.partners-list li {
    background: #F6F5F8;
    padding: 10px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: calc(20% - 16px) 0 0;
  }
  .partners-list {
    display: flex;
    gap: 20px;
    flex-flow: wrap;
  }
  .cust-story-img {
    position: relative;
  }
  .cust-story-overlay {
    position: absolute;
    bottom: 10px;
    background: #fff;
    width: calc(100% - 20px);
    left: 10px;
    padding: 20px;
    border-radius: 10px;
  }
  .card-feature5 {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
}
.custstories-grid .section-header.white * {
    color: #fff;
}
.cust-story-name {
    border-top: 1px solid #DCDFE2;
    padding: 25px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cust-story-name h5 {
    margin: 0 0 10px;
  }
  .btn-circle {
    background: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .award-list {
    display: flex;
    flex-flow: wrap;
}
.award-list li {
    display: inline-flex;
    border: 1px solid #DCDFE2;
    border-radius: 10px;
    margin: 0 15px 15px 0;
    box-shadow: 0px 4px 54px 0px #CECECE40;
    height: 155px;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
  }
  .section.section-testimony {
    background: url(../img/banner.png) no-repeat;
    padding: 80px 0;
  }
  .section.section-testimony .section-header,.section.section-testimony .body-subtitle { 
    color: #fff;
  }
  
.testimony-grid {
    background: #fff;
    padding: 24px;
    border-radius: 10px;
  }
  .testimony-user {
    display: flex;
    align-items: center;
  }
  .testimony-img {
    box-shadow: 0px 4px 54px 0px #CECECE40;
    border: 5px solid #DCDFE2;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 10px;
  }
  .testimony-rating {
    color: #FFAA00;
  }
  .trial-form {
    background: var(--title);
padding: 50px 130px;
display: flex;
flex-direction: column;
height: 100%;
  }
  .trial-form-hdr {
    color: #fff;
    margin: 0 0 50px;
  }
  .trial-form-row {
    margin: 0 0 20px;
  }
  .trial-form-row input[type="text"] {
    width: 100%;
    height: 75px;
    border: 0;
    border-radius: 10px;
    padding: 20px;
  }
  .trial-form-row textarea {
    width: 100%;
    height: 140px;
    border: 0;
    border-radius: 10px;
    padding: 20px;
  }
  .trial-form-row label {
    color: #fff;
  }
  .trial-form-row .btn {
    width: 100%;
    height: 75px;
    font-size: 20px;
  }
  .card-resource-img img {
    border-radius: 10px 10px 0 0;
    height: 320px;
    width: 100%;
  }
  .card-resource-body h3 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 60px;
  }
  .card-resource-body p {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 70px;
  }
  .section-resource {
    padding: 80px 0;
  }
  .card-resource {
    box-shadow: 0px 4px 14px 0px #D6D6D63D;
  }
  .card-resource-body {
    padding: 20px;
  }
  .card-resource .cust-story-name {
    margin: 0 20px;
    padding-bottom: 20px;
    display: none;
  }
  .section-feature-card-list .card-box {
    margin-bottom: 25px;
  }
  .section-ourfeature {
    padding-bottom: 80px;
  }
.section-getstarted {
    background: #241d46;
    background-size: cover;
    color: #fff;
    padding: 80px 0;
    margin: 0 0 80px;
    border-radius: 10px;
  }
  .section-getstarted .body-subtitle {
    color: #EEEEEE;
  }
  .card-box.card-box-bg-1 {
    background: #FAFAFA;
}
.card-box.card-box-bg-2 {
    background: #FFFAEA;
}
.card-box.card-box-bg-3 {
    background: #ECF8FF;
}
.secpb-8 {
    padding-bottom: 80px;
}
.listwhite {
    color: #fff;
}
.listwhite li {
    color: #EEEEEE;
}
.icon-img-whitebg {
    background: #fff;
    padding: 24px;
    text-align: center;
    border-radius: 10px;
    margin: 0 0 20px;
}
  .lws-slider-grid .slick-slide {
    padding: 150px 0 0;
  }
  .lws-slider-grid.lws-slider-grid2 .slick-slide {
    padding: 70px 0;
    margin: 0 20px;
  }
  .lws-slider-grid .slick-slide.slick-center img {
    transform: scale(1.5);
    box-shadow: 0px 4px 54px 0px #95959540;
}
.lws-slider-grid .slick-slide img {
    border-radius: 10px 10px 0 0;
    transition: all 0.5s;
    height: 285px;
    margin: 0 auto;
}
.bg-title {
    background: var(--title);
}
section.slider-2 {
    padding: 80px 0;
}
.card-contact {
    display: flex;
    align-items: center;
  }
  .card-contact-img {
    border: 1px solid #ECF8FF;
    width: 50px;
    height: 50px;
    display: flex;
    color: var(--primary);
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 10px;
  }
  .card-contact-info strong {
    display: block;
    font-size: 15px;
    color: #4F5665;
    font-weight: 600;
  }
  .card-contact-info a {
    color: #231C45;
  }
  
.footer-h5 {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
    display: block;
  }
  
  .footer-app-grid p {
    margin: 25px 0;
  }
  .app-li li {
    display: inline-block;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #fff;
  }
  .breadcrumb-banner:after {
    content: "";
    position: absolute;
    width: 50%;
    background: var(--title) url(../img/home/circle.png) no-repeat;
    background-position: 40px 30px;
    height: 100%;
    left: 0;
    border-radius: 0 0 25px 0;
    z-index: -1;
    top: 0;
  }
  .breadcrumb-banner::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: var(--title);
    right: 0;
    border-radius: 0 0 0 25px;
    z-index: -1;
    top: 0;
  }
  .breadcrumb-banner {
    color: #fff;
    padding: 0;
    display: none;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.breadcrumb {
    background: transparent;
    padding-left: 0;
}
.breadcrumb-banner a {
    color: #fff;
}
.section-feature-head {
    padding: 40px 0;
  }
  
.section-feature {
    padding: 0 0 80px;
  }
  .feature-grid h2 {
    padding: 40px 0;
  }
  .feature-grid {
    border-bottom: 1px solid #DCDFE2;
    padding-bottom: 40px;
  }
  .card-box {
    background: #fff;
    padding: 24px;
    box-shadow: 0px 4px 54px 0px #CECECE40;
    border: 1px solid #DCDFE2;
    border-radius: 10px;
  }
  .box-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #DCDFE2;
    padding: 10px;
    border-radius: 5px;
  }
  .box-icon-sm {
    width: 60px;
    height: 60px;
  }
  
.section-feature .nav-pills {
    background: #fff;
    box-shadow: 0px 4px 54px 0px #95959540;
    border-radius: 10px;
    padding: 24px;
  }
  .section-feature button {
    background: transparent;
    border: 0;
    height: 70px;
    color: #231C45;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
  }
  .section-feature .nav-pills .nav-link.active,.section-feature .nav-pills .show > .nav-link {
    background: var(--secondary-color);
  }
  .breadcrumb-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 10px 0;
  }
  .breadcrumb-img {
    text-align: right;
  }
  
.card-feature5 .section-header {
    margin-bottom: 20px;
  }
  .section-custstosrylist .card-feature5 {
    margin-bottom: 25px;
    box-shadow: 0px 4px 54px 0px #CECECE40;
  }
  .section-custstosrylist {
    padding: 80px 0;
  }  
.sec-lws {
    border-top: 1px solid var(--stroke);
    padding: 35px 0 80px;
  }
  .sec-lws h2 {
    margin: 30px 0;
  }
  .sec-lws p {
    padding-bottom: 30px;
  }
  .tab-design2 .nav-link {
    text-align: left;
    padding: 24px;
    font-size: 18px;
    font-weight: 600;
    background: #272049;
    border: 0;
    margin: 0 0 5px;
    color: #fff;
    position: relative;
}
.tab-design2 .nav-link.active {
    background: #2c254c;
}
.tab-design2 .nav-link:after {
    content: url(../img/icons/tab-minus.png);
    position: absolute;
    right: 25px;
}
.tab-design2 .nav-link.active:after {
    content: url(../img/icons/tab-plus.png);
}
  .lws-card-list h3 {
    margin-bottom: 20px;
  }
  .lws-card-list .card-box {
    margin-bottom: 25px;
  }
  .lws-card-list {
    padding: 50px 0 55px;
  }  
.ele-lws .section-header p {
    font-size: 24px;
    margin: 0 0 25px;
    font-weight: 500;
  }
  .ele-lws li h4 {
    margin-bottom: 15px;
  }
  .lws-slider-grid .slick-list {
    margin-bottom: -7px;
  }
  .lws-slider-grid .slick-prev,.lws-slider-grid .slick-next {
    width: 70px;
    height: 70px;
    background: #fff;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #DCDFE2;
  }
  .lws-slider-grid .slick-prev:before,.abt-slider-grid .slick-prev:before {
    content: url(../img/slider/left-arrow.png);
    color: var(--title);
  }
  .lws-slider-grid .slick-next:before,.abt-slider-grid .slick-next:before{
    content: url(../img/slider/right-arrow.png);
    color: var(--title);
  }
.ele-lws ul {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
  }
  .ele-lws li {
    flex: 48% 0 0;
  }
  .get-started-list li {
    display: inline-block;
    margin: 10px 5px;
}

.get-started-list {
    margin: 25px 0 0;
}

.get-started-list i {
    width: 26px;
    height: 26px;
    background: #1BB333;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 8px;
}
  .ele-lws {
    padding: 80px 0;
    background: url(../img/home/bg-banner-3.jpg) no-repeat;
    background-size: cover;
  }
  .section-divider {
    padding: 35px 0 0;
    margin: 35px 0 0;
    border-color: var(--stroke);
  }
  .f20 {
    font-size: 20px;
  }
  
.add-lws-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 25px;
    box-shadow: 0px 4px 54px 0px #CECECE40;
    border-radius: 50%;
  }
  .add-lws {
    padding: 80px 0;
  }
  .add-lws-list .card-box {
    margin-bottom: 25px;
  }
  .add-lws-list {
    padding: 40px 0 0;
  }
  .add-lws-list h4 {
    margin-bottom: 20px;
  }
/*-----------------
    Book a Trial
-----------------------*/
.book-a-trial {
    padding: 100px 0;
}
.book-trial-form {
    width: 550px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px #cccccc;
    border-radius: 10px;
    padding: 30px 20px;
    border: none;
}
.book-trial-form h3 {
    color: #DA0D57;
    font-size: 28px;
    font-weight: bold;
}
.book-trial-form p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 50px;
}
.book-trial-form label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.book-trial-form label>span {
    color: #FF5B62;
}
.book-trial-form .form-control {
    border: 0;
    height: 40px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
}
.book-trial-form .form-check-input {
    margin-left: 0;
}
.book-trial-form .form-check label {
    padding-left: 20px;
}
.book-trial-form .form-check label {
    color: #727272;
    font-size: 14px;
}
.book-trial-form .form-check label>a {
    color: #0099FF;
}
.book-trial-form .btn-submit {
    background-color: #DA0D57;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 40px 0px;
    min-width: 300px;
}
.portal-h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 6px 0;
    color: #000;
}
.portal-link, .portal-link:hover {
    color: #2FA0EA;
}
.thank-you {
    padding: 100px 0 0;
}
.thank-bg {
    background: #fff;
    width: 550px;
    margin: 0 auto;
    box-shadow: 0px 4px 34px rgba(172, 172, 172, 0.25);
    border-radius: 10px;
}
.thank-text {
    text-align: center;
    padding: 50px;
}
.thank-text h1 {
    color: #DA0D57;
    font-weight: 600;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.thank-text h6 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
}
.thank-top {
    background-color: #DA0D57;
    padding: 30px;
    display: flex;
    justify-content: center;
    border-radius: 10px 10px 0 0;
}
.thank-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #F11162;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thank-icon img {
    width: 60px;
}
.login-credential h3 {
    text-align: center;
    color: #4120A0;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
}
.lg-icon {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-icon-1 {
    background: #B934CE;
    color: #B934CE;
}
.bg-icon-2 {
    background: #32AEFF;
}
.bg-icon-3 {
    background: #F26828;
}
.login-credential h4 {
    background-color: transparent !important;
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0;
}
.login-credential a {
    color: #0D8ADA;
    font-size: 16px;
    margin-bottom: 15px;
}
.login-credential h5 {
    font-size: 18px;
    margin: 0;
}
.login-credential h5>span {
    color: #727272;
    margin-left: 10px;
}
.login-credential .card {
    padding: 35px;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(172, 172, 172, 0.25);
    border-radius: 10px;
    margin-bottom: 20px;
}
 

/*-----------------
    4. Footer
-----------------------*/

.footer {
   background: #F2F5FF;
    padding: 75px 0 0;
}
.card-footer-top {
    background: #fff;
    padding: 40px;
  }
.footer-top .footer-title {
    color: #393939;
    font-size: 22px;
    font-weight: 800;
}
.footer-top .footer-title:after {
    content: '';
    background: #EAEAEA;
    width: 60px;
    height: 7px;
    display: block;
    position: absolute;
    bottom: -20px;
    border-radius: 10px;
}
.footer-bottom {
    background: #EBF1FF;
    padding: 22px 0;
    position: relative;
}
.footer-bottom ul li a{
    background: #fff;
    color: var(--title);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px;
}
.footer-bottom p{
    font-size: 16px;
    
}
.app-li {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.app-li li:first-child {
    margin-bottom: 20px;
}
.footer-icon {
    display: flex;
    align-items: flex-start;
}
.footer-icon img {
    margin-right: 15px;
}
.footer-top h5 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
}
.footer-top p {
    font-size: 16px;
    color: #444444;
    margin: 0;
    padding-bottom: 10px;
}


/*-----------------
    Our Blogs
-----------------------*/

.doccure-inner-banner {
    background: url(../img/inner-banner.png);
    background-size: 100% 100%;
    padding: 180px 0 180px 0;
}
.doccure-inner-banner a {
    margin-bottom: 20px;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.65px;
    text-decoration: none;
    font-weight: bold;
}
.doccure-inner-banner h2 {
    font-size: 42px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.doccure-inner-banner h4 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
.doccure-inner-banner p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 70%;
}
.our-blogs {
    margin-top: 50px;
}
.post-item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.post-box .post-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .75rem;
}
.post-item.post-box img {
    width: 100%;
}
.post-item.post-box.post-content-bottom img {
    min-height: 400px !important;
}
.post-content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}
.post-box .post-title {
    max-width: 710px;
    margin-bottom: 20px;
}
.post-box .post-title a {
    color: #fff;
} 
.post-category {
    margin-bottom: 20px;
}
.post-category a {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.65px;
    display: inline-block;
    margin: auto;
    text-decoration: none;
    font-weight: bold;
}
.post-box .post-excerption {
    max-width: 570px;
    margin: 0 auto 20px;
}
.post-box .post-excerption-inner {
    padding-right: 10px;
    color: #fff;
    background: var(--title);
    margin: 0 auto 20px;
    font-size: 14px;
}
.recent_blogs_grid {
    background: #FAFAFA;
    padding: 80px 0;
}
.post-view {
    text-align: center;
}
.post-view a {
    background-color: #0864B5;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.post-box.post-content-bottom .post-inner {
    top: auto;
    padding: 0 3rem 1.5rem;
}
.blog-list {
    margin-bottom: 30px;
}
.post-list .post-content {
    border: 4px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 25px;
}
.post-list .post-title {
    max-width: 710px;
    margin-bottom: 20px;
}
.post-list .post-title a {
    white-space: pre-wrap;
    color: #1F1F1F;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}
.post-list .post-excerption {
    max-width: 550px;
    margin: 0 auto 20px;
}
.post-list .post-excerption-inner {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.post-list .post-inner {
    padding: 25px;
    height: 100%;
}
.post-wraper {
    max-width: 800px;
    margin: 0 auto;
}
.blog-first {
    background-color: #F2FAFF;
    margin-left: 0;
}
.blog-second {
    background-color: rgb(239 193 11 / 10%);
    margin-right: 0;
}

.other-blogs {
    padding: 40px 0;
}
.post-list-wrap {
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0px 4px 54px 0px #CECECE40;
}
.post-list-view {
    display: flex;
    background-color: #fff;
    margin-bottom: 30px;
}
.post-list-view .post-thumbnail {
    min-width: 355px;
    max-width: 355px;
    overflow: hidden;
}
.post-list-view .post-contents {
    padding: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.post-list-view .post-content .post-title {
    margin-bottom: 0;
}
.post-list-view .post-thumbnail a {
    display: block;
    height: 100%;
    overflow: hidden;
}
.post-list-view .post-thumbnail a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.post-list-view .post-contents .post-title a {
    color: var(--title);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}
.post-list-view .post-excerption {
    font-size: 16px;
}
.category-section {
    padding: 40px 0 50px;
}
.category-section .blog-heading {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}
.category-section .blog-text {
    text-align: center;
    font-size: 16px;
}
.category-section .blog-box {
    background-color: #0864B5;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.bg-orange {
    background-color: rgb(255, 190, 46) !important;
}
.bg-red {
    background-color: #FD1D1D !important;
}
.bg-pink {
    background-color: #DA0DB9 !important;
}
.blog-category {
    text-align: center;
}
.blog-category h3 {
    font-size: 24px;
    color: #0D8ADA;
    font-weight: bold;
    text-transform: uppercase;
}
.blog-category p {
    font-size: 18px;
    color: #444444;
    font-weight: 500;
}
.category-list .card {
    border: 0;
    padding: 1.75rem 3.25rem 0;
    border-left: 1px solid #C2C1C1;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    background-color: transparent;
    box-shadow: none;
}
.category-list .no-bl{
    border-left: none;
}
.category-list .blog-heading {
    color: #2E2E2E;
    background-color: transparent;
    margin: 35px 0 25px;
    padding: 0;
}
.category-list .blog-heading a {
    color: #2E2E2E;
    font-weight: 900;
}
.category-list .blog-text {
    color: #2E2E2E;
    background-color: transparent;
    padding: 0;
}
.recent-blog {
    background-color: #F2FAFF;
    padding: 70px 0;
}
.recent-blog h4 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
}
.bd-breadcrumb .breadcrumb {
    background-color: transparent;
    padding: 25px 0;
}
.bd-breadcrumb .breadcrumb-item a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.bd-breadcrumb .breadcrumb-item.active {
    font-size: 16px;
    color: #2FA0EA;
    font-weight: 500;
}
.bd-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    content: "\003e";
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    color: #0D8ADA;
    top: 2px;
    position: relative;
}
.info-sec-details {
    padding-bottom: 50px;
}
.info-sec-details h4 {
    color: #0D8ADA;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
.info-sec-details h1 {
    color: #0C0C0C;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.info-sec-details .blog-user-img {
    width: 90px;
    height: 90px;
    border: 8px solid #C4C4C4;
    border-radius: 50px;
}
.info-sec-details .blog-user-tit {
    border: 1.5px solid #818181;
    padding: 15px 5px;
    border-left: 0;
    border-right: 0;
    color: #383838;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 !important;
}
.info-sec-details .blog-user-tit > span {   
    font-size: 14px;
    font-weight: 500;
    margin-left: 25px;
}
.info-sec-details p {
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.info-sec-details ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-sec-details ul li {
    padding: 10px;
}
.info-sec-details .share-section {
    justify-content: flex-start;
}
.info-sec-details .share-section li {
    padding-left: 0;
}
.share-section li a {
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.share-section .fb-like {
    background-color: #1877f2;
}
.share-section .tweets {
    background-color: #1b95e0;
}
.share-section .pint {
    background-color: #111111;
}
.share-section .share {
    background-color: #fe6d4c;
}
.share-section .like-num {
    background-color: #ffffff;
    border: 2px solid #ddd;
    color: #000;
    position: relative;
    padding: 4px 30px;
}
.share-section .like-num i {
    position: absolute;
    left: -9px;
    color: #ddd;
    font-size: 19px;
}
.share-section .like-num:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #ddd;
    position: absolute;
    left: -8px;
}
.main-nav li.mobile-menu-show {
    display: none;
}
.bd-breadcrumb .breadcrumb {
    background-color: transparent;
    padding: 25px 0;
}
.custom-scroll-row {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    justify-content: center;
    -webkit-justify-content: center;
}
.custom-scroll-row > .custom-col-price {
    display: inline-block;
    min-width: 307px;
    padding: 0 15px;
} 
.price-tab .nav-tabs li:last-child {
    margin-left: -40px;
}
.count-shape {
    text-align: center;
}
.count-shape svg {
    width: 147px;
}
.loginBtn {
    position: relative;
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}
.loginBtn-facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn-facebook:before {
    border-right: #364e92 1px solid;
    background: url('../img/icons/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn-facebook:hover,
.loginBtn-facebook:focus {
    background-color: #1741b5;
    background-image: linear-gradient(#1741b5, #364e92);
}
.loginBtn-google {
    background: #DD4B39;
}
.loginBtn-google:before {
    border-right: #BB3F30 1px solid;
    background: url('../img/icons/icon_google.png') 6px 6px no-repeat;
}
.loginBtn-google:hover,
.loginBtn-google:focus {
    background: #c52a16;
}
.social-login-block {
    display: flex;
    justify-content: center;
}
.link-whatsapp {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 15px;
}
.link-whatsapp a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #06fb06;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 20px;
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 12px;
}
.head-contact {
    display: flex;
    justify-content: center;
    align-items: center;
}
.head-contact a {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px;
}
.head-contact span {
    margin: 0px 10px;
    color: #fff;
}
.foot-policy-list {
    display: flex;
    justify-content: end;
}
.foot-policy-list a {
    color: #fff;
    transition: all 0.3s;
}
.foot-policy-list a:hover {
    color: #EFC10B;
}
.foot-policy-list span {
    margin:0px 10px;
    color: #fff;
}

/*-----------------
    5. New content
-----------------------*/
.content-block {
    padding: 30px 0px;
}
.content-block  p {
    display: flex;
    color: #000000;
    align-items: baseline;
    font-size: 16px;
}
.content-block.para-content p{
    padding-left: 32px;
}
.content-block h2 {
    margin-bottom: 20px;
    color: #FFBE2E;
    font-weight: 500;
}
.content-block h3 {
    color: #726666;
    margin-bottom: 15px;
    font-weight: 500;
}
.book-demo-btn {
    text-align: center;
    position: sticky;
    bottom: 10px;
}
.book-demo-btn .get-started {
    font-size: 20px;
}
.laundry-app-list-content li {
    margin-bottom: 10px;
}
.feature-imgs-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.feature-imgs-block img {
    border-radius: 10px;
}
/* Feature section */

.box-item {
    position: relative;
    max-width: 100%;
  }
  
  .flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
  }
  
  .flip-box-front,
  .flip-box-back {
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 2px 2px 13px rgb(0 0 0 / 14%);
    border-radius: 10px;
    max-width: 245px;
    padding: 25px;
    margin: auto;
    -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-box-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    min-height: 175px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .back-card-content img {
    margin-bottom: 8px;
  }
  .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0D8ADA;
    min-height: 212px;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .flip-box .inner {
   
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
  }
  .front-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .front-card-content h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
  }
  .back-card-content  {
    display: flex;
    flex-direction: column;
  }
  .back-card-content p {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: start;
  }
  .features-cleaning ul {
    list-style: none;
    padding: 0px; 
    display: flex;
    flex-wrap: wrap;
  }
  .features-cleaning li {
    width: 20%;
    height: 260px;
    padding-left: 20px;
  }
  .back-card-content h3 {
    max-width: 166px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    padding: 18px 0px 10px 0px;
    text-align: start;
  }

  .flip-box-header {
    font-size: 34px;
  }

  
  .flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase;
  }
/*-----------------
    5. Responsive
-----------------------*/

@media (max-width: 1199.99px) {
    .platforms {
        padding: 20px;
    }
    .platforms h5 {
        font-size: 15px;
        padding-top: 20px;
    }
	.platforms h2 {
        font-size: 15px;
        padding-top: 20px;
    }
    .technology h5 {
        font-size: 14px;
    }
    .custom-scroll-row {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .count-shape svg {
        width: 117px;
    }
}
@media (max-width: 991.99px) {
    .features-cleaning li {
        width: 25%;
    }
    .platforms {
        padding: 40px;
    }
    .platforms h5 {
        font-size: 18px;
        padding-top: 40px;
    }
	.platforms h2 {
        font-size: 18px;
        padding-top: 40px;
    }
    .footer-top .footer-title {
        margin-top: 30px;
    }
    .post-list .post-title a {
        font-size: 22px;
    }
    .it-solution .card, .platforms {
        margin-bottom: 30px;
        height: auto !important;
    }
    .count-shape h2 {
        top: -30px;
    }
    .sticky .navbar-toggler {
        top: 18px;
    }
    .count-shape h2 {
        font-size: 47px !important;
    }
    .count-shape svg {
        width: 97px;
    }
    .sticky .price-btn {
        padding: 13px 45px !important;
        margin-top: 0;
    }
    .sticky .navbar {
        padding: 10px 1rem;
    }
}
@media (max-width: 625px){
    .post-thumbnail{
        min-width: 100% !important;
    }
    .post-contents {
        display: none;
    }
    .post-contents2 {
        display: block;
    }
    .post-title2 {
        display: block;
    }
}
@media (min-width: 625px){
    .post-contents2 {
        display: none;
    }
    .post-title2 {
        display: none;
    }
    .post-titlehr {
        display: none;
    }
}
@media (max-width: 768px){
    h1 {
        font-size: 30px
    }
    h2 {
        font-size: 23px
    }
    h3 {
        font-size: 17px
    }
    h4 {
        font-size: 16px
    }
    h5 {
        font-size: 15px
    }
    h6 {
        font-size: 14px
    }
    body {
        font-size: 14px
    } 
    p{
        font-size: 14px;
    }
    .banner-content {
        padding-top: 30px;
    }
    .vendor-circle{
        display: none;
    }
    .pricing img {
        padding : 0 0 20px 0;
    }
    .pricing h2 {
        font-size: 28px;
    }
    .pricing .card-header p,.pricing .card a {
        font-size: 16px;
    }
    .navbar-light .navbar-brand {
        margin: 0 auto;
    }
    .home-banner {
        background: #32AEFF;
    }
    .navbar-toggler {
        position: absolute;
        left: 0;
        top: 18px;
    }
    .navbar-light .navbar-toggler-icon {
        background: url(../../assets_site/img/menu-img.png) #0D8ADA;
        border-radius: 4px;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding: 10px 20px;
    }
    .home-banner h1 {
        font-size: 32px;
    }
    .vendors {
        padding: 30px 35px;
    }
    .home-banner {
        height: auto;
        padding: 30px 0;
        min-height: auto;
    }
    .pricing .card {
        width: 100%;
    }
    .navbar-light .navbar-toggler {
        border: 0;
    }
    header .dropdown-menu {
        border: 0; 
        background: #f2f2f2;
    }
    .price-btn {
        display: block;
        text-align: center;
    }
    
    .navbar, .sticky .navbar {
        padding: 10px 0;
    }
    .platforms h5 {
        font-size: 16px;
    }
	.platforms h2 {
        font-size: 16px;
    }
    .home-banner .card, .pricing .card {
        width: 100%;
    }
    .banner-content {
        padding: 0
    }
    .section-bg-1,.section-bg-2 {
        padding: 40px 0;
    }
    .section-header {
        margin-bottom: 20px;
    }
    .home-banner h1 {
        font-size: 30px;
    }
    .vendors h4 {
        font-size: 20px;
    }
    .h-100 {
        height: auto !important;
    }
    .platforms {
        padding: 20px;
    }
    .get-started {
        font-size: 14px;
    }
    .yellow-circle {
        display: none;
    }

    .platforms, .contact_sec .col-md-4, .vendors, .laundry .col-lg-7 {
        margin-bottom: 30px !important;
    }
    .technology .d-flex div, .pricing .card {
        margin-bottom: 30px;
    }
    .mob-res .col-lg-7 {
        margin-bottom: 20px;
    }
    .vendors {
        padding: 30px 35px;
    }
    .vendor-dashboard {
        margin-bottom: 0;
    }
    .vendor-mob, .vendor-mob-solution {
        margin-top: 0 !important;
    }
    .mob-res {
        padding-bottom: 0
    }
    .section h1 {
        font-size: 32px;
    }
    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0;
    }
    section {
        padding-top: 45px;
    }
    .tab-img-grid img {
        border-radius: 17px;
        padding: 10px;
        background: transparent;
    }
    .section-allinone,.section.section-count,.section.section-outbox,
    .section.section-tools,.section.section-custstories,
    .section-resource,.section-getstarted,
    .section.section-testimony {
        padding: 40px 0;
    }
    .card-footer-top {
        padding: 20px;
    }
    .card-footer-top .text-right {
        text-align: left !important;
        margin: 10px 0 0;
    }
    .body-subtitle {
        font-size: 16px;
    }
    .rating-card .hero-title {
        font-size: 14px;
    }
    .technology h5 {
        font-size: 14px;
    }
    .technology .card {
        padding: 20px;
    }
    .it-solution .card-body, .pricing .card-header, .pricing .card-body {
        padding: 20px;
    }
    .it-solution .col-lg-4{
        margin-bottom: 30px;
        text-align: center;
    }
    .laundry  {
        padding-bottom: 0;
    }
    .join-us {
        background: #CFE8F7;
    }
    .pricing ul li, .it-solution p {
        font-size: 16px;
    }
    .join-us .form-control {
        height: 40px;
        font-size: 14px;
    }
    .join-us h4, .it-solution h4 {
        font-size: 24px;
    }
    .get-started {
        margin-bottom: 20px;
    }
    .specification .col {
        flex-basis: 50%;
    }
    .get-tittle h4 {
        font-size: 25px;
    }
    .get-tittle p {
        font-size: 16px;
        line-height: 23px;
    }
    .get-started-today .card-header h2 {
        font-size: 28px;
    }
    .book-trial-form {
        width: 100%;
    }
    .book-a-trial {
        padding: 30px 0;
    }
    .book-trial-form h3 {
        font-size: 20px;
    }
    .book-trial-form p {
        font-size: 15px;
    }
    .book-trial-form label {
        font-size: 14px;
    }
    .book-trial-form .btn-submit {
        min-width: 250px;
    }
    .footer {
        padding: 30px 0;
    }
    .footer-top .footer-title {
        font-size: 20px;
        margin-top: 30px;
    }
    .footer-top h5 {
        font-size: 18px;
    }
    .thank-text h1 {
        font-size: 30px;
    }
    .thank-text h6 {
        font-size: 15px;
        line-height: 25px;
    }
    .thank-you {
        padding: 40px 0;
    }
    .thank-bg {
        width: 450px;
    }
    .thank-icon {
        width: 100px;
        height: 100px;
    }
    .thank-icon img {
        width: 40px;
    }
    .login-credential h3 {
        font-size: 24px;
    }
    .login-credential {
        padding-top: 0;
    }
    .lg-icon {
        width: 70px;
        height: 70px;
    }
    .lg-icon img {
        width: 30px;
    }
    .login-credential h4 {
        font-size: 20px;
        margin: 15px 0 10px;
    }
    .login-credential h5 {
        font-size: 16px;
    }
    .category-list .card {
        padding: .75rem 1.25rem 0;
        border: none !important;
    }
    .category-section .blog-heading {
        font-size: 16px;
    }
    .category-section .blog-text {
        font-size: 14px;
    }
    .post-list-view .post-contents .post-title a {
        font-size: 18px;
    }
    .post-list-view .post-thumbnail {
        min-width: 355px;
        max-width: 100%;
    }
    .doccure-inner-banner h4 {
        font-size: 20px;
    }
    .bd-breadcrumb .breadcrumb-item a, .bd-breadcrumb .breadcrumb-item.active {
        font-size: 12px;
    }
    .info-sec-details {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
    }
    .info-sec-details .blog-user-img {
        display: none;
    }
    .info-sec-details ul li img {
        width: 150px;
    }
    .info-sec-details .media {
        overflow: scroll;
    }
    .book-trial-form {
        width: 100%;
    }
    .book-a-trial {
        padding: 30px 0;
    }
    .book-trial-form h3 {
        font-size: 20px;
    }
    .book-trial-form p {
        font-size: 15px;
    }
    .book-trial-form label {
        font-size: 14px;
    }
    .post-category a {
        font-size: 14px;
    }
    .pricing-table .table th img {
        width: 55px;
    }
    .pricing-table .table th h3 {
        font-size: 20px;
    }
    .pricing-table .table th h4 {
        font-size: 14px;
    }
    .view-btn, .view-btn:hover {
        font-size: 14px;
        padding: 10px 14px;
    }
    .thank-bg {
        width: 100%;
    }
    .thank-text {
        padding: 0 30px 30px 30px;
    }
    .thank-text h1 {
        font-size: 30px;
    }
    .thank-text h6 {
        font-size: 15px;
        line-height: 25px;
    }
    .bd-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        top: 0;
    }
    .bd-breadcrumb .breadcrumb-item.active {
        position: relative;
        top: 2px;
    }
    .bd-breadcrumb .breadcrumb-item + .breadcrumb-item.active::before {
        top: -2px;
    }
    .post-item.post-box {
        min-height: 200px;
    }
    .bd-breadcrumb .breadcrumb {
        background-color: transparent;
        padding: 25px 0 0px;
        margin: 0;
    }
}

@media (max-width: 767.98px) { 
    .custom-scroll-row > .custom-col-price {
        min-width: 260px;
    }
    .get-started-today .card ul li .btn,
    .get-started-today .card ul li {
        font-size: 16px;
    }
    .get-started-today .price-tab .card ul li {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .home_banner_img {
        margin-top: 30px;
    }
    .price-tab .nav-tabs .nav-link {
        min-width: inherit;
    }
    .price-tab .nav-tabs li:last-child {
        margin-left: -20px;
    }
    .pricing-banner {
        min-height: 220px;
    }
    .pricing-banner h3 {
        font-size: 24px;
    }
	.pricing-banner h1 {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) { 
    .award-list li {
        width: 100%;
    }
    .testimony-grid {
        margin-bottom: 20px;
    }
    .section.section-testimony {
        background: var(--primary); 
    }
    .trial-form {
        padding: 20px;
    }
    .cust-story-img {
        margin: 0 0 20px;
    }
    .partners-list li {
        flex: calc(50% - 16px) 0 0;
    }
    .partners-list {
        margin: 20px 0;
    }
    .hero-title {
        font-size: 36px;
    }
    .rating-card {
        padding: 20px;
    }
    .card-feature3 {
        margin: 20px 0;
    }
    section.section.section-count {
        background: var(--title);
    }
    .section.section-tab {
        background: var(--primary);
    }
    .banner-desc {
        font-size: 16px;
    }
    .features-cleaning li {
        width: 100%;
        padding-left: 0px;
    }
    .flip-box-front, .flip-box-back {
        max-width: 290px;
    }
    .technology .d-flex {
        display: block !important
    }
    .technology h5 {
        font-size: 18px;
    }
    .specification .col {
        flex-basis: 100%;
    }
    .price-tab .nav-tabs .nav-link {
        padding: 12px 32px;
        font-size: 14px;
    }
    .thank-bg {
        background: #fff;
        width: 100%;
    }
    .login-credential .card {
        padding: 25px;
    }
    .head-contact {
        align-items: center;
        display: none;
    }
    .head-contact a {
        font-size: 12px;
    }
    .social-login-block {
        flex-direction: column;
    }
    .foot-policy-list {
        padding: 10px 0px;
    }
}
.dropdown:hover>.dropdown-menu {
    display: block;
  }
  
  .dropdown>.dropdown-toggle:active {
      pointer-events: none;
  }
  
@media screen and (min-width: 992px) {
    .container {
        max-width: 1320px;
    }
}

.px-7 {
    padding: 0px 5rem !important;
}
.count-shape h2 {
    position: absolute;
    z-index: 1;
    font-size: 77px;
    font-weight: 900;
    color: #ccc;
    opacity: 0.23;
    top: -23px;
    right: 50px;
    line-height: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.count-shape h4 {
    font-size: 18px;
    text-align: center;
}


.footer_link li{
    width:100%;
    margin-bottom:15px;
}
.footer_link{
    list-style:none;
    padding :0;
}
.footer_link li a:hover{
    /*text-decoration: underline;*/
    letter-spacing: 0.5px;
    transition: all 0.5s;
    color:#efc10b;
}