@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,500;0,600;1,400&family=Source+Code+Pro&display=swap');


:root {
    --logored: #ee0f6a;
    --black: #130f40;
    --light-color: #666;
    --white: #fff;
    --box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .1);
    --border: .2rem solid rgba(0, 0, 0, .1);
    --outline: .1rem solid rgba(0, 0, 0, .1);
    --outline-hover: .2rem solid var(--black);
}

* {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    border: none;
    text-decoration: none;
    transition: all .2s linear;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 7rem;
}

body {
    background: #fff;
   

}

p {
    color: #636363;
    font-weight: 300;
    font-size: 1.7rem;
    /*text-align:justify;*/
}

footer {
    padding: 8rem 9% 2rem 9%;
}

section {
    padding: 5rem 9%;
}

.heading {
    padding-bottom: 3rem;
    font-size: 3.5rem;
    color: var(--black);
    text-transform: capitalize;
}

.heading span {

    color: #006dee;


}



.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 9%;
    box-shadow: var(--box-shadow);
}

.header .logo img {
    height: 4.5rem;
}

.header .logo i {
    /* color: var(--logored); */
}

.header .navbar .btn:hover {
    color: #fff !important;
}

.header .navbar a {
    font-size: 1.7rem;
    margin: 0 1rem;
    color: var(--black);
}

.header .navbar a:hover {
    color: var(--logored);
}

.header .icons #menu-btn {
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    border-radius: .5rem;
    background: #eee;
    color: var(--black);
    font-size: 2rem;
    margin-left: .3rem;
    text-align: center;

}

.header .icons div:hover {
    /* background: var(--logored); */
    color: #fff;
}

#menu-btn {
    display: none;
}

.header .search-form {
    position: absolute;
    top: 110%;
    right: -110%;
    max-width: 50rem;
    height: 5rem;
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow);
}

.header .search-form.active {
    right: 2rem;
    transition: .4s linear;
}

.header .search-form input {
    width: 100%;
    height: 100%;
    background: none;
    text-transform: none;
    font-size: 1.6rem;
    color: var(--black);
    padding: 0 1.5rem;

}

.header .search-form label {
    font-size: 2.2rem;
    padding-right: 1.5rem;
    color: var(--black);
    cursor: pointer;
}

.header .search-form label:hover {
    color: var(--logored);
}

.header .shopping-cart p {
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid #9d9d9d;
}

.header .shopping-cart a {
    color: #000;

}

.header .shopping-cart {
    position: absolute;
    top: 110%;
    right: 0;
    display: none;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: var(--box-shadow);
    width: 25rem;
    background: #fff;
    left: 0;
    margin: auto;
}

.header .shopping-cart.active {
    display: block !important;
    transition: .4s linear;
}

.header .shopping-cart .box {

    position: relative;
    margin: 1rem 0;
}

.header .shopping-cart .box img {
    height: 10rem;
}

.header .shopping-cart .box .fa-trash {
    font-size: 2rem;
    position: absolute;
    top: 50%;
    right: 2rem;
    cursor: pointer;
    color: var(--light-color);
    transform: translateY(-50%);
}

.header .shopping-cart .box .fa-trash:hover {
    color: var(--logored);
}

.header .shopping-cart .box.content h3 {
    color: var(--black);
    font-size: 1.7rem;
    padding: 1rem;
}

.header .shopping-cart .box.content span {
    color: var(--light-color);
    font-size: 1.6rem;
}

.header .shopping-cart .box.content .quantity {
    padding-left: 1rem;
}


/* Shop1 */


.header .shopping-cart-1 p {
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid #9d9d9d;
}

.header .shopping-cart-1 a {
    color: #000;

}

.header .shopping-cart-1 {
    position: absolute;
    top: 110%;
    right: 0;
    display: none;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: var(--box-shadow);
    width: 25rem;
    background: #fff;
    left: 0;
    margin: auto;
}

.header .shopping-cart-1.active {
    display: block !important;
    transition: .4s linear;
}

.header .shopping-cart-1 .box {

    position: relative;
    margin: 1rem 0;
}

.header .shopping-cart-1 .box img {
    height: 10rem;
}

.header .shopping-cart-1 .box .fa-trash {
    font-size: 2rem;
    position: absolute;
    top: 50%;
    right: 2rem;
    cursor: pointer;
    color: var(--light-color);
    transform: translateY(-50%);
}

.header .shopping-cart-1 .box .fa-trash:hover {
    /* color: var(--logored); */
}

.header .shopping-cart-1 .box.content h3 {
    color: var(--black);
    font-size: 1.7rem;
    padding: 1rem;
}

.header .shopping-cart-1 .box.content span {
    color: var(--light-color);
    font-size: 1.6rem;
}

.header .shopping-cart-1 .box.content .quantity {
    padding-left: 1rem;
}

.btn {
    margin-top: 1rem;
    display: inline-block;
    padding: .8rem 3rem;
    font-size: 1.7rem;
    border-radius: .5rem;
    text-transform: capitalize;
    cursor: pointer;
    background: none;
}

.btn-outline-primary {
    border: 0.2rem solid #000;
    color: #000;
}

.btn:hover {
    background: var(--logored);
    color: #fff;
}

.header .shopping-cart .total {
    font-size: 2.5rem;
    padding: 1rem 0;
    text-align: center;
    color: var(--black);
}

.header .shopping-cart .btn {
    display: block;
    text-align: center;
    margin: 1rem;

}

.header .login-form {
    position: absolute;
    top: 110%;
    right: -110%;
    width: 35rem;
    box-shadow: var(--box-shadow);
    padding: 2rem;
    border-radius: .5rem;
    background: #fff;
    text-align: center;
}

.header .login-form.active {
    right: 2rem;
    transition: .4s linear;
}

.header .login-form h3 {
    color: var(--black);
    font-size: 2.5rem;
    text-transform: uppercase;
}

.header .login-form .box {

    width: 100%;
    margin: .7rem 0;
    background-color: #eee;
    border-radius: 1rem;
    padding: 1rem;
    font-size: 1.6rem;
    color: var(--black);
    text-transform: none;

}

.header .login-form p {
    font-size: 1.4rem;
    padding: .5rem 0;
    color: var(--black);
}

.header .login-form p a {
    color: var(--logored);
    text-decoration: underline;
}

.clients .box img {
    height: 10rem;
    width: 100%;
    object-fit: contain;
}

.clients {
    padding: 7rem 9% 1rem 9%;
}


@media (max-width:1300px) {
    html {
        font-size: 55%;
    }

    .header {
        padding: 2rem 4%;
    }
}

/* media ueries */
@media (max-width:991px) {
    .solutions .circle-1 {
        display: none !important;
    }

    html {
        font-size: 55%;
    }

    .header {
        padding: 2rem 4%;
    }


    section {
        padding: 4rem 5%;
    }

    .solutions .circle-2 {
        display: none !important;
    }

    .order-2 {
        order: 2;
    }

}

.roundimg {
    border-radius: 2rem;
}

.home-clinets {
    padding: 5rem 9% 5rem 9% !important;
}

.home-faq {
    padding: 5rem 9% 5rem 9% !important;
}

.mobile-map {
    display: none;
}

.hide-lg .tabcontent h3 {
    font-size: 2rem;
    padding: 1rem 0;
}
.main-bannervoice p{
    padding-bottom: 5px;
}
.main-bannervoice h2{
    padding: 5px 0;
}
.hide-lg .tabcontent {
    display: block !important;
}

