/* Fonts */
:root {
    --font-default: 'Outfit',sans-serif;

    /* Colors */
    --color-default: #f37c2a;
    --color-primary: #0c2a50;
    --color-gary: #797979;
    --color-Black: #000000;
    --color-white: #fff;


    /* Smooth scroll behavior */

    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: var(--font-default);
    color: rgb(0 0 0 / 70%);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    background-color: var(--color-white);
    min-height: 75rem;

}

a {
    color: var(--color-default);
    text-decoration: none;
}

a:hover {
    color: var(--color-default);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
    color: var(--color-default);
}

::-ms-input-placeholder { /* Edge 12-18 */
    color: var(--color-primary);
}

::placeholder {
    color: var(--color-primary);
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.header {
    top: 0px;
    position: sticky;
    z-index: 40;
    height: auto;
}

.inner-header {
    transition: all 0.3s ease-in-out;
    top: 20px;
    background-color: #fff;
    position: relative;
    z-index: 40;
    height: auto;
    border-radius: 60px;
    padding: 0 30px;
    margin: 0 40px;
    max-width: 96%;
    box-shadow: 0px 0px 45px 0px #0000002E;
}
.logo {
    padding: 0px 0 0 22px;
    display: flex;
    align-items: center;
}

.logo a {
    text-transform: capitalize;
    color: #000000;
    font-size: 35px;
    font-weight: 500;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
}
.logo span {
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    margin-left: 20px;
    font-family: "Outfit", sans-serif;
}
.logo .meta-logo {
    margin-left: 25px;
}


.mob-menu {
    display: none;
}
.main-menu {
    margin: 20px 0px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
}
.main-menu ul.nav {
    margin-right: 20px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 0;
    display: flex;
    justify-content: flex-start;
}


.main-menu ul {
    display: inline-block;
    margin-bottom: 0;
}
.main-menu ul li {
    position: relative;
    display: inline-block;
    margin: 0px 23px;
}
.main-menu ul li a {
    color: var(--color-Black);
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 31px;
}
.main-menu ul.right-nav {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    justify-content: flex-end;
}
.main-menu ul.right-nav li a {
    border-radius: 5px;
    background-color: var(--color-default);
    text-align: center;
    color: var(--color-white);
    vertical-align: middle;
    display: flex;
    padding: 12px 90px 12px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
    transition: all .4s ease;
}
.main-menu ul li a.active {
    color: var(--color-default);
}

.main-menu ul.right-nav li {
    margin: 0px;
}

.button-texts {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 5px;
}


.main-menu ul.right-nav li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    background: url(../images/long-arrow-icon.svg) no-repeat center left;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.main-menu ul.right-nav li a:hover:after {
    width: 25px;
    background-size: 60px;
    background-position: right 50%;
    margin-right: 20px;
}
/*.main-menu ul.right-nav li a:hover {*/
/*padding: 20px 65px 20px 28px;*/
/*}*/


.main-menu ul li a:hover{color: var(--color-default);}

.main-menu ul.right-nav li:last-child {
    margin-right: 0px;
}
.main-menu ul.right-nav li.active a {

    background-color: var(--color-primary);
    color: var(--color-white);
}

.main-menu ul.right-nav li {
    margin-right: 0px !important;
    padding-right: 15px;
}

.main-menu ul.right-nav:last-child li {
    margin-right: 0;
}
.main-menu ul.right-nav li a .log-arrow {
    margin-left: 20px;
}
.main-menu ul.right-nav li a:hover {
    color: #fff;
    margin-left: 20px;
    border-radius: 5px;
    padding: 12px 65px 12px 12px;
}

.main-menu-2 {
    justify-content: flex-end;
}

@media (min-width: 1200px) {
    .main-menu .nav li a:before {
        content: "";
        position: absolute;
        height: 1px;
        bottom: -10px;
        left: 0;
        background-color: var(--color-default);
        visibility: hidden;
        width: 0px;
        transition: all 0.3s ease-in-out 0s;
    }
    .main-menu .nav a:hover:before, .main-menu .nav li:hover>a:before, .main-menu .nav .active:before {
        visibility: visible;
        width: 100%;
    }
}


@media(max-width:1180px){
    .logo {
        display: flex;
        width: 50%;
        padding: 10px 10px 10px 0px;
    }

    .mob-menu {
        display: inline-block;
        width: auto;
        position: absolute;
        right: 27px;
        top: 10px;
    }

    .mob-menu span {
        border: solid 2px #3a76cb;
        display: block;
        text-align: center;
        border-radius: 4px;
        padding: 2px 6px;
        width: 50px;
        color: #3a76cb;
        font-size: 25px;
        cursor: pointer;
    }

    .main-menu {
        margin: 0px 0px 20px 0px;
        float: left;
        background-color: #f1f1f1;
        width: 100%;
        display: none;
    }

    .main-menu ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
        width: 100%;
    }

    .main-menu ul.right-nav {
        text-align: center;
        margin-top: 6px;
    }

    .inner-header {
        border-radius: 0px;
        top: 0;
        max-width: 100%;
        margin: 0px;
        box-shadow: 0px 1px 12px #666;
    }

    .breadcrumbs-area {
        height: auto;
    }

    ul.right-nav {
        margin-bottom: 10px;
    }



    .main-menu ul li {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .nav li:first-child {
        margin-left: 0px;
    }

    .main-menu ul li a {
        padding: 10px 15px;
        display: block;
        border-bottom: solid 1px #e2e4e6;
        text-align: center;
    }

    .main-menu ul.right-nav li {
        margin-left: 0px;
        margin-right: 30px;
        display: inline-block;
        width: 150px;
    }

    .main-menu ul.right-nav li a {
        font-size: 18px !important;
    }
    .section-Included h4 {
        font-size: 16px;
    }
    .feature-conversation h3 {
        font-size: 18px;
    }
    body {
        font-size: 14px;
    }


}
.main-menu ul.right-nav .arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: 14px;
    background:#fff;
}

.main-menu ul.right-nav li a:hover .arrow-log {
    width: 20px;
    margin-left: 10px;
}

.main-menu ul.right-nav .arrow-log:before, .main-menu ul.right-nav .arrow-log:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}

.main-menu ul.right-nav .arrow-log:before {
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
}
.main-menu ul.right-nav .arrow-log:after {
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/



.hero-section .carousel-control-next, .hero-section .carousel-control-prev {
    position: absolute;
    top: 35%;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 129px;
    padding: 0;
    color: #fff;
    text-align: center;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
    background: rgb(0 0 0 / 50%) !important;
    height: 273px;
}

.hero-section .carousel-control-prev {
    left: auto;
    right: 0;

}
.hero-section .carousel-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #00000066;
    z-index: 2;
}


.hero-section .carousel-control-prev .carousel-control-prev-icon {
    position: absolute;
    right: 30px;
    background-image: url(../images/arrow-right.svg);
    width: 61px;
    height: 21px;
    background-repeat: no-repeat;
    top: 28px;
    transform: rotate(180deg);
}

.hero-section .carousel-control-next-icon, .carousel-control-prev-icon{
    position: absolute;
    right: 30px;
    bottom:  32px;
    background-image: url(../images/arrow-right.svg);
    width: 61px;
    height: 21px;
    background-repeat: no-repeat;
}


.hero-section .carousel-caption {
    position: absolute;
    right: auto;
    bottom: 316px;
    left: 60px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
}
.hero-section h2 {
    font-size: 70px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -0.02em;
    max-width: 1143px;
    text-align: left;
    position: relative;
    z-index: 2;
}



.hero-section .carousel .carousel-item .container {
    position: relative;
}


