.card.vConnectCard {
    background-color: #fff !important;
    color: #fff;
    border: none;
    padding: 0;
    margin-bottom: 1.5rem;
    min-height: 78px;
    text-align: initial;
    line-height: 1.4;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}
.card.vConnectCard:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px !important;
    border-radius: 6px;
}
.card.vConnectCard.font-weight-500 {
    font-weight: 500;
}
.vConnect-title {
    font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    color: #404040;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 4px solid #219ad6;
}
.vConnectChannel span {
    text-align: center;
    margin-right: 20px;
    background: #fff;
    padding: 20px;
    box-shadow: rgb(99 99 99 / 56%) 0 2px 8px 0;
    border-radius: 12px;
    width: 28%;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .vConnectChannel span {
        margin-bottom: 15px;
    }
}
.vConnectChannel span i {
    display: block;
    font-size: 22px;
}
.vConnectChannel i {
    color: #229bd7;
}
.vConnectChannel small {
    font-weight: 500;
}
.vConnectChannel .fa-envelope {
    color: #2196f3;
}
.vConnectChannel .fa-comments {
    color: #78c3a2;
}
.vConnectChannel .fa-linkedin {
    color: #0077b7;
}
.vConnectChannel .fa-facebook {
    color: #1976d2;
}
.vConnectChannel .fa-instagram {
    color: #ff9f5c;
}
.vConnectChannel .fa-twitter {
    color: #03a9f4;
}
.vConnectChannel .fa-telegram {
    color: #0097e4;
}
.vConnectChannel .fa-whatsapp {
    color: #4caf50;
}
.vConnectCard.vConnectColor1 {
    background-color: #fdf1e6 !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor2 {
    background-color: #daf1fd !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor3 {
    background-color: #d4ffe9 !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor4 {
    background-color: #fce4ec !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor5 {
    background-color: #e4fdff !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor6 {
    background-color: #f7e2fd !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor7 {
    background-color: #fffde7 !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor8 {
    background-color: #deedff !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCard.vConnectColor9 {
    background-color: #e3f2fd !important;
    color: #333 !important;
    font-weight: 500;
}
.vConnectCardHead {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.5rem 0.875rem;
    color: #333;
    font-weight: 700;
    text-transform: capitalize;
}
.vConnectCardBody {
    align-items: center;
    clip-path: polygon(50% 0%, 59% 12%, 100% 12%, 100% 57%, 100% 100%, 46% 100%, 0 100%, 0 56%, 0 12%, 41% 12%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.875rem;
    min-height: 110px;
    background-color: red !important;
    text-align: center;
}
.vConnectCardHead.color1 {
    color: #ff62b2;
}
.vConnectCardBody.grad1 {
    background: linear-gradient(to bottom, #ff73b9, #ff40a1);
    color: #fff;
}
.vConnectCardHead.color2 {
    color: #2aaac1;
}
.vConnectCardBody.grad2 {
    background: linear-gradient(to bottom, #47c2d7, #279eb2);
}
.vConnectCardHead.color3 {
    color: #fa7f67;
}
.vConnectCardBody.grad3 {
    background: linear-gradient(to bottom, #fb9b88, #f86647);
}
.vConnectCardHead.color4 {
    color: #00b97c;
}
.vConnectCardBody.grad4 {
    background: linear-gradient(to bottom, #00db93, #00b97d);
}
.vConnectCardHead.color5 {
    color: #0572aa;
}
.vConnectCardBody.grad5 {
    background: linear-gradient(to bottom, #319ed6, #0484c5);
}
.vConnectCardHead.color7 {
    color: #b752d6;
}
.vConnectCardBody.grad7 {
    background: linear-gradient(to bottom, #c677de, #b752d6);
}
.vConnectCardHead.color6 {
    color: #e82f2f;
}
.vConnectCardBody.grad6 {
    background: linear-gradient(to bottom, #f55d5d, #e82f2f);
}
.vConnectCardHead.color8 {
    color: #1772de;
}
.vConnectCardBody.grad8 {
    background: linear-gradient(to bottom, #579bea, #1772de);
}
.vConnectCardHead.color9 {
    color: #37b17b;
}
.vConnectCardBody.grad9 {
    background: linear-gradient(to bottom, #78c3a2, #37b17b);
}
.iconbox-shadow {
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
    padding: 25px 10%;
    background-color: #fff;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-transition: box-shadow 0.3s ease, background 0.3s ease;
    transition: box-shadow 0.3s ease, background 0.3s ease;
    height: 150px;
}
.iconbox .contents {
    max-width: 100%;
}
.iconbox .contents,
.iconbox .iconbox-icon-container,
.iconbox > h3 {
    position: relative;
    z-index: 2;
}
.completebuild h3 {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    padding: 0;
    font-weight: 500;
    letter-spacing: normal;
}
.mt-30 {
    margin-top: 30px !important;
}
.completebuild .iconbox-icon-container img {
    width: 50px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.whiteBox .iconbox-side {
    height: 230px;
}
.whiteBox .iconbox {
    background: #f9f9f9;
    padding: 15px 15px 10px 15px;
    border-radius: 5px;
}
.whiteBox .iconbox-side:hover {
    box-shadow: 0 0 20px 10px #00000014;
}
.iconbox-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.iconbox-side .iconbox-icon-wrap {
    margin-right: 30px;
}
.iconbox-side .contents {
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
}
.iconbox .contents {
    max-width: 100%;
}
.iconbox-xl .iconbox-icon-container {
    font-size: 50px;
}
.iconbox-side .iconbox-icon-container {
    margin-bottom: 0;
}
.iconbox .iconbox-icon-container {
    display: -webkit-box;
    display: flex;
    margin-bottom: 0.5em;
    border: 0 solid #f2f4f7;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 40px;
    line-height: 1em;
    color: var(--color-primary);
    -webkit-transition: border 0.3s, box-shadow 0.3s;
    transition: border 0.3s, box-shadow 0.3s;
}
.iconbox .iconbox-icon-container,
.iconbox h3,
.iconbox p {
    -webkit-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.text-black {
    color: #000 !important;
}
.work-process-wrap {
    display: block;
    width: 100%;
}
.single-work-process {
    position: relative;
    float: left;
    margin: 0 15px;
    width: calc(20% - 30px);
}
.rounded {
    border-radius: 0.25rem !important;
}
.color-1-bg {
    background: rgba(255, 22, 78, 0.15);
}
.color-2-bg {
    background: rgba(145, 35, 255, 0.15);
}
.color-3-bg {
    background: rgba(52, 19, 247, 0.15);
}
.color-4-bg {
    background: rgba(255, 124, 63, 0.15);
}
.color-5-bg {
    background: rgba(217, 64, 49, 0.15);
}
.work-process-icon-wrap {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.single-work-process .work-process-divider {
    position: absolute;
    top: 40px;
    width: calc(100% - 80px);
    height: 1px;
    background-image: linear-gradient(90deg, #73778c, #73778c 40%, transparent 40%, transparent 100%);
    background-size: 12px 1px;
}
.single-work-process .work-process-divider i {
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    color: #73778c;
}
.work-process-divider {
    background-image: linear-gradient(90deg, #73778c, #73778c 40%, transparent 40%, transparent 100%);
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.work-process-content h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fd5c4c;
    letter-spacing: 0.5px;
}
.gray-light-bg {
    background: #f4f5f8;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.vc_row {
    position: relative;
}
.gradient-overlay {
    position: relative;
    width: 100%;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.gradient-overlay:before {
    position: absolute;
    content: "";
    background-image: linear-gradient(to left, rgba(253, 92, 76, 0.9), rgba(254, 80, 108, 0.88), rgba(252, 106, 42, 0.85), rgba(217, 64, 49, 0.88), rgba(248, 59, 40, 0.9));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.paymentgateway {
    padding: 0;
    margin: 30px 0 0;
}
.paymentgateway li {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    background: #fff;
    padding: 0 10px 10px;
    border-radius: 5px;
}
.paymentgateway li img {
    width: 100%;
    height: 100%;
}
.mobilebnr a {
    color: #000 !important;
}
.mobiletxt {
    padding-top: 39px !important;
}
/*-------------------------pritee-25/10/2023-------------*/
.maintain {
        background-color: #F5F7FA;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    background-image: url(../images/bg-3.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
}
.content-div{
    padding-top: 0;
    z-index: 2;
    position: relative;
    }
.content-div p{font-size: 20px}
.maintain::after{
    content: "";
    position: absolute;
    bottom: -51px;
    left: 0;
    background: url("../images/banner-bg-shape-2.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 145px;
    z-index: 9;
}
.content-img {
    background: #FCFAD6;
    padding: 10%;
    border-radius: 0 0 0 71px;
    box-shadow: 4px 10px 14px #00000026
}

.content-div h1 {
    color: rgb(58, 58, 58);
    text-align: left;
    font-size: 2.7rem;
}

.content-div p {
    color: rgb(67, 67, 67);
    text-align: left;
}
.shape-image.shape-1 {
    bottom: -169px;
    left: -238px;
}
.shape-image.shape-2 {
    bottom: 300px;
    right: 0;
    left: unset;
}
.shape-image {
    position: absolute;
}
.shape-image.shape-3 {
    top: 0;
    right: 0;
}
.shape-image {
    position: absolute;
    bottom: -9%;
    width: auto;
    left: 0;
    transform: translateX(0%);
    opacity: .8;
    z-index: 1;
  }
.grey-bg{
    background: #daedff9e;
    position: relative;
    overflow: hidden;
    padding-top: 70px;
}
.pulse {
  animation: pulse 2s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}
.fade-in-left {
  animation: fade-in-left 2s ease infinite;
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.circle {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: whiteSmoke;
  box-shadow: 4px -40px 60px 5px rgb(26, 117, 206) inset;
	    position: absolute;
}
.fade-out-down {
  animation: fade-out-down 2s ease infinite;
}
@keyframes fade-out-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

a.common-blue-button {color: #009ADB;text-decoration: none;position: relative;padding: 10px 30px 10px 55px;display: inline-block;line-height: 26px; font-size: 17px;}
a.common-blue-button:before {content: "";left: 0px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2rem;height: 2rem;border: 1px solid #009ADB;border-radius: 50px;position: absolute;-webkit-transition: all .4s ease;transition: all .4s ease;}
a.common-blue-button:hover:before {width: 100%;}
a.common-blue-button svg {font-size: 21px;position: absolute;left: 25px;}
.rbt-feature-column:nth-child(odd) {
    padding-top: 50px;
}
.rbt-feature-plugin .inner {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.rbt-feature-plugin .inner .thumbnail {
    border-radius: 100%;
    box-shadow: 0px 6px 34px rgb(215 216 222);
    background: #2f4962;
    border: white solid 16px;
    width: 135px;
    height: 135px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.rbt-feature-plugin .inner .thumbnail img {
    border-radius: 100%;
    width: 145px;
    height: 145px;
}
.rbt-feature-plugin .inner .content {
    padding-top: 22px;    width: 100%;
}
.rbt-feature-plugin .inner .content .title {
    margin-bottom: 14px;
    font-size: 16px;
}
.rbt-feature-column:nth-child(odd) {
    padding-top: 50px;
}
.bg-color-extra2 {
      background: #efeffa;
      background-image: url("../images/productivity/right-shape.png");
      background-position: right;
      background-repeat: no-repeat;
      background-size: cover;
}
.mt--40 {
    margin-top: 23px !important;
}
.rbt-feature {
    display: flex;
    transition: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
    align-items: flex-start;
    margin-top: 10px;
}
.rbt-feature + .rbt-feature {
    margin-top: 30px;
}
.rbt-feature .icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.rbt-feature .icon.bg-primary-opacity i {
    color: #2e56ed;
}
.rbt-feature .icon i {
    color: #ffffff;
    font-size: 24px;
}
.bg-pink-opacity {
    background: #d5719221 !important;
    color: #d76c8f !important;
}
.bg-coral-opacity {
    background: #ea997e21 !important;
    color: #e8997e !important;
}
.bg-primary-opacity {
    background: #486dfa1f !important;
    color: #325af1 !important;
}
.bg-secondary-opacity {
    background: #cddc392b !important;
    color: #d09c02 !important;
}
.pulse {
  animation: pulse 2s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.content-div h1 {
    color: rgb(58, 58, 58);
    text-align: left;
    font-size: 1.7rem;
}
	.vConnectChannel span {
    width: 27%;
}
}
.copyinfo {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.copyinfo li:after{content: '|'; padding-left:10px;}
.copyinfo li a{color:#999; text-decoration: none;}