.prel{
    position: relative;
    display: inline;
}

@media (max-width:769px) {
    
    .home .content .intext{
        width:100% !important;
    }

    .header .shopping-cart-1{
        position: relative;
    }

    .header .shopping-cart{
        position: relative;
    }

    .contact-form-page .box-container{
        grid-template-columns: auto !important;
    }
    .stroke-text {
        top: -11px !important;
        font-size: 7rem !important;
    }

    .aboutusebro p {
        width: 95% !important;
    }

    .testimonial-about .box-container .text {
        width: 50% !important;
    }

    .testimonial-about .box-container img {
        height: 12rem !important;
    }

    .testimonial-about .box-container .logos {
        width: 50% !important;
    }

    .modal-content {
        width: 92% !important;
    }

    .tools .box-container .box {
        margin-bottom: 2rem;
    }

    .tools .box-container {
        grid-template-columns: repeat(2, minmax(22rem, 1fr)) !important;
        gap: 0 !important;
    }

    .aboutweb .box-container {
        gap: 0 !important;
    }

    .aboutweb .mb11 {
        margin-bottom: 3rem;
    }

    .mainbannerweb .box {
        text-align: center;
    }

    .main-bannervoice {
        padding: 14rem 9% 0rem 9%;
    }

   

    .main-bannervoice .box {
        text-align: center;
    }

    body {
        overflow-x: hidden;
    }

    html {
        overflow-x: hidden;
    }

    .solutions .circle-2 {
        display: none;
    }

    .solutions .circle-1 {
        display: none;
    }

    .order-2 {
        order: 2;
    }

    .cta-first .btn {
        margin-top: 1rem !important;
    }

    .map .mobile-map .boxes {
        display: flex;
        padding: 1rem;

        align-items: center;
        background-color: var(--white);
        border-radius: 4px;
        box-shadow: var(--box-shadow);

    }

    .map .mobile-map .boxes a {
        color: var(--black);
        font-size: 2rem;
        margin-left: 2rem;
    }

    .map .mobile-map .boxes.mb2 {
        margin-bottom: 1.4rem;
    }

    .map .mobile-map .boxes img {
        width: 10rem;
    }

    .mobile-map {
        display: block;
    }

    .map .box-container.desktop {
        display: none !important;
    }

    .solutions .circle-2 {
        display: none;
    }

    .solutions .circle-1 {
        display: none;
    }

    #menu-btn {
        display: inline-block;
    }

    .header {
        padding: 2rem 4%;
    }

    .header .search-form {
        width: 90%;
    }

    .header .navbar {
        position: absolute;
        top: 110%;
        right: -110%;
        width: 30rem;
        box-shadow: var(--box-shadow);
        border-radius: .5rem;
        background: #fff;
    }

    

    .header .navbar a {
        font-size: 1.6rem;
        position: relative;
        margin: 1rem 2.5rem;
        display: block;

    }

    .header .shopping-cart p{
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .header .navbar.active {
        right: 2rem;
        transition: .4s linear;
    }

    .footer {}

    .home {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .home .content {
        width: 100% !important;
    }

    .home .bannerimg {
        width: 100% !important;
        margin-top: 5.5rem;
    }

}

@media (max-width:450px) {
    .solutions .box-container .box img {
        width: 90% !important;
    }

    .cta-first {
        padding: 0rem 5% 4rem 5% !important;
    }

    .contact-form {
        padding: 4rem 9% 0 9% !important;
    }

    body {
        overflow-x: hidden;
    }

    .form-flex {
        width: 100% !important;
        flex-direction: column;
    }

    .form-flex .group-box {
        width: 92% !important;
    }

    .cta-first .circlecta {
        width: 9rem !important;
    }

    .cta-first .circlecta-2 {
        display: none;
    }

    .cta-first p {
        font-size: 3rem !important;
    }

    .cta-first .box-container .manimg {
        display: none;
    }

    .ctatwo {
        padding: 8rem 9% !important;
    }

    .faq .box-container {
        width: 100% !important;
    }

    .solutions .heading {
        width: 100% !important;
    }

    html {
        font-size: 50%;
    }

    .home .content {
        width: 100% !important;
    }

    .home .bannerimg {
        width: 100% !important;
        margin-top: 5.5rem;
    }



    .home .content h2 {
        width: 100% !important;
    }



    .contact-form .box-container {
        width: 100% !important;
    }
}

.aboutus .box-container .product:hover{
background: linear-gradient(140deg, #f5dee9 0%, #e6f1fd 100%);
}

.home {
    
    /* background: #32bace; */
    background-image: linear-gradient(180deg,#e8ebfe 0%,#E8EBFE00 100%),url(../image/realimages/smart-app-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 15rem;
    /* padding-bottom: 13rem; */
}
.home .content .intext{
    width: 70%;
    margin: auto;
}
.home .content {
    color: var(--white);
    text-align: center;
}


.home .bannerimg {
    /* width: 50%; */
    position: relative;
}



.home .banner-carousel .inner img {
    width: 77%;
    margin: auto;
    object-fit: cover;
    max-height: 40vh;
}

.home .banner-carousel {
    position: absolute;
    top: 6%;
}


.home .content h2 {
    color: #000;
    font-size: 3.5rem;
   
}

.home .content h2 span {
    color: #006dee;
}

.home .content p {
    color: #000;
    font-size: 1.7rem;
    padding: 1rem 0;
    line-height: 1.8;
}

.aboutus .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    gap: 3rem;
}

.btn-blue-primary {
    background: linear-gradient(45deg, #118bce, #006cb7);
    color: var(--white);
}

.aboutus .content-box p {
    font-size: 1.8rem;
    padding-bottom: 3rem;
}

.aboutus {
    /* position: relative; */
}

.aboutus .box-container .product {
    display: flex;

    padding: 1.4rem 1rem;
    border-radius: 0.8rem;
    background: var(--white);
    box-shadow: var(--box-shadow);
}

.aboutus .box-container .product.mb {
    margin-bottom: 1.2rem;
}

.aboutus .box-container .product img {

    height: 6rem;
    object-fit: contain;
}

.aboutus .box-container .product h3 {
    font-size: 2rem;
    color:#000;
    margin-left: 1.2rem;
}

.aboutus .box-container .product p {
    font-size: 1.6rem;
    margin-left: 1.2rem;
}

.aboutus .sticky-product {
    margin-top: 1rem;
}

.aboutus .sticky-box {
    position: sticky;
    top: 15vw;
}

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

.solutions .box-container .box img {
    width: 100%;
}

.solutions .heading {
    width: 70%;
    margin: auto;
}

.solutions .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(46rem, 1fr));
    gap: 2rem;
    position: relative;

}

.solutions .mb-1 {
    padding: 4rem 0;
}

.solutions .circle-1 {
    position: absolute;
    top: -49%;
    right: 68%;
    width: 93%;
}

.solutions .circle-2 {
    position: absolute;
    top: -49%;
    left: 68%;
    width: 93%;
}

.solutions h3 {
    font-size: 3rem;
    font-weight: 600;
}

.solutions .box-container .box p {
    font-size: 1.8rem;
}

.form-flex input {
    width: 100%;
    margin: 0.7rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--white);
    font-size: 1.6rem;
    color: var(--black);
    text-transform: none;
    border: .2rem sloid var(--light-color);
}

.form-flex .group-box {
    width: 77%;
}

.cta-first .box-container .box {
    background: #006cb7;
    color: var(--white);
    padding: 6rem 1rem;
    border-radius: 1.5rem;
}