.hero-section .carousel-caption:before {
    content: "";
	width: 476.98px;
	height: 233.8px;
	position: absolute;
	left: -47px;
	z-index: 0;
	background-image: url("../images/image-7.png");
	background-repeat: no-repeat;
	background-color: #00B8EF;
	background-blend-mode: multiply;
	opacity: 0.5;

}
.hero-section .carousel-indicators {
    position: absolute;
    right: 54px;
    top: 50%;
    z-index: 99;
    display: block;
    padding: 0;
    height: 120px;
    margin: 0 auto;
    width: 20px;
    bottom: auto;
    left: auto;
}
.hero-section .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    padding: 0;
    cursor: pointer;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: 1;
    /*transition: opacity .6s ease;*/
    font-size: 20px;
    display: block;
    text-indent: 1px !important;
    color: transparent;
    background: transparent !important;
}

.hero-section .carousel-indicators .active {
    color: #ffffff !important;

}

.hero-contact h1 {
    font-size: 43px;
    font-weight: 500;
    line-height: 73px;
    letter-spacing: -0.02em;
    font-family: "Playfair Display", serif;
    margin-bottom: 8px;
}

.hero-section{
    width: 100%;
    height: 100%;
    padding-top: 192px;
    position: relative;
}
.hero-contact p {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    font-family: "Outfit", sans-serif;
    max-width: 636px;
    color: rgb(0 0 0 / 70%);
}
.hero-list {
    margin: 0;
    width: 100%;
    list-style: disc;
    padding-left: 20px;
}
.hero-list li {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    color: rgb(0 0 0 / 70%);
}
.hero-app-mocup {
    position: absolute;
    right: 0;
    top: 125px;
}
.hero-contact {
    position: relative;
    z-index: 9;
}

/*--------------------------------------------------------------
# Get Started Section
--------------------------------------------------------------*/
.btn-block-2 {
    display: flex;
    width: 100%;

}



.get-started-section {
    padding-top: 70px;
    padding-bottom: 45px;
    background-image: url(../images/bg-1.png);
    background-repeat: no-repeat;
    margin-top: 80px;
}

.get-started-section .content h3 {
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
    font-size: 66px;
    font-weight: 400;
    line-height: 90px;
    max-width: 636px;
    font-family: "Playfair Display", serif;
}

.box-content {
    background: #F0F0F0;
    padding: 30px;
    max-width: 526px;
}
.box-content p {
    margin-bottom: 0;
}
.button-tap-section {
    margin-left: -39px;
}

.button-primary {
    background: var(--color-default) !important;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    margin-bottom: 20px;
    transition: all .4s ease;
    padding: 12px 99px 12px 22px;
    display: block;
    text-decoration: none;
    border-radius: 5px;
}

.button-primary:hover{
    border-radius: 4px;
    padding: 12px 65px 12px 22px;
    color: #fff;
}

.button-primary:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    background: url(../images/long-arrow-icon.svg) no-repeat center left;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.button-primary:hover:after {
    width: 25px;
    background-size: 60px;
    background-position: right 50%;
    margin-right: 20px;
}

.button-primary:hover{ border-radius: 4px;}

.button-primary .arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: -4px;
    background: #fff;
}



.button-primary:hover .arrow-log {
    width: 20px;
    margin-left: 10px;
}

.button-primary .arrow-log:before, .button-primary .arrow-log:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}

.button-primary .arrow-log:before {
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
}
.button-primary .arrow-log:after {
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}


.button-defaults {
    background: var(--color-primary) !important;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    padding: 12px 99px 12px 22px;
    margin-bottom: 20px;
    transition: all .4s ease;
    display: block;
    text-decoration: none;
    border-radius: 5px;

}



.button-defaults:hover{
    border-radius: 4px;
    padding: 12px 65px 12px 22px;
    color: #fff;
}
.button-defaults:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    background: url(../images/long-arrow-icon.svg) no-repeat center left;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.button-defaults:hover:after {
    width: 25px;
    background-size: 60px;
    background-position: right 50%;
    margin-right: 20px;
}
.button-primary:hover{
    border-radius: 5px;
    padding: 12px 65px 12px 12px;
}
.button-defaults .arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: -4px;
    background: #fff;
}

.button-default:hover .arrow-log {
    width: 20px;
    margin-left: 10px;
}

.button-default .arrow-log:before, .button-default .arrow-log:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}

.button-default .arrow-log:before {
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
}
.button-default .arrow-log:after {
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}

.btn-block-2 .button-primary {
    margin-right: 15px;
}
.btn-wrppaer {
    margin-top: 30px;
    width: 100%;
}

.not-card p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    margin-bottom: 8px;
    letter-spacing: 0;
}
/*--------------------------------------------------------------
# WhatsApp Platform Section Section
--------------------------------------------------------------*/
.section-platform {
    width: 100%;
    padding-top: 60px;
    background: #F0F0F0;
    padding-bottom: 60px;
}


.feature-left-column {
    background: #F0F0F0;
    padding-top: 80px;
    padding-bottom: 50px;
    width: 60%;
}

.feature-text {
    max-width: 747px;
    margin-left: 15%;
    display: flex;
    justify-content: end;
}
.feature-text h2 {
    font-size: 66px;
    font-weight: 400;
    line-height: 90px;
    max-width: 643px;
    margin: 0;
}
.section-platform .section-title p {
    max-width: 502px;
    margin: 0 auto;
}

.feature-tabs-block-left {
    padding: 0px;
    max-width: 771px;
    margin: 0 0 0 28%;
}
.feature-tabs {
    padding: 0px;
}

.feature-tabs li.active {
    background: #3fb9f1;
    margin-right: 21px;
    transform: scaleX(1.1);
}
.feature-tabs li h3 {
    color: #000;
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
}
.feature-tabs li p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    max-width: 586px;
    color: #000;
}

.feature-tabs li.active h3 {
    color: #fff;
}
.feature-tabs li.active p {
    color: rgb(255 255 255 / 70%);
}
.feature-tabs li {
    box-shadow: 0px 4px 50px 0px #0000001A;
    background: #FFFFFF;
    padding: 20px 20px 30px 35px;
    margin-bottom: 20px;
    cursor: pointer;
}

.img-thumbnail-tabs {
    padding-left: 20px;
}
.arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: -4px;
    background: #fff;
}
.arrow-log::before {
    content: "";
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}
.arrow-log::after {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}
.tab-arrow{
    transform: translateY(46%);
    position: relative;
}


/*--------------------------------------------------------------
#  Broadcast Promotional Messages Section
--------------------------------------------------------------*/

.broadcast-promotional {
    padding-top: 70px;
    padding-bottom: 70px;
}
.position-relative-promotional {
    border-radius: 24px;
    background: #F0F0F0;
    display: flex;
    justify-content: center;
}

.broadcast-content h3 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    margin-bottom: 10px;
}
.broadcast-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
    max-width: 510px;
}
.btn-row-3 {
    width: 100%;
    margin-top: 20px;
    display: flex;
}
/*--------------------------------------------------------------
#  Sell-Your-Products via WhatsApp Section
--------------------------------------------------------------*/
.sell-your-products {
    padding-top: 20px;
    padding-bottom: 70px;
}
.your-products-inner {
    border-radius: 32px;
    background: #F0F0F0;
    padding: 50px;
}

.your-products-inner h3 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    max-width: 556px;
}

.your-products-inner p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    max-width: 526px;
}
.whatsapp20-img {
    margin-top: 20px;
}

.chatbot-content-2 {
    margin-top: 80px;
}
.chatbot-content-2 h4 {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    max-width: 446px;
}
.chatbot-content-2 p {
    max-width: 418px;
}
/*--------------------------------------------------------------
#  Smart Retargeting for 3X Sales Section
--------------------------------------------------------------*/
.smart-retargeting-section {
    padding-bottom: 70px;
}
.smart-retargeting-section .section-title p {
    max-width: 502px;
    margin: 0 auto;
}

.btn-row-4 {
    margin-top: 30px;
    display: flex;
    width: 100%;
}
.retargeting-content h4 {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 20px;
}

.retargeting-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    max-width: 585px;
}

/*--------------------------------------------------------------
#  ave Abandoned Carts Section
--------------------------------------------------------------*/
.screen-save-abandoned-carts{
    width: 100%;
    padding-top: 60px;
    background: #F0F0F0;
    padding-bottom: 60px;
}

