body{
     margin: 0;
     padding: 0;
     overflow-x: hidden;
}
html, body{
    overflow-x: hidden;
}
/*header css start*/
 header{
     background-color: #fff;
     font-family: 'Syne', sans-serif;
}
 .mini-header {
     border-bottom: 1px solid #e2e2e2;
     padding: 15px 0px;
}
 .contact-txt {
     display: flex;
     align-items: center;
}
 .contact-number {
     margin-left: 15px;
}
 .contact-txt i{
     color: #4534B8;
}
 .contact-p{
     font-family: 'Syne', sans-serif;
     margin: 0;
     font-size: 14px;
     font-weight: 400;
     text-transform: none;
     font-style: normal;
     line-height: 1em;
     color: var(--e-global-color-vamtam_accent_6 );
}
 .number {
     font-size: 20px;
     font-weight: 600;
     color: #000;
}
 .call-btn {
     background-color: #000000;
     border-radius: 20px;
     padding: 10px 35px;
     color: #fff;
}
 .logo-button {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
/*header css end*/
/*home css start*/
 .home-section{
     background: linear-gradient(180deg, rgba(103, 84, 233, 0.39) 0%, rgba(255, 255, 255, 0.00) 38.98%);
     padding: 40px 0px;
}
 .h2-txt{
     color: #000;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 53px;
     font-style: normal;
     font-weight: 700;
     line-height: 110%;
    /* 58.3px */
}
 .p-txt{
     color: rgba(0, 0, 0, 0.70);
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
}
 .tab-span {
     color: #949494;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     background-color: #fff;
     border-radius: 30px;
     border: 2px solid #E2E2E2;
     padding: 10px 25px;
}
 :focus-visible {
     outline: none;
}
 .tab-span-active {
     color: #fff;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
    /* 150% */
     letter-spacing: 0.5px;
     border-radius: 19px;
     background: #000;
     padding: 10px 25px;
}
 .home-card {
     background-image: url(../img/card-img.png);
    /* height: 500px;
    */
     background-repeat: no-repeat;
     background-size: 100%;
     display: flex;
     align-items: center;
}
 .card-h2{
     color: #000;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 41px;
     font-style: normal;
     font-weight: 700;
     line-height: 110%;
    /* 45.1px */
}
 .card-p{
     color: rgba(0, 0, 0, 0.70);
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
    /* 36px */
}
 .started-btn {
     color: #fff;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
    /* 150% */
     letter-spacing: 0.5px;
     border-radius: 19px;
     background: #000;
     padding: 10px 25px;
}
 .right-card{
     padding: 15px;
     margin-top: 3rem;
}
.right-card img{
    width: 95%;
    }
 .left-card {
     margin-top: 7rem;
     margin-left: 4rem;
}

 .down-img svg {
     width: 100%;
     margin: 0 auto;
     display: flex;
     justify-content: center;
}
/*home css end*/
/*about css start*/
 .about-section {
     background: #fff;
     padding: 50px 0px;
}
 .about-contant{
     background: linear-gradient(180deg, rgba(234, 232, 252, 0.03) 0.56%, rgba(245, 243, 255, 0.33) 49.15%, rgba(236, 233, 252, 0.01) 100%);
     padding: 25px 0px;
}
 .p-about {
     color: #212121;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 22px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
     width: 90%;
     margin: 0 auto;
}
 .hightlight{
     color: #6754E9;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 22px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
}
/*about css end*/
/*technology css start*/
 .our-technology{
     background: linear-gradient(184deg, rgba(23, 21, 21, 0.00) 2.51%, rgba(23, 21, 21, 0.04) 42.43%, rgba(23, 21, 21, 0.00) 96.07%);
}
 .technology-span {
     background-color: #fff;
     box-shadow: 5px 6px #000;
     border-radius: 50px;
     padding: 15px 25px;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     border: 1px solid #000;
}
 .technology-h6{
     color: #000;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 157%;
    /* 31.4px */
}
 .technology-p{
     color: #5E5C5C;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
    /* 32.4px */
}
 .technology-txt {
     padding: 50px 35px;
}
 .technology-img img{
     height: 100%;
     width: 100%;
}
 .coumpter-technologys{
     border-radius: 31px;
     background: #FFF;
     text-align: center;
}
/*technology css end*/
/*embrace-digital-adoption css start*/
 .embrace-digital-adoption {
     padding: 50px 0px;
}
 .embrace-h2 {
     color: #000;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 53px;
     font-style: normal;
     font-weight: 700;
     line-height: 110%;
     margin: 0 auto;
}
 .embrace-p {
     color: #212121;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
     margin: 0 auto;
     margin-top: 10px;
}
 .bg-item {
     border-radius: 27px;
     border: 1px solid #000;
     background: #E6E2FF;
     box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.07);
     box-shadow: 3px 3px #000;
     display: flex;
     align-items: center;
     padding: 10px;
}
 .non-bg-item{
     border-radius: 27px;
     border: 1px solid #C7BEFF;
     background: #FFF;
     box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.07);
     display: flex;
     align-items: center;
     padding: 10px;
}
 .left-icon {
     background-color: #393838;
     height: 50px;
     width: 50px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .right-text span{
     color: #4A4A4A;
     text-align: center;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 43px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
    /* 47.3px */
}
 .right-text p{
     color: #212121;
     font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
    /* 32.4px */
}
/*help section css start*/
.help-tabs {
    padding: 50px 0px;
}
 .help-center{
     background: linear-gradient(182deg, rgba(107, 88, 232, 0.00) -0.36%, rgba(107, 88, 232, 0.10) 42.5%, rgba(107, 88, 232, 0.00) 99.97%);
}
 .left-tabs{
     border-radius: 30px;
     background: #FFF;
     box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.04);
     padding: 10px;
}
.tab-panel {
    margin: 0 auto;
}