.cta-first .box-container {
    position: relative;
}

.cta-first .circlecta {
    position: absolute;
    width: 18rem;
    left: 0;
    bottom: 0;
}

.cta-first .circlecta-2 {
    position: absolute;
    width: 20rem;
    right: -9px;
    bottom: 0;
}

.cta-first .box-container .manimg {
    position: absolute;
    width: 20rem;
    top: -8%;
}

.cta-first .btn {
    margin-top: 0;
    background: #4ab2fb;
    color: var(--white);
}

.form-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    margin: auto;
}

.cta-first p {
    font-size: 3.5rem;
    width: 75%;
    color: var(--white);
    margin: 0 auto 1.2rem auto;
}

.whychooseus {
    background-color: #f9bf29;

}

.whychooseus .box-container ul {
    list-style: none;
}

.whychooseus .box-container ul li {
    display: flex;
}

.whychooseus .box-container ul li i {
    font-size: 1.8rem;
    padding-top: 1rem;
    padding-right: 1rem;
}

.whychooseus .box-container ul li.mb {
    margin-bottom: 1.3rem;
}

.whychooseus .box-container .box img {
    width: 100%;
}

.whychooseus .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.whychooseus .box-container .box h3 {
    font-size: 2.2rem;
    font-weight: 600;
}

.whychooseus .box-container .box p {
    font-size: 1.7rem;
}

.our-features .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 4rem;
}

.our-features .box-container .box {
    background: linear-gradient(140deg, #f5dee9 0%, #e6f1fd 100%);
    box-shadow: var(--box-shadow);
    text-align: center;
    min-height: 44rem;
    border-radius: 1rem;

}

.our-features .box-container .box img {
    width: 100%;
    margin-top: 15px;
    height: 10rem;
    object-fit: contain;
}

.our-features .box-container .box h3 {
    font-size: 2rem;
}

.our-features .box-container .box p {
    font-size: 1.7rem;
    text-align:justify;
}

.our-features .box-container .box .content {
    padding: 2.5rem 1.2rem;
}

.our-features .box-container.mb {
    margin-bottom: 4rem;
}

.homepagecta .btn{
    border: 0.2rem solid #fff !important;
    color: #fff !important;
}

.ctatwo {
    background-image: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-color: #131b33;
    background-size: cover;
    background-position: center;
    padding: 16rem 9%;
}

.ctatwo .box-container {
    text-align: center;
}

.ctatwo h2 {
    font-size: 3.6rem;
    margin-bottom: 1.4rem;
    color: var(--white);
}

.map .box-container {
    position: relative;
}

.map .mapimage {
    max-width: 100%;
    height: auto;
}

.map .popup a {
    font-size: 1.8rem;
    color: #000;
}

.map .popup {
    display: none;
    position: absolute;
    width: 20rem;
    background: #fff;
    border-radius: .2rem;
    transition: transform 2s;
    box-shadow: var(--box-shadow);
    padding: 2rem;
}

.mappoint:hover+.popup {
    transform: scale(0.7);
}

#uscountry {
    left: 16%;
    top: 40%;
}

#austrailia {
    right: 13%;
    bottom: 18%;
}

#unitekingdom {
    top: 31%;
    left: 45%;
}

#india {
    left: 69%;
    top: 53%;
}

.mappoint {
    width: 2rem;
}

.map .zoomcontainer {
    position: absolute;
    cursor: pointer;
}

.map .popup div {
    display: flex;
    justify-content: space-between;
}

.map .popup img {
    width: 4rem;
}

.accordion__header.is-active {
    background: linear-gradient(45deg, #118bce, #2bb0e8c7);
    /* color: #fff; */
}


.accordion__header {
    padding: 2em;
    background-color: #fff;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #000;
}

.accordion__header>* {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.accordion__body {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    display: none;
    padding: 2em;
    background: #fff;
    /* border: 1px solid #ccc; */
    border-top: 0;
    margin: 0 0 11px 0;
}

.accordion__body.is-active {
    display: block;
}

.faq {
    padding: 0 9% 5rem 9%;
}

.faq .box-container {
    width: 80%;
    margin: auto;
}

.faq .box-container p {
    font-size: 1.8rem;
}

.btn-logored {
    background: #e2126b;
}

.form-control {
    width: 100%;
    height: 100%;
    background: #fff;
    text-transform: none;
    font-size: 1.6rem;
    color: var(--black);
    padding: 1rem 1.5rem;
    border-radius: .3rem;

}


.contact-form .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 2rem;
    width: 80%;
    margin: auto;
    border-radius: 1rem;
    background: #f8faf9;
}

.contact-form .box-container .box img {
    width: 100%;
    height: 30rem;
    object-fit: contain;
}

.contact-form .form-group {
    margin-bottom: 1rem;
}

.contact-form .box-container .form-box {
    background: #2b3a46;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.contact-form .box-container .form-box .form {

    height: 43rem;
    padding: 4rem;
}


.footer {
    background: #433e3f;
}

.footer .logo {
    width: 17rem;
}

.footer .box-container {
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    gap: 1.5rem;
}



.footer .box-container .box h3 {
    font-size: 2.5rem;
    color: var(--white);
    padding: 1rem 0;
}

.footer .box-container .box h3 i {
    color: var(--logored);
}


.footer .box-container .box .links {
    display: block;
    font-size: 1.5rem;
    color: var(--white);
    padding: 1rem 0;
}

.footer .box-container .box .links i {
    color: var(--logored);
    padding-right: .5rem;
}

.footer .box-container .box .links i:hover {
    color: var(--logored);
    padding-right: 2rem;
}

.footer .box-container .box .links:hover {
    color: var(--logored);

}

.footer .box-container .box p {
    line-height: 1.8;
    font-size: 1.5rem;
    color: var(--white);
    padding: 1rem 0;
}

.footer .box-container .box .share a {
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
    border-radius: .5rem;
    font-size: 2rem;
    color: var(--black);
    margin-left: .2rem;
    background: #eee;
    text-align: center;
}

.footer .box-container .box .share a:hover {
    background: var(--logored);
    color: #fff;
}

.footer .box-container .box .email {
    width: 100%;
    margin: .7rem 0;
    padding: 1rem;
    border-radius: .5rem;
    background: #eee;
    font-size: 1.6rem;
    color: var(--black);
    text-transform: none;

}

.footer .box-container .payment-img {
    margin-top: 2rem;
    height: 3rem;
}

.footer .copyright {
    text-align: center;
    margin-top: 1rem;
    padding: 2.5rem;
    font-size: 2rem;
    color: var(--white);
    border-top: var(--border);
}

.footer .copyright span {
    color: var(--logored);
}

.contact-form {
    padding: 5rem 9% 0 9%;
    position: relative;
    margin-bottom: -5rem;
}




/* Chatbot page */
.bannerchatbot {
    padding: 18rem 9% 8rem 9%;
}

.bannerchatbot .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 2rem;

}

.bannerchatbot .box-container .innerimg img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
}


.bannerchatbot .box-container .innerimg {}