.save-abandoned-content h3 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    text-align: left;
    margin-bottom: 15px;
}
.save-abandoned-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
.btn-row-5 {
    display: flex;
    width: 100%;
}

.save-abandoned-content h4 {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
}
/*--------------------------------------------------------------
#  Get WhatsApp Business API in Just 10 Minutes Section
--------------------------------------------------------------*/

.screen-WhatsApp-Business {
    padding-top: 70px;
    padding-bottom: 0px;
}
.WhatsApp-Business-content h3 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    text-align: left;
    margin-bottom: 15px;
}

.WhatsApp-Business-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
.navWhatsApp {
    margin: 0px;
    width: 100%;
    list-style: disc;
    padding-left: 20px;
}
.navWhatsApp li {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: hsl(0deg 0% 0% / 70%);
}
.WhatsApp-Business-img {
    background: #F0F0F0;
    border-radius: 24px;
}

.why-choose-whatsApp-section {
    padding-bottom: 70px;
    padding-top: 70px;
}

.feature-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 48px 25px;
    border-radius: 16px;
}
.feature-box:hover {
    background: #f0e4e9;
}

.feature-box .fbox-content {
    text-align: center;
    width: 100%;
}
.feature-box .fbox-content h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    font-family: var(--font-default);
    color: rgb(0 0 0 / 70%);
}

.feature-box .fbox-content h5 {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    color: rgb(0 0 0 / 70%);
    font-family: var(--font-default);
}
.feature-box .fbox-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
/*--------------------------------------------------------------
#  Why Choose WhatsApp Section
--------------------------------------------------------------*/

.why-choose-whatsApp-section .section-title p {
    margin: 0 auto 1rem;
}


/*--------------------------------------------------------------
#  Sell your Products on WhatsApp Section
--------------------------------------------------------------*/

.section-products {
    padding-top: 80px;
    padding-bottom: 80px;
}

.products-text h2 {
    font-size: 66px;
    font-weight: 400;
    line-height: 90px;
    max-width: 616px;
}
.products-thume {
    padding-left: 40px;
}
.products-text-right p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: "Outfit", sans-serif;
    max-width: 400px;
    margin-bottom: 0;
    color: rgb(0 0 0 / 70%);
}


.products-accordion .accordion-item {
    background: transparent;
    border-bottom: 0.3px solid #000000 !important;
    padding: 0;
    border-right: transparent;
    border-left: transparent;
    border-top: transparent;
    border-radius: 0 !important;
}

.products-accordion .accordion-item .accordion-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    font-family: "Outfit", sans-serif;
}
/*--------------------------------------------------------------
# testimonial section
--------------------------------------------------------------*/
.testimonial{
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
}
.section-title h2 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
}


.products-accordion .accordion-button {
    background: transparent !important;
    font-size: 34px;
    font-weight: 400;
    line-height: 51px;
    color: #000000 !important;
    font-family: "Playfair Display", serif;
    cursor: pointer;
    padding-left: 0px;
}
.products-accordion .accordion-item .collapse {
    visibility: visible;
}

.products-accordion .accordion-item .accordion-body {
    padding-left: 0px;
    padding-right: 0px;
}
.shadow-effect {
    background: #fff;
    padding: 39px;
    border-radius: 15px;
    position: relative;
    border-radius: 15px;
    border: 1px solid #B4B4B4
}
#customers-testimonials .owl-item.active.center .item .shadow-effect {
    box-shadow: 0px 0px 40px 0px #0000001A;
    background: #F0F0F0;
    border-color: #F0F0F0;
}

.quote-left {
    position: absolute;
    top: -50px;
    left: 50px;
}

#customers-testimonials .shadow-effect p {
    margin: 20px 0 17px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: "Outfit", sans-serif;
}

#customers-testimonials .item {
    padding: 0px;
    margin-bottom:80px;
    position: relative;
    margin-top: 50px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: left;

}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
    transform: translate(0px, 40px);


}




.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--color-default);
    width: 34px;
    height: 12px;

}
#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #D9D9D9;
    display: inline-block;
    height: 13px;
    margin: 0 5px 5px;


    width: 13px;
    border-radius: 100px;
}
.testimonial-name {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    font-family: "Playfair Display", serif;
}


.testimonials-block {
    margin-top: 20px;
}

.testimonial-designation {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    font-family: "Playfair Display", serif;
}
.testimonials {

    padding-top: 20px;
}
/*--------------------------------------------------------------
# Zero Setup Fee css
--------------------------------------------------------------*/

.screen-Zero-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.Zero-box {
    padding: 0;
    background: #fde5f0;
    border-radius: 32px 0px 0px 32px;
}

.Zero-box-2{
    padding: 0;
    background: #e7f8fd;
    border-radius: 0px 32px 32px 0px;
}
.Zero-box-inner {
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.fbox-icon {
    margin: 20px auto 30px;
}

.Zero-box-inner h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;

}
.Zero-box-inner p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: rgb(0 0 0 / 70%);
}

.connecting-section {
    padding-bottom: 70px;
}

.connecting-content {
    padding: 5px;
    position: relative;
    background: linear-gradient(255.76deg, hsl(193.81deg 100% 46.86% / 40%) 0%, rgb(255 0 102 / 40%) 100%);
    border-radius: 32px;
}
.module-2 {
    background: #fff;
    border-radius: 32px;
    padding: 40px;
    position: relative;

}

.module-2 h2 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    margin: 0 auto;
    text-align: center;
}
.btn-group-2 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 30px auto 0;
}
.mr-20 {
    margin-right: 20px;
}
.mr-10 {
    margin-right: 10px;
}


/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/




.footer-dark-background {
    background-color: #000000;
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 30px;
    background-position: center;

}
.footer .container {
    position: relative;
}

.footer-links h4 {
    font-size: 34px;
    font-weight: 400;
    line-height: 48px;
    color: #fff;
}

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

.footer .footer-about .logo {
    line-height: 1;
    margin-bottom: 25px;
}

.footer .footer-about .logo img {
    max-height: 40px;
    margin-right: 6px;
}

.footer .footer-about .logo span {

    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
}

.footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer-links ul li {
    padding-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.footer-links ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    width: 8.33px;
    height: 8.33px;
    background: #eb7b19;
    border-radius: 100px;
    left: 0px;
}

.footer-links ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    color: #fff;
    font-family: "Outfit", sans-serif;
}

.footer .footer-about p {
    font-size: 14px;

}
.footer-links ul.footer-links-2 {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;

    margin-right: 10px;
    transition: 0.3s;
}

.footer-links ul li a:hover {
    color: var(--color-default);
}
.footer h4 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
}

.footer .footer-links {
    margin-bottom: 30px;
}

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

.footer .footer-links ul i {
    padding-right: 2px;
    font-size: 12px;
    line-height: 0;
}

.footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.footer .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-links ul a {

    display: inline-block;
    line-height: 1;
}

.social-links h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    font-family: "Outfit", sans-serif;
}

.footer .footer-contact p {
    margin-bottom: 5px;
}

.footer .copyright {
    padding-top: 25px;
    padding-bottom: 25px;

}

.social-links ul {
    margin: 0;
    padding: 0px;
    display: flex;
    list-style: none;
}

.footer .copyright p {
    margin-bottom: 0;
}

.footer .credits {
    margin-top: 8px;
    font-size: 13px;
}
.social-links ul li {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}



.social-links ul li:last-child{margin-right: 0;}






.social-links ul li a {
    color: #fff;
    font-size: 20px;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFFFFF;
}

.social-links ul li:hover a {
    border-radius: 8px;
}
.social-links ul li:hover a.facebook {
    background: #2a6cfb;
    border-color: #2a6cfb;


}

.social-links ul li:hover a.youtube {
    background: #f40000;
    border-color: #f40000;

}

