@charset "utf-8";


@font-face {
    font-family: 'Sofia-Pro';
    font-weight: 300;
    src: url(../fonts/Sofia-Pro-Light-Az.eot);
    src: url(../fonts/Sofia-Pro-Light-Az.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Sofia-Pro-Light-Az.otf) format('otf'),
        url(../fonts/Sofia-Pro-Light-Az.svg#Sofia-Pro-Light-Az) format('svg'),
        url(../fonts/Sofia-Pro-Light-Az.ttf) format('truetype'),
        url(../fonts/Sofia-Pro-Light-Az.woff) format('woff'),
        url(../fonts/Sofia-Pro-Light-Az.woff2) format('woff2');
}

@font-face {
    font-family: 'Sofia-Pro';
    font-weight: 500;
    src: url(../fonts/Sofia-Pro-Medium-Az.eot);
    src: url(../fonts/Sofia-Pro-Medium-Az.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Sofia-Pro-Medium-Az.otf) format('otf'),
        url(../fonts/Sofia-Pro-Medium-Az.svg#Sofia-Pro-Medium-Az) format('svg'),
        url(../fonts/Sofia-Pro-Medium-Az.ttf) format('truetype'),
        url(../fonts/Sofia-Pro-Medium-Az.woff) format('woff'),
        url(../fonts/Sofia-Pro-Medium-Az.woff2) format('woff2');
}

@font-face {
    font-family: 'Sofia-Pro';
    font-weight: 400;
    src: url(../fonts/Sofia-Pro-Regular-Az.eot);
    src: url(../fonts/Sofia-Pro-Regular-Az.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Sofia-Pro-Regular-Az.otf) format('otf'),
        url(../fonts/Sofia-Pro-Regular-Az.svg#Sofia-Pro-Regular-Az) format('svg'),
        url(../fonts/Sofia-Pro-Regular-Az.ttf) format('truetype'),
        url(../fonts/Sofia-Pro-Regular-Az.woff) format('woff'),
        url(../fonts/Sofia-Pro-Regular-Az.woff2) format('woff2');
}

:root {
    /* COLOR VARIABLES */
    --white: #fff;
    --mild-gray: #a2a1a1;
    --dark-gray: #4c4c4c;
    --black2: #1c1b1b;
    --black: #232222;
    --orange: #f6b157;
    --pink: #e0115e;
    --blue: #29255b;

    /* FONT FAMILY VARIABLES */

    /* TRANSITION SPEED */
    --all-fast: all 0.3s;
    --all-medium: all 0.5s;
    --all-slow: all 0.8s;
}
.bg-white { background: #fff }

/* ========================== COMMON CSS ========================== */
body {
    font-family: 'Sofia-Pro';
    color: #1D1F1D;
}
p:empty{ display: none }

body p {
    font-family: 'Sofia-Pro';
    font-weight: 300;
    color: #677294;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4
}

span {
    font-family: 'Sofia-Pro';
}

*,
ul,
ol,
li,
a {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--black2);
    font-family: 'Nunito', sans-serif;
}

input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus {
    box-shadow: none;
    outline: none;
    background: transparent;
    color: var(--mild-gray);
}

*,
a,
a:active,
a:focus,
button:hover,
button:focus {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    color: #29255b;
}

a,
li,
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sofia-Pro';
    font-weight: 300
}

a {
    transition: var(--all-fast);
}

a:hover {
    color: var(--pink);
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    font-family: 'Sofia-Pro';
    font-weight: 500;
    line-height: 1.1;
}

::-moz-selection {
    color: var(--white);
    background: var(--orange);
}

::selection {
    color: var(--white);
    background: var(--orange);
}

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img {
    transition: all 0.3s;
    max-width: 100%;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

body {
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

[type="reset"],
[type="submit"],
button {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

/*.container {
    width: 1360px;
    max-width: 1360px;
    margin: 0px auto
}

.container-fluid {
    max-width: calc(100% - 300px)
}*/

/* -- stciky navigation -- */
.sticky {
    transition: all 0.4s ease-out;
}

.header {
    background: #fff;
    padding: 15px 0px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.08);
    position: fixed;
    width: 100%; top:0; left: 0;
    z-index: 11;
}

.header.sticky {
    /*position: sticky;*/
    /*top: 0px;*/
    z-index: 111;
    transition: all 0.3s;
    border-bottom: 1px solid #d9d6d6;
    background: #fff;
    padding: 15px 0px;
    width: 100%;
}

.logo {
    width: auto;
    /*display: block;*/
}

.logo img {
    width: 100%
}

/*.header.sticky .logo {
    width: 190px
}*/

.navigation {
    display: flex;
}

.navigation-div {
    width: auto;
}

/*.header.sticky .navigation{ padding-right: 15px }*/
.navigation {
    background-color: #fff;
    transition: all 0.4s ease-in;
}

.navigation ul {
    display: block;
    text-align: left;
}

.navigation ul li {
    display: inline-block;
    text-align: center;
    position: relative;
    transition: all 0.4s;
    margin-left: 30px
}

/*.navigation ul li{margin-left: 10px }*/
.navigation ul li a  , .navigation ul li .dropdown button{
    display: block;
    color: #29255b;
    font-size: 16px;
    font-family: 'Sofia-Pro';
    padding: 10px 0px;
    transition: all 0.4s;
    font-weight: 400;
    position: relative;
    transition: all 0.4s
}
.navigation ul li .dropdown button { background: transparent; }
.navigation ul.dropdown-menu { display: none; text-align: left; padding: 0px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.09); }
.navigation ul.dropdown-menu.show { display: block; }
.navigation ul li .dropdown li { margin-left: 0px; }
.navigation ul li .dropdown li a { margin-left: 0px; font-size: 14px }
.navigation ul li .dropdown li a:hover { background: transparent; }
.navigation ul li .dropdown li:last-child { border-radius: 0px; }

/*.header.sticky .navigation ul li .dropdown li:last-child{padding: 12px 15px;}*/

.navigation ul li:last-child a {
    padding: 15px 30px;
    border-radius: 30px
}



/*.navigation ul li a:hover{ background: var(--pink); color:#fff; }*/
.navigation ul li a:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: var(--pink);
    width: 0px;
    height: 3px;
    transition: all 0.6s
}

.navigation ul li:last-child a:before { display: none }

.navigation ul li a:hover:before {
    width: 100%
}

.navigation ul li.con-button a {
    background: var(--pink);
    color: #fff;
}

.navigation ul li.con-button a:hover {
    background: #c2c6d4 /*#000*/;
    color: #29255b;
}

/*.navigation ul li.con-button a:hover:before{ background: var(--pink) }*/

/*.navigation ul li .dropdown {
    width: 280px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 111;
    padding-top: 27px;
}

.header.sticky .navigation ul li .dropdown {
    padding-top: 4px;
}*/

.navigation ul li .dropdown li {
    display: block;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.navigation ul li .dropdown li a {
    display: block;
    font-size: 14px;
    padding: 12px 15px; text-align: left;
}

.navigation ul li:hover .dropdown {
    display: block !important;
}

.navigation ul li:hover .dropdown a:before{display: block !important;}




.navigation ul li .dropdown li a:last-child a:before{display: block;}

.navigation ul li a span img {
    transition: all 0.4s;
}

.navigation ul li:hover a span img {
    transform: rotate(180deg);
}

.navigation ul li:hover .dropdown li a {
    color: #000;
}

.down-arrow {
    font-size: 13px;
    margin-left: 5px
}

/*.navigation ul li:hover .dropdown li:hover a {color: #fff;background-color: #000;}*/




.commn-btn {
    display: inline-flex;
    padding: 15px 30px;
    border-radius: 30px;
    background: var(--pink);
    color: #fff;
    transition: all 0.3s;
    position: relative;
}

.commn-btn span {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-family: 'Sofia-Pro';
}

.commn-btn:hover {
    /*background: var(--blue);*/
    background: #c2c6d4;
    color: #29255b;
}
.commn-btn:hover span{color: #29255b}


/* -- slider dots -- */
.slick-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    right: inherit;
}

.slick-dots li {
    display: inline-block;
    margin: 6px;
}

.slick-dots li button {
    border: 1px solid #C6C2C2;
}

.slick-dots li button,
.slick-dots li {
    width: 12px;
    height: 12px;
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-dots li.slick-active button {
    border: 1px solid #067BFF;
    background: #067BFF;
}


/* footer */
footer {
    position: relative;
    padding: 50px 0px 80px 0px;
    background: #fff
}

footer .row {
    justify-content: space-between;
}
.footer-logo { display: inline-block; width: 150px; }
.footer-logo img { width: 100%; }

/*footer .container{ border-top:1px solid #000; }*/
.footer-line {
    display: block;
    width: 1366px;
    margin-left: auto;
    margin-right: auto;
    background: #000;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px
}

.footer-div .footer-title {
    font-size: 18px;
    color: #29255b;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}

.footer-div .footer-title:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 1px;
    background: #677294;
}

.border-bottom {
    border-bottom: 2px solid #9f9f9f;
    padding-bottom: 5px
}

.footer-div .quick-links li {
    display: block;
}

.footer-div .quick-links li a {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 30px;
    color: #29255b;
    font-family: 'Sofia-Pro'; position: relative; padding-bottom: 3px;

}

.footer-div .quick-links li a:after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--pink); transition: all 0.3s;  }
.footer-div .quick-links li a:hover:after { width: 100% }

.footer-div .quick-links li:last-child a {
    margin-bottom: 0px;
}

.footer-div .quick-links li a:hover {
    color: var(--pink);
}

.footer-div {
    padding-top: 70px;
}

.footer-div p {
    color: #000;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 20px
}

.social-link li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s
}

.social-link li a:hover {
    background: var(--pink);
}

.social-link li a:hover img {
    filter: brightness(0) invert(1);
}

.social-link li {
    margin: 0px 5px;
    display: inline-block;
}

.social-link li {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.social-link {
    display: block;
    text-align: left;
}

footer h5 {
    font-size: 30px;
    color: #212121;
    font-weight: 600
}

.footer-div p {
    color: #212121;
    font-size: 16px
}

.copy-text {
    color: #201d47;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}

.address-list {
    display: block;
}

.address-list li {
    display: block;
    margin-bottom: 20px
}

.address-list li a {
    display: block;
    position: relative;
    line-height: 1.5;
    padding-left: 45px;
    color: #212121;
    transition: all 0.3s;
    font-size: 20px;
    font-size: 600
}

.address-list li a img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.address-list li a:hover {
    color: var(--pink);
}

.address-list li a .svg {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 20px
}

.footer-bottom {
    background: #fbfbfd;
    padding: 25px 0px
}

.footer-bottom .row {
    justify-content: space-between;
    align-self: center;
    align-items: center;
}

.text-link {
    display: inline-flex;
    align-items: center;
}

.text-link li a {
    font-size: 14px;
    color: #29255b;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s
}
.text-link li:last-child a:after { display: none }

.text-link li a:hover {
    color: var(--pink);
}

.text-link li a:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #29255b;
    width: 1px;
    height: 15px;
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}


/* banner */

.banner-slider .slick-dots {
    bottom: 30px
}

.banner .container,
.header .container, .container, .container-fluid {
    max-width: calc(100% - 300px);
       width: 100%;
}
.container { max-width: 1300px }
.mob-btn { display: none }
/* banner */
.banner {
    /* height: 750px; */
    position: relative;
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

.banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: #29255b;
}

.banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-shape {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    z-index: -1
}

.banner .img-div {
    /* margin-top: 70px; */
    width: 100%;
    text-align: center;
}

.banner .img-div img {
    max-width: 100%
}

.banner-text a.commn-btn:hover { background: #c2c6d4; border:none; color:#29255b;}
.banner-text a.commn-btn:hover span { color:#29255b; }

.banner-text-inner{padding-top: 30px;}
.banner-text-inner .title{color: #fff !important; }
.banner-text-inner p {
    color: #fff !important;
}
.commn-btn{margin-top: 15px;} 
.navigation .commn-btn {
    margin-top: 0px;
}

.banner-text-inner a.commn-btn:hover {
    background: #c2c6d4 /*#fff*/;
    border: none;
    color: #29255b;
}

.banner-text-inner a.commn-btn:hover span {
    color: #29255b;
}

.banner-text .title {
    color: #29255b;
    font-size: 40px;
    font-weight: bold /*500*/;
    margin-bottom: 25px;
    line-height: 1.4
}

.banner-text .title span {
    color: var(--pink);
    font-weight: bold /*500*/;
}

.banner-text p {
    font-size: 18px;
    color: #222;
    margin-bottom: 25px
}



/* about -section */
.section-title {
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-title .title {
    font-size: 35px;
    color: #29255b;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.2
}
.title-h4{font-size: 18px !important;}

.section-title p {
    font-size: 18px;
    color: #677294;
}

.section-title .line {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 3px;
    background: #677294;
    display: inline-block;
    position: relative;
}



/*.section-title .line:before{ content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); height: 4px; width: 50px; background: var(--pink) }*/

.about-text.left{padding-left: 0;}
.about-text {
    padding-left: 30px
}

.about-text .section-title {
    text-align: left;
}

.about-bx {
    background: #fbfbfd
}
.about-box-top-spacing{padding-top:30px;}
.about-text .section-title .line {
    justify-content: flex-start;
    margin-left: 0
}

.about-text p {
    font-size: 18px
}

.about-img {
    width: 100%
}

.about-img img {
    width: 100%
}

.video-div {
    border-radius: 15px;
    overflow: hidden;
}

.list li {
    position: relative;
    padding-left: 18px;
    font-size: 18px;
    color: #677294;
    margin-bottom: 20px;
    line-height: 1.4
}

.list li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--blue)
}

.about-text .commn-btn {
    margin-top: 20px
}

/* video div */
.video-div iframe,
.video-div video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-bx .video-div,
.leaning-bx .video-div {
    width: 100%;
    /* height: 390px */
}

.ilt-solution-bg {
    padding-bottom: 20px;
    text-align: center;
}

.ilt-solution-bg .title {
    text-align: center;
}

.ilt-solution-bg .line {
    text-align: center;
    display: inline-block;
    margin: 0 auto !important;
}

.video-div .video {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.video-div .video img{
    max-width: 100%;
        /*width: 100%;*/
}

.play-bt {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 5px;
    background-image: url("../images/play-btn.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120px;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 99;
    cursor: pointer;
}

.pause-bt {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 5px;
    background-image: url("../images/pause2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120px;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 99;
    cursor: pointer;
}


.leaning-bx .about-text {
    padding-left: 0px;
}


/* process section */
/*.process-sec{ background: #f8f8f8 }*/
/*.product-bx{ width: 100%; padding: 7px 7px; display: block; margin-bottom: 25px}*/
.product-bx .product-img {
    width: 100%;
    height: 300px;
    margin-bottom: 25px;
    overflow: hidden;
}

.product-bx .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s
}

.product-bx .product-img:hover img {
    transform: scale(1.03);
}

.product-bx .product-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
    transition: all 0.4s;
    border-radius: 50%;
    background: var(--blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-bx:hover .product-icon {
    background: var(--pink)
}

/*.product-bx:hover .product-icon{ background: var(--pink) }*/
.product-bx .product-icon img {
    width: 65px
}

.product-bx {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    display: block;
    padding: 30px 40px;
    border-radius: 15px;
        
    border:1px solid #d9d6d6;    
}

.product-bx .product-text .title {
    font-size: 20px;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 10px
}

.product-bx .product-text span {
    transition: all 0.3s;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: var(--pink);
    display: inline-flex;
    align-items: center;
}

.product-bx .product-text span .icon {
    margin-left: 5px;
    color: var(--pink);
}

.product-bx .product-text span:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.product-bx .product-text span:hover .icon {
    color: #000
}

.product-bx .product-text p {
    height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.solution-sec .product-bx .product-icon img {
    width: 38px;
}

.solution-sec .row {
    row-gap: 25px;
}

.solution-sec .product-bx {
    padding: 40px 64px
}

.solution-sec .product-bx .product-text p {
    height: 70px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* usecase section */
.usecase-sec {
    background: #fbfbfd
}

.case-bx {
    margin-bottom: 20px;
    display: block;
    /* background: #FFF;    
    border: 1px solid #d9d6d6; */
    border-radius: 15px;
}
.case-text{padding: 0 15px 15px 15px;}

.case-bx .case-img {
    width: 100%;
    height: 220px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px
}

.case-bx .case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.case-bx .case-text .title {
    font-size: 30px;
    color: #29255b;
    margin-bottom: 12px;
    text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
}

.case-bx .case-text span {
    color: var(--pink);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    transition: all 0.3s;
}
.case-bx:hover .case-text span { color:var(--blue); }

.case-bx .case-text p {
    height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.video-div {
    width: 100%;
    /* height: 500px; */
}

.video-div iframe {
    width: 100%;
    height: 100%
}


/* why section */

.why-sec {
    background: #fbfbfd
}

.why-sec.py-90 {
    padding-bottom: 70px
}

.why-bx {
    display: flex;
    padding: 20px 30px
}

.why-bx .why-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 20px;
    background: var(--blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.why-bx .why-icon img {
    width: 45px;
}

.why-bx .why-icon.employee{width: 90px; min-width: 90px; height: 90px; }
.why-bx .why-icon.employee img {
    width: 80px;
}

.why-bx .why-text .title {
    font-size: 18px;
    color: #29255b;
    margin-bottom: 12px;
    font-weight: 500;
}

/*.why-bx .why-text p {
    height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

/* advice bx */
.advice-sec {
    position: relative;
}

.advice-sec:after {
    content: "";
    position: absolute;
    opacity: 0.8;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 300px;
    z-index: -1;
    background: #fbfbfd;
}

.advice-cont {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    padding: 70px 90px;
    border-radius: 20px;
    text-align: center;
}

.advice-cont .section-title {
    justify-content: flex-start;
    text-align: center;
}

.advice-cont .section-title .line {
    /* margin-left: 0px; */
}

.advice-cont p {
    color: #29255b;
}

.advice-cont .commn-btn {
    margin-top: 15px;
}




/* product detail page */
/* .banner-inner-box{height: auto;} */

.in-banner {
    position: relative;
}

.in-banner video {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: relative;
}

.in-banner video:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1
}

.in-banner .inban-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.in-banner .play-icon img {
    width: 20px;
    height: auto
}


/* product page */

.benefit-sec,.benefit-sec2 { background: #fbfbfd;}
.benefit-sec .img-bx { margin: auto; width: 80%; }
.benefit-sec .img-bx img{ width: 100% }

.benefit-row { margin-bottom: 80px }
a.benefit-row {text-align: center;}
.benefit-row:last-child{margin-bottom: 0;}
.benefit-sec .benit-info .section-title { text-align: left; }
.benefit-sec .benit-info .section-title .line { margin-right: auto; margin-left: 0px }
.benefit-sec .benit-info .section-title .title { font-size: 26px; }

.why-bx .why-text .point { display: inline-block; font-weight: 500; padding: 5px 8px; font-size: 14px; color:#29255b; margin-bottom: 12px; background: #f1f1f1; border-radius: 5px; }

.benefit-sec2 .benefit-bx-cont { margin-top: 30px; }
.benefit-sec2 .benefit-bx-cont .section-title { text-align: left; }
.benefit-sec2  .benefit-bx-cont .section-title .line { margin-right: auto; margin-left: 0px }
.benefit-sec2  .benefit-bx-cont2 .section-title .line { margin-right: auto; margin-left: 0px ; background: var(--pink)}
.benefit-sec2 .benefit-bx-cont .section-title .title { font-size: 24px; }

.benefit-bx-cont1 .why-bx  {padding-left: 0px; padding-right: 0px}
.benefit-sec2  .benefit-bx-cont2 .why-bx .why-icon { background: var(--pink) }

.benefit-sec2  .benefit-bx-cont .why-bx { margin-bottom: 25px; min-height: 130px;}
.benefit-sec2  .benefit-bx-cont2 .why-bx .why-text .point { background: #fce9ef; color:var(--pink); }
.benefit-sec2  .benefit-bx-cont .why-bx .why-text p { margin-bottom: 0px; }
.benefit-sec2  .benefit-bx-cont2 .why-bx { background: #FFF; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    border: 1px solid #d9d6d6;
    min-height: 130px;
    }




/* use case */
.usecase-bx .case-bx { display: flex; align-items: self-start; }
.usecase-bx .case-bx .case-img  {width: 400px; min-width: 400px; margin-right:30px; aspect-ratio:1.9; height: auto}
.usecase-bx .case-bx .case-text p { height: auto }


/*pricing -bx */
.price-form { margin-top: 40px }
.banner.pricing-banner { height: auto; padding-top: 150px; padding-bottom: 150px }
.get-in-band { background: #fbfbfd }
.pricing-bx { padding: 40px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.08); border-radius: 20px }
.pricing-bx .bar  {width: 100%; height: 7px; border-radius: 3px; background: #ffebec; position: relative; overflow: hidden; margin: 30px 0px; display: block;}
.pricing-bx .bar:before { content: ""; position: absolute; top:0px; left: 0px; width: 30%; height: 100%; z-index: 1; background: var(--pink) }

.pricing-bx.pricing-bx2  { background: transparent; box-shadow: none ; padding: 0px 0px 0px 0px;}

.pricing-bx .section-title { text-align: left; margin-bottom: 30px }
.pricing-bx .section-title .line { margin-right: auto; margin-left: 0px }
.pricing-bx .subtitle { font-size: 20px; font-weight: 500; margin-bottom: 20px; color:var(--blue); }

.lerner-list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; margin-bottom: 30px   }
.lerner-list li { display: flex; align-items: center; }
.lerner-list li span { display: inline-flex; align-items: center; justify-content: center; width: 30px;height: 30px; background: #fff; border:1px solid #e6e6e6; margin-right: 10px }

/* pricing */

.lerner-list li input[type="radio"] { display: none; }
.lerner-list li label.label-check {white-space: nowrap;   font-size: 14px; border-radius: 5px; padding: 7px; background: #f4f4f4; border: 1px solid #e6e6e6; position: relative; overflow: hidden; transition: all 0.3s; display: flex; align-items: center; justify-content: flex; position: relative; cursor: pointer; text-align: center; width: auto; height: auto; transition: all 0.6s; width: 100%;  }
.lerner-list li label.label-check:before { background-color: transparent; color: #6d6a6a; content: "✓"; display: block; border-radius: 50%; border: 1px solid transparent; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 22px; height: 22px; text-align: center; line-height: 23px; transition-duration: 0.4s; opacity: 0;}
.lerner-list li :checked+label.label-check { border-color:#29255b; }
.lerner-list li :checked+label.label-check:before { content: "✓"; background: linear-gradient(190.4deg, #1395bc 7.4%, #116c9d 18.28%, #2a528d 28.39%, #353f82 38.49%, #423b7f 52.48%, #b13c80 71.14%, #d33680 76.43%, #d33680 85.13%);
color:#fff; opacity: 1; animation: rotatecheck 0.3s ; transform-origin: center center; }




::placeholder { color:#677294; font-size:16px; }
.pricing-bx form { margin-top: 30px }
.form-group { margin-bottom: 20px }
.form-group .form-control { width: 100%; height: 50px; display: inline-flex;align-items: center; padding: 10px 15px; font-size: 16px; color:#677294; background: #fff; border:1px solid #e6e6e6; }
.form-group textarea.form-control {  height: 140px; resize: none; }

.core-feature { background: #fff }

.feature-list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 35px; margin-top: 20px }
.feature-list li { display: flex; align-items: center; font-size: 19px; color:var(--blue); font-weight: 500; }
.feature-list li img { width: 20px; margin-right: 20px }
.core-feature .commn-btn { margin-top: 70px }

.faq-sec { background: #fbfbfd }
.faq-sec .exp-list > li a.list-title { color:#29255b; padding: 20px 30px 20px 60px; font-size: 20px; font-weight: 500; transition: all 0.4s; position: relative; display: block; }
.faq-sec .exp-list > li { background: #fff;border-radius: 15px;  box-shadow: 0 0 10px rgba(0,0,0,0.05);  display:block;}
.faq-sec .exp-list > li.active a.list-title { color:#29255b; }
.faq-sec .exp-list > li:last-child { margin-bottom: 0px }
/*.faq-sec .exp-list > li a.list-title:hover { color:#fff; }*/
/*.faq-sec .exp-list > li a.list-title:hover {background: #f59249}*/
.faq-sec .exp-list > li.active a.list-title .icon .svg { transform: rotate(180deg); }
.faq-sec .exp-list > li .text-box { padding: 0px 30px 10px 60px; display: none; }
.faq-sec .exp-list > li .text-box p:last-child { margin-bottom: 0px; }
.faq-sec .exp-list > li.active a.list-title .icon svg path { stroke:var(--pink); }
.faq-sec .exp-list > li a.list-title .icon { width: 20px; height: 20px; right: 20px; top:13px; display: inline-block; position: absolute; }
.faq-sec .exp-list > li a.list-title .icon .svg { width: 100%; height: auto; transition: all 0.3s }
.faq-sec .exp-list > li a.list-title span.icon svg path { stroke: #ffffff }
/*.faq-sec .exp-list > li.active a.list-title span.icon svg line { stroke: #ffffff }*/
/*.faq-sec .exp-list > li.active a.list-title span.icon .svg.minus line { stroke:#fff; }*/
.faq-sec .exp-list > li { margin-bottom: 20px; transition: all 0.4s }

.faq-sec .exp-list > li .list-title .no { position: absolute; top:22px; left: 15px; width: 25px; height: 25px; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: center; background: var(--pink); color:#fff; border-radius: 50%;  }



/* benefit new section */
/*.compare-ben-sec .section-title { margin-bottom: 70px }*/

.benefit-bx  .title { font-size: 25px; text-align: center; margin-bottom: 40px; color:#29255b; }

.benefit-bx ul li { display: block; margin-bottom: 35px; }

.benefit-bx ul li .title-grp { margin-bottom: 10px; position: relative; display: block; height: 50px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; font-size: 20px; color:#fff; font-weight: 500; background: rgba(224,17,94,1)  }
.benefit-bx ul li .title-grp .no { background: #fff; height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; color:rgba(224,17,94,1);  }

.benefit-bx1 ul li { width: 100%; margin-left: auto }
.benefit-bx1 ul li { width: 100%; margin-right: : auto; min-height: 100px }
.benefit-bx ul li p { color:#000; }
.benefit-bx1 ul li .title-grp:before { content: ""; position: absolute; right: 100%; top: 0px;  width: 30px; height: 100%; border-right: solid 25px rgba(224,17,94,1); border-bottom: solid 23px transparent; border-top: solid 27px transparent;  }
.benefit-bx2 ul li .title-grp:before { content: ""; position: absolute; left: 100%; top: 0px;  width: 30px; height: 100%; border-left: solid 25px rgba(224,17,94,1); border-bottom: solid 23px transparent; border-top: solid 27px transparent;  }
.benefit-bx2 ul li { text-align: right; }

.benefit-bx ul li:last-child { margin-bottom: 0px }

.benefit-bx ul li:nth-child(2) { width:95% } 
.benefit-bx ul li:nth-child(2) .title-grp { background: rgba(32,29,71,1)  }
.benefit-bx ul li:nth-child(2) .title-grp .no {   color: rgba(32,29,71,1) } 
.benefit-bx ul li:nth-child(2) .title-grp:before { border-right: solid 25px rgba(32,29,71,1); }
.benefit-bx2 ul li:nth-child(2) .title-grp:before { border-right: none; border-left: solid 25px rgba(32,29,71,1); }


.benefit-bx ul li:nth-child(3) { width:90% } 
.benefit-bx ul li:nth-child(3) .title-grp { background: rgba(224,17,94,0.9)  }
.benefit-bx ul li:nth-child(3) .title-grp .no { color: rgba(224,17,94,0.9) } 
.benefit-bx ul li:nth-child(3) .title-grp:before { border-right: solid 25px rgba(224,17,94,0.9); }
.benefit-bx2 ul li:nth-child(3) .title-grp:before { border-right: none; border-left: solid 25px rgba(224,17,94,0.9); }


.benefit-bx ul li:nth-child(4) { width:85% } 
.benefit-bx ul li:nth-child(4) .title-grp { background: rgba(32,29,71,0.9)  }
.benefit-bx ul li:nth-child(4) .title-grp .no {   color: rgba(32,29,71,0.9) } 
.benefit-bx ul li:nth-child(4) .title-grp:before { border-right: solid 25px rgba(32,29,71,0.9); }
.benefit-bx2 ul li:nth-child(4) .title-grp:before { border-right: none; border-left: solid 25px rgba(32,29,71,0.9); }

.benefit-bx ul li:nth-child(5) { width:80% } 
.benefit-bx ul li:nth-child(5) .title-grp { background: rgba(224,17,94,0.8)  }
.benefit-bx ul li:nth-child(5) .title-grp .no {   color: rgba(224,17,94,0.8) } 
.benefit-bx ul li:nth-child(5) .title-grp:before { border-right: solid 25px rgba(224,17,94,0.8); }
.benefit-bx2 ul li:nth-child(5) .title-grp:before { border-right: none; border-left: solid 25px rgba(224,17,94,0.8); }

.benifit-icons { text-align: center;  padding: 0px 20px; position: relative; margin-top: 60px}
.benifit-icons:before { content: ""; position: absolute; left: 50%; transform: translate(-50%, -50%); top:50%; height: 110%;  width:350px;  background: #fff5f5; border-radius: 10px; z-index: -1  }
.benifit-icons ul li {text-align: center; margin-bottom: 65px; }
.benifit-icons ul li img { width: 70px }
.benifit-img { width: 100%; }
.benifit-img img { width: 100%; }

.mob-benifit-icon-div { display: none }


/*use cases employee page css start here*/
.clr{clear: both}
.accord-item{background: #FFF; margin: 10px 0; padding: 20px; display: block; border-radius: 5px; 
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.margin_top_sec{margin-top: 35px;}

.why-icon.text {font-size: 32px; width: 80px; height: 80px; line-height: 80px; text-align: center; min-width: 80px; background: #e0115e;}
.why-icon.text span{color: #FFF; font-weight: 500;}

 
.lms_bx{padding: 0 50px; position: relative; display: table; width: 100%;}
.lms_bx_mobil{display: none;}
.lms_bx_l{display: table-cell; vertical-align: middle; width: 45%;}
.white_bor{position: relative; border: 2px solid #FFF; padding:13px /*20px*/; width:380px /*322px*/; height:380px /*322px*/; border-radius: 50%;}

.white_circle_1{width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 40px; right:42px; background: #29255b;}
.white_circle_2{width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 130px; right:-4px; background: #3c3770;}
.white_circle_3{width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 230px; right:13px; background: #4c4580;}
.white_circle_4{width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 298px; right:85px; background: #584f99;}

.cross_line_1{position: absolute; right: -202px; top: -60px;}
.cross_line_2{position: absolute; right: -270px; top: 80px;}
.cross_line_3{position: absolute; right: -250px; top: 214px;}
.cross_line_4{position: absolute; right: -217px; top: 304px;}

.dark_gradient{ width: 350px /*278px*/; height:350px /*278px*/; padding: 15px /*20px*/; border-radius: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ede7e7+0,bfb3b3+100 */
background: linear-gradient(to right,  #ede7e7 0%,#bfb3b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
    /*-webkit-box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);*/
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.30);
    
}
.title_bx_round{border: 12px solid #FFF; border-radius: 50%; width:320px /*240px*/; height:320px /*240px*/; text-align: center; vertical-align: middle; padding: 0 20px /*67px 20px 20px 20px*/; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d9d9+0,f6f2f1+100 */
background: linear-gradient(to right,  #e7d9d9 0%,#f6f2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.round_title{font-size: 25px /*20px*/; font-weight: 500; text-transform: uppercase;}
.round_title span{display: block; font-size: 16px; font-weight: 300;}
.round_dot{display: inline-block; text-align: center; margin: 10px 0 0 0;}
.round_dot ul{margin: 0px; padding: 0px;}
.round_dot ul li{list-style-type: none; display: inline-block; margin: 0 1px; width: 24px; height: 5px; border-radius: 10px;}

.lms_bx_r{display: table-cell; vertical-align: middle; width: 55%;}
.lms_bx_one{border-radius: 100px; background: #FFF; position: relative; margin: 20px 0; height: 120px; padding: 15px 90px 15px 145px; width: 94%; overflow: hidden;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.lms_bx_one.marg_left{margin-left: 6%;}
.lms_bx_one_icn{position: absolute; left: 0; top: 0; background: #29255b; border-radius: 50%; width: 120px; height: 120px; text-align: center; line-height: 120px;}
.lms_bx_one_icn.two{background: #3c3770;}
.lms_bx_one_icn.three{background: #4c4580;}
.lms_bx_one_icn.four{background: #584f99;}
.lms_title{font-size: 24px; font-weight: 500; margin: 5px 0 10px 0;}
.lms_txt{font-size: 15px; font-weight: 300;}
.lms_number{position: absolute; right: 40px; top: 30px; color: #aeb3c3; font-size: 40px; font-weight: 500;}
.img_bor{border-radius: 10px; text-align: center; width: 100%;}


.more_reposit{color: #e0115e; font-size: 16px; font-weight: 400;}
.more_reposit:hover{color: #29255b;}
.banner-text p.inner{color: #222;}
.banner-text .title.blue{color: #29255b;}
.banner-text a.commn-btn.blue:hover{background: #29255b; color: #FFF;}
.banner-text a.commn-btn.blue:hover span{color: #FFF;}
.marg_tp{margin-top: 35px;}



.solution_bx_l{margin-top: 50px;}
.solution_one{position: relative; padding: 30px 0 0 100px; min-height: 109px;}
.solution_one_pic{background: #90cf03; padding: 10px; position: absolute; left: 0; top: 0; padding: 15px; text-align: center;}
.solution_one_pic img{width: 48px;}
.solution_one::after{content: ''; top: 0; left: 0; width: 100%; height: 3px; background: #6c9b02; position: absolute;}
.solution_title{font-size: 18px; color: #29255b; font-weight: 500;}

.solution_one_pic.two{background: #ffaa19;}
.solution_one.two::after{background: #d28400;}

.solution_one_pic.three{background: #85096a;}
.solution_one.three::after{background: #640750;}
.solution_one_pic.four{background: #1f497d;}
.solution_one.four::after{background: #17375e;}

.solution_one_pic.five{background: #e0115e;}
.solution_one.five::after{background: #ab0040;}

.solution_step_bx{background: #FFF; position: relative;}
.solution_new_title{padding: 15px 20px; text-align: center; background: #29255b; color: #FFF; font-size: 18px; font-weight: 500;}
.solution_new_title.pink{background: #e0115e;}
.solution_step_cont{background: #FFF;}
.solution_step_cont ul{margin: 0px; padding: 0px;}
.solution_step_cont ul li{list-style-type: none; padding: 15px 20px; border-bottom: 1px solid #ebebee; font-size: 18px; line-height: 25px; color: #333333; min-height: 110px; position: relative;}
.solution_step_cont ul li h3,.solution_step_cont ul li img{display: none;}

.managment_sys{display: block;}
.managment_sys ul{margin: 0px; padding: 0px;}
.managment_sys ul li{list-style-type: none; position: relative; padding: 0 0 15px 30px}
.managment_sys ul li::after{content: ''; position: absolute; left: 6px; top: 21px; width: 1px; height: 100%; border: 1px dashed #ffbfd7;}
.managment_sys ul li::before{content: ''; position: absolute; left: 0; top: 7px; width: 13px; height: 13px; background: #e0115e; border-radius: 50%; border:3px solid #ffbfd7;}
.managment_sys ul li:last-child::after{border: none;}
.managment_sys_title{}

.mobile_round{display:  none;}
.title_marg{margin-top: 50px;}

p.text-left{text-align: left;}


.franchise_p_txt{margin-top: 20px;}