.bannerchatbot {
    background-image: url(../image/realimages/smart-app-banner-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* .chatbotchooseus .box-container-22 .box {
    width: 33%;
} */

.chatbotchooseus .box-container {
    display: flex;
    gap: 3%;
    margin-bottom: 4rem;
}

.chatbotchooseus .box-container-22 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 3rem;
}

.box-40 {
    width: 34%;
}

.box-60 {
    width: 71%;
    background: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #131b33;
    padding: 2rem 2.5em;
    color: #fff;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-60 h2 {
    color: #fff;
    text-align: center;

}

.chatbotchooseus .box-container-22 .innerbox img{
    height: 6rem;
    object-fit: contain;
}

.chatbotchooseus .box-container-22 .innerbox {
    min-height: 25rem;
    text-align: center;
    background: linear-gradient(45deg, #f9e1e1, #c8e0edad);
}

.chatbotchooseus .innerbox .header-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.chatbotchooseus .innerbox .header-box h3 {
    font-size: 2rem;
    margin-left: 1rem;
}

.chatbotchooseus .innerbox {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 3rem 2.5rem;
    border-radius: 1.3rem;
}

.chatbotchooseus .innerbox p {

    font-size: 1.6rem;
}

.chatbotchooseus .innerbox .header-box i {
    font-size: 1.7rem;
    color: #ec7d10;
    padding-top: .6rem;
}

.ranbow {
    font-size: 2rem;
    color: #fff;
    text-align: center;
}

.ranbow span {
    color: var(--logored);
}

.featureschatbot .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 3rem;
}

.fullimg {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
}

.accordionchatbot .accordion__header {
    border-bottom: none;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    border: 1px solid #eee; */
    border-bottom: 1px solid #eee;
    margin: 10px 8px 0 8px;

}

.accordionchatbot .accordioninner {
    border: 1px solid #eee;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.accordionchatbot .accordion__header.is-active {
    background: none;
    color: #000;
    border-bottom: none;
    margin: 10px 8px 0 8px;

}

.accordionchatbot .accordion__body {
    -webkit-transition-property: top, bottom;
    -webkit-transition-duration: 0.5s;
    overflow: hidden;
    box-shadow: none;
    padding: 0 2em 2rem 2rem;
    box-sizing: border-box;
    margin: 0 8px;
    /* border: 1px solid #eee; */
    border-bottom: 1px solid #eee;

}


.featureschatbot .box-container.mb {
    margin-bottom: 4rem;
}

.chatbots-section {}

.chatbots-section .box-container .blog-mark {
    position: absolute;
    left: -17%;
    z-index: -1;
    top: 0;
}

.chatbots-section .box-container {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
}

.chatbots-section .box-container h3 {
    font-size: 2.4rem;
    padding: 0 0 1rem 0;
}

.ctachatbot1 {
    padding: 0 9%;
}

.ctachatbot1 .manimg {
    width: 24rem !important;
    top: 30% !important;
    right: 0;
}

.mb-2 {
    margin-bottom: 1rem;
}

.ctachatbot1 .box-container .box {
    background-image: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-color: #131b33;
    background-size: cover;
    background-position: center;
}

.menu-basedchatbot {
    width: 84%;
    margin: auto;
    display: block;
}

.ctachatbot1 .form-flex {
    width: 47%;
}

.benifitsbusiness h3{
    font-size: 2rem;
    padding: 1rem 0;
}
.benifitsbusiness .box .number{
    font-size: 4rem;
    color:#118bce;
    opacity: 0.39;
    text-align: center;
    font-weight: 800;
}
.benifitsbusiness .box{
    box-shadow: rgb(196 187 248 / 26%) 0px 48px 100px 0px;
    padding: 2rem;
    text-align: center;
    border-radius: .4rem;
    min-height: 30rem;
}

.mt-2{
    margin-top: 2rem;
}

.btn-mt-3 {
    margin-top: 2rem;
}

.integartion .box-container {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
}

.integartion .box-container .box .innerbox {
    height: 40rem;
    width: 100%;
}

.integartion .box-container .box .innerbox img {
    object-fit: contain;
}

.integartion {
    background: linear-gradient(45deg, #fff8f8, #fcf6e9);
}
.callcenteradvantage .box h3{
    font-size: 2rem;
}
.callcenteradvantage .box{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding:2rem 1.8rem;
    min-height: 23rem;
    border-radius: 1rem;
}
.dflex1 p{
    font-size: 3rem;
    font-weight: 700;
    font-style: italic;
    color:#000;
}
.dflex1{
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #f9e1e1, #c8e0edad);
}

.middle{
    /* margin-top: 4rem; */
}

.testimonialschatbot .box-container {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 3rem;
}

.testimonialschatbot .box-container .box {
    padding: 3rem 2.5rem;
    min-height: 30rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    text-align: center;
    border-radius: 1.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonialschatbot .box-container .box.c1 {
    background: #dcf0ff;

}

.testimonialschatbot .box-container .box.c2 {
    background: #fdffdc;
}

.testimonialschatbot .box-container .box.c3 {
    background: #ffe2dc;
}

.testimonialschatbot .meta-profile {
    padding: 1.5rem 0 0 0;
    margin-top: 2rem;
    border-top: 0.1rem solid #4c4c4c;
}

.testimonialschatbot .meta-profile .name {
    font-weight: 400;
}

.cta-chatbot {
    background: url(../image/realimages/sec3-bg-scaled.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.cta-chatbot .box-container p {
    color: #fff;
    font-size: 3rem;
    width: 70%;
    line-height: 4.5rem;
    font-weight: 600;
    margin: 0 auto 2rem auto;
}

.cta-chatbot .box-container {
    padding: 15rem 0;
}

.testimonialschatbot {
    padding: 8rem 9%;
}

.cta-chatbot .btn {
    margin-top: 0;
}

.accordionchatbot .accordion__body p{
    text-align: justify;
}

@media only screen and (max-width:768px) {
    .startupcta p {
        font-size: 2.4rem !important;
    }

    .benifitsscm .heading {
        padding-bottom: 0;
    }

    .tabsfeaturescallcenter .box-container {
        flex-wrap: wrap;
        display: none !important;
    }

    .tabsfeaturescallcenter .box-1 {
        width: 100% !important;
    }

    .tabsfeaturescallcenter .box-2 {
        width: 100% !important;
    }

    .callcentersoftwares .box-container.mb {
        margin-bottom: 5rem;
    }

    .callcenter p {
        width: 100% !important;
    }

    .hrmswhy ul {
        flex-wrap: wrap;
    }

    .bannerhrms p {
        width: 100% !important;
    }

    .bannerhrms h2 {
        width: 100%;
        margin: auto;
    }

    .bannerhrms .box {
        text-align: center;
    }

    .hrmscta p {
        font-size: 1.8rem !important;
    }

    .whychoosehrms .mbt {
        margin-top: 10rem;
    }

    .bannerhrms {
        padding: 13rem 5% 2rem 5% !important;
    }

    .startupchoose .box {
        min-height: auto !important;
    }

    .smtfeatures {
        margin-top: 3rem;
    }

    .featurestartup .box {
        padding: 0 !important;
    }

    .featurestartup .hide-lg {
        margin-bottom: 2rem;
        border-radius: 2rem;
    }

    .featurestartup .box-container {
        gap: 0;
    }

    .successsection h3 {
        text-align: center;
        margin-bottom: 1.4rem;
    }

    .startupbg .box {
        text-align: center;
    }

    .col-4 {
        grid-template-columns: auto !important;
    }

    .smt-4 {
        margin-top: 6rem;
    }

    .successsection .box-container {
        padding: 0 !important;
    }

    .col-2 {
        grid-template-columns: auto !important;
    }

    .features-section-all .box-container.mb2 {
        margin-bottom: 0 !important;
    }

    .features-section-all .box-container {
        grid-template-columns: auto !important;
        gap: 0 !important;
    }
  

    .accordionchatbot .accordioninner {
        box-shadow: none;
        border: none;
    }

    .cta-first p {
        width: 90% !important;
    }

    .ctachatbot1 {
        padding: 5rem 5% 4rem 5% !important;
    }

    .chatbots-section .box {
        text-align: center;
    }

    .cta-chatbot .box-container p {
        width: 100%;
        font-size: 2.3rem;
    }

    .bannerchatbot .box-container {
        grid-template-columns: auto;
    }

    .box-60 {
        width: 100%;
        margin-bottom: 4rem;
    }

    .box-40 {
        width: 100%;
    }

    .chatbotchooseus .box-container {
        flex-wrap: wrap;
    }

    .chatbotchooseus .box-container-22 {
        flex-wrap: wrap;
    }

    .chatbotchooseus .box-container-22 .box {
        width: 100%;
    }

    .featureschatbot .box-container {
        grid-template-columns: auto;
        gap: 0 !important;
    }

    .hide-sm {
        display: none;
    }

    .smrm-active {
        display: none !important;
    }

    .featureschatbot .box-container.mb {
        margin-bottom: 0 !important;
    }

    .chatbots-section .box-container {
        grid-template-columns: auto;
    }

    .chatbots-section .box-container.mb {
        margin-bottom: 4rem;
    }

    .hide-lg {
        display: block !important;
    }

    .chatbots-section .box-container h3 {
        text-align: center;
    }

    .chatbots-section .box-container p {
        text-align: center;
    }

    .testimonialschatbot .box-container .box {
        min-height: 23rem;
    }

    .chatbotchooseus .box-container-22 .innerbox {
        margin-bottom: 4rem;
    }

    .chatbots-section {
        padding: 3rem 5% 8rem 5%;
    }

    .integartion .box {
        text-align: center;
    }
}

.hide-lg {
    display: none;
}


/* CRMPage */
.banners {
    padding: 14rem 9% 8rem 9%;
    background-image: url(../image/realimages/Banner-Background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.banners .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 2rem;
}

.about-us-section .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 2.5rem;
}

.banners .elements {
    background-image: url(../image/realimages/bg-effect-2-scaled.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.cmrabout {
    /* background-image: url(../image/realimages/White_Section_BG-scaled.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    position: relative;
}

.features-section-all .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(31rem, 1fr));
    gap: 4rem;
}

.features-section-all .box-container.mb2 {
    margin-bottom: 6rem;
}


.features-section-all .box-container h3 {
    font-size: 2rem;
    padding: 1rem 0;
}

.crmclients {
    padding: 7rem 9% 4rem 9%;
}

.why-choose-crm {
    background-image: url(../image/realimages/White_Section_BG-scaled.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.why-choose-crm .box-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4%;
}

.why-choose-crm .box-flex .box1 {
    width: 40%;
}


.why-choose-crm .box-flex .box-2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 3%;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.why-choose-crm .box-flex .box-2 .inner-boxes i {
    font-size: 2rem;
    color: #ec7d10;
}

.why-choose-crm .box-flex .box-2 .inner-boxes {
    width: 31%;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    padding: 2rem 1.5rem;
    border-radius: 1rem;
}

.why-choose-crm .box-flex .box-2 .inner-boxes .icon {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    margin-bottom: 1rem;
    background: #fee9d5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-choose-crm .box-flex .box-2 .inner-boxes.mb {
    margin-bottom: 2rem;
}

.why-choose-crm .box-flex .box-2 .inner-boxes h3 {
    font-size: 2rem;
}


.client-testimonials .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 4rem;
}

.faqs-theme .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
    gap: 4rem;
}

.testimonialcarousel .innerbox {
    /* background-color: #0707075c; */
    border-radius: 1rem;
    text-align: center;
    padding: 2rem 2.5rem;
    color: #fff;
}

.client-testimonials h2 {
    color: #fff;
}

.testimonialcarousel .innerbox p {
    color: #fff;
}

.client-testimonials {
    background-image: url('../image/realimages/sec3-bg-scaled.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

@media only screen and (max-width:768px) {
    .why-choose-crm .box-flex .box-2 .inner-boxes {
        width: 100%;
    }

    .why-choose-crm .box-flex .box-2 .inner-boxes.smb {
        margin-bottom: 2rem;
    }

    .client-testimonials {
        padding: 10rem 5% 6rem 5%;
    }

    .client-testimonials .box-container {
        /* grid-template-columns: auto; */
    }

    .about-us-section .box-container {
        grid-template-columns: auto;
    }

    .cmrabout .hide-lg {
        margin-bottom: 2.5rem;
    }
}

.banners .btn {
    margin-top: 2rem;
}


.crmsbanner .heading {
    padding-bottom: 1rem;
}

.why-choose-crm .heading {
    padding-bottom: 1rem;
}

.why-choose-crm p {
    margin-bottom: 1rem;
}

.crmtestimonial .owl-dots {
    text-align: center;
}

.owl-dots {
    text-align: center;
}

.crmtestimonial .owl-dots .owl-dot {
    transition: transform 0.3s;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff !important;

    margin-right: 10px;
    display: inline-block;
}

.owl-dots .owl-dot {
    transition: transform 0.3s;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff !important;

    margin-right: 10px;
    display: inline-block;
}

.crmtestimonial .owl-dots .owl-dot.active {
    background: #fff !important;
}

.owl-dots .owl-dot.active {
    background: #fff !important;
}


.ctacrm1 {
    padding: 0rem 9% 6rem 9%;
}

.ctacrm1 .manimg {
    right: 0;
    bottom: 0;
    width: 19rem !important;
    top: unset !important;
}

.ctacrm1 .box {
    background: linear-gradient(45deg, #fbedd0, #f7d4d469) !important;
}

.ctacrm1 .form-flex {
    width: 44%;
}

.ctacrm1 .box p {
    color: #000;
    font-weight: 700;
}


/* Small and medium enterprise */
.sme {
    background-image: url('../image/realimages/Banner-Overlay.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #ecefff;
}

.whychoosesme .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    gap: 3rem;
}

.text-white {
    color: #fff;
}

.whychoosesme {
    background-color: #ecefff;
    padding: 3rem 3% 10rem 3%;
}

.whychoosesme .innerbg .box {
    padding: 3rem 2rem;
    border-radius: 3rem;
    min-height: 47rem;
}

.whychoosesme .innerbg .box.actives {

    background: linear-gradient(140deg, #f5dee9 0%, #e6f1fd 100%);
}

.whychoosesme .innerbg .box.active {

    background: linear-gradient(140deg, #f5dee9 0%, #e6f1fd 100%);
}

.whychoosesme .innerbg .box.actives h3 {
    color: #000;
}

.whychoosesme .innerbg .box.actives p {
    color: #000;
}

.whychoosesme .innerbg .box.active h3 {
    color: #000;
}

.whychoosesme .innerbg .box.active p {
    color: #000;
}

.whychoosesme .innerbg {
    background: linear-gradient(90deg, #2a126f 0%, #361f79 100%);
    padding: 6rem 6rem 7rem 6rem;
    border-radius: 2rem;
}

.whychoosesme h3 {
    font-size: 1.9rem;
    padding-bottom: 1.2rem;
}

.whychoosesme .icon i {
    font-size: 2rem;
    color: #fff;
}

.whychoosesme .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
    display: flex;
    background: #e96b85;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}
.mbchatbot{
    margin-bottom: 6rem;
}
.smefeatures .box-container h3{
    font-size: 1.8rem;
    padding-bottom: 10px;
}
.featurestartup h3{
    font-size: 1.8rem;
    padding-bottom: 10px;
}
.smefeatures .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
}

.smefeatures {
    background: #fffbf4;
}

.smefeatures ul li i {
    color: #ff5458;
    margin-right: 10px;
    padding-top: 7px;
    font-size: 1rem;
}

.smefeatures ul li {
    font-size: 1.7rem;
    color: #636363;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 0.8rem;
}

.smefeatures .text {
    margin-bottom: 1rem;
}

.smefeatures .box-container.mb {
    margin-bottom: 4rem;
}
.whychoosehrms1 .numbers1{
    font-size: 2rem;
    color:#000;
    border: 2px solid #0f23ee;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-weight: 700;
}
.whychoosehrms1 .box h3{
 font-size: 2rem;
}
.whychoosehrms1 .box{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    text-align: center;
    min-height: 25rem;
    border-radius: 1rem;
    background: linear-gradient(45deg, #f9e1e1, #c8e0edad);
    padding: 1.3rem 1.3rem;
}

.smallheading {
    color: #ff5458;
    text-transform: uppercase;
    font-size: 2.7rem;
    font-weight: 700;
}

.callcentersoftwares .box-container h2{
    font-size: 1.8rem;
    padding-bottom: 10px;
}

.acheive-section .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    gap: 3rem;
}

.acheive-section .box-container .box:hover {
    background: linear-gradient(140deg, #f5dee9 0%, #e6f1fd 100%);
}

.acheive-section .box-container .box {
    padding: 3rem 2rem 2.5rem 2rem;
    border-radius: 1rem;
    min-height: 35rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.acheive-section .box-container h3 {
    font-size: 1.9rem;
}

.acheive-section ul {
    margin-top: 1.2rem;
}

.acheive-section .box-container .box.pb {
    margin-top: 7rem;
}

.acheive-section ul li {
    font-size: 1.7rem;
    color: #636363;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 0.8rem;
}

.acheive-section ul li i {
    color: #ff5458;
    margin-right: 10px;
    padding-top: 7px;
    font-size: 1rem;
}

.acheive-section .heading {
    /* background-image: url(../image/realimages/background-shape-scaled.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.testimonialssme {
    background-image: url(../image/realimages/App-Install-Bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 9%;
}

.testimonialssme .meta-testimonial {
    margin-top: 1.2rem;
}

.testimonialssme .meta-testimonial .name {
    color: #fff;
}

.smeclients {
    padding: 5rem 9% 8rem 9%;
}

.testimonialssme .meta-testimonial .name1 {
    font-style: italic;
    color: #fff;
}

.testimonialssme .sliderbox {
    background: #ffffff47;
    width: 60%;
    margin: auto auto 1rem auto;
    border-radius: 1rem;
    padding: 2rem 2.3rem;
}

.faqsme {
    padding: 10rem 9%;
}

.acheive-section {
    padding: 10rem 9% 2rem 9%;
}

.smefeatures {
    padding: 10rem 9% 10rem 9%;
}

.p-ul-right {
    padding-right: 50px;
}


@media (max-width:768px) {
    .whychoosecallcenter .box-container .box{
        min-height: auto !important;
    }
    .smmb-2{
        margin-bottom: 4rem;
    }
    .acheive-section .box-container .box {
        min-height: auto !important;
    }

    .whychoosesme .innerbg .box {
        min-height: auto !important;
    }

    .smefeatures .box-container {
        grid-template-columns: auto;
        gap: 0;
    }

    .smefeatures .hide-lg {
        margin-bottom: 1.4rem;
    }

    .acheive-section .box-container .box.pb {
        margin-top: 0;
    }

    .testimonialssme .sliderbox {
        width: 100%;
    }

    .whychoosesme .box-container {
        grid-template-columns: auto;
    }

    .banners .box-container .box {
        text-align: center;
    }

}



/* Startup page */
.successsection .box-container {
    padding: 0 5rem;

}

.main-banner1 {
    padding: 13rem 9% 7rem 9%;
}

.main-banner1 .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
}

.startupbg h2 {
    padding: 1rem 0 1rem 0;
}

.startupbg p {
    padding-bottom: 1rem;
}

.startupbg {
    background-image: url(../image/realimages/Banner-Overlay.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff8f4;
}


.col-4 {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    gap: 3rem;
}

.startupchoose .icon i {
    font-size: 2.4rem;
}

.startupchoose h3 {
    font-size: 2rem;
    margin-bottom: 1.4rem;
}

.startupchoose .icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 2rem;
    display: flex;
    border-radius: 2rem;
    align-items: center;
    justify-content: center;
}

.startupchoose .color1 i {
    color: #ff3994;
}

.startupchoose .color2 i {
    color: #c947dd;
}

.startupchoose .color3 i {
    color: #006bb6;
}

.startupchoose .color4 i {
    color: #ffc223;
}

.startupchoose .color1 {
    background: #ffc5dd;
}

.startupchoose .box {
    border-radius: 3rem;
    padding: 3.2rem 2rem;
    min-height: 39rem;
}

.startupchoose .box.active {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.startupchoose .box.actives {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.startupchoose .color2 {
    background: #f2d0f7;
}

.startupchoose .color3 {
    background: #cae9ff;
}

.startupchoose .color4 {
    background: #fff0cf;
}

.featurestartup {
    /* background-image: url(../image/realimages/Color-line-2.png); */
    background-color: #fff6e2;
    background-position: center center;

}

.featurestartup .box {

    padding: 3rem 4rem;
    border-radius: 3rem;
}

.featurestartup h3 {
    font-size: 2.4rem;
    padding: 1rem 0 1.5rem 0;
}



.featurestartup .box.mb {
    margin-bottom: 2rem;
}

.featurestartup .innerimg img {
    border-radius: inherit;
}

.featurestartup .innerimg {
    margin: auto auto 2rem auto;
    width: 90%;
    border-radius: 2rem;
}

.list-style-1 {
    margin-top: 1.5rem;
}

.list-style-1 li {
    font-size: 1.7rem;
    color: #636363;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 0.8rem;
}

.list-style-1 li i {
    color: #ff5458;
    margin-right: 10px;
    padding-top: 7px;
    font-size: 1rem;
}

.col-2 {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
}

.h3 {
    font-size: 2.4rem;
}

/* .box-container.mb::after{
    height: 1rem;
    width: 1rem;
    background-color: #eee;
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    border:3px dashed #eee;
} */
.box-container.mb {
    margin-bottom: 3rem;
    position: relative;

}

/* .startupelement{
    background-image: url(../image/realimages/bg-effect-2-scaled.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
} */

.smecta {
    padding: 10rem 9% 0 9%;
}

.smecta .box {
    background-image: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-color: #131b33;
    background-size: cover;
    background-position: center;
    color: var(--white);
    padding: 6rem 1rem;
    border-radius: 1.5rem;
}

.smecta p {
    font-size: 3.5rem;
    width: 75%;
    color: var(--white);
    margin: 0 auto 1.2rem auto;
}


.smecta .btn {
    margin-top: 0;
    background: #4ab2fb;
    color: var(--white);
}

.startupcta {
    padding: 7rem 9% 0 9%;
}


.startupcta .box {
    background-image: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-color: #131b33;
    background-size: cover;
    background-position: center;
    color: var(--white);
    padding: 6rem 1rem;
    border-radius: 1.5rem;
}

.startupcta p {
    font-size: 3.5rem;
    width: 75%;
    color: var(--white);
    margin: 0 auto 1.2rem auto;
}


.startupcta .btn {
    margin-top: 0;
    background: #4ab2fb;
    color: var(--white);
}


/* HRMS */
.bannerhrms {
    background-image: url(../image/realimages/banner-spotlight.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 13rem 9% 0rem 9%;
}

.bannerhrms h2 {
    padding: 1rem 0 1rem 0;
}

.bannerhrms p {
    padding-bottom: 1rem;
}

.col-3 {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 3rem;
}

.hrmsbenifit {
    padding: 3rem 0 2rem 0;
}

.hrmsbenifit h2 {
    font-size: 2.6rem;
}

.new-testimonials {
    background-image: url(../image/realimages/sec3-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 10rem 9%;
}

.new-testimonials .box {
    background-color: #b7b7b73b;
    padding: 3rem 3rem;
    border-radius: 1.6rem;
    min-height: 26rem;
    text-align: center;
    box-shadow: rgb(125 125 170 / 39%) 0px 7px 29px 0px;
}

.metatestimonials {
    margin-top: 1rem;
}

.featureshrms .mtb {
    margin: 4rem 0;
}
.whychoosehrms{
    padding: 0 9%;
}
.whychoosehrms .box-container {
    position: relative;
}

.whychoosehrms .elipsse1 {
    position: absolute;
    right: 0;
    top: 0;
}

.whychoosehrms .elipsse2 {
    position: absolute;
    left: 0;
    top: 0;
}

.floatdot {
    color: var(--logored);
    animation: float 6s ease-in-out infinite;
    position: absolute;

}

.anim1 {
    left: 0;
    top: -2rem;
}

.anim2 {
    right: 0;
    top: 2rem;
}


@keyframes float {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-20px);
    }

    100% {

        transform: translatey(0px);
    }
}

.hrmsclients {
    padding: 7rem 9% 9rem 9%;
}

.hrmscta {
    padding: 2rem 9% 0 9%;
}


/* Call center page */

.main-banner2 {
    padding: 15rem 6% 0rem 6%;
    text-align: center;
}

.callcenter h2 {
    padding: 1rem 0 1rem 0;
}

.callcenter p {
    width: 50%;
    margin: auto;
    padding: 0 0 1rem 0;
}

.callcentercta {
    padding: 0rem 9% 4rem 9%;
}

.floatingbannerimg {
    animation: float 6s ease-in-out infinite;
}

.whychoosecallcenter h2 {
    margin-bottom: 3rem;
}

.whychoosecallcenter {
    padding: 5rem 9% 0 9%;
}

.whychoosecallcenter .icon {
    width: 60px;
    height: 60px;
    background-color: #5805b3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.whychoosecallcenter .icon i {
    color: #fff;
    font-size: 2rem;
}

.whychoosecallcenter h3 {
    font-size: 2.1rem;
    padding: 0 0 1rem 0;
}

.whychoosecallcenter .box-container .box {
    background: linear-gradient(45deg, #f9e1e1, #c8e0edad);
    padding: 2rem 2.5rem;
    border-radius: 2rem;
    min-height: 51rem;
}

.whychoosecallcenter .box-container.mb {
    margin-bottom: 4rem;
}

.whychoosecallcenter .box-container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    gap: 5rem;
}

.callcentersoftwares {
    background-image: url(../image/realimages/Background-Overlay.webp);
    background-repeat: no-repeat;
    background-size: cover;
}


/* Style the tab */

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 27px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    border-bottom: 0.5rem solid #5805b3;
    border-radius: 4rem;
}

.gemt {
    position: absolute;
    left: 0;
    width: 100%;
}

/* Style the tab content */
.tabcontent {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    padding: 0px 2rem;
    border-left: none;
    border-radius: 2rem;
    position: relative;
}

.tabsfeaturescallcenter .box-container {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.tabsfeaturescallcenter .box-1 {
    width: 30%;
}

.tabsfeaturescallcenter .box-2 {
    width: 70%;
}

.tabcontent div {
    display: flex;
    align-items: center;
}

.tabcontent ul {
    width: 40%;
}

.tab {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.imgicon1 {
    width: 60%;
    height: 40rem;
    object-fit: contain;
}

.hrmswhy ul {
    display: flex;
    gap: 1%;
}

.hrmswhy ul li p {
    flex: 1;
}

.hrmswhy ul li span {
    width: 32px;
    border-radius: 1rem;
    height: 32px;
    margin-right: 11px;
    text-align: center;
    background: #0fdaee;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrmswhy ul li {
    font-size: 1.7rem;
    color: #636363;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 0.8rem;
}

.hrmswhy {
    padding: 0 9% 2rem 9%;
}

.bannerhrms p {
    width: 50%;
    margin: auto;
}



.tabsfeaturescallcenter .accordion__header.is-active {
    background: none;
    color: #000;
    border-bottom: none;
    margin: 10px 8px 0 8px;
}


.tabsfeaturescallcenter .accordion__header {
    border-bottom: none;
    border-bottom: 1px solid #eee;
    margin: 10px 8px 0 8px;
}



.tabsfeaturescallcenter .accordion__body {
    -webkit-transition-property: top, bottom;
    -webkit-transition-duration: 0.5s;
    overflow: hidden;
    box-shadow: none;
    padding: 0 2em 2rem 2rem;
    box-sizing: border-box;
    margin: 0 8px;
    /* border: 1px solid #eee; */
    border-bottom: 1px solid #eee;
}

/* SCMS page */
.scms-banner {
    padding: 13rem 9% 6rem 9%;
    background-image: url(../image/realimages/demo-three-bg9.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.scms-banner .box-container h2 {
    padding: 1rem 0 1rem 0;
}

.scms-banner .box-container p {
    padding: 0 0 1rem 0;
}

.scms-banner .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
    align-items: center;
}

.whycooseusscm .mbt {
    margin-bottom: 3rem;
}

.whycooseusscm .box {
    box-shadow: rgb(232 186 241 / 26%) 0px 8px 24px;
    padding: 3rem 2.5rem;
    min-height: 32rem;
    border-radius: 2rem;
}


.whycooseusscm h3 {
    font-size: 2.3rem;
    margin-bottom: 1rem;
}

.whycooseusscm .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.whycooseusscm .icon-box i {
    font-size: 3rem;
}

.coloric4 {
    background-color: #ffc6dd;
}

.coloric4 i {

    color: #ee0f6a;
}

.coloric3 {
    background-color: #fff4dc;
}

.coloric3 i {

    color: #ffc223;
}

.coloric2 {
    background-color: #fbe3ff;
}

.coloric2 i {

    color: #a42fb3;
}

.coloric1 {
    background-color: #dceffd;
}

.coloric1 i {

    color: #006cb7;
}

.heading3 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.heading-icon span {
    font-size: 1.8rem;
    border-radius: 1rem;
    border: 0.2rem dashed var(--logored);
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    margin-top: 6px;
    justify-content: center;
}

.heading-icon {
    display: flex;
}

.smcfeatures .innerboxes p {
    margin-left: 4rem;
}

.smcfeatures .innerboxes.mb {
    margin-bottom: 1.3rem;
}

.heading-icon h3 {
    flex: 1;
}

.smcfeatures .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 4rem;
}

.w-100 {
    width: 100%;
}

.sticky-box1 {
    position: sticky;
    top: 12vw;
}

.mb-5 {
    margin-bottom: 5rem;
}

.smcfeatures .intro {
    margin-bottom: 2rem;
    margin-left: 0 !important;
}

.scmclients {
    padding: 10rem 9% 10rem 9%;
}


/* Voicebot Page */
.main-bannervoice {
    padding: 14rem 9% 7rem 9%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    background-image: url(../image/realimages/about-right-o.png);
}

.whychoosevoicebot .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 3rem;
}

.whychoosevoicebot .box-container .icon-box {
    width: 54px;
    height: 54px;
    display: flex;
    border-radius: 50%;
    /* margin: auto; */
    background-color: #ffaecf;
    align-items: center;
    justify-content: center;
}

.whychoosevoicebot .box-container .icon-box i {
    color: #fff;
    font-size: 3rem;
}

.whychoosevoicebot .box-container .box {
    padding: 2rem 2.6rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 1rem;
}

.whychoosevoicebot .box-container h3 {
    font-size: 2.1rem;
    padding: 1rem 0 1rem 0;
}

.featuresvoicebot p{
    text-align:justify;
}

.featuresvoicebot .box h3 {
    font-size: 2.1rem;
    padding: 1rem 0 1rem 0;
}

.featuresvoicebot .innerbox-1 {
    margin-bottom: 1rem;
}

.beifitsvoicebot .box-container h3 {
    font-size: 2.1rem;
    padding: 1rem 0 1rem 0;
}

.beifitsvoicebot .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 3rem;
}

.beifitsvoicebot {
    background-size: cover;
    background: linear-gradient(45deg, #f8e2f3, transparent);
    /* background-image: url(../image/realimages/bg11.webp); */
}

.beifitsvoicebot .box {
    box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
    padding: 2.5rem 3rem;
    border-radius: 1rem;
}

.voicebotcta {
    padding: 5rem 9% 8rem 9%;
}

.whychoosevoicebot .bg1 {
    background-image: linear-gradient(180deg, rgba(96, 77, 224, 0.15) 0%, rgba(255, 204, 0, 0.15) 100%);
}

.whychoosevoicebot .bg2 {
    background-image: linear-gradient(180deg, rgba(0, 87, 252, 0.15) 0%, rgba(244, 51, 25, 0.15) 100%);
}

.whychoosevoicebot .bg3 {
    background-image: linear-gradient(180deg, rgba(0, 87, 252, 0.15) 0%, rgba(45, 203, 72, 0.15) 100%);
}


/* Web page Css */

.mainbannerweb .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 3rem;
    align-items: center;
}

.mainbannerweb h2 {
    padding: 1rem 0 !important;
}

.mainbannerweb p {
    padding: 1rem 0 2rem 0;
}

.mainbannerweb {
    padding: 13rem 9% 8rem 9%;
    background: aliceblue;
}

.aboutweb h3 {
    font-size: 2.4rem;
    padding: 1rem 0;
}

.webfeatures .box-container .tab {
    box-shadow: none !important;
}

.webfeatures .box-container {
    min-height: 38rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 1rem;
}

.webfeatures .tabcontent {
    padding: 3rem 2rem;
    box-shadow: none !important;

}

.webfeatures .tab button.active {
    border: 0.2rem solid #006dee;
    background: linear-gradient(45deg, #006def, #78f3ff);
    color: #fff;
}

.webfeatures .tabcontent i {
    font-size: 3rem;
    color: #006dee;
    display: flex;
    padding: 2rem 2rem;
    background-color: #d8edfd;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;

}

.mt-2 {
    margin-top: 2.5rem;
}

.tools {
    background: #0e1552;
    padding: 9rem 9%;
    margin-top: 5rem;
}

.tools h2 {
    text-align: center;
    color: #fff;
}

.tools img {
    width: 100%;
    height: 10rem;
    object-fit: contain;
}

.tools .box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    gap: 3rem;
    align-items: center;
}

.webtestimonial {
    background-color: #f9f9f9;
    padding: 7rem 9%;
}

.testimonialweb .inner-boxes i {
    font-size: 3rem;
    color: #cae3ff;
}

.testimonialweb .inner-boxes {
    padding: 2.5rem 2rem;
    border: 1px solid #eee;
    border-radius: 10px;
}

.testimonialweb .inner-boxes .desg {
    font-style: italic;
}

.testimonialweb .inner-boxes .name {
    color: #000;
    font-weight: 500;
    padding: 1rem 0;
}

.testimonialweb .owl-item.active.center .inner-boxes {
    background-color: #cefbff;

}


/* Modal form */

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {

    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    background-image: url(../image/realimages/Banner-Overlay.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #ecefff;
}

.modal-content .modalform img {
    width: 30%;
    display: block;
    margin: auto;
}

.modal-content .modalform {
    background: #fff;
    border-radius: 1rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 2rem;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.border-input {
    border: 1px solid #eee;
    border-radius: 15px;
}

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

.aboutusebro {
    background-image: url(../image/realimages/demo-three-bg8.webp);
    background-repeat: no-repeat;
    background-color: #131b33;
    background-size: cover;
    background-position: center;
    color: var(--white);
    padding: 23rem 9% 13rem 9%;

}

.ourvalues {
    background-image: url(../image/realimages/demo_three_bg6.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #f0fffd;
}

.aboutusebro .box {
    text-align: center;
    position: relative;
}

.stroke-text {
    position: absolute;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -webkit-text-stroke: 1px #fff;
    opacity: 0.39;
    line-height: 1;
    right: 0;
    left: 0;
    top: -40px;
    font-size: 10rem;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.aboutusebro h2 {
    color: #fff;

    padding: 1rem 0;
}

.aboutusebro p {
    width: 60%;
    margin: auto;
    color: #fff;

    padding: 0 0 1rem 0;
}

.testimonial-about {
    border: 1px solid #eee;
}

.testimonial-about .box-container .text {
    width: 20%;
}

.testimonial-about .box-container .logos {
    width: 80%;
}

.testimonial-about .box-container h3 {
    font-size: 2.4rem;
}

.testimonial-about .box-container {
    display: flex;
    align-items: center;
}

.testimonial-about .box-container img {
    height: 8rem;
    width: 100%;
    object-fit: contain;
    filter: grayscale(100%);
}

.testimonial-about .box-container img:hover {
    filter: grayscale(0%);
}

.aboutpagetestimonials .innerbox {
    text-align: center;
}

.aboutpagetestimonials .innerbox .meta {
    margin-top: 1rem;
}

.aboutpagetestimonials .innerbox .meta p {

    color: #000;
    font-weight: 500;
}


.aboutpagetestimonials .owl-dots .owl-dot {
    transition: transform 0.3s;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #000000 !important;

    margin-right: 10px;
    display: inline-block;
}

.aboutpagetestimonials .owl-dots .owl-dot.active {
    background: #000000 !important;
}

.aboutpagetestimonials .box-container{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    gap: 3rem;
}
.contact-form-page .box-container li a{
color:#636363;
}
.contact-form-page .box-container{
    display: grid;
    padding:3rem 4rem;
    border-radius: 2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    gap: 3rem;
}

.contact-form-page .box-container label{
   padding: .4rem 0;
   display: block;
   font-size: 1.7rem;
}

.chatbottest1 {
    background-color: #fff;
}

.chatbottest1  .inner-boxes{
    min-height: 30rem;
}

.industries h3{
    font-size: 2rem;
    margin: 10px 0;
}

.industries .box-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    gap: 3rem;
}
.industries .box-container .inner{
margin-bottom: 20px;
}
.industries .box-container .innerimg1 div{
    position: sticky;
    top:8vw;
}