.social-links ul li:hover a.twitter {
    background: #40a3fb;
    border-color: #40a3fb;

}

.social-links ul li:hover a.instagram {
    background: linear-gradient(225deg, #BA1A6F -0.07%, #ED842E 99.36%);
    border-color: #ED842E;

}


.social-links ul li:hover a.linkedin {
    background: #2466cd;
    border-color: #2466cd;
    border-radius: 8px;
}



.copyright {
    border-top: 1px solid #FFFFFF80;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.copyright p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    margin-bottom: 0;
    font-family: "Outfit", sans-serif;
}
.credits {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    margin-bottom: 0;
    font-family: "Outfit", sans-serif;
}
.credits a {
    color: #fff;
    text-decoration: none;
}
.credits a:hover{
    color: var(--color-default);
}

/*--------------------------------------------------------------
# breadcrumbs-area
--------------------------------------------------------------*/

.breadcrumbs-area {
    padding: 170px 0 97px;
    position: relative;
    height: 680px;
}

.bg-6 {
    background-image: url(../images/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.breadcrumbs-area:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #00000066;
    z-index: 2;
}

.section-pricing-plans {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-title h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 41px;
}

.section-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}


.section-chatbot {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #00B8EF33;
}


.chatbot-content h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 52px;
    max-width: 390px;
}

.chatbot-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    max-width: 414px;
    font-family: "Outfit", sans-serif;
}



.button-add span {
    padding: 0px 7px 0px 7px;
    background: #FF0066;
    border-radius: 24px;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.4000000059604645px;
    color: #fff;
    margin-right: 15px;
    font-family: "Outfit", sans-serif;
}

.button-add {
    padding: 5px 15px 5px 6px;
    border-radius: 9999px;
    background: #FF00661F !important;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3199999928474426px;
    color: #FF0066;
    font-family: "Outfit", sans-serif;
    align-items: center;
}
.button-add:hover {
    background: #000 !important;
    color: #fff !important;
}
.button-add:hover img {
    filter: brightness(0) invert(1);
}

.emailSection a {
    display: flex;
    text-decoration: none;
}

.phoneSection a {
    display: flex;
    text-decoration: none;
}


.button-add img {
    margin-left: 12px;
}

.section-WhatsApp {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-WhatsApp .section-title p {
    max-width: 450px;
    margin: 0 auto;
}

.single-item {
    padding: 35px 20px 35px 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px #252C6126;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.Pricing-image {
    margin: 20px auto;
}
.service-text {
    width: 100%;
}
.service-text h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.24px;
    margin-bottom: 12px;
    font-family: "Outfit", sans-serif;
}

.service-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 auto;
    max-width: 210px;
    font-family: "Outfit", sans-serif;
}

.feature-Pointers {
    background: #d9f4fd;
    padding: 40px 30px 126px;
}

.feature-conversation {
    background: #fcd6e7;
    padding: 40px 30px 60px;
}
.whatsAppbtn{
    color: #303030;
    background: #0e0c0d1f !important;
}
.whatsAppbtn span{
    background-color: #303030;
}
.feature-conversation ul {
    list-style-image: url('../images/ulBg.png');
}
.feature-Pointers ul {
    list-style-image: url('../images/ulRed.png');
}
.pricingContainer{
    padding: 32.2px 27px 50px 27px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
}
.pricingContainer h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #000000;
    margin-bottom: 13px;
    font-family: "Outfit", sans-serif;
}
.pricingContainer h5{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 9px;
}
.pricingContainer p {
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    max-width: 145px;
    margin: 45px auto;
}

.pricingContainer h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 44px;
    font-family: "Outfit", sans-serif;
    position: relative;

}
.pricingContainer .rupees {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #999999;
    font-family: "Outfit", sans-serif;
    position: absolute;
    top: 0;
    left: 94px;
}
.pricingContainer .month {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #999999;
    font-family: "Outfit", sans-serif;
}

.pricing-btn{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #F37C2A;
    border: 2px solid #F37C2A;
    padding: 14px 22px 14px 22px;
    border-radius: 4px;
    margin: 3px 0;
    text-transform: uppercase;
    box-shadow: 0px 2px 4px 0px #8890C333;
    text-decoration: none;
}
.pricing-btn:hover {
    color: #fff;
    background: #F37C2A;
}

.pricing-btn-active {
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #F37C2A;
    padding: 14px 22px 14px 22px;
    border-radius: 4px;
    margin: 3px 0;
    text-transform: uppercase;
    box-shadow: 0px 2px 4px 0px #8890C333;
    background: #F37C2A;
    text-decoration: none;
}

.pricing-btn-active:hover {
    color: #F37C2A;
    border: 2px solid #F37C2A;
    background: #fff;
}

.activeC{
    border: 2px solid #F37C2A
}
.section-pricing-plans .ricing-plans-tabs {
    max-width: 100%;
    margin: 0 auto 20px;
    border: transparent;
    display: flex;
    justify-content: center;
}

.ricing-plans-tabs li {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.36px;
    color: #000000D9 !important;
    font-family: "Outfit", sans-serif;
    margin-right: 8px;
    padding: 8px 11px 8px 11px !important;
    border-radius: 4px !important;
    border: solid #fff 1px;
}
.ricing-plans-tabs li.active {

    background: #F37C2A33 !important;
    border-color: #F37C2A33 !important;
    box-shadow: none;
}
.ricing-plans-tabs li:hover {
    background: #F37C2A33 !important;
    border-color: #F37C2A33;
}
.plan-nav li {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    padding-bottom: 15px;
    position: relative;
    padding-left: 30px;
    color: var(--color-Black);
}

.plan-nav li:before {
    content: "";
    position: absolute;
    background-image: url(../images/check.svg);
    top: 4px;
    left: 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
}

.button-default {
    padding: 5px 15px 5px 6px;
    border-radius: 9999px;
    background: #00B8EF1F !important;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3199999928474426px;
    color: #00B8EF;
    font-family: "Outfit", sans-serif;
    align-items: center;
}
.button-default span {
    padding: 0px 7px 0px 7px;
    background: #00B8EF;
    border-radius: 24px;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.4000000059604645px;
    color: #fff;
    margin-right: 2px;
    font-family: "Outfit", sans-serif;
}
.button-default img {
    margin-left: 12px;
}

.section-Included {
    padding-bottom: 80px;
}
.section-Included h4 {
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    font-family: "Outfit", sans-serif;
}
.plan-included {
    margin: 0;
    padding: 0;
    list-style: none;
}
.plan-included li {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    padding-bottom: 15px;
    position: relative;
    padding-left: 30px;
    color: var(--color-Black);
}

.plan-included li:before {
    content: "";
    position: absolute;
    background-image: url(../images/checked.svg);
    top: 4px;
    left: 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
}
.service-caption{
    position: absolute;
    top: 30%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
}
.service-caption h2{
    font-size: 70px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -0.02em;
    max-width: 1143px;
    text-align: left;
    position: relative;
    z-index: 2;
}
.service-caption:before {
    content: "";
    width: 476.98px;
    height: 233.8px;
    position: absolute;
    left: -47px;
    z-index: 0;
    background-image: url(../images/image-7.png);
    background-repeat: no-repeat;
    background-color: #00B8EF;
    background-blend-mode: multiply;
    opacity: 0.5;
}
.card-header-p{
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 100 !important;
}
.btn-default:hover {
    color: #fff !important;
}
/*14-09-2024*/

.lw-guest-page-bg-2 {
    background-image: url(../images/login-bg-2.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100%;
}

.lw-guest-page-bg-2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #00000066;
    z-index: 2;
}

.lw-form-card-box {
    border-radius: 24px !important;
    padding: 20px 20px 0px 20px !important;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    background-size: cover;
    background-image: url(../images/bg-login.png) !important;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF80 !important;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
}





.lw-form-card-box .card-header {
    border: transparent;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    font-family: "Playfair Display", serif;
    padding: 0;
}