.help-icon {
    background-color: #6F6F6F;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .help-item {
     display: flex;
     justify-content: start;
     align-items: center;
}
.tabs-bg{
	border-radius: 30.502px;
border: 0.936px solid #EEE;
background: linear-gradient(206deg, rgba(107, 88, 232, 0.10) 24.8%, rgba(255, 255, 255, 0.00) 100%);
    padding: 30px 20px;
}
.sticky-nav-tab{
	color: #000;
	text-align: center;
	font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%; /* 26.4px */
	text-decoration: none;
	margin-left: 10px;
}
.sticky-nav-tab:hover{
	color: #000;
}
.right-tabs {
    background-color: #fff;
    width: 400px;
    border-radius: 25px;
    background: #FFF;
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    height: 250px;
    margin: 0 auto;
    margin-top: 20px;
}
.items-span{
text-align: center;
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 110%; /* 26.4px */
}

.tab-icon {
    background-color: #000;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.item-tabs {
    overflow-y: scroll;
    height: 430px;
    overflow: hidden;
}


/*scetion 6 css start*/

.section-6 {
    padding: 50px 0px;
}

.card-2{
	border-radius: 22px;
background: #FFF;
box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.05);
 padding: 30px;

}
.card-2-all-item{
	display: flex;
justify-content: space-around;
}
.numbering {
    background-color: #BFB6F9;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
     margin: 0 auto;
}
/*.after-effect::after {
    color:white;
  content:'';
  flex:1;
  border-bottom:groove 2px;
  margin: auto 0.25rem;
  box-shadow: 0 -2px ;
}*/
.numbering-p{
	color: #212121;
	text-align: center;
	font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 19.8px */
}
.bottom-txt-span{
	color: #000;
text-align: center;
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 110%; /* 22px */
}