.custom-checkbox .custom-control-label:before{display: none}
.custom-checkbox .custom-control-label:after{display: none}

.my-label {
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    color: #fff;
    margin-bottom: 0px !important;
}

.my-input {
    border-bottom: 1px solid #FFFFFF !important;
    background: transparent !important;
    border-radius: 0px !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: inherit !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.16px;
    color: #fff !important;
    padding: .375rem .75rem .375rem 0 !important;
    height: auto !important;
}
.lw-form-card-box-2 .input-group {
    margin-bottom: 10px !important;
}


.my-input::-webkit-input-placeholder {
    color: #fff !important;
}
.my-input::-moz-placeholder {
    color: #fff !important;
}
.my-input:-ms-input-placeholder {
    color: #fff !important;
}
.my-input:-moz-placeholder {
    color: #fff !important;
}

.btn-login {
    border-radius: 0px;
    background: var(--color-primary) !important;
    text-align: center;
    color: var(--color-white);
    font-size: 18px;
    border: transparent;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    transition: all .4s ease;
    padding: 12px 100px 12px 12px;
}

.btn-login:hover{ border-radius: 4px; padding: 12px 65px 12px 12px;}

.btn-login:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    background: url(../images/long-arrow-icon.svg) no-repeat center left;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.btn-login:hover:after {
    width: 25px;
    background-size: 60px;
    background-position: right 50%;
    margin-right: 20px;
}


.btn-login .arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: -4px;
    background: #fff;
}

.btn-login:hover .arrow-log {
    width: 20px;
    margin-left: 10px;
}

.btn-login .arrow-log:before, .btn-login .arrow-log:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}

.btn-login .arrow-log:before {
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
}
.btn-login .arrow-log:after {
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}

.custom-checkbox .custom-control-label {
    position: relative;
    top: -4px;
    padding-left: 33px;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 23px !important;
    font-family: "Outfit", sans-serif;
}
.lw-form-card-box .card-body {
    padding: 20px 20px 30px;
}
.custom-checkbox input[type=checkbox] {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex;
    background: transparent !important;
    opacity: 1;
}

.lw-form-card-box .custom-control {

    padding-left: 0;
}

.custom-checkbox input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 21.52px;
    height: 22px;
    top: 0;
    left: 0;
    background-color: #FFFFFF19;
    border: 1px solid #FFFFFF40 !important;
    border-radius: 3px;
}
.custom-checkbox input[type=checkbox]:checked:after {
    content: "";
    display: block;
    border: solid #7B76F1;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
    width: 7.74px;
    height: 12.64px;
}

.custom-checkbox a {
    font-size: 13.8px;
    font-weight: 600;
    line-height: 16.13px;
    font-family: "Outfit", sans-serif;
    color: #fff;
}
.my-input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-bottom: solid var(--color-primary) 1px !important;
}

.field-icon {
    float: right;
    right: 0;
    top: -31px;
    position: absolute;
    z-index: 2;
    font-size: 21px;
    color: #fff;
    background: rgb(255, 255, 255);
    width: 50px;
    text-align: center;
    line-height: 40px;
}
.field-icon.bi-eye::before {

    position: absolute;
    top: 34px;

    width: 7px;
    height: 7px;
    right: 9px;
    filter: brightness(0) invert(1);
}
.field-icon.bi-eye-slash::before {
    position: absolute;
    top: 34px;
    width: 7px;
    height: 7px;
    right: 9px;
    filter: brightness(0) invert(1);
}
.lw-form-card-box-2 {
    border-radius: 24px !important;
    padding: 0px 40px 20px 40px !important;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    background-image: url(../images/bg-3.png) !important;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF80 !important;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    background-position: center;
    background-size: cover;
}

.lw-form-card-box-2 .card-header{
    border: transparent;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    font-family: "Playfair Display", serif;
    padding: 0;
}

.lw-validation-error {
    color: red !important;
    font-size: 12px;
    padding: 0px 0 0 !important;
}


/*--------------------------------------------------------------
# WhatsApp Platform Section Section
--------------------------------------------------------------*/


.feature-tabs li .arrow-log {
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 0px;
    transition: all .4s ease;
    top: -4px;
    background: #3fb9f1;
}
.feature-tabs li .arrow-log::before {
    content: "";
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
    background: #3fb9f1;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
}
.feature-tabs li .arrow-log::after {
    content: "";
    background: #3fb9f1;
    position: absolute;
    height: 2px;
    width: 10px;
    border-radius: 30%;
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}

.feature-tabs li.active .arrow-log{
    background: #fff;
    width: 42px;
}
.feature-tabs li.active .arrow-log::before{
    background: #fff;
}
.feature-tabs li.active .arrow-log::after{
    background: #fff;
}


/* QaA */
.question__area {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f8f6f3;
}
.section__subtitle .rightLeft {
    margin-left: 14px;
}

.section__subtitle {
    display: flex;
}

.section__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    margin: 0 auto;
   
}

.question__content-area .accordion-container .accordion-title {
    margin: 0 0 20px 0;
    cursor: pointer;
    display: flex;
    padding: 17px 50px 17px 20px;
    position: relative;
    border: 1px solid rgba(0, 29, 8, 0.1);
    border-radius: 75px;
    font-family: "Outfit", sans-serif;
}

.question__content-area .accordion-content {
    padding-left: 20px;
    margin-bottom: 0;
    margin-top: 13px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-family: "Outfit", sans-serif;
}
.question__content-area .accordion-container .accordion-title:hover,
.question__content-area .accordion-container .accordion-title:active,
.accordion-title.open {
    background-color: #eb7b19;
    color: #fff;
}
.question__content-area .accordion-container .accordion-title::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 25px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #000;
}
.question__content-area .accordion-container .accordion-title:hover{
    border-top-color: #fff;
}
.question__content-area .accordion-container .accordion-title.open::after {
    content: "";
    position: absolute;
    top: 15px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}




/*--------------------------------------------------------------
# breadcrumbs-area
--------------------------------------------------------------*/



/*added*/

.video-img{
    position: absolute;
}
.video-img img {
    filter: grayscale(1) contrast(1.1) brightness(1);
    mix-blend-mode: multiply;
}
.object2 img{
    position: relative;
    left: -90px;
    z-index: 0;
    top: 337px;
    opacity: 0.6;
}
.popup-youtube img {
    position: relative;
    top: 77px;
    left: 10px;
    z-index: 1;
}
.chatbot-content{
    padding-top: 68px;
}
.social-links {
    margin-top:50px;
}
.email-img{
    width: 55px;
    height: 55px;
    background: #eb7b19;
    display: flex;
    justify-content: center;
    align-items: center;
}
.emailId p{
    color: #FFFFFF;
    padding-left: 16px;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    padding-top: 8px;
}
.feature-tabs li:not(.active){
    transform: scaleX(1.1);
    z-index: 9;
    position: relative;
}

.input-group.input-group-alternative {
    border: transparent;
    box-shadow: none;
}

.lw-guest-page-container-block .card {
    position: relative;
    z-index: 2;
}
.mrgin-t{
    margin-top: 10px;
}
.form-group label{
    display: none;	
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    color: #fff;
    margin-bottom: 0px !important
}



/*CSS for CodePen*/





.screen-video-magic-cursor {
    padding-top: 50px;
    padding-bottom: 80px;
    margin-top: 100px;
    position: relative;
}

.videoplayback-img {
    position: relative;
}
.my-video-1 {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 9;
}

.my-video-1:before {
    content: "";
    position: absolute;
    bottom: -46px;
    width: 306px;
    height: 350px;
    /*background: #F37C2A;*/
    left: 60px;
    z-index: -1;
}
.my-video-1 .videoplayback-img img {
    border-radius: 32px;
}

.video-play-button {
    position: absolute;
    top: 20px;
    left: 21px;
}

* contact section*/
.contact-us-section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.title-one h2 {
    color: #19352d;
    font-size: 64px;
    line-height: 1.1em;
}
.light-bg {
    background-color: #edf1ee;
}
.contact-us-section .bg-wrapper {
    border-radius: 40px;
    padding: 55px 55px 60px;
}

.my-label-2 {
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 5px;
}

.form-style-one .input-group-meta .form-control {
    padding: 12px 20px;
}
.form-control:focus {
    outline: none;
    box-shadow: none;
}

.btn-four {
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    padding: 0 38px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: #eb7b19;
    transition: all .3s ease-in-out 0s;
}
.btn-four:hover{ background-color: #122a51;}

.contact-hero-section {
    padding-top: 200px;
}

.contact-us-section {
    padding-bottom: 80px;
}
.hero-space {
    padding-top: 200px;
}

.import-broadcast-section {
    padding-bottom: 70px;
}
.broadcas-conent h2 {
    font-size: 58px;
    font-weight: 500;
    line-height: 72px;
    max-width: 636px;
}
.broadcas-conent p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
.broadcas-conent .no-card {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: "Outfit", sans-serif;
    margin-bottom: 8px;
    letter-spacing: 0;
}
.btn-row-7 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.smart-section {
    padding-top: 40px;
    padding-bottom: 70px;
}

.smart-item {
    border-right: 1px solid rgb(0 0 0 / 20%);
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.smart-item:last-child {
    border-right: transparent;

}

.content-smart-item {
    padding: 20px 25px;
}

.content-smart-item h3 {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 0;

}
.content-smart-item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;

}

.videoWrapper {
    position: relative;
   width: 100%;
}

.youtubers {
    width: 84%;
    float: left;
    position: relative;
}

.youtubers__row{
    position: relative;
}

.videoWrapper iframe {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 98.4%;
    height: 98.9%;
    border-radius: 39px;
    z-index: 9;
}

.video-preview-image {
    position: relative;
    width: 99%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
    cursor: pointer;
    padding: 335px 0;
    background-color: #fff;
    border-radius: 42px;
}
.video-preview-image:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 60px;
    height: 60px;
    z-index: 999;
    background-image: url(../images/play-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

/*responsive ui design*/

@media (max-width: 1740px) {
    .hero-app-mocup {width: 58%;}
    .main-menu ul.right-nav li a{font-size: 14px;}
}

@media (max-width: 1540px) {
    .main-menu ul li {margin: 0px 12px;}
    .main-menu ul.right-nav {padding-right: 10px;}
    .header-custom .header-nav-bar {width: 44%;}
    .header-custom .header-login {width: 31%;}
    .main-menu ul.nav{margin-right:0;}
    .main-menu ul.right-nav li a{padding: 12px 88px 12px 12px;}
    .get-started-section .content h3 {max-width: 616px;line-height: 50px;font-size: 36px;}
    .object2 img {top: 220px;}
    .hero-section .carousel-indicators{top: 50%; width: 28px;}
    .hero-contact h1 {font-size: 56px;}
    .hero-contact p {font-size: 16px; max-width: 594px;}
    .hero-app-mocup {width: 58%;}
    .main-menu ul.right-nav li a{font-size: 16px;}


}
@media (max-width: 1512px){
    .object2 img {top: 220px;}
    .feature-tabs-block-left {margin: 0 0 0 7%;}
    .feature-tabs li h3 {font-size: 28px;}
    .feature-tabs li p {font-size: 16px;line-height: 27px;}
    .feature-text h2 {font-size: 27px;}
    .feature-tabs-block-left {margin: 0 0 0 11%;}
    .feature-text {margin-left: 106px;display: block;}
    .hero-section .carousel-indicators {top: 50%;width: 29px;}
    .hero-section .carousel-caption {bottom: 286px;}
}
@media (max-width: 1440px){
    .object2 img{top: 186px;}
    .get-started-section .content h3{padding-bottom: 0px;position: relative;font-size: 36px;}
    .feature-tabs-block-left{margin: 0 0 0 15%;}
    .feature-text {margin-left: 106px;display: block;}
    .hero-section .carousel-indicators{top: 51%;}
    .hero-section .carousel-caption {bottom: 210px;}
}

@media (max-width:1366px) {
    .main-menu ul li a{font-size: 16px;}
    .main-menu ul.right-nav li a {font-size: 15px;}
    .header-custom .header-nav-bar {width: 42%;}
    .header-custom .header-login {width: 33%;}
    .hero-section h2 {font-size: 70px;font-weight: 400;max-width:1080px;}
    .get-started-section .content h3 {margin-bottom: 33px;padding-bottom: 24px;position: relative;font-size: 31px;font-weight: 400;line-height: 0px;font-family: "Playfair Display", serif;margin-top: 68px;}
    .object2 img {position: relative;left: -33px;z-index: 0;top: 261px;opacity: 0.6;height: 250px;width: 176px;}
    .hero-section .carousel-indicators{top: 51%;}
    .feature-tabs li p{max-width: 384px;}
    .feature-tabs li .arrow-log {margin-left: 100px;}
    .feature-tabs li.active{margin-right: 34px;}
    .feature-tabs li h3 {line-height: 34px;}
    .hero-section .carousel-caption {bottom: 210px;}
    .feature-conversation {background: #fcd6e7;padding: 40px 30px 83px;}
    .hero-contact h1 {font-size: 48px;line-height: 62px;}
    .hero-contact p {font-size: 16px; max-width: 594px;}
    .hero-app-mocup {width: 58%;}
    .screen-video-magic-cursor {margin-top: 210px;}
    .my-video-1 .videoplayback-img img {width: 100%;}
    .my-video-1:before {left: -20px;}
    .broadcast-content h3 {font-size: 48px;line-height: 62px;}
    .your-products-inner h3{font-size: 48px;line-height: 62px;}
    .section-title h2{font-size: 48px;line-height: 62px;}
    .save-abandoned-content h3{font-size: 48px;line-height: 62px;}
    .WhatsApp-Business-content h3{font-size: 48px;line-height: 62px;}
    .module-2 h2 {font-size: 48px;line-height: 62px;}
    .broadcas-conent h2 {font-size: 48px;line-height: 62px;}
    .content-smart-item h3{ font-size: 28px; line-height: 40px;}
    .content-smart-item p{font-size: 15px; }
    .service-caption h2 {font-size: 50px;}

}

@media (max-width:1280px) {
        .logo {padding-left: 0;}
        .logo .meta-logo img {max-width: 80px;}
        .logo img {max-width: 103px;}
        .main-menu ul li {margin: 0px 9px;}
        .header-custom .header-nav-bar {width: 40%;}
        .header-custom .header-login {width: 35%;}
        .object2 img {top: 225px;}
        .feature-tabs-block-left {margin: 0 0 0 7%;}
        .feature-tabs li h3 {font-size: 28px;}
        .feature-tabs li p {font-size: 16px;line-height: 27px;}
        .feature-text h2 {font-size: 27px;}
        .hero-section .carousel-indicators {top: 54%;width: 32px;}
        .feature-tabs-block-left {margin: 0 0 0 7%;}
        .feature-tabs li h3 {font-size: 25px;}
        .feature-tabs li p {font-size: 16px;line-height: 27px;}
        .feature-text h2 {font-size: 27px;}
        .hero-section .carousel-indicators {top: 54%;width: 32px;}
        .feature-text {margin-left: 24px;display: block;}
        .button-tap-section {margin-left: -24px;}
        .screen-video-magic-cursor {margin-top: 0;}
       .pricingContainer {padding: 15px 10px 40px;}
}


@media (max-width:1180px) {
    .main-menu ul li {margin:0px !important;}
    .header-custom .header-nav-bar {width: 100%;}
    .header-custom .header-login {width: 100%;}
    .main-menu ul.right-nav {text-align: center;flex-wrap: wrap;}
    .main-menu ul.right-nav li {padding-bottom: 7px;padding-right: 0;padding-top: 7px;}



}
@media screen and (max-width: 1024px){
    .get-started-section .content h3 {font-size: 26px;}
    .object2 img {top: 122px;left: -19px;}
    .feature-text {margin-left: 16px;display: block;}
    .feature-text h2 {font-size: 22px;}
    .feature-tabs li {padding: 8px 20px 5px 35px;}
    .feature-tabs li h3 {font-size: 17px;}
    .feature-tabs li p {font-size: 14px;line-height: 19px;}
    .emailId p{font-size: 15px;}
    .hero-section h2 {font-size: 45px;line-height: 51px;padding-top: 25px;}
    .feature-tabs li.active {margin-right: 28px;}
    .hero-section .carousel-caption:before {height: 166.8px;}
    .hero-section .carousel-caption {bottom: 156px;}
    .hero-app-mocup {position: relative;top: 0;width: 100%;}
    .hero-section {height: 100%;padding-top: 100px;}
    .screen-video-magic-cursor {margin-top: 0;}
    .Zero-box-inner h2 {font-size: 26px;line-height: 50px;}
    .tab-arrow {transform: translateY(12%);}
    .broadcast-content h3 {font-size: 38px;line-height: 52px;}
    .your-products-inner h3{font-size: 38px;line-height: 52px;}


}



@media (max-width: 992px) {
    .container, .container-md, .container-sm {max-width: 98% !important;}
    .inner-header {border-radius: 0;top: 0;margin: 0;max-width: 100%;}
    .logo {display: flex;width: 60%;}
    .mob-menu {position: absolute;top: 7px;}
    .mob-menu span {width: 46px;font-size: 19px;color: var(--color-primary);border: solid 2px var(--color-primary);}
    .breadcrumbs-area {height: auto;}
    .section-pricing-plans {padding-top: 30px;}
    .section-title h3 {font-size: 22px;line-height: normal;}
    .section-title p {font-size: 14px;line-height: normal;}
    .pricingContainer h3 {font-size: 16px;line-height: normal;}
    .pricingContainer h2 {font-size: 30px;line-height: normal;}
    .pricingContainer p {max-width: 145px;margin: 27px auto;}
    .plan-nav {padding: 0;}
    .plan-nav li {font-size: 15px;line-height: normal;padding-bottom: 10px;}
    .button-default {font-size: 14px;line-height: normal;}
    .chatbot-content h3 {font-size: 22px;line-height: normal;}
    .chatbot-content p {font-size: 14px;line-height: 24px;}
    .chatbot-content {padding-bottom: 30px;}
    .section-chatbot{padding-top: 40px; padding-bottom: 40px;}
    .button-add {font-size: 14px;}
    .section-WhatsApp{padding-top: 40px; padding-bottom: 40px;}
    .Pricing-image img {max-width: 80px;}
    .service-text h4 {font-size: 16px;}
    .service-text p {max-width: 100%;}
    .feature-Pointers ul {padding: 0;}
    .feature-Pointers li {font-size: 14px;}
    .feature-conversation p {font-size: 14px;}
    .feature-conversation ul {padding: 0;}
    .feature-conversation ul li {font-size: 14px;}
    .section-Included h4 {font-size: 16px;line-height: normal;margin-bottom: 0;}
    .plan-included li {font-size: 14px;padding-bottom: 10px;}
    .footer-dark-background {padding-top: 40px;}
    .footer-links h4 {font-size: 24px;line-height: normal;}
    .footer-links ul li a {font-size: 14px;line-height: normal;}
    .copyright {flex-wrap: wrap;justify-content: center;flex-direction: column;padding-top: 20px;}
    .copyright p {font-size: 14px;line-height: normal;}
    .main-menu ul li a {padding: 8px 15px;display: block;border-bottom: solid 1px #4a4a4a;text-align: left;font-size: 15px;line-height: normal;  color: #fff;}
    .main-menu ul.right-nav li {width: 100%;margin-bottom: 10px;}
    .main-menu {background: #2d2a2a;}
    .main-menu ul.right-nav {padding-right: 10px;padding-left: 10px;}
    .lw-form-card-box {margin-top: 70px;}
    .lw-form-card-box .card-header {font-size: 22px;}
    .lw-form-card-box-2 {margin-top: 50px; padding: 20px 20px 60px !important;}
    .lw-form-card-box-2 .card-header {font-size: 22px;margin-top: 0px !important;}
    .my-label {margin-bottom: 0px;}
    .my-input {font-size: 14px !important;}
    .credits {font-size: 13px;}
    .emailSection a {margin-bottom: 10px;}
    .main-menu ul.right-nav li {padding-bottom: 7px;padding-right: 0;}
    .lw-form-card-box .input-group {padding: 0 12px 20px 0 !important;}
    .main-menu ul.right-nav li a{border-bottom:transparent !important;}
    .lw-form-card-box-2 .input-group {padding-left: 0px !important;}
    .lw-form-card-box-2 .input-group {margin-bottom: 0 !important;padding-bottom: 0px;padding-left: 0px;}
    .button-tap-section {margin-left: 15px;}
    .mrgin-t{padding-top: 10px;}
    .hero-contact h1 {font-size: 24px;line-height: normal;}
    .hero-contact p {font-size: 14px;max-width: 100%;line-height: 28px;}
    .hero-list li {font-size: 14px;line-height: 26px;}
    .feature-tabs li {padding: 8px 20px 5px 18px;}
    .broadcast-promotional {padding-top:40px;padding-bottom: 40px;}
    .broadcast-content h3 {font-size: 24px;line-height: normal;}
    .broadcast-content p {font-size: 14px;}
    .your-products-inner h3 {font-size: 24px;line-height: normal;}
    .your-products-inner p{font-size: 14px;}
    .whatsapp20-img {margin-bottom: 20px;}
    .chatbot-content-2 h4 {font-size: 20px;line-height: normal;}
    .sell-your-products {padding-bottom: 30px;}
    .retargeting-content h4{font-size: 20px;line-height: normal;}
    .retargeting-content p{font-size: 14px;}
    .smart-retargeting-section {padding-bottom: 30px;}
    .screen-save-abandoned-carts {padding-top: 40px;padding-bottom: 40px;}
    .save-abandoned-content h3{font-size: 24px;line-height: normal;}
    .save-abandoned-content p{font-size: 14px;}
    .save-abandoned-content h4{font-size: 20px;line-height: normal;}
    .WhatsApp-Business-content h3{font-size: 24px;line-height: normal;}
    .screen-WhatsApp-Business{padding-top: 30px;}
    .WhatsApp-Business-content p{font-size: 14px;}
    .navWhatsApp li{font-size: 14px;}
    .feature-box .fbox-content p{font-size: 14px;}
    .screen-Zero-section {padding-top: 40px;padding-bottom: 40px;}
    .module-2 h2 {font-size: 24px;line-height: normal;}
    .broadcas-conent h2{font-size: 24px;line-height: normal;}
    .broadcas-conent p{font-size: 14px; margin-bottom: 0;}
    .import-broadcast-section {padding-bottom: 30px;}
    .contact-hero-section {padding-top: 110px;}
    .title-one h2{font-size: 24px;line-height: normal;}
    .logo-footer img {max-width: 150px;margin: 0;}
    .social-links {margin-top: 16px;}
    .social-links ul li {width: 32px;height: 32px;}
    .social-links ul li a {width: 32px;height: 32px;font-size: 14px;}
    .email-img {width: 35px;height: 35px;}
    .emailId p {font-size: 15px;margin-bottom: 0;padding-top: 0px !important;}
    .footer-links ul {list-style: none;columns: 1;-webkit-columns: 1;-moz-columns: 1;}
    .hero-space {padding-top: 110px;}
    .section-title h2 {font-size: 24px;line-height: normal;}
    .my-video-1:before{display: none;}
    .content-smart-item h3 {font-size: 20px;}
    .hero-app-mocup {position: relative;width: 100%;top: 0;}
    .hero-section {height: 100%;padding-top: 102px;}
    .screen-video-magic-cursor {margin-top: 0px; padding-top: 40px; padding-bottom: 40px;}
    .service-caption h2 {font-size: 36px;line-height: normal;}
    .service-caption:before {display: none}
    .question__content-area .accordion-container .accordion-title {font-size: 16px;}
    .question__content-area .accordion-content {font-size: 14px;}
    .section__title {font-size: 24px;line-height: normal;}
    .question__area {padding-top: 40px;padding-bottom: 40px;}
    .video-preview-image {padding: 150px 0;width: 100%;}





 }
@media (max-width: 768px){
    .hero-section .carousel-caption:before{width: 366.98px;}
    .hero-section h2 {font-size: 34px;line-height: 40px;padding-top: 33px;}
    .hero-section .carousel-control-next, .hero-section .carousel-control-prev{top: 24%;}
    .section-platform {margin-top: 0; padding-top: 40px; padding-bottom: 40px;}
    .feature-tabs li.active{margin-right: 0;}
    .feature-tabs li .arrow-log {margin-left: 0;}
    .button-tap-section {margin-left: 0;margin-right: 12px;}
    .button-primary:after{width: 71px;}
    .products-accordion .accordion-button {font-size: 25px;}
    .section-title h2 {font-size: 40px;}
    .section-products {padding-top: 40px;padding-bottom: 40px;}
    .testimonials {padding-top: 40px;}
    .your-products-inner {border-radius: 10px;padding: 30px;}
    .chatbot-content-2 {margin-top: 20px;}
    #customers-testimonials .shadow-effect p {font-size: 14px;}
    .feature-box .fbox-content h3 {font-size: 25px;line-height: normal;}
    .feature-box .fbox-content h5 {font-size: 17px;line-height: normal;}
    .service-caption h2 {font-size: 28px;line-height: normal;}



}
@media (max-width: 767px) {
    .logo-footer img {max-width: 150px;margin: 0 auto;}
    .feature-Pointers {padding-bottom: 20px;}
    .feature-conversation h3 {font-size: 18px;}
    .button-add {font-size: 12px;}
    .social-links {border-bottom: solid #eee 1px;padding-bottom: 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;margin-top: 11px;}
    .social-links ul li {width: 32px;height: 32px;}
    .social-links ul li a {font-size: 15px;}
    .copyright {flex-wrap: wrap;justify-content: center;flex-direction: column;padding-top: 20px;}
    .lw-form-card-box .mt-5 {margin-top: 1rem !important;}
    .btn-login {font-size: 14px;}
    .my-input {font-size: 14px !important;margin-bottom: 10px;}
    .mt-5 {margin-top: 1rem !important;}
    .field-icon {top: -23px;right: 10px;width: 40px;font-size: 14px;}
    .mob-menu {top: 15px;right: 14px;}
    .mb-5 {margin-bottom: 0rem !important;}
    .input-group  .my-input {padding-left: 0px !important;}
    .lw-form-card-box-2 .input-group {margin-bottom: 0 !important;padding-bottom: 0px;padding-left: 0px;}
    .header-inner {display: flex;}
    .logo{display: flex;}
    .logo img{width: 100px;}
    .feature-tabs li .arrow-log {margin-bottom: 17px;}
    .section-chatbot{text-align: center;}
    .section-chatbot .button-add{margin: auto;}
    .button-add span {line-height: 15px;}
    .get-started-section .content h3{font-size: 20px;}
    .get-started-section{padding-top: 0px;}
    .object2{display: none;}
    .section-platform{display: block;}
    .feature-left-column{width: 100%;margin-top: 159px;}
    .feature-text{margin-left: 0;display: flex;justify-content: center;}
    .feature-text h2{font-size: 19px;margin-top: 15px;}
    .feature-tabs-block-left {padding: 0px;max-width: 771px;margin: 0 0 0 0%;}
    .hero-section .carousel-caption:before{display: none;}
    .feature-tabs li h3{font-size: 20px;}
    .feature-tabs li p {font-size: 14px;line-height: normal;}
    .section-products {padding-top: 0;text-align: center;}
    .products-thume {padding-left: 0;}
    .products-accordion .accordion-button{font-size: 20px;}
    .section-title {padding-bottom: 20px;}
    .hero-section .carousel-indicators{display: none;}
    .hero-section .carousel-control-prev {left: 0;right: 0;}
    .hero-section .carousel-control-next, .hero-section .carousel-control-prev{position: absolute;top: 25%;bottom: 0;z-index: 0;display: flex;align-items: center;justify-content: center;width: 129px;padding: 0;color: #fff;text-align: center;border: 0;opacity: 1;transition: opacity .15s ease;background: transparent !important;height: 273px;}
    .hero-section .carousel-control-prev .carousel-control-prev-icon {position: absolute;right: 72px;background-image: url(../images/arrow-right.svg);width: 39px;height: 21px;background-repeat: no-repeat;top: 28px;transform: rotate(180deg);}
    .hero-section .carousel-control-next-icon{top: 32px;right: 20px;bottom: 32px;width: 39px;}
    .products-text h2{font-size: 24px;}
    .section-title h2 {font-size: 24px;}
    .feature-tabs li.active {background: #3fb9f1;margin-right: 0;transform: none;}
    .feature-tabs li:not(.active) {transform: none;}
    .emailId p {font-size: 14px;line-height: normal;}
    .email-img {width: 40px;height: 40px;}
    .social-links ul li a {width: 40px;height: 40px;padding: 0 20px;}
    .mrgin-t{padding-top: 10px;}
    .hero-section .carousel-item:before {z-index: 0;}
    .carousel-inner {margin-top: 66px;}
    .section-platform .container-fluid {display: block;}
    .main-menu ul.right-nav li a {padding: 8px 80px 10px 12px;font-size: 14px !important;margin: 0 5px;}
    .main-menu ul.right-nav {flex-wrap: nowrap;}
    .contact-us-section .bg-wrapper {padding: 20px;}
    .title-one h2 {font-size: 20px;}
    .main-menu-2 {background: transparent;}
    .main-menu {margin-bottom: 0;}
    .global-reach-inner {padding-left: 20px;padding-right: 20px;}
    .icon-center{justify-content: center;}
    .mrgn-t{margin-top: 0;}
    .button-texts{white-space: nowrap;}
    .hero-space {padding-top: 100px;}
    .hero-app-mocup {position: relative;width: 100%;top: 0;}
    .hero-section {height: 100%;padding-top: 80px;}
    .btn-block-2 {flex-wrap: wrap;}
    .screen-video-magic-cursor {margin-top: 0; padding-bottom: 40px;padding-top: 40px;}
    .my-video-1:before{display: none}
    .feature-box .fbox-content h3 {font-size: 22px; line-height: normal; margin-bottom: 0;}
    .feature-box .fbox-content h5 {font-size: 18px;}
    .why-choose-whatsApp-section {padding-top: 40px;padding-bottom: 0;}
    .screen-Zero-section .container {padding-left: 20px;padding-right: 20px;}
    .Zero-box {padding: 0 1.5rem;border-radius: 20px;margin-bottom: 20px;}
    .Zero-box-2{padding: 0 1.5rem;border-radius: 20px;}
    .Zero-box-inner {padding: 20px;}
    .Zero-box-inner h2 {font-size: 25px;line-height: normal;}
    .Zero-box-inner p {font-size: 14px;line-height: normal;}
    .btn-group-2 {flex-wrap: wrap;}
    .mr-20 {margin-right: 0;}
    .module-2 {padding: 20px;}
    .smart-item {border-right: transparent;}
    .content-smart-item h3 {font-size: 20px;text-align: center !important;}
    .content-smart-item p {font-size: 14px;text-align: center !important;}
    .smart-section {padding-bottom: 0;padding-top: 0;}
    .btn-block-2 .button-primary {margin-right: 0;width: 100%;}
    .button-defaults {font-size: 16px;width: 100%;}
    .button-primary {font-size: 16px;width: 100%;padding: 12px 22px 12px 22px;}
    .tab-arrow {transform: translateY(46%);}

}