.team-h6 {
    color: #000;
    font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.team-p{
	color: rgba(0, 0, 0, 0.70);
	font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 22.5px */
}


/*testimonials-section css start*/

.testimonials-section{
    background: linear-gradient(180deg, rgba(199, 190, 255, 0.00) 0%, rgba(216, 216, 216, 0.27) 54.69%, rgba(201, 193, 255, 0.00) 100%);
        padding: 50px 0px;
}
.owl-item{
    border-radius: 20px;
border: 1px solid var(--blue-gray-200, #E2E8F0);
background: var(--White, #FFF);
padding: 20px;

/* Shadow/Dark/L */
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
height: 400px;
}
.brand-logo img{
    width: 150px !important;
}
.Client-comment p{
    color: var(--Black, #000);

/* Body/XXL */
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 38.4px */
}
.client-img img{
    width: 60px !important;
}
.client-name span{
    color: var(--Black, #000);

/* Body/L */
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 28.8px */
display: block;
}
.owl-nav {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
button.owl-prev {
    border:1px solid #000 !important;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 30px;
   

}
button.owl-prev span {
    font-size: 40px;
    margin-top: -10px;
    

}
button.owl-next {
    border:1px solid #000 !important;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
button.owl-next span{
    font-size: 40px;
    margin-top: -10px;
   
}


/* contact-form section css start*/

.contact-form{
    padding: 50px 0px;
    background: linear-gradient(180deg, rgba(191, 182, 249, 0.00) -1.04%, rgba(191, 182, 249, 0.23) 71.53%, rgba(191, 182, 249, 0.00) 103.2%);
}
.form-card{
    border-radius: 20px;
background: #FFF;
box-shadow: 5px 5px #000;
padding: 70px;
}
.form-h6{
    color: #000;
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 38.5px */
}
.form-p{
    color: rgba(0, 0, 0, 0.70);
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 22.5px */
}
.form-text {
    border-radius: 30px;
    border: 2px solid #E2E2E2;
    background: #FFF;
    width: 100%;
    padding: 10px 20px;
    color: #949494;
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
.city-name {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
a.aa {
    text-decoration: none;
}


/*faq-scetion css start*/

.faq-scetion{
    padding: 50px 0px;
     background: linear-gradient(182deg, rgba(107, 88, 232, 0.00) -0.36%, rgba(107, 88, 232, 0.10) 42.5%, rgba(107, 88, 232, 0.00) 99.97%) !important;
}
.faq-accordion {
    border: 2px solid #0201 !important;
    margin-top: 30px !important;
    box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.05) !important;
   
}
.accordion-button{
    border-radius: 10px;
background: var(--White, #FFF);

/* Shadow/Dark/L */
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
color: var(--blue-gray-900, #0F172A);
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 22px */
}
.accordion-button:focus{
    color: var(--blue-gray-900, #0F172A);
    background: #fff !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
}
.accordion-button:not(.collapsed){
    color: var(--blue-gray-900, #0F172A);
    background: #fff !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
}
.accordion-item{
    border: 0;
}

/*footer css start*/

.footer{
   background-color: #e9e5ff;
       border-radius: 50px 50px 0px 0px;
       padding: 60px;
}
.footer-h2{
    color: #000;
text-align: left;
font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
font-size: 46px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 58.3px */
}
.right-footer {
    text-align: right;
}
.mini-footer {
    background-color: #f7f7fa;
    height: 40px;
    padding-left: 20px;
}
a.aa1 {
    color: #000;
    text-decoration: none;
}



/*media css start*/


@media screen and (max-width: 991px) {
  .left-card {
    margin: 0;
    padding: 40px;
}
.right-card{
     
     margin: 0;
     display: flex;
     padding: 0px 20px;
}
.right-card img{
    width: 85%;
    }
    .form-card{
        padding: 20px;
    }
    .team-text {
    margin-top: 50px;
}
   .macbook img{
    width: 100%;
   }
   .technology-img img {
    height: 100%;
    width: 100%;
    max-width: 330px;
}
.technology-img.mobile-left {
    text-align: right;
        margin-right: 50px;
}

.macbook {
    margin-top: 40px !important;
}
.item-tabs {
    margin-top: 30px;
}
.tab-span {
    padding: 10px 17px;
}
.tabs {
    display: flex;
    flex-wrap: wrap;
}
.tab-span-active{
    margin-top: 15px;
}
.technology-img{
        margin-left: 50px;
}
}

@media screen and (max-width: 767px){
  .right-footer {
    text-align: left;
}
.non-bg-1{
    margin-top: 1.5rem;
}
.partner-logo{
        display: flex;
        flex-wrap: wrap;
}
.coumpter-technologys{
    text-align: left;
}
.google{

    margin-top: 20px;
}

.right-tabs{
    width: 100%;
}
.technology-span{
    padding: 15px 15px;
    font-family: var(--e-global-typography-vamtam_h1-font-family), Sans-serif;
    font-size: 20px;
}
.call-btn{
    padding: 10px 20px;
}
.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.tab-span {
    margin-top: 10px;
    width: 100%;
    text-align: left;
}
.tab-span-active{
    margin-top: 10px;
    width: 100%;
}
.home-card {
    margin-top: 20px;
}
.right-card img {
    width: 100%;
}
.about-section{
    margin-top: 0 !important;
}
.footer{
    padding: 35px;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px){
    .bg-item {
    height: 215px;
}
.non-bg-item {
    height: 215px;
}
}

@media screen and (min-width: 1200px){
    .bg-item {
    height: 150px;
}
.non-bg-item {
    height: 150px;
}
.team-text {
    margin-top: 20px;
}

}

@media screen and (max-width: 477px){
  .meta {
    margin-left: 0 !important;
}  
.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 9px 16px;
    border-radius: 25px;
    box-shadow: rgba(0,0,0,.25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 9px;
    color: #fff;
    cursor: pointer;
}
.calendly-badge-content {
    background: rgb(103, 84, 233);
    color: rgb(255, 255, 255);
    position: absolute;
    right: -12px;
    top: 93px;
    padding: 7px 20px 10px 20px;
}
}


/*add new css 5-2-2024 b*/
.client-name-img {
    position: absolute;
    bottom: 40px;
}
.owl-item {
    position: relative;
}
.owl-stage {
    padding-bottom: 30px;
}