* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth
}

a {
    text-decoration: none;
    outline: none;
    box-shadow: none
}

.border-radius-16 {
    border-radius: 16px
}

.bg-btn {
    background: #008EBB;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 9px 9px 16px;
    color: #fff;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    transition: all 0.35s;
    position: relative;
    display: flex;
    align-items: center;
    border: none;
    white-space: nowrap
}

.bg-btn:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f285";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none;
    background-position: center top
}

.bg-btn:hover,
.bg-btn:active {
    background: #006D91;
    border: none;
    color: #fff
}

.bg-btn:hover::after,
.bg-btn:active::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.bg-btn.bor {
    background: transparent;
    border: 1px solid #7B61FF;
    color: #7B61FF
}

.bg-btn.bor:hover {
    background: #008EBB;
    color: #fff
}

.bg-btn.blue {
    background: #00C2F9;
    border-color: #00C2F9
}

.bg-btn.blue.bor {
    border-color: #00C2F9;
    color: #00C2F9;
    background: transparent
}

.bg-btn.blue.bor:after {
    color: #00C2F9
}

.bg-btn.blue.bor:hover {
    background: #00C2F9;
    color: #fff
}

.bg-btn.blue.bor:hover:after {
    color: #fff
}

.bg-btn.white.bor {
    border-color: #fff;
    color: #fff
}

.bg-btn.white.bor:after {
    color: #fff
}

.bg-btn.white.bor:hover {
    background: #fff;
    color: #000
}

.bg-btn.white.bor:hover:after {
    color: #000
}

.bg-btn.s-smiler {
    min-width: 137px;
    justify-content: center
}

.bg-btn[data-bs-toggle="modal"] {
    cursor: pointer
}

.border-btn {
    border: 1px solid #008EBB;
    color: #008EBB;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 9px 12px;
    transition: all 0.35s
}

.border-btn:hover {
    background: #008EBB;
    color: #fff
}

.border-btn.bor-none {
    border: 1px solid transparent
}

.border-btn.bor-none:hover {
    border: 1px solid #009ECE;
    background: transparent;
    color: #009ECE
}

header {
    background: #fff;
    min-height: 52px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

header .home-header-tagline {
    display: none
}

header .container {
    position: relative
}

header.home-header {
    background: transparent;
    min-height: 52px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    border-bottom: 1px solid rgba(68, 84, 111, 0.1)
}

header .navbar {
    margin: 0px;
    padding: 0px;
    background: none !important;
    position: inherit;
    width: 100%
}

header .navbar .navbar-collapse {
    position: initial
}

header .navbar .navbar-nav {
    column-gap: 10px
}

header .navbar .navbar-nav li {
    position: inherit
}

header .navbar .navbar-nav li a {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px
}

header .navbar .navbar-nav li a:after {
    border: none;
    background: url(../images/down-arrow-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
    background-position: 120% 0px;
    transition-duration: .5s
}

header .navbar .navbar-nav li a.nav-link {
    position: relative
}

header .navbar .navbar-nav li a.nav-link:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    display: block;
    transition-duration: .5s
}

header .navbar .navbar-nav li.ai-nav {
    position: relative
}

header .navbar .navbar-nav li.ai-nav a span {
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

header .navbar .navbar-nav li.ai-nav .dropdown-menu {
    width: 300px;
    padding: 0px 0px;
    border: 1px solid #DCDFE4;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

header .navbar .navbar-nav li.ai-nav .dropdown-menu .inner {
    padding: 10px
}

header .navbar .navbar-nav li.ai-nav .dropdown-menu .inner ul {
    margin: 0px 0px 0px !important
}

header .navbar .navbar-nav li.company-nav {
    position: relative
}

header .navbar .navbar-nav li.company-nav .dropdown-menu {
    width: 300px;
    padding: 0px 0px;
    border: 1px solid #DCDFE4;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

header .navbar .navbar-nav li.company-nav .dropdown-menu .inner {
    padding: 10px
}

header .navbar .navbar-nav li.company-nav .dropdown-menu .inner ul {
    margin: 0px 0px 0px !important
}

header .navbar .navbar-nav li:hover a.nav-link {
    color: #008EBB;
}

header .navbar .navbar-nav li:hover a.nav-link:after {
    background: url(../images/down-arrow-icon-blue.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
    background-position: 120% 0px;
    transform: rotate(180deg)
}

header .navbar .navbar-nav li:hover a.nav-link:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #008EBB;
    width: 100%;
    height: 2px;
    border-radius: 100%;
    transform: scaleX(1);
    display: block
}

header .navbar .navbar-nav .dropdown-menu {
    width: 100%;
    left: 0;
    padding: 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: 1px solid #DCDFE4;
    animation: dropdown-show .2s
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] {
    position: relative;
    padding-left: 30px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(2):after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #DCDFE4
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(2):before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #DCDFE4
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(4):after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #DCDFE4
}

header .navbar .navbar-nav .dropdown-menu .bg-ai {
    background: rgba(233, 242, 255, 0.5)
}

header .navbar .navbar-nav .dropdown-menu .inner {
    width: 100%
}

header .navbar .navbar-nav .dropdown-menu .inner.inner-op {
    opacity: 0.5
}

header .navbar .navbar-nav .dropdown-menu .heading {
    color: #8590A2;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    column-gap: 9px;
    padding: 26px 0px 18px
}

header .navbar .navbar-nav .dropdown-menu .heading a {
    column-gap: 9px;
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu .heading a:hover {
    color: #009ECE
}

header .navbar .navbar-nav .dropdown-menu ul {
    flex-wrap: wrap;
    margin-bottom: 24px !important
}

header .navbar .navbar-nav .dropdown-menu ul li {
    position: relative;
    width: 100%;
    padding: 6px 0px
}

header .navbar .navbar-nav .dropdown-menu ul li a {
    padding: 0;
    width: fit-content;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    column-gap: 14px
}

header .navbar .navbar-nav .dropdown-menu ul li a img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

header .navbar .navbar-nav .dropdown-menu ul li a:hover,
header .navbar .navbar-nav .dropdown-menu ul li a:active,
header .navbar .navbar-nav .dropdown-menu ul li a:focus {
    background: transparent;
    color: #7B61FF
}

header .navbar .navbar-nav .dropdown-menu ul li a.explore-view {
    margin-top: 11px;
    color: #00C2F9;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-right: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex
}

header .navbar .navbar-nav .dropdown-menu ul li a.explore-view:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

header .navbar .navbar-nav .dropdown-menu ul li a.explore-view:hover {
    color: #000
}

header .navbar .navbar-nav .dropdown-menu ul li a.explore-view:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

header .navbar .navbar-nav .dropdown-menu ul li ul {
    margin: 0px 0px 0px 15px !important
}

header .navbar .navbar-nav .dropdown-menu ul li ul li {
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu ul li ul li a {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0px;
    opacity: 0.7
}

header .navbar .navbar-nav .dropdown-menu ul li ul li a:hover {
    opacity: 1
}

header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav {
    padding: 26px 0px 0px
}

header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a {
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    margin: 3px 0px
}

header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a:hover {
    background: #E6F8FF;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a span i {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    color: #4F4F4F
}

header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li.active a {
    background: #E6F8FF;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel {
    padding: 26px 0px 0px
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel li {
    padding: 5px 0px;
    display: block
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel li a {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel li a:hover {
    color: #7B61FF
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel li a i.link {
    position: relative;
    top: -5px;
    left: -10px;
    font-size: 9px
}

header .navbar .navbar-nav .dropdown-menu ul.product-panel li.active a {
    color: #7B61FF
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 {
    padding-left: 14px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li {
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li span {
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    margin: 3px 0px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li span:hover {
    background: #f7f9fd;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li span a {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li.active span {
    background: #f7f9fd;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li span {
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li[data-target] span {
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2 ul.product-panel li[data-target] span:after {
    content: "\f285";
    position: absolute;
    right: 10px;
    top: 8px;
    font-family: bootstrap-icons !important;
    background: transparent
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 {
    padding-left: 14px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%), rgba(233, 242, 255, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    min-height: initial;
    margin-top: auto;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: end;
    position: relative;
    overflow: hidden
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ready-to-improve-bg.webp);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    opacity: 0.6
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav .heading {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding: 0px;
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav p {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 0px;
    margin: 0;
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav a {
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;
    display: none;
    align-items: center;
    column-gap: 5px;
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav a i {
    font-size: 20px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 .panel-bg-nav a:hover {
    text-decoration: underline
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li {
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span {
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    margin: 3px 0px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span:hover {
    background: #f7f9fd;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span a {
    color: #000;
    column-gap: 10px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span a i {
    color: #009ECE;
    font-size: 18px;
    transition: all 0.35s
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span a i.link {
    left: -8px;
    font-size: 9px;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span a:hover i {
    margin-left: -3px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li span a:hover i.link {
    margin-left: 1px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li.active span {
    background: #f7f9fd;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li[data-target] span {
    position: relative
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel li[data-target] span:after {
    content: "\f285";
    position: absolute;
    right: 10px;
    top: 8px;
    font-family: bootstrap-icons !important;
    background: transparent
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel.active#dtbgg-workspace {
    display: flex;
    column-gap: 10px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel.active#dtbgg-workspace li {
    width: 40%
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
    padding-left: 14px;
    display: none
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4.active {
    display: block
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 .product-panel {
    display: none
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 .product-panel.active {
    display: block
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li {
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a {
    width: 100%;
    padding: 4px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 3px 0px;
    color: #000;
    column-gap: 10px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a i {
    color: #009ECE;
    font-size: 18px;
    transition: all 0.35s
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a i.link {
    left: -8px;
    font-size: 9px;
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a:hover {
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a:hover i {
    margin-left: -3px
}

header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 li a:hover i.link {
    margin-left: 1px
}

header .navbar .navbar-nav .dropdown-menu .arrow-btn {
    color: #009ECE;
    margin: auto 0px 40px;
    padding: 0
}

header .navbar .navbar-nav .dropdown-menu .arrow-btn:after {
    background: none;
    color: #120E30
}

header .navbar .navbar-nav .dropdown-menu .bottom-nav {
    border-top: 1px solid #DCDFE4;
    padding: 16px 0px
}

header .navbar .navbar-nav .dropdown-menu .bottom-nav ul {
    margin: 0px !important;
    column-gap: 27px
}

header .navbar .navbar-nav .dropdown-menu .bottom-nav ul li {
    width: auto;
    padding: 0px
}

header .navbar .navbar-nav .dropdown-menu .bottom-nav ul li a {
    color: #120E30;
    font-size: 14px
}

header .navbar .navbar-nav .dropdown-menu .bottom-nav ul li a:hover {
    color: #000
}

header .navbar .navbar-nav .dropdown-menu .product-panel {
    display: none
}

header .navbar .navbar-nav .dropdown-menu .product-panel.active {
    display: block
}

header .navbar .navbar-nav .dropdown-menu .product-col-2 .inner {
    display: block !important;
    min-height: 100%
}

header .navbar .navbar-nav .dropdown-menu .product-col-3 {
    min-height: 100%
}

header .navbar .navbar-nav .dropdown-menu .product-hover-nav li.active>a {
    background: #f2f2f2
}

header .navbar .navbar-nav .dropdown-menu .dropdown-menu .col-xl-3 .inner {
    display: block !important;
    min-height: 100%
}

header .navbar .navbar-nav .dropdown-menu .product-panel {
    display: none
}

header .navbar .navbar-nav .dropdown-menu .product-panel.active {
    display: block
}

header .navbar .navbar-nav .dropdown-menu .product-col-3 {
    display: flex !important
}

header .navbar .navbar-nav .dropdown-menu .product-col-3 .product-panel {
    display: none
}

header .navbar .navbar-nav .dropdown-menu .product-col-3 .product-panel.active {
    display: flex
}

header .navbar .navbar-nav .dropdown-menu .mega-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .2s ease
}

header .navbar .navbar-nav .dropdown-menu .mega-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

header .navbar .navbar-nav .dropdown-menu #ai-service-panel li.active>a {
    color: #7B61FF
}

@keyframes dropdown-show {
    from {
        opacity: 0;
        transform: scale(0.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

header .header-right-part {
    display: flex;
    align-items: center;
    column-gap: 5px
}

header .header-right-part .bg-btn {
    cursor: pointer
}

header .header-right-part .dropdown .btn {
    padding: 0px 4px;
    box-shadow: none;
    outline: none;
    color: #009ECE;
    border: none;
    font-size: 21px;
    background: #DEECFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 36px;
    height: 36px
}

header .header-right-part .dropdown .btn:after {
    display: none
}

header .header-right-part .dropdown .btn:active {
    box-shadow: none;
    outline: none;
    border: none
}

header .header-right-part .dropdown .btn.show {
    border: none;
    outline: none;
    box-shadow: none
}

header .header-right-part .dropdown .dropdown-menu {
    right: 0px;
    border-radius: 0px;
    border: 1px solid #DCDFE4;
    box-shadow: 0 10px 10px -14px #172B4D
}

header .header-right-part .dropdown .dropdown-menu li a {
    color: #626262;
    font-size: 14px;
    font-weight: 500
}

header .header-right-part .dropdown .dropdown-menu li a:hover {
    color: #00C2F9
}

header .header-right-part.justify-content-end {
    column-gap: 10px
}

header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.03), 0 4px 15px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.banner-section {
    background: #DEECFF;
    min-height: 790px;
    padding: 55px 0px
}

.banner-section h1 {
    color: #008EBB;
    font-size: 61px;
    font-weight: 600;
    margin: -20px 0px 0px
}

.banner-section p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 24px;
    margin: 0;
    padding: 4px 0px 0px
}

.banner-section.home-banner {
    position: relative;
    background: linear-gradient(135deg, #0b1f33 0%, #1e94c6 100%) padding: 130px 0px 0px;
    min-height: calc(100vh - 260px);
    display: flex;
    overflow: hidden
}

.banner-section.home-banner:before {
    inset: 0;
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(12, 102, 228, 0.2) 0%, rgba(243, 138, 63, 0.2) 100%);
    filter: blur(97px);
    right: 0%;
    pointer-events: none;
    z-index: 1;
    width: 532px;
    left: auto;
    height: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px
}

.banner-section.home-banner .container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

.banner-section.home-banner .container .row {
    align-items: center;
    min-height: 100%
}

.banner-section.home-banner .banner-left {
    padding: 0px 0px 0px;
    position: relative
}

.banner-section.home-banner .banner-left .sub-heading {
    color: #7B61FF;
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

.banner-section.home-banner .banner-left h1 {
    font-size: 34px;
    font-weight: 600;
    margin: 0px;
    padding: 5px 0px
}

.banner-section.home-banner .banner-left h1 span {
    display: flex;
    width: 100%
}

.banner-section.home-banner .banner-left p {
    padding-right: 50px
}

.banner-section.home-banner .banner-left .left-tabs-section {
    width: 100%;
    padding: 0px
}

.banner-section.home-banner .banner-left .tab-list {
    display: flex;
    gap: 8px
}

.banner-section.home-banner .banner-left .tab-item {
    display: flex;
    align-items: center;
    gap: 15px;
    transition: 0.25s ease;
    position: relative;
    padding: 15px 24px;
    cursor: pointer;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.banner-section.home-banner .banner-left .tab-item .tab-content {
    position: relative
}

.banner-section.home-banner .banner-left .tab-item .tab-content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #101214;
    line-height: normal
}

.banner-section.home-banner .banner-left .tab-item .tab-content p {
    margin: 0px 0 0;
    font-size: 14px;
    color: #758195;
    font-weight: 400;
    line-height: normal;
    padding-top: 0px
}

.banner-section.home-banner .banner-left .tab-item .arrow {
    margin-left: auto;
    font-size: 26px;
    color: #00B4EB;
    display: flex;
    position: absolute;
    background: transparent;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    right: 8px
}

.banner-section.home-banner .banner-left .tab-item.active .arrow {
    display: flex;
    background: #fff
}

.banner-section.home-banner .banner-left .tab-item.active .tab-content p {
    display: inline-block;
    color: #1C164A;
    font-weight: 500
}

.banner-section.home-banner .banner-left .tab-item.active .tab-content p.visible {
    opacity: 1
}

.banner-section.home-banner .banner-left .tab-item.active[data-banner*="theme-"] {
    background: rgba(255, 255, 255, 0.26);
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px
}

.banner-section.home-banner .banner-left .tab-item span {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-section.home-banner .banner-left .tab-item span .tab-icon {
    width: 30px;
    height: 30px
}

.banner-section.home-banner .banner-left .awards-block h4 {
    font-size: 16px;
    font-weight: 600;
    color: #21304a;
    margin-bottom: 12px;
    border-bottom: 2px solid #e8ecef;
    padding-bottom: 6px;
    width: fit-content
}

.banner-section.home-banner .banner-left .awards-row {
    display: flex;
    gap: 25px;
    margin-top: 15px
}

.banner-section.home-banner .banner-left .awards-row img {
    width: 70px
}

.banner-section.home-banner .banner-left .progress-bar-vertical {
    width: 2px;
    height: 100%;
    background: #DCDFE4;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: width 0.6s ease
}

.banner-section.home-banner .banner-left .progress-bar-vertical::after {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 4px;
    height: 0%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #008EBB;
    transition: height linear
}

.banner-section.home-banner .banner-left .tab-item.active .progress-bar-vertical::after {
    height: 100%;
    transition-duration: 3s
}

.banner-section.home-banner .banner-left .awards-accreditation .heading {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 24px;
    position: relative;
    display: flex;
    column-gap: 10px;
    align-items: center
}

.banner-section.home-banner .banner-left .awards-accreditation .heading span {
    background: #DCDFE4;
    height: 2px;
    width: 50px
}

.banner-section.home-banner .banner-left .awards-accreditation ul {
    align-items: center;
    column-gap: 30px
}

.banner-section.home-banner .banner-left .awards-accreditation ul li img {
    width: 56px;
    height: auto;
    object-fit: cover
}

.banner-section.home-banner .banner-left .awards-accreditation ul li:last-child img {
    width: 71px
}

.banner-section.home-banner .banner-left .banner-right {
    background: rgba(255, 255, 255, 0.26);
    border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 0px 30px 30px 30px;
    -moz-border-radius: 0px 30px 30px 30px;
    padding: 30px;
    text-align: left;
    min-height: 315px
}

.banner-section.home-banner .banner-left .banner-right h2 {
    font-size: 20px;
    font-weight: 500;
    color: #120E30;
    margin: 0px;
    padding: 0px 0px 5px
}

.banner-section.home-banner .banner-left .banner-right p {
    font-size: 14px;
    font-weight: 400;
    color: #28205C;
    margin: 0px;
    padding: 0px
}

.banner-section.home-banner .banner-right {
    padding: 0px 0px 0px;
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.banner-section.home-banner .banner-right .top-section {
    text-align: left;
    position: relative
}

.banner-section.home-banner .banner-right .top-section .sub-heading {
    color: #7B61FF;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: -46px;
    left: -14px;
    right: 0
}

.banner-section.home-banner .banner-right .top-section h1 {
    color: #172B4D;
    font-size: 43px;
    font-weight: 700;
    padding: 0px 0px 10px;
    line-height: 50px;
    margin: 0px
}

.banner-section.home-banner .banner-right .top-section h1 span {
    display: block;
    background: linear-gradient(90deg, #008EBB 0%, #5A46D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.banner-section.home-banner .banner-right .top-section p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    padding: 0px;
    margin: 0px
}

.banner-section.home-banner .banner-right .top-section p strong {
    position: relative;
    font-weight: 500
}

.banner-section.home-banner .banner-right .top-section p strong:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #008EBB;
    display: none;
    transition: all 0.35s
}

.banner-section.home-banner .banner-right .top-section p strong.active {
    color: #7B61FF;
    text-decoration: none
}

.banner-section.home-banner .banner-right .top-section p strong.active:before {
    display: flex
}

.banner-section.home-banner .banner-right .top-section .bg-btn {
    margin-top: 15px;
    width: fit-content;
    padding: 10px 20px;
    background: linear-gradient(90deg, #E6F8FF 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid #85B8FF;
    border-radius: 9px;
    color: #120E30;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    overflow: hidden
}

.banner-section.home-banner .banner-right .top-section .bg-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9px;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 2px;
    background: conic-gradient(from var(--angle), #5A46D6, #008EBB, #5A46D6);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease
}

.banner-section.home-banner .banner-right .top-section .bg-btn:hover {
    border-color: #ffffff
}

.banner-section.home-banner .banner-right .top-section .bg-btn:hover::before {
    opacity: 1;
    animation: gradientBorder 2s linear infinite
}

@keyframes gradientBorder {
    from {
        --angle: 0deg
    }

    to {
        --angle: 360deg
    }
}

@property --angle {
    .banner-section.home-banner .banner-right .top-section {
        syntax: "<angle>";
        inherits: false;
        initial-value: 0turn
    }
}

.banner-section.home-banner .banner-right .tab-pane {
    opacity: 0;
    display: none
}

.banner-section.home-banner .banner-right .tab-pane.active {
    display: block
}

.banner-section.home-banner .banner-right .tab-pane.visible {
    opacity: 1;
    transform: translateY(0)
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.85)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.banner-section.home-banner .banner-right .tab-pane .inner .top img {
    box-shadow: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.banner-section.home-banner .banner-right .tab-pane .inner .top h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    color: #101214;
    padding: 5px 0px 0px
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 6px;
    margin: 0px;
    padding: 16px 0px 0px
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li {
    width: 88px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 13px;
    margin: 4px 0px
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    border: 0.9px solid #fff;
    border-radius: 9.05px;
    -webkit-border-radius: 9.05px;
    -moz-border-radius: 9.05px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 2px;
    justify-content: center;
    color: #101214;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    transition: .3s all
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a img {
    display: block;
    width: 28px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a span {
    width: 100%;
    padding: 5px 0px 0px;
    line-height: normal;
    text-align: center
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a:hover {
    border-color: #00B4EB
}

.banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul.deepcall-nav li {
    width: calc(100% / 5)
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box {
    padding: 20px 0px 0px;
    position: relative;
    min-height: clamp(280px, 40vw, 560px)
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box img {
    max-width: 100%;
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    height: auto
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item {
    width: 321px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: 3.58226px 3.58226px 31.3459px rgba(0, 0, 0, 0.15);
    padding: 0px 18px 18px;
    position: absolute;
    bottom: -26px;
    right: -30px;
    border: 0.9px solid #DCDFE4
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion {
    padding: 0px 5px 5px;
    overflow: hidden
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn {
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 7px 7px 11px;
    color: #00C2F9;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    transition: all 0.35s;
    position: relative;
    display: flex;
    align-items: center;
    border-color: #00C2F9;
    white-space: nowrap
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f285";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none;
    background-position: center top
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn:hover,
.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn:active {
    background: #00C2F9;
    color: #fff
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn:hover::after,
.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion a.btn-cus.btn:active::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .accordion-body {
    padding: 0px
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 11px;
    margin: 0px;
    padding: 0px;
    justify-content: center
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul li {
    width: calc(100% / 3 - 9px);
    display: flex;
    flex-wrap: wrap;
    column-gap: 13px;
    margin: 4px 0px
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul li a {
    border: 0.9px solid #DCDFE4;
    border-radius: 10.81px;
    -webkit-border-radius: 10.81px;
    -moz-border-radius: 10.81px;
    display: flex;
    flex-wrap: wrap;
    padding: 18px 0px;
    justify-content: center;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    transition: .3s all
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul li a img {
    display: block;
    width: 27px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul li a span {
    width: 100%;
    padding: 5px 0px 0px;
    line-height: normal
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul li a:hover {
    border-color: #00B4EB
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item ul.deepcall-nav li {
    width: calc(100% / 2 - 6px)
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item h2 button {
    padding: 23px 0px 16px;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    pointer-events: none
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item h2 button:after {
    display: none
}

.banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .accordion-collapse {
    display: block
}

.banner-section.home-banner.theme-two .banner-left .banner-right,
.banner-section.home-banner.theme-three .banner-left .banner-right,
.banner-section.home-banner.theme-four .banner-left .banner-right {
    border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px
}

.tree-section {
    position: relative;
    top: 90px
}

.tree-section .logo {
    max-width: 160px;
    position: absolute;
    right: 20px;
    top: -100px;
    z-index: 1
}

.tree-section .logo img {
    max-width: 100%;
    height: auto;
    -webkit-animation: zoom-a 10s linear infinite alternate;
    -moz-animation: zoom-a 10s linear infinite alternate;
    -o-animation: zoom-a 10s linear infinite alternate;
    animation: zoom-a 10s linear infinite alternate
}

.tree-section .data-box {
    position: relative
}

.tree-section .nav-tabs {
    position: absolute;
    border: none;
    right: 147px;
    display: flex;
    flex-wrap: nowrap;
    top: 240px
}

.tree-section .nav-tabs .nav-item button {
    border: 1.5px solid #FEA362;
    color: #FEA362;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 20px;
    height: 30px;
    padding: 0px 17px;
    background: #DEECFF;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: none
}

.tree-section .nav-tabs li.nav-item {
    z-index: 1
}

.tree-section .nav-tabs li.nav-item {
    position: absolute;
    top: -223px;
    transform: rotate(-30deg);
    right: 53px;
    z-index: 1
}

.tree-section .nav-tabs li.nav-item:nth-child(2) {
    top: -193px;
    right: 33px;
    transform: rotate(-36deg)
}

.tree-section .nav-tabs li.nav-item:nth-child(3) {
    top: -129px;
    right: -18px;
    transform: rotate(-47deg)
}

.tree-section .tab-content {
    position: relative
}

.tree-section .tab-content .box {
    position: absolute;
    left: -29px;
    bottom: -90px;
    width: 117px
}

.tree-section .tab-content .box .icon {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.tree-section .tab-content .box .icon img {
    z-index: 2;
    position: relative;
    width: 40px;
    height: 40px;
    object-fit: contain;
    transition-duration: 4s
}

.tree-section .tab-content .box .inner a {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer
}

.tree-section .tab-content .box .inner a:hover .icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80%;
    height: 80%;
    background: linear-gradient(-41deg, #ff7c3f, #ff5325);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: 1
}

.tree-section .tab-content .box .inner a:hover .icon:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80%;
    height: 80%;
    background: #fff;
    border-radius: 50%;
    z-index: 1
}

.tree-section .tab-content .box .inner a:hover .icon img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.tree-section .tab-content .box .heading {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    background: #DEECFF;
    margin: 9px 0px 0px 0px;
    position: relative;
    z-index: 1
}

.tree-section .tab-content .box .dec {
    font-size: 14px;
    font-weight: 300;
    background: #DEECFF;
    position: relative;
    z-index: 1;
    color: #000
}

.tree-section .tab-content .box.box-two {
    left: 14%;
    bottom: 59px
}

.tree-section .tab-content .box.box-three {
    left: 31%;
    bottom: 86px
}

.tree-section .tab-content .box.box-three .item2 {
    position: absolute;
    top: 70px;
    left: -202px
}

.tree-section .tab-content .box.box-three .item2 .path {
    stroke-dasharray: 0;
    stroke-dashoffset: 100;
    animation: flow 5s linear infinite
}

.tree-section .tab-content .box.box-three .box {
    bottom: -310px;
    left: -260px
}

.tree-section .tab-content .box.box-three .box .icon {
    width: 61px;
    height: 61px
}

.tree-section .tab-content .box.box-three .box .icon img {
    width: 26px;
    height: 26px;
    object-fit: cover
}

.tree-section .tab-content .box.box-three .box .heading {
    font-size: 14px;
    font-weight: 400;
    margin: 7px 0px 0px 46px;
    text-align: left
}

.tree-section .tab-content .box.box-three .box.small-two {
    bottom: -209px;
    left: -205px
}

.tree-section .tab-content .box.box-three .box.small-three {
    bottom: -147px;
    left: -105px
}

.tree-section .tab-content .tab-pane {
    display: block;
    opacity: 1
}

.tree-section .tab-content .tab-pane:nth-child(1) .data-box {
    position: absolute;
    right: 32%;
    bottom: -375px
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box {
    position: absolute;
    right: 26%;
    bottom: -417px
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .item2 .path {
    stroke-dasharray: 0;
    stroke-dashoffset: 100;
    animation: flow 5s linear infinite
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .box {
    width: 140px
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-one {
    left: -54px;
    bottom: -167px
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-one .icon img {
    object-fit: contain
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-two {
    left: 7%;
    bottom: 26px
}

.tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-three {
    left: 35%;
    bottom: 72px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box {
    position: absolute;
    bottom: -481px;
    right: 21%
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .item2 .path {
    stroke-dasharray: 0;
    stroke-dashoffset: 100;
    animation: flow 5s linear infinite
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box {
    width: 140px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-one {
    left: -54px;
    bottom: -118px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-two {
    left: 19%;
    bottom: -84px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three {
    left: 45%;
    bottom: 97px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .item2 {
    position: absolute;
    top: -100px;
    left: 168px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .heading {
    width: 70%;
    margin: 9px auto 0px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box {
    bottom: -190px;
    left: 130px;
    width: 96px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .heading {
    font-size: 20px;
    margin: 7px 0px 0px 0px;
    font-weight: 400;
    text-align: center;
    width: auto
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .icon {
    width: 71px;
    height: 71px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .icon img {
    width: 30px;
    object-fit: cover;
    height: 30px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .dec {
    font-size: 12px
}

.tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box.small-two {
    bottom: 50px;
    left: 148px
}

.item2 .path {
    stroke-dasharray: 0;
    stroke-dashoffset: 100;
    animation: flow 5s linear infinite reverse
}

@keyframes flow {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
        opacity: 0
    }
}

svg.item2.orange {
    position: absolute;
    left: 0;
    top: -3px
}

.border-img {
    position: relative
}

section.section {
    padding: 50px 0px
}

section.section.pb-50 {
    padding-bottom: 50px
}

section.section.what-we-do .every-day {
    padding: 39px 132px 22px
}

section.section.what-we-do .every-day .item {
    text-align: center
}

section.section.what-we-do .every-day .item h2 {
    background: linear-gradient(87.59deg, #008EBB 0%, #7B61FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 46px;
    font-weight: 600;
    width: fit-content;
    text-align: center;
    margin: 0 auto
}

section.section.what-we-do .every-day .item p {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    padding: 0px 30px;
    margin: 0px
}

section.section.what-we-do .every-day .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    display: block
}

section.section.what-we-do .every-day .owl-nav button.owl-next {
    position: absolute;
    right: 0px
}

section.section.what-we-do .every-day .owl-dots {
    display: none
}

section.section.what-we-do .logo-section {
    border-top: 1px solid #DCDFE4;
    padding: 40px 0px 0px;
    display: flex;
    align-items: center;
    column-gap: 40px
}

section.section.what-we-do .logo-section .companies-size {
    font-size: 16px;
    color: #4F4F4F;
    font-weight: 400;
    width: 190px
}

section.section.what-we-do .logo-section ul {
    column-gap: 40px
}

section.section.what-we-do .logo-section ul li img {
    max-width: 100%
}

section.section.what-we-do .logo-section .mnc-logo {
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px
}

section.section.what-we-do .logo-section .mnc-logo span {
    font-weight: 700;
    color: #009ECE
}

section.section.what-we-do .logo-section .mnc-logo span i {
    font-style: normal;
    color: #7B61FF
}

section.section.what-we-do.brand-section ul li img {
    height: 60px;
    object-fit: contain
}

section.section.what-we-do.brand-section .owl-nav.disabled {
    display: none !important
}

section.section.what-we-do.brand-section .brand-logo-wrapper {
    position: relative;
    overflow: hidden
}

section.section.what-we-do.brand-section .brand-logo-wrapper::before,
section.section.what-we-do.brand-section .brand-logo-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

section.section.what-we-do.brand-section .brand-logo-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent)
}

section.section.what-we-do.brand-section .brand-logo-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent)
}

section.section.blue-bg {
    background: rgba(233, 242, 255, 0.5)
}

section.section.blue-bg.resources-home .inner-box ul.video-tutorials li {
    cursor: pointer
}

section.section.blue-bg.resources-home .inner-box ul.video-tutorials li h4 {
    color: #120E30;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 500
}

section.section.blue-bg.resources-home .inner-box ul.video-tutorials li .heading {
    font-size: 14px;
    font-weight: 400;
    color: #626F86
}

section.section.blue-bg.resources-home .inner ul.video-tutorials li .icon-box {
    height: 172px
}

section.section.blue-bg.resources-home .inner ul.video-tutorials li .icon-box .bg-img img {
    object-fit: contain
}

section.section.blue-bg.resources-home .inner ul.video-tutorials li .icon-box i {
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #101214;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 21px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.56)
}

section.section.our-latest-announcment h2 {
    margin: 0px
}

section.section.our-latest-announcment .owl-stage-outer {
    padding: 40px 0px
}

section.section.our-latest-announcment .owl-carousel .owl-stage {
    display: flex
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item {
    display: flex
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 31px 27px 20px;
    border-radius: 12px
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .larger-img {
    height: 233px;
    display: flex;
    justify-content: center
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .larger-img img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    width: 100%;
    object-fit: cover
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box .icon img {
    width: 135px;
    height: 29px;
    object-fit: cover
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box .heading {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 22px 0px 27px;
    line-height: 24px
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box .heading a {
    color: #000;
    text-decoration: none;
    outline: none;
    box-shadow: none
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box .heading a:hover {
    color: #009ECE
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box .date {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 700;
    padding: 22px 0px 4px
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .box p {
    color: #5D5D5D;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .read-new {
    margin-top: auto;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .read-new:hover {
    color: #000
}

section.section.our-latest-announcment .owl-carousel .owl-stage .owl-item .item .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

section.section.our-latest-announcment .owl-carousel .owl-dots {
    display: none
}

section.section.our-latest-announcment.employee-testimonials {
    background: #fff
}

section.section.our-latest-announcment.employee-testimonials .owl-stage-outer {
    padding: 40px 0px 0px
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item {
    padding: 0px;
    background: #F7F8F9
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .inn-box {
    display: flex;
    flex-wrap: wrap
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .larger-img {
    background: #626F86;
    height: 233px;
    border-radius: 12px 12px 0px 0px;
    display: flex;
    justify-content: center
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .larger-img img {
    max-width: 100%;
    object-fit: cover;
    width: auto;
    filter: grayscale(0.4)
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .inner {
    padding: 20px 30px 5px
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .inner i {
    color: #00C2F9;
    font-size: 30px
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .inner P {
    color: #28205C
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .bottom {
    padding: 0px 30px 30px;
    margin-top: auto
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .bottom .name {
    color: #28205C;
    font-size: 18px;
    font-weight: 500
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .bottom .post {
    color: #28205C;
    font-size: 14px;
    font-weight: 400
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item:hover .box .larger-img img {
    filter: grayscale(0)
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    justify-content: space-between
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav button {
    background: #fff
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav button:hover {
    background: #009ECE
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav .owl-prev {
    margin-left: -19px
}

section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav .owl-next {
    margin-right: -19px
}

section.section.customer-stories {
    background: linear-gradient(0deg, rgba(233, 242, 255, 0.5), rgba(233, 242, 255, 0.5)), #fff
}

section.section.customer-stories .bg-btn {
    border: 1px solid #120E30;
    background: transparent;
    color: #120E30;
    transition: all 0.35s
}

section.section.customer-stories .bg-btn:after {
    content: "\f285";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none
}

section.section.customer-stories .bg-btn:hover {
    border-color: #009ECE;
    color: #009ECE
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer {
    padding: 40px 0px
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .owl-stage {
    display: flex
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 12px;
    min-height: 100%
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .heading {
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(233, 242, 255, 0.2);
    padding: 17px 20px 13px;
    width: 100%;
    margin-bottom: auto
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box {
    position: relative;
    z-index: 1;
    padding: 180px 0px 18px;
    color: #fff;
    margin-top: auto
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box img {
    max-width: 100%;
    width: auto
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box p {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    margin: 0px;
    padding: 0px 20px 12px;
    line-height: 20px
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box .name {
    font-size: 14px;
    font-weight: 700;
    padding: 0px 20px
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box .post {
    font-size: 14px;
    font-weight: 300;
    padding: 0px 20px
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .box .bottom {
    border-top: 1px solid rgba(233, 242, 255, 0.2);
    padding: 13px 20px 0px;
    display: flex;
    align-items: center;
    margin: 15px 0px 0px;
    justify-content: space-between
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .bg-img {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0;
    overflow: hidden;
    right: 0
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .bg-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    width: 100%
}

section.section.customer-stories .inner .owl-carousel .owl-stage-outer .item .bg-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 12px;
    background-image: linear-gradient(to bottom, transparent -140px, #000 100%)
}

section.section.customer-stories .inner .owl-carousel .owl-nav {
    justify-content: end
}

section.section.can-with-dtbgg .heading-section {
    padding: 0px 80px 35px 0px
}

section.section.can-with-dtbgg .left .arrow-btn {
    color: #120E30;
    font-weight: 500;
    margin: 22px 0px 0px 30px
}

section.section.can-with-dtbgg .left .arrow-btn:hover {
    color: #7B61FF
}

section.section.can-with-dtbgg .left .nav-tabs {
    border-bottom: none;
    position: relative
}

section.section.can-with-dtbgg .left .nav-tabs:after {
    content: '';
    position: absolute;
    border-radius: 12px;
    width: 5px;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #e7ecf5
}

section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    border: none;
    position: relative;
    z-index: 1;
    padding-left: 26px;
    text-align: left
}

section.section.can-with-dtbgg .left .nav-tabs .nav-item button:hover {
    font-weight: 600;
    color: #120E30
}

section.section.can-with-dtbgg .left .nav-tabs .nav-item button.active {
    font-weight: 600;
    color: #120E30;
    background: none
}

section.section.can-with-dtbgg .left .nav-tabs .nav-item button.active:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 39px;
    border-radius: 12px;
    background: #FF7A9A
}

section.section.can-with-dtbgg .right .tab-content {
    background: #fff;
    border-radius: 12px
}

section.section.can-with-dtbgg .right .tab-content .row {
    margin: 0px
}

section.section.can-with-dtbgg .right .tab-content .row .col {
    padding: 0px
}

section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
    max-width: 383px
}

section.section.can-with-dtbgg .right .tab-content .left-box {
    background: #120E30;
    border-radius: 12px 0px 0px 12px;
    padding: 23px 26px 35px;
    min-height: 100%
}

section.section.can-with-dtbgg .right .tab-content .left-box img {
    max-width: 100%;
    border-radius: 8px;
    height: 216px;
    object-fit: cover;
    width: 100%
}

section.section.can-with-dtbgg .right .tab-content .left-box .inner {
    padding: 26px 0px 0px
}

section.section.can-with-dtbgg .right .tab-content .left-box .inner .heading {
    line-height: 34px
}

section.section.can-with-dtbgg .right .tab-content .left-box .inner p {
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    padding: 11px 0px 18px
}

section.section.can-with-dtbgg .right .tab-content .left-box .inner ul {
    list-style: none
}

section.section.can-with-dtbgg .right .tab-content .right-box img {
    width: 100%;
    height: auto;
    object-fit: contain
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner {
    border-color: #eaeaea !important;
    padding: 30px 22px 0px;
    margin: 0px
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner .heading {
    font-size: 18px;
    font-weight: 500;
    color: #7B61FF;
    padding: 0px 0px 20px
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner ul {
    column-gap: 20px
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li {
    width: calc(50% - 10px);
    column-gap: 12px;
    margin: 0px 0px 16px
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li .icon img {
    width: 26px;
    height: 26px;
    object-fit: cover
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li .content-box .title {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li .content-box p {
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 300;
    padding: 0px;
    margin: 0px
}

section.section.can-with-dtbgg.auto-dialer-tabs .right .tab-content {
    overflow: hidden
}

section.section.can-with-dtbgg.auto-dialer-tabs .right .tab-content .left-box {
    background: transparent;
    position: relative;
    z-index: 0
}

section.section.can-with-dtbgg.auto-dialer-tabs .right .tab-content .left-box:before {
    content: "";
    background: linear-gradient(26.62deg, #F97C59 20.64%, rgba(249, 124, 89, 0) 49.82%), linear-gradient(56.79deg, #B95BE6 33.79%, rgba(185, 91, 230, 0) 72.67%), linear-gradient(277.19deg, rgba(252, 178, 91, 0.91) 13.59%, rgba(252, 178, 91, 0) 59.05%), linear-gradient(141.57deg, rgba(78, 173, 235, 0.85) 19.08%, rgba(78, 173, 235, 0) 98.72%), #D3E4FF;
    opacity: 0.16;
    filter: blur(90px);
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1
}

section.section.can-with-dtbgg.auto-dialer-tabs .right .tab-content .left-box img {
    height: auto
}

section.section.can-with-dtbgg.auto-dialer-tabs .right .tab-content .inner .heading {
    font-size: 24px;
    padding: 0px 0px 15px
}

section.section.awards-recognitions .owl-slider {
    margin: 40px 0px 0px;
    background: url(../images/success-excellence-innovation-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px 55px;
    border-radius: 20px
}

section.section.awards-recognitions .owl-slider .owl-carousel {
    padding: 55px 135px 0px
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer {
    text-align: center
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    min-height: 100%;
    flex-wrap: wrap
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer .item {
    display: flex;
    min-height: 100%;
    flex-wrap: wrap
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer img {
    margin: 0 auto
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer img.larger-img {
    width: 93px;
    height: 96px;
    object-fit: contain
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-stage-outer img.img-small {
    height: 22px;
    width: auto;
    object-fit: contain;
    margin-top: auto
}

section.section.awards-recognitions .owl-slider .owl-carousel .heading {
    font-size: 18px;
    font-weight: 500;
    color: #120E30;
    padding: 14px 20px
}

section.section.awards-recognitions .owl-slider .owl-carousel p {
    font-size: 14px;
    font-weight: 300;
    color: #3D3D3D;
    line-height: 20px;
    margin: 0;
    padding: 0px 20px 13px
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button {
    background: #fff;
    border: none !important;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%)
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button:hover {
    color: #009ECE
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button:hover i {
    color: #009ECE
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button.owl-prev {
    left: 49px
}

section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button.owl-next {
    right: 49px
}

section.section.awards-recognitions .owl-slider .bg-btn {
    width: fit-content;
    margin: 66px auto 0;
    border: 1px solid #120E30;
    background: transparent;
    color: #120E30;
    transition: all 0.35s
}

section.section.awards-recognitions .owl-slider .bg-btn:after {
    content: "\f285";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none
}

section.section.awards-recognitions .owl-slider .bg-btn:hover {
    border-color: #009ECE;
    color: #009ECE
}

section.section.help-you .inner {
    margin: 40px 0px 0px;
    background: #fff;
    padding: 0px;
    border-radius: 16px
}

section.section.help-you .inner .heading {
    color: #009ECE;
    font-size: 18px;
    font-weight: 500;
    padding: 33px 0px 19px
}

section.section.help-you .inner .row {
    margin: 0px
}

section.section.help-you .inner [class*="col-"] {
    padding: 0px 27px;
    display: flex;
    flex-wrap: wrap
}

section.section.help-you .inner [class*="col-"]:nth-child(2) {
    border-left: 1px solid rgba(56, 65, 74, 0.2)
}

section.section.help-you .inner .inner-box {
    width: 100%
}

section.section.help-you .inner ul {
    padding: 0px;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    column-gap: 20px
}

section.section.help-you .inner ul.cus-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 0px 0px
}

section.section.help-you .inner ul.cus-nav li {
    width: 100%;
    padding: 6px 0px
}

section.section.help-you .inner ul.cus-nav li:first-child {
    padding-top: 0px
}

section.section.help-you .inner ul.cus-nav li a {
    color: #120E30;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500
}

section.section.help-you .inner ul.cus-nav li a:hover {
    color: #009ECE
}

section.section.help-you .inner ul.video-tutorials li {
    align-items: center;
    column-gap: 16px;
    padding: 0px 0px;
    transition: all 0.35s;
    width: 34%
}

section.section.help-you .inner ul.video-tutorials li .icon-box {
    position: relative;
    background: #D9D9D9;
    border-radius: 8px;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.section.help-you .inner ul.video-tutorials li .icon-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    border-radius: 8px;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.35s
}

section.section.help-you .inner ul.video-tutorials li .icon-box .bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

section.section.help-you .inner ul.video-tutorials li .icon-box .bg-img img {
    width: 100%;
    height: 100%
}

section.section.help-you .inner ul.video-tutorials li .icon-box i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px;
    transform: translate(-50%, -50%)
}

section.section.help-you .inner ul.video-tutorials li .icon-box img {
    border-radius: 8px;
    width: 40px;
    height: 40px;
    object-fit: cover
}

section.section.help-you .inner ul.video-tutorials li .icon-box a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

section.section.help-you .inner ul.video-tutorials li .content {
    padding: 10px 0px
}

section.section.help-you .inner ul.video-tutorials li .content .heading {
    color: #626F86;
    font-size: 14px;
    font-weight: 400;
    padding: 0px
}

section.section.help-you .inner ul.video-tutorials li .content a {
    color: #120E30;
    font-size: 16px;
    font-weight: 500
}

section.section.help-you .inner ul.video-tutorials li .content a:hover {
    color: #009ECE
}

section.section.help-you .inner ul.video-tutorials li:hover .icon-box:after {
    background: rgba(0, 0, 0, 0.3)
}

section.section.help-you .inner .owl-carousel {
    padding-bottom: 50px
}

section.section.help-you .inner .owl-carousel .owl-nav {
    display: none
}

section.section.help-you .inner .owl-carousel .owl-dots {
    display: flex;
    column-gap: 6px;
    position: absolute;
    bottom: 20px;
    left: 0
}

section.section.help-you .inner .owl-carousel .owl-dots button {
    border: 1px solid #85B8FF !important;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: block
}

section.section.help-you .inner .owl-carousel .owl-dots button.active {
    background: #008EBB;
    border: 1px solid #008EBB !important
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item img {
    border-radius: 12px;
    width: 100%;
    height: 203px;
    border: 1px solid rgba(56, 65, 74, 0.2);
    object-fit: cover
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item .date {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0px 13px
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item p {
    padding: 0px;
    margin: 0px
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item p a {
    color: #120E30
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item p a:hover {
    color: #009ECE
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item .arrow-btn {
    color: #008EBB;
    font-weight: 600;
    margin: 18px 0px 0px
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item .arrow-btn:after {
    color: #120E30
}

section.section.help-you .inner .owl-carousel .owl-stage-outer .item .arrow-btn:hover {
    color: #120E30
}

section.section.help-you .inner .view-all {
    margin-top: auto;
    margin-bottom: 21px;
    margin-left: auto
}

section.section.custom-blog .inner .owl-carousel {
    padding-bottom: 0px
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item .title h2 {
    font-size: 14px;
    font-weight: 400;
    color: #7B61FF;
    margin: 0px
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item .title h2 a {
    color: #7B61FF
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item .title .date {
    font-size: 14px;
    font-weight: 400;
    color: #626F86;
    padding: 0px
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item p {
    font-size: 16px;
    font-weight: 500
}

section.section.custom-blog .inner .owl-carousel .owl-stage-outer .item p a {
    color: #120E30
}

section.section.custom-blog .inner .owl-carousel .owl-dots {
    bottom: inherit !important;
    top: -37px;
    left: inherit;
    right: 0
}

section.section.let-get-you-started .orange-light {
    background: #fff5ef;
    border-radius: 20px;
    padding: 106px 0px;
    position: relative
}

section.section.let-get-you-started .orange-light:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ready-to-improve-bg.webp);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: top center
}

section.section.let-get-you-started .orange-light .inner {
    position: relative;
    z-index: 1
}

section.section.let-get-you-started .orange-light .inner .sub-heading {
    color: #FF7A9A
}

section.section.let-get-you-started .orange-light .inner h2 {
    font-size: 36px
}

section.section.let-get-you-started .orange-light .inner p {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    padding: 15px 0px 20px;
    margin: 0px
}

section.section.let-get-you-started .orange-light .inner .bt-sec {
    column-gap: 13px
}

section.section.let-get-you-started ul {
    padding: 40px 0px 0px;
    column-gap: 20px
}

section.section.let-get-you-started ul img {
    max-width: 100%
}

section.section.let-get-you-started ul li.mnc-logo {
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px
}

section.section.let-get-you-started ul li.mnc-logo span {
    font-weight: 700;
    color: #009ECE;
    display: block;
    width: 100%
}

section.section.let-get-you-started ul li.mnc-logo span i {
    font-style: normal;
    color: #7B61FF
}

footer {
    background: #061832;
    padding: 50px 0px 10px
}

footer p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    padding: 15px 20px 26px 0
}

footer p span {
    font-weight: 400
}

footer ul {
    display: flex;
    flex-wrap: wrap
}

footer ul li {
    width: 100%;
    padding: 3px 0px
}

footer ul li a {
    font-size: 14px;
    font-weight: 200;
    color: #E6F8FF;
    transition: all 0.35s
}

footer ul li a:hover {
    color: #7B61FF
}

footer ul li.careers {
    display: flex;
    align-items: center;
    column-gap: 6px
}

footer ul li.careers .hiring-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 18px;
    background: linear-gradient(87.59deg, #0052CC 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    font-weight: 400;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    animation: openclose 3s ease-in-out infinite;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 2px 0px 0px
}

footer ul li.careers .hiring-box .word1 {
    opacity: 0;
    animation: word-animation 3s infinite
}

@keyframes word-animation {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes openclose {
    0% {
        width: 0
    }

    50% {
        width: 50px
    }

    75% {
        width: 50px
    }

    100% {
        width: 0
    }
}

footer ul.social-icon {
    column-gap: 30px
}

footer ul.social-icon li {
    width: auto;
    padding: 0
}

footer ul.social-icon li a {
    color: #fff;
    transition: all 0.35s;
    font-size: 20px
}

footer ul.social-icon li a:hover {
    color: #7B61FF
}

footer ul.info li {
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 11px 0
}

footer ul.info li:last-child {
    padding: 0
}

footer ul.info li i {
    font-size: 20px
}

footer ul.info li a {
    color: #fff
}

footer .brand-logo {
    padding: 34px 0px;
    column-gap: 24px
}

footer .brand-logo img {
    min-width: 120px;
    height: auto
}

footer .cap-badges-logo {
    padding: 0px;
    column-gap: 10px;
    display: flex;
    align-items: center
}

footer .cap-badges-logo img {
    min-width: auto;
    height: 60px;
    width: auto
}

footer .our-group {
    border-top: 1px solid rgba(44, 62, 93, 0.5);
    margin: 16px 0px 0px 0px;
    padding: 20px 0px 0px
}

footer .our-group ul {
    justify-content: space-between;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 8px 8px !important;
    margin: 5px 0px 0px !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

footer .our-group ul li {
    width: auto
}

footer .our-number {
    border-top: 1px solid rgba(44, 62, 93, 0.5);
    border-bottom: 1px solid rgba(44, 62, 93, 0.5);
    margin: 20px 0px 0px;
    padding: 18px 0px
}

footer .our-number ul {
    column-gap: 50px
}

footer .our-number ul li {
    width: auto
}

footer .our-number ul li a {
    display: flex;
    align-items: center;
    column-gap: 7px
}

footer .footer-copy-right {
    padding: 15px 0px 0px
}

footer .footer-copy-right p {
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

footer .footer-copy-right p a {
    color: #fff
}

footer .footer-copy-right ul {
    column-gap: 16px
}

footer .footer-copy-right ul li {
    width: auto;
    padding: 0px
}

footer .footer-copy-right ul li a {
    font-weight: 300;
    font-size: 12px
}

footer.workspace-footer {
    padding: 30px 0px 10px
}

footer.workspace-footer .footer-copy-right {
    border-top: 1px solid rgba(44, 62, 93, 0.5);
    margin-top: 20px
}

footer.workspace-footer .footer-logo {
    display: flex;
    column-gap: 20px;
    align-items: center
}

footer.workspace-footer .footer-logo .logo {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 6px 6px;
    margin: 0px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

.orange-light {
    background: #fff5ef
}

.view-all {
    transition: all 0.35s;
    color: #120E30;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    position: relative;
    column-gap: 8px;
    margin-top: auto
}

.view-all:after {
    color: #3069B0;
    display: inline-block;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f134";
    font-family: bootstrap-icons;
    background-position: center top;
    background: none;
    font-size: 21px;
    font-weight: 400
}

.view-all:hover {
    color: #3069B0
}

.view-all:hover::after {
    color: #3069B0;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.arrow-btn {
    transition: all 0.35s;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    position: relative;
    column-gap: 4px
}

.arrow-btn:after {
    display: inline-block;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f285";
    font-family: bootstrap-icons;
    background-position: center top;
    background: none;
    font-size: 13px;
    font-weight: 700;
    margin: 2px 0px 0px
}

.arrow-btn:hover {
    color: #7B61FF
}

.arrow-btn:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.sub-heading {
    color: #00B4EB;
    font-size: 20px;
    font-weight: 500
}

.sub-heading.white {
    color: #fff
}

h2 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    margin: 0
}

h2.white {
    color: #fff
}

h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #fff
}

.heading {
    font-size: 30px;
    font-weight: 600;
    color: #fff
}

.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: center
}

.owl-carousel .owl-nav.disabled {
    display: none !important
}

.owl-carousel .owl-nav button {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 1px solid #009ECE !important;
    transition: all 0.35s
}

.owl-carousel .owl-nav button i {
    color: #009ECE;
    font-size: 25px
}

.owl-carousel .owl-nav button:hover {
    background: #009ECE
}

.owl-carousel .owl-nav button:hover i {
    color: #fff
}

.owl-carousel .owl-nav button.disabled {
    pointer-events: none;
    opacity: 0.6
}

.owl-carousel .owl-dots {
    display: none
}

.dropdown:hover>.dropdown-menu {
    display: block
}

.dropdown-item:hover>.dropdown-menu {
    display: block
}

ul li {
    list-style-type: none;
    display: inline
}

.navbar-nav .nav-link {
    display: inline-block
}

.ml-auto {
    display: inline-block !important
}

.scrolltop {
    position: fixed;
    bottom: 110px;
    right: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #009ECE;
    display: none;
    cursor: pointer;
    z-index: 1
}

.scrolltop .icon {
    font-size: 20px;
    text-align: center;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.scrolltop .icon i {
    color: #fff
}

.desktop {
    display: block
}

.mobile {
    display: none
}

.email-banner {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%);
    position: relative;
    overflow: hidden
}

.email-banner .img-box img {
    box-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px 0px 0px 0px;
    height: 564px
}

.email-banner .img-box video {
    box-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px 0px 0px 0px;
    min-height: 564px;
    object-fit: cover;
    width: 847px;
    vertical-align: bottom
}

.email-banner.conversational-ai-banner .img-box img {
    background-color: #fff;
    height: auto
}

.email-banner.section {
    padding-bottom: 0px
}

.email-banner .img-box {
    margin-left: 9rem !important;
    box-sizing: border-box
}

.email-banner p {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    padding: 6px 20% 0px 0px;
    margin: 0px
}

.email-banner.webiner p {
    padding: 6px 10% 0px 0px
}

.email-banner.contact-sec {
    padding: 50px 0px
}

.email-banner.contact-sec h1.heading {
    padding: 0px
}

.email-banner.contact-sec p {
    padding: 0px
}

.email-banner.contact-sec ul.box-img {
    column-gap: 20px
}

.email-banner.contact-sec ul.box-img li img {
    max-width: 100%;
    height: auto
}

.email-banner.contact-sec ul.box-img li.mnc-logo {
    color: #373737;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: 18px
}

.email-banner.contact-sec ul.box-img li.mnc-logo span {
    font-weight: 700;
    color: #009ECE
}

.email-banner.contact-sec ul.box-img li.mnc-logo span i {
    font-style: normal;
    color: #7B61FF
}

.email-banner.contact-sec .box {
    padding: 20px;
    border: solid 1px transparent;
    border-image-source: linear-gradient(to left, #7B61FF, #0052cc);
    border-image-slice: 1;
    border-width: 1px;
    min-height: 100%;
    margin: 20px 0px
}

.email-banner.contact-sec .box .heading {
    color: #3C3C3C;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 0px 12px
}

.email-banner.contact-sec .box .box-img img {
    max-width: 100%
}

.email-banner.contact-sec .box ul li {
    width: 100%;
    display: flex;
    column-gap: 12px;
    padding: 4px 0px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 400;
    align-items: flex-start
}

.email-banner.contact-sec .box ul li i {
    color: #120E30
}

.email-banner.contact-sec .contact-form .heading {
    color: #000
}

.email-banner.contact-sec .contact-form {
    background: #fff;
    padding: 30px 30px 20px;
    border-radius: 12px
}

.email-banner.contact-sec .contact-form .box-show {
    padding: 10px 0px 0px
}

textarea.form-control {
    resize: none
}

.discover {
    background: #008EBB;
    position: relative
}

.discover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/email/discover-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.discover .inner-header .sub-heading {
    color: #fff
}

.discover .container {
    position: relative;
    z-index: 1
}

.discover .inner-header {
    padding-right: 10%
}

.discover .owl-carousel .owl-stage {
    display: flex;
    align-items: end
}

.discover .owl-carousel .owl-item {
    float: none;
    transform: scale(1, 1);
    transform-origin: top;
    transition: transform 0.3s ease-in, max-height 0.3s ease-in
}

.discover .owl-carousel .owl-item .item {
    display: flex;
    align-items: stretch;
    min-height: initial
}

.discover .owl-carousel .owl-item .item .box {
    background: #fff;
    padding: 20px 0px 10px 0px;
    border-radius: 8px;
    transition: all 0.35s;
    display: flex;
    flex-wrap: wrap;
    align-items: self-start
}

.discover .owl-carousel .owl-item .item .box ul {
    padding: 0px 0px 12px 21px;
    flex-wrap: wrap;
    display: flex
}

.discover .owl-carousel .owl-item .item .box ul li {
    width: 100%;
    color: #008EBB;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px
}

.discover .owl-carousel .owl-item .item .box ul li i {
    font-size: 16px;
    color: #3069B0;
    font-weight: 600
}

.discover .owl-carousel .owl-item .item .box .heading {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    padding-left: 20px;
    transition: all 0.35s;
    width: 100%;
    line-height: 27px;
    padding-top: 10px
}

.discover .owl-carousel .owl-item .item .box p {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    padding-left: 20px;
    transition: all 0.35s;
    margin: 0px 10px 10px 0px
}

.discover .owl-carousel .owl-item .item .box img {
    padding-left: 20px;
    transition: all 0.35s;
    margin-top: auto;
    height: auto
}

.discover .owl-carousel .owl-item .item .box img.img-small {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-left: 20px;
    padding-left: 0px
}

.discover .owl-carousel .owl-item .item .box .get-start-btn {
    background: #FF7A9A;
    width: 100%;
    color: #fff;
    padding: 13px 18px;
    align-items: center;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    transition: all 0.35s;
    border-radius: 0px 0px 8px 8px;
    display: none;
    position: relative
}

.discover .owl-carousel .owl-item .item .box .get-start-btn:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top;
    position: absolute;
    right: 14px
}

.discover .owl-carousel .owl-item .item .box .get-start-btn:hover {
    background: #7B61FF
}

.discover .owl-carousel .owl-item .item .box .get-start-btn:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.discover .owl-carousel .owl-item.firstactiveitem {
    margin-top: 10px;
    margin-left: 2px;
    transform: scale(1, 1);
    transform-origin: top;
    transition: transform 0.3s ease-in, max-height 0.3s ease-in
}

.discover .owl-carousel .owl-item.firstactiveitem .item .box .get-start-btn {
    display: flex;
    transition: all 0.35s
}

.discover.ai-talent-hub-choose .owl-carousel .owl-item .item {
    min-height: inherit
}

.discover.ai-talent-hub-choose .owl-carousel .owl-item .item .box {
    display: block;
    height: auto
}

.discover.transforming-banking a.box {
    background: #fff;
    border-radius: 8px;
    padding: 0px;
    min-height: 90%;
    margin: 10px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    position: relative
}

.discover.transforming-banking a.box .inner {
    padding: 30px 20px;
    display: flex;
    align-items: center;
    column-gap: 20px
}

.discover.transforming-banking a.box .inner img {
    width: 34px;
    height: auto
}

.discover.transforming-banking a.box .inner h2 {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.discover.transforming-banking a.box .icon-btn {
    background: #CCE0FF;
    border-radius: 100%;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    color: #00B4EB;
    font-size: 18px;
    justify-content: center;
    box-shadow: none;
    outline: none;
    margin-left: auto;
    margin-right: 11px;
    margin-top: auto;
    right: 1px;
    bottom: 7px;
    position: absolute
}

.discover.transforming-banking a.box:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12)
}

.discover.transforming-banking a.box:hover .icon-btn {
    opacity: 0.7
}

.discover.f-inr-dtbgg-wksp {
    background: #E6F8FF
}

.discover.f-inr-dtbgg-wksp:after {
    opacity: 0.5
}

.discover.f-inr-dtbgg-wksp a.box .inner {
    align-items: self-start;
    column-gap: 12px;
    padding: 16px 16px 24px
}

.discover.f-inr-dtbgg-wksp a.box .inner img {
    width: 24px;
    height: 24px
}

.discover.f-inr-dtbgg-wksp a.box .inner p {
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 4px 0px 0px
}

.discover.space-box .owl-carousel .owl-item .item .box {
    padding: 30px
}

.discover.space-box .owl-carousel .owl-item .item .box img.img-small {
    margin: 0px
}

.discover.space-box .owl-carousel .owl-item .item .box .heading {
    padding: 0px 0px 10px
}

.discover.space-box .owl-carousel .owl-item .item .box p {
    margin: 0px;
    padding: 0px
}

.discover.dtbgg-maskdial a.box {
    pointer-events: none;
    min-height: 84%
}

.banking-permo {
    background: rgba(233, 242, 255, 0.36)
}

.banking-permo .box {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    padding: 41px 28px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    min-height: 100%
}

.banking-permo .box figure {
    height: 406px;
    width: 100%
}

.banking-permo .box figure img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover
}

.banking-permo .box .sub-heading {
    color: #00B4EB;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 0px 9px
}

.banking-permo .box p {
    margin: 0px;
    color: #626F86;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 0px 0px
}

.banking-permo .box h2 {
    color: #1C164A;
    font-size: 22px;
    font-weight: 600
}

.banking-permo .box ul {
    padding: 12px 0px 0px;
    flex-wrap: wrap
}

.banking-permo .box ul li {
    position: relative;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #120E30;
    display: flex;
    column-gap: 12px;
    padding: 3px 0px
}

.banking-permo.byoc-what .box figure {
    height: auto
}

.comm-section .bg-btn {
    width: fit-content
}

.comm-section ul {
    padding: 17px 0px 20px
}

.comm-section ul li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    column-gap: 12px;
    padding: 3px 0px;
    color: #120E30;
    font-size: 16px;
    font-weight: 300
}

.comm-section ul li b {
    font-weight: 600
}

.comm-section ul li span {
    padding-left: 30px;
    color: #8590A2;
    width: 100%
}

.comm-section .com-box {
    background: rgba(233, 242, 255, 0.5);
    border-radius: 16px;
    padding: 50px 39px
}

.comm-section .com-box.bor-sixten img {
    border-radius: 16px
}

.comm-section .com-box img {
    max-width: 100%;
    height: auto
}

.comm-section.ul-wrap ul li {
    flex-wrap: wrap
}

.transform-industrie {
    background: #F7F8F9
}

.transform-industrie .inner-header .sub-heading {
    color: #626F86
}

.transform-industrie .heading {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 0px 6px;
    line-height: 22px
}

.transform-industrie p {
    color: #1C164A;
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px
}

.transform-industrie ul {
    column-gap: 60px;
    justify-content: end;
    align-items: flex-start !important
}

.transform-industrie ul li {
    width: 40%;
    padding: 15px 0px
}

.transform-industrie ul li img {
    max-width: 100%;
    height: 132px;
    object-fit: cover;
    width: 100%
}

.transform-industrie.white-bg {
    background: transparent
}

.more-feature [class*="item"] {
    background: rgba(233, 242, 255, 0.5);
    border-radius: 12px;
    padding: 22px 46px;
    text-align: center;
    margin: 0px 0px 26px
}

.more-feature [class*="item"] .img {
    height: 100px;
    max-width: 100%;
    object-fit: cover;
    mix-blend-mode: multiply
}

.more-feature [class*="item"] .heading {
    font-size: 20px;
    font-weight: 600;
    color: #1C164A;
    padding: 12px 0px 6px
}

.more-feature [class*="item"] p {
    font-size: 16px;
    font-weight: 400;
    color: #626F86;
    margin: 0px
}

.more-feature.calling-matters [class*="item"] img {
    height: 150px
}

.more-feature.vector-provider [class*="item"] {
    min-height: 50%;
    padding: 22px 26px
}

.more-feature.vector-provider [class*="item"] .heading {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.more-feature.vector-provider [class*="item"] .heading a {
    color: #1C164A
}

.more-feature.vector-provider [class*="item"] ul {
    margin: 0px;
    padding: 0px
}

.more-feature.vector-provider [class*="item"] ul li {
    width: 100%;
    display: block;
    text-align: left;
    padding: 4px 0px
}

.more-feature.vector-provider [class*="item"] ul li b {
    display: block
}

.more-feature.min-100 [class*="item"] {
    min-height: 100%;
    padding: 22px 26px
}

.more-feature.min-100 [class*="item"] .heading {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.more-feature.fine-tuning [class*="item"] {
    min-height: 100%;
    padding: 22px 26px
}

.more-feature.fine-tuning [class*="item"] .heading {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.more-feature.fine-tuning [class*="item"] ul {
    margin: 0px;
    padding: 20px 0px 0px
}

.more-feature.fine-tuning [class*="item"] ul li {
    width: 100%;
    display: block;
    text-align: center;
    padding: 4px 0px
}

.more-feature.fine-tuning [class*="item"] ul.mask-box-series li {
    font-size: 14px;
    text-align: left
}

.more-feature.business-grow [class*="item"] img {
    height: 53px
}

.anywhere-platform .inner {
    margin: 0px 0px 0px;
    background: url(../images/email/anywhere-platform-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 42px 0px 0px 70px;
    border-radius: 16px
}

.anywhere-platform .inner img {
    max-width: 100%;
    height: auto
}

.anywhere-platform .inner .contact-form input,
.anywhere-platform .inner .contact-form select {
    background-color: #fff
}

.anywhere-platform .inner .contact-form .error-message {
    line-height: normal
}

.anywhere-platform.mt-50 {
    margin-top: 50px
}

.accordion .accordion-item {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #DCDFE4
}

.accordion .accordion-item h2 button,
.accordion .accordion-item h3 button {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    box-shadow: none;
    outline: none;
    background: none;
    padding: 23px 0px
}

.accordion .accordion-item h2 button.collapsed,
.accordion .accordion-item h3 button.collapsed {
    font-weight: 400
}

.accordion .accordion-item h2 button.collapsed:after,
.accordion .accordion-item h3 button.collapsed:after {
    background: url(../images/email/accorudin-arrow.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out
}

.accordion .accordion-item h2 button:after,
.accordion .accordion-item h3 button:after {
    background: url(../images/email/accorudin-arrow-active.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out
}

.accordion .accordion-item .accordion-body {
    padding: 0px 0px 23px;
    font-size: 14px;
    font-weight: 400;
    color: #38414A;
    line-height: 22px
}

.accordion .accordion-item .accordion-body p {
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #38414A;
    line-height: 22px;
    padding: 5px 0px
}

.accordion .accordion-item .accordion-body p .read-new {
    transition: all 0.35s;
    color: #009ECE;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    position: relative;
    column-gap: 4px
}

.accordion .accordion-item .accordion-body p .read-new:after {
    display: inline-block;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f285";
    font-family: bootstrap-icons;
    background-position: center top;
    background: none;
    font-size: 11px;
    font-weight: 700;
    margin: 2px 0px 0px
}

.accordion .accordion-item .accordion-body p .read-new:hover {
    color: #7B61FF
}

.accordion .accordion-item .accordion-body p .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.accordion .accordion-item .accordion-body ul {
    margin: 0px;
    padding: 0px;
    list-style: dotted
}

.accordion .accordion-item .accordion-body ul li {
    font-size: 14px;
    font-weight: 400;
    color: #38414A;
    line-height: 22px;
    list-style: disc inside;
    display: list-item
}

.section.key-feature {
    background-color: rgba(233, 242, 255, 0.5);
    background-image: url(../images/webinar/key-feature-bg.webp);
    background-repeat: no-repeat;
    padding: 70px 0px;
    background-size: cover
}

.section.key-feature.white-bg {
    background: #fff
}

.section.key-feature.white-bg .box {
    background: rgba(233, 242, 255, 0.5)
}

.section.key-feature .inner-header.white p {
    color: #000
}

.section.key-feature .box {
    background: #fff;
    border-radius: 12px;
    padding: 40px 30px 50px;
    min-height: 100%
}

.section.key-feature .box .heading-larger {
    font-size: 35px;
    font-weight: 600;
    color: #00B4EB;
    padding: 0px
}

.section.key-feature .box img {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.section.key-feature .box h2,
.section.key-feature .box h3 {
    color: #120E30;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    padding: 10px 0px
}

.section.key-feature .box h2 a,
.section.key-feature .box h3 a {
    color: #120E30
}

.section.key-feature .box p {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0px
}

.section.key-feature.other-bg {
    background: #008EBB;
    position: relative
}

.section.key-feature.other-bg .container {
    position: relative;
    z-index: 1
}

.section.key-feature.other-bg .container .inner-header .sub-heading {
    color: #fff
}

.section.key-feature.other-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/email/discover-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.section.key-feature.workspace-feature .inner-header h2 {
    font-size: 32px
}

.section.key-feature.challenges-ai-adoption-section {
    padding: 0px;
    background: none
}

.section.key-feature.challenges-ai-adoption-section .inner-section {
    padding: 50px 28px;
    margin: 50px 0px;
    border-radius: 16px;
    background: #009ECE;
    position: relative;
    background: url(../images/streamline-business-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden
}

.section.key-feature.challenges-ai-adoption-section .inner-section:before {
    content: '';
    position: absolute;
    background: #009ECE;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    mix-blend-mode: color
}

.section.key-feature.challenges-ai-adoption-section .inner-section:after {
    background: rgba(28, 43, 65, 0.8);
    content: '';
    opacity: 8;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%
}

.section.key-feature.challenges-ai-adoption-section .inner-section .row {
    position: relative;
    z-index: 1
}

.section.key-feature.deepcall-virtual .box img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.section.key-feature.deepcall-virtual .box ul {
    margin: 0px;
    padding: 5px 0px
}

.section.key-feature.deepcall-virtual .box ul li {
    display: flex;
    padding: 3px 0px;
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 400;
    column-gap: 10px
}

.section.key-feature.deepcall-virtual .box ul li i {
    color: #120E30
}

.section.key-feature.migration-section .box {
    padding: 30px 20px
}

.section.key-feature.migration-section .box img {
    width: 40px;
    height: 40px
}

.owl-carousel.discover-s .owl-nav,
.owl-carousel.sales-teams-deepcall .owl-nav {
    justify-content: end
}

.owl-carousel.discover-s .owl-nav button,
.owl-carousel.sales-teams-deepcall .owl-nav button {
    color: #fff;
    border-color: #fff !important
}

.owl-carousel.discover-s .owl-nav button i,
.owl-carousel.sales-teams-deepcall .owl-nav button i {
    color: #fff
}

.owl-carousel.discover-s .owl-stage-outer,
.owl-carousel.sales-teams-deepcall .owl-stage-outer {
    padding: 0px 0px 18px
}

#counter li {
    color: #fff
}

#counter li .percent {
    font-size: 46px;
    font-weight: 600;
    display: inline-block;
    width: auto
}

#counter li i {
    font-style: normal;
    font-size: 46px;
    font-weight: 600
}

#counter li span {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    display: block
}

.section.email-one-place {
    margin: 50px 0px 0px;
    background: url(../images/email/emial-one-place-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 850px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 50px 0px 0px
}

.section.email-one-place .inner {
    width: 100%
}

.section.email-one-place .heading-box {
    padding: 0px 0px 15px
}

.section.email-one-place .heading-box img {
    width: 43px;
    height: auto
}

.section.email-one-place .heading-box a img {
    width: auto
}

.section.email-one-place h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin: 0px;
    padding: 0px
}

.section.email-one-place p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    text-align: center;
    padding: 20px 70px 0px
}

.section.email-one-place ul {
    padding: 29px 0px 38px 0px;
    border-top: 1px solid #1C164A;
    margin: 29px 0px 0px
}

.section.email-one-place ul li {
    color: #fff;
    font-size: 31px;
    font-weight: 600
}

.section.email-one-place .cap-badge-logo {
    padding: 15px 0px;
    column-gap: 10px
}

.section.email-one-place .cap-badge-logo img {
    min-width: auto;
    height: 60px;
    width: auto
}

.section.email-one-place .bottom-bg {
    background: rgba(0, 0, 0, 0.3);
    padding: 23px 0px;
    width: 100%;
    text-align: center
}

.section.email-one-place .sub-heading {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.section.email-one-place.sales-teams {
    background: url(../images/sales/empowering-sales-teams-b-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.banking {
    background: url(../images/banking/footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.finance {
    background: url(../images/finance/finance-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.real-estate {
    background: url(../images/real-estate/real-estate-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.automobile {
    background: url(../images/automobile/automobile-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.education {
    background: url(../images/education/education-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.agriculture {
    background: url(../images/agriculture/agriculture-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.healthcare {
    background: url(../images/healthcare/healthcare-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.ai-agent-use-case {
    background: url(../images/ai-agents/ai-agent-bottom-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.food-beverages {
    background: url(../images/food-beverages/food-beverages-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.government {
    background: url(../images/government/government-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.teams-one-place {
    background: url(../images/teams/teams-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.section.email-one-place.chat-one-place {
    background: url(../images/chat/chat-footer-banner.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.heading-box {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    padding: 0px 0px 24px
}

.heading-box img {
    width: 35px;
    height: 35px
}

.heading-box a {
    border: double 1px transparent;
    border-radius: 6px;
    display: inline-block;
    background-image: linear-gradient(#eff2fa, #eff2f9), radial-gradient(circle at top left, #0052cc, #7B61FF);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 89px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
    cursor: auto
}

.heading-box a img {
    width: auto;
    height: auto
}

.heading-box a i {
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600
}

.heading-box a i::last-letter {
    text-transform: capitalize
}

.heading-box.bg-color {
    color: #fff
}

.heading-box.bg-color a {
    background: #0052cc;
    background: -moz-linear-gradient(90deg, #0052cc 0%, #74607d 35%, #7B61FF 100%);
    background: -webkit-linear-gradient(90deg, #0052cc 0%, #74607d 35%, #7B61FF 100%);
    background: linear-gradient(90deg, #0052cc 0%, #74607d 35%, #7B61FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0052cc", endColorstr="#7B61FF", GradientType=1);
    border: none
}

.heading-box.bg-color a i {
    color: #fff;
    background: none;
    -webkit-text-fill-color: inherit
}

.heading-box h1 {
    font-size: 30px;
    padding: 0px;
    margin: 0px
}

.advantage ul {
    padding: 33px 0px 0px;
    column-gap: 40px;
    position: relative
}

.advantage ul:before {
    content: '';
    position: absolute;
    top: 60px;
    left: 0;
    width: 90%;
    height: 1px;
    right: 0;
    margin: 0 auto;
    animation: border-dance 4s infinite linear;
    background: linear-gradient(90deg, #FF7A9A 50%, transparent 50%), linear-gradient(90deg, #FF7A9A 50%, transparent 50%), linear-gradient(0deg, #FF7A9A 50%, transparent 50%), linear-gradient(0deg, #FF7A9A 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x;
    background-size: 5px;
    background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px;
    padding: .5px;
    animation: border-dance 14s infinite linear
}

.advantage ul li {
    position: relative;
    z-index: 1;
    width: calc(100% / 3)
}

.advantage ul li img {
    max-width: 100%
}

.advantage ul li .num {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 22px
}

.advantage ul li .num:after {
    background: #fff;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    content: '';
    animation: spin 10s linear infinite;
    border: 1.5px dashed #FF7A9A;
    position: absolute;
    top: 0px;
    left: 0px
}

.advantage ul li .num span {
    background: #FEF0F4;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #FF7A9A;
    position: relative;
    z-index: 1
}

.advantage ul li .heading {
    color: #120E30;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 0px 7px
}

.advantage ul li p {
    color: #28205C;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 0px
}

.advantage ul li:nth-child(2) {
    text-align: center
}

.advantage ul li:nth-child(2) .num {
    margin: 0 auto 22px
}

.advantage ul li:nth-child(2) .num:after {
    margin: 0 auto;
    right: 0
}

.advantage ul li:nth-child(3) {
    text-align: right
}

.advantage ul li:nth-child(3) .num {
    margin: 0 0px 22px auto
}

.advantage ul li:nth-child(3) .num:after {
    margin-left: auto;
    right: 0
}

.benefit-section .benefit-bg {
    background: url(../images/webinar/benefit-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 82px 61px;
    border-radius: 20px
}

.benefit-section .benefit-bg .inner-header.white p {
    color: #000
}

.benefit-section .benefit-bg .inner-header.white h2 {
    font-size: 32px;
    color: #000
}

.benefit-section .benefit-bg img {
    max-width: 100%;
    mix-blend-mode: multiply;
    object-fit: cover;
    height: 140px
}

.benefit-section .benefit-bg h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    color: #1C164A;
    padding: 16px 0px
}

.benefit-section .benefit-bg h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    color: #1C164A;
    padding: 16px 0px
}

.benefit-section .benefit-bg p {
    margin: 0px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 0px 30px
}

.benefit-section.cai-tech-stack .benefit-bg img {
    height: auto
}

.section.lets-understand {
    background: url(../images/object-storage/let-understand-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding: 80px 0px
}

.section.lets-understand .inner-header.white p {
    color: #3C3C3C
}

.section.lets-understand .inner-header.white ul {
    padding: 10px 0px 10px 15px;
    margin: 0px
}

.section.lets-understand .inner-header.white ul li {
    list-style: disc inside;
    font-size: 14px;
    padding: 3px 0px;
    display: list-item;
    text-align: left
}

.section.lets-understand.sales-streamline .inner-header.white h2 {
    color: #00B4EB;
    font-size: 36px;
    font-weight: 600
}

.section.lets-understand.sales-streamline .inner-header.white p {
    font-size: 18px;
    font-weight: 300;
    color: #626F86
}

.section.lets-understand.sales-streamline .right-part .heading {
    font-size: 64px;
    font-weight: 600;
    padding: 0px 0px 5px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

.section.lets-understand.sales-streamline .right-part #counter li .percent,
.section.lets-understand.sales-streamline .right-part #counter li i {
    font-size: 64px;
    font-weight: 600
}

.section.lets-understand.sales-streamline .right-part p {
    font-size: 16px;
    font-weight: 300;
    color: #4F4F4F
}

.section.powerful-features .box {
    background: url(../images/sales/sales-bg.png) no-repeat;
    border: 1px solid #CCE0FF;
    border-radius: 12px;
    padding: 40px 30px;
    min-height: 100%
}

.section.powerful-features .box figure {
    margin: 0px
}

.section.powerful-features .box figure img {
    margin: 0px;
    max-width: 40px
}

.section.powerful-features .box .heading {
    color: #FF7A9A;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 0px 0px
}

.section.powerful-features .box p {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    padding: 0px 0px 20px
}

.section.powerful-features .box ul {
    padding: 0px 0px 15px
}

.section.powerful-features .box ul li {
    width: 100%;
    color: #120E30;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px;
    display: flex;
    column-gap: 5px;
    align-items: center
}

.section.powerful-features .box ul li img {
    width: 18px;
    height: 18px;
    object-fit: cover
}

.section.powerful-features .box .read-new {
    margin-top: auto;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex;
    margin: 7px 0px 0px;
    width: fit-content
}

.section.powerful-features .box .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.section.powerful-features .box .read-new:hover {
    color: #000
}

.section.powerful-features .box .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.powerful-features .box:hover {
    border-color: #00C2F9
}

.section.powerful-features .box:hover .read-new {
    color: #000
}

.section.powerful-features .box:hover .read-new::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.deepenrich-tour-section .box {
    background: url(../images/sales/sales-bg.png) no-repeat;
    border: 1px solid #CCE0FF;
    border-radius: 12px;
    padding: 30px;
    min-height: 100%;
    position: relative;
    overflow: hidden
}

.section.deepenrich-tour-section .box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: linear-gradient(268.92deg, rgba(255, 243, 235, 0.6) 0%, rgba(233, 242, 255, 0.6) 97.21%);
    display: none;
    transition: all 0.35s;
    opacity: 0.7
}

.section.deepenrich-tour-section .box h2 {
    color: #120E30;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 0px 0px;
    text-align: center;
    position: relative;
    z-index: 1
}

.section.deepenrich-tour-section .box .read-new {
    position: relative;
    z-index: 1;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #00C2F9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex;
    margin: 20px auto 0px;
    width: fit-content;
    padding: 8px 14px
}

.section.deepenrich-tour-section .box .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    font-family: bootstrap-icons !important;
    content: "\f285"
}

.section.deepenrich-tour-section .box .read-new:hover {
    background: #00C2F9;
    color: #fff
}

.section.deepenrich-tour-section .box .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.deepenrich-tour-section .box:hover {
    border-color: #00C2F9;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.04)
}

.section.deepenrich-tour-section .box:hover:before {
    display: block
}

.section.deepenrich-tour-section .box:hover .read-new {
    background: #00C2F9;
    color: #fff
}

.section.deepenrich-tour-section .box:hover .read-new::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.comparison {
    border-bottom: 1px solid #DCDFE4
}

.section.comparison .box {
    padding: 20px;
    border: solid 1px transparent;
    border-image-source: linear-gradient(to left, #0052cc, #7B61FF);
    border-image-slice: 1;
    border-width: 1px;
    min-height: 100%
}

.section.comparison .box .heading {
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 5px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

.section.comparison .box p {
    color: #3C3C3C;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0px
}

.section.comparison.vector-ai-app {
    border-top: 1px solid #DCDFE4;
    border-bottom: none
}

.section.comparison.auto-dialer-connect .box {
    position: relative
}

.section.comparison.auto-dialer-connect .box .title {
    background: #FEF0F4;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #FF7A9A;
    position: relative;
    z-index: 1;
    margin-bottom: 10px
}

.section.comparison.lets-understand .box .heading {
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    background-clip: inherit;
    text-fill-color: inherit;
    color: #000;
    background: transparent
}

.section.use-cases {
    border-bottom: 1px solid #DCDFE4
}

.section.use-cases .inner-slider {
    padding: 45px 0px 0px 0px
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item {
    display: flex;
    align-items: stretch
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item img,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item img {
    height: 177px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item .heading,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item .heading {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 20px 0px 7px
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item p,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item p {
    margin: 0px;
    color: #1C164A;
    font-size: 15px;
    font-weight: 400
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item ul li,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item ul li {
    width: 100%;
    display: flex;
    column-gap: 9px;
    padding: 4px 0px;
    color: #1C164A;
    font-size: 15px;
    font-weight: 400
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item ul li i,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item ul li i {
    font-size: 20px;
    color: #7B61FF
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item ul.sub-heading li,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item ul.sub-heading li {
    flex-wrap: wrap;
    align-items: center
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item ul.sub-heading li span,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-item .item ul.sub-heading li span {
    width: calc(100% - 30px);
    padding-left: 30px
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-nav,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-nav {
    justify-content: end
}

.section.use-cases .inner-slider .owl-carousel.user-cases .owl-stage-outer,
.section.use-cases .inner-slider .owl-carousel.our-services .owl-stage-outer {
    padding: 0px 0px 30px
}

.section.use-cases.ai-readiness-audit .inner-slider .owl-carousel.our-services .owl-item .item ul.sub-heading li {
    align-items: self-start
}

.section.use-cases.ai-readiness-audit .inner-slider .owl-carousel.our-services .owl-item .item ul.sub-heading li span {
    padding-left: 5px
}

.section.why-small-object .inner {
    padding: 45px 0px 0px 0px
}

.section.why-small-object .box img {
    height: 177px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px
}

.section.why-small-object .box .heading {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 14px 0px 7px
}

.section.why-small-object .box .heading span {
    font-weight: 300
}

.section.why-small-object .box .heading a {
    color: #000;
    text-decoration: none
}

.section.why-small-object .box p {
    padding: 0px;
    color: #1C164A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px
}

.section.cases-small-object {
    background: rgba(255, 243, 235, 0.5)
}

.section.cases-small-object.white-bg {
    background: #fff
}

.section.cases-small-object.img-l .box img {
    height: 180px
}

.section.cases-small-object .inner-header .sub-heading {
    color: #FF7A9A
}

.section.cases-small-object [class*="col-"] {
    padding: 0px 25px
}

.section.cases-small-object .box {
    padding: 10px 0px
}

.section.cases-small-object .box img {
    height: 132px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px
}

.section.cases-small-object .box .heading {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 14px 0px 7px
}

.section.cases-small-object .box p {
    padding: 0px;
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px
}

.section.business-num {
    background: #fff
}

.section.business-num [class*="col-"] {
    padding: 0px 25px
}

.section.business-num .box {
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%
}

.section.business-num .box img {
    height: 132px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px
}

.section.business-num .box .heading {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 14px 0px 7px
}

.section.business-num .box p {
    padding: 0px;
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.section.business-num .box a.arrow-btn {
    color: #009ECE;
    font-weight: 500
}

.section.business-num .box a.arrow-btn:after {
    margin: 3px 0px 0px
}

.section.business-num.every-business .box img {
    height: 177px
}

.section.business-num.makes-dtbgg {
    padding-top: 120px
}

.section.why-dtbgg-banner {
    overflow: inherit;
    padding: 50px 0px
}

.section.why-dtbgg-banner .inner [class*="col-"] :nth-child(1) img {
    height: 459px;
    border-radius: 10px;
    object-fit: cover
}

.section.why-dtbgg-banner .inner [class*="col-"] :nth-child(2) img {
    height: 467px
}

.section.why-dtbgg-banner .inner [class*="col-"] .img-box.left img {
    height: 224px;
    min-height: inherit
}

.section.why-dtbgg-banner .inner [class*="col-"] .img-box.left:last-child {
    padding: 10px 0px 0px
}

.section.why-dtbgg-banner .inner .img-box img {
    width: 100%;
    object-fit: cover;
    margin: 0px;
    border-radius: 10px
}

.section.why-dtbgg-banner img {
    max-width: 100%
}

.section.why-dtbgg-banner .heading-box {
    justify-content: center
}

.section.why-dtbgg-banner h1.heading {
    padding: 0px
}

.section.why-dtbgg-banner p {
    padding: 6px 0px 0px
}

.section.why-dtbgg-banner .img-box {
    margin: 0px !important
}

.no-bg {
    background-image: none !important
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg)
    }
}

@keyframes border-dance {
    0% {
        background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px
    }

    100% {
        background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px
    }
}

.inner-header .sub-heading {
    font-size: 20px;
    font-weight: 500;
    color: #00B4EB
}

.inner-header .sub-heading.orange {
    color: #7B61FF
}

.inner-header .sub-heading.blue {
    color: #00B4EB
}

.inner-header h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    margin: 0px
}

.inner-header h2.small-heading {
    font-size: 30px;
    color: #00B4EB
}

.inner-header h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin: 0px
}

.inner-header h3.small-heading {
    font-size: 30px;
    color: #00B4EB
}

.inner-header p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding: 11px 0px 0px;
    margin: 0px
}

.inner-header.white h2 {
    color: #000
}

.inner-header.white h2.small-heading {
    font-size: 25px;
    color: #00B4EB;
    margin: 0px
}

.inner-header.white h3 {
    color: #000
}

.inner-header.white h3.small-heading {
    font-size: 25px;
    color: #00B4EB;
    margin: 0px
}

.inner-header.white p {
    color: #1C164A;
    font-size: 16px
}

.inner-header.white p b {
    color: #1C164A;
    font-weight: 500
}

.inner-header.blue h2 {
    color: #00B4EB
}

.inner-header.blue h2.small-heading {
    font-size: 25px;
    color: #00B4EB;
    margin: 0px
}

.inner-header.blue p {
    color: #1C164A;
    font-size: 16px
}

.inner-header.blue p b {
    color: #1C164A;
    font-weight: 500
}

.inner-header.right {
    padding-right: 40%
}

.inner-header.left {
    padding-left: 40%
}

h1.heading {
    color: #00B4EB;
    font-size: 36px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 60px 0px 0px
}

h2.heading {
    color: #00B4EB;
    font-size: 26px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 60px 0px 0px
}

ul.listing li {
    width: 100%;
    display: flex;
    column-gap: 12px;
    padding: 4px 0px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 400;
    align-items: flex-start
}

ul.listing li i {
    color: #00B4EB
}

.modal .modal-content {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%);
    position: relative;
    overflow: hidden;
    border: none
}

.modal .modal-content .left-part {
    padding: 30px;
    border-radius: 16px;
    min-height: 100%;
    flex-wrap: wrap;
    position: relative
}

.modal .modal-content .left-part a.close {
    position: absolute;
    top: 10px;
    right: 0px
}

.modal .modal-content .left-part .box {
    padding: 20px;
    border: solid 1px transparent;
    border-image-source: linear-gradient(to left, #7B61FF, #0052cc);
    border-image-slice: 1;
    border-width: 1px;
    min-height: 100%;
    margin: 20px 0px
}

.modal .modal-content .left-part .box .heading {
    color: #3C3C3C;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 0px 12px
}

.modal .modal-content .left-part .box ul li {
    width: 100%;
    display: flex;
    column-gap: 12px;
    padding: 4px 0px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 300;
    align-items: flex-start
}

.modal .modal-content .left-part .box ul li i {
    color: #7B61FF
}

.modal .modal-content .left-part ul.box-img.model-logo {
    column-gap: 7px
}

.modal .modal-content .left-part ul.box-img.model-logo li img {
    height: auto;
    object-fit: cover;
    max-width: 100%
}

.modal .modal-content .left-part ul.box-img.model-logo li.mnc-logo {
    color: #373737;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: 18px
}

.modal .modal-content .left-part ul.box-img.model-logo li.mnc-logo span {
    font-weight: 700;
    color: #009ECE
}

.modal .modal-content .left-part ul.box-img.model-logo li.mnc-logo span i {
    font-style: normal;
    color: #7B61FF
}

.modal .modal-content .right-part {
    background: #fff;
    padding: 30px;
    border-radius: 12px
}

.modal .modal-content .right-part .heading {
    color: #000
}

.modal .modal-content .right-part p {
    color: #8590A2;
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
    padding: 13px 0px;
    line-height: 24px
}

.modal .modal-content .inner-header p {
    color: #626F86
}

.modal .modal-content .inner-header .sub-heading {
    color: #FF7A9A;
    font-size: 20px;
    font-weight: 500
}

.modal .modal-content .inner-header h2 {
    color: #009ECE;
    font-size: 36px;
    font-weight: 600
}

.button-section {
    display: flex;
    align-content: center;
    column-gap: 10px
}

.button-section .bg-btn.btn {
    padding: 9px 16px 9px 16px;
    min-width: 150px;
    text-align: center;
    justify-content: center
}

.button-section .bg-btn.btn:active {
    background: #006D91;
    color: #fff
}

.button-section .bg-btn.btn.blue:after {
    display: none
}

.button-section .bg-btn.btn.blue:active {
    background: #00C2F9;
    color: #fff
}

.button-section .bg-btn.btn:disabled {
    background: #006D91;
    color: #fff
}

.button-section .bg-btn.btn:disabled i {
    margin-right: 5px
}

.button-section .bg-btn.btn:disabled:after {
    display: none
}

.button-section .bg-btn.btn.clear-btn {
    background: transparent;
    min-width: inherit;
    color: #00C2F9
}

.button-section .bg-btn.btn.clear-btn:after {
    display: none
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.radioCheck .btn {
    border-color: #DCDFE4
}

.radioCheck .btn-check:checked+.btn {
    border-color: #008EBB;
    color: #008EBB
}

.form-control {
    border-color: #8590A2;
    padding: 6px 6px;
    background-color: transparent;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    color: #626F86;
    font-weight: 400
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-color: #8590A2
}

.form-control.form-select {
    padding: 6px 6px
}

.comm-content p {
    color: #8590A2;
    font-size: 16px;
    font-weight: 300
}

.comm-content p a {
    color: #7B61FF
}

.comm-content p b a {
    color: #8590A2
}

.comm-content h2 {
    padding: 10px 0px
}

.comm-content h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0px
}

.comm-content ul {
    margin: 0px;
    padding: 0px 0px 0px 20px
}

.comm-content ul li {
    display: list-item;
    list-style: decimal;
    padding: 4px 0px;
    color: #8590A2;
    font-size: 16px;
    font-weight: 300
}

.comm-content ul li a {
    color: #7B61FF
}

.form-check .form-check-input[type=checkbox] {
    border-color: #8590A2;
    box-shadow: none
}

.form-check .form-check-input[type=checkbox]:checked {
    border-color: #00B4EB
}

.form-check label {
    font-size: 12px;
    color: #626F86
}

.form-check label a {
    color: #626F86;
    text-decoration: underline
}

.form-label {
    margin-bottom: 0;
    font-size: 14px;
    color: #626F86
}

.error-message {
    font-size: 12px;
    color: #ef6666
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #626F86 !important
}

.grecaptcha-badge {
    display: none !important
}

.voice_way .left {
    background: url(../images/voice-broadcast/line.png) right top 30px no-repeat
}

.voice_way .left ul {
    list-style: none;
    margin: 20px 5px 20px 0;
    padding: 10px
}

.voice_way .left ul li {
    position: relative;
    line-height: 30px;
    display: inline-block;
    margin-left: 100px;
    width: 80%;
    height: 150px
}

.voice_way .left ul li p {
    text-align: left;
    padding-left: 152px;
    padding-top: 0;
    font-size: 16px;
    line-height: 28px;
    color: #8590A2;
    font-weight: 300
}

.voice_way .left ul li span {
    position: absolute;
    width: 150px;
    left: 0;
    text-align: center;
    z-index: 2
}

.voice_way .left ul li span .send {
    padding-top: 12px
}

.voice_way .left .samlast {
    margin-left: 5px
}

.voice_way .leftline {
    position: absolute;
    left: -124px;
    top: 74px
}

.voice_way .newline {
    position: absolute;
    left: -79px;
    top: 64px
}

.voice_way .empty {
    position: absolute;
    top: 100px;
    right: 200px
}

.voice_way .right ul {
    list-style: none;
    margin: 20px 5px 20px 0;
    padding: 10px
}

.voice_way .right ul li {
    position: relative;
    line-height: 30px;
    display: inline-block;
    margin-right: 100px;
    width: 80%;
    height: 150px
}

.voice_way .right ul li span {
    position: absolute;
    width: 150px;
    left: 0;
    text-align: center;
    z-index: 2
}

.voice_way .right ul li span .send {
    padding-top: 19px
}

.voice_way .right ul li p {
    text-align: left;
    padding-left: 152px;
    padding-top: 0;
    font-size: 16px;
    color: #8590A2;
    line-height: 28px;
    font-weight: 300
}

.voice_way .right .samlast {
    margin-right: -105px;
    margin-top: -30px
}

.voice_way .rightline {
    position: absolute;
    left: -80px;
    top: 86px
}

.voice_way .sameline {
    position: absolute;
    left: -100px;
    top: 80px
}

.voice_way .blue {
    color: #00B4EB;
    font-weight: 300
}

.section.voice-section {
    background: url(../images/email/anywhere-platform-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.section.voice-section .inner-header {
    position: relative;
    z-index: 1
}

.section.voice-section .desktop_screen {
    width: 100%;
    border-radius: 16px;
    padding: 25px 15px;
    position: relative;
    text-align: center
}

.section.voice-section .desktop_screen img {
    max-width: 100%
}

.section.voice-section .voice-broadcasting-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.section.voice-section .voice-broadcasting-features ul li {
    text-align: center;
    margin-bottom: 15px;
    min-height: 200px;
    width: 50%
}

.section.voice-section .voice-broadcasting-features ul li img {
    width: 50px;
    object-fit: cover;
    margin: 0 auto
}

.section.voice-section .voice-broadcasting-features ul li h2 {
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0
}

.section.voice-section .voice-broadcasting-features ul li p {
    color: #5D5D5D;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 300
}

.section.voice-section .cx-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.section.voice-section .cx-features ul li {
    text-align: center;
    margin-bottom: 15px;
    min-height: 150px;
    width: 50%
}

.section.voice-section .cx-features ul li img {
    width: 50px;
    object-fit: cover;
    margin: 0 auto
}

.section.voice-section .cx-features ul li h2 {
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0
}

.section.voice-section .cx-features ul li p {
    color: #5D5D5D;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 300
}

.boxfeatures .featurebox {
    padding-top: 40px;
    padding-bottom: 40px
}

.boxfeatures .featurebox.borderbotnone {
    border-bottom: none
}

.boxfeatures .featurebox.box-yellowbg {
    background: rgba(233, 242, 255, 0.5)
}

.boxfeatures .featurebox .icon-96 {
    display: inline-block;
    width: 100%;
    background: url(../images/voice-broadcast/icon-base96.png) center center no-repeat;
    background-position-x: 0;
    background-position-y: 0
}

.boxfeatures .featurebox span {
    color: #009ECE;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 20px 0 8px
}

.boxfeatures .featurebox p {
    line-height: 20px;
    font-size: 14px;
    color: #5D5D5D
}

.real_example {
    border-top: 1px solid #DCDFE4
}

.real_example .owl-carousel .owl-stage-outer .owl-stage {
    display: flex
}

.real_example .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    display: flex
}

.real_example .case_Study_bx {
    padding: 20px;
    transition: 1s;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0px 0px 5px #009ECE8c;
    margin: 10px;
    border-radius: 5px;
    vertical-align: top;
    text-align: left;
    min-height: 95%
}

.real_example .case_Study_bx .image_block12 {
    height: 45px
}

.real_example .case_Study_bx .image_block12 img {
    max-width: 140px
}

.real_example .case_Study_bx .testimonail-img {
    width: 90px;
    height: 90px;
    border-radius: 50% 50%;
    box-shadow: 0 0 5px #fce7c8;
    padding: 7px;
    object-fit: contain
}

.real_example .case_Study_bx .testimonial-cust-name {
    font-size: 14px;
    font-weight: 600;
    color: #009ECE;
    margin-top: 0
}

.real_example .case_Study_bx .testimonial-cust-name .txt-desin {
    font-size: 11px;
    color: #5D5D5D
}

.real_example .case_Study_bx p {
    font-size: 14px;
    color: #5D5D5D
}

.real_example .case_Study_bx .indsry_name {
    color: #009ECE;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 500
}

.real_example .case_Study_bx .block_dechfo {
    font-size: 14px;
    color: #5D5D5D;
    height: 100px;
    line-height: 20px;
    margin: 0px
}

.real_example .col-lg-6:nth-child(2) .case_Study_bx .image_block12 img {
    max-width: 60px
}

.real_example .bg-btn {
    width: fit-content
}

.real_example .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%)
}

.real_example .owl-nav button.owl-next {
    right: -10px
}

.real_example .owl-nav button.owl-prev {
    left: -10px
}

.section.audio-section {
    background: url(../images/voice-broadcast/shape-pattern-right-bg.png) #edf7ff;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0px 130px
}

.section.audio-section:before {
    transform: skewY(-5deg);
    height: 200px;
    display: block;
    background-color: inherit;
    top: -90px;
    position: absolute;
    content: " ";
    left: 0;
    right: 0
}

.section.audio-section .inner-header {
    position: relative;
    z-index: 1
}

.section.audio-section .desktop_screen {
    position: absolute;
    left: 0;
    top: 0
}

.section.audio-section .desktop_screen img {
    max-width: 100%
}

.section.audio-section .voice-broadcasting-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.section.audio-section .voice-broadcasting-features ul li {
    text-align: center;
    margin-bottom: 15px;
    min-height: 200px;
    width: 50%
}

.section.audio-section .voice-broadcasting-features ul li i {
    font-size: 40px
}

.section.audio-section .voice-broadcasting-features ul li img {
    width: 50px;
    object-fit: cover;
    margin: 0 auto
}

.section.audio-section .voice-broadcasting-features ul li h2 {
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0
}

.section.audio-section .voice-broadcasting-features ul li p {
    color: #5D5D5D;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 300;
    margin: 0px
}

.section.audio-section.key-features {
    background: transparent;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0px
}

.section.audio-section.key-features:before {
    display: none
}

.section.audio-section.key-features .voice-broadcasting-features ul {
    row-gap: 22px
}

.section.audio-section.key-features .voice-broadcasting-features ul li {
    min-height: inherit;
    width: calc(100% / 3)
}

.section.audio-section.key-features .voice-broadcasting-features ul li h2 {
    font-size: 20px;
    color: #1C164A;
    padding: 16px 0px;
    font-weight: 600
}

.section.audio-section.key-features .voice-broadcasting-features ul li p {
    margin: 0px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 0px 30px
}

.section.audio-section.key-features .key-features-bg {
    background: url(../images/webinar/benefit-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 82px 61px;
    border-radius: 20px;
    background-position: center top;
    background-repeat: no-repeat
}

.outbound_con {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    height: 0
}

.outbound_con .call_list {
    box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    position: relative;
    top: 140px;
    z-index: 1;
    display: inline-block;
    left: 60%
}

.outbound_con .participate_a {
    position: absolute;
    left: 115px;
    top: 482px
}

.outbound_con .participate_b {
    position: absolute;
    left: 273px;
    top: 482px
}

.outbound_con .participate_c {
    position: absolute;
    left: 410px;
    top: 482px
}

.outbound_con .participants {
    box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    position: relative;
    right: 156px;
    bottom: -605px;
    z-index: 1;
    display: inline-block
}

.outbound_con .all_connected {
    box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    position: absolute;
    right: 102px;
    top: 685px;
    z-index: 1;
    display: inline-block
}

.outbound_con .callconnect {
    background-color: #83cf8f;
    border: 8px solid #bbe4c1;
    border-radius: 50%;
    animation: connected 2s infinite;
    height: 50px;
    width: 50px;
    position: relative;
    top: 558px;
    left: 288px
}

.inbound {
    background: url(../images/audio-conferencing/inbound-bg.png) no-repeat
}

.inbound h2 {
    font-size: 40px;
    padding: 20px;
    font-weight: 600;
    color: #000;
    margin: 135px 40px 110px 130px;
    display: inline-block;
    text-align: center
}

.shadowbox {
    border-radius: 5px;
    box-shadow: 0px 0px 7.65px 1.35px rgba(211, 232, 248, 0.68);
    padding: 20px;
    text-align: center;
    color: #5D5D5D;
    font-size: 14px
}

.shadowbox i {
    font-size: 25px;
    margin-bottom: 15px
}

.section.audio-conference-bottom {
    padding: 20px 0px 180px
}

.section.audio-conference-bottom .col-shadow {
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    width: 100%;
    min-height: 100%;
    padding: 15px 15px;
    display: block
}

.section.audio-conference-bottom .col-shadow h2 {
    text-transform: none;
    font-size: 21px;
    font-weight: 500;
    margin: 20px 0
}

.section.audio-conference-bottom .col-shadow p {
    color: #5D5D5D;
    font-size: 14px;
    padding: 0 0px;
    margin: 0px;
    font-weight: 300
}

@keyframes connected {
    0% {
        box-shadow: 0 0 0 0 rgba(243, 182, 85, 0.4);
        box-shadow: 0 0 0 0 rgba(187, 228, 193, 0.4)
    }

    70% {
        box-shadow: 0 0 0 30px rgba(243, 182, 85, 0);
        box-shadow: 0 0 0 30px rgba(187, 228, 193, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(243, 182, 85, 0);
        box-shadow: 0 0 0 0 rgba(187, 228, 193, 0)
    }
}

.section.missedcall-flow .number-box {
    background: #fff url(../images/sales/sales-bg.png) no-repeat;
    border: 1px solid #00C2F9;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 30px;
    padding: 5px 0;
    line-height: 27px;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    padding: 20px;
    color: #00B4EB
}

.section.missedcall-flow .number-box p {
    color: #5D5D5D;
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
    line-height: normal
}

.section.missedcall-flow .number-box span {
    color: #7B61FF;
    font-size: 26px
}

.section.missedcall-flow .timeline {
    position: relative;
    width: 100%;
    padding: 80px 0px
}

.section.missedcall-flow .timeline p {
    line-height: normal
}

.section.missedcall-flow .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #00C2F9;
    left: 50%;
    margin-left: -1.5px;
    border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px
}

.section.missedcall-flow .timeline:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #00C2F9;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section.missedcall-flow .timeline .box {
    background: #fff url(../images/sales/sales-bg.png) no-repeat;
    border: 1px solid #00C2F9;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 30px;
    min-height: auto;
    column-gap: 14px;
    align-items: center;
    display: flex;
    position: relative
}

.section.missedcall-flow .timeline .box:after {
    content: '';
    position: absolute;
    right: -25%;
    top: 50%;
    background: #00C2F9;
    width: 25%;
    height: 2px;
    z-index: 0;
    transform: translate(0%, -50%)
}

.section.missedcall-flow .timeline .box:hover {
    border-color: #00C2F9
}

.section.missedcall-flow .timeline .box:hover:after {
    background: #00C2F9
}

.section.missedcall-flow .timeline .box h2 {
    color: #7B61FF;
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
    padding: 0px 0px 6px
}

.section.missedcall-flow .timeline .box p {
    color: #5D5D5D;
    font-size: 16px;
    font-weight: 300;
    margin: 0px
}

.section.missedcall-flow .timeline .box.my-md-n5:after {
    left: -25%;
    right: inherit
}

.section.missedcall-flow .timeline .box.my-md-n5 .dot {
    left: -24.8%;
    right: inherit
}

.section.missedcall-flow .timeline .box .dot {
    width: 20px;
    height: 20px;
    border: 2px solid #00C2F9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -29.8%;
    border-radius: 100%;
    background: #fff;
    z-index: 1;
    transform: translateX(-50%)
}

.section.missedcall-flow .timeline .mt-md-n5,
.section.missedcall-flow .timeline .my-md-n5 {
    margin-top: 8rem !important
}

.section.missedcall-flow .timeline .ml-md-auto,
.section.missedcall-flow .timeline .mx-md-auto {
    margin-left: auto !important
}

.border-top {
    border-top: 1px solid #DCDFE4 !important;
    margin-top: 50px
}

.toptext {
    position: relative
}

.toptext .contanttop {
    top: 320px;
    width: 316px;
    position: absolute;
    text-align: center
}

.toptext .contanttop p {
    color: #5D5D5D;
    font-size: 16px;
    margin: 0px
}

.hostownnumber-graphic {
    height: 670px;
    width: 100%;
    position: relative
}

.hostownnumber-graphic .whitebox {
    background: #fff;
    width: 200px;
    height: 130px;
    position: absolute;
    left: 417px;
    top: 70px;
    z-index: 1
}

.hostownnumber-graphic .number-box {
    background: #00B4EB;
    border-radius: 7px;
    text-align: center;
    position: relative;
    color: #fff;
    padding: 5px 20px;
    line-height: 27px;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px
}

.hostownnumber-graphic .number-box i {
    font-size: 40px
}

.hostownnumber-graphic .number-box .mobile-number-txt {
    text-align: left
}

.hostownnumber-graphic .number-box span {
    color: #fff;
    font-size: 26px
}

.hostownnumber-graphic .line-bullet {
    width: 3px;
    background: #DCDFE4;
    height: 60px;
    margin: 0 auto
}

.hostownnumber-graphic .circle-border {
    border-radius: 50% 50%;
    border: 1px dashed #DCDFE4;
    width: 500px;
    height: 500px;
    margin: 0 auto;
    position: absolute;
    right: 0px;
    left: 0px;
    margin-top: 0px
}

.hostownnumber-graphic .cloudimg {
    position: absolute;
    left: 300px;
    top: 200px;
    background: url(../images/virtual-mobile-number/cloud.png) no-repeat;
    width: 540px;
    height: 359px
}

.hostownnumber-graphic .cloudimg h2 {
    text-align: center;
    color: #00B4EB;
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-top: 120px;
    margin-right: -50px
}

.hostownnumber-graphic .cloudimg p {
    text-align: center;
    font-size: 16px;
    color: #5D5D5D;
    margin-right: -50px
}

.hostownnumber-graphic .red-text {
    font-size: 14px;
    font-weight: 600;
    background: #008EBB;
    width: 100px;
    z-index: 1;
    height: 100px;
    padding-top: 18px;
    line-height: 18px;
    border-radius: 50% 50%;
    color: #fff;
    position: absolute;
    top: 170px;
    left: 400px;
    text-align: center
}

.hostownnumber-graphic .bordercircle {
    width: 80px;
    height: 80px;
    text-align: center;
    padding-top: 17px;
    border: 2px solid #00B4EB;
    background: #fff;
    text-align: center;
    border-radius: 50%
}

.hostownnumber-graphic .circleone {
    position: absolute;
    right: -20px;
    top: 100px;
    animation: circleone .5s ease-out forwards;
    z-index: 1;
    left: 0;
    margin: 0 auto
}

.hostownnumber-graphic .circleonetxt {
    position: absolute;
    right: 290px;
    top: 100px;
    animation: circleone .5s ease-out forwards
}

.hostownnumber-graphic .flow-txt {
    font-size: 16px;
    color: #5D5D5D
}

.hostownnumber-graphic .fillcircle {
    width: 80px;
    height: 80px;
    text-align: center;
    padding-top: 17px;
    background: #00B4EB;
    border: 2px solid #00B4EB;
    text-align: center;
    border-radius: 50%
}

.hostownnumber-graphic .circletwo {
    position: absolute;
    right: 406px;
    top: 200px;
    animation: circletwo .5s ease-out forwards;
    animation-delay: 0.5s;
    opacity: 0
}

.hostownnumber-graphic .circletwotxt {
    position: absolute;
    right: 160px;
    top: 220px;
    animation: circletwo .5s ease-out forwards;
    animation-delay: 0.5s;
    opacity: 0
}

.hostownnumber-graphic .circlethrid {
    position: absolute;
    right: 357px;
    top: 350px;
    animation: circlethree .5s ease-out forwards;
    animation-delay: 1s;
    opacity: 0
}

.hostownnumber-graphic .circlethridtxt {
    position: absolute;
    right: 180px;
    top: 370px;
    animation: circlethree .5s ease-out forwards;
    animation-delay: 1s;
    opacity: 0
}

.hostownnumber-graphic .circlefour {
    position: absolute;
    right: 409px;
    top: 500px;
    animation: circlefour .5s ease-out forwards;
    animation-delay: 1.5s;
    opacity: 0
}

.hostownnumber-graphic .circlefourtxt {
    position: absolute;
    right: 182px;
    top: 520px;
    animation: circlefour .5s ease-out forwards;
    animation-delay: 1.5s;
    opacity: 0
}

.hostownnumber-graphic .circlefive {
    position: absolute;
    right: -60px;
    top: 580px;
    animation: circlefive .5s ease-out forwards;
    animation-delay: 2s;
    opacity: 0;
    left: 0;
    margin: 0 auto
}

.hostownnumber-graphic .circlefivetxt {
    position: absolute;
    right: 380px;
    top: 620px;
    animation: circlefive .5s ease-out forwards;
    animation-delay: 2s;
    opacity: 0
}

@keyframes circleone {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes circletwo {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes circlethree {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes circlefour {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes circlefive {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.hostestopsection img {
    max-width: 100%
}

.hostestopsection h2 {
    text-align: center;
    color: #00B4EB;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 600
}

.hostestopsection .clasic {
    text-align: center;
    font-weight: normal;
    background: url(../images/virtual-mobile-number/line.png) right center no-repeat
}

.hostestopsection .clasic .pic {
    min-height: 304px
}

.hostestopsection .clasic .heading {
    font-size: 16px;
    color: #00B4EB;
    font-weight: 500;
    margin-top: 5px
}

.hostestopsection .clasic p {
    padding: 4px 15px;
    display: inline-table;
    color: #5D5D5D;
    border-radius: 30px;
    border: 1px dashed #DCDFE4;
    font-size: 14px
}

.hostestopsection .classical p {
    padding: 4px 15px;
    display: inline-table;
    color: #5D5D5D;
    border-radius: 30px;
    border: 1px dashed #DCDFE4;
    font-size: 14px
}

.phoneproxy-worksection .whiteshadowbox {
    box-shadow: 0 0 10px #e5e5e5;
    width: 100%;
    padding: 40px 0;
    background: url(../images/virtual-mobile-number/shape-patter-bg.png);
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    text-align: center
}

.phoneproxy-worksection .whiteshadowbox:before {
    background: url(../images/virtual-mobile-number/shape-patter-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 240px;
    height: 240px;
    content: " "
}

.phoneproxy-worksection .whiteshadowbox ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.phoneproxy-worksection .whiteshadowbox ul li {
    position: relative;
    text-align: center;
    width: 21%
}

.phoneproxy-worksection .whiteshadowbox ul li .planet_circle {
    width: 110px;
    height: 110px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px;
    z-index: 1;
    border-radius: 50%;
    position: relative
}

.phoneproxy-worksection .whiteshadowbox ul li .planet_circle .tag-126 {
    display: block;
    font-size: 16px;
    color: #f59497;
    margin-top: 10px;
    font-weight: 500;
    line-height: normal
}

.phoneproxy-worksection .whiteshadowbox ul li .planet_circle span.inner-658 {
    box-shadow: 0 0 15px inset #85B8FF;
    background-color: #00B4EB;
    border: 4px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    color: #fff;
    font-size: 28px;
    padding-top: 34px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.phoneproxy-worksection .whiteshadowbox ul li .tag-126 {
    display: block;
    font-size: 14px;
    color: #00B4EB;
    margin-top: 10px;
    font-weight: 600;
    line-height: normal
}

.phoneproxy-worksection .whiteshadowbox ul li .dottedarrowline {
    position: absolute;
    top: 25px;
    left: 185px;
    transform: rotate(-3deg)
}

.phoneproxy-worksection .whiteshadowbox ul li .planet_circle {
    width: 110px;
    height: 110px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px;
    z-index: 1;
    border-radius: 50%;
    position: relative
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(2) span.inner-658 {
    box-shadow: 0 0 15px inset #FEA362;
    background-color: #7B61FF;
    border: 4px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    color: #fff;
    font-size: 28px;
    padding-top: 34px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(2) .tag-126 {
    color: #7B61FF
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(2) .dottedarrowline2 {
    position: absolute;
    top: 20px;
    left: 185px;
    transform: rotate(38deg)
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(3) .planet_circle {
    width: 110px;
    height: 110px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px;
    z-index: 1;
    border-radius: 50%;
    position: relative
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(3) span.inner-658 {
    box-shadow: 0 0 15px inset #172B4D;
    background-color: #5D5D5D;
    border: 4px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    color: #fff;
    font-size: 28px;
    padding-top: 34px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(3) .tag-126 {
    color: #5D5D5D
}

.phoneproxy-worksection .whiteshadowbox ul li:nth-child(3) .dottedarrowline2 {
    position: absolute;
    top: 20px;
    left: 185px;
    transform: rotate(38deg)
}

.check-out-why {
    border-bottom: 1px solid #DCDFE4
}

.check-out-why img {
    max-width: 100%
}

.check-out-why .whycol {
    border-radius: 5px;
    border: solid 1px transparent;
    border-image-source: linear-gradient(to left, #0052cc, #7B61FF);
    border-image-slice: 1;
    border-width: 1px;
    min-height: 85%;
    color: #5D5D5D;
    padding: 15px;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 15px
}

.all-features {
    border-top: 1px solid #DCDFE4
}

.all-features .heading {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.all-features .heading i {
    background: #DCDFE4;
    border-radius: 100%;
    font-size: 12px;
    height: 35px;
    line-height: 26px;
    margin-left: 0;
    margin-right: 8px;
    padding: 5px;
    text-align: center;
    width: 35px;
    color: #00B4EB
}

.all-features .heading a {
    color: #00B4EB;
    text-decoration: none
}

.all-features ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px
}

.all-features ul li {
    color: rgba(98, 108, 132, 0.7);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    list-style: outside none none;
    margin: 0 0 4px;
    padding: 3px 0;
    vertical-align: top;
    transition: all .3s;
    display: block
}

.all-features ul li a {
    color: rgba(49, 64, 101, 0.6);
    transition: all .3s
}

.all-features ul li a:before {
    content: "\f138";
    font-family: bootstrap-icons !important;
    font-weight: 900;
    font-size: 11px;
    margin-right: 5px;
    opacity: .6;
    transition: all .3s
}

.all-features ul li a:hover {
    color: #357fe4
}

.all-features ul li a:hover:before {
    font-size: 14px;
    opacity: 1
}

.customer-agent .phony-proxy-flow {
    height: 850px;
    margin-top: 50px;
    position: relative
}

.customer-agent .phony-proxy-flow.linebg {
    background: url(../images/voice-broadcast/line.png) right center no-repeat;
    background-size: contain
}

.customer-agent .phony-proxy-flow .flowcolcontent {
    font-size: 16px;
    color: #8590A2;
    width: 300px;
    position: absolute;
    font-weight: 300
}

.customer-agent .phony-proxy-flow .flowheadingtxt {
    font-size: 35px;
    font-weight: 600;
    color: #00B4EB
}

.customer-agent .phony-proxy-flow .flowlftcol-one {
    top: 0;
    left: 30px
}

.customer-agent .phony-proxy-flow .flowlftcol-two {
    top: 200px;
    left: 30px
}

.customer-agent .phony-proxy-flow .flowlftcol-three {
    top: 340px;
    left: 30px
}

.customer-agent .phony-proxy-flow .flowlftcol-four {
    top: 560px;
    left: 30px
}

.customer-agent .phony-proxy-flow .flowrgtcol-one {
    top: 0;
    right: -40px
}

.customer-agent .phony-proxy-flow .flowrgtcol-two {
    top: 200px;
    right: -40px
}

.customer-agent .phony-proxy-flow .flowrgtcol-three {
    top: 340px;
    right: -40px
}

.customer-agent .phony-proxy-flow .flowrgtcol-four {
    top: 560px;
    right: -40px
}

.customer-agent .phony-proxy-flow .lft-img {
    position: absolute;
    left: 30px;
    height: 750px
}

.customer-agent .phony-proxy-flow .rgt-img {
    position: absolute;
    right: 50px;
    height: 750px
}

.customer-agent .phony-proxy-flow .rgt-img img {
    max-width: 100%
}

section.section.advantage.phone-proxy-works ul li {
    width: calc(100% / 4)
}

section.section.advantage.phone-proxy-works ul li:nth-child(3) {
    text-align: center
}

section.section.advantage.phone-proxy-works ul li:nth-child(3) .num {
    margin: 0 auto 22px
}

section.section.advantage.phone-proxy-works ul li:nth-child(3) .num:after {
    margin: 0 auto;
    right: 0
}

section.section.advantage.phone-proxy-works ul li:last-child {
    text-align: right
}

section.section.advantage.phone-proxy-works ul li:last-child .num {
    margin: 0 0px 22px auto
}

section.section.advantage.phone-proxy-works ul li:last-child .num:after {
    margin-left: auto;
    right: 0
}

section.section.advantage.hiring-process ul:before {
    width: 100%
}

section.section.advantage.hiring-process ul li {
    width: auto
}

section.section.advantage.hiring-process ul li:nth-child(3) {
    text-align: center
}

section.section.advantage.hiring-process ul li:nth-child(3) .num {
    margin: 0 auto 22px
}

section.section.advantage.hiring-process ul li:nth-child(3) .num:after {
    margin: 0 auto;
    right: 0
}

section.section.advantage.hiring-process ul li:nth-child(4) {
    text-align: right
}

section.section.advantage.hiring-process ul li:nth-child(4) .num {
    margin: 0 0px 22px auto
}

section.section.advantage.hiring-process ul li:nth-child(4) .num:after {
    margin-left: auto;
    right: 0
}

section.section.advantage.hiring-process ul li .heading {
    padding: 1px 0px 7px
}

section.section.advantage.hiring-process ul li img {
    width: 60px;
    height: 60px;
    object-fit: cover
}

section.section.advantage.hiring-process ul li .step {
    padding: 10px 0px 3px;
    font-size: 16px;
    font-weight: 400;
    color: #FF7A9A
}

section.section.advantage.hiring-process ul li:last-child {
    text-align: right
}

section.section.advantage.hiring-process ul li:last-child .num {
    margin: 0 0px 22px auto
}

section.section.advantage.hiring-process ul li:last-child .num span {
    background: #FF7A9A;
    color: #fff
}

section.section.advantage.hiring-process ul li:last-child .num:after {
    margin-left: auto;
    right: 0
}

.section.boxfeatures.section.border-top p {
    color: #8590A2;
    font-size: 16px;
    font-weight: 300
}

.section.use-cases-browse .box figure {
    margin: 0px;
    height: 270px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px
}

.section.use-cases-browse .box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.section.use-cases-browse .box .heading {
    color: #1C164A;
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0px 10px
}

.section.use-cases-browse .box .heading a {
    color: #1C164A;
    text-decoration: none;
    outline: none
}

.section.use-cases-browse .box p {
    color: #626F86;
    font-size: 14px;
    font-weight: 300;
    margin: 0px
}

.section.use-cases-browse .box .read-new {
    margin-top: auto;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex;
    margin: 7px 0px 0px
}

.section.use-cases-browse .box .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.section.use-cases-browse .box .read-new:hover {
    color: #000
}

.section.use-cases-browse .box .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.use-cases-browse .box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.section.use-cases-browse .box:hover .heading a {
    color: #00B4EB
}

.section.use-cases-browse .box:hover .read-new {
    color: #000
}

.section.use-cases-browse .box:hover .read-new::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.industries-browse .box {
    background: rgba(233, 242, 255, 0.36);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 17px
}

.section.industries-browse .box figure {
    margin: 0px;
    height: 164px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px
}

.section.industries-browse .box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.section.industries-browse .box .heading {
    color: #1C164A;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 0px 6px
}

.section.industries-browse .box .heading a {
    color: #1C164A;
    text-decoration: none;
    outline: none
}

.section.industries-browse .box p {
    color: #626F86;
    font-size: 14px;
    font-weight: 300;
    margin: 0px
}

.section.industries-browse .box .read-new {
    margin-top: auto;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex;
    margin: 7px 0px 0px
}

.section.industries-browse .box .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.section.industries-browse .box .read-new:hover {
    color: #000
}

.section.industries-browse .box .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.industries-browse .box:hover .heading a {
    color: #00B4EB
}

.section.industries-browse .box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.section.industries-browse .box:hover .read-new {
    color: #000
}

.section.industries-browse .box:hover .read-new::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.teams-browse .box {
    background: #E6F8FF;
    border-radius: 16px;
    position: relative;
    padding: 40px 0px 0px
}

.section.teams-browse .box .inner {
    padding: 17px;
    position: absolute;
    top: 20px;
    left: 17px;
    width: 50%
}

.section.teams-browse .box figure {
    height: 265px;
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin: 0px 11px 0px 0px
}

.section.teams-browse .box figure img {
    width: auto;
    height: 100%;
    margin: 0px
}

.section.teams-browse .box .heading {
    color: #1C164A;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 0px 6px
}

.section.teams-browse .box .heading a {
    color: #1C164A;
    text-decoration: none;
    outline: none
}

.section.teams-browse .box p {
    color: #626F86;
    font-size: 14px;
    font-weight: 300;
    margin: 0px
}

.section.teams-browse .box .read-new {
    margin-top: auto;
    color: #009ECE;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex;
    margin: 7px 0px 0px
}

.section.teams-browse .box .read-new:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.section.teams-browse .box .read-new:hover {
    color: #000
}

.section.teams-browse .box .read-new:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.section.teams-browse .box:hover .heading a {
    color: #00B4EB
}

.section.teams-browse .box:hover .read-new {
    color: #000
}

.section.teams-browse .box:hover .read-new::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.case-study-section .left-part {
    position: relative;
    margin: 109px 0px 0px;
    padding-right: 13px;
    height: 100%
}

.case-study-section .left-part .heading-section {
    display: none
}

.case-study-section .left-part .top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(179, 185, 196, 0.36);
    padding: 0px 0px 10px
}

.case-study-section .left-part .top-section .heading {
    color: #00B4EB;
    font-size: 16px;
    font-weight: 500
}

.case-study-section .left-part .top-section a {
    color: #8590A2;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    outline: none
}

.case-study-section .left-part .top-section a:hover {
    color: #00B4EB
}

.case-study-section .left-part .top-section a#Mobile-dropdown {
    display: none
}

.case-study-section .left-part .inner-check a.bottom-clearAll {
    color: #8590A2;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    outline: none;
    display: none;
    justify-content: flex-end;
    width: fit-content;
    align-items: flex-end;
    margin: 5px 0px 0px auto
}

.case-study-section .left-part .inner-check a.bottom-clearAll:hover {
    color: #00B4EB
}

.case-study-section .left-part .inner-check ul li {
    width: 100%;
    padding: 4px 0px
}

.case-study-section .left-part .inner-check ul li .form-check label {
    color: #120E30;
    font-size: 14px;
    font-weight: 400
}

.case-study-section .left-part .inner-check ul li .form-check input[type=checkbox] {
    outline: none;
    box-shadow: none;
    border-color: #8590A2
}

.case-study-section .left-part .inner-check ul li .form-check input[type=checkbox]:checked {
    border-color: #00C2F9;
    background-color: #00C2F9
}

.case-study-section .right-part .check-content.showThis {
    display: block
}

.case-study-section .right-part .check-content.slow {
    display: none
}

.case-study-section .right-part .card {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: all 0.4s ease;
    min-height: 100%
}

.case-study-section .right-part .card .card-body {
    background: rgba(233, 242, 255, 0.36);
    transition: all 0.4s ease
}

.case-study-section .right-part .card .card-body img {
    display: block;
    margin: 10px auto 0px;
    height: 42px;
    object-fit: cover;
    mix-blend-mode: multiply
}

.case-study-section .right-part .card .card-body img.h-auto {
    height: auto;
    margin-bottom: 20px
}

.case-study-section .right-part .card .card-body .sub-heading {
    color: #00B4EB;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 35px 0px 9px
}

.case-study-section .right-part .card .card-body h2 {
    color: #1C164A;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 6px
}

.case-study-section .right-part .card .card-body p {
    color: #626F86;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px;
    padding: 5px 0px 0px
}

.case-study-section .right-part .card .card-footer {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 15px 18px;
    display: flex;
    transition: all 0.4s ease
}

.case-study-section .right-part .card .card-footer a {
    margin-top: auto;
    color: #120E30;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex
}

.case-study-section .right-part .card .card-footer a:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.case-study-section .right-part .card .card-footer a:hover {
    color: #00B4EB
}

.case-study-section .right-part .card .card-footer a:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.case-study-section .right-part .card:hover .card-body {
    background: #fff
}

.case-study-section .right-part .card:hover .card-footer {
    background: rgba(233, 242, 255, 0.36)
}

embed.pdfViewSection {
    width: 100%;
    height: calc(100vh - 90px);
    min-height: 500px;
    margin: 0 auto
}

.DleftmenuBar ul li {
    display: block
}

#sync2 .owl-stage .owl-item .item {
    padding: 0px 5px;
    border-radius: 0px;
    overflow: hidden
}

#sync2 .owl-stage .owl-item .item img {
    opacity: 0.5;
    border: 1px solid transparent;
    height: 80px;
    object-fit: cover;
    border-radius: 6px
}

#sync2 .owl-stage .owl-item.current .item img {
    opacity: 1;
    border-color: #00B4EB
}

#sync2 .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    left: -33px;
    background: #000;
    border-color: #000 !important;
    color: #fff
}

#sync2 .owl-nav button.owl-next {
    left: inherit;
    right: 2px
}

.sales-four-section {
    background: rgba(233, 242, 255, 0.36)
}

.sales-four-section .box {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: center
}

.sales-four-section .box figure {
    height: 270px;
    width: 270px
}

.sales-four-section .box figure img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover
}

.sales-four-section .box .right-part {
    width: calc(100% - 300px)
}

.sales-four-section .box .right-part .sub-heading {
    color: #00B4EB;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 0px 9px
}

.sales-four-section .box .right-part p {
    margin: 0px;
    font-size: 15px;
    font-weight: 400;
    color: #120E30
}

.sales-four-section .box .right-part h2 {
    color: #1C164A;
    font-size: 22px;
    font-weight: 600
}

.sales-four-section .box .right-part h3 {
    color: #1C164A;
    font-size: 23px;
    font-weight: 600
}

.sales-four-section .box .right-part ul {
    padding: 12px 0px 0px
}

.sales-four-section .box .right-part ul li {
    position: relative;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #120E30;
    margin-left: 18px
}

.sales-four-section .box .right-part ul li a {
    color: #120E30;
    text-decoration: none;
    outline: none;
    box-shadow: none
}

.sales-four-section .box .right-part ul li:after {
    content: '';
    position: absolute;
    left: -14px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #120E30
}

.sales-four-section.channel-partner-solutions .box .right-part ul li {
    margin: 0px;
    padding: 3px 0px
}

.sales-four-section.channel-partner-solutions .box .right-part ul li:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f285";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none;
    background-position: center top;
    left: initial;
    top: 5px;
    font-size: 11px;
    margin-left: 10px
}

.sales-four-section.channel-partner-solutions .box .right-part ul li:hover::after,
.sales-four-section.channel-partner-solutions .box .right-part ul li:active::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

figure {
    margin: 0px
}

figure img.figure-img {
    margin: 0px
}

.ai-agents-industries {
    background: rgba(233, 242, 255, 0.36)
}

.ai-agents-industries ul {
    padding: 42px 0px 0px;
    column-gap: 15px
}

.ai-agents-industries ul li h2 {
    color: #120E30;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 14px 0px 0px;
    margin: 0px;
    text-transform: uppercase
}

.ai-agents-industries ul li .figure {
    position: relative;
    width: 200px;
    height: 300px
}

.ai-agents-industries ul li .figure:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 62.67%, #000 100%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 16px
}

.ai-agents-industries ul li .figure img {
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.ai-agents-industries ul li .figure i {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1
}

.ai-agents-industries ul li .figure i img {
    border-radius: 0px
}

.ai-agents-industries.chnel-ptnr-offer ul li {
    width: 25%
}

.ai-agents-industries.chnel-ptnr-offer ul li .figure {
    position: relative;
    width: 100%;
    height: 300px
}

.ai-agents-industries.chnel-ptnr-offer ul li .figure:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 62.67%, #000 100%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 16px
}

.ai-agents-industries.chnel-ptnr-offer ul li .figure img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover
}

.ai-agents-industries.chnel-ptnr-offer ul li .figure i {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ai-agents-industries.chnel-ptnr-offer ul li .figure i img {
    border-radius: 0px;
    width: 30px;
    height: auto
}

.user-cases-few-more {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background: url(../images/ai-agents/user-cases-few-more-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.user-cases-few-more .box {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    min-height: 100%
}

.user-cases-few-more .box h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0px;
    padding: 0px 0px 8px
}

.user-cases-few-more .box p {
    color: #626F86;
    font-size: 16px;
    font-weight: 400;
    margin: 0px
}

iframe .tawk-button {
    background-color: #ff0000 !important
}

.use-case-benefit-section .benefit-bg {
    background: url(../images/webinar/benefit-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 82px 61px;
    border-radius: 20px
}

.use-case-benefit-section .benefit-bg .inner-header.white p {
    color: #000
}

.use-case-benefit-section .benefit-bg .inner-header.white h2 {
    font-size: 32px;
    color: #000;
    padding: 0px
}

.use-case-benefit-section .benefit-bg .inner-header.white .sub-heading {
    color: #FF7A9A
}

.use-case-benefit-section .benefit-bg img {
    max-width: 100%;
    object-fit: cover;
    height: auto
}

.use-case-benefit-section .benefit-bg h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    color: #000;
    padding: 0px
}

.use-case-benefit-section .benefit-bg p {
    margin: 0px;
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px
}

.use-case-benefit-section .benefit-bg .inner {
    padding: 15px 0px 0px
}

.use-case-benefit-section .benefit-bg .inner ul {
    margin: 0px;
    padding: 15px 0px;
    column-gap: 15px
}

.use-case-benefit-section .benefit-bg .inner ul li .img-bor-radius {
    background: #fff;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    display: flex
}

.use-case-benefit-section .benefit-bg .inner ul li .img-bor-radius img {
    width: 29px;
    height: 29px;
    object-fit: cover
}

.ai-agent-future {
    background: #009ECE;
    position: relative;
    background: url(../images/streamline-business-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.ai-agent-future:before {
    content: '';
    position: absolute;
    background: #009ECE;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    mix-blend-mode: color
}

.ai-agent-future:after {
    background: rgba(28, 43, 65, 0.8);
    content: '';
    opacity: 8;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%
}

.ai-agent-future .container {
    position: relative;
    z-index: 1
}

.ai-agent-future .inner-header .sub-heading {
    color: #fff
}

.ai-agent-future .inner-header p {
    font-size: 16px
}

.ai-agent-future .inner {
    padding: 50px 0px 0px
}

.ai-agent-future .inner ul {
    justify-content: center
}

.ai-agent-future .inner ul li {
    color: #fff;
    width: calc(100% / 3);
    border-bottom: 1px solid #fff;
    padding-left: 30px;
    padding-bottom: 50px;
    position: relative
}

.ai-agent-future .inner ul li h2 {
    color: #00C2F9;
    font-size: 23px;
    font-weight: 600
}

.ai-agent-future .inner ul li p {
    padding-right: 30px;
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    font-weight: 300
}

.ai-agent-future .inner ul li p b {
    font-weight: 600;
    display: block
}

.ai-agent-future .inner ul li span {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #00B4EB;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -40px;
    bottom: -47px;
    font-size: 20px;
    font-weight: 600
}

.ai-agent-future .inner ul li span:before {
    z-index: -1;
    background: #fff;
    height: 160px;
    width: 1px;
    content: '';
    position: absolute;
    left: auto;
    top: -150px;
    margin: 0 auto
}

.ai-agent-future .inner ul li span:after {
    background: #fff;
    height: 10px;
    width: 10px;
    content: '';
    position: absolute;
    left: auto;
    top: -160px;
    border-radius: 100%;
    margin: 0 auto
}

.ai-agent-future .inner ul li:nth-child(odd) span {
    background: #7B61FF
}

.ai-agent-future .inner ul li:nth-child(odd) h2 {
    color: #FF7A9A
}

.ai-agent-future .inner ul li:nth-child(2) h2 {
    color: #FF7A9A
}

.ai-agent-future .inner ul li:nth-child(2) span {
    left: -250px
}

.ai-agent-future .inner ul li:nth-child(2) span:before {
    bottom: -130px;
    top: inherit;
    height: 130px
}

.ai-agent-future .inner ul li:nth-child(2) span:after {
    bottom: -140px;
    top: inherit
}

.ai-agent-future .inner ul li:nth-child(3) {
    border: none;
    width: 22%
}

.ai-agent-future .inner ul li:nth-child(3) span {
    left: -471px
}

.ai-agent-future .inner ul li:nth-child(4) {
    border: none;
    padding-top: 80px;
    padding-left: 110px;
    padding-bottom: 0px
}

.ai-agent-future .inner ul li:nth-child(4) span {
    left: 473px;
    bottom: 199px
}

.ai-agent-future .inner ul li:nth-child(4) span:before {
    bottom: -130px;
    top: inherit;
    height: 130px
}

.ai-agent-future .inner ul li:nth-child(4) span:after {
    bottom: -140px;
    top: inherit
}

.ai-agent-future .inner ul li:nth-child(5) {
    border: none;
    padding-top: 80px;
    padding-left: 110px;
    padding-bottom: 0px
}

.ai-agent-future .inner ul li:nth-child(5) span {
    left: 251px;
    bottom: 199px
}

.ai-agent-future .inner ul li:nth-child(5) h2 {
    color: #00C2F9
}

.ai-agent-future.ai-timeline {
    background: #fff
}

.ai-agent-future.ai-timeline .inner-header h2 {
    color: #00B4EB
}

.ai-agent-future.ai-timeline h3 {
    padding: 0px;
    margin: 0px;
    color: #00B4EB;
    font-size: 18px;
    font-weight: 600
}

.ai-agent-future.ai-timeline:before,
.ai-agent-future.ai-timeline:after {
    display: none
}

.ai-agent-future.ai-timeline .inner-header .sub-heading {
    color: #000
}

.ai-agent-future.ai-timeline .inner ul {
    justify-content: center
}

.ai-agent-future.ai-timeline .inner ul li {
    color: #000;
    border-color: #000;
    position: relative
}

.ai-agent-future.ai-timeline .inner ul li h3 {
    color: #00C2F9;
    font-size: 23px;
    font-weight: 600
}

.ai-agent-future.ai-timeline .inner ul li p {
    padding-right: 30px;
    font-size: 14px;
    color: #000;
    line-height: 19px;
    font-weight: 300
}

.ai-agent-future.ai-timeline .inner ul li p b {
    font-weight: 600;
    display: block
}

.ai-agent-future.ai-timeline .inner ul li span {
    color: #fff
}

.ai-agent-future.ai-timeline .inner ul li span:before {
    background: #000
}

.ai-agent-future.ai-timeline .inner ul li span:after {
    background: #7B61FF
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(odd) span {
    background: #7B61FF
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(odd) h2 {
    color: #FF7A9A
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(1) h3 {
    color: #FF7A9A
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(2) h3 {
    color: #FF7A9A
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(2) span:after {
    background: #00C2F9
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(4) span:after {
    background: #00C2F9
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(3) h3 {
    color: #FF7A9A
}

.ai-agent-future.ai-timeline .inner ul li:nth-child(5) h3 {
    color: #00C2F9
}

.section.how-agent-work {
    padding: 110px 0px;
    position: relative;
    background: url(../images/streamline-business-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.section.how-agent-work:before {
    content: '';
    position: absolute;
    background: #009ECE;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    mix-blend-mode: color
}

.section.how-agent-work:after {
    background: rgba(28, 43, 65, 0.8);
    content: '';
    opacity: 8;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%
}

.section.how-agent-work .container {
    position: relative;
    z-index: 1
}

.section.how-agent-work .inner {
    padding: 30px 0px 0px
}

.section.how-agent-work .inner h3 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0px 0px 0px 56px;
    padding: 0;
    width: 204px
}

.section.how-agent-work .inner ul {
    padding: 26px 0px 0px
}

.section.how-agent-work .inner ul li {
    width: calc(100% / 3)
}

.section.how-agent-work .inner ul li:nth-child(3) {
    width: auto
}

.section.how-agent-work .inner ul li:nth-child(6) {
    width: auto
}

.section.how-agent-work .inner ul li span {
    background: #00C2F9;
    width: 182px;
    height: 85px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 21px;
    position: relative
}

.section.how-agent-work .inner ul li span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    top: 50%;
    left: 0px;
    transform: translate(60%, -50%);
    z-index: -1
}

.section.how-agent-work .inner ul li span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-left: 9px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0;
    height: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    right: -60%
}

.section.how-agent-work .inner ul li:nth-child(odd) span {
    background: #FF7A9A
}

.section.how-agent-work .inner ul li:nth-child(4),
.section.how-agent-work .inner ul li:nth-child(5),
.section.how-agent-work .inner ul li:nth-child(6) {
    padding: 93px 0px 0px
}

.section.how-agent-work .inner ul li:nth-child(4) span:before,
.section.how-agent-work .inner ul li:nth-child(5) span:before {
    display: none
}

.section.how-agent-work .inner ul li:nth-child(6) span:before {
    border-left: 9px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0;
    height: 0;
    top: -10%;
    z-index: 0;
    right: inherit;
    transform: rotate(90deg)
}

.section.how-agent-work .inner ul li:nth-child(6) span:after,
.section.how-agent-work .inner ul li:nth-child(3) span:after {
    display: none
}

.section.how-agent-work .inner ul li:nth-child(3) span:before {
    border: none;
    content: '';
    position: absolute;
    width: 1px;
    height: 110%;
    background: #fff;
    top: -20%;
    left: 50%;
    transform: translate(-50%, 100%);
    z-index: -1
}

.section.how-agent-work .inner ul li h3 {
    text-align: center;
    padding: 15px 0px 0px;
    margin: 0px
}

.section.how-agent-work .left-box {
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
    margin: 54px 40px 0px;
    position: relative
}

.section.how-agent-work .left-box:after {
    content: '';
    position: absolute;
    width: 32%;
    height: 1px;
    background: #fff;
    top: 50%;
    right: -22px;
    transform: translate(80%, -50%);
    z-index: -1
}

.section.how-agent-work .left-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-left: 9px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0;
    height: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    right: -36%
}

.section.how-agent-work .left-box ul {
    justify-content: center;
    column-gap: 20px;
    row-gap: 14px
}

.section.how-agent-work .left-box ul li img {
    width: 50px;
    height: auto
}

.perform-ai-readines-audit .inner {
    background: rgba(233, 236, 255, 0.5);
    border-radius: 16px;
    padding: 60px
}

.perform-ai-readines-audit .inner img {
    max-width: 100%;
    border-radius: 12px
}

.your-ai-jurney {
    background: #F1F2F4
}

.your-ai-jurney .inner-header .sub-heading {
    color: #626F86
}

.your-ai-jurney .inner .box {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
    margin: 10px 0px
}

.your-ai-jurney .inner .box ul li {
    width: calc(100% / 2)
}

.your-ai-jurney .inner .box ul li:nth-child(2) {
    text-align: right
}

.your-ai-jurney .inner .box ul li .number {
    background: #FF7A9A;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.your-ai-jurney .inner .box ul li h2 {
    padding: 16px 0px 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.your-ai-jurney .inner .box ul li img {
    width: 166px;
    height: 132px;
    object-fit: cover;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.email-banner.contact-sec .contact-form h3#demoHeading {
    display: none
}

.email-banner.contact-sec .contact-form .contact-form {
    padding: 0px
}

div#successContainer {
    padding: 3px;
    font-size: 15px;
    color: green
}

.email-banner.contact-sec .contact-form a.close {
    display: none
}

.featured-testimonials .featured-testimonials-slider .owl-item {
    background: transparent
}

.featured-testimonials .featured-testimonials-slider .item {
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 10px 4px;
    overflow: hidden;
    border: 1px solid #85B8FF
}

.featured-testimonials .featured-testimonials-slider .item .box {
    display: flex;
    column-gap: 0px
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img {
    width: 40%;
    position: relative;
    cursor: pointer
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%)
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img img {
    width: 100%;
    height: 488px
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img .logo {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img .logo img {
    width: 137px;
    height: 17px;
    object-fit: contain;
    margin: 0 auto
}

.featured-testimonials .featured-testimonials-slider .item .box .larger-img i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    color: #000;
    font-size: 28px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #f7faff;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.featured-testimonials .featured-testimonials-slider .item .box .right {
    width: calc(100% - 40%);
    padding: 20px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    background: rgba(233, 242, 255, 0.36)
}

.featured-testimonials .featured-testimonials-slider .item .box .right i {
    background: #E6F8FF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 54px;
    height: 54px;
    color: #00C2F9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px
}

.featured-testimonials .featured-testimonials-slider .item .box .right p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
    line-height: 24px;
    padding: 15px 0px
}

.featured-testimonials .featured-testimonials-slider .item .box .right .heading {
    color: #28205C;
    font-size: 16px;
    font-weight: 500
}

.featured-testimonials .featured-testimonials-slider .item .box .right .website-link a {
    color: #00C2F9;
    font-size: 14px;
    font-weight: 400
}

.featured-testimonials .featured-testimonials-slider .item .box .right .bottom {
    margin-top: auto
}

.featured-testimonials .featured-testimonials-slider .item .box .right .bottom .logo img {
    width: 60px
}

.featured-testimonials .featured-testimonials-slider .item .box .right .bottom .logo img.larger {
    width: 110px
}

.featured-testimonials .featured-testimonials-slider .owl-nav {
    justify-content: end;
    margin: 10px 0px
}

.all-testimonials {
    background: rgba(233, 242, 255, 0.36)
}

.all-testimonials .inner {
    padding: 40px 0px 0px
}

.all-testimonials .inner .row {
    column-width: 15em;
    -moz-column-width: 15em;
    -webkit-column-width: 18em;
    column-gap: 1rem;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 0rem;
    display: block
}

.all-testimonials .inner .row .content {
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    position: relative;
    transition: 0.3s ease
}

.all-testimonials .inner .bg-btn {
    width: fit-content;
    margin: 0 auto
}

.all-testimonials .inner .bg-btn.noContent {
    display: none
}

.all-testimonials .inner .box {
    border: 1px solid #85B8FF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 100%;
    padding: 40px 20px 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.all-testimonials .inner .box i.bi-quote {
    position: absolute;
    background: #00B4EB;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 40px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    top: -19px;
    left: 20px
}

.all-testimonials .inner .box p {
    color: #626F86;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0px;
    padding: 25px 0px 0px
}

.all-testimonials .inner .box .img-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.all-testimonials .inner .box .img-box a {
    color: #00B4EB;
    display: none
}

.all-testimonials .inner .box .img-box img {
    width: auto;
    height: 23px;
    object-fit: cover;
    mix-blend-mode: multiply
}

.all-testimonials .inner .box .bottom-sec {
    padding: 25px 0px 0px;
    margin-top: auto
}

.all-testimonials .inner .box .bottom-sec .name {
    color: #28205C;
    font-size: 16px;
    font-weight: 500
}

.all-testimonials .inner .box .bottom-sec .txt-desin {
    color: #28205C;
    font-size: 12px;
    font-weight: 400
}

.all-testimonials .inner .box .bottom-sec .link {
    font-size: 14px;
    font-weight: 400;
    color: #00B4EB
}

.all-testimonials .inner .box:hover {
    background: #fff
}

.all-testimonials .inner .box:hover .img-box a {
    display: flex
}

.our-perks-benefits {
    background: rgba(233, 242, 255, 0.5)
}

.our-perks-benefits .inner-header p {
    text-align: right;
    color: #000
}

.our-perks-benefits .inner h2 {
    color: #00B4EB;
    font-size: 36px;
    font-weight: 600
}

.our-perks-benefits .inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #5D5D5D;
    margin: 0px;
    padding: 6px 0px 0px;
    width: 75%
}

.img-section .container-fluid {
    padding: 0px
}

.img-section .row {
    margin: 0px
}

.img-section .row [class*="col-"] {
    padding: 0px
}

.img-section .row [class*="col-"] img {
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 100%;
    object-position: 60% 50%
}

.img-section .row [class*="col-"].col-xxl-7 ul:first-child {
    height: 68.7%
}

.img-section .row [class*="col-"].col-xxl-5 .col-xxl-6 ul {
    flex-wrap: wrap
}

.img-section .row [class*="col-"].col-xxl-5 .col-xxl-6 ul li img {
    object-fit: cover
}

.img-section .row [class*="col-"].col-xxl-5 .col-xxl-6:last-child ul {
    flex-wrap: wrap
}

.img-section .row [class*="col-"].col-xxl-5 .col-xxl-6:last-child ul li img {
    object-fit: cover
}

.img-section ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    column-gap: 0px
}

.img-section ul li {
    padding: 5px;
    width: 100%
}

.current-job-opening {
    background: rgba(233, 242, 255, 0.5)
}

.current-job-opening .nav-tabs {
    border: none;
    column-gap: 13px
}

.current-job-opening .nav-tabs .nav-item button {
    outline: none;
    box-shadow: none;
    border: 1px solid #38414A;
    color: #38414A;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.current-job-opening .nav-tabs .nav-item button.active {
    border-color: #7B61FF;
    color: #7B61FF;
    background: transparent
}

.current-job-opening .tab-content {
    padding: 40px 0px 0px
}

.current-job-opening .tab-content h2 {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

.current-job-opening .tab-content .accordion-item {
    border: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 12px 0px;
    padding: 15px
}

.current-job-opening .tab-content .accordion-item:first-child {
    margin-top: 0px
}

.current-job-opening .tab-content .accordion-item .accordion-header {
    padding: 20px
}

.current-job-opening .tab-content .accordion-item .accordion-header button {
    padding: 0px 0px 10px;
    outline: none;
    box-shadow: none;
    color: #172B4D;
    font-size: 20px;
    font-weight: 500
}

.current-job-opening .tab-content .accordion-item .accordion-header button:after {
    background: transparent;
    background-repeat: no-repeat;
    content: "\f282";
    font-family: bootstrap-icons !important;
    font-size: 16px;
    border: 1.5px solid #28205C;
    border-radius: 100%;
    color: #28205C;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
    line-height: 0px
}

.current-job-opening .tab-content .accordion-item .accordion-header ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: space-between
}

.current-job-opening .tab-content .accordion-item .accordion-header ul li {
    display: flex;
    column-gap: 16px
}

.current-job-opening .tab-content .accordion-item .accordion-header ul li span {
    color: #28205C;
    font-size: 14px;
    font-weight: 400
}

.current-job-opening .tab-content .accordion-item .accordion-header ul li span img {
    width: 24px;
    height: 24px;
    object-fit: cover
}

.current-job-opening .tab-content .accordion-item.active-item {
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08)
}

.current-job-opening .tab-content .accordion-item.active-item .accordion-header button {
    color: #00B4EB;
    font-weight: 600
}

.current-job-opening .tab-content .accordion-item.active-item .accordion-header button:after {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out
}

.current-job-opening .tab-content .accordion-item .accordion-collapse {
    border-top: 1px solid #DCDFE4;
    margin: 0px 20px 0px;
    padding: 20px 0px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse a.bg-btn {
    width: fit-content;
    margin: 20px 0px 0px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body {
    padding: 0px;
    max-height: 428px;
    overflow-y: scroll
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body p {
    font-size: 14px;
    font-weight: 400;
    color: #172B4D;
    margin: 0px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body p strong {
    padding: 13px 0px;
    display: block;
    font-size: 20px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    flex-wrap: wrap;
    display: flex;
    counter-reset: line
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body ul li {
    position: relative;
    color: #172B4D;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px 5px 24px;
    width: 100%;
    display: block;
    list-style: none
}

.current-job-opening .tab-content .accordion-item .accordion-collapse .accordion-body ul li:after {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #172B4D;
    text-align: center;
    line-height: 1.25em;
    counter-increment: line;
    content: counter(line)
}

.current-job-opening .tab-content .accordion-item .accordion-collapse ::-webkit-scrollbar {
    width: 6px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse ::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.current-job-opening .tab-content .accordion-item .accordion-collapse ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #D9D9D9
}

#globalAccordion .fade {
    display: none
}

#globalAccordion .fade.show {
    display: block
}

.upload-resm.form-control {
    padding: 5px 0px;
    text-align: center
}

.upload-resm .form-group {
    position: relative
}

.upload-resm .form-group input[type="file"] {
    margin: auto;
    background-color: #fff;
    transition: border-color .25s ease-in-out;
    padding: 6px
}

.upload-resm .form-group input[type="file"]::file-selector-button {
    padding: 12px 15px;
    border-width: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #DCDFE4;
    color: #626F86;
    transition: all .25s ease-in-out;
    cursor: pointer;
    margin-right: 10px
}

.upload-resm .form-group input[type="file"]:hover::file-selector-button {
    background-color: #DCDFE4;
    color: #000
}

.upload-resm .details {
    font-size: 13px;
    color: #626F86
}

section.section.advantage.hiring-process {
    padding: 80px 0px
}

.careers-bottom-slider {
    background: #F7F8F9
}

.careers-bottom-slider .owl-carousel .owl-stage {
    display: flex;
    padding: 0px 20px
}

.careers-bottom-slider .careers-slider {
    position: relative;
    overflow: hidden;
    padding: 0%
}

.careers-bottom-slider .careers-slider .owl-item img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.careers-bottom-slider .careers-slider .owl-item .item {
    position: relative;
    display: flex;
    min-height: 100%
}

.careers-bottom-slider .careers-slider .owl-item .item .img-two {
    display: flex;
    flex-wrap: wrap
}

.careers-bottom-slider .careers-slider .owl-item .item .img-two img:last-child {
    margin-top: auto
}

.careers-bottom-slider .careers-slider .owl-item .item span {
    background: #fff;
    margin: 0;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #000;
    top: 10px
}

section.email-banner.section.careers-banner .img-sec img {
    max-width: 100%;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    object-fit: cover
}

.right-part #careersform label.form-label {
    display: flex;
    align-items: center;
    column-gap: 2px
}

.careers-banner-slider .owl-item .item img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

section.email-banner.careers-banner .inner-slider {
    position: relative
}

section.email-banner.careers-banner .inner-slider a.our-infra-open {
    background: #fff;
    margin: 0;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #000;
    bottom: 10px;
    z-index: 1;
    --angle: 0deg;
    background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #0052CC, #7B61FF) border-box;
    border: 1px solid transparent;
    -webkit-animation: rotate-gradient 2s infinite linear;
    animation: rotate-gradient 2s infinite linear
}

section.tab-view-section {
    position: relative;
    z-index: 10;
    background: #008EBB;
    padding: 10px 0px
}

section.tab-view-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/email/discover-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

section.tab-view-section.sticky {
    position: fixed;
    top: 52px;
    left: 0;
    width: 100%;
    z-index: 2
}

section.tab-view-section .alphabet-letter {
    cursor: pointer
}

section.tab-view-section .alphabet-letter.active {
    background-color: #fff
}

section.tab-view-section .alphabet-list {
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap
}

section.tab-view-section .alphabet-list li {
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff
}

section.tab-view-section .alphabet-list li.active {
    color: #00B4EB
}

section.tab-view-section.awards-recognition-top .alphabet-list li {
    width: auto;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: 400
}

section.tab-view-section.awards-recognition-top .alphabet-list li.active {
    font-weight: 500
}

.glossary-categories.case-study-section .right-part .card-body {
    padding: 34px
}

.glossary-categories.case-study-section .right-part .card-body .sub-heading {
    padding: 0px 0px
}

.glossary-categories.case-study-section .right-part .card-body h2 {
    font-size: 24px;
    padding: 5px 0px
}

.glossary-categories.case-study-section .right-part .card-body .arrow-btn {
    margin: 3px 0px 0px;
    color: #7B61FF
}

.glossary-categories.case-study-section .right-part .card-footer {
    justify-content: end;
    column-gap: 10px
}

.glossary-categories.case-study-section .right-part .card-footer a {
    color: #00C2F9;
    margin-left: 0px
}

.glossary-categories.case-study-section .right-part .card-footer a:after {
    color: #00C2F9;
    content: "\f285";
    font-family: bootstrap-icons;
    background-image: none
}

.glossary-categories.case-study-section .right-part .card-footer a:hover {
    color: #fff
}

.glossary-categories.case-study-section .right-part .card-footer a:hover:after {
    color: #fff
}

.glossary-categories.case-study-section .letter-section-main {
    padding: 10px
}

.glossary-categories.case-study-section .letter-section-main .right-part .card {
    overflow: hidden
}

.glossary-categories.case-study-section .letter-section-main .right-part .card .card-body h2 {
    padding: 0px 0px 5px;
    font-weight: 500;
    font-size: 22px
}

.glossary-categories.case-study-section .letter-section-main .right-part .card .card-body p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 15px;
    overflow: hidden;
    line-height: 24px
}

.glossary-categories.case-study-section .letter-section-main .card-link {
    justify-content: flex-start;
    display: flex;
    column-gap: 10px;
    padding: 18px 0px 0
}

.glossary-categories.case-study-section .letter-section-main .card-link a {
    padding: 6px 6px 6px 9px;
    color: #00C2F9;
    margin-left: 0px;
    font-weight: 400
}

.glossary-categories.case-study-section .letter-section-main .card-link a:after {
    color: #00C2F9;
    content: "\f285";
    font-family: bootstrap-icons;
    background-image: none;
    padding-left: 4px
}

.glossary-categories.case-study-section .letter-section-main .card-link a:hover {
    color: #fff
}

.glossary-categories.case-study-section .letter-section-main .card-link a:hover:after {
    color: #fff
}

.glossary-categories.awards-recognition-bottom .box {
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
    border: 1px solid #DCDFE4;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    padding: 15px
}

.glossary-categories.awards-recognition-bottom .box img {
    width: 100%;
    height: 488px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.glossary-categories.awards-recognition-bottom .box:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%)
}

.glossary-categories.awards-recognition-bottom .box i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    color: #000;
    font-size: 28px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #f7faff;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.glossary-categories.awards-recognition-bottom .awards-rec .box {
    background: rgba(233, 242, 255, 0.36);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 20px;
    margin: 5px 0px;
    cursor: inherit
}

.glossary-categories.awards-recognition-bottom .awards-rec .box:before {
    display: none
}

.glossary-categories.awards-recognition-bottom .awards-rec .box img {
    height: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 250px
}

.glossary-categories.awards-recognition-bottom .awards-rec .box h3 {
    padding: 15px 0px 5px;
    font-weight: 500;
    font-size: 20px;
    color: #172B4D;
    text-align: center;
    max-width: 235px;
    margin: 0 auto
}

.glossary-categories.awards-recognition-bottom .badges-proudlu {
    background: #E6F8FF
}

.glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec {
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 10px 30px;
    min-height: 100%
}

.glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec img {
    max-width: 100%
}

.glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec .sub-heading {
    font-size: 12px;
    color: #8590A2;
    font-weight: 400
}

.glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec h3 {
    font-weight: 600;
    font-size: 20px;
    color: #172B4D;
    padding: 3px 0px 15px;
    margin: 0px
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec {
    background: #002E47;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 16px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec.gray {
    background: #444A51
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec.blue {
    background: #2D284D
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .img-box {
    padding: 24px 0px 80px
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .img-box a {
    min-height: 90px
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .img-box img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom {
    margin-top: auto;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom h3 {
    font-weight: 600;
    font-size: 16px;
    color: #172B4D;
    padding: 0px;
    margin: 0px
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom a {
    margin-top: auto;
    color: #120E30;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: auto;
    transition: all 0.35s;
    position: relative;
    align-items: center;
    column-gap: 4px;
    display: flex
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom a:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom a:hover {
    color: #00B4EB
}

.glossary-categories.awards-recognition-bottom .ratings-stars .box-sec .bottom a:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-stage-outer {
    width: 100%;
    margin-bottom: 30px
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-nav {
    order: 3;
    position: absolute;
    bottom: -12px;
    right: 0
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-dots {
    display: flex;
    column-gap: 6px
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-dots .owl-dot {
    border: 1px solid #85B8FF;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-dots .owl-dot.active {
    background: #008EBB;
    border-color: #008EBB
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 45px;
    position: relative
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/awards-recognitions/recognitions-effect-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/awards-recognitions/recognitions-effect-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-position: right
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row {
    position: relative;
    z-index: 1
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link {
    text-align: left;
    padding: 15px 0px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #1C164A;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid rgba(48, 105, 176, 0.2);
    line-height: 20px
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link span {
    background: #CCE0FF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link.active {
    font-weight: 500;
    color: #00B4EB;
    background: transparent
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link.active span {
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.08)
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content {
    background: #fff;
    border: 1px solid #DCDFE4;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 10px
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content iframe {
    height: 500px;
    border: 0px;
    border: none;
    background: transparent;
    display: block
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content.img-box {
    background: transparent;
    text-align: center;
    padding: 20px
}

.glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content.img-box img {
    max-width: 350px
}

.letter-appreciation h3 {
    color: #172B4D;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 0;
    margin: 0
}

.explore-products-section .box {
    background: #E6F8FF;
    border: 1px solid #CCE0FF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 47px 51px 0px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.explore-products-section .box .top-heading {
    color: #00B4EB;
    font-size: 20px;
    font-weight: 500;
    column-gap: 10px;
    display: flex;
    align-items: center
}

.explore-products-section .box .top-heading img {
    width: 34px;
    height: auto
}

.explore-products-section .box .inner-header {
    padding: 10px 0px 25px
}

.explore-products-section .box .inner-header h2 {
    color: #000;
    font-size: 30px;
    font-weight: 600
}

.explore-products-section .box .inner-header p {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 300
}

.explore-products-section .box .img-box {
    margin-top: auto
}

.explore-products-section .box .img-box img {
    max-width: 100%;
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.16)
}

.explore-products-section.edit-together {
    padding: 0px
}

.explore-products-section.edit-together .box {
    width: 100%;
    display: block;
    overflow: visible
}

.explore-products-section.edit-together .box .tabs-section ul {
    background: #009ECE;
    border-radius: 16px 16px 0px 0px;
    -webkit-border-radius: 16px 16px 0px 0px;
    -moz-border-radius: 16px 16px 0px 0px;
    border: none;
    padding: 10px 30px 10px;
    column-gap: 60px
}

.explore-products-section.edit-together .box .tabs-section ul li button {
    background: transparent;
    position: relative;
    border-radius: 0px;
    border: none;
    padding: 4px 13px 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.explore-products-section.edit-together .box .tabs-section ul li button:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 6px solid transparent;
    display: none
}

.explore-products-section.edit-together .box .tabs-section ul li button.active {
    font-weight: 500;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #009ECE
}

.explore-products-section.edit-together .box .tabs-section ul li button.active:after {
    display: block
}

.explore-products-section.edit-together .box .tabs-section .tab-content {
    background: #16243B;
    border-radius: 0px 0px 16px 16px;
    -webkit-border-radius: 0px 0px 16px 16px;
    -moz-border-radius: 0px 0px 16px 16px;
    padding: 40px 0px 0px 60px;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    color: #fff
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .top-heading {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .top-heading img {
    width: 28px;
    height: auto
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header {
    padding: 20px 0px 0px
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header h2 {
    font-size: 36px;
    font-weight: 600;
    color: #fff
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-right: 60px
}

.explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header .arrow-btn {
    margin: 10px 0px 0px;
    color: #fff
}

.explore-products-section.workspace-meet .box {
    background: #E6F8FF;
    padding: 47px 51px 0px
}

.explore-products-section.workspace-meet .img-box {
    position: relative;
    z-index: 1
}

.explore-products-section.workspace-meet .img-box img {
    width: 100%;
    max-width: inherit;
    box-shadow: none;
    margin-bottom: -4px;
    border-radius: 16px 16px 0px 0px;
    -webkit-border-radius: 16px 16px 0px 0px;
    -moz-border-radius: 16px 16px 0px 0px
}

.explore-products-section.workspace-meet .img-box .inner-box {
    position: absolute;
    bottom: -32px;
    right: -104px
}

.explore-products-section.workspace-meet .img-box .inner-box img {
    max-width: 100%;
    width: 200px
}

.explore-products-section.workspace-meet svg {
    position: absolute;
    bottom: 0px
}

.explore-products-section.chat-meet-webinar-section .box {
    padding-right: 0px;
    padding-left: 35px
}

.explore-products-section.chat-meet-webinar-section .box .inner {
    padding-right: 51px
}

.explore-products-section.top-explore .box {
    padding: 47px 0px 0px
}

.explore-products-section.top-explore .box .inner {
    padding: 0px 40px 0px 51px
}

.explore-products-section.top-explore .box .img-box {
    padding: 0px 0px 0px 40px
}

.contact-center-inner-text {
    background: #F7F8F9
}

.contact-center-inner-text h1 {
    color: #000
}

.contact-center-inner-text h2 {
    color: #120E30
}

.contact-center-inner-text ul li {
    color: #4F4F4F
}

.contact-center-inner-text ul li b {
    font-weight: 600
}

.contact-center-inner-text ul li a {
    color: #4F4F4F
}

.contact-center-inner-text ul li a:hover {
    color: #120E30
}

.contact-center-inner-text ul ol li {
    list-style: disc
}

.contact-center-inner-text p {
    color: #4F4F4F
}

.contact-center-inner-text p b {
    font-weight: 600
}

.contact-center-banner h1 {
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600
}

.contact-center-banner h1::last-letter {
    text-transform: capitalize
}

.contact-center-banner .search-container {
    position: relative;
    margin-top: 30px
}

.contact-center-banner .search-container .search-input {
    height: 50px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding-left: 35px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff
}

.contact-center-banner .search-container .search-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #000
}

.digital-workplace .img-box {
    position: relative
}

.digital-workplace .img-box:before {
    content: '';
    background: linear-gradient(26.62deg, rgba(249, 124, 89, 0.8) 20.64%, rgba(249, 124, 89, 0) 49.82%), linear-gradient(301.08deg, rgba(252, 178, 91, 0.91) 20.42%, rgba(252, 178, 91, 0) 60.38%), #D3E4FF;
    opacity: 0.26;
    filter: blur(119px);
    border-radius: 24px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.digital-workplace .img-box img {
    max-width: 100%;
    position: relative
}

.digital-workplace ul {
    padding: 17px 0px 20px
}

.digital-workplace ul li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    column-gap: 12px;
    padding: 3px 0px;
    color: #626F86;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px
}

.digital-workplace ul li b {
    font-weight: 600
}

section.error-section {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%)
}

section.error-section .img-effect {
    -webkit-animation: spooky 1s alternate infinite linear;
    animation: spooky 1s alternate infinite linear
}

section.error-section .inner-header .sub-heading {
    color: #120E30;
    font-size: 44px;
    font-weight: 900;
    line-height: 60px
}

section.error-section .inner-header h1 {
    color: #120E30;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px
}

section.error-section p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 300;
    margin: 0px
}

section.error-section .error-img {
    padding: 20px 0px 0px
}

section.error-section .error-img img {
    max-width: 100%
}

@keyframes spooky {
    0% {
        transform: translatey(0.2em) scaley(0.95)
    }

    100% {
        transform: translatey(-0.2em)
    }
}

.comm-section table {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}

.comm-section table thead th {
    background: #009ECE;
    font-size: 16px;
    color: #fff;
    padding: 12px 15px;
    text-align: center
}

.comm-section table thead th:nth-child(1) {
    text-align: left
}

.comm-section table td {
    font-size: 14px;
    padding: 12px 15px;
    text-align: center
}

.comm-section table td:nth-child(1) {
    text-align: left
}

.comm-section table td i {
    font-size: 12px
}

.comm-section table td i.bi-check2 {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: #00ba00;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: inline-block;
    color: #fff;
    margin-right: 4px;
    text-align: center;
    padding: 1px 0px 0px
}

.comm-section table td i.bi-x-lg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: #f44336;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: inline-block;
    color: #fff;
    margin-right: 4px;
    text-align: center;
    padding: 1px 0px 0px
}

.comm-section table td i.bi-exclamation-lg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: #ffa500;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: inline-block;
    color: #fff;
    margin-right: 4px;
    text-align: center
}

.comm-section table.text-left thead th {
    text-align: left
}

.comm-section table.text-left td {
    text-align: left
}

.comm-section.auto-fialer-table table thead th {
    white-space: nowrap
}

.comm-section.auto-fialer-table table tbody tr:nth-child(even) {
    background: rgba(233, 242, 255, 0.5)
}

.comm-section.auto-fialer-table table tbody tr td {
    background: transparent;
    vertical-align: middle
}

.comm-section .table-custom-box {
    background-repeat: no-repeat;
    padding: 50px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    overflow: hidden;
    position: relative
}

.comm-section .table-custom-box:before {
    content: '';
    position: absolute;
    background: linear-gradient(116deg, rgba(108, 195, 224, 0.05) 1.37%, rgba(143, 126, 231, 0.05) 99.49%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

.comm-section .table-custom-box .box-section {
    display: flex;
    justify-content: space-between;
    align-items: start;
    background: #fff;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    position: relative;
    padding: 60px 30px
}

.comm-section .table-custom-box .box-section .img-box {
    position: relative;
    z-index: 1;
    padding: 50px 0px 0px
}

.comm-section .table-custom-box .box-section h2,
.comm-section .table-custom-box .box-section .heading {
    font-size: 16px;
    font-weight: 600;
    color: #120E30;
    margin: 0px;
    padding: 0px 0px 8px
}

.comm-section .table-custom-box .box-section .inner {
    padding: 60px 0px 0px
}

.comm-section .table-custom-box .box-section .inner .tab {
    background: #fff;
    padding: 5px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    width: 120px;
    margin: 19px auto 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative
}

.comm-section .table-custom-box .box-section .inner .tab.full-bg-left {
    background: #F7F8F9;
    font-size: 14px;
    line-height: 19px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: right;
    color: #626262;
    padding: 5px 0px
}

.comm-section .table-custom-box .box-section .inner .tab.full-bg-right {
    background: #009ECE;
    font-size: 14px;
    line-height: 19px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-align: left;
    color: #fff;
    padding: 5px 0px
}

.comm-section .table-custom-box .box-section .inner .tab:nth-child(1) {
    margin-top: 0px
}

.comm-section .table-custom-box .box-section .inner .tab span {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.comm-section .table-custom-box .box-section .inner .tab span:before {
    content: '';
    background: #009ECE;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.comm-section .table-custom-box .box-section .inner .tab span img {
    width: 18px;
    height: auto;
    position: relative;
    z-index: 2
}

.comm-section .table-custom-box .box-section .inner .tab span i {
    font-size: 18px;
    z-index: 1;
    position: relative
}

.comm-section .table-custom-box .box-section .inner .tab span i.bi-check2 {
    vertical-align: middle;
    display: inline-block;
    color: #fff
}

.comm-section .table-custom-box .box-section .inner .tab span i.bi-x-lg {
    vertical-align: middle;
    display: inline-block;
    color: #fff
}

.comm-section .table-custom-box .box-section .inner .tab span i.bi-exclamation-lg {
    vertical-align: middle;
    display: inline-block;
    color: #fff
}

.comm-section .table-custom-box .box-section .Lbox {
    width: calc(100% / 4);
    text-align: center;
    padding: 6px 0px 0px;
    position: relative
}

.comm-section .table-custom-box .box-section .Lbox:after {
    content: '';
    position: absolute;
    top: 90px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    border-left: 2px dotted rgba(56, 65, 74, 0.2);
    width: 2px;
    height: 86%
}

.comm-section .table-custom-box .box-section .Lbox .icon-box {
    margin: 0 auto;
    background: url(../images/comparison/table-title-left-bg.svg);
    background-size: cover;
    width: 52px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.comm-section .table-custom-box .box-section .Lbox .icon-box img {
    width: 33px;
    height: auto;
    object-fit: cover
}

.comm-section .table-custom-box .box-section .Lbox .icon-box.genesys {
    background: url(../images/comparison/table-genesys.svg)
}

.comm-section .table-custom-box .box-section .Lbox .icon-box.avaya {
    background: url(../images/comparison/avaya-bg.svg)
}

.comm-section .table-custom-box .box-section .Lbox .icon-box.exotel {
    background: url(../images/comparison/exotel-bg.svg)
}

.comm-section .table-custom-box .box-section .Lbox .tab span:before {
    background: #7B61FF
}

.comm-section .table-custom-box .box-section .Lbox .tab span.check:before {
    background: #009ECE
}

.comm-section .table-custom-box .box-section .Lbox .tab.exclam span:before {
    background: none;
    border: 1px solid #7B61FF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

.comm-section .table-custom-box .box-section .Lbox .tab.exclam span i {
    font-weight: 900;
    color: #7B61FF
}

.comm-section .table-custom-box .box-section .Mbox {
    width: calc(100% / 2.5);
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.comm-section .table-custom-box .box-section .Mbox .inner {
    padding: 45px 0px 0px;
    width: 100%
}

.comm-section .table-custom-box .box-section .Mbox .inner .box {
    text-align: left;
    font-size: 14px;
    color: #000;
    position: relative;
    margin: 16px 0px
}

.comm-section .table-custom-box .box-section .Mbox .inner .box:nth-child(1) {
    margin-top: 0px
}

.comm-section .table-custom-box .box-section .Mbox .inner .box span {
    min-height: 43px;
    background: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    margin: 0px 15px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    text-align: center;
    margin: 0 auto
}

.comm-section .table-custom-box .box-section .Mbox .inner .box span:after {
    content: '';
    background: url(../images/comparison/mid-arrow-table.svg);
    width: 36px;
    background-size: auto;
    position: absolute;
    left: -30px;
    height: 11px;
    top: 17px;
    background-repeat: no-repeat
}

.comm-section .table-custom-box .box-section .Mbox .inner .box span:before {
    content: '';
    background: url(../images/comparison/mid-arrow-table.svg);
    width: 36px;
    background-size: auto;
    position: absolute;
    right: -30px;
    height: 11px;
    top: 17px;
    background-repeat: no-repeat;
    background-position: -130px
}

.comm-section .table-custom-box .box-section .Mbox h2,
.comm-section .table-custom-box .box-section .Mbox .heading {
    background: #F7F8F9;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    color: #120E30;
    padding: 0px;
    margin: 0px
}

.comm-section .table-custom-box .box-section .Rbox {
    text-align: center;
    width: calc(100% / 4);
    padding: 6px 0px 0px;
    position: relative
}

.comm-section .table-custom-box .box-section .Rbox:after {
    content: '';
    position: absolute;
    top: 90px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    border-left: 2px dotted rgba(56, 65, 74, 0.2);
    width: 2px;
    height: 86%
}

.comm-section .table-custom-box .box-section .Rbox .icon-box {
    margin: 0 auto;
    width: 52px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.comm-section .table-custom-box .box-section .Rbox .icon-box:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    border-left: 2px dotted rgba(56, 65, 74, 0.2);
    width: 2px;
    height: 100%
}

.comm-section .table-custom-box .box-section .Rbox .icon-box img {
    width: 40px;
    height: auto;
    object-fit: cover
}

.comm-section .table-custom-box .box-section.text-box-section .inner .tab {
    width: 70%;
    padding: 2px 20px;
    background: #F7F8F9;
    font-size: 14px;
    line-height: 19px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: right;
    min-height: 70px;
    color: #626262
}

.comm-section .table-custom-box .box-section.text-box-section .Lbox {
    width: calc(100% / 2)
}

.comm-section .table-custom-box .box-section.text-box-section .Lbox:after {
    height: 90%
}

.comm-section .table-custom-box .box-section.text-box-section .Lbox .icon-box {
    margin: 0 auto;
    background: url(../images/comparison/knowlarity-platform-bg.svg);
    background-size: cover;
    width: 52px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox {
    width: calc(100% / 4);
    position: relative;
    z-index: 2
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox .inner .box {
    margin: 19px 0px
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox .inner .box:nth-child(1) {
    margin-top: 0px
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox .inner .box span {
    min-height: 70px
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox .inner .box span:after {
    top: 31px
}

.comm-section .table-custom-box .box-section.text-box-section .Mbox .inner .box span:before {
    top: 31px
}

.comm-section .table-custom-box .box-section.text-box-section .Rbox {
    width: calc(100% / 2)
}

.comm-section .table-custom-box .box-section.text-box-section .Rbox:after {
    height: 90%
}

.comm-section .table-custom-box .box-section.text-box-section .Rbox .inner .tab {
    text-align: left;
    background: #f4f8ff
}

.comm-section .table-custom-box.model-choose .heading-section {
    position: relative
}

.comm-section .table-custom-box.model-choose .heading-section ul li {
    justify-content: center
}

.comm-section .table-custom-box.model-choose .box-section .img-box {
    padding: 25px 0px 0px
}

.comm-section .table-custom-box.model-choose .box-section .Mbox {
    width: auto
}

.comm-section .table-custom-box.model-choose .box-section .Mbox h2,
.comm-section .table-custom-box.model-choose .box-section .Mbox .heading {
    width: 60px;
    height: 60px
}

.comm-section .table-custom-box.model-choose .box-section .Mbox .inner {
    padding: 12px 0px 0px
}

.comm-section .table-custom-box.model-choose .box-section .Mbox .inner .box span {
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    justify-content: flex-start
}

.comm-section .table-custom-box.model-choose .box-section .Mbox .inner .box span:after {
    display: none
}

.comm-section .table-custom-box.model-choose .box-section .Mbox .inner .box span:before {
    display: none
}

.comm-section .table-custom-box.model-choose .box-section .Mbox.heading {
    width: 40%
}

.comm-section .table-custom-box.model-choose .box-section .Mbox.heading h2,
.comm-section .table-custom-box.model-choose .box-section .Mbox.heading .heading {
    background: transparent
}

.comm-section .table-custom-box.model-choose .box-section .Mbox.heading .inner .box span {
    background: rgba(233, 242, 255, 0.8);
    position: relative
}

.comm-section .table-custom-box.model-choose .box-section .Mbox.heading .inner .box span:after {
    background: transparent;
    display: flex;
    content: "";
    position: absolute;
    right: -36px;
    left: inherit;
    top: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid rgba(233, 242, 255, 0.8)
}

.comm-section .table-custom-box.model-choose .box-section .Lbox,
.comm-section .table-custom-box.model-choose .box-section .Rbox {
    padding: 20px 0px 0px;
    width: auto
}

.comm-section .table-custom-box.model-choose .box-section .Lbox:after,
.comm-section .table-custom-box.model-choose .box-section .Rbox:after {
    height: 90%;
    top: 56px
}

.comm-section .table-custom-box.model-choose .box-section .Lbox .inner,
.comm-section .table-custom-box.model-choose .box-section .Rbox .inner {
    padding: 26px 0px 0px
}

.comm-section .table-custom-box.model-choose .box-section .Lbox .inner .tab,
.comm-section .table-custom-box.model-choose .box-section .Rbox .inner .tab {
    background: transparent
}

.comm-section .table-custom-box.model-choose .advantage ul {
    text-align: left
}

.comm-section .table-custom-box.model-choose .advantage ul li {
    display: block;
    padding: 0px
}

.comm-section .table-custom-box.model-choose .advantage ul li .num {
    margin: 0px
}

.comm-section .table-custom-box.model-choose .advantage ul li .num span {
    padding: 0px
}

.comm-section .table-custom-box.model-choose .advantage ul li:nth-child(2) .num {
    margin: 0 auto
}

.comm-section .table-custom-box.model-choose .advantage ul li:nth-child(3) .num {
    margin: 0 0px 0px auto
}

.comm-section.workspace-offer-table-ads table tr td span {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.comm-section.workspace-offer-table-ads table tr td span:before {
    content: '';
    background: #009ECE;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.comm-section.workspace-offer-table-ads table tr td span i {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    background: transparent;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    z-index: 1;
    position: relative
}

.comm-section.workspace-offer-table-ads table tr td span.exclam:before {
    background: #5A46D6
}

.comm-section.workspace-offer-table-ads table tr td span.tilde-icon {
    font-size: 20px;
    color: #F15B50
}

.comm-section.workspace-offer-table-ads table tr td span.tilde-icon:before {
    display: none
}

.comm-section.workspace-offer-table-ads table tr td i {
    font-style: normal;
    background: rgba(254, 163, 98, 0.15);
    color: #7B61FF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 3px 6px;
    margin-left: 4px;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500
}

.contact-sec .oz-header p {
    font-size: 14px
}

.contact-sec .oz-header li {
    font-size: 14px;
    color: #000;
    padding: 3px 0px;
    display: flex;
    column-gap: 10px;
    font-weight: 300
}

.contact-sec .oz-header li i {
    padding: 2px 0px 0px;
    color: #120E30;
    display: none
}

.comm-section .full-bg-box {
    min-height: auto;
    padding: 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.comm-section .full-bg-box img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.channel-partner-banner-form .contact-form .radioCheck .btn[for="individualReq"] {
    display: none
}

.benefit-section .benefit-bg .enquiry-form-section {
    background: #fff;
    padding: 30px 30px 30px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 20px 0px 0px
}

.benefit-section .benefit-bg .enquiry-form-section h2 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 15px
}

.channel-partner-form {
    display: none
}

section.email-banner.section.contact-sec.channel-partner .heading {
    padding: 0px 0px 16px
}

section.email-banner.section.contact-sec.channel-partner .gap-2.top-heading {
    display: none !important
}

section.email-banner.section.contact-sec.channel-partner .channel-partner-form {
    display: block
}

section.email-banner.section.contact-sec.channel-partner.deepcall-byoc-from h2.heading {
    font-size: 36px;
    font-weight: 600;
    margin: 0px
}

section.email-banner.section.contact-sec.channel-partner.deepcall-byoc-from .contact-form .heading {
    font-size: 28px
}

section.col-mr-section {
    padding: 0px
}

section.col-mr-section .container-fluid {
    padding: 0px
}

section.col-mr-section .container-fluid .row {
    margin: 0px
}

section.col-mr-section .container-fluid .row [class*="col-"] {
    padding: 0px
}

section.col-mr-section .box {
    background: #fff;
    border-radius: 12px;
    padding: 40px 30px 50px;
    min-height: 100%;
    text-align: center
}

section.col-mr-section .box .heading-larger {
    font-size: 35px;
    font-weight: 600;
    color: #00B4EB;
    padding: 0px
}

section.col-mr-section .box img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

section.col-mr-section .box h2 {
    color: #120E30;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    padding: 10px 0px
}

section.col-mr-section .box p {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0px
}

section.col-mr-section .left-part {
    background: rgba(233, 242, 255, 0.5);
    padding: 70px 20px;
    min-height: 100%
}

section.col-mr-section .left-part .row {
    margin: 0px -15px
}

section.col-mr-section .left-part .row [class*="col-"] {
    padding: 0px 12px
}

section.col-mr-section .right-part {
    background: rgba(222, 236, 255, 0.6);
    position: relative;
    min-height: 100%;
    padding: 70px 20px
}

section.col-mr-section .right-part .row {
    margin: 0px -15px
}

section.col-mr-section .right-part .row [class*="col-"] {
    padding: 0px 12px
}

section.section.powerful-features.why-partner-section .box figure {
    margin: 0px;
    width: 49px;
    height: 48px;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

section.section.powerful-features.why-partner-section .box figure img {
    margin: 0px;
    width: 34px;
    height: auto
}

section.section.powerful-features.why-partner-section .box {
    position: relative;
    padding: 10px;
    text-align: center;
    transition: all 0.5s
}

section.section.powerful-features.why-partner-section .box figure {
    margin: 0 auto
}

section.section.powerful-features.why-partner-section .box .heading {
    transition: all 0.5s;
    padding: 4px 0px 0px
}

section.section.powerful-features.why-partner-section .box p {
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    opacity: 0;
    position: absolute;
    top: 73%;
    left: 50%;
    text-align: left;
    padding: 2px;
    width: 94%;
    background: #fff;
    text-align: center
}

section.section.powerful-features.why-partner-section .box:hover {
    background: #fff
}

section.section.powerful-features.why-partner-section .box:hover p {
    opacity: 1;
    transition: all 0.9s
}

section.section.powerful-features.why-partner-section .box:hover .heading {
    opacity: 0
}

section.section.advantage.border-top.partner-support-res ul li .num {
    margin: 0px 0px 9px
}

section.section.advantage.border-top.partner-support-res ul li:nth-child(2) .num {
    margin: 0 auto 9px
}

section.section.advantage.border-top.partner-support-res ul li:nth-child(3) .num {
    margin: 0 0px 9px auto
}

section.section.advantage.border-top.partner-support-res .ul-center ul:before {
    right: inherit;
    width: 70%
}

section.section.advantage.border-top.partner-support-res .ul-center ul li {
    text-align: left
}

section.section.advantage.border-top.partner-support-res .ul-center ul li .num {
    justify-content: left
}

section.section.advantage.border-top.partner-support-res .ul-center ul li .num:after {
    left: -6px
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(2) {
    text-align: left
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(2) .num {
    margin: 0 0 9px
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(2) .num:after {
    left: -6px;
    right: inherit
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(3) {
    text-align: left
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(3) .num {
    margin: 0 0 9px
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(3) .num:after {
    left: -6px;
    right: inherit
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(4) {
    text-align: left
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(4) .num {
    margin: 0 0 9px
}

section.section.advantage.border-top.partner-support-res .ul-center ul li:nth-child(4) .num:after {
    left: -6px;
    right: inherit
}

section.section.advantage.border-top.partner-support-res.voice-voip-works .ul-center ul:before {
    width: 86%
}

section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul:before {
    width: 91%
}

section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul li .heading {
    font-size: 16px
}

section.section.advantage.border-top.partner-support-res.feature-cal {
    border: none !important
}

section.section.advantage.border-top.partner-support-res.feature-cal .ul-center ul:before {
    width: 85%
}

img.holi {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 3
}

#img-popup-box img,
.img-popup-box img {
    max-width: 100%
}

.case-study-header {
    padding: 50px 0px 0px
}

.case-study-header .heading-box {
    color: #00B4EB;
    font-size: 30px;
    font-weight: 600
}

.case-study-header .sub-heading {
    font-size: 14px;
    color: #120E30;
    font-weight: 600
}

.case-study-header h1 {
    font-size: 24px;
    font-weight: 600;
    color: #120E30;
    line-height: 36px;
    margin: 0px;
    padding: 10px 0px
}

.case-study-header p {
    font-size: 20px;
    font-weight: 400;
    color: #120E30;
    margin: 0px;
    padding: 0px 60px 0px 0px
}

.case-study-header .box {
    background: #1C164A;
    min-height: 564px;
    position: relative;
    border-radius: 16px 0px 0px 0px;
    -webkit-border-radius: 16px 0px 0px 0px;
    -moz-border-radius: 16px 0px 0px 0px
}

.case-study-header .box:after {
    content: '';
    position: absolute;
    left: 90%;
    top: 0;
    height: 100%;
    background: #1C164A;
    width: 100%
}

.case-study-header .box img {
    position: absolute;
    max-width: 80%;
    top: 50%;
    left: 76%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.facts-figures-section {
    position: relative
}

.facts-figures-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/case-study/stampmyvisa/facts-figures-section.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.facts-figures-section .container {
    position: relative
}

.facts-figures-section ul {
    border-bottom: 1px solid #D9D9D9;
    padding: 25px 0px 30px;
    margin: 0px
}

.facts-figures-section ul li {
    font-size: 46px;
    font-weight: 600;
    color: #00B4EB;
    width: calc(100% / 2)
}

.facts-figures-section ul li span {
    width: 100%;
    display: flex;
    color: #4F4F4F;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    column-gap: 6px;
    align-items: center
}

.facts-figures-section ul li span i {
    width: 16px;
    height: 1px;
    background: #000
}

.facts-figures-section ul:first-child {
    padding-top: 0px
}

.facts-figures-section ul:last-child {
    border: none;
    padding-bottom: 0px
}

.facts-figures-section ul:last-child li {
    width: 100%
}

.handle-your-visa-section {
    padding: 50px 0px
}

.handle-your-visa-section .left-part {
    background: #F7F8F9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 30px
}

.handle-your-visa-section .left-part .top-section {
    padding: 0px 0px 9px
}

.handle-your-visa-section .left-part .top-section img {
    width: auto;
    height: 44px !important;
    max-width: 100%;
    object-fit: contain
}

.handle-your-visa-section .left-part .top-section.img-transparent img {
    mix-blend-mode: multiply
}

.handle-your-visa-section .left-part p {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    margin: 0px;
    padding: 10px 0px 10px
}

.handle-your-visa-section .left-part p a {
    color: #4F4F4F
}

.handle-your-visa-section .left-part .border-top {
    margin: 10px 0px
}

.handle-your-visa-section .left-part .box {
    padding: 10px 0px
}

.handle-your-visa-section .left-part .box p {
    padding: 0px
}

.handle-your-visa-section .left-part .box b {
    font-size: 14px;
    font-weight: 700;
    color: #4F4F4F
}

.handle-your-visa-section .right-part {
    padding: 0px 0px 0px 20px
}

.handle-your-visa-section .right-part .inner-header {
    padding: 0px 0px 20px
}

.handle-your-visa-section .right-part .inner-header h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
    padding: 0px
}

.handle-your-visa-section .right-part .inner-header p {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    color: #F15B50
}

.handle-your-visa-section .right-part ul li {
    padding: 18px 0px 0px 20px;
    position: relative;
    display: flex
}

.handle-your-visa-section .right-part ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 22px;
    background: url(../images/case-study/stampmyvisa/checked-icon.svg);
    width: 15px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.handle-your-visa-section .right-part ul li:nth-child(1) {
    padding: 0px 0px 0px 20px
}

.handle-your-visa-section .right-part ul li:nth-child(1):before {
    top: 5px
}

.handle-your-visa-section .right-part .bottom-section {
    padding: 35px 0px 0px
}

.handle-your-visa-section .right-part .bottom-section.border-top {
    margin: 30px 0px
}

.handle-your-visa-section .right-part .bottom-section .inner-header p {
    color: #00B4EB
}

.handle-your-visa-section .right-part .bottom-section .box {
    padding: 20px;
    border: solid 1px transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0052cc, #7B61FF) border-box;
    min-height: 100%;
    display: flex;
    align-items: center;
    column-gap: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative
}

.handle-your-visa-section .right-part .bottom-section .box i {
    font-size: 30px;
    font-weight: 700;
    color: #00B4EB
}

.handle-your-visa-section .right-part .bottom-section .box h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 5px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

.handle-your-visa-section .right-part .bottom-section .box h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 5px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

.why-dtbgg-case-study {
    background: rgba(233, 242, 255, 0.5);
    padding: 60px 0px
}

.why-dtbgg-case-study .inner-header h2 {
    color: #00B4EB
}

.why-dtbgg-case-study .inner-header p {
    color: #28205C;
    font-size: 16px;
    font-weight: 400
}

.why-dtbgg-case-study .right-part {
    padding: 0px 0px 0px 20px
}

.why-dtbgg-case-study .right-part h2,
.why-dtbgg-case-study .right-part h3 {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    display: flex;
    column-gap: 12px;
    align-items: center;
    margin: 0px
}

.why-dtbgg-case-study .right-part h2 i,
.why-dtbgg-case-study .right-part h3 i {
    width: 60px;
    height: 2px;
    background: #00B4EB
}

.why-dtbgg-case-study .right-part .stack-cards li {
    flex-wrap: wrap;
    background: #f4f8ff;
    transform: inherit !important;
    padding: 30px 0px 70px;
    top: 5%
}

.why-dtbgg-case-study .right-part .stack-cards li:last-child {
    padding-bottom: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li .box {
    display: flex;
    flex-wrap: wrap
}

.why-dtbgg-case-study .right-part .stack-cards li .box img {
    max-width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 166px;
    object-fit: cover
}

.why-dtbgg-case-study .right-part .stack-cards li .box h2,
.why-dtbgg-case-study .right-part .stack-cards li .box h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    padding: 16px 0px 12px
}

.why-dtbgg-case-study .right-part .stack-cards li .box p {
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    margin: auto 0px 0px;
    padding: 0px;
    line-height: 22px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards .box {
    display: flex;
    column-gap: 30px;
    flex-wrap: nowrap;
    align-items: center
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box img,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards .box img {
    max-width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 160px;
    object-fit: cover;
    width: 160px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box h2,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards .box h2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 7px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box p,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards .box p {
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    margin: auto 0px 0px;
    padding: 0px;
    line-height: 20px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2).inside-hidden-engine .box,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards.inside-hidden-engine .box {
    align-items: self-start;
    column-gap: 10px;
    flex-wrap: nowrap;
    margin: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2).inside-hidden-engine .box .inner,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards.inside-hidden-engine .box .inner {
    padding: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(2).inside-hidden-engine .box i,
.why-dtbgg-case-study .right-part .stack-cards li.img-cards.inside-hidden-engine .box i {
    color: #7B61FF
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(3) .box {
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 40px 30px;
    min-height: 100%
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(3) .box img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    min-height: 60px;
    object-fit: contain;
    width: 60px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(3) .box h2,
.why-dtbgg-case-study .right-part .stack-cards li:nth-child(3) .box h3 {
    color: #120E30;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 13px 0px 13px
}

.why-dtbgg-case-study .right-part .stack-cards li:nth-child(3) .box p {
    color: #5D5D5D;
    font-size: 16px;
    font-weight: 400;
    margin: auto 0px 0px;
    padding: 0px;
    line-height: 22px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box {
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 40px 30px;
    min-height: 100%
}

.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    min-height: 60px;
    object-fit: contain;
    width: 60px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box h2,
.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box h3 {
    color: #120E30;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 13px 0px 13px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box p {
    color: #5D5D5D;
    font-size: 16px;
    font-weight: 400;
    margin: auto 0px 0px;
    padding: 0px;
    line-height: 22px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-we-offered-extra .box .inner h3 {
    font-size: 46px;
    font-weight: 600;
    color: #00B4EB
}

.why-dtbgg-case-study .right-part .stack-cards li.impact-created .item h2 {
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 46px;
    font-weight: 600;
    width: fit-content;
    margin: 0
}

.why-dtbgg-case-study .right-part .stack-cards li.impact-created .item p {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    padding: 0px 0px;
    margin: 0px;
    width: 70%
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box .box {
    display: flex;
    column-gap: 30px;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px;
    border: 1px solid #DCDFE4
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box .box img {
    max-width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 160px;
    object-fit: cover;
    width: 160px
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box .box h2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 7px
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box .box p {
    color: #1C164A;
    font-size: 14px;
    font-weight: 400;
    margin: auto 0px 0px;
    padding: 0px;
    line-height: 20px
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box.inside-hidden-engine .box {
    align-items: self-start;
    column-gap: 10px;
    flex-wrap: nowrap;
    margin: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box.inside-hidden-engine .box .inner {
    padding: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li.nor-box.inside-hidden-engine .box i {
    color: #7B61FF
}

.why-dtbgg-case-study .right-part .stack-cards.order-change {
    display: flex;
    flex-wrap: wrap;
    align-items: self-start
}

.why-dtbgg-case-study .right-part .stack-cards.order-change li:nth-child(3) {
    order: 2
}

.why-dtbgg-case-study .right-part .stack-cards.order-change li:nth-child(2) {
    order: 3
}

.case-study-featured-testimonials .box {
    background: #fff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    display: flex;
    column-gap: 38px
}

.case-study-featured-testimonials .box .larger-img {
    position: relative
}

.case-study-featured-testimonials .box .larger-img:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    border-radius: 12px 0px 0px 12px;
    -webkit-border-radius: 12px 0px 0px 12px;
    -moz-border-radius: 12px 0px 0px 12px
}

.case-study-featured-testimonials .box .larger-img img {
    width: 327px;
    height: 424px;
    border-radius: 12px 0px 0px 12px;
    -webkit-border-radius: 12px 0px 0px 12px;
    -moz-border-radius: 12px 0px 0px 12px
}

.case-study-featured-testimonials .box .larger-img .logo {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1
}

.case-study-featured-testimonials .box .larger-img .logo img {
    width: auto;
    height: 30px;
    margin: 0 auto;
    display: block;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px
}

.case-study-featured-testimonials .box .right {
    width: calc(100% - 210px);
    padding: 20px 15px 20px 0px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap
}

.case-study-featured-testimonials .box .right .top i {
    background: #E6F8FF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 54px;
    height: 54px;
    color: #00C2F9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px
}

.case-study-featured-testimonials .box .right .top p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
    line-height: 30px;
    padding: 15px 80px 15px 0px
}

.case-study-featured-testimonials .box .right .top p b {
    font-weight: 500
}

.case-study-featured-testimonials .box .right .bottom {
    margin-top: auto
}

.case-study-featured-testimonials .box .right .bottom .heading {
    color: #28205C;
    font-size: 16px;
    font-weight: 500
}

.case-study-featured-testimonials .box .right .bottom .link a {
    color: #00B4EB;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    outline: none;
    box-shadow: none
}

.case-study-featured-testimonials .box .right .bottom .name {
    color: #28205C;
    font-size: 16px;
    font-weight: 500
}

.case-study-featured-testimonials .box .right .bottom .post {
    color: #28205C;
    font-size: 12px;
    font-weight: 400
}

.more-stories-explore {
    background: #F7F8F9
}

.more-stories-explore .card {
    background: #fff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    overflow: hidden;
    border: none;
    display: flex;
    min-height: 100%
}

.more-stories-explore .card .card-body {
    padding: 28px 24px 0px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap
}

.more-stories-explore .card .card-body img {
    display: block;
    width: auto;
    height: 30px;
    margin: 0
}

.more-stories-explore .card .card-body img.h-20 {
    height: 20px
}

.more-stories-explore .card .card-body h2 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 0px;
    padding: 22px 0px 18px;
    width: 100%
}

.more-stories-explore .card .card-body ul {
    padding: 0px 0px 10px;
    margin: auto 0 0 0;
    width: 100%
}

.more-stories-explore .card .card-body ul li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0px;
    color: #626F86;
    font-size: 14px;
    font-weight: 500;
    column-gap: 10px
}

.more-stories-explore .card .card-body ul li span {
    background: #E6F8FF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 3px 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #00B4EB
}

.more-stories-explore .card .card-footer {
    background: #fff;
    border-color: #DCDFE4;
    padding: 12px 15px;
    display: flex;
    justify-content: end
}

.more-stories-explore .card .card-footer a {
    font-size: 14px;
    font-weight: 500;
    color: #120E30;
    position: relative;
    transition: all 0.35s;
    column-gap: 4px;
    display: flex;
    align-items: center
}

.more-stories-explore .card .card-footer a:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background: url(../images/black-arrow-right-s-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    content: '';
    background-position: center top
}

.mjrp-call-flow-process {
    background: #F7F8F9;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin: 20px
}

.mjrp-call-flow-process .box {
    align-items: flex-start
}

.mjrp-call-flow-process .box .right-part {
    padding: 10px 0px 0px
}

.mjrp-call-flow-process .box .right-part ul li ol {
    list-style: none
}

.mjrp-call-flow-process .box .right-part ul li ol li {
    width: 100%;
    display: block
}

.mjrp-call-flow-process .box .right-part ul li ol li:after {
    background: transparent;
    border: 1px solid #120E30
}

.grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 20px
}

.grid img {
    max-width: 100%
}

.flexible-development img {
    max-width: 100%
}

.feature-cal {
    background: #F7F8F9
}

.feature-cal .inner {
    display: flex;
    align-items: center;
    column-gap: 18px;
    padding: 15px 20px;
    background: #fff;
    margin: 7px 0px;
    min-height: 84%
}

.feature-cal .inner h3 {
    color: #000;
    font-weight: 500;
    font-size: 16px
}

.feature-cal .inner p {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin: 0px
}

.feature-cal .inner img {
    width: 30px;
    height: auto
}

.feature-cal.predictive-dial .inner {
    padding: 7px 20px;
    min-height: 60px
}

.feature-cal.predictive-dial .inner.border {
    background: transparent;
    border: 1px solid #DCDFE4 !important
}

.feature-cal.predictive-dial .inner.m-bor {
    background: #FEF0F4
}

.feature-cal.predictive-dial .inner.r-bor {
    background: transparent;
    border: 1px solid #DCDFE4 !important
}

.feature-cal.white-bg {
    background: #fff
}

.feature-cal.white-bg .box {
    background: rgba(233, 242, 255, 0.5)
}

.dtbgg-stt {
    background: #16243B
}

.dtbgg-stt img {
    max-width: 100%
}

.dtbgg-stt h3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 10px;
    text-align: center
}

.dtbgg-stt table th {
    background: #00B4EB;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.dtbgg-stt table td {
    font-size: 14px;
    font-weight: 400
}

.cai-over-voice-workflow {
    background: #fff
}

.cai-over-voice-workflow img {
    max-width: 100%
}

.cai-over-voice-workflow .nav-tabs {
    border: none;
    column-gap: 10px;
    margin: 0 auto
}

.cai-over-voice-workflow .nav-tabs .nav-item button {
    font-size: 16px;
    font-weight: 600;
    color: #120E30;
    border: none;
    border-bottom: 2px solid #E6EDF8;
    background: #E6EDF8;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 10px 30px
}

.cai-over-voice-workflow .nav-tabs .nav-item button.active {
    border-color: #7B61FF;
    background: #008EBB;
    color: #fff
}

.cai-over-voice-business {
    background: rgba(233, 242, 255, 0.5)
}

.cai-over-voice-business img {
    max-width: 100%
}

.pricing-free-tran-scalable {
    background: #F0F1FC;
    background: linear-gradient(90deg, #f0f1fc 13%, rgba(252, 178, 91, 0.24) 100%);
    padding: 30px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.pricing-free-tran-scalable .inner-header.white p {
    color: #000
}

.pricing-free-tran-scalable .inner-header.white h2 {
    font-size: 32px;
    color: #000;
    padding: 0px 0px 8px
}

.pricing-free-tran-scalable .inner-header.white .sub-heading {
    color: #FF7A9A
}

.pricing-free-tran-scalable img {
    max-width: 100%;
    object-fit: cover;
    height: auto
}

.pricing-free-tran-scalable h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    color: #000;
    padding: 0px
}

.pricing-free-tran-scalable h3 a {
    color: #000
}

.pricing-free-tran-scalable h3 a:hover {
    color: #00B4EB
}

.pricing-free-tran-scalable p {
    margin: 0px;
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px
}

.pricing-free-tran-scalable .inner {
    padding: 8px 0px
}

.pricing-free-tran-scalable .inner ul {
    margin: 0px;
    padding: 15px 0px;
    column-gap: 15px
}

.pricing-free-tran-scalable .inner ul li .img-bor-radius {
    background: #fff;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    display: flex
}

.pricing-free-tran-scalable .inner ul li .img-bor-radius img {
    width: 29px;
    height: 29px;
    object-fit: cover
}

.deepenrich-slider {
    position: relative
}

.deepenrich-slider .owl-nav {
    position: absolute;
    bottom: -50px;
    left: 0px;
    right: 0
}

.deepenrich-slider .box img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.deepenrich-slider .heading {
    color: #1C164A;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0px 0px
}

.deepenrich-slider p {
    margin: 0px;
    color: #120E30;
    font-size: 14px;
    font-weight: 400
}

.deepenrich-page {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%);
    position: relative;
    overflow: hidden;
    padding: 30px 0px 0px !important
}

.deepenrich-page .left-part {
    width: 68%
}

.deepenrich-page .col-12 {
    display: flex;
    justify-content: end
}

.deepenrich-page .container {
    min-height: 100%;
    align-items: center
}

.deepenrich-page .home-video-box {
    margin-top: 0px;
    z-index: 1;
    min-width: inherit;
    margin-left: 0rem !important;
    top: 17px;
    right: 0px;
    margin-right: -12px;
    position: relative;
    height: auto
}

.deepenrich-page p {
    max-width: 84%
}

.deepenrich-page .inner-box {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
    padding: 20px 0px 0px 20px;
    border-radius: 12px 0px 0px 0px;
    -webkit-border-radius: 12px 0px 0px 0px;
    -moz-border-radius: 12px 0px 0px 0px;
    margin-bottom: -6px;
    position: relative
}

.deepenrich-page .inner-box .img-box {
    position: relative;
    border-radius: 12px 0px 0px;
    -webkit-border-radius: 12px 0px 0px;
    -moz-border-radius: 12px 0px 0px
}

.deepenrich-page .inner-box .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.deepenrich-page .inner-box .video-icon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: linear-gradient(87.59deg, #7960FA 32.38%, #20ADDC 93.37%);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite
}

.deepenrich-page .inner-box .video-icon a {
    position: relative
}

.deepenrich-page .bg-btn {
    min-width: 200px;
    justify-content: center
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box {
    background: transparent;
    border: 1px solid #009ECE;
    border-radius: 12px;
    padding: 40px 30px 50px;
    min-height: 100%
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box .heading-larger {
    font-size: 35px;
    font-weight: 600;
    color: #00B4EB;
    padding: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    min-height: inherit;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box h2,
.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box h3 {
    color: #120E30;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    padding: 10px 0px
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box h2 a,
.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box h3 a {
    color: #120E30
}

.why-dtbgg-case-study .right-part .stack-cards li.what-offered-extra .box p {
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0px
}

.deep-enrich-tour .help-center-card .container {
    position: relative;
    text-align: center
}

.deep-enrich-tour .help-center-card .card {
    padding: 0px;
    background: transparent;
    border: none;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    min-height: 100%;
    overflow: hidden;
    transition: all 0.35s
}

.deep-enrich-tour .help-center-card .card .card-body {
    border: 1px solid transparent;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    background: rgba(233, 242, 255, 0.5);
    padding: 0px;
    transition: all 0.35s;
    display: flex
}

.deep-enrich-tour .help-center-card .card .card-body .inner {
    padding: 30px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.deep-enrich-tour .help-center-card .card .card-body .pricing-header {
    display: flex;
    position: relative;
    column-gap: 10px
}

.deep-enrich-tour .help-center-card .card .card-body .pricing-header .pricing-plan img {
    width: 24px
}

.deep-enrich-tour .help-center-card .card .card-body .pricing-header .title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: normal;
    text-align: left
}

.deep-enrich-tour .help-center-card .card .card-body .pricing-header .title a {
    color: #000
}

.deep-enrich-tour .help-center-card .card .card-body .pricing-header .title span {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    padding: 10px 0px;
    color: #1C164A
}

.deep-enrich-tour .help-center-card .card .card-body .view-btn {
    color: #00B4EB;
    transition: all 0.35s;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-top: auto
}

.deep-enrich-tour .help-center-card .card .card-body .view-btn:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f135";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none;
    background-position: center top
}

.deep-enrich-tour .help-center-card .card .card-body .view-btn:hover {
    color: #00B4EB
}

.deep-enrich-tour .help-center-card .card .card-body .view-btn:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.deep-enrich-tour .help-center-card .card .card-body .mid {
    padding: 10px 0px;
    text-align: left;
    position: relative;
    width: 100%;
    min-height: 65%
}

.deep-enrich-tour .help-center-card .card .card-body .mid .sub-heading {
    font-size: 16px;
    font-weight: 400;
    color: #00B4EB
}

.deep-enrich-tour .help-center-card .card .card-body .mid.tour-mid {
    min-height: auto
}

.deep-enrich-tour .help-center-card .card .card-body .mid.tour-mid ul {
    padding: 10px 0px 0px
}

.deep-enrich-tour .help-center-card .card .card-body .mid.tour-mid ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #1C164A;
    width: fit-content;
    display: flex;
    align-items: center;
    column-gap: 14px;
    padding: 6px 0px
}

.deep-enrich-tour .help-center-card .card .card-body .mid.tour-mid ul li i {
    font-weight: 500;
    font-size: 16px;
    color: #00B4EB
}

.deep-enrich-tour .help-center-card .card .card-footer {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 4px 30px;
    text-align: center
}

.deep-enrich-tour .help-center-card .card:hover {
    background: linear-gradient(116deg, #8F7EE7 0.51%, #6CC3E0 98.63%)
}

.deep-enrich-tour .help-center-card .card:hover .card-body {
    border: double 1px transparent;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #20ADDC, #7960FA);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative
}

.deep-enrich-tour .help-center-card .height-manage .card .card-body .inner {
    min-height: inherit
}

.deep-enrich-tour .help-center-card .height-manage .card .card-body .mid {
    min-height: inherit
}

.wizard-section .contact-form .inner-box {
    padding: 20px 0px 0px
}

.wizard-section .contact-form .inner-box ul.nav {
    display: flex;
    justify-content: space-between;
    margin: 0px;
    border: none
}

.wizard-section .contact-form .inner-box ul.nav .nav-item {
    position: relative
}

.wizard-section .contact-form .inner-box ul.nav .nav-item:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    background-color: #ced2f2;
    left: 15px;
    transition: 0.5s
}

.wizard-section .contact-form .inner-box ul.nav .nav-item .nav-link {
    border: none;
    background: #F7F8F9;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: #000;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px
}

.wizard-section .contact-form .inner-box ul.nav .nav-item .nav-link.active {
    background: #00B4EB;
    color: #fff
}

.wizard-section .contact-form .inner-box .tab-pane h2 {
    font-size: 15px;
    padding: 0px 0px 10px
}

.wizard-section .contact-form .inner-box .inner {
    padding: 15px 0px
}

.wizard-section .contact-form .inner-box .inner ul {
    column-gap: 14px
}

.wizard-section .contact-form .inner-box .inner ul li .form-check {
    display: flex;
    align-items: center;
    column-gap: 7px;
    padding: 0;
    margin: 0
}

.wizard-section .contact-form .inner-box .inner ul li .form-check .form-check-input {
    margin: 0;
    padding: 0px;
    border-color: #120E30
}

.wizard-section .contact-form .inner-box .inner ul li .form-check .form-check-label {
    font-size: 14px;
    color: #120E30
}

.wizard-section .contact-form .inner-box .wizard-inner .wizard-nav-buttons {
    display: flex;
    column-gap: 10px;
    justify-content: end
}

.wizard-section .contact-form .inner-box .wizard-inner .wizard-nav-buttons .btn {
    padding: 9px 20px 9px 20px
}

.wizard-section .contact-form .inner-box .wizard-inner .wizard-nav-buttons .btn:after {
    display: none
}

.wizard-section .contact-form .inner-box .wizard-inner .wizard-nav-buttons .btn.bg-btn:active {
    background: #006D91;
    color: #fff
}

.wizard-section .contact-form .inner-box .wizard-inner .wizard-nav-buttons .btn.bg-btn.bor:active {
    background: #00C2F9
}

.wizard-section .contact-form .inner-box .progress {
    height: 23px;
    border-radius: 6px
}

div#thankYouBox {
    text-align: center
}

div#thankYouBox h2 {
    font-size: 26px;
    font-weight: 600;
    padding: 20px 0px 10px
}

div#thankYouBox svg {
    width: 100px;
    display: block;
    margin: 40px auto 0
}

div#thankYouBox .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0
}

div#thankYouBox .path.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash 2s linear infinite
}

div#thankYouBox .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash 2s linear infinite
}

div#thankYouBox .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash 2s linear infinite
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

.premium-products .stack-cards {
    margin: 0px;
    padding: 50px 0px
}

.premium-products .stack-cards .stack-cards__item {
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 40px;
    overflow: hidden;
    filter: drop-shadow(-2px -2px 4px rgba(0, 0, 0, 0.04));
    flex: none;
    order: 0;
    flex-grow: 0
}

.premium-products .stack-cards .stack-cards__item:after {
    background: linear-gradient(116deg, rgba(218, 245, 254, 0.2) 2.37%, rgba(143, 126, 231, 0.2) 99.9%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.premium-products .stack-cards .stack-cards__item ul {
    column-gap: 10px;
    margin: 0px;
    padding: 0px
}

.premium-products .stack-cards .stack-cards__item ul li {
    color: #120E30;
    column-gap: 5px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: all 0.35s;
    height: 33px
}

.premium-products .stack-cards .stack-cards__item ul li img {
    margin-left: 13px
}

.premium-products .stack-cards .stack-cards__item ul li span {
    margin-right: 13px
}

.premium-products .stack-cards .stack-cards__item ul li:hover {
    transform: translateY(1px);
    color: #009ECE
}

.premium-products .stack-cards .stack-cards__item .view-btn {
    color: #00B4EB;
    transition: all 0.35s;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-top: 15px
}

.premium-products .stack-cards .stack-cards__item .view-btn:after {
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    content: "\f135";
    font-family: bootstrap-icons;
    height: auto;
    width: auto;
    background: none;
    background-position: center top
}

.premium-products .stack-cards .stack-cards__item .view-btn:hover {
    color: #00B4EB
}

.premium-products .stack-cards .stack-cards__item .view-btn:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.premium-products .stack-cards .stack-cards__item .step-s {
    font-size: 16px;
    font-weight: 600;
    color: #00B4EB
}

.premium-products .stack-cards .stack-cards__item h3 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin: 0px;
    display: flex;
    align-items: center;
    column-gap: 12px
}

.premium-products .stack-cards .stack-cards__item h3 a {
    color: #000
}

.premium-products .stack-cards .stack-cards__item h3 img {
    width: 24px
}

.premium-products .stack-cards .stack-cards__item p {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 15px 0px;
    color: #000
}

.premium-products .stack-cards .stack-cards__item .btn-box {
    display: flex;
    align-items: center;
    column-gap: 16px
}

.premium-products .stack-cards .stack-cards__item .btn-box .btn {
    width: 50%;
    height: 50px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    font-size: 16px
}

.premium-products .stack-cards .stack-cards__item .btn-box .btn-bor {
    padding: 0px
}

.premium-products .stack-cards .stack-cards__item .btn-box .btn-bor span {
    font-style: normal;
    background: linear-gradient(87.59deg, #5231FF 1.66%, #20ADDC 46.6%, #5231FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.premium-products .stack-cards .stack-cards__item .btn-box .btn-bor:hover span {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.premium-products .stack-cards .stack-cards__item .img-box {
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 12px
}

.premium-products .stack-cards .stack-cards__item .img-box img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.premium-products .stack-cards__item {
    top: 25%
}

.premium-products a.bg-btn.bor.blue {
    width: fit-content;
    margin: 10px 0px
}

#wizardTabs .nav-link {
    pointer-events: none
}

#thankYouBox {
    display: none
}

.iframe-video-section iframe {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.modal.modal-popup-section .modal-content {
    background: #fff
}

.modal.modal-popup-section .modal-content .modal-body {
    padding: 30px
}

.modal.modal-popup-section .modal-content .modal-body .container-fluid {
    padding: 0px
}

.modal.modal-popup-section .modal-content .right-part {
    display: flex;
    flex-wrap: wrap;
    min-height: 100%;
    background: transparent;
    padding: 0px
}

.modal.modal-popup-section .modal-content .right-part .step-2 {
    display: flex;
    flex-wrap: wrap;
    min-height: 100%;
    width: 100%
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section {
    width: 100%
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input {
    border-color: #8590A2
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input:checked {
    border-color: #00B4EB
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input::placeholder {
    color: #28205C;
    font-size: 14px;
    font-weight: 300;
    opacity: 1
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input::-ms-input-placeholder {
    color: #28205C;
    font-size: 14px;
    font-weight: 300
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section label {
    font-size: 14px;
    font-weight: 500;
    color: #626F86;
    padding-bottom: 3px
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .form-text {
    font-size: 12px;
    color: #626F86
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .btn-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input:-webkit-autofill,
.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input:-webkit-autofill:hover,
.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input:-webkit-autofill:focus,
.modal.modal-popup-section .modal-content .right-part .step-2 .form-section input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .inner-box {
    display: flex;
    align-items: center;
    column-gap: 20px
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .form-section .form-control {
    height: 40px
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .form-section .form-check input.form-check-input {
    border-color: #00B4EB;
    box-shadow: none
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .form-section .form-check input.form-check-input:checked {
    box-shadow: none;
    border-color: #00B4EB;
    background-color: #00B4EB
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .form-section .form-check .form-check-label {
    font-weight: 300
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section .guest-box {
    display: none
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section a.Guest-btn {
    font-size: 14px;
    font-weight: 500
}

.modal.modal-popup-section .modal-content .right-part .top {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.modal.modal-popup-section .modal-content .right-part h2 {
    color: #00B4EB;
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
    padding: 0px
}

.modal.modal-popup-section .modal-content .right-part h3 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 6px 0px 20px
}

.modal.modal-popup-section .modal-content .right-part .btn-sec {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.modal.modal-popup-section .modal-content .right-part .btn-sec a {
    width: 100%;
    display: flex;
    color: #626F86;
    border: 1px solid #85B8FF;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    outline: none;
    box-shadow: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 7px 0px;
    margin: 7px 0px 10px;
    transition: all 0.35s
}

.modal.modal-popup-section .modal-content .right-part .btn-sec a:hover {
    border-color: #00B4EB
}

.modal.modal-popup-section .modal-content .right-part .bottom {
    margin-top: auto;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    display: flex
}

.modal.modal-popup-section .modal-content .right-part .bottom a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    column-gap: 10px
}

.modal.modal-popup-section .modal-content .right-part .bottom a:hover {
    color: #00B4EB
}

.modal.modal-popup-section .modal-content .right-part .bottom a.btn {
    color: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

.modal.modal-popup-section .modal-content .right-part .bottom a.btn.btn-bor {
    color: #00B4EB
}

.modal.modal-popup-section .btn-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.modal .error-msg {
    color: red;
    font-size: 12px;
    display: none
}

.modal.modal-popup-section .modal-content .right-part .step-2 .form-section label.form-check-label {
    font-weight: 400
}

.u-tagsinput .bootstrap-tagsinput {
    width: 100%;
    border-color: #8590A2;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-shadow: none;
    padding: 5px;
    height: 90px;
    overflow: auto
}

.u-tagsinput .bootstrap-tagsinput ::-webkit-scrollbar {
    width: 2px
}

.u-tagsinput .bootstrap-tagsinput ::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.u-tagsinput .bootstrap-tagsinput ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff
}

.u-tagsinput .bootstrap-tagsinput::before {
    content: "|";
    display: inline-block;
    width: 1px;
    line-height: 1;
    font-size: .625rem;
    opacity: 0;
    padding: .75rem 0
}

.u-tagsinput .bootstrap-tagsinput .tag {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #626F86;
    background-color: rgba(119, 131, 143, 0.1);
    border-radius: 0.3125rem;
    padding: 3px 30px 3px 12px;
    margin-bottom: .25rem;
    margin-right: 0
}

.u-tagsinput {
    width: 100%
}

.u-tagsinput .bootstrap-tagsinput .tag [data-role="remove"] {
    position: absolute;
    right: 4px;
    top: 40%;
    color: #77838f;
    font-size: 1.25rem;
    outline: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.u-tagsinput .bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "\00d7"
}

.u-tagsinput .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    color: #1e2022;
    box-shadow: none
}

.error-msg {
    color: red;
    font-size: 12px;
    display: none
}

.msg-show {
    width: 100%
}

.msg-show .alert {
    display: none;
    position: relative;
    padding: 8px 10px;
    font-size: 14px;
    margin: 0px
}

.msg-show .alert i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0px, -50%);
    font-size: 20px
}

.msg-show .alert em {
    font-size: 12px;
    display: block;
    font-style: normal
}

div#calendly-embed-element {
    width: 100% !important
}

.video-quantic .inner .box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%
}

.video-quantic .inner .box .img-box {
    position: relative;
    cursor: pointer
}

.video-quantic .inner .box .img-box:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 97%;
    background: url(../images/dtbgg-quantic/video-transparent-bg.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.video-quantic .inner .box .img-box.after-none {
    background: rgba(200, 210, 220, 0.3);
    border-radius: 10px;
    margin-bottom: 14px
}

.video-quantic .inner .box .img-box.after-none:after {
    display: none
}

.video-quantic .inner .box .img-box .image-size {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #DCDFE4;
    width: 100%;
    height: 210px;
    object-fit: cover
}

.video-quantic .inner .box .img-box .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.video-quantic .inner .box .img-box .video-icon img {
    width: 90px
}

.video-quantic .inner .box .img-box .video-icon a {
    position: relative
}

.video-quantic .inner .box h2 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 6px 0px 0;
    margin: 0px
}

.video-quantic .inner .box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 10px 0px 0px
}

.video-quantic .inner .box ul li {
    width: 100%;
    font-size: 14px;
    color: #00B4EB;
    border-bottom: 1px solid #DCDFE4;
    padding: 6px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400
}

.video-quantic .inner .box ul li i {
    font-style: normal
}

.video-quantic .inner .box ul li span {
    font-weight: 600;
    color: #000
}

.video-quantic .inner .box ul li:last-child {
    border: none
}

.video-quantic.ppt-quantic .inner .box {
    border: 1px solid #CCE0FF
}

#video-modal .modal-header {
    padding: 10px;
    display: flex;
    justify-content: space-between
}

#video-modal .modal-header button {
    outline: none;
    box-shadow: none
}

#video-modal .modal-header h1 {
    color: #00B4EB;
    font-size: 20px;
    font-weight: 600
}

#video-modal .modal-content {
    overflow: hidden
}

#video-modal iframe {
    width: 100%;
    min-height: 60vh;
    display: flex
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

#video-modal.modal.show .modal-dialog {
    transform: none;
    max-width: 824px
}

.teams-custom .accordion {
    padding: 20px 0px 0px
}

.teams-custom .accordion .accordion-item h2 button {
    font-size: 16px;
    font-weight: 500;
    color: #28205C;
    padding: 15px 0px
}

.teams-custom .accordion .accordion-item h2 button.accordion-button {
    color: #008EBB;
    font-weight: 600
}

.teams-custom .accordion .accordion-item h2 button.accordion-button:after {
    width: 13px;
    height: 13px;
    transform: rotate(0deg);
    background-size: cover
}

.teams-custom .accordion .accordion-item h2 button.collapsed {
    font-weight: 500;
    color: #28205C
}

.teams-custom .accordion .accordion-item h2 button.collapsed:after {
    width: 13px;
    height: 13px;
    transform: rotate(0deg);
    background-size: cover
}

.teams-custom .accordion .accordion-item .accordion-body {
    color: #8590A2;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0px 0px 10px
}

.teams-custom.perfect-enterprise-section .accordion {
    padding: 20px 0px 0px
}

.teams-custom.perfect-enterprise-section .accordion .accordion-item h2 button.accordion-button {
    color: #5A46D6
}

.teams-custom.perfect-enterprise-section .accordion .accordion-item h2 button.collapsed {
    color: #28205C
}

.team-collaborate-secure {
    background: #E6F8FF
}

.team-collaborate-secure .box {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background: #fff;
    padding: 30px
}

.team-collaborate-secure .box .left-p {
    padding-right: 80px
}

.team-collaborate-secure .box .left-p ul {
    padding: 15px 0px 0px
}

.team-collaborate-secure .box .left-p ul li {
    display: flex;
    column-gap: 16px;
    align-items: flex-start;
    margin: 18px 0px
}

.team-collaborate-secure .box .left-p ul li img {
    width: 32px;
    height: 32px
}

.team-collaborate-secure .box .left-p h3 {
    color: #008EBB;
    font-size: 18px;
    font-weight: 600
}

.team-collaborate-secure .box .left-p p {
    font-size: 15px;
    font-weight: 400;
    color: #1C164A;
    margin: 0px;
    padding: 4px 40px 0px 0px
}

.team-collaborate-secure .box .right-p .img-box {
    position: relative
}

.team-collaborate-secure .box .right-p .img-box img {
    width: 100%;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    height: auto
}

.team-collaborate-secure .box .right-p .img-box .img-hover-eff {
    position: absolute;
    left: -30px;
    bottom: 36px;
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.25))
}

.team-collaborate-secure .box .right-p .img-box .img-hover-eff img {
    width: auto;
    max-width: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    height: auto
}

.team-collaborate-secure .box.content-right .left-p {
    padding-left: 80px;
    padding-right: 0px
}

.team-collaborate-secure .box.content-right .right-p .img-box .img-hover-eff {
    left: inherit;
    right: -45px;
    bottom: inherit;
    top: 15px
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage-outer {
    padding: 0px 2px
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage {
    display: flex
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item {
    display: flex
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item {
    padding: 0px;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 1px solid #B3B9C4
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box .inner {
    padding: 0px 25px 20px
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box .larger-img {
    position: relative;
    padding: 20px 0px
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box .larger-img:before {
    content: '';
    background: linear-gradient(26.62deg, #F97C59 20.64%, rgba(249, 124, 89, 0) 49.82%), linear-gradient(56.79deg, #B95BE6 33.79%, rgba(185, 91, 230, 0) 72.67%), linear-gradient(277.19deg, rgba(252, 178, 91, 0.91) 13.59%, rgba(252, 178, 91, 0) 59.05%), linear-gradient(141.57deg, rgba(78, 173, 235, 0.85) 19.08%, rgba(78, 173, 235, 0) 98.72%), #D3E4FF;
    background-blend-mode: normal, darken, normal, normal, normal;
    opacity: 0.16;
    filter: blur(45.7px);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box .larger-img img {
    position: relative;
    height: auto
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box h3 {
    padding: 16px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #120E30
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box ul {
    gap: 8px;
    flex-wrap: wrap
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box ul li {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #1C164A
}

.why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box ul li i {
    color: #7B61FF
}

.why-choose-dtbgg-teams .owl-carousel .owl-nav {
    position: absolute;
    right: 16px;
    top: -60px
}

.real_example.virtual-mob-nu-real .item .case_Study_bx .image_block12 img {
    max-width: 140px
}

.real_example.virtual-mob-nu-real .item .case_Study_bx .image_block12.small img {
    max-width: 60px
}

.real_example.virtual-mob-nu-real .item .case_Study_bx .indsry_name {
    display: flex;
    padding: 0px 0px 10px
}

.moves-work-forward .inner {
    background: #E6F8FF;
    position: relative;
    padding: 60px 0px 0px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px
}

.moves-work-forward .inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/email/discover-bg.png);
    background-repeat: no-repeat;
    background-size: 120% 60%;
    background-position: bottom
}

.moves-work-forward .inner .row {
    position: relative;
    z-index: 1
}

.moves-work-forward .inner .img {
    position: relative;
    justify-content: center
}

.moves-work-forward .inner .img img {
    max-width: 100%;
    height: auto;
    box-shadow: 0px 32.0172px 32.0172px rgba(0, 0, 0, 0.12)
}

.moves-work-forward .inner .img .left {
    position: absolute;
    left: -25px;
    bottom: 0px;
    z-index: 1
}

.moves-work-forward .inner .img .right {
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 1
}

.moves-work-forward .inner .img .right img {
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.16)
}

.moves-work-forward .inner .img .right img.img:nth-child(2) {
    box-shadow: none;
    position: absolute;
    right: -60px;
    bottom: 24px
}

.businesses-choose-our .stack-cards {
    margin: 0px;
    padding: 10px 0px 50px
}

.businesses-choose-our .stack-cards .stack-cards__item {
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 40px;
    overflow: hidden;
    filter: drop-shadow(-2px -2px 4px rgba(0, 0, 0, 0.04));
    flex: none;
    order: 0;
    flex-grow: 0
}

.businesses-choose-our .stack-cards .stack-cards__item:after {
    background: linear-gradient(266.4deg, #FEF0F4 0%, #E6F8FF 97.21%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.businesses-choose-our .stack-cards .stack-cards__item ul {
    column-gap: 10px;
    margin: 0px;
    padding: 0px
}

.businesses-choose-our .stack-cards .stack-cards__item ul li {
    color: #120E30;
    column-gap: 5px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: all 0.35s;
    height: 33px
}

.businesses-choose-our .stack-cards .stack-cards__item ul li img {
    margin-left: 13px
}

.businesses-choose-our .stack-cards .stack-cards__item ul li span {
    margin-right: 13px
}

.businesses-choose-our .stack-cards .stack-cards__item ul li:hover {
    transform: translateY(1px);
    color: #009ECE
}

.businesses-choose-our .stack-cards .stack-cards__item img {
    width: 35px;
    height: auto
}

.businesses-choose-our .stack-cards .stack-cards__item h3 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    margin: 0px
}

.businesses-choose-our .stack-cards .stack-cards__item h3 a {
    color: #000
}

.businesses-choose-our .stack-cards .stack-cards__item h3 img {
    width: 24px
}

.businesses-choose-our .stack-cards .stack-cards__item p {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 10px 0px;
    color: #000
}

.businesses-choose-our .stack-cards__item {
    top: 10%
}

.businesses-choose-our a.bg-btn.bor.blue {
    width: fit-content;
    margin: 10px 0px
}

.workspace-pricing .toggle-container {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.workspace-pricing .toggle-container .billing-toggle {
    display: flex;
    gap: 8px;
    justify-content: start;
    flex-wrap: wrap
}

.workspace-pricing .toggle-container .billing-toggle span {
    width: 100%;
    display: flex;
    font-size: 14px;
    color: #009ECE;
    font-weight: 600
}

.workspace-pricing .toggle-container .billing-toggle button {
    min-height: 44px;
    padding: 8px 18px;
    border: 1px solid #009ECE;
    background: rgba(255, 255, 255, 0.2);
    color: #009ECE;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 5px
}

.workspace-pricing .toggle-container .billing-toggle button span {
    transition: all 0.3s ease;
    background: #00B4EB;
    color: #fff;
    font-size: 11px;
    padding: 4px 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 700;
    line-height: normal
}

.workspace-pricing .toggle-container .billing-toggle button.active {
    background: #009ECE;
    color: #fff
}

.workspace-pricing .toggle-container .billing-toggle button.active span {
    background: #fff;
    color: #00B4EB
}

.workspace-pricing .toggle-container .billing-toggle button.active:after {
    content: "Save 5%";
    position: absolute;
    top: -8px;
    right: -8px;
    background: #10b981;
    color: #fff;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 700;
    display: none
}

.workspace-pricing .toggle-container .billing-toggle button.active:first-child.active:after {
    display: none
}

.workspace-pricing .toggle-container .currency-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f1f5ff;
    padding: 6px 10px;
    border-radius: 30px;
    font-weight: 600
}

.workspace-pricing .toggle-container .currency-toggle .currency-label {
    font-size: 14px;
    color: #1e1e1e
}

.workspace-pricing .toggle-container .currency-toggle .switch {
    position: relative;
    width: 42px;
    height: 22px
}

.workspace-pricing .toggle-container .currency-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.workspace-pricing .toggle-container .currency-toggle .slider {
    position: absolute;
    inset: 0;
    background-color: #0d6efd;
    border-radius: 22px;
    cursor: pointer;
    transition: 0.3s
}

.workspace-pricing .toggle-container .currency-toggle .slider::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s
}

.workspace-pricing .toggle-container .currency-toggle .switch input:checked+.slider::before {
    transform: translateX(20px)
}

.workspace-pricing .toggle-container .currency-toggle .currency-label {
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease
}

.workspace-pricing .toggle-container .currency-toggle .currency-label.active {
    color: #0d6efd
}

.workspace-pricing .plan-card {
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 20px 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #DCDFE4;
    min-height: 100%
}

.workspace-pricing .plan-card.popular:before {
    content: "POPULAR";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #10b981;
    color: white;
    padding: 4px 14px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px
}

.workspace-pricing .plan-card .plan-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 5px
}

.workspace-pricing .plan-card .plan-price {
    color: #009ECE;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 18px
}

.workspace-pricing .plan-card .plan-price-label {
    font-size: 12px;
    color: #4F4F4F;
    font-weight: 500
}

.workspace-pricing .plan-card .storage-options {
    margin-bottom: 15px
}

.workspace-pricing .plan-card .storage-options-label {
    color: #000;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500
}

.workspace-pricing .plan-card .storage-toggle-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.workspace-pricing .plan-card .storage-toggle {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    padding: 12px 10px;
    background: white;
    border: 1px solid #DCDFE4;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

.workspace-pricing .plan-card .storage-toggle:hover {
    border-color: #009ECE
}

.workspace-pricing .plan-card .storage-toggle.active {
    background: #E6F8FF;
    border-color: #009ECE;
    color: #009ECE
}

.workspace-pricing .plan-card .storage-toggle-size {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.workspace-pricing .plan-card .storage-toggle.active .storage-toggle-size {
    color: #009ECE
}

.workspace-pricing .plan-card .specs-grid {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px
}

.workspace-pricing .plan-card .spec-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef
}

.workspace-pricing .plan-card .spec-item:last-child {
    border-bottom: none
}

.workspace-pricing .plan-card .spec-label {
    font-size: 13px;
    color: #4F4F4F;
    font-weight: 500
}

.workspace-pricing .plan-card .spec-value {
    font-size: 0.85rem;
    font-weight: 600;
    color: #2d3748
}

.workspace-pricing .plan-card .spec-value.unlimited {
    color: #009ECE;
    font-size: 16px
}

.workspace-pricing .plan-card .extra-storage-section {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 15px 6px;
    margin-top: 20px;
    margin-bottom: 20px
}

.workspace-pricing .plan-card .extra-storage-label {
    font-size: 13px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.workspace-pricing .plan-card .storage-pricing-note {
    font-size: 0.7rem;
    color: #10b981;
    font-weight: 600;
    margin-left: 8px
}

.workspace-pricing .plan-card .extra-option {
    margin-bottom: 15px
}

.workspace-pricing .plan-card .extra-option:last-child {
    margin-bottom: 0
}

.workspace-pricing .plan-card .extra-option-label {
    font-size: 0.75rem;
    color: #4F4F4F;
    font-weight: 500;
    margin-bottom: 8px;
    display: block
}

.workspace-pricing .plan-card .slider-container {
    position: relative
}

.workspace-pricing .plan-card .extra-storage-slider {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: #DCDFE4;
    outline: none;
    -webkit-appearance: none;
    margin-bottom: 8px
}

.workspace-pricing .plan-card .extra-storage-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #009ECE;
    cursor: pointer
}

.workspace-pricing .plan-card .extra-storage-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #00B4EB;
    cursor: pointer;
    border: none
}

.workspace-pricing .plan-card .slider-value {
    font-size: 0.75rem;
    color: #4a5568;
    font-weight: 600;
    text-align: center
}

.workspace-pricing .plan-card .apps-section {
    display: flex;
    flex-direction: column
}

.workspace-pricing .plan-card .apps-label {
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
    font-size: 13px
}

.workspace-pricing .plan-card .apps-list-container {
    background: #F7F8F9;
    border-radius: 10px;
    padding: 12px
}

.workspace-pricing .plan-card .apps-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px
}

.workspace-pricing .plan-card .app-item {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    font-size: 12px;
    color: #4F4F4F;
    background: #fff;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid #DCDFE4
}

.workspace-pricing .plan-card .app-item.highlighted {
    background: #E6F8FF;
    border: .5px solid #579DFF;
    font-weight: 600;
    color: #000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

.workspace-pricing .plan-card .app-icon {
    font-size: 0.95rem;
    margin-right: 8px;
    flex-shrink: 0
}

.workspace-pricing .plan-card.summary-section h2 {
    color: #1a202c;
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center
}

.workspace-pricing .plan-card.summary-section .users-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
    justify-content: space-between
}

.workspace-pricing .plan-card.summary-section .users-btn {
    min-width: 44px;
    min-height: 44px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #DCDFE4;
    background: white;
    color: #4a5568;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

.workspace-pricing .plan-card.summary-section .users-btn.last-btn.active {
    pointer-events: none;
    opacity: 0.5
}

.workspace-pricing .plan-card.summary-section .users-btn:hover {
    background: #009ECE;
    color: white;
    border-color: #009ECE
}

.workspace-pricing .plan-card.summary-section .users-display {
    font-size: 2rem;
    font-weight: 700;
    color: #009ECE;
    min-width: 70px;
    text-align: center;
    outline: none;
    box-shadow: none;
    border: 1px solid #DCDFE4;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 44px
}

.workspace-pricing .plan-card.summary-section .users-label {
    text-align: center;
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.workspace-pricing .plan-card.summary-section .users-suggestion {
    text-align: center;
    color: #B3B9C4;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px
}

.workspace-pricing .plan-card.summary-section .users-suggestion.active {
    color: #009ECE
}

.workspace-pricing .plan-card.summary-section .pricing-breakdown {
    background: white;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 15px
}

.workspace-pricing .plan-card.summary-section .breakdown-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #DCDFE4
}

.workspace-pricing .plan-card.summary-section .breakdown-item:last-child {
    border-bottom: none;
    padding-top: 15px;
    margin-top: 10px
}

.workspace-pricing .plan-card.summary-section .breakdown-label {
    color: #4F4F4F;
    font-size: 0.85rem;
    font-weight: 500
}

.workspace-pricing .plan-card.summary-section .breakdown-value {
    font-weight: 600;
    color: #2d3748;
    font-size: 0.85rem
}

.workspace-pricing .plan-card.summary-section .total-section {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.workspace-pricing .plan-card.summary-section .total-label {
    font-size: 1rem;
    font-weight: 700;
    color: #1a202c
}

.workspace-pricing .plan-card.summary-section .total-price {
    font-size: 1.6rem;
    font-weight: 700;
    color: #00B4EB
}

.workspace-pricing .plan-card.summary-section .cta-button {
    width: 100%;
    min-height: 48px;
    padding: 14px;
    background: #008EBB;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none
}

.workspace-pricing .plan-card.summary-section .cta-button:hover {
    background: #FF7A9A
}

.workspace-pricing .plan-card.summary-section .selection-notice {
    text-align: center;
    color: #a0aec0;
    font-size: 0.75rem;
    margin-top: 10px
}

.workspace-pricing .plan-card.summary-section .order-summary-box {
    background: #f7fafc;
    padding: 20px 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin-bottom: 0px;
    border: 1px solid #DCDFE4
}

.workspace-pricing .plan-card.summary-section .section-divider {
    margin: 20px 0;
    text-align: center;
    position: relative
}

.workspace-pricing .plan-card.summary-section .section-divider::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: linear-gradient(to right, transparent, #d0d0d0, transparent)
}

.workspace-pricing .plan-card.summary-section .section-divider span {
    background: white;
    padding: 0 15px;
    position: relative;
    color: #4F4F4F;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600
}

.workspace-pricing .plan-card.summary-section .bulk-plan-section {
    background: #F7F8F9;
    padding: 20px;
    border-radius: 12px;
    border: 2px dashed #DCDFE4
}

.workspace-pricing .plan-card.summary-section .bulk-plan-label {
    text-align: center;
    color: #2d3748;
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0px
}

.workspace-pricing .plan-card.summary-section .bulk-plan-button {
    width: 100%;
    min-height: 48px;
    padding: 14px;
    background: #009ECE;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none
}

.workspace-pricing .plan-card.summary-section .bulk-plan-button:hover {
    background: #00B4EB
}

.workspace-pricing .plan-card.summary-section .bulk-plan-description {
    text-align: center;
    color: #4F4F4F;
    font-size: 0.75rem;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 400
}

.workspace-pricing .plan-card.popular {
    background: linear-gradient(243deg, #FEF0F4 0%, #E6F8FF 97.21%)
}

.workspace-pricing .plan-card .inner a.custom-arrow {
    margin: 0 auto;
    display: none;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    font-size: 14px;
    font-weight: 600;
    width: fit-content
}

.workspace-pricing .plan-card .inner a.custom-arrow span i {
    font-style: normal;
    transform: inherit
}

.workspace-pricing .plan-card .inner a.custom-arrow span i.unchecked {
    display: none
}

.workspace-pricing .plan-card .inner a.custom-arrow span i.checked {
    display: inline-block
}

.workspace-pricing .plan-card .inner a.custom-arrow i {
    transform: rotate(180deg);
    transition: all 0.35s
}

.workspace-pricing .plan-card .inner a.custom-arrow.collapsed span i {
    transform: inherit
}

.workspace-pricing .plan-card .inner a.custom-arrow.collapsed span i.checked {
    display: none
}

.workspace-pricing .plan-card .inner a.custom-arrow.collapsed span i.unchecked {
    display: inline-block
}

.workspace-pricing .plan-card .inner a.custom-arrow.collapsed i {
    transform: rotate(0deg)
}

.workspace-pricing .plan-card .inner .multi-collapse.collapse {
    display: block
}

.workspace-pricing.workspace-pricing-ads .plan-card .apps-list {
    grid-template-columns: repeat(1, 1fr)
}

.workspace-pricing.workspace-pricing-ads .plan-card .app-icon {
    width: 22px;
    height: 22px
}

.workspace-pricing.workspace-pricing-ads .plan-card .app-item.highlighted {
    font-weight: 500;
    font-size: 12px;
    color: #4F4F4F;
    background: #fff;
    border: 1px solid #DCDFE4
}

.workspace-pricing.workspace-pricing-ads .plan-card p {
    background: #E6F8FF;
    border: .5px solid #579DFF;
    font-weight: 600;
    color: #000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 0px
}

#getStarted p {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin: 0px;
    padding: 2px 0px
}

#getStarted p strong {
    color: #000
}

#getStarted .bg-btn.bor {
    padding: 9px 12px
}

#getStarted .bg-btn.bor:after {
    display: none
}

#getStarted table td {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F
}

#getStarted table td strong {
    font-weight: 500;
    color: #000
}

#getStarted table td strong.total-price-view {
    color: #00B4EB;
    font-size: 15px;
    font-weight: 600
}

#getStarted ul li {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    display: flex;
    column-gap: 5px;
    padding: 2px 0px
}

#getStarted ul li i {
    color: #120E30
}

.workspace-feature-list {
    background: rgba(233, 242, 255, 0.5)
}

.workspace-feature-list .border-btn {
    display: inline-flex
}

.workspace-feature-list .feature_head {
    display: flex;
    background: #009ECE;
    font-weight: 600;
    position: sticky;
    color: #fff;
    top: 0;
    z-index: 2
}

.workspace-feature-list .feature_head div {
    padding: 14px;
    text-align: center;
    font-size: 15px
}

.workspace-feature-list .feature_head div:first-child {
    flex: 2 1 0;
    text-align: left
}

.workspace-feature-list .feature_head div:not(:first-child) {
    flex: 1 1 0;
    text-align: center
}

.workspace-feature-list .feature_head div a {
    color: #fff;
    text-decoration: none;
    outline: none;
    display: flex;
    column-gap: 8px;
    align-items: center;
    font-weight: 400
}

.workspace-feature-list .feature_head div a i {
    font-size: 18px
}

.workspace-feature-list .inner-section {
    padding: 0px 0px
}

.workspace-feature-list .inner-section .accordion {
    background: transparent
}

.workspace-feature-list .inner-section .accordion .accordion-item {
    background: transparent;
    border: none
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-header {
    background: #f2f2f2;
    position: sticky;
    z-index: 1
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-header .accordion-button {
    padding: 14px 10px 14px 39px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #DCDFE4
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-header .accordion-button:after {
    content: "\f2e6";
    background: none;
    font-size: 18px;
    font-family: bootstrap-icons !important;
    left: 11px;
    right: initial;
    position: absolute;
    top: 46%;
    transform: translate(0%, -50%)
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    font-weight: 500
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-header .accordion-button.collapsed:after {
    content: "\f4fa";
    background: none;
    font-size: 18px;
    font-family: bootstrap-icons !important;
    font-weight: 600
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0px
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box {
    display: flex;
    border-bottom: 1px solid #DCDFE4;
    background: #fff
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div {
    padding: 14px;
    text-align: center;
    border-right: 1px solid #DCDFE4
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div:first-child {
    flex: 2 1 0;
    text-align: left;
    display: flex;
    align-items: center;
    column-gap: 5px
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div:first-child i {
    font-style: normal;
    color: #00B4EB;
    font-size: 14px
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div:last-child {
    border-right: none
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div:not(:first-child) {
    flex: 1 1 0;
    text-align: center
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box i {
    color: green;
    font-size: 18px
}

.workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box i.bi-x-circle {
    color: red;
    opacity: 0.7
}

.comparision-chart .inner-box {
    background: #fff5ef;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 30px
}

.comparision-chart .inner-box .head-header {
    display: flex;
    font-weight: 600;
    position: sticky;
    color: #000;
    top: 0;
    z-index: 2
}

.comparision-chart .inner-box .head-header div {
    padding: 0px 14px 14px;
    text-align: center;
    font-size: 15px
}

.comparision-chart .inner-box .head-header div:first-child {
    flex: 2 1 0;
    text-align: left
}

.comparision-chart .inner-box .head-header div:not(:first-child) {
    flex: 1 1 0;
    text-align: center
}

.comparision-chart .inner-box .head-header div a {
    color: #fff;
    text-decoration: none;
    outline: none
}

.comparision-chart .inner-box .box-all {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #DCDFE4
}

.comparision-chart .inner-box .box-all .box {
    background: #fff;
    padding: 0px;
    color: #000;
    border-bottom: 1px solid #DCDFE4;
    display: flex
}

.comparision-chart .inner-box .box-all .box div {
    padding: 14px;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid #DCDFE4
}

.comparision-chart .inner-box .box-all .box div:first-child {
    flex: 2 1 0;
    text-align: left
}

.comparision-chart .inner-box .box-all .box div:not(:first-child) {
    flex: 1 1 0;
    text-align: center;
    background: #fff5ef
}

.comparision-chart .inner-box .box-all .box div:last-child {
    border-right: none
}

.comparision-chart .inner-box .box-all .box div:nth-child(2) {
    background: #fff
}

.comparision-chart .inner-box .box-all .box div a {
    color: #fff;
    text-decoration: none;
    outline: none
}

.comparision-chart .inner-box .box-all .box div .limited {
    color: #00B4EB;
    font-size: 14px
}

.comparision-chart .inner-box .box-all .box div i {
    color: green;
    font-size: 18px
}

.comparision-chart .inner-box .box-all .box div i.bi-x-circle {
    color: red;
    opacity: 0.7
}

.comparision-chart .inner-box .box-all .box:last-child {
    border-bottom: none
}

.comparision-chart .inner-box .comparison-table table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse
}

.comparision-chart .inner-box .comparison-table table th,
.comparision-chart .inner-box .comparison-table table td {
    padding: 14px 12px;
    border: 1px solid #DCDFE4;
    text-align: center;
    font-size: 14px
}

.comparision-chart .inner-box .comparison-table table th:first-child,
.comparision-chart .inner-box .comparison-table table td:first-child {
    text-align: left
}

.comparision-chart .inner-box .comparison-table table th {
    background: transparent;
    font-size: 15px;
    font-weight: 600
}

.comparision-chart .inner-box .comparison-table table td:first-child,
.comparision-chart .inner-box .comparison-table table td:nth-child(2) {
    background: #fff
}

.comparision-chart .inner-box .comparison-table table .section-title {
    background: #f1f5f9;
    font-weight: 700;
    text-align: left !important
}

.comparision-chart .inner-box .comparison-table table .limited {
    color: #00B4EB;
    font-size: 14px
}

.comparision-chart .inner-box .comparison-table table i {
    color: green;
    font-size: 18px
}

.comparision-chart .inner-box .comparison-table table i.bi-x-circle {
    color: red;
    opacity: 0.7
}

#pdfWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 1123px;
    background: #ffffff;
    z-index: 9999;
    display: none;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #ddd
}

.pdf-table {
    width: 99.2%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Arial, sans-serif
}

.pdf-table th,
.pdf-table td {
    border: 1px solid #ddd;
    padding: 8px 6px;
    font-size: 11px;
    text-align: center
}

.pdf-table th {
    font-size: 14px
}

.pdf-table th:first-child,
.pdf-table td:first-child {
    text-align: left
}

.section-row td {
    background: #e9ecef;
    font-weight: 600;
    font-size: 12px;
    text-align: left
}

.pdf-table .check {
    color: #28a745;
    font-weight: bold
}

.pdf-table .cross {
    color: #dc3545;
    font-weight: bold
}

.pdf-table tr {
    page-break-inside: avoid
}

.pdf-table .pdf-footer {
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
    color: #666
}

img.lazy {
    opacity: 0;
    transition: opacity 0.35s ease
}

img.lazy.lazy-loaded {
    opacity: 1;
    transition: opacity 0.3s ease
}

.home-main-section section.home-workspace-section {
    padding: 50px 50px 0px;
    background: linear-gradient(266.4deg, rgba(254, 222, 200, 0.7) 0%, rgba(204, 224, 255, 0.7) 100%), #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin: 30px;
    position: relative
}

.home-main-section section.home-workspace-section:before {
    content: '';
    background: url(../images/home-banner1/home-workspace-bg-effects.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.home-main-section section.home-workspace-section .container {
    position: relative
}

.home-main-section section.home-workspace-section .img-box.img-video-box {
    position: relative
}

.home-main-section section.home-workspace-section .img-box.img-video-box .video-box {
    position: absolute;
    width: 300px;
    height: 233px;
    right: -13px;
    bottom: 17px;
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    overflow: hidden;
    padding: 7px 3px;
    box-shadow: rgba(0, 0, 0, 0.15) 3.58226px 3.58226px 31.3459px
}

.home-main-section section.home-workspace-section .img-box img {
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px
}

.home-main-section section.home-workspace-section h2 {
    color: #00B4EB;
    font-weight: 500;
    padding: 10px 0px
}

.home-main-section section.home-workspace-section p {
    font-size: 14px;
    font-weight: 400;
    color: #1C164A
}

.home-main-section section.home-workspace-section .workspace-nav li {
    width: calc(96% / 2)
}

.home-main-section section.home-workspace-section .workspace-nav li img {
    width: 23px;
    height: auto;
    object-fit: cover
}

.home-main-section section.home-workspace-section .workspace-nav li a {
    display: flex;
    column-gap: 6px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #DFD8FD;
    padding: 11px 10px;
    color: #101214;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 3px 0px;
    background: #fff;
    align-items: center;
    width: 100%;
    transition: all 0.35s;
    position: relative
}

.home-main-section section.home-workspace-section .workspace-nav li a:before {
    content: "\f26a";
    position: absolute;
    right: 6px;
    top: 3px;
    font-family: bootstrap-icons !important;
    color: #00B4EB;
    display: none
}

.home-main-section section.home-workspace-section .workspace-nav li a.active {
    border-color: #00B4EB
}

.home-main-section section.home-workspace-section .workspace-nav li a.active:before {
    display: none
}

.home-main-section section.home-workspace-section .pro-logo img {
    width: 30px;
    height: auto
}

.home-main-section section.home-workspace-section .pro-logo .sub-heading {
    color: #101214;
    font-size: 25px;
    font-weight: 500
}

.home-main-section section.home-workspace-section .nav-tabs {
    margin: 0 auto;
    width: fit-content;
    border: none;
    column-gap: 4px
}

.home-main-section section.home-workspace-section .nav-tabs li {
    margin: 0px
}

.home-main-section section.home-workspace-section .nav-tabs li button {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.2);
    outline: none;
    box-shadow: none;
    color: #000;
    display: flex;
    align-items: center;
    column-gap: 6px
}

.home-main-section section.home-workspace-section .nav-tabs li button.active {
    border-color: #00B4EB
}

.home-main-section section.home-workspace-section .nav-tabs li button img {
    width: 30px;
    height: auto
}

.home-main-section section.home-workspace-section .custom-box {
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    background: #fff;
    overflow: hidden
}

.home-main-section section.home-workspace-section .custom-box .box {
    display: flex
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b {
    width: 40px;
    border-right: 1px solid #DCDFE4
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li {
    width: 100%
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a {
    font-size: 7px;
    padding: 0;
    margin: 5px auto;
    text-align: center;
    border: none;
    color: #626F86;
    font-weight: 600;
    position: relative;
    box-shadow: none;
    outline: none
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a img {
    width: 15px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(43%) sepia(16%) saturate(639%) hue-rotate(180deg) brightness(93%) contrast(84%)
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 2px;
    height: 100%;
    display: none;
    background: #00B4EB
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a span {
    display: block;
    padding: 4px 0px 0px
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a.active {
    color: #172B4D;
    background: transparent
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a.active:before {
    display: block
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a.active img {
    filter: none
}

.home-main-section section.home-workspace-section .custom-box .box .main-box {
    width: calc(100% - 47px)
}

.home-main-section section.home-workspace-section .custom-box .box .main-box .mid-b {
    height: 621px;
    overflow: hidden
}

.home-main-section section.home-workspace-section .custom-box .box .main-box .mid-b .tab-content {
    overflow: hidden;
    height: 100%
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .top-menu-icon {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 8px 0px
}

.home-main-section section.home-workspace-section .custom-box .box .nav-b .top-menu-icon img {
    width: 18px;
    height: auto;
    object-fit: cover
}

.home-main-section section .deepcall-nav {
    display: flex;
    column-gap: 4px;
    flex-wrap: wrap
}

.home-main-section section .deepcall-nav li {
    width: calc(96% / 2)
}

.home-main-section section .deepcall-nav li.larger {
    width: 98%
}

.home-main-section section .deepcall-nav li img {
    width: 23px;
    height: auto;
    object-fit: cover
}

.home-main-section section .deepcall-nav li a {
    display: flex;
    column-gap: 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #DFD8FD;
    padding: 11px 10px;
    color: #101214;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 3px 0px;
    background: #fff;
    align-items: center;
    width: 100%;
    transition: all 0.35s
}

.home-main-section section.deepcall-banner-home {
    padding: 50px 50px 0px;
    background: linear-gradient(90deg, rgba(222, 222, 248, 0.36) 0%, rgba(227, 228, 249, 0.36) 65%, rgba(244, 232, 254, 0.36) 100%), #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin: 30px;
    position: relative
}

.home-main-section section.deepcall-banner-home:before {
    content: '';
    background: url(../images/home-banner/home-deepcall-bg-effect.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.home-main-section section.deepcall-banner-home .container {
    position: relative
}

.home-main-section section.deepcall-banner-home .img-box img {
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px
}

.home-main-section section.deepcall-banner-home .heading-section {
    padding-left: 10px
}

.home-main-section section.deepcall-banner-home h2 {
    color: #00B4EB;
    font-weight: 500;
    padding: 10px 0px
}

.home-main-section section.deepcall-banner-home p {
    font-size: 14px;
    font-weight: 400;
    color: #1C164A
}

.home-main-section section.deepcall-banner-home .pro-logo img {
    width: 30px;
    height: auto
}

.home-main-section section.deepcall-banner-home .pro-logo .sub-heading {
    color: #101214;
    font-size: 25px;
    font-weight: 500
}

.home-main-section section.deepcall-banner-home .bg-btn {
    background: #5E4DB2;
    border-color: #5E4DB2
}

.home-main-section section.deepcall-banner-home .bg-btn:hover {
    background: #6E5DC6
}

.home-main-section section.deepcall-banner-home .bg-btn.bor {
    background: transparent;
    color: #5E4DB2
}

.home-main-section section.deepcall-banner-home .bg-btn.bor:after {
    color: #5E4DB2
}

.home-main-section section.deepcall-banner-home .bg-btn.bor:hover {
    color: #fff;
    background: #5E4DB2
}

.home-main-section section.deepcall-banner-home .bg-btn.bor:hover:after {
    color: #fff
}

.home-main-section section.dtbgg-ai-banner-home {
    padding: 50px 50px 0px;
    background: linear-gradient(266.4deg, rgba(254, 222, 200, 0.5) 0%, rgba(204, 224, 255, 0.5) 100%), #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin: 30px;
    position: relative
}

.home-main-section section.dtbgg-ai-banner-home:before {
    content: '';
    background: url(../images/home-banner/ai-dtbgg-bg-effect.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.home-main-section section.dtbgg-ai-banner-home .container {
    position: relative
}

.home-main-section section.dtbgg-ai-banner-home .img-box.img-video-box {
    position: relative
}

.home-main-section section.dtbgg-ai-banner-home .img-box.img-video-box .video-box {
    position: absolute;
    width: 300px;
    height: 233px;
    right: -13px;
    bottom: 17px;
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    overflow: hidden;
    padding: 7px 3px;
    box-shadow: rgba(0, 0, 0, 0.15) 3.58226px 3.58226px 31.3459px
}

.home-main-section section.dtbgg-ai-banner-home .img-box img {
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px
}

.home-main-section section.dtbgg-ai-banner-home .heading-section {
    padding-right: 10px
}

.home-main-section section.dtbgg-ai-banner-home h2 {
    color: #00B4EB;
    font-weight: 500;
    padding: 10px 0px
}

.home-main-section section.dtbgg-ai-banner-home p {
    font-size: 14px;
    font-weight: 400;
    color: #1C164A
}

.home-main-section section.dtbgg-ai-banner-home .pro-logo img {
    width: 30px;
    height: auto
}

.home-main-section section.dtbgg-ai-banner-home .pro-logo .sub-heading {
    color: #101214;
    font-size: 25px;
    font-weight: 500
}

.home-main-section section.deepenrich-banner-home {
    padding: 50px 50px 0px;
    background: linear-gradient(116deg, rgba(108, 195, 224, 0.2) 1.37%, rgba(143, 126, 231, 0.2) 99.49%), #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin: 30px;
    position: relative
}

.home-main-section section.deepenrich-banner-home:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 50px 50px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    top: 0;
    left: 0;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.home-main-section section.deepenrich-banner-home .container {
    position: relative
}

.home-main-section section.deepenrich-banner-home .img-box.img-video-box {
    position: relative
}

.home-main-section section.deepenrich-banner-home .img-box.img-video-box .video-box {
    position: absolute;
    width: 322px;
    height: 281px;
    right: -13px;
    bottom: 17px;
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    overflow: hidden;
    padding: 7px 3px;
    box-shadow: rgba(0, 0, 0, 0.15) 3.58226px 3.58226px 31.3459px
}

.home-main-section section.deepenrich-banner-home .img-box img {
    box-shadow: 0px 0px 33.6396px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px
}

.home-main-section section.deepenrich-banner-home .heading-section {
    padding-left: 10px
}

.home-main-section section.deepenrich-banner-home h2 {
    color: #00B4EB;
    font-weight: 500;
    padding: 10px 0px
}

.home-main-section section.deepenrich-banner-home p {
    font-size: 14px;
    font-weight: 400;
    color: #1C164A
}

.home-main-section section.deepenrich-banner-home .pro-logo img {
    width: 30px;
    height: auto
}

.home-main-section section.deepenrich-banner-home .pro-logo .sub-heading {
    color: #101214;
    font-size: 25px;
    font-weight: 500
}

.home-left-menu {
    position: fixed;
    top: 35%;
    left: 14px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s ease;
    z-index: 999;
    box-shadow: 0px 4.03298px 8.6195px rgba(0, 0, 0, 0.125);
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 0px
}

.home-left-menu.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.home-left-menu li {
    display: block
}

.home-left-menu li a {
    text-align: center;
    display: block;
    font-size: 10px;
    color: #626F86;
    font-weight: 400;
    padding: 9px 5px;
    position: relative;
    transition: color 0.3s ease
}

.home-left-menu li a img {
    width: 20px;
    height: auto;
    object-fit: cover
}

.home-left-menu li a i {
    margin: 0px 0px 5px
}

.home-left-menu li a span {
    display: block;
    width: 100%;
    margin: 6px 0px 0px
}

.home-left-menu li a::after {
    content: '';
    position: absolute;
    left: -45px;
    top: 53px;
    width: 70%;
    height: 2px;
    background: #008EBB;
    transform: rotate(90deg);
    transform-origin: right;
    opacity: 0;
    transition: all 0.3s ease
}

.home-left-menu li a.active {
    color: #000
}

.home-left-menu li a.active::after {
    opacity: 1;
    transform: rotate(90deg)
}

section.section.what-we-do .inner .owl-carousel .owl-nav.disabled {
    display: block !important
}

section.section.what-we-do.brand-section .inner .owl-carousel .owl-nav.disabled {
    display: none !important
}

.email-banner ul {
    margin: 0px;
    padding: 20px 0px 10px
}

.email-banner ul.hover-effect-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.email-banner ul.hover-effect-box li {
    border: 1px dotted #DCDFE4;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    padding: 4.33px 12.33px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    transition: border-color 0.3s, background-color 0.3s;
    border-image: initial;
    position: relative;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer
}

.email-banner ul.hover-effect-box li:hover {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #646464
}

.conversational-statistics {
    padding: 39px 132px 22px;
    display: flex
}

.conversational-statistics .item {
    text-align: center;
    width: calc(100% / 4)
}

.conversational-statistics .item h2,
.conversational-statistics .item h3 {
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 46px;
    font-weight: 600;
    width: fit-content;
    text-align: center;
    margin: 0 auto
}

.conversational-statistics .item p {
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
    padding: 0px 30px;
    margin: 0px
}

section.conversational-ai-dff-ind {
    background: rgba(233, 242, 255, 0.5)
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage {
    display: flex
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    position: relative
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .img-box {
    position: relative
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .img-box:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(22, 12, 40, 0.101961) 0%, #1A1228 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all 0.35s
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left {
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left .play-icon {
    background: #00B4EB;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    font-size: 24px;
    transition: all 0.35s;
    cursor: pointer;
    color: #fff
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left .play-icon i {
    line-height: 0px
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left .add-icon {
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    font-size: 30px;
    transition: all 0.35s;
    cursor: pointer;
    padding: 2px 1px 0px 0px;
    margin: 0;
    opacity: 0.7
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left .add-icon:hover {
    opacity: 1
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left button {
    background: #00B4EB;
    cursor: pointer;
    border: none;
    color: white;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 100%;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    transition: all 0.7s ease
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left button i {
    transition: all 0.35s
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left button.active {
    background: #E2483D;
    animation: ripple 1.5s linear infinite
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .left button.active i:before {
    content: "\f490"
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0 5px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 4px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .inner {
    z-index: 2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 96px;
    padding: 20px 20px;
    transition: background-color .45s, height .45s;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: visible
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .inner .item-content {
    padding: 6px 0px 0px;
    overflow: hidden;
    transition: height 0.35s ease
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .inner .item-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0px
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box .inner .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box:hover button {
    animation: ripple 1.5s linear infinite
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box.show .inner {
    height: 100%
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box.show .inner .item-content {
    height: auto
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box.show .inner .top .left .add-icon i:before {
    content: "\f2ea"
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item .box.show .img-box:after {
    background: linear-gradient(180deg, rgba(22, 12, 40, 0.7) 0%, #1A1228 100%)
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item img {
    width: 100%;
    height: auto;
    object-fit: cover
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item h3 {
    padding: 4px 0px;
    margin: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    min-height: 60px;
    display: flex;
    align-items: flex-end
}

section.conversational-ai-dff-ind .conversational-slider .owl-stage-outer .owl-stage .owl-item h3.single {
    padding: 24px 0px 0px;
    min-height: inherit
}

section.conversational-ai-dff-ind .conversational-slider .owl-nav {
    margin: 14px 0px 0px
}

header.home-header .container {
    position: relative
}

header.home-header .container .navbar {
    margin: 0px;
    padding: 0px;
    background: none !important;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    transition: all 0.35s
}

header.home-header .container .navbar .navbar-nav li.ai-nav span {
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: inherit;
    text-fill-color: inherit;
    width: fit-content
}

header.home-header .container .navbar .navbar-nav li.ai-nav lottie-player {
    display: none
}

header.home-header .container .navbar .navbar-nav li a.nav-link {
    background: #E6F8FF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 4px 8px;
    transition: all 0.35s;
    color: #626262;
    margin-bottom: 3px
}

header.home-header .container .navbar .navbar-nav li a.nav-link:before {
    display: none
}

header.home-header .container .home-header-tagline {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    background: linear-gradient(90deg, #5A46D6 0%, #008EBB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border-left: 1px solid rgba(68, 84, 111, 0.1);
    padding: 8px 9px;
    margin: 2px 0px 0px;
    transition: all 0.35s;
    display: flex
}

header.home-header .logo {
    width: 90px
}

header.home-header.sticky .container .navbar {
    margin: 0px;
    padding: 0px;
    background: none !important;
    position: initial;
    top: 0;
    left: 0
}

header.home-header.sticky .container .navbar .navbar-nav li.ai-nav span {
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

header.home-header.sticky .container .navbar .navbar-nav li.ai-nav lottie-player {
    display: flex
}

header.home-header.sticky .container .navbar .navbar-nav li a.nav-link {
    background: transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    transition: all 0.35s;
    color: #626262;
    margin-bottom: 0px
}

header.home-header.sticky .container .navbar .navbar-nav li a.nav-link:before {
    display: block
}

header.home-header.sticky .container .home-header-tagline {
    display: none
}

header.home-header.sticky .logo {
    width: 220px
}

.workspace-landing-apps {
    background: url(../images/object-storage/let-understand-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding: 80px 0px
}

.workspace-landing-apps ul {
    list-style: none;
    column-gap: 20px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 20px;
    justify-content: space-between
}

.workspace-landing-apps ul li {
    list-style: none;
    width: 88px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 13px;
    margin: 4px 0px
}

.workspace-landing-apps ul li a {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    border: 0.9px solid #fff;
    border-radius: 9.05px;
    -webkit-border-radius: 9.05px;
    -moz-border-radius: 9.05px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 2px;
    justify-content: center;
    color: #101214;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    transition: .3s all;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.03), 0 4px 15px rgba(0, 0, 0, 0.08)
}

.workspace-landing-apps ul li a img {
    display: block;
    width: 28px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none
}

.workspace-landing-apps ul li a span {
    width: 100%;
    padding: 5px 0px 0px;
    line-height: normal;
    text-align: center
}

.workspace-landing-apps ul li a:hover {
    border-color: #00B4EB
}

.workspace-offer-title {
    color: #172B4D;
    font-size: 28px;
    font-weight: 700;
    padding: 10px 0px 10px;
    line-height: 37px;
    margin: 0px;
    background: linear-gradient(90deg, #008EBB 0%, #5A46D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.workspace-offer-title span {
    font-size: 20px;
    margin-left: -4px
}

.workspace-offer-title i {
    font-style: normal;
    font-weight: 900
}

.modal.workspace-popup .img-box img {
    max-width: 100%;
    height: auto
}

.modal.workspace-popup .right-part {
    position: relative
}

.modal.workspace-popup .right-part .contact-form a.close {
    position: absolute;
    top: 10px;
    right: 10px
}

.modal.workspace-popup .right-part p {
    font-size: 14px
}

section.email-banner.section.workspace-offer-banner .heading-box {
    font-size: 22px
}

section.email-banner.section.workspace-offer-banner .heading-box img {
    width: 28px;
    height: 28px
}

section.email-banner.section.workspace-offer-banner .heading {
    font-weight: 700;
    padding: 0px 0px 5px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

section.email-banner.section.workspace-offer-banner .heading span {
    width: 100%;
    color: #000;
    display: block;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial
}

section.email-banner.section.workspace-offer-banner .mail-id {
    font-weight: 600;
    font-size: 18px;
    padding: 0px;
    font-style: normal;
    background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: fit-content
}

section.email-banner.section.workspace-offer-banner .img-offer-box {
    padding: 18px 0px 10px 0px
}

section.email-banner.section.workspace-offer-banner .img-offer-box img {
    max-width: 100%;
    height: 120px
}

.header-logo-brand-section {
    padding: 40px 0px 0px;
    display: flex;
    align-items: center;
    column-gap: 40px
}

.header-logo-brand-section ul {
    column-gap: 20px
}

.header-logo-brand-section ul li img {
    max-width: 100%
}

.header-logo-brand-section .mnc-logo {
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px
}

.header-logo-brand-section .mnc-logo span {
    font-weight: 700;
    color: #009ECE
}

.header-logo-brand-section .mnc-logo span i {
    font-style: normal;
    color: #7B61FF
}

.workspace-landing-apps-ads {
    background: url(../images/object-storage/let-understand-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding: 80px 0px
}

.anywhere-platform.workspace-offer-ads-platform .wla-tab-content {
    position: relative
}

.anywhere-platform.workspace-offer-ads-platform .wla-panel {
    display: none
}

.anywhere-platform.workspace-offer-ads-platform .wla-panel.active {
    display: block
}

.anywhere-platform.workspace-offer-ads-platform .wla-dashboard-img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    height: 495px
}

.anywhere-platform.workspace-offer-ads-platform .wla-benefits {
    list-style: none;
    padding: 0;
    margin: 16px 0 24px
}

.anywhere-platform.workspace-offer-ads-platform .wla-benefits li {
    color: #3C3C3C;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 5px;
    font-size: 16px
}

.anywhere-platform.workspace-offer-ads-platform .wla-benefits li i {
    color: #120E30;
    margin-top: 2px;
    flex-shrink: 0
}

.anywhere-platform.workspace-offer-ads-platform .inner {
    padding: 40px
}

.anywhere-platform.workspace-offer-ads-platform .inner .inner-header {
    padding: 0px 0px 0px 0px
}

.anywhere-platform.workspace-offer-ads-platform .inner .inner-header h3 {
    font-size: 16px;
    font-weight: 400;
    color: #120E30
}

.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs {
    list-style: none;
    column-gap: 14px;
    justify-content: space-between;
    margin: 0px 0px 40px 0px
}

.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li {
    list-style: none;
    width: 84px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 13px;
    margin: 4px 0px;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    border: 0.9px solid #fff;
    border-radius: 9.05px;
    -webkit-border-radius: 9.05px;
    -moz-border-radius: 9.05px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 2px;
    justify-content: center;
    color: #101214;
    font-size: 12px;
    font-weight: 400;
    transition: .3s all;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.03), 0 4px 15px rgba(0, 0, 0, 0.08);
    cursor: pointer
}

.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li img {
    display: block;
    width: 25px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none
}

.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li span {
    width: 100%;
    padding: 5px 0px 0px;
    line-height: normal;
    text-align: center
}

.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li:hover,
.anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li.active {
    border-color: #00B4EB
}

.thanks-section {
    height: 500px;
    display: flex;
    align-items: center;
    background-size: cover;
    justify-content: center;
    padding: 0px !important
}

.thanks-section .inner-header.white h2 {
    padding: 10px 0px
}

.thanks-section .inner-header.white p {
    margin: 0px;
    padding: 0px
}

.email-banner.workspace-offer-banner.workspace-offer-banner-add .right-part {
    background: #fff;
    padding: 23px;
    border-radius: 10px
}

.email-banner.workspace-offer-banner.workspace-offer-banner-add .right-part p {
    font-size: 24px;
    font-weight: 600;
    line-height: normal
}

header.workspace-header-main .header-right-part {
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(90deg, #3069B0 50%, #5A46D6 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

header.workspace-header-main .logo {
    text-align: left
}

@media screen and (max-width: 1600px) {
    .banner-section.home-banner {
        min-height: calc(100vh - 210px);
        padding: 87px 0px 0px
    }

    .banner-section.home-banner:before {
        width: 362px
    }

    .banner-section.home-banner .banner-left p {
        padding-right: 40px
    }

    .case-study-header .box img {
        left: 56%
    }

    .section.audio-section .desktop_screen img {
        max-width: 80%
    }

    .email-banner .img-box {
        margin-left: -3rem !important;
        box-sizing: border-box
    }

    .banner-section h1 {
        font-size: 50px
    }

    .deepenrich-page .left-part {
        width: 86%
    }

    .stack-cards__item {
        top: 30%
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content iframe {
        height: 470px
    }
}

@media screen and (max-width: 1440px) {
    .banner-section.home-banner {
        min-height: calc(100vh - 230px);
        padding: 121px 0px 0px
    }

    .premium-products .stack-cards__item {
        top: 30%
    }

    .deepenrich-page .left-part {
        width: 91%
    }

    .deepenrich-page .left-part p {
        margin: 0
    }
}

@media screen and (max-width: 1390px) {
    .deepenrich-page .left-part {
        width: 91%
    }

    .deepenrich-page .left-part p {
        margin: 0
    }

    .ai-agents-industries ul li .figure {
        position: relative;
        width: 170px;
        height: 255px
    }
}

@media screen and (max-width: 1366px) {
    .anywhere-platform.workspace-offer-ads-platform .wla-dashboard-img {
        height: 342px
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs {
        column-gap: 9px
    }

    .banner-section.home-banner .banner-right .top-section h1 {
        font-size: 37px;
        line-height: 42px
    }

    .home-main-section section.home-workspace-section .custom-box .box .main-box .mid-b {
        height: 530px
    }

    .home-main-section section.home-workspace-section .workspace-nav li a {
        column-gap: 7px;
        padding: 13px 7px;
        font-size: 13px
    }

    .home-main-section section.home-workspace-section .workspace-nav li a img {
        width: 19px;
        height: auto;
        object-fit: cover
    }

    .banner-section h1 {
        font-size: 52px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav li a {
        padding: 10px 16px
    }

    .home-main-section section.deepcall-banner-home p {
        margin: 0px
    }

    .home-main-section section .bt-sec {
        padding-bottom: 6px !important
    }

    .workspace-pricing .plan-card .extra-storage-section {
        padding: 15px 0px
    }

    .workspace-pricing .plan-card .app-item {
        padding: 8px 5px
    }

    .workspace-pricing .plan-card .app-icon {
        width: 17px;
        height: auto;
        margin-right: 6px
    }

    .moves-work-forward .inner .img .left {
        left: -65px
    }

    .moves-work-forward .inner .img .right {
        right: -50px
    }

    .section.missedcall-flow .timeline .box {
        padding: 25px
    }

    .section.missedcall-flow .timeline .box .dot {
        right: -31.8%
    }

    .section.missedcall-flow .timeline .box.my-md-n5 .dot {
        left: -25.8%;
        right: inherit
    }

    .team-collaborate-secure .box .left-p {
        padding-right: 50px
    }

    .team-collaborate-secure .box.content-right .left-p {
        padding-left: 50px
    }

    .deepenrich-page .left-part {
        width: 83%;
        padding-bottom: 30px
    }

    .deepenrich-page .left-part h2.heading {
        font-size: 20px;
        padding: 0px
    }

    .deepenrich-page .left-part p {
        margin: 0
    }

    .section.how-agent-work .left-box ul {
        column-gap: 9px
    }

    .explore-products-section.edit-together .box .tabs-section ul {
        column-gap: 40px
    }

    .why-dtbgg-case-study .right-part .stack-cards li.impact-created .item p {
        width: 80%
    }

    .case-study-featured-testimonials .box .right .top p {
        font-size: 18px;
        line-height: 25px;
        padding: 15px 30px 15px 0px
    }

    .case-study-header .box img {
        left: 61%
    }

    .ai-agent-future .inner ul li:nth-child(3) span {
        left: -409px
    }

    .ai-agent-future .inner ul li:nth-child(2) span {
        left: -220px
    }

    .ai-agent-future .inner ul li p {
        padding-right: 10px
    }

    .ai-agent-future .inner ul li:nth-child(3) {
        border: none;
        width: 33%
    }

    .ai-agent-future .inner ul li:nth-child(4) span {
        left: 339px;
        bottom: 180px
    }

    .ai-agent-future .inner ul li:nth-child(5) span {
        left: 151px;
        bottom: 180px
    }

    .ai-agent-future .inner ul li:nth-child(4) {
        padding-left: 35px
    }

    .ai-agent-future .inner ul li:nth-child(5) {
        padding-left: 35px
    }

    .discover.transforming-banking a.box .inner {
        padding: 30px 8px;
        column-gap: 14px
    }

    .discover.transforming-banking a.box .inner h2 {
        font-size: 16px
    }

    .banking-permo .box figure {
        height: 348px;
        width: 100%
    }

    .banking-permo .box {
        display: flex;
        padding: 25px 24px;
        min-height: 100%;
        align-items: start
    }

    .hostownnumber-graphic .circletwo {
        right: 315px;
        top: 200px
    }

    .hostownnumber-graphic .circletwotxt {
        right: 70px
    }

    .section.missedcall-flow .green-border-circle {
        left: 278px
    }

    .hostownnumber-graphic .circlethrid {
        right: 275px
    }

    .hostownnumber-graphic .circlethridtxt {
        right: 107px
    }

    .hostownnumber-graphic .circlefour {
        right: 324px
    }

    .hostownnumber-graphic .circlefourtxt {
        right: 102px
    }

    .hostownnumber-graphic .circlefivetxt {
        right: 290px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 330px
    }

    .hostownnumber-graphic .red-text {
        top: 120px;
        left: 360px
    }

    .hostownnumber-graphic .cloudimg {
        left: 230px
    }

    .toptext .contanttop {
        top: 320px;
        left: -40px
    }

    .section.missedcall-flow .orange-border-circle {
        left: 278px
    }

    .section.missedcall-flow .perpal-border-circle {
        right: 327px
    }

    .section.missedcall-flow .yellow-border-circle {
        left: 256px
    }

    .outbound_con .participate_a {
        left: 80px
    }

    .outbound_con .participate_b {
        left: 230px
    }

    .outbound_con .participate_c {
        left: 370px
    }

    .outbound_con .callconnect {
        top: 533px;
        left: 244px
    }

    .outbound_con .participants {
        right: 196px;
        bottom: -582px
    }

    .outbound_con .all_connected {
        right: 42px;
        top: 685px
    }

    .section.audio-section .desktop_screen img {
        max-width: 68%
    }

    .tree-section .nav-tabs li.nav-item {
        top: -213px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: -117px;
        right: -21px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: -181px;
        right: 33px
    }

    .banner-section h1 {
        font-size: 50px
    }

    .email-banner .img-box img {
        box-shadow: -6px 6px 20px 0px rgba(0, 0, 0, 0.08);
        margin-left: 130px;
        max-width: 100%;
        height: 466px
    }

    .email-banner .img-box video {
        box-shadow: -6px 6px 20px 0px rgba(0, 0, 0, 0.08);
        min-height: 466px;
        object-fit: cover;
        width: 658px;
        vertical-align: bottom;
        margin-left: 130px
    }

    .transform-industrie .heading {
        font-size: 19px
    }

    .email-banner .img-box {
        margin-left: -7rem !important;
        box-sizing: border-box
    }

    .discover .owl-carousel .owl-item .item .box .heading {
        font-size: 17px
    }

    #counter li .percent {
        font-size: 35px
    }

    #counter li i {
        font-size: 35px
    }

    .banner-section h1 {
        font-size: 52px
    }

    .tree-section {
        position: relative;
        top: 90px;
        left: 40px
    }

    .tree-section .nav-tabs li.nav-item {
        top: -210px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: -180px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: -114px
    }

    section.section.can-with-dtbgg .heading-section {
        padding: 0px 40px 35px 0px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        font-size: 15px
    }

    section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
        max-width: 373px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel .heading {
        padding: 14px 0px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel p {
        padding: 0px 0px 13px
    }

    section.section.what-we-do .logo-section .companies-size {
        width: 197px
    }
}

@media (min-width: 992px) and (max-width: 1330px) {
    .email-banner p br {
        display: none
    }

    .banner-section {
        min-height: 880px
    }

    .email-banner .img-box img {
        height: 402px
    }

    .email-banner .img-box video {
        min-height: 402px;
        object-fit: cover;
        width: 568px;
        vertical-align: bottom
    }

    .ai-agents-industries ul li .figure {
        position: relative;
        width: 140px;
        height: auto
    }

    .section.audio-section .desktop_screen {
        position: absolute;
        left: 0;
        top: 120px
    }

    .outbound_con .participate_a {
        left: 40px
    }

    .outbound_con .participate_b {
        left: 180px
    }

    .outbound_con .participate_c {
        left: 326px
    }

    .outbound_con .callconnect {
        top: 533px;
        left: 202px
    }

    .outbound_con .participants {
        right: 224px;
        bottom: -582px
    }

    .outbound_con .all_connected {
        right: 2px;
        top: 685px
    }

    .section.audio-section .desktop_screen img {
        max-width: 52%
    }

    .benefit-section .benefit-bg p {
        padding: 0px 0px
    }

    .section.key-feature .row {
        margin-bottom: 0px !important
    }

    .section.key-feature .row [class*="col-"] {
        margin: 10px 0px
    }

    .section.key-feature .row [class*="col-"] [class*="col-"] {
        margin: 0px
    }

    .email-banner p {
        padding: 6px 10% 0px 0px;
        font-size: 14px
    }

    h1.heading {
        font-size: 33px;
        padding: 0px 30px 0px 0px
    }

    header .navbar .navbar-nav li a {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 13px
    }

    .section.email-one-place {
        min-height: 570px
    }

    section.section.let-get-you-started ul {
        column-gap: 20px
    }

    .banner-section h1 {
        font-size: 52px
    }

    .tree-section {
        position: relative;
        top: 160px;
        left: 20px
    }

    .tree-section .logo {
        max-width: 140px;
        position: absolute;
        right: 0px;
        top: -20px;
        z-index: 1
    }

    .tree-section .nav-tabs li.nav-item {
        top: -189px;
        transform: rotate(-12deg);
        right: 23px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: -144px;
        right: -7px;
        transform: rotate(-30deg)
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: -51px;
        right: -78px;
        transform: rotate(-47deg)
    }

    .tree-section .tab-content .box .icon {
        width: 70px;
        height: 70px
    }

    .tree-section .tab-content .box .icon img {
        width: 25px;
        height: 25px
    }

    .tree-section .tab-content .box .heading {
        width: 100%;
        font-size: 16px
    }

    .tree-section .tab-content .box.box-three {
        left: 31%;
        bottom: 22px
    }

    .tree-section .tab-content .box.box-two {
        left: 12%;
        bottom: -9px
    }

    .tree-section .tab-content .box.box-three .box {
        bottom: -358px;
        left: -260px
    }

    .tree-section .tab-content .box.box-three .box.small-two {
        bottom: -256px;
        left: -223px
    }

    .tree-section .tab-content .box.box-three .box.small-three {
        bottom: -194px;
        left: -143px
    }

    .tree-section .tab-content .tab-pane:nth-child(1) .data-box {
        position: absolute;
        right: 27%;
        bottom: -252px
    }

    .tree-section .tab-content .tab-pane:nth-child(1) .data-box .border-img svg {
        width: 870px;
        object-fit: cover;
        height: auto
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box {
        position: absolute;
        right: 25%;
        bottom: -340px
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box .border-img svg {
        width: 570px;
        object-fit: cover;
        height: auto
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-one {
        left: -68px;
        bottom: -140px
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-two {
        left: 9%;
        bottom: -19px
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box .box-three {
        left: 37%;
        bottom: 17px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box {
        position: absolute;
        bottom: -527px;
        right: 2%
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .border-img svg {
        width: 530px;
        object-fit: cover;
        height: auto
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-one {
        left: -17%;
        bottom: -94px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-two {
        left: 10%;
        bottom: -92px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three {
        left: 42%;
        bottom: 88px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .item2 {
        top: -120px;
        left: 148px;
        height: 300px;
        width: auto
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box {
        bottom: -170px;
        left: 120px;
        width: 96px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box.small-two {
        bottom: 30px;
        left: 130px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box {
        width: 118px
    }

    section.section.can-with-dtbgg .heading-section {
        padding: 0px 40px 35px 0px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        font-size: 15px
    }

    section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
        max-width: 373px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel .heading {
        padding: 14px 0px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel p {
        padding: 0px 0px 13px
    }

    section.section.section.help-you .inner [class*="col-"] {
        padding: 0px 14px
    }

    section.section.section.help-you .inner ul.video-tutorials li .content a {
        font-size: 15px
    }

    .banner-section {
        min-height: 880px
    }

    section.section.what-we-do .every-day .item p {
        padding: 0px 0px
    }

    footer .our-group ul {
        column-gap: 12px
    }

    footer ul.social-icon {
        column-gap: 15px
    }

    footer .brand-logo img {
        width: 94px;
        height: auto;
        object-fit: cover
    }

    section.section.what-we-do .logo-section .companies-size {
        width: 247px
    }
}

@media screen and (max-width: 1200px) {
    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: -52px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: -143px;
        right: -4px
    }

    .tree-section .nav-tabs li.nav-item {
        top: -191px;
        transform: rotate(-16deg);
        right: 16px
    }
}

@media (min-width: 992px) and (max-width: 1170px) {
    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs {
        column-gap: 16px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto;
        justify-content: start !important
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li {
        cursor: pointer;
        flex-shrink: 0;
        will-change: transform;
        margin-bottom: 11px
    }

    section.email-banner.section.workspace-offer-banner .img-offer-box img {
        max-width: 100%;
        height: 100px
    }

    .modal .modal-content .left-part ul.box-img.model-logo li.mnc-logo {
        width: auto;
        justify-content: center
    }

    .modal .modal-content .left-part ul.box-img.model-logo li.mnc-logo span {
        width: 100%;
        text-align: center
    }

    .home-main-section section.deepenrich-banner-home .heading-section,
    .home-main-section section.deepcall-banner-home .heading-section {
        padding-left: 0
    }

    .home-main-section section.dtbgg-ai-banner-home .heading-section {
        padding-right: 0
    }

    .home-main-section section.home-workspace-section .workspace-nav li {
        width: calc(96% / 5)
    }

    .conversational-statistics {
        display: flex;
        flex-wrap: wrap
    }

    .conversational-statistics .item {
        width: calc(100% / 2);
        margin: 5px 0px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav li,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav li {
        width: 100%;
        width: calc(96% / 3)
    }

    .deepcall-banner-home .row [class*="col-"]:first-child,
    .deepenrich-banner-home .row [class*="col-"]:first-child {
        order: 2
    }

    .deepcall-banner-home .row [class*="col-"]:last-child,
    .deepenrich-banner-home .row [class*="col-"]:last-child {
        order: 1
    }

    header.home-header .container .navbar .navbar-nav li a.nav-link {
        padding: 4px 11px !important
    }

    header.home-header.sticky .container .navbar .navbar-nav li a.nav-link {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 13px
    }

    .banner-section.home-banner:before {
        width: 242px
    }

    .banner-section.home-banner .banner-left h1 {
        font-size: 28px
    }

    .banner-section.home-banner .banner-left p {
        padding-right: 16px;
        font-size: 13px
    }

    .banner-section.home-banner .banner-left .awards-accreditation {
        padding-bottom: 20px
    }

    .banner-section.home-banner .banner-right .top-section h1 {
        font-size: 31px;
        line-height: 36px
    }

    .home-main-section .heading-section {
        padding: 0px 0px 20px
    }

    .home-workspace-section .inner-bg .dashboard-workspace .accordion-item {
        right: -20px
    }

    .home-main-section section .col-xl-3 {
        width: 100%
    }

    .moves-work-forward .inner .img .right {
        right: -90px
    }

    .moves-work-forward .inner .img .left {
        left: -115px
    }

    .section.missedcall-flow .timeline .box {
        flex-wrap: wrap
    }

    .section.missedcall-flow .timeline .box .text-box {
        padding: 14px 0px 0px
    }

    .section.missedcall-flow .timeline .box .dot {
        right: -33.8%
    }

    .section.missedcall-flow .timeline .box.my-md-n5 .dot {
        left: -26.8%;
        right: inherit
    }

    .section.missedcall-flow .timeline .box img {
        width: 100%
    }

    .team-collaborate-secure .box .left-p {
        padding-right: 50px
    }

    .team-collaborate-secure .box.content-right .left-p {
        padding-left: 50px
    }

    .teams-custom .inner .inner-header {
        width: 100%
    }

    .video-quantic .inner .box .img-box .image-size {
        height: 150px
    }

    .video-quantic .inner .box h2 {
        font-size: 15px
    }

    .explore-products-section.workspace-meet .img-box .inner-box img {
        max-width: 100%;
        width: 180px
    }

    .explore-products-section.workspace-meet .img-box .inner-box {
        position: absolute;
        bottom: -32px;
        right: -52px
    }

    .premium-products .stack-cards__item {
        top: 30%
    }

    .deepenrich-page .left-part {
        width: 100%;
        padding-bottom: 30px
    }

    .deepenrich-page .inner-box {
        margin-bottom: 0px
    }

    .section.how-agent-work .left-box {
        padding: 6px;
        margin: 70px 40px 0px
    }

    .section.how-agent-work .left-box ul {
        column-gap: 0px
    }

    .explore-products-section.edit-together .box .tabs-section ul {
        column-gap: 6px
    }

    .why-dtbgg-case-study .right-part .stack-cards li.impact-created .item p {
        width: 100%
    }

    .case-study-header .box img {
        left: 57%
    }

    .handle-your-visa-section .right-part {
        padding: 0px 0px 0px 0px
    }

    .handle-your-visa-section .right-part .bottom-section .box {
        padding: 12px
    }

    .why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box {
        column-gap: 11px
    }

    .your-ai-jurney .inner .box ul li img {
        width: 106px;
        height: 84px
    }

    .perform-ai-readines-audit .inner {
        padding: 30px
    }

    .ai-agent-future .inner ul li span:before {
        height: 210px;
        top: -210px
    }

    .ai-agent-future .inner ul li span:after {
        top: -210px
    }

    .ai-agent-future .inner ul li:nth-child(3) {
        border: none;
        width: 28%
    }

    .ai-agent-future .inner ul li:nth-child(3) span {
        left: -352px
    }

    .ai-agent-future .inner ul li:nth-child(2) span {
        left: -197px
    }

    .ai-agent-future .inner ul li:nth-child(4) span {
        left: 301px;
        bottom: 219px
    }

    .ai-agent-future .inner ul li:nth-child(5) span {
        left: 151px;
        bottom: 219px
    }

    .ai-agent-future .inner ul li:nth-child(4) {
        padding-left: 51px
    }

    .ai-agent-future .inner ul li:nth-child(5) {
        padding-left: 51px
    }

    .ai-agents-industries ul li h2 {
        font-size: 16px
    }

    .banking-permo .box .col-xxl-6.col-xl-6.col-lg-12.col-md-6.col-sm-12.col-12:nth-child(1) {
        order: 2
    }

    .banking-permo .box figure {
        height: 608px;
        width: 100%
    }

    .banking-permo .box .sub-heading {
        padding: 13px 0px 9px
    }

    .sales-four-section .box figure {
        height: 456px;
        width: 100%
    }

    .sales-four-section .box .right-part {
        width: 100%;
        padding: 10px 0px 0px
    }

    .more-feature.vector-provider [class*="item"] {
        min-height: 53%
    }

    .more-feature.min-100 [class*="item"] {
        min-height: 100%
    }

    .customer-agent .phony-proxy-flow .flowcolcontent {
        font-size: 14px;
        width: 180px
    }

    .customer-agent .phony-proxy-flow .flowrgtcol-three,
    .customer-agent .phony-proxy-flow .flowrgtcol-one,
    .customer-agent .phony-proxy-flow .flowrgtcol-two,
    .customer-agent .phony-proxy-flow .flowrgtcol-four {
        right: -20px
    }

    .hostownnumber-graphic .circletwo {
        right: 237px;
        top: 200px
    }

    .hostownnumber-graphic .circletwotxt {
        right: 0px
    }

    .section.missedcall-flow .green-border-circle {
        left: 278px
    }

    .hostownnumber-graphic .circlethrid {
        right: 186px
    }

    .hostownnumber-graphic .circlethridtxt {
        right: 17px
    }

    .hostownnumber-graphic .circlefour {
        right: 234px
    }

    .hostownnumber-graphic .circlefourtxt {
        right: 12px
    }

    .hostownnumber-graphic .circlefive {
        right: -60px;
        top: 598px
    }

    .hostownnumber-graphic .circlefivetxt {
        right: 210px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 330px
    }

    .hostownnumber-graphic .red-text {
        top: 120px;
        left: 240px
    }

    .hostownnumber-graphic .cloudimg {
        left: 154px;
        width: 520px;
        background-size: 100%;
        top: 170px
    }

    .toptext .contanttop {
        top: 320px;
        left: -12px;
        width: 220px
    }

    .hostownnumber-graphic .circleonetxt {
        right: 140px
    }

    .hostownnumber-graphic .cloudimg h2 {
        font-size: 25px
    }

    .hostownnumber-graphic .fillcircle,
    .hostownnumber-graphic .bordercircle {
        width: 60px;
        height: 60px
    }

    .hostownnumber-graphic .circletwo img,
    .hostownnumber-graphic .circlethrid img,
    .hostownnumber-graphic .circlefour img,
    .hostownnumber-graphic .circleone img {
        width: 25px !important;
        margin: 0px !important
    }

    .hostownnumber-graphic .whitebox {
        left: 247px
    }

    section.section.missedcall-flow img {
        width: 70%
    }

    .hostestopsection .clasic p,
    .hostestopsection .classical p {
        padding: 4px 9px;
        font-size: 13px
    }

    .phoneproxy-worksection .whiteshadowbox ul li {
        position: relative;
        text-align: center;
        width: 30%
    }

    .section.missedcall-flow .green-border-circle {
        left: 217px;
        width: 120px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 269px;
        width: 120px
    }

    .section.missedcall-flow .orange-border-circle {
        left: 216px;
        width: 120px
    }

    .section.missedcall-flow .perpal-border-circle {
        right: 269px;
        width: 120px
    }

    .section.missedcall-flow .flowbg .flowlftbox1-txt {
        right: 360px
    }

    .section.missedcall-flow .yellow-border-circle {
        left: 195px;
        width: 120px
    }

    .voice_way .left ul li {
        margin-left: 0px;
        width: 100%
    }

    .voice_way .right ul li {
        margin-right: 0px;
        width: 100%
    }

    .modal.show .modal-dialog .row .col-xl-5.col-lg-12.col-md-12.col-sm-12.col-12.ps-0.pe-lg-3.position-relative {
        order: 2
    }

    .tree-section .nav-tabs li.nav-item {
        top: -180px;
        transform: rotate(-16deg);
        right: 16px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: -119px;
        right: -4px
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: -48px
    }

    .bg-btn {
        font-size: 12px;
        padding: 9px 7px 9px 12px
    }

    .border-btn {
        font-size: 12px;
        padding: 9px 12px
    }

    section.section.what-we-do .every-day .item p {
        padding: 0px
    }

    section.section.can-with-dtbgg .heading-section {
        padding: 0px 0px 35px 0px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        font-size: 14px;
        padding-left: 13px;
        padding-right: 0px
    }

    section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
        max-width: 303px
    }

    section.section.can-with-dtbgg .right .tab-content .left-box img {
        height: 164px
    }

    section.section.can-with-dtbgg .right .tab-content .right-box img {
        height: 188px
    }

    section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li {
        column-gap: 7px
    }

    section.section.can-with-dtbgg .left .arrow-btn {
        margin: 22px 0px 0px 13px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel .heading {
        padding: 14px 0px
    }

    section.section.section.awards-recognitions .owl-slider .owl-carousel p {
        padding: 0px 0px 13px
    }

    h2 {
        font-size: 28px
    }

    .heading {
        font-size: 24px
    }

    .hostestopsection .clasic {
        padding-right: 22px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.workspace-header-main .header-right-part {
        margin-right: 0px
    }

    .email-banner.workspace-offer-banner.workspace-offer-banner-add .right-part {
        margin: 10px 0px 0px
    }

    .anywhere-platform.workspace-offer-ads-platform .wla-dashboard-img {
        height: 436px
    }

    section.email-banner.section.workspace-offer-banner.workspace-offer-banner-add .right-part .top {
        justify-content: center !important
    }

    section.email-banner.section.workspace-offer-banner.workspace-offer-banner-add .right-part #request-poc {
        text-align: left
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs {
        column-gap: 16px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto;
        justify-content: start !important;
        margin: 0px
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li {
        cursor: pointer;
        flex-shrink: 0;
        will-change: transform;
        margin-bottom: 11px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner {
        display: flex;
        flex-wrap: wrap
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content {
        padding: 0px 0px 20px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content .wla-panel .row [class*="col-"]:nth-child(1) {
        order: 2
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content .wla-panel .inner-header {
        padding: 18px 0px 0px 0px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.pt-0 {
        order: 2
    }

    section.section.what-we-do {
        padding: 20px 0px 30px
    }

    section.section.what-we-do .inner.pt-5 {
        padding-top: 10px !important
    }

    section.email-banner.section.workspace-offer-banner .mail-id {
        margin: 0 auto
    }

    section.email-banner.section.workspace-offer-banner .heading {
        margin: 0 auto
    }

    .workspace-landing-apps ul {
        justify-content: normal;
        flex-wrap: wrap
    }

    .anywhere-platform .inner .contact-form {
        padding: 0px 42px 20px 0px
    }

    .banner-section.home-banner .banner-right .top-section .bg-btn {
        margin: 10px auto 0px
    }

    .home-main-section .heading-section.h-w-s {
        display: none
    }

    .home-main-section section.home-workspace-section .heading-section .desktop {
        display: block !important
    }

    .home-main-section section.deepcall-banner-home p {
        margin-bottom: 16px
    }

    header.home-header .container .navbar .navbar-nav li a.nav-link {
        font-size: 14px;
        font-weight: 500;
        background: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        display: flex;
        align-items: center;
        padding-top: 14px;
        padding-bottom: 14px
    }

    header.home-header .container .navbar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50px
    }

    header.home-header.sticky .container .navbar {
        background: none !important;
        top: 50px;
        position: absolute;
        width: 100%;
        left: 0
    }

    .banner-section.home-banner .banner-left .banner-right p {
        text-align: left
    }

    .banner-section.home-banner .banner-left .banner-right {
        min-height: inherit
    }

    .home-main-section section.deepenrich-banner-home .heading-section,
    .home-main-section section.deepcall-banner-home .heading-section {
        padding-left: 0
    }

    .home-main-section section.dtbgg-ai-banner-home .heading-section {
        padding-right: 0
    }

    .home-main-section section.home-workspace-section .custom-box .box .main-box .mid-b {
        height: 363px
    }

    .home-main-section section.home-workspace-section .workspace-nav li {
        width: calc(96% / 4)
    }

    .conversational-statistics {
        display: flex;
        flex-wrap: wrap
    }

    .conversational-statistics .item {
        width: calc(100% / 2);
        margin: 5px 0px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav li,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav li {
        width: 100%;
        width: calc(96% / 2)
    }

    .deepcall-banner-home .row [class*="col-"]:first-child,
    .deepenrich-banner-home .row [class*="col-"]:first-child {
        order: 2
    }

    .deepcall-banner-home .row [class*="col-"]:last-child,
    .deepenrich-banner-home .row [class*="col-"]:last-child {
        order: 1
    }

    .conversational-statistics {
        padding: 39px 22px 22px;
        display: flex;
        flex-wrap: wrap
    }

    .conversational-statistics .item {
        width: calc(100% / 2);
        margin: 5px 0px
    }

    .banner-section.home-banner .banner-left .tab-item.active .tab-content p,
    .banner-section.home-banner .banner-left .tab-item .tab-content p {
        display: none
    }

    .banner-section.home-banner:before {
        display: none
    }

    .banner-section.home-banner .banner-left {
        margin: 40px 0px 30px
    }

    .banner-section.home-banner .banner-left .mobile {
        display: none
    }

    .banner-section.home-banner .banner-left .desktop {
        display: block
    }

    .banner-section.home-banner .banner-left .progress-bar-vertical {
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0px;
        top: inherit;
        bottom: 0
    }

    .banner-section.home-banner .banner-left h1 {
        font-size: 28px
    }

    .banner-section.home-banner .banner-left h1 span {
        display: inline
    }

    .banner-section.home-banner .banner-left p {
        padding-right: 0px
    }

    .banner-section.home-banner .banner-left .awards-accreditation {
        padding-bottom: 20px
    }

    .banner-section.home-banner .banner-left .left-tabs-section {
        padding: 0px 0px
    }

    .banner-section.home-banner .banner-left .progress-bar-vertical::after {
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        height: 4px;
        width: 0%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background: #ff7b00;
        transition: width linear
    }

    .banner-section.home-banner .banner-left .tab-item.active .progress-bar-vertical::after {
        width: 100%;
        transition-duration: 3s
    }

    .banner-section.home-banner .banner-left .awards-accreditation {
        display: none
    }

    .banner-section.home-banner .banner-left .awards-accreditation .heading {
        justify-content: center
    }

    .banner-section.home-banner .banner-left .awards-accreditation ul {
        justify-content: center
    }

    .banner-section.home-banner .banner-right {
        padding: 0px 0px 0px 0px
    }

    .banner-section.home-banner .banner-right .mobile {
        display: none
    }

    .banner-section.home-banner .banner-right .desktop {
        display: block
    }

    .home-main-section .heading-section {
        padding: 0px 0px 20px
    }

    .home-workspace-section .inner-bg .dashboard-workspace .accordion-item {
        right: -20px
    }

    .home-main-section section .col-xl-3 {
        width: 100%
    }

    .table-custom-box.model-choose .box-section.desktop {
        display: flex !important
    }

    .table-custom-box.model-choose .mobile {
        display: none
    }

    .glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec {
        padding: 10px 20px 20px;
        text-align: center
    }

    section.section.advantage.border-top.partner-support-res.voice-voip-works .ul-center ul:before {
        width: 93%
    }

    .moves-work-forward .inner .img .right {
        right: -90px
    }

    .moves-work-forward .inner .img .left {
        left: -115px
    }

    .moves-work-forward .inner .img img {
        max-width: 60%
    }

    .moves-work-forward .inner .img .right img {
        max-width: 81%
    }

    .moves-work-forward .inner .img .left img {
        max-width: 81%
    }

    .moves-work-forward .inner .img .right img.img:nth-child(2) {
        right: -10px;
        bottom: 24px;
        max-width: 46%
    }

    .section.missedcall-flow .timeline .box {
        flex-wrap: wrap
    }

    .section.missedcall-flow .timeline .box .text-box {
        padding: 14px 0px 0px
    }

    .section.missedcall-flow .timeline .box .dot {
        right: -33.8%
    }

    .section.missedcall-flow .timeline .box.my-md-n5 .dot {
        left: -26.8%;
        right: inherit
    }

    .section.audio-section.key-features .voice-broadcasting-features ul li {
        min-height: inherit;
        width: calc(100% / 2)
    }

    .team-collaborate-secure .box .left-p {
        padding: 20px 0px 0px
    }

    .team-collaborate-secure .box.content-right .left-p {
        padding: 20px 0px 0px
    }

    .teams-custom .inner .inner-header {
        width: 100%;
        padding: 20px 0px 0px
    }

    #video-modal.modal.show .modal-dialog {
        transform: none;
        max-width: 646px
    }

    #video-modal iframe {
        min-height: auto;
        height: 400px
    }

    .video-quantic .inner .box .img-box .image-size {
        height: 150px
    }

    .video-quantic .inner .box h2 {
        font-size: 15px
    }

    .premium-products .stack-cards__item {
        top: 22%
    }

    .deepenrich-page .inner-box {
        margin-bottom: 0px
    }

    .deepenrich-page .left-part {
        width: 100%;
        padding-bottom: 30px
    }

    .pricing-free-tran-scalable .inner-header {
        padding-right: 40px
    }

    .section.how-agent-work .left-box:after {
        width: 1px;
        height: 100%;
        top: 100%;
        right: inherit;
        transform: inherit;
        z-index: -1;
        left: 6px
    }

    .section.how-agent-work .left-box:before {
        top: 190%;
        transform: translate(-50%, -50%);
        right: inherit;
        left: 2px;
        transform: rotate(90deg)
    }

    .section.how-agent-work .left-box ul {
        column-gap: 0px;
        justify-content: space-between
    }

    .explore-products-section.top-explore .box {
        margin: 10px 0px;
        min-height: inherit
    }

    .explore-products-section.edit-together .box .tabs-section ul {
        column-gap: 0px;
        padding: 10px 10px 10px
    }

    .explore-products-section.edit-together .box .tabs-section ul li button {
        padding: 4px 6px 4px;
        font-size: 12px
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content {
        padding: 40px 0px 0px 20px
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header h2 br,
    .explore-products-section .box .inner-header h2 br {
        display: none
    }

    .explore-products-section.chat-meet-webinar-section .box {
        min-height: inherit;
        margin: 10px 0px
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header .arrow-btn {
        margin: 10px 0px 20px
    }

    .digital-workplace .img-box {
        position: relative;
        text-align: center;
        padding: 0px 0px 30px
    }

    header .navbar .navbar-nav .dropdown-menu ul li a {
        white-space: break-spaces
    }

    .why-dtbgg-case-study .right-part .stack-cards li.impact-created .item p {
        width: 100%
    }

    .case-study-header .box img {
        left: 52%
    }

    .handle-your-visa-section .right-part {
        padding: 20px 0px 0px 0px
    }

    .handle-your-visa-section .right-part .bottom-section .box {
        padding: 12px;
        min-height: inherit
    }

    .why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box {
        column-gap: 11px
    }

    .handle-your-visa-section .right-part .bottom-section.border-top {
        margin: 30px 0px 0
    }

    .why-dtbgg-case-study .right-part .stack-cards li .box {
        min-height: inherit;
        margin: 10px 0px
    }

    .case-study-header .box {
        min-height: 424px
    }

    .case-study-featured-testimonials .box {
        margin: 30px 0px 0
    }

    .facts-figures-section ul li {
        font-size: 33px
    }

    .comm-section .table-custom-box .pb-5 {
        padding: 10px 0px 20px 0px !important
    }

    .comm-section .table-custom-box {
        padding: 20px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px
    }

    .our-perks-benefits .inner-header p {
        text-align: left
    }

    .our-perks-benefits .inner {
        padding: 5px 0px
    }

    .our-perks-benefits .inner h2 {
        font-size: 25px
    }

    .our-perks-benefits .inner h2 br {
        display: none
    }

    .img-section .row [class*="col-"].col-xxl-5 .col-xxl-6 ul.desktop {
        display: none
    }

    .img-section .row [class*="col-"].col-xxl-5 .col-xxl-6:last-child ul {
        flex-wrap: nowrap
    }

    .img-section .row [class*="col-"].col-xxl-7 ul:first-child {
        height: auto
    }

    .your-ai-jurney .inner .box ul li img {
        width: 106px;
        height: 84px
    }

    .perform-ai-readines-audit .inner {
        padding: 30px
    }

    .perform-ai-readines-audit .inner img {
        width: 100%;
        height: auto;
        margin: 20px 0px 0px
    }

    .section.how-agent-work .inner h2 {
        margin: 0px 0px 0px 24px
    }

    .ai-agent-future .inner ul li,
    .ai-agent-future .inner ul li:nth-child(3),
    .ai-agent-future .inner ul li:nth-child(4),
    .ai-agent-future .inner ul li:nth-child(5) {
        width: 100%;
        padding-left: 120px;
        border: none;
        padding-bottom: 0px;
        min-height: 140px;
        padding-top: 0px
    }

    .ai-agent-future .inner ul li span {
        left: 0px;
        bottom: inherit;
        top: 0
    }

    .ai-agent-future .inner ul li h2 br,
    .ai-agent-future .inner ul li p br {
        display: none
    }

    .ai-agent-future .inner ul li span:before,
    .ai-agent-future .inner ul li:nth-child(2) span:before,
    .ai-agent-future .inner ul li:nth-child(3) span:before,
    .ai-agent-future .inner ul li:nth-child(4) span:before {
        height: 120px;
        left: auto;
        top: auto;
        bottom: -120px;
        margin: 0 auto
    }

    .ai-agent-future .inner ul li:nth-child(2) h2 {
        color: #00C2F9
    }

    .ai-agent-future .inner ul li:nth-child(5) h2 {
        color: #FF7A9A
    }

    .ai-agent-future .inner ul li:nth-child(5) {
        min-height: auto
    }

    .ai-agent-future .inner ul li:nth-child(5) span:before {
        display: none
    }

    .ai-agent-future .inner ul li span:after {
        display: none
    }

    .ai-agent-future .inner ul li:nth-child(2) span,
    .ai-agent-future .inner ul li:nth-child(3) span,
    .ai-agent-future .inner ul li:nth-child(4) span,
    .ai-agent-future .inner ul li:nth-child(5) span {
        left: 0
    }

    .use-case-benefit-section .benefit-bg {
        padding: 65px 42px 61px
    }

    .ai-agents-industries ul li {
        margin: 10px 0px
    }

    section.section.user-cases-few-more .left-inner {
        text-align: center;
        width: 100%;
        padding: 0px 0px 20px
    }

    .user-cases-few-more .box {
        padding: 25px
    }

    .banking-permo .box figure {
        height: 466px;
        width: 100%
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(2):before {
        display: none
    }

    header .navbar .navbar-nav li.ai-nav .dropdown-menu,
    header .navbar .navbar-nav li.company-nav .dropdown-menu {
        width: 100%;
        padding: 0px 0px;
        box-shadow: none;
        border: none
    }

    .sales-four-section .box figure {
        height: 336px;
        width: 100%
    }

    .sales-four-section .box .right-part {
        width: 100%;
        padding: 10px 0px 0px
    }

    .section.why-dtbgg-banner .inner [class*="col-"] .img-box.left img {
        height: auto
    }

    div#sync2 {
        padding: 20px 0px
    }

    .section.teams-browse .box {
        padding: 0px 0px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .section.teams-browse .box .heading {
        padding: 6px 0px 6px
    }

    .section.teams-browse .box figure {
        order: 2
    }

    .section.teams-browse .box .inner {
        position: initial;
        width: 100%
    }

    .section.cases-small-object.img-l .box img {
        height: 132px
    }

    .more-feature.vector-provider [class*="item"] {
        min-height: inherit
    }

    .customer-agent .phony-proxy-flow.linebg {
        background: transparent
    }

    .customer-agent .phony-proxy-flow .flowcolcontent {
        font-size: 14px;
        width: 40%
    }

    .customer-agent .phony-proxy-flow .flowrgtcol-three,
    .customer-agent .phony-proxy-flow .flowrgtcol-one,
    .customer-agent .phony-proxy-flow .flowrgtcol-two,
    .customer-agent .phony-proxy-flow .flowrgtcol-four {
        right: -20px
    }

    .check-out-why .col-xxl-6:nth-child(1) {
        order: 2;
        padding-top: 20px
    }

    .hostestopsection .clasic {
        background: transparent
    }

    .hostownnumber-graphic .box-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 20px;
        padding: 20px 0px 0px
    }

    .hostownnumber-graphic .box-inner .circlethridtxt,
    .hostownnumber-graphic .box-inner .circletwotxt,
    .hostownnumber-graphic .box-inner .circlefourtxt,
    .hostownnumber-graphic .box-inner .circlefivetxt,
    .hostownnumber-graphic .box-inner .circleonetxt {
        width: 80%
    }

    .hostownnumber-graphic .circletwo {
        right: 237px;
        top: 200px
    }

    .hostownnumber-graphic .circletwotxt,
    .hostownnumber-graphic .circlethridtxt,
    .hostownnumber-graphic .circlefourtxt,
    .hostownnumber-graphic .circlefivetxt {
        right: 0px;
        position: initial
    }

    .section.missedcall-flow .green-border-circle {
        left: 278px
    }

    .hostownnumber-graphic .circlethrid {
        right: 186px
    }

    .hostownnumber-graphic .circlefour {
        right: 234px
    }

    .hostownnumber-graphic .circlefive {
        right: -60px;
        top: 598px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 330px
    }

    .hostownnumber-graphic .red-text {
        top: 120px;
        left: 240px
    }

    .hostownnumber-graphic .cloudimg {
        left: 84px;
        width: 460px;
        background-size: 100%;
        top: 170px
    }

    .toptext .contanttop {
        top: 320px;
        left: -12px;
        width: 100%;
        position: initial;
        padding: 10px 0px 20px
    }

    .hostownnumber-graphic .circleonetxt {
        right: 140px;
        position: initial
    }

    .hostownnumber-graphic .cloudimg h2 {
        font-size: 25px
    }

    .hostownnumber-graphic .fillcircle,
    .hostownnumber-graphic .bordercircle {
        width: 60px;
        height: 60px;
        position: initial;
        margin: 10px 0px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .hostownnumber-graphic .circletwo img,
    .hostownnumber-graphic .circlethrid img,
    .hostownnumber-graphic .circlefour img,
    .hostownnumber-graphic .circleone img {
        width: 25px !important;
        margin: 0px !important
    }

    .hostownnumber-graphic .whitebox {
        display: none
    }

    .hostownnumber-graphic {
        height: auto
    }

    .hostownnumber-graphic .circle-border {
        position: inherit;
        width: 400px;
        height: 400px
    }

    section.section.missedcall-flow img {
        width: 70%
    }

    .hostestopsection .clasic p,
    .hostestopsection .classical p {
        padding: 4px 9px;
        font-size: 13px
    }

    .phoneproxy-worksection .whiteshadowbox ul li {
        position: relative;
        text-align: center;
        width: 33%
    }

    .phoneproxy-worksection .whiteshadowbox ul li .dottedarrowline {
        left: 115px
    }

    .phoneproxy-worksection .whiteshadowbox ul li:nth-child(2) .dottedarrowline2 {
        left: 115px
    }

    .section.missedcall-flow .flowbg .flow-border {
        background: transparent
    }

    section.section.missedcall-flow img {
        width: 100%
    }

    .section.missedcall-flow .green-border-circle {
        left: 278px;
        width: 100px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 330px;
        width: 100px
    }

    .section.missedcall-flow .orange-border-circle {
        left: 278px;
        width: 100px
    }

    .section.missedcall-flow .perpal-border-circle {
        right: 327px;
        width: 100px
    }

    .section.missedcall-flow .yellow-border-circle {
        left: 256px;
        width: 100px
    }

    .section.missedcall-flow .flowbg .flowlftbox1-txt {
        right: 70px
    }

    .section.missedcall-flow .flowbg .flowlftbox2-txt {
        left: 11px;
        width: 260px
    }

    .section.missedcall-flow .flowbg .flowlftbox2-txt br,
    .section.missedcall-flow .flowbg .flowlftbox3-txt br,
    .section.missedcall-flow .flowbg .flowlftbox5-txt br,
    .section.missedcall-flow .flowbg .flowlftbox4-txt br {
        display: none
    }

    .section.missedcall-flow .flowbg .flowlftbox3-txt,
    .section.missedcall-flow .flowbg .flowlftbox5-txt {
        right: 20px;
        width: 260px
    }

    .section.missedcall-flow .flowbg .flowlftbox4-txt {
        left: 20px;
        top: 680px;
        width: 260px
    }

    .section.audio-section .desktop_screen {
        position: inherit
    }

    .section.audio-section:before {
        height: 150px
    }

    .section.audio-section .desktop_screen img {
        max-width: inherit;
        object-fit: cover;
        width: 100%;
        margin: 0px auto;
        display: block
    }

    .section.audio-section {
        padding: 0px 0px 50px
    }

    .audio-conferenc .col-sm-12.col-md-12.col-lg-6:nth-child(1) {
        order: 2
    }

    .shadowbox {
        margin: 0px 0px 30px
    }

    .outbound_con .participate_a {
        left: 150px
    }

    .outbound_con .participate_b {
        left: 299px
    }

    .outbound_con .participate_c {
        left: 447px
    }

    .outbound_con .callconnect {
        top: 533px;
        left: 319px
    }

    .outbound_con .all_connected {
        right: 122px;
        top: 685px
    }

    .outbound_con .participants {
        right: 136px;
        bottom: -582px
    }

    .voice-broadcasting-features {
        padding: 40px 0px 0px
    }

    .boxfeatures .featurebox {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .modal.show .modal-dialog .row .col-xl-5.col-lg-12.col-md-12.col-sm-12.col-12.ps-0.pe-lg-3.position-relative {
        order: 2
    }

    .email-banner.contact-sec .contact-form {
        margin: 20px 0px 0px 0px;
        text-align: left
    }

    .email-banner.contact-sec .contact-form .heading {
        text-align: center
    }

    .email-banner.contact-sec .contact-form .mb-3.mt-2 {
        text-align: center
    }

    .section.why-dtbgg-banner .inner [class*="col-"] {
        margin: 10px 0px
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(1) {
        order: 2
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(1) img {
        height: auto
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(2) {
        order: 1
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(2) img {
        height: auto
    }

    .section.comparison .box {
        margin: 15px 0px 0px
    }

    h1.heading {
        padding: 0px
    }

    .email-banner .img-box img {
        box-shadow: -6px 6px 20px 0px rgba(0, 0, 0, 0.08);
        margin-left: 0px;
        width: 100%;
        height: auto
    }

    .email-banner .img-box video {
        min-height: 466px;
        object-fit: cover;
        width: 832px;
        vertical-align: bottom;
        box-shadow: -6px 6px 20px 0px rgba(0, 0, 0, 0.08);
        margin-left: 0px
    }

    .advantage ul li .heading {
        font-size: 18px
    }

    .anywhere-platform .inner {
        padding: 42px 0px 0px 42px
    }

    .benefit-section .benefit-bg p {
        padding: 0px
    }

    .section.key-feature .row {
        margin-bottom: 0px !important
    }

    .section.key-feature .row [class*="col-"] {
        margin: 10px 0px
    }

    .section.key-feature .row [class*="col-"] [class*="col-"] {
        margin: 0px
    }

    .email-banner.section {
        text-align: center
    }

    .email-banner.section .img-box {
        margin-left: 0rem !important
    }

    .email-banner.section .bt-sec {
        justify-content: center !important;
        margin-bottom: 20px
    }

    .email-banner.section p {
        padding: 6px 0% 0px 0px
    }

    .email-banner.section .heading-box {
        justify-content: center
    }

    .email-banner.section .heading-box a {
        background-image: linear-gradient(#f6f2f3, #f8f3f2), radial-gradient(circle at top left, #0052cc, #7B61FF)
    }

    .discover .inner-header {
        padding-right: 0%
    }

    .comm-section .com-box {
        margin: 20px 0px 0px;
        text-align: center
    }

    section.comm-section.right [class*="col-"]:nth-child(1) {
        order: 2
    }

    .transform-industrie ul {
        column-gap: 50px;
        margin: 20px 0px !important;
        justify-content: center
    }

    .more-feature [class*="item"].mb-0 {
        margin-bottom: 26px !important
    }

    .section.email-one-place ul li {
        font-size: 23px
    }

    section.section.let-get-you-started ul {
        padding: 40px 0px 0px
    }

    section.section.let-get-you-started ul li {
        padding: 10px 0px
    }

    .accordion {
        padding: 10px 0px 0px
    }

    section.section.help-you .inner .owl-carousel .owl-stage-outer .item img {
        height: 360px
    }

    section.section.help-you .inner [class*="col-"]:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(56, 65, 74, 0.2);
        border-bottom: 1px solid rgba(56, 65, 74, 0.2)
    }

    footer .our-group {
        padding: 0px
    }

    footer .our-number {
        padding-top: 0px
    }

    footer h3 {
        padding-top: 30px
    }

    section.section.can-with-dtbgg .left {
        padding-bottom: 20px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item {
        width: 100%
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        font-size: 16px
    }

    section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
        max-width: 100%;
        flex: inherit
    }

    section.section.can-with-dtbgg .right .tab-content .left-box {
        border-radius: 12px 12px 0px 0px
    }

    section.section.can-with-dtbgg .right .tab-content .left-box img {
        max-width: 100%;
        border-radius: 8px;
        height: auto;
        object-fit: cover;
        width: 100%
    }

    section.section.can-with-dtbgg .right .tab-content .right-box img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    header .header-right-part .border-btn {
        display: none
    }

    header .header-right-part {
        justify-content: end;
        margin-right: 32px
    }

    header .navbar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50px;
        z-index: 4;
        height: 0
    }

    header .navbar .navbar-toggler {
        border-radius: 0px;
        padding: 0px;
        margin: 0px;
        box-shadow: none;
        outline: none;
        width: 20px;
        height: 14px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 17px;
        top: -40px
    }

    header .navbar .navbar-toggler.collapsed span {
        background: url(../images/nav-bar.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 20px;
        height: 14px
    }

    header .navbar .navbar-toggler span {
        background: url(../images/nav-close.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px
    }

    header .navbar .navbar-collapse {
        background: #fff !important;
        padding: 0px 50px;
        border-top: 1px solid #DCDFE4;
        border-bottom: 1px solid #DCDFE4;
        position: relative;
        transition: all 0.35s;
        overflow: scroll;
        padding-bottom: 70px;
        flex-wrap: wrap;
        min-height: 100%;
        align-items: flex-start;
        height: 99vh;
        overflow: auto
    }

    header .navbar .navbar-nav .dropdown-menu {
        border-top: none !important;
        border: none;
        box-shadow: none
    }

    header .navbar .navbar-nav li .nav-link {
        border-bottom: 1px solid #DCDFE4 !important
    }

    header .navbar .navbar-nav li .nav-link:after {
        position: absolute;
        right: 0px
    }

    header .navbar .navbar-nav li:last-child .nav-link {
        border-bottom: none !important
    }

    header .col-xxl-7.col-xl-6.col-lg-6.col-md-12.col-sm-2.col-12 {
        order: 3
    }

    .banner-section h1 {
        text-align: center
    }

    .banner-section p {
        text-align: center;
        max-width: inherit
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] {
        position: relative;
        padding-left: 12px
    }

    .tree-section {
        top: 30px;
        left: 0
    }

    .tree-section .nav-tabs {
        position: relative;
        right: 0;
        top: 43px;
        width: 100%;
        justify-content: center;
        column-gap: 16px
    }

    .tree-section .nav-tabs li {
        position: relative
    }

    .tree-section .nav-tabs li svg {
        position: absolute;
        top: -81px;
        left: 10px
    }

    .tree-section .nav-tabs li:nth-child(2) svg {
        top: -86px;
        left: 5px
    }

    .tree-section .nav-tabs li:nth-child(3) svg {
        top: -86px;
        left: 34px
    }

    .tree-section .nav-tabs li.nav-item {
        top: 0px;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: 0;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: 0;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item button {
        pointer-events: inherit
    }

    .tree-section .nav-tabs li.nav-item button.active {
        background: #008EBB;
        color: #fff
    }

    .tree-section .tab-content {
        top: 77px
    }

    .tree-section .tab-content .box {
        position: initial;
        width: 140px
    }

    .tree-section .tab-content .box .heading {
        width: 100%
    }

    .tree-section .tab-content .box .dec {
        display: none
    }

    .tree-section .tab-content .box.box-three .box {
        position: absolute
    }

    .tree-section .tab-content .tab-pane .data-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tree-section .tab-content .tab-pane .data-box .middle {
        position: absolute;
        top: -34px;
        left: 213px
    }

    .tree-section .tab-content .tab-pane .data-box .middle .path {
        stroke-dasharray: 0;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite
    }

    .tree-section .tab-content .tab-pane .data-box .bottom {
        position: absolute;
        bottom: -75px;
        right: 203px
    }

    .tree-section .tab-content .tab-pane .data-box .bottom .path {
        stroke-dasharray: 0;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite
    }

    .tree-section .tab-content .tab-pane.show {
        display: block
    }

    .tree-section .tab-content .tab-pane.fade {
        display: none
    }

    .tree-section .tab-content .tab-pane.fade.show {
        display: block
    }

    .tree-section .tab-content .tab-pane:nth-child(1) .data-box {
        position: initial;
        right: inherit
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box {
        position: inherit
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box {
        position: inherit
    }

    .tree-section .logo {
        max-width: 160px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 2;
        left: 0;
        margin: 0 auto
    }

    .tree-section .tab-content #ai-pane svg.middle {
        left: 233px
    }

    section.section.what-we-do .every-day {
        padding: 39px 52px 22px
    }

    .desktop {
        display: none !important
    }

    .mobile {
        display: block
    }

    section.section.what-we-do .logo-section .mnc-logo {
        font-size: 16px;
        line-height: 18px
    }

    section.section.what-we-do .logo-section .companies-size {
        width: 200px;
        text-align: center;
        margin: 0 auto 15px
    }

    section.section.what-we-do .logo-section ul {
        column-gap: 20px
    }

    .tree-section .tab-content .box.box-three .box.small-one {
        bottom: -119px;
        left: 179px
    }

    .tree-section .tab-content .box.box-three .box.small-two {
        bottom: -128px;
        left: 288px
    }

    .tree-section .tab-content .box.box-three .box.small-three {
        bottom: -128px;
        left: 409px
    }

    .banner-section {
        min-height: 810px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box {
        bottom: -120px;
        left: 190px;
        width: 96px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box.small-two {
        bottom: -120px;
        left: 308px
    }

    form.mobile {
        width: 96%;
        margin: 0 auto
    }

    form.mobile .bg-btn {
        background: transparent;
        border: 1px solid #009ECE;
        color: #009ECE;
        text-align: center;
        justify-content: center;
        margin: 6px 0px
    }

    form.mobile .bg-btn:hover {
        background: #E6F8FF;
        border-color: #E6F8FF
    }

    form.mobile .bg-btn.login {
        background: #E6F8FF;
        border-color: #E6F8FF
    }

    .anywhere-platform .inner {
        background-position: center top
    }

    .tree-section .tab-content .tab-pane .data-box svg.ai-one {
        position: absolute;
        left: 230px;
        top: -40px
    }

    .tree-section .tab-content .tab-pane .data-box svg.ai-two {
        position: absolute;
        left: 240px;
        bottom: 70px
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-one {
        position: absolute;
        left: 239px;
        top: -35px
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-one .path {
        stroke-dasharray: 2;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite reverse !important
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-two {
        position: absolute;
        left: 230px;
        bottom: 72px
    }

    .our-perks-benefits .inner p {
        width: 100%
    }

    .explore-products-section.workspace-meet .img-box .inner-box img {
        max-width: 100%;
        width: 150px
    }

    .explore-products-section.workspace-meet .img-box .inner-box {
        position: absolute;
        bottom: -32px;
        right: -53px
    }

    .team-collaborate-secure .box:nth-child(1) .col-xxl-6.col-xl-6.col-lg-6.col-md-12.col-sm-12.col-12:nth-child(1) {
        order: 2
    }

    section.section.comm-section.teams-custom .col-xxl-6.col-xl-6.col-lg-6.col-md-12.col-sm-12:nth-child(1) {
        order: 2
    }

    section.comm-section.right.teams-custom .col-xxl-6.col-xl-6.col-lg-6.col-md-12.col-sm-12.col-12 {
        order: 2
    }

    section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul {
        flex-wrap: wrap
    }

    section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul:before {
        background: none;
        border-left: 1px dashed #7B61FF;
        width: 1px;
        height: 78%;
        right: initial;
        left: 24px;
        animation: inherit
    }

    section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul li {
        width: 100%;
        padding: 10px 0px 10px 70px;
        text-align: left
    }

    section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul li .num {
        margin: 0px 0px 9px;
        position: absolute;
        left: 0px;
        top: 12px
    }

    .workspace-pricing .plan-card .inner a.custom-arrow {
        display: flex
    }

    .workspace-pricing .plan-card .inner .multi-collapse.collapse {
        display: none
    }

    .workspace-pricing .plan-card .inner .multi-collapse.collapse.show {
        display: block
    }

    .dropdown:hover>.dropdown-menu {
        display: none
    }

    .dropdown:hover>.dropdown-menu[data-bs-popper="static"] {
        display: block
    }

    .dropdown-menu {
        pointer-events: auto
    }

    header .navbar .navbar-nav .dropdown-menu.show {
        display: block
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
        display: none
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4.active {
        display: block;
        width: 100%
    }

    .product-hover-nav {
        width: 100%
    }

    .panel-bg-nav {
        display: none !important
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
        display: none !important
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4.active {
        display: block !important;
        width: 100%;
        position: absolute;
        background: #fff;
        height: 100vh;
        z-index: 2
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav {
        padding: 3px 0px 0px
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-panel {
        padding: 6px 0px 0px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] button.d-lg-none {
        background: none;
        border: none;
        box-shadow: none;
        outline: none;
        font-size: 14px;
        padding: 10px 0px;
        display: flex;
        align-items: center;
        column-gap: 4px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] button.d-lg-none i {
        font-size: 18px
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a {
        position: relative
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a:after {
        content: "\f285";
        position: absolute;
        right: 10px;
        top: 18px;
        font-family: bootstrap-icons !important;
        background: transparent
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel.active#dtbgg-workspace li {
        width: 100%
    }

    .email-banner.section ul.box-img.brand-logo li {
        width: auto;
        justify-content: center
    }

    .email-banner.section ul.box-img.brand-logo li span {
        width: 100%;
        text-align: center
    }

    .header-logo-brand-section {
        column-gap: 10px
    }

    .header-logo-brand-section ul {
        column-gap: 15px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto
    }

    .header-logo-brand-section ul li {
        margin: 3px 0px;
        flex-shrink: 0;
        will-change: transform
    }
}

@media screen and (max-width: 767px) {
    .thanks-section {
        height: 400px
    }

    header.workspace-header-main .header-right-part {
        display: none
    }

    header.workspace-header-main {
        padding: 4px 0px
    }

    header.workspace-header-main .header-right-part {
        text-align: center;
        margin-right: 0px
    }

    header.workspace-header-main .logo {
        width: 100%;
        text-align: center
    }

    .email-banner.workspace-offer-banner.workspace-offer-banner-add .right-part {
        margin: 10px 0px 0px
    }

    section.workspace-pricing.section.border-top.mt-0.border-bottom.pb-4.mb-5.workspace-pricing-ads .col-sm-12.col-12.pt-5 {
        padding-top: 19px !important
    }

    .workspace-pricing.workspace-pricing-ads .toggle-container {
        gap: 13px;
        justify-content: center
    }

    section.section.key-feature.white-bg.pt-5.migration-section {
        padding-top: 22px !important
    }

    section.section.key-feature.white-bg.pt-5.migration-section .row.mt-5 {
        margin-top: 22px !important
    }

    footer.workspace-footer {
        padding: 10px 0px 10px
    }

    footer.workspace-footer .col-xl-3.col-lg-3.col-md-5.col-sm-12.col-12 {
        text-align: center
    }

    footer.workspace-footer .bt-sec.d-flex {
        justify-content: center !important;
        margin: 14px 0px 0px
    }

    footer.workspace-footer .logo {
        display: none
    }

    .anywhere-platform.workspace-offer-ads-platform .wla-dashboard-img {
        height: auto
    }

    section.email-banner.section.workspace-offer-banner.workspace-offer-banner-add .right-part .top {
        justify-content: center !important
    }

    section.email-banner.section.workspace-offer-banner.workspace-offer-banner-add .right-part #request-poc {
        text-align: left
    }

    section.email-banner.section.workspace-offer-banner.workspace-offer-banner-add .right-part .mt-4.button-section {
        margin-top: 0px !important
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs {
        column-gap: 16px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto;
        justify-content: start !important;
        margin: 0px
    }

    .anywhere-platform.workspace-offer-ads-platform ul.wla-tabs li {
        cursor: pointer;
        flex-shrink: 0;
        will-change: transform;
        margin-bottom: 11px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner {
        display: flex;
        flex-wrap: wrap;
        padding: 20px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner img {
        margin: 0px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content {
        padding: 0px 0px 20px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content .wla-panel .row [class*="col-"]:nth-child(1) {
        order: 2
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .wla-tab-content .wla-panel .inner-header {
        padding: 18px 0px 0px 0px
    }

    .anywhere-platform.workspace-offer-ads-platform .inner .col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.pt-0 {
        order: 2
    }

    section.section.what-we-do {
        padding: 20px 0px 20px !important;
        margin-bottom: 0px !important
    }

    section.section.what-we-do .inner.pt-5 {
        padding-top: 10px !important
    }

    .header-logo-brand-section {
        column-gap: 10px
    }

    .header-logo-brand-section ul {
        column-gap: 15px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto
    }

    .header-logo-brand-section ul li {
        margin: 3px 0px;
        flex-shrink: 0;
        will-change: transform
    }

    section.email-banner.section.workspace-offer-banner .mail-id {
        margin: 0 auto
    }

    .email-banner.section p br {
        display: none
    }

    section.email-banner.section.workspace-offer-banner a.bg-btn {
        width: 40%;
        justify-content: center
    }

    section.email-banner.section.workspace-offer-banner .heading {
        margin: 0 auto
    }

    .workspace-offer-title {
        display: block
    }

    .email-banner.workspace-offer-banner .position-relative {
        padding-right: 0px
    }

    .email-banner.workspace-offer-banner .img-box img {
        height: auto
    }

    .email-banner.workspace-offer-banner.workspace-offer-banner-add .position-relative {
        padding-right: 15px
    }

    section.section.let-get-you-started ul {
        column-gap: 15px
    }

    section.section.let-get-you-started ul li img {
        max-width: 100%
    }

    .email-banner.contact-sec .box ul li {
        text-align: left
    }

    .email-banner.section ul.box-img.brand-logo li {
        width: auto;
        justify-content: center
    }

    .email-banner.section ul.box-img.brand-logo li span {
        width: 100%;
        text-align: center
    }

    section.section.workspace-landing-apps {
        padding-bottom: 0px
    }

    section.section.workspace-landing-apps ul {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 0px;
        column-gap: 10px
    }

    section.section.workspace-landing-apps ul li {
        margin: 6px 0px
    }

    .home-main-section section.deepcall-banner-home p {
        margin-bottom: 16px
    }

    .banner-section.home-banner .banner-right .top-section .bg-btn {
        margin: 15px auto 0px
    }

    header.home-header .container .navbar .navbar-nav li a.nav-link {
        font-size: 14px;
        font-weight: 500;
        background: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        display: flex;
        align-items: center;
        padding-top: 14px;
        padding-bottom: 14px
    }

    header.home-header .container .navbar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50px
    }

    header.home-header.sticky .container .navbar {
        background: none !important;
        top: 50px;
        position: absolute;
        width: 100%;
        left: 0
    }

    header.home-header .container .home-header-tagline {
        display: none
    }

    section.section.banner-one .img-box {
        padding-top: 15px
    }

    .section.lets-understand {
        padding: 40px 0px
    }

    .section.lets-understand.sales-streamline .inner-header.white h2 {
        font-size: 32px
    }

    .home-main-section .deepenrich-banner-home ul.deepcall-nav {
        display: none
    }

    .home-main-section section.home-workspace-section .custom-box {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin: 0px 0px 20px
    }

    .home-main-section section.home-workspace-section .heading-section .nav-tabs {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: scroll;
        width: 100%;
        padding-bottom: 8px !important
    }

    .banner-section.home-banner .row [class*="col-"]:first-child {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .home-main-section section.deepenrich-banner-home .heading-section,
    .home-main-section section.deepcall-banner-home .heading-section {
        padding-left: 0
    }

    .home-main-section section.dtbgg-ai-banner-home .heading-section {
        padding-right: 0
    }

    .home-main-section section.home-workspace-section .custom-box .box .main-box .mid-b {
        height: 192px
    }

    .home-main-section section.home-workspace-section {
        padding: 30px 10px 0px;
        margin: 10px
    }

    .home-main-section section.home-workspace-section .row [class*="col-"]:first-child {
        order: 2;
        width: 100%
    }

    .home-main-section section.home-workspace-section .row [class*="col-"]:last-child {
        order: 1;
        width: 100%
    }

    .banner-section.home-banner {
        min-height: inherit
    }

    .banner-section.home-banner .banner-right .top-section h1 {
        font-size: 23px;
        line-height: 31px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li {
        width: 48%;
        display: flex;
        flex-wrap: wrap;
        column-gap: 13px;
        margin: 2px 0px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a {
        flex-wrap: nowrap;
        padding: 8px 12px;
        text-align: left;
        column-gap: 9px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a span br {
        display: none
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul.deepcall-nav li {
        width: 48%
    }

    .home-main-section section.home-workspace-section .workspace-nav li {
        width: 100%
    }

    .home-main-section section.home-workspace-section .workspace-nav li a {
        white-space: nowrap
    }

    .conversational-statistics {
        display: flex;
        flex-wrap: wrap
    }

    .conversational-statistics .item {
        width: calc(100% / 2);
        margin: 5px 0px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav li,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav li {
        width: 100%;
        width: calc(96% / 2)
    }

    .deepcall-banner-home .row [class*="col-"]:first-child,
    .deepenrich-banner-home .row [class*="col-"]:first-child {
        order: 2
    }

    .deepcall-banner-home .row [class*="col-"]:last-child,
    .deepenrich-banner-home .row [class*="col-"]:last-child {
        order: 1
    }

    .conversational-statistics {
        padding: 39px 22px 22px;
        display: flex;
        flex-wrap: wrap
    }

    .conversational-statistics .item {
        width: calc(100% / 2);
        margin: 5px 0px
    }

    .conversational-statistics .item h2,
    .conversational-statistics .item h3 {
        font-size: 24px
    }

    .conversational-statistics .item p {
        padding: 0px
    }

    .banner-section.home-banner {
        padding: 72px 0px 0px
    }

    .banner-section.home-banner .container {
        z-index: initial;
        display: flex;
        align-items: center
    }

    .banner-section.home-banner .mobile h1 {
        margin: 0px;
        font-size: 18px
    }

    .banner-section.home-banner .mobile h1 span {
        display: flex;
        justify-content: center
    }

    .banner-section.home-banner .section-title {
        display: flex;
        align-items: center;
        text-align: center;
        margin: 16px 0;
        position: relative
    }

    .banner-section.home-banner .section-title:before,
    .banner-section.home-banner .section-title:after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #DCDFE4
    }

    .banner-section.home-banner .section-title:not(:empty):before {
        margin-right: 10px
    }

    .banner-section.home-banner .section-title:not(:empty)::after {
        margin-left: 10px
    }

    .banner-section.home-banner .section-title span {
        color: #7B61FF;
        font-weight: 500;
        font-size: 14px;
        white-space: nowrap
    }

    .banner-section.home-banner .row [class*="col-"]:first-child {
        order: 1;
        width: 100%
    }

    .banner-section.home-banner .row [class*="col-"]:last-child {
        order: 2;
        width: 100%
    }

    .banner-section.home-banner:before {
        display: none
    }

    .banner-section.home-banner .banner-left {
        margin: 16px 0px 10px
    }

    .banner-section.home-banner .banner-left .awards-accreditation .heading {
        justify-content: center
    }

    .banner-section.home-banner .banner-left .awards-accreditation .heading span {
        width: 36%
    }

    .banner-section.home-banner .banner-left .awards-accreditation ul {
        justify-content: center
    }

    .banner-section.home-banner .banner-left .progress-bar-vertical {
        position: absolute;
        left: 0px;
        top: initial;
        bottom: -3px;
        right: 0;
        margin: 0 auto;
        height: 3px;
        width: 92%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background: transparent
    }

    .banner-section.home-banner .banner-left .progress-bar-vertical:after {
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        height: 3px;
        width: 0%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background: #008EBB;
        transition: width linear
    }

    .banner-section.home-banner .banner-left h1 {
        font-size: 28px
    }

    .banner-section.home-banner .banner-left h1 span {
        display: inline
    }

    .banner-section.home-banner .banner-left p {
        padding-right: 0px
    }

    .banner-section.home-banner .banner-left .awards-accreditation {
        padding-bottom: 20px
    }

    .banner-section.home-banner .banner-left .left-tabs-placeholder.active {
        display: block
    }

    .banner-section.home-banner .banner-left .tab-item {
        padding: 8px 11px;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center
    }

    .banner-section.home-banner .banner-left .tab-item:last-child {
        border: none
    }

    .banner-section.home-banner .banner-left .tab-item .tab-content h3 {
        font-size: 12px;
        white-space: nowrap
    }

    .banner-section.home-banner .banner-left .tab-item .tab-content p {
        display: none
    }

    .banner-section.home-banner .banner-left .tab-item .arrow {
        display: none !important
    }

    .banner-section.home-banner .banner-left .tab-item.active .progress-bar-vertical {
        background: #DCDFE4
    }

    .banner-section.home-banner .banner-left .tab-item.active .arrow {
        display: none !important
    }

    .banner-section.home-banner .banner-left .tab-item.active .tab-content p {
        display: none
    }

    .banner-section.home-banner .banner-left .tab-item.active .progress-bar-vertical::after {
        width: 100%;
        transition-duration: 3s
    }

    .banner-section.home-banner .banner-right {
        padding: 0px 0px 0px 0px;
        position: relative;
        z-index: 1
    }

    .banner-section.home-banner .banner-right p {
        line-height: normal
    }

    .banner-section.home-banner .banner-right .tab-pane .inner {
        display: flex;
        flex-wrap: wrap
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top {
        order: 2;
        width: 100%
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top p {
        text-align: left
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .title-img {
        display: flex;
        align-items: center;
        column-gap: 6px;
        justify-content: center
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .title-img h3 {
        padding: 0px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .title-img img {
        width: 21px;
        height: auto;
        object-fit: cover;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box {
        order: 1;
        padding: 0px 0px 0px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .top {
        padding: 0px 0px 16px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion {
        padding: 0px 0px 0px;
        position: inherit;
        display: none
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item {
        width: 100%;
        top: -10%;
        right: 0px;
        position: absolute;
        bottom: initial;
        padding: 0px 18px 4px;
        --angle: 0deg;
        background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #0052CC, #7B61FF) border-box;
        border: 1px solid transparent;
        -webkit-animation: rotate-gradient 3s infinite linear;
        animation: rotate-gradient 3s infinite linear
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.ai-agent-video-box {
        position: relative;
        top: 8px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item h2 button {
        pointer-events: auto;
        padding: 14px 30px 7px 0px;
        font-size: 15px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item h2 button:after {
        display: flex;
        margin-right: 0;
        margin-top: 0px;
        position: absolute;
        right: 18px;
        background: url(../images/email/accorudin-arrow-active.svg);
        background-repeat: no-repeat
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item h2 button.collapsed:after {
        transform: rotate(180deg)
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .accordion-body {
        padding: 0px 0px 15px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .accordion-collapse {
        display: none
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .accordion-collapse.show {
        display: block
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .bt-sec {
        padding: 0px !important;
        margin: 5px 0px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .img-box {
        padding: 0px 0px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item .img-box dotlottie-player {
        display: none
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .card-box .accordion-item.deepenrich-accordion {
        padding: 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100%
    }

    .home-main-section section.dtbgg-ai-banner-home .row [class*="col-"]:nth-child(2) {
        order: 2
    }

    .home-main-section section.dtbgg-ai-banner-home .row [class*="col-"]:nth-child(1) {
        order: 1
    }

    .home-main-section section.deepcall-banner-home .deepcall-nav,
    .home-main-section section.dtbgg-ai-banner-home .deepcall-nav,
    .home-main-section section.dtbgg-ai-banner-home .img-box.img-video-box .video-box,
    .home-main-section section.deepenrich-banner-home .img-box.img-video-box .video-box {
        display: none
    }

    .home-main-section section.deepcall-banner-home,
    .home-main-section section.dtbgg-ai-banner-home,
    .home-main-section section.deepenrich-banner-home {
        padding: 20px 10px 0px;
        margin: 20px 10px
    }

    .home-main-section .heading-section {
        padding: 0px 0px 13px
    }

    .home-main-section section.deepcall-banner-home {
        margin: 20px 10px 20px
    }

    .home-main-section section .col-xl-3 {
        width: 100%
    }

    .home-left-menu {
        top: initial;
        left: 0;
        transform: initial;
        bottom: 4px;
        display: none;
        width: fit-content;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        justify-content: center;
        flex-direction: initial;
        column-gap: 10px;
        z-index: 999999999999;
        margin: 0 auto !important;
        right: 0;
        padding: 0;
        column-gap: 0px
    }

    .home-left-menu li a {
        border-right: 1px solid #DCDFE4;
        padding: 0px 14px;
        margin: 10px 0px
    }

    .home-left-menu li a:after {
        transform: initial;
        right: 0;
        margin: 0 auto !important;
        left: 0;
        width: 100%
    }

    .home-left-menu li a.active:after {
        transform: initial
    }

    .home-left-menu li:last-child a {
        border: none
    }

    .dropdown:hover>.dropdown-menu {
        display: none
    }

    .dropdown:hover>.dropdown-menu[data-bs-popper="static"] {
        display: block
    }

    .dropdown-menu {
        pointer-events: auto
    }

    header .navbar .navbar-nav .dropdown-menu.show {
        display: block
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
        display: none
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4.active {
        display: block;
        width: 100%
    }

    .product-hover-nav {
        width: 100%
    }

    .panel-bg-nav {
        display: none !important
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
        display: none !important
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3.active,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4.active {
        display: block !important;
        width: 100%;
        position: absolute;
        background: #fff;
        height: 100vh;
        z-index: 2
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav {
        padding: 3px 0px 0px
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-panel {
        padding: 6px 0px 0px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] button.d-lg-none {
        background: none;
        border: none;
        box-shadow: none;
        outline: none;
        font-size: 14px;
        padding: 10px 0px;
        display: flex;
        align-items: center;
        column-gap: 4px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] button.d-lg-none i {
        font-size: 18px
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a {
        position: relative
    }

    header .navbar .navbar-nav .dropdown-menu ul.product-hover-nav li a:after {
        content: "\f285";
        position: absolute;
        right: 10px;
        top: 18px;
        font-family: bootstrap-icons !important;
        background: transparent
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3 ul.product-panel.active#dtbgg-workspace li {
        width: 100%
    }

    section.email-banner.section.maskdial-banner .bt-sec {
        flex-wrap: wrap
    }

    section.anywhere-platform.maskdial-paltform .bt-sec {
        flex-wrap: wrap
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content.img-box img {
        max-width: 100%
    }

    .workspace-feature-list .feature_head div {
        padding: 13px 8px;
        text-align: center;
        font-size: 11px
    }

    .workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div {
        padding: 10px;
        font-size: 12px;
        justify-content: center
    }

    .workspace-feature-list .inner-section .accordion .accordion-item .accordion-collapse .accordion-body .box div:not(:first-child) {
        justify-content: center;
        display: flex;
        align-items: center
    }

    .workspace-feature-list .border-btn {
        display: inline-flex;
        margin: 13px 0px 0px
    }

    .comparision-chart .inner-box {
        padding: 15px
    }

    .comparision-chart .inner-box .inner {
        width: 100%;
        overflow: scroll
    }

    .comparision-chart .inner-box .head-header div,
    .comparision-chart .inner-box .box-all .box div {
        white-space: nowrap
    }

    .why-dtbgg-case-study .right-part h2,
    .why-dtbgg-case-study .right-part h3 {
        flex-wrap: wrap;
        row-gap: 11px
    }

    .workspace-pricing .toggle-container {
        gap: 7px
    }

    .workspace-pricing .toggle-container .billing-toggle button {
        min-height: inherit;
        padding: 5px 15px
    }

    .workspace-pricing .plan-card .inner a.custom-arrow {
        display: flex
    }

    .workspace-pricing .plan-card .inner .multi-collapse.collapse {
        display: none
    }

    .workspace-pricing .plan-card .inner .multi-collapse.collapse.show {
        display: block
    }

    section.email-banner.section.contact-sec.channel-partner.deepcall-byoc-from h2.heading {
        font-size: 30px
    }

    body.hidden-sp {
        overflow: hidden
    }

    .comm-section .table-custom-box.model-choose .advantage ul li {
        padding: 10px 0px 10px 70px
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg {
        padding: 15px
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link {
        padding: 9px 0px
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .nav-pills .nav-link:last-child {
        border: none
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content {
        margin: 10px 0px 0px
    }

    .glossary-categories.awards-recognition-bottom .recognitions-section .inner-bg .row .tab-content iframe {
        height: 230px
    }

    section.tab-view-section.awards-recognition-top .alphabet-list {
        gap: 2px
    }

    section.tab-view-section.awards-recognition-top .alphabet-list li {
        width: auto;
        padding: 0px 7px;
        font-size: 12px;
        height: 30px
    }

    section.email-banner.section.awards-recognitions .img-box {
        margin-right: -12px
    }

    .glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-dots {
        display: none
    }

    .glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .owl-nav {
        position: initial
    }

    .glossary-categories.awards-recognition-bottom .reviews-brands-say .award-recognition-reviews .item iframe {
        min-width: 100% !important;
        min-height: 320px !important
    }

    .glossary-categories.awards-recognition-bottom .badges-proudlu .box-sec {
        text-align: center;
        padding: 10px 20px 20px
    }

    .glossary-categories.awards-recognition-bottom .awards-rec .box img {
        min-height: inherit
    }

    .glossary-categories.awards-recognition-bottom .box {
        margin: 17px 0px 3px
    }

    .glossary-categories.awards-recognition-bottom section#letter-A .row.pt-5 {
        padding-top: 14px !important
    }

    section.section.tab-view-section.awards-recognition-top {
        padding: 10px 0px
    }

    .glossary-categories.awards-recognition-bottom .box img {
        height: auto
    }

    section.section.advantage.border-top.partner-support-res.voice-broadcasting-works .ul-center ul:before {
        height: 83%
    }

    section.section.advantage.border-top.partner-support-res.voice-voip-works .ul-center ul:before {
        height: 70%
    }

    footer .our-group ul li {
        width: 30%;
        padding: 5px 0px
    }

    footer .our-group ul li img {
        width: 76%
    }

    .moves-work-forward .inner:after {
        background-size: contain
    }

    .moves-work-forward .inner {
        padding: 30px 20px 0px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px
    }

    .moves-work-forward .inner .img .right {
        right: -70px
    }

    .moves-work-forward .inner .img .left {
        left: -75px
    }

    .moves-work-forward .inner .img img {
        max-width: 50%
    }

    .moves-work-forward .inner .img .right img {
        max-width: 40%
    }

    .moves-work-forward .inner .img .left img {
        max-width: 40%
    }

    .moves-work-forward .inner .img .right img.img:nth-child(2) {
        right: 70px;
        bottom: 4px;
        max-width: 25%
    }

    .section.audio-section.key-features {
        margin: 0px 0px 20px
    }

    .section.missedcall-flow .timeline {
        position: relative;
        width: 100%;
        padding: 10px 0px 40px
    }

    .section.missedcall-flow .timeline .box {
        padding: 12px
    }

    .section.missedcall-flow .timeline .box img {
        width: 100%
    }

    .section.missedcall-flow .timeline .box .text-box {
        padding: 8px 0px 0px;
        width: 100%
    }

    .section.missedcall-flow .timeline .box .text-box h2 {
        font-size: 16px
    }

    .section.missedcall-flow .timeline .box .text-box p {
        font-size: 14px
    }

    .section.missedcall-flow .timeline .box .dot {
        right: -14.8%;
        width: 14px;
        height: 14px;
        display: none
    }

    .section.missedcall-flow .timeline .box.my-md-n5 .dot {
        left: -6.8%;
        right: inherit
    }

    .section.missedcall-flow .timeline .box:after {
        right: -8%;
        width: 8%;
        height: 2px;
        display: none
    }

    .section.missedcall-flow .timeline .box.my-md-n5:after {
        left: -8%;
        right: inherit
    }

    .section.missedcall-flow .timeline .my-md-n5 {
        margin-top: 22px !important
    }

    .section.audio-section.key-features .key-features-bg {
        padding: 40px 22px 40px
    }

    .section.audio-section.key-features .voice-broadcasting-features ul {
        row-gap: 18px;
        padding: 0px 0px
    }

    .section.audio-section.key-features .voice-broadcasting-features ul li h2 {
        padding: 0px
    }

    .section.audio-section.key-features .voice-broadcasting-features ul li p {
        padding: 0px
    }

    .team-collaborate-secure .box .left-p {
        padding: 20px 0px 0px
    }

    .team-collaborate-secure .box.content-right .left-p {
        padding: 20px 0px 0px
    }

    .teams-custom .inner .inner-header {
        width: 100%;
        padding: 20px 0px 0px
    }

    .team-collaborate-secure .box:nth-child(1) .col-xxl-6.col-xl-6.col-lg-6.col-md-12.col-sm-12.col-12:nth-child(1) {
        order: 2
    }

    .teams-custom .accordion .accordion-item h2 button:after {
        margin-right: 0px !important
    }

    .team-collaborate-secure .box .right-p .img-box .img-hover-eff {
        bottom: -10px
    }

    .team-collaborate-secure .box.content-right .right-p .img-box .img-hover-eff {
        bottom: 0;
        top: inherit
    }

    .why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box .inner {
        padding: 0px 8px 20px
    }

    .why-choose-dtbgg-teams .owl-carousel .owl-stage .owl-item .item .box ul li {
        column-gap: 8px
    }

    .why-choose-dtbgg-teams .owl-carousel .owl-nav {
        position: absolute;
        right: 0;
        top: -50px
    }

    section.section.discover.transforming-banking.f-inr-dtbgg-wksp .icon-btn {
        bottom: 10px;
        position: relative
    }

    section.section.why-choose-dtbgg-teams .inner-header.white p {
        padding-bottom: 20px
    }

    .team-collaborate-secure .box .left-p ul li {
        column-gap: 8px
    }

    .team-collaborate-secure .box .left-p p {
        padding: 4px 0px 0px
    }

    #video-modal iframe {
        min-height: auto;
        height: 238px
    }

    .case-study-other.case-study-section .right-part .heading-section.text-center {
        display: block
    }

    .video-quantic .inner .box .img-box .image-size {
        height: auto
    }

    .video-quantic .inner .box h2 {
        font-size: 16px
    }

    .explore-products-section.workspace-meet .img-box .inner-box img {
        max-width: 100%;
        width: 70px
    }

    .explore-products-section.workspace-meet .img-box .inner-box {
        position: absolute;
        bottom: -32px;
        right: -14px
    }

    .home-workspace-section .nav-tabs li button {
        padding: 5px 9px;
        font-size: 14px
    }

    .home-workspace-section .nav-tabs li button img {
        width: 23px;
        height: auto
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .img-box {
        margin: 10px 0px 3px
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .img-box dotlottie-player {
        display: none
    }

    section.home-workspace-section {
        padding: 35px 0px 45px
    }

    section.home-workspace-section .inner-bg {
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        padding: 40px 14px 0px
    }

    section.home-workspace-section .inner-bg h2 {
        font-size: 30px
    }

    section.home-workspace-section .inner-bg .accordion {
        position: relative;
        z-index: 2
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item {
        width: 100%;
        top: -10%;
        right: 0px;
        position: absolute;
        bottom: initial;
        padding: 0px 18px 4px;
        --angle: 0deg;
        background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #0052CC, #7B61FF) border-box;
        border: 1px solid transparent;
        -webkit-animation: rotate-gradient 3s infinite linear;
        animation: rotate-gradient 3s infinite linear
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button {
        pointer-events: auto;
        padding: 14px 30px 7px 0px;
        font-size: 15px
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button:after {
        display: flex;
        margin-right: 0;
        margin-top: 0px;
        position: absolute;
        right: 18px;
        background: url(../images/email/accorudin-arrow-active.svg);
        background-repeat: no-repeat
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button.collapsed:after {
        transform: rotate(180deg)
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-body {
        padding: 0px 0px 15px
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-collapse {
        display: none
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-collapse.show {
        display: block
    }

    .premium-products .stack-cards .stack-cards__item {
        padding: 15px
    }

    .premium-products .stack-cards__item {
        top: 37%
    }

    .wizard-section .contact-form .inner-box .inner ul {
        column-gap: 14px;
        flex-wrap: wrap
    }

    .deepenrich-page .left-part {
        width: 100%;
        padding-bottom: 30px
    }

    .deepenrich-page .inner-box {
        padding: 10px 0px 0px 10px;
        margin-bottom: 0px
    }

    .pricing-free-tran-scalable {
        padding: 20px 0px 0px 20px
    }

    .pricing-free-tran-scalable .inner-header {
        padding-right: 20px
    }

    .pricing-free-tran-scalable .pricing-free-tran-scalable .inner {
        padding: 8px 20px 30px 0px
    }

    .section.how-agent-work .inner h3 {
        width: 204px;
        background: #16263d;
        margin: 0 auto
    }

    .section.how-agent-work .inner ul li h3 {
        background: #16253b;
        margin: 0 auto
    }

    .section.how-agent-work .left-box {
        margin: 25px 0px 0px
    }

    .section.how-agent-work .left-box:after {
        width: 1px;
        height: 100%;
        top: 100%;
        right: 0;
        transform: inherit;
        z-index: -1;
        left: 0;
        margin: 0 auto
    }

    .section.how-agent-work .left-box:before {
        top: 153%;
        transform: translate(-50%, -50%);
        right: 0;
        left: 0;
        transform: rotate(90deg);
        margin: 0 auto
    }

    .section.how-agent-work .left-box ul {
        column-gap: 30px
    }

    .explore-products-section.top-explore .box .inner {
        padding: 0px 10px 0px 14px
    }

    .explore-products-section.top-explore .box {
        padding: 17px 0px 0px
    }

    .explore-products-section.edit-together .box {
        padding: 25px 15px 0px
    }

    .explore-products-section.top-explore .box {
        margin: 10px 0px;
        min-height: inherit
    }

    .explore-products-section.edit-together .box .tabs-section ul {
        column-gap: 10px;
        padding: 10px 10px 10px;
        flex-wrap: nowrap;
        overflow: scroll
    }

    .explore-products-section .box .inner-header h2 {
        font-size: 21px
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header h2 br,
    .explore-products-section .box .inner-header h2 br {
        display: none
    }

    .explore-products-section.edit-together .box .tabs-section ul li button {
        padding: 4px 6px 4px;
        font-size: 14px;
        white-space: nowrap
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content {
        padding: 40px 0px 0px 20px
    }

    .explore-products-section.chat-meet-webinar-section .box {
        min-height: inherit;
        margin: 10px 0px
    }

    .explore-products-section.edit-together .box .tabs-section .tab-content .inner .inner-header .arrow-btn {
        margin: 10px 0px 20px
    }

    .digital-workplace .img-box {
        position: relative;
        text-align: center;
        padding: 0px 0px 30px
    }

    .handle-your-visa-section .right-part ul li {
        flex-wrap: wrap
    }

    .mjrp-call-flow-process {
        margin: 10px
    }

    .why-dtbgg-case-study .right-part .stack-cards li.impact-created .item p {
        width: 100%
    }

    .why-dtbgg-case-study .right-part {
        padding: 0px 0px 0px 0px
    }

    .why-dtbgg-case-study .right-part .stack-cards li {
        position: relative;
        top: 0px;
        padding: 20px 0px
    }

    .why-dtbgg-case-study .right-part .stack-cards li .box img {
        min-height: inherit
    }

    .facts-figures-section ul:first-child {
        padding-top: 25px
    }

    .facts-figures-section ul li {
        font-size: 23px
    }

    .case-study-header {
        padding: 40px 0px
    }

    .case-study-header .row [class*="col-"]:first-child {
        order: 2
    }

    .case-study-header h1 {
        font-size: 23px
    }

    .case-study-header p {
        font-size: 18px;
        padding: 0px 0px 0px 0px
    }

    .case-study-header .box img {
        left: 51%
    }

    .handle-your-visa-section .right-part {
        padding: 20px 0px 0px 0px
    }

    .handle-your-visa-section .right-part .bottom-section .box {
        padding: 12px;
        min-height: inherit
    }

    .why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box,
    .why-dtbgg-case-study .right-part .stack-cards li.img-cards .box {
        column-gap: 11px;
        flex-wrap: wrap
    }

    .why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box img,
    .why-dtbgg-case-study .right-part .stack-cards li.img-cards .box img {
        width: 35%;
        min-height: inherit
    }

    .why-dtbgg-case-study .right-part .stack-cards li:nth-child(2) .box .inner,
    .why-dtbgg-case-study .right-part .stack-cards li.img-cards .box .inner {
        padding: 10px 0px
    }

    .handle-your-visa-section .right-part .bottom-section.border-top {
        margin: 30px 0px 0
    }

    .why-dtbgg-case-study .right-part .stack-cards li .box {
        min-height: inherit;
        margin: 0px 0px;
        display: block
    }

    .why-dtbgg-case-study .right-part .stack-cards li .box img {
        width: 100%
    }

    .case-study-header .box {
        min-height: 384px;
        margin-bottom: 14px
    }

    .case-study-featured-testimonials .box {
        margin: 30px 0px 0;
        padding: 20px;
        flex-wrap: wrap
    }

    .case-study-featured-testimonials .box .larger-img:after {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px
    }

    .case-study-featured-testimonials .box .larger-img img {
        width: 100%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px
    }

    .case-study-featured-testimonials .box .right {
        width: 100%
    }

    .case-study-featured-testimonials .box .right .top p {
        font-size: 21px;
        line-height: 29px;
        padding: 15px 0px 25px
    }

    .more-stories-explore .card {
        margin: 10px 0px
    }

    .more-stories-explore .row [class*="col-"] .card {
        min-height: inherit
    }

    .more-stories-explore .row [class*="col-"]:first-child .card {
        margin-top: 0px
    }

    img.holi {
        display: none
    }

    .featured-testimonials .featured-testimonials-slider .item {
        box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.08)
    }

    .featured-testimonials .featured-testimonials-slider .item .box {
        flex-wrap: wrap
    }

    .featured-testimonials .featured-testimonials-slider .item .box .larger-img {
        width: 100%
    }

    .featured-testimonials .featured-testimonials-slider .item .box .larger-img img {
        width: 100%;
        height: auto;
        object-fit: cover
    }

    .featured-testimonials .featured-testimonials-slider .item .box .right {
        width: 100%;
        padding: 20px 15px 20px 15px
    }

    .ai-agents-industries.chnel-ptnr-offer ul li {
        width: 100%;
        margin: 10px 0px
    }

    .ai-agents-industries.chnel-ptnr-offer ul li:nth-child(1) {
        margin-top: 0px
    }

    .ai-agents-industries.chnel-ptnr-offer ul li .figure {
        position: relative;
        width: 100%;
        height: auto
    }

    .comm-section .table-custom-box .pb-5 {
        padding: 10px 0px 20px 0px !important
    }

    .comm-section table thead th,
    .comm-section table td {
        white-space: nowrap
    }

    .comm-section .table-custom-box {
        padding: 20px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px
    }

    section.section.help-you .inner .owl-carousel .owl-dots {
        bottom: 7px
    }

    section.section.help-you .inner ul.video-tutorials {
        flex-wrap: wrap
    }

    section.section.help-you .inner ul.video-tutorials li {
        width: 100%;
        margin: 5px 0px;
        display: flex;
        flex-wrap: wrap
    }

    .inner-header h2,
    .inner-header h3 {
        font-size: 30px
    }

    .careers-bottom-slider .careers-slider {
        padding: 0px 10px
    }

    .careers-bottom-slider .owl-carousel .owl-stage {
        padding: 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header button:after {
        margin-right: 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header ul li span {
        width: 100%
    }

    .current-job-opening .tab-content .accordion-item .accordion-collapse a.bg-btn {
        display: flex
    }

    section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-stage .owl-item .item .box .larger-img {
        height: 280px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header {
        padding: 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header button:after {
        width: 22px;
        height: 22px;
        font-size: 13px
    }

    .current-job-opening .tab-content .accordion-item .accordion-collapse {
        margin: 20px 0px 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header ul {
        align-items: center
    }

    .current-job-opening .tab-content .accordion-item .accordion-header ul li {
        display: flex;
        column-gap: 0px;
        flex-wrap: wrap;
        padding: 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header ul li span:last-child {
        padding: 4px 0px 0px
    }

    .current-job-opening .tab-content .accordion-item .accordion-header ul li a.bg-btn {
        width: max-content;
        max-height: fit-content
    }

    .current-job-opening .tab-content .accordion-item .accordion-header button {
        font-size: 17px
    }

    section.section.advantage.hiring-process ul li {
        width: 100%
    }

    section.section.advantage.hiring-process ul:before {
        width: auto;
        height: 90%
    }

    section.section.advantage.hiring-process ul li:nth-child(3),
    section.section.advantage.hiring-process ul li:nth-child(4) {
        text-align: left
    }

    section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav {
        position: initial;
        width: auto;
        justify-content: center;
        margin: 10px 0px 0px
    }

    section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav .owl-prev,
    section.section.our-latest-announcment.employee-testimonials .owl-carousel .owl-nav .owl-next {
        margin-left: 0
    }

    .our-perks-benefits .inner-header p {
        text-align: left
    }

    .our-perks-benefits .inner {
        padding: 11px 0px
    }

    .our-perks-benefits .inner h2 {
        font-size: 25px
    }

    .our-perks-benefits .inner h2 br {
        display: none
    }

    .img-section .row [class*="col-"].col-xxl-5 .col-xxl-6 ul.desktop {
        display: none
    }

    .img-section .row [class*="col-"] ul {
        flex-wrap: wrap
    }

    .img-section .row [class*="col-"].col-xxl-7 ul:first-child {
        height: auto
    }

    .our-perks-benefits .inner p {
        width: 100%
    }

    .your-ai-jurney .inner .box ul li img {
        width: 100%;
        height: auto
    }

    .your-ai-jurney .inner .box ul li h2 {
        padding: 5px 10px 0px 0px
    }

    .perform-ai-readines-audit .inner {
        padding: 30px
    }

    .perform-ai-readines-audit .inner img {
        width: 100%;
        height: auto;
        margin: 20px 0px 0px
    }

    .section.how-agent-work {
        padding: 50px 0px
    }

    .section.how-agent-work .inner ul li span:before {
        border-left: 9px solid #fff;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        width: 0;
        height: 0;
        bottom: -60%;
        z-index: 0;
        right: inherit;
        transform: rotate(90deg);
        position: absolute;
        content: '';
        top: inherit
    }

    .section.how-agent-work .inner ul li span:after {
        border: none;
        content: '';
        position: absolute;
        width: 1px;
        height: 113%;
        background: #fff;
        top: -20%;
        left: 50%;
        transform: translate(-50%, 100%);
        z-index: -1
    }

    .section.how-agent-work .inner h2 {
        margin: 0;
        padding: 0;
        width: auto
    }

    .section.how-agent-work .inner ul li {
        width: 100%
    }

    .section.how-agent-work .inner ul li span {
        width: 100%
    }

    .section.how-agent-work .inner ul li:nth-child(6) {
        order: 4
    }

    .section.how-agent-work .inner ul li:nth-child(3),
    .section.how-agent-work .inner ul li:nth-child(6) {
        width: 100%
    }

    .section.how-agent-work .inner ul li:nth-child(1) {
        padding: 0px
    }

    .section.how-agent-work .inner ul li,
    .section.how-agent-work .inner ul li:nth-child(4),
    .section.how-agent-work .inner ul li:nth-child(5),
    .section.how-agent-work .inner ul li:nth-child(6) {
        padding: 50px 0px 0px
    }

    .section.how-agent-work .inner ul li:nth-child(4) span:before {
        border-left: 9px solid #fff;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        width: 0;
        height: 0;
        bottom: -60%;
        z-index: 0;
        right: inherit;
        transform: rotate(90deg);
        position: absolute;
        content: '';
        top: inherit;
        display: inline-block
    }

    .section.how-agent-work .inner ul li:nth-child(3) span:after {
        border-left: 9px solid #fff;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        width: 0;
        height: 0;
        bottom: -60%;
        z-index: 0;
        right: inherit;
        transform: rotate(90deg);
        position: absolute;
        content: '';
        top: inherit;
        display: inline-block;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: transparent
    }

    .ai-agent-future .inner ul li,
    .ai-agent-future .inner ul li:nth-child(3),
    .ai-agent-future .inner ul li:nth-child(4),
    .ai-agent-future .inner ul li:nth-child(5) {
        width: 100%;
        padding-left: 90px;
        border: none;
        padding-bottom: 0px;
        min-height: 140px;
        padding-top: 0px
    }

    .ai-agent-future .inner ul li span {
        left: 0px;
        bottom: inherit;
        top: 0;
        width: 70px;
        height: 70px;
        font-size: 16px
    }

    .ai-agent-future .inner ul li h2 br,
    .ai-agent-future .inner ul li p br {
        display: none
    }

    .ai-agent-future .inner ul {
        position: relative
    }

    .ai-agent-future .inner ul:before {
        content: '';
        position: absolute;
        left: 34px;
        top: 0px;
        width: 1px;
        height: 88%;
        background: #fff
    }

    .ai-agent-future .inner ul li span:before,
    .ai-agent-future .inner ul li:nth-child(2) span:before,
    .ai-agent-future .inner ul li:nth-child(3) span:before,
    .ai-agent-future .inner ul li:nth-child(4) span:before {
        display: none
    }

    .ai-agent-future .inner ul li:nth-child(2) h2 {
        color: #00C2F9
    }

    .ai-agent-future .inner ul li:nth-child(5) h2 {
        color: #FF7A9A
    }

    .ai-agent-future .inner ul li:nth-child(5) {
        min-height: auto
    }

    .ai-agent-future .inner ul li:nth-child(5) span:before {
        display: none
    }

    .ai-agent-future .inner ul li span:after {
        display: none
    }

    .ai-agent-future .inner ul li:nth-child(2) span,
    .ai-agent-future .inner ul li:nth-child(3) span,
    .ai-agent-future .inner ul li:nth-child(4) span,
    .ai-agent-future .inner ul li:nth-child(5) span {
        left: 0
    }

    .use-case-benefit-section .benefit-bg {
        padding: 40px 30px
    }

    .ai-agents-industries ul li {
        margin: 10px 0px;
        width: 47%
    }

    .ai-agents-industries ul li h2 {
        font-size: 16px
    }

    section.section.user-cases-few-more .left-inner {
        text-align: center;
        width: 100%;
        padding: 0px 0px 20px
    }

    .user-cases-few-more .box {
        padding: 25px;
        margin: 10px 0px;
        min-height: inherit
    }

    .ai-agents-industries ul li .figure {
        position: relative;
        width: 100%;
        height: auto
    }

    .discover.transforming-banking a.box .icon-btn {
        position: initial;
        margin-top: inherit
    }

    .banking-permo .box .col-xxl-6.col-xl-6.col-lg-12.col-md-6.col-sm-12.col-12:nth-child(1) {
        order: 2
    }

    .banking-permo .box figure {
        height: auto;
        width: 100%
    }

    .banking-permo .box .sub-heading {
        padding: 13px 0px 9px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(4):after {
        display: none
    }

    header .navbar .navbar-nav li.ai-nav .dropdown-menu,
    header .navbar .navbar-nav li.company-nav .dropdown-menu {
        width: 100%;
        padding: 0px 0px;
        border-top: none;
        border-right: none;
        border-left: none;
        box-shadow: none
    }

    .sales-four-section .box figure {
        height: auto;
        width: 100%
    }

    .sales-four-section .box .right-part {
        width: 100%;
        padding: 10px 0px 0px
    }

    .section.why-dtbgg-banner .inner [class*="col-"] .img-box.left img {
        height: auto
    }

    div#sync2 {
        padding: 20px 0px
    }

    #sync2 .owl-stage .owl-item .item img {
        height: 50px
    }

    #sync2 .owl-nav button {
        position: inherit;
        transform: inherit;
        margin: 10px 0px 0px
    }

    .case-study-section .position-sticky {
        position: initial !important;
        position: initial !important
    }

    .case-study-section .right-part .heading-section {
        display: none
    }

    .case-study-section .left-part {
        margin: 0px 0px 0px;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0px;
        background: #fff;
        height: auto;
        z-index: 1;
        transition: all 0.3s ease;
        scroll-behavior: smooth;
        position: relative
    }

    .case-study-section .left-part .heading-section {
        display: block
    }

    .case-study-section .left-part.bottom {
        position: relative
    }

    .case-study-section .left-part .top-section {
        margin: 10px 0px 0px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 10px 10px !important;
        border: none;
        padding-bottom: 0px;
        background: rgba(28, 43, 65, 0.8)
    }

    .case-study-section .left-part .top-section .heading {
        color: #fff
    }

    .case-study-section .left-part .top-section a#Mobile-dropdown {
        display: flex;
        transition-duration: .5s
    }

    .case-study-section .left-part .top-section a#Mobile-dropdown i {
        transition-duration: .5s;
        color: #fff
    }

    .case-study-section .left-part .top-section a#Mobile-dropdown.active i {
        transform: rotate(180deg)
    }

    .case-study-section .left-part .top-section a.top-clearAll {
        display: none
    }

    .case-study-section .left-part .inner-check {
        display: none;
        transition-duration: .5s
    }

    .case-study-section .left-part .inner-check a.bottom-clearAll {
        display: flex
    }

    .case-study-section .left-part .inner-check.active {
        display: block;
        display: block;
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.03), 0 4px 15px rgba(0, 0, 0, 0.08);
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0px 10px 10px;
        background: #fff;
        top: 100%
    }

    .case-study-section .left-part .inner-check ul li {
        width: calc(100% / 2);
        padding: 4px 0px
    }

    .advantage ul li,
    section.section.advantage.phone-proxy-works ul li {
        width: 100%
    }

    .section.teams-browse .box {
        padding: 0px 0px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .section.teams-browse .box figure {
        order: 2
    }

    .section.teams-browse .box .inner {
        position: initial;
        width: 100%
    }

    .section.teams-browse .box .heading {
        padding: 6px 0px 6px
    }

    .benefit-section .benefit-bg img {
        height: 120px
    }

    .section.industries-browse .box figure,
    .section.use-cases-browse .box figure {
        height: auto
    }

    section.section.banner-one {
        padding: 0px
    }

    section.section.banner-one .col-xxl-6:nth-child(2) {
        padding: 0px 0px 20px
    }

    section.section.banner-one .col-xxl-6:nth-child(1) {
        order: 2
    }

    section.section.banner-one .col-xxl-6 img {
        border-radius: 0px
    }

    .section.cases-small-object.img-l .box img,
    .section.cases-small-object .box img {
        height: auto
    }

    .more-feature.vector-provider [class*="item"] {
        min-height: inherit
    }

    .customer-agent .phony-proxy-flow .rgt-img {
        position: absolute;
        right: 10px;
        height: 750px
    }

    .customer-agent .phony-proxy-flow .rgt-img img {
        max-width: 100%;
        width: 200px
    }

    .customer-agent .phony-proxy-flow .lft-img {
        position: absolute;
        left: 10px;
        height: 750px
    }

    .customer-agent .phony-proxy-flow .lft-img img {
        width: 200px
    }

    .customer-agent .phony-proxy-flow.linebg {
        background: transparent
    }

    .customer-agent .phony-proxy-flow .flowcolcontent {
        font-size: 14px;
        width: 30%
    }

    .customer-agent .phony-proxy-flow .flowlftcol-three {
        top: 340px;
        left: 20px
    }

    .customer-agent .phony-proxy-flow .flowrgtcol-three,
    .customer-agent .phony-proxy-flow .flowrgtcol-one,
    .customer-agent .phony-proxy-flow .flowrgtcol-two,
    .customer-agent .phony-proxy-flow .flowrgtcol-four {
        right: 10px
    }

    .customer-agent .phony-proxy-flow {
        height: 680px;
        margin-top: 10px;
        position: relative
    }

    .check-out-why .col-xxl-6:nth-child(1) {
        order: 2;
        padding-top: 20px
    }

    .phoneproxy-worksection .whiteshadowbox ul {
        flex-wrap: wrap
    }

    .phoneproxy-worksection .whiteshadowbox ul li {
        width: 100%;
        padding: 10px 0px
    }

    .phoneproxy-worksection .whiteshadowbox ul li .dottedarrowline,
    .phoneproxy-worksection .whiteshadowbox ul li .dottedarrowline2 {
        display: none
    }

    .hostestopsection .clasic {
        background: transparent
    }

    .hostestopsection .clasic .pic {
        min-height: auto
    }

    .col-md-6.col-sm-6.col-12.dtbgg-touch-part1.d-flex.flex-wrap.align-items-center {
        justify-content: center
    }

    .hostestopsection .classical p {
        margin: 10px auto !important;
        display: block;
        text-align: center;
        width: fit-content
    }

    .hostownnumber-graphic .circle-border {
        position: inherit;
        width: 250px;
        height: 250px
    }

    .hostownnumber-graphic .box-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 20px;
        padding: 20px 0px 0px
    }

    .hostownnumber-graphic .box-inner .circlethridtxt,
    .hostownnumber-graphic .box-inner .circletwotxt,
    .hostownnumber-graphic .box-inner .circlefourtxt,
    .hostownnumber-graphic .box-inner .circlefivetxt,
    .hostownnumber-graphic .box-inner .circleonetxt {
        width: 76%
    }

    .hostownnumber-graphic .circletwo {
        right: 237px;
        top: 200px
    }

    .hostownnumber-graphic .circletwotxt,
    .hostownnumber-graphic .circlethridtxt,
    .hostownnumber-graphic .circlefourtxt,
    .hostownnumber-graphic .circlefivetxt {
        right: 0px;
        position: initial
    }

    .section.missedcall-flow .green-border-circle {
        left: 278px
    }

    .hostownnumber-graphic .circlethrid {
        right: 186px
    }

    .hostownnumber-graphic .circlefour {
        right: 234px
    }

    .hostownnumber-graphic .circlefive {
        right: -60px;
        top: 598px
    }

    .section.missedcall-flow .blue-border-circle {
        right: 330px
    }

    .hostownnumber-graphic .red-text {
        top: 120px;
        left: 240px
    }

    .hostownnumber-graphic .cloudimg {
        left: 0px;
        width: 300px;
        background-size: 100%;
        top: 160px
    }

    .toptext .contanttop {
        top: 320px;
        left: -12px;
        width: 100%;
        position: initial;
        padding: 10px 0px 20px
    }

    .hostownnumber-graphic .circleonetxt {
        right: 140px;
        position: initial
    }

    .hostownnumber-graphic .cloudimg h2 {
        font-size: 21px;
        padding-top: 70px
    }

    .hostownnumber-graphic .cloudimg p {
        font-size: 12px;
        padding-bottom: 50px
    }

    .hostownnumber-graphic .fillcircle,
    .hostownnumber-graphic .bordercircle {
        width: 60px;
        height: 60px;
        position: initial;
        margin: 10px 0px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .hostownnumber-graphic .circletwo img,
    .hostownnumber-graphic .circlethrid img,
    .hostownnumber-graphic .circlefour img,
    .hostownnumber-graphic .circleone img {
        width: 25px !important;
        margin: 0px !important
    }

    .hostownnumber-graphic .whitebox {
        display: none
    }

    .hostownnumber-graphic {
        height: auto
    }

    .section.audio-section .voice-broadcasting-features ul {
        padding: 20px 0px
    }

    .section.missedcall-flow .flowbg {
        height: auto;
        padding: 30px 10px 80px
    }

    .section.audio-section.key-features .voice-broadcasting-features ul li {
        width: 100%
    }

    .section.missedcall-flow .flowbg .flow-border {
        background: transparent;
        height: auto
    }

    section.section.missedcall-flow img {
        width: 100%
    }

    .section.missedcall-flow .green-border-circle,
    .section.missedcall-flow .blue-border-circle,
    .section.missedcall-flow .orange-border-circle,
    .section.missedcall-flow .perpal-border-circle,
    .section.missedcall-flow .yellow-border-circle {
        display: none
    }

    .section.missedcall-flow .flowbg .flowlftbox2-txt br,
    .section.missedcall-flow .flowbg .flowlftbox3-txt br,
    .section.missedcall-flow .flowbg .flowlftbox5-txt br,
    .section.missedcall-flow .flowbg .flowlftbox4-txt br {
        display: none
    }

    .section.missedcall-flow .flowbg .flowlftbox1-txt,
    .section.missedcall-flow .flowbg .flowlftbox2-txt,
    .section.missedcall-flow .flowbg .flowlftbox3-txt,
    .section.missedcall-flow .flowbg .flowlftbox4-txt,
    .section.missedcall-flow .flowbg .flowlftbox5,
    .section.missedcall-flow .flowbg .flowlftbox5-txt {
        right: 0px;
        position: relative;
        width: 100%;
        top: inherit;
        left: 0px
    }

    .section.missedcall-flow .flowbg .flowlftbox2,
    .section.missedcall-flow .flowbg .flowlftbox3,
    .section.missedcall-flow .flowbg .flowlftbox1,
    .section.missedcall-flow .flowbg .flowlftbox4,
    .section.missedcall-flow .flowbg .flowlftbox5 {
        position: relative;
        top: 0;
        right: 0
    }

    .inbund-callcenter-graphic img {
        width: 50%
    }

    .outbound_con {
        position: relative;
        font-size: 7px;
        font-weight: 300;
        height: 0
    }

    .outbound_con .call_list {
        padding: 7px 8px;
        top: 50px;
        left: 58%
    }

    .inbound h2 {
        margin: 125px 40px 180px 50px
    }

    .section.audio-section .desktop_screen {
        position: inherit
    }

    .section.audio-section:before {
        height: 150px
    }

    .section.audio-section .desktop_screen img {
        max-width: inherit;
        object-fit: cover;
        width: 100%;
        margin: 0px auto;
        display: block
    }

    .section.audio-section {
        padding: 0px 12px 50px
    }

    .audio-conferenc .col-sm-12.col-md-12.col-lg-6:nth-child(1) {
        order: 2
    }

    .shadowbox {
        margin: 0px 0px 30px
    }

    .outbound_con .participate_a {
        left: 90px;
        top: 207px
    }

    .outbound_con .participate_b {
        left: 157px;
        top: 207px
    }

    .outbound_con .participate_c {
        left: 216px;
        top: 207px
    }

    .outbound_con .callconnect {
        top: 206px;
        left: 154px;
        height: 40px;
        width: 40px
    }

    .outbound_con .callconnect img {
        width: 25px
    }

    .outbound_con .all_connected {
        right: 72px;
        top: 289px;
        padding: 7px 8px
    }

    .section.audio-conference-bottom .col-shadow {
        min-height: auto;
        margin: 10px 0px
    }

    .outbound_con .participants {
        right: 66px;
        bottom: -238px;
        padding: 7px 8px
    }

    .real_example .owl-nav button {
        position: inherit;
        transform: inherit
    }

    .real_example .owl-nav button.owl-prev {
        left: 0px
    }

    .real_example .owl-nav button.owl-next {
        right: 0px
    }

    .section.voice-section .voice-broadcasting-features ul li {
        width: 100%;
        min-height: inherit
    }

    .real_example .case_Study_bx .block_dechfo {
        height: auto;
        margin: 0px 0px 10px
    }

    .voice_way .left ul li {
        margin-left: 0px;
        width: 100%
    }

    .voice_way .right ul li {
        margin-right: 0px;
        width: 100%
    }

    .voice-broadcasting-features {
        padding: 0px 0px 0px
    }

    .boxfeatures .featurebox {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .button-section .bg-btn.btn {
        min-width: 140px;
        padding: 9px 12px 9px 12px
    }

    .companyInfo .col-md-8 {
        margin-bottom: 1rem
    }

    .modal-body {
        padding: 10px 0px
    }

    .modal.show .modal-dialog .row .col-xl-5.col-lg-12.col-md-12.col-sm-12.col-12.ps-0.pe-lg-3.position-relative {
        order: 2;
        padding-left: 12px !important
    }

    .modal.show .modal-dialog .row .col-xl-7.col-lg-12.col-md-12.col-sm-12.col-12.ps-4.pe-4 {
        padding: 0px 12px !important
    }

    .modal .modal-content .right-part {
        padding: 20px
    }

    .email-banner.contact-sec .contact-form {
        margin: 20px 0px 0px 0px;
        text-align: left
    }

    .email-banner.contact-sec .contact-form .heading {
        text-align: center
    }

    .email-banner.contact-sec .contact-form .mb-3.mt-2 {
        text-align: center
    }

    .email-banner.section ul.box-img {
        flex-wrap: wrap;
        justify-content: start !important;
        column-gap: 14px
    }

    .email-banner.section ul.box-img li img {
        max-width: 100%;
        height: 32px
    }

    .email-banner.section ul.box-img li {
        width: 50%;
        margin: 5px 0px
    }

    .anywhere-platform .inner img {
        margin-top: 16px
    }

    .section.business-num.makes-dtbgg {
        padding-top: 90px
    }

    .section.why-dtbgg-banner .inner [class*="col-"] {
        margin: 10px 0px
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(1) img {
        height: auto
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(2) {
        order: 1
    }

    .section.why-dtbgg-banner .inner [class*="col-"]:nth-child(2) img {
        height: auto
    }

    .discover .owl-carousel .owl-item .item .box .heading {
        font-size: 20px
    }

    .section.email-one-place .heading-box {
        font-size: 22px;
        flex-wrap: wrap
    }

    section.section.customer-stories .inner .owl-carousel .owl-nav {
        justify-content: center
    }

    footer .our-group ul {
        column-gap: 12px
    }

    .tree-section .tab-content .tab-pane .data-box svg.ai-one {
        position: absolute;
        left: 60px;
        top: -40px
    }

    .tree-section .tab-content .tab-pane .data-box svg.ai-two {
        position: absolute;
        left: 80px;
        bottom: 80px
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-one {
        position: absolute;
        left: 72px;
        top: -35px
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-one .path {
        stroke-dasharray: 2;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite reverse !important
    }

    .tree-section .tab-content .tab-pane .data-box svg.comm-two {
        position: absolute;
        left: 80px;
        bottom: 52px
    }

    section.section.can-with-dtbgg .left .nav-tabs {
        display: flex;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto;
        flex-wrap: nowrap
    }

    section.section.can-with-dtbgg .left .nav-tabs:after {
        content: '';
        position: absolute;
        border-radius: 12px;
        width: 100%;
        height: 5px;
        left: 0px;
        top: inherit;
        bottom: 0px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        width: 100%;
        white-space: nowrap;
        padding: 15px 13px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button.active:after {
        content: '';
        position: absolute;
        top: inherit;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 5px;
        border-radius: 12px;
        background: #FF7A9A
    }

    section.section.can-with-dtbgg .left .arrow-btn {
        margin-left: 0px
    }

    h1.heading {
        padding: 0px
    }

    .advantage ul {
        flex-wrap: wrap
    }

    .advantage ul li {
        padding: 10px 0px 10px 70px
    }

    .advantage ul li .num {
        margin: 10px 0px 0px;
        position: absolute;
        left: 0px;
        top: 6px
    }

    .advantage ul li:nth-child(2) {
        text-align: left
    }

    .advantage ul li:nth-child(2) .num {
        margin: 10px 0px 0px
    }

    .advantage ul li:nth-child(2) .num:after {
        margin: 0px
    }

    .advantage ul li:nth-child(3) {
        text-align: left
    }

    .advantage ul li:nth-child(3) .num {
        margin: 10px 0px 0px
    }

    .advantage ul li:nth-child(3) .num:after {
        margin: 0px
    }

    .advantage ul:before {
        background: none;
        border-left: 1px dashed #7B61FF;
        width: 1px;
        height: 65%;
        right: initial;
        left: 24px;
        animation: inherit
    }

    .anywhere-platform .inner {
        background-position: center top
    }

    .email-banner .img-box img {
        margin-left: 0px;
        max-width: 100%;
        height: 245px
    }

    .email-banner .img-box video {
        min-height: 245px;
        width: calc(100%);
        vertical-align: bottom;
        margin-left: 0px;
        border-radius: 0px
    }

    .benefit-section .benefit-bg {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 22px 40px
    }

    #counter {
        align-items: self-start !important
    }

    #counter.gap-5 {
        gap: 7px !important
    }

    #counter li {
        width: 100%
    }

    #counter li .percent {
        font-size: 30px
    }

    #counter li i {
        font-size: 30px
    }

    .advantage ul li .heading {
        font-size: 18px;
        text-align: left
    }

    .anywhere-platform .inner {
        padding: 42px 17px 0px 17px
    }

    .anywhere-platform.anywhere-workspace-offer .inner {
        text-align: center
    }

    .anywhere-platform.anywhere-workspace-offer .inner .bt-sec.d-flex.justify-content-start {
        justify-content: center !important
    }

    .anywhere-platform.anywhere-workspace-offer .inner .bg-btn {
        width: 100%;
        justify-content: center
    }

    .benefit-section .benefit-bg p {
        padding: 0px
    }

    .discover .owl-carousel .owl-item .item .box p {
        min-height: initial
    }

    .section.key-feature .row {
        margin-bottom: 0px !important
    }

    .section.key-feature .row [class*="col-"] {
        margin: 10px 0px
    }

    .section.key-feature .row [class*="col-"] [class*="col-"] {
        margin: 18px 0px 0px
    }

    section.section,
    .section.key-feature {
        padding: 35px 0px
    }

    .section.comparison .box {
        min-height: auto;
        margin: 10px 0px
    }

    .section.use-cases .inner-slider .owl-carousel.user-cases .owl-item .item img {
        height: 203px
    }

    section.section.help-you .inner .owl-carousel .owl-stage-outer .item img {
        height: 167px
    }

    section.section.help-you .inner [class*="col-"]:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(56, 65, 74, 0.2);
        margin: 20px 0px 0px
    }

    footer .our-group {
        padding: 0px
    }

    footer .our-number {
        padding-top: 0px
    }

    footer h3 {
        padding-top: 30px
    }

    section.section.can-with-dtbgg .left {
        padding-bottom: 20px
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item {
        width: 100%
    }

    section.section.can-with-dtbgg .left .nav-tabs .nav-item button {
        font-size: 16px
    }

    section.section.can-with-dtbgg .right .tab-content .row .col:first-child {
        max-width: 100%;
        flex: inherit
    }

    section.section.can-with-dtbgg .right .tab-content .left-box {
        border-radius: 12px 12px 0px 0px
    }

    section.section.can-with-dtbgg .right .tab-content .left-box img {
        max-width: 100%;
        border-radius: 8px;
        height: auto;
        object-fit: cover;
        width: 100%
    }

    section.section.can-with-dtbgg .right .tab-content .right-box img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    header .header-right-part .border-btn {
        display: none
    }

    header .header-right-part {
        justify-content: end;
        margin-right: 32px
    }

    header .navbar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50px;
        z-index: 4;
        height: 0px
    }

    header .navbar .navbar-toggler {
        border-radius: 0px;
        padding: 0px;
        margin: 0px;
        box-shadow: none;
        outline: none;
        width: 20px;
        height: 14px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 37px;
        top: -29px
    }

    header .navbar .navbar-toggler.collapsed span {
        background: url(../images/nav-bar.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 20px;
        height: 14px
    }

    header .navbar .navbar-toggler span {
        background: url(../images/nav-close.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px
    }

    header .navbar .navbar-collapse {
        transition: all 0.35s;
        transform: translateX(-100%);
        position: fixed;
        left: 0;
        width: 100%;
        background: #fff !important;
        padding: 0px 10px;
        border-top: 1px solid #DCDFE4;
        border-bottom: 1px solid #DCDFE4;
        position: relative;
        transition: all 0.35s;
        padding-bottom: 70px;
        flex-wrap: wrap;
        min-height: 100%;
        align-items: flex-start;
        height: 94vh;
        overflow: auto;
        display: block;
        visibility: hidden;
        top: -10px
    }

    header .navbar .navbar-collapse.show {
        transform: none;
        visibility: visible
    }

    header .navbar .navbar-nav {
        width: 100%
    }

    header .navbar .navbar-nav li .nav-link {
        border-bottom: 1px solid #DCDFE4 !important
    }

    header .navbar .navbar-nav li .nav-link:after {
        position: absolute;
        right: 0px
    }

    header .navbar .navbar-nav li:last-child .nav-link {
        border-bottom: none !important
    }

    header .col-xxl-7.col-xl-6.col-lg-6.col-md-12.col-sm-2.col-12 {
        order: 3
    }

    .banner-section h1 {
        text-align: center
    }

    .banner-section p {
        text-align: center;
        max-width: inherit
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"] {
        position: relative;
        padding-left: 12px
    }

    .tree-section {
        top: 30px;
        left: 0
    }

    .tree-section .nav-tabs {
        position: relative;
        right: 0;
        top: 43px;
        width: 100%;
        justify-content: center;
        column-gap: 16px
    }

    .tree-section .nav-tabs li {
        position: relative
    }

    .tree-section .nav-tabs li svg {
        position: absolute;
        top: -86px;
        left: 10px
    }

    .tree-section .nav-tabs li:nth-child(2) svg {
        top: -86px;
        left: 5px
    }

    .tree-section .nav-tabs li:nth-child(3) svg {
        top: -86px;
        left: 34px
    }

    .tree-section .nav-tabs li.nav-item {
        top: 0px;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item:nth-child(2) {
        top: 0;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item:nth-child(3) {
        top: 0;
        position: relative;
        right: initial;
        transform: inherit
    }

    .tree-section .nav-tabs li.nav-item button {
        pointer-events: inherit
    }

    .tree-section .nav-tabs li.nav-item button span {
        font-style: normal;
        background: linear-gradient(87.59deg, #009ECE 1.66%, #74607D 46.6%, #7B61FF 93.37%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600
    }

    .tree-section .nav-tabs li.nav-item button.active {
        background: #008EBB;
        color: #fff
    }

    .tree-section .nav-tabs li.nav-item button.active span {
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: aliceblue
    }

    .tree-section .tab-content {
        top: 77px
    }

    .tree-section .tab-content .box {
        position: initial;
        width: 140px
    }

    .tree-section .tab-content .box .heading {
        margin: 7px 10px 0px 10px !important;
        text-align: center !important;
        width: 100%
    }

    .tree-section .tab-content .box .dec {
        display: none
    }

    .tree-section .tab-content .box.box-three .box {
        position: absolute;
        bottom: -118px;
        left: -19px
    }

    .tree-section .tab-content .box.box-three .box.small-two {
        bottom: -131px;
        left: 76px
    }

    .tree-section .tab-content .box.box-three .box.small-three {
        bottom: -131px;
        left: 199px
    }

    .tree-section .tab-content .tab-pane .data-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tree-section .tab-content .tab-pane .data-box .middle {
        position: absolute;
        top: -34px;
        left: 42px
    }

    .tree-section .tab-content .tab-pane .data-box .middle .path {
        stroke-dasharray: 0;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite
    }

    .tree-section .tab-content .tab-pane .data-box .bottom {
        position: absolute;
        bottom: -75px;
        right: 50px
    }

    .tree-section .tab-content .tab-pane .data-box .bottom .path {
        stroke-dasharray: 0;
        stroke-dashoffset: 100;
        animation: flow 5s linear infinite
    }

    .tree-section .tab-content .tab-pane .box .heading {
        font-size: 16px
    }

    .tree-section .tab-content .tab-pane .box .icon {
        width: 70px;
        height: 70px
    }

    .tree-section .tab-content .tab-pane .box .icon img {
        width: 30px;
        height: auto;
        object-fit: cover
    }

    .tree-section .tab-content .tab-pane.show {
        display: block
    }

    .tree-section .tab-content .tab-pane.fade {
        display: none
    }

    .tree-section .tab-content .tab-pane.fade.show {
        display: block
    }

    .tree-section .tab-content .tab-pane:nth-child(1) .data-box {
        position: relative;
        right: inherit;
        width: 351px;
        margin: 0 auto;
        top: inherit;
        bottom: inherit
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box {
        position: relative;
        right: inherit;
        width: 351px;
        margin: 0 auto;
        top: inherit;
        bottom: inherit
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box {
        position: relative;
        right: inherit;
        width: 351px;
        margin: 0 auto;
        top: inherit;
        bottom: inherit
    }

    .tree-section .logo {
        max-width: 160px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 2;
        left: 0;
        margin: 0 auto
    }

    .tree-section .tab-content #ai-pane svg.middle {
        left: 62px
    }

    section.section.what-we-do .every-day {
        padding: 39px 52px 22px
    }

    .desktop {
        display: none !important
    }

    .mobile {
        display: block
    }

    .banner-section h1 {
        font-size: 28px
    }

    .banner-section p {
        font-size: 14px;
        line-height: 24px
    }

    section.section.what-we-do .logo-section {
        column-gap: 10px
    }

    section.section.what-we-do .logo-section .companies-size {
        width: 200px;
        text-align: center;
        margin: 0 auto 15px
    }

    section.section.what-we-do .logo-section ul {
        column-gap: 15px;
        box-sizing: content-box;
        transition-property: transform;
        overflow: auto
    }

    section.section.what-we-do .logo-section ul li {
        margin: 3px 0px;
        flex-shrink: 0;
        will-change: transform
    }

    section.section.can-with-dtbgg .right .tab-content .right-box .inner ul {
        column-gap: 0px;
        flex-flow: wrap
    }

    section.section.can-with-dtbgg .right .tab-content .right-box .inner ul li {
        width: 100%
    }

    section.section.awards-recognitions .owl-slider .owl-carousel {
        padding: 55px 35px 0px
    }

    section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button.owl-prev {
        left: 5px
    }

    section.section.awards-recognitions .owl-slider .owl-carousel .owl-nav button.owl-next {
        right: 5px
    }

    header .bg-btn {
        font-size: 12px;
        padding: 8px 12px
    }

    header .bg-btn:after {
        display: none
    }

    header .navbar .navbar-toggler {
        right: 13px;
        top: -42px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box {
        bottom: -123px;
        left: 30px;
        width: 96px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box.small-two {
        bottom: -112px;
        left: 130px
    }

    .tree-section .tab-content .tab-pane:nth-child(2) .data-box {
        align-items: flex-start
    }

    .tree-section .tab-content .box.box-three .box .icon,
    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .icon {
        width: 53px;
        height: 53px
    }

    .tree-section .tab-content .tab-pane:nth-child(3) .data-box .box-three .box .heading {
        font-weight: 400;
        font-size: 14px
    }

    .sub-heading {
        font-size: 16px
    }

    h2 {
        font-size: 24px
    }

    form.mobile {
        position: inherit;
        width: 96%;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: auto
    }

    form.mobile .bg-btn {
        background: transparent;
        border: 1px solid #009ECE;
        color: #009ECE;
        text-align: center;
        justify-content: center;
        margin: 6px 0px
    }

    form.mobile .bg-btn:hover {
        background: #E6F8FF;
        border-color: #E6F8FF
    }

    form.mobile .bg-btn.login {
        background: #E6F8FF;
        border-color: #E6F8FF
    }

    header .navbar .navbar-nav .dropdown-menu .heading {
        padding: 8px 0px 5px
    }

    header .navbar .navbar-nav .dropdown-menu ul li {
        position: relative;
        width: 100%;
        padding: 4px 0px
    }

    header .navbar .navbar-nav .dropdown-menu .arrow-btn {
        margin: 0px 0px 0px;
        padding: 0
    }

    header .navbar .navbar-nav .dropdown-menu ul {
        flex-wrap: wrap;
        margin-bottom: 5px !important
    }

    header .navbar .navbar-nav .dropdown-menu .bottom-nav {
        display: none
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(2):before,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(2):after {
        display: none
    }

    header .navbar .navbar-nav .dropdown-menu ul li a {
        font-size: 14px
    }

    .customer-stories .heading-section {
        text-align: center
    }

    section.section.customer-stories .bg-btn {
        margin: 16px auto 0
    }

    section.section.customer-stories .inner .owl-carousel .owl-stage-outer {
        padding: 20px 0px
    }

    .email-banner.section {
        text-align: center
    }

    .email-banner.section .img-box {
        margin-left: 0rem !important
    }

    .email-banner.section .bt-sec {
        justify-content: center !important;
        margin-bottom: 20px
    }

    .email-banner.section p {
        padding: 6px 0% 0px 0px
    }

    .email-banner.section .heading-box {
        justify-content: center;
        flex-wrap: wrap;
        font-size: 20px
    }

    .email-banner.section .heading-box a {
        background-image: linear-gradient(#f6f2f3, #f8f3f2), radial-gradient(circle at top left, #0052cc, #7B61FF)
    }

    .discover .inner-header {
        padding-right: 0%
    }

    .comm-section .com-box {
        margin: 20px 0px 0px;
        text-align: center;
        padding: 20px
    }

    section.comm-section.box-swap .com-box {
        margin: 0px 0px 20px
    }

    section.comm-section.box-swap .col-xxl-4 {
        order: 2
    }

    section.comm-section.box-swap.right .col-xxl-5 {
        order: 1
    }

    section.comm-section.right [class*="col-"]:nth-child(1) {
        order: 2
    }

    .transform-industrie ul {
        column-gap: 50px;
        margin: 20px 0px !important;
        flex-wrap: wrap !important
    }

    .transform-industrie ul li {
        width: 100%
    }

    .transform-industrie ul li img {
        width: 100%;
        height: auto
    }

    .more-feature [class*="item"].mb-0 {
        margin-bottom: 26px !important
    }

    .section.email-one-place ul {
        flex-wrap: wrap;
        column-gap: 20px
    }

    .section.email-one-place ul li {
        font-size: 26px
    }

    section.section.let-get-you-started ul {
        padding: 40px 0px 0px
    }

    section.section.let-get-you-started ul li {
        padding: 10px 0px
    }

    .accordion {
        padding: 10px 0px 0px
    }

    h1.heading {
        font-size: 33px
    }

    .section.email-one-place p {
        padding: 20px 10px 0px
    }

    section.section.let-get-you-started .orange-light {
        padding: 40px 10px
    }

    .section.email-one-place {
        min-height: inherit;
        padding: 40px 0px 0px
    }

    .section.email-one-place h2 {
        font-size: 28px
    }

    .accordion .accordion-item h2 button,
    .accordion .accordion-item h3 button {
        padding-right: 20px;
        line-height: 22px
    }

    .accordion .accordion-item h2 button:after,
    .accordion .accordion-item h3 button:after {
        margin-right: -10px
    }

    footer .footer-copy-right [class*="col"]:nth-child(1) {
        order: 2
    }

    footer .footer-copy-right [class*="col"] p {
        text-align: center;
        padding: 13px 0px 10px !important
    }

    footer .footer-copy-right [class*="col"] ul {
        justify-content: center !important
    }

    footer .brand-logo {
        border-bottom: 1px solid rgba(44, 62, 93, 0.5);
        margin-bottom: 20px
    }

    footer ul.info.m-0.p-0 {
        border-bottom: 1px solid rgba(44, 62, 93, 0.5);
        padding: 0px 0px 30px !important
    }

    section.home-workspace-section {
        padding: 0px 0px 45px
    }

    section.home-workspace-section .inner-bg {
        padding: 0px 14px 0px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px
    }

    section.home-workspace-section .inner-bg h2 {
        font-size: 30px
    }

    section.home-workspace-section .inner-bg .pro-logo img {
        width: 30px;
        height: auto
    }

    section.home-workspace-section .inner-bg .pro-logo .sub-heading {
        color: #101214;
        font-size: 25px;
        font-weight: 500
    }

    section.home-workspace-section .inner-bg .accordion {
        position: relative;
        z-index: 2
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item {
        width: 100%;
        top: -10%;
        right: 0px;
        position: absolute;
        bottom: initial;
        padding: 0px 18px 4px;
        --angle: 0deg;
        background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #0052CC, #7B61FF) border-box;
        border: 1px solid transparent;
        -webkit-animation: rotate-gradient 3s infinite linear;
        animation: rotate-gradient 3s infinite linear
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button {
        pointer-events: auto;
        padding: 14px 30px 7px 0px;
        font-size: 15px
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button:after {
        display: flex;
        margin-right: 0;
        margin-top: 0px;
        position: absolute;
        right: 18px;
        background: url(../images/email/accorudin-arrow-active.svg);
        background-repeat: no-repeat
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item h2 button.collapsed:after {
        transform: rotate(180deg)
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-body {
        padding: 0px 0px 15px
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-collapse {
        display: none
    }

    section.home-workspace-section .inner-bg .dashboard-workspace .accordion-item .accordion-collapse.show {
        display: block
    }
}

@-webkit-keyframes rotate-gradient {
    from {
        --angle: 0deg
    }

    to {
        --angle: 360deg
    }
}

@keyframes rotate-gradient {
    from {
        --angle: 0deg
    }

    to {
        --angle: 360deg
    }
}

@property --angle {
    syntax: '<angle>';
    inherits: true;
    initial-value: 0deg
}

.diwali-banner-bottom {
    height: 70px;
    width: 40px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 2
}

.diwali-banner-bottom .diya-container {
    height: 100px;
    width: 100px;
    position: absolute;
    transform: translate(-150%, -74%);
    top: calc(50% + 37.5em);
    left: calc(19% + 9.37em);
    animation: diya 1s forwards
}

.diwali-banner-bottom .diya-container .diya {
    height: 44px;
    width: 83px;
    background-color: #e53760;
    border-radius: 0 0 9.37em 9.37em;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 16px;
    overflow: hidden
}

.diwali-banner-bottom .diya-container .inside {
    width: 84px;
    height: 8px;
    background-color: #79182f;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 3.4em
}

.diwali-banner-bottom .diya-container .flame {
    height: 35px;
    width: 35px;
    background-color: #fdf1c2;
    border-radius: 10em 0;
    transform: rotate(-45deg);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0.5em;
    animation: scale-up 2s infinite
}

.diwali-banner-bottom .diya-container .flame:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #f4c631;
    border-radius: 7.5em 0;
    position: absolute;
    bottom: 0
}

.diwali-banner-bottom .diya-container .line-1,
.diwali-banner-bottom .diya-container .line-2 {
    position: absolute;
    height: 0.75em;
    width: 12em;
    border: none;
    border-bottom: 0.1em solid #ffffff;
    border-radius: 50%;
    left: -0.62em
}

.diwali-banner-bottom .diya-container .line-2 {
    top: 1.60em
}

.diwali-banner-bottom .diya-container .dots {
    height: 1.75em;
    width: 21em;
    border: none;
    border-bottom: 0.30em dotted #f4c631;
    position: absolute;
    border-radius: 50%;
    top: -0.1em;
    left: -5.62em
}

.diwali-banner-bottom .diya-container .fab {
    color: #ff0000
}

@keyframes scale-up {
    50% {
        transform: rotate(-45deg) scale(1.05);
        bottom: 2.62em
    }
}

@keyframes diya {
    100% {
        top: calc(50% + 1.1em)
    }
}

@keyframes wishes {
    100% {
        transform: scale(1)
    }
}

@keyframes lights1 {
    49% {
        background-color: #432286;
        box-shadow: 0 24.37em #432286, 11.87em 11.87em #432286, -11.87em 11.87em #432286
    }

    50% {
        background-color: #f4c631;
        box-shadow: 0 24.37em #f4c631, 11.87em 11.87em #f4c631, -11.87em 11.87em #f4c631
    }

    100% {
        background-color: #f4c631;
        box-shadow: 0 24.37em #f4c631, 11.87em 11.87em #f4c631, -11.87em 11.87em #f4c631
    }
}

@keyframes lights2 {
    49% {
        background-color: #432286;
        box-shadow: 16.25em 0 #432286, 0 16.25em #432286, 16.25em 16.25em #432286
    }

    50% {
        background-color: #f4c631;
        box-shadow: 16.25em 0 #f4c631, 0 16.25em #f4c631, 16.25em 16.25em #f4c631
    }

    100% {
        background-color: #f4c631;
        box-shadow: 16.25em 0 #f4c631, 0 16.25em #f4c631, 16.25em 16.25em #f4c631
    }
}

canvas {
    width: 100%;
    height: 100%
}

.banner-section {
    position: relative
}

.pyro>.before,
.pyro>.after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s
}

@-webkit-keyframes bang {
    to {
        box-shadow: -62px 63.3333333333px #002bff, 226px 42.3333333333px #0dff00, -43px -37.6666666667px #60f, 45px -112.6666666667px #00bfff, 12px -139.6666666667px #00d9ff, 74px -175.6666666667px #ff00d9, -219px -414.6666666667px #ff4800, 64px -131.6666666667px #37ff00, -64px -46.6666666667px #00ffb3, 145px -191.6666666667px #02f, -174px -127.6666666667px #8000ff, 94px -390.6666666667px #ff3700, -190px -264.6666666667px #fc0, -119px -95.6666666667px #7f0, 120px -9.6666666667px #ff2f00, -71px -397.6666666667px #00c4ff, -28px 17.3333333333px #f200ff, -196px -273.6666666667px #df0, 236px -274.6666666667px #fc0, -52px -22.6666666667px #ffae00, -92px -112.6666666667px #91ff00, -17px -226.6666666667px #0f1, 117px -285.6666666667px #0fc, 65px -71.6666666667px #00ffbf, 106px -170.6666666667px #00ff37, 208px -279.6666666667px #e0f, 103px -4.6666666667px #00ffa2, 174px -233.6666666667px #0073ff, -230px -61.6666666667px #ff00e1, 231px -385.6666666667px #a6ff00, 128px -170.6666666667px #fc0, -225px -90.6666666667px #2bff00, -141px -285.6666666667px #00ff95, 138px -239.6666666667px #f90, -111px -94.6666666667px #0af, -162px -107.6666666667px #02f, 42px -153.6666666667px #00bfff, -45px -343.6666666667px #5900ff, -27px 33.3333333333px #09ff00, 156px -86.6666666667px #00ff26, -65px -401.6666666667px #0fb, -155px -221.6666666667px #0009ff, -205px -358.6666666667px #ff9100, 216px -90.6666666667px #f90, 49px -153.6666666667px #0f4, -59px -367.6666666667px #0fa, -154px -352.6666666667px #04f, -35px -302.6666666667px #00ff4d, 9px -131.6666666667px #73ff00, 42px -81.6666666667px #fb0, -185px 2.3333333333px #00ffd0
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: -62px 63.3333333333px #002bff, 226px 42.3333333333px #0dff00, -43px -37.6666666667px #60f, 45px -112.6666666667px #00bfff, 12px -139.6666666667px #00d9ff, 74px -175.6666666667px #ff00d9, -219px -414.6666666667px #ff4800, 64px -131.6666666667px #37ff00, -64px -46.6666666667px #00ffb3, 145px -191.6666666667px #02f, -174px -127.6666666667px #8000ff, 94px -390.6666666667px #ff3700, -190px -264.6666666667px #fc0, -119px -95.6666666667px #7f0, 120px -9.6666666667px #ff2f00, -71px -397.6666666667px #00c4ff, -28px 17.3333333333px #f200ff, -196px -273.6666666667px #df0, 236px -274.6666666667px #fc0, -52px -22.6666666667px #ffae00, -92px -112.6666666667px #91ff00, -17px -226.6666666667px #0f1, 117px -285.6666666667px #0fc, 65px -71.6666666667px #00ffbf, 106px -170.6666666667px #00ff37, 208px -279.6666666667px #e0f, 103px -4.6666666667px #00ffa2, 174px -233.6666666667px #0073ff, -230px -61.6666666667px #ff00e1, 231px -385.6666666667px #a6ff00, 128px -170.6666666667px #fc0, -225px -90.6666666667px #2bff00, -141px -285.6666666667px #00ff95, 138px -239.6666666667px #f90, -111px -94.6666666667px #0af, -162px -107.6666666667px #02f, 42px -153.6666666667px #00bfff, -45px -343.6666666667px #5900ff, -27px 33.3333333333px #09ff00, 156px -86.6666666667px #00ff26, -65px -401.6666666667px #0fb, -155px -221.6666666667px #0009ff, -205px -358.6666666667px #ff9100, 216px -90.6666666667px #f90, 49px -153.6666666667px #0f4, -59px -367.6666666667px #0fa, -154px -352.6666666667px #04f, -35px -302.6666666667px #00ff4d, 9px -131.6666666667px #73ff00, 42px -81.6666666667px #fb0, -185px 2.3333333333px #00ffd0
    }
}

@-o-keyframes bang {
    to {
        box-shadow: -62px 63.3333333333px #002bff, 226px 42.3333333333px #0dff00, -43px -37.6666666667px #60f, 45px -112.6666666667px #00bfff, 12px -139.6666666667px #00d9ff, 74px -175.6666666667px #ff00d9, -219px -414.6666666667px #ff4800, 64px -131.6666666667px #37ff00, -64px -46.6666666667px #00ffb3, 145px -191.6666666667px #02f, -174px -127.6666666667px #8000ff, 94px -390.6666666667px #ff3700, -190px -264.6666666667px #fc0, -119px -95.6666666667px #7f0, 120px -9.6666666667px #ff2f00, -71px -397.6666666667px #00c4ff, -28px 17.3333333333px #f200ff, -196px -273.6666666667px #df0, 236px -274.6666666667px #fc0, -52px -22.6666666667px #ffae00, -92px -112.6666666667px #91ff00, -17px -226.6666666667px #0f1, 117px -285.6666666667px #0fc, 65px -71.6666666667px #00ffbf, 106px -170.6666666667px #00ff37, 208px -279.6666666667px #e0f, 103px -4.6666666667px #00ffa2, 174px -233.6666666667px #0073ff, -230px -61.6666666667px #ff00e1, 231px -385.6666666667px #a6ff00, 128px -170.6666666667px #fc0, -225px -90.6666666667px #2bff00, -141px -285.6666666667px #00ff95, 138px -239.6666666667px #f90, -111px -94.6666666667px #0af, -162px -107.6666666667px #02f, 42px -153.6666666667px #00bfff, -45px -343.6666666667px #5900ff, -27px 33.3333333333px #09ff00, 156px -86.6666666667px #00ff26, -65px -401.6666666667px #0fb, -155px -221.6666666667px #0009ff, -205px -358.6666666667px #ff9100, 216px -90.6666666667px #f90, 49px -153.6666666667px #0f4, -59px -367.6666666667px #0fa, -154px -352.6666666667px #04f, -35px -302.6666666667px #00ff4d, 9px -131.6666666667px #73ff00, 42px -81.6666666667px #fb0, -185px 2.3333333333px #00ffd0
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: -62px 63.3333333333px #002bff, 226px 42.3333333333px #0dff00, -43px -37.6666666667px #60f, 45px -112.6666666667px #00bfff, 12px -139.6666666667px #00d9ff, 74px -175.6666666667px #ff00d9, -219px -414.6666666667px #ff4800, 64px -131.6666666667px #37ff00, -64px -46.6666666667px #00ffb3, 145px -191.6666666667px #02f, -174px -127.6666666667px #8000ff, 94px -390.6666666667px #ff3700, -190px -264.6666666667px #fc0, -119px -95.6666666667px #7f0, 120px -9.6666666667px #ff2f00, -71px -397.6666666667px #00c4ff, -28px 17.3333333333px #f200ff, -196px -273.6666666667px #df0, 236px -274.6666666667px #fc0, -52px -22.6666666667px #ffae00, -92px -112.6666666667px #91ff00, -17px -226.6666666667px #0f1, 117px -285.6666666667px #0fc, 65px -71.6666666667px #00ffbf, 106px -170.6666666667px #00ff37, 208px -279.6666666667px #e0f, 103px -4.6666666667px #00ffa2, 174px -233.6666666667px #0073ff, -230px -61.6666666667px #ff00e1, 231px -385.6666666667px #a6ff00, 128px -170.6666666667px #fc0, -225px -90.6666666667px #2bff00, -141px -285.6666666667px #00ff95, 138px -239.6666666667px #f90, -111px -94.6666666667px #0af, -162px -107.6666666667px #02f, 42px -153.6666666667px #00bfff, -45px -343.6666666667px #5900ff, -27px 33.3333333333px #09ff00, 156px -86.6666666667px #00ff26, -65px -401.6666666667px #0fb, -155px -221.6666666667px #0009ff, -205px -358.6666666667px #ff9100, 216px -90.6666666667px #f90, 49px -153.6666666667px #0f4, -59px -367.6666666667px #0fa, -154px -352.6666666667px #04f, -35px -302.6666666667px #00ff4d, 9px -131.6666666667px #73ff00, 42px -81.6666666667px #fb0, -185px 2.3333333333px #00ffd0
    }
}

@keyframes bang {
    to {
        box-shadow: -62px 63.3333333333px #002bff, 226px 42.3333333333px #0dff00, -43px -37.6666666667px #60f, 45px -112.6666666667px #00bfff, 12px -139.6666666667px #00d9ff, 74px -175.6666666667px #ff00d9, -219px -414.6666666667px #ff4800, 64px -131.6666666667px #37ff00, -64px -46.6666666667px #00ffb3, 145px -191.6666666667px #02f, -174px -127.6666666667px #8000ff, 94px -390.6666666667px #ff3700, -190px -264.6666666667px #fc0, -119px -95.6666666667px #7f0, 120px -9.6666666667px #ff2f00, -71px -397.6666666667px #00c4ff, -28px 17.3333333333px #f200ff, -196px -273.6666666667px #df0, 236px -274.6666666667px #fc0, -52px -22.6666666667px #ffae00, -92px -112.6666666667px #91ff00, -17px -226.6666666667px #0f1, 117px -285.6666666667px #0fc, 65px -71.6666666667px #00ffbf, 106px -170.6666666667px #00ff37, 208px -279.6666666667px #e0f, 103px -4.6666666667px #00ffa2, 174px -233.6666666667px #0073ff, -230px -61.6666666667px #ff00e1, 231px -385.6666666667px #a6ff00, 128px -170.6666666667px #fc0, -225px -90.6666666667px #2bff00, -141px -285.6666666667px #00ff95, 138px -239.6666666667px #f90, -111px -94.6666666667px #0af, -162px -107.6666666667px #02f, 42px -153.6666666667px #00bfff, -45px -343.6666666667px #5900ff, -27px 33.3333333333px #09ff00, 156px -86.6666666667px #00ff26, -65px -401.6666666667px #0fb, -155px -221.6666666667px #0009ff, -205px -358.6666666667px #ff9100, 216px -90.6666666667px #f90, 49px -153.6666666667px #0f4, -59px -367.6666666667px #0fa, -154px -352.6666666667px #04f, -35px -302.6666666667px #00ff4d, 9px -131.6666666667px #73ff00, 42px -81.6666666667px #fb0, -185px 2.3333333333px #00ffd0
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0
    }
}

@-webkit-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-moz-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-o-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-ms-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

.line {
    display: flex;
    position: absolute;
    left: -34px
}

.line div {
    margin: 0 auto;
    text-align: center
}

.line .lamp {
    background: linear-gradient(87.59deg, #7B61FF 1.66%, #74607D 46.6%, #0052CC 93.37%);
    width: 29px;
    height: 15px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px
}

.light {
    height: 14px;
    width: 9px;
    background-color: #f4c631;
    border-radius: 50%;
    animation: wiggle 2s infinite;
    animation-timing-function: ease-in-out
}

@keyframes wiggle {
    0% {
        transform: rotate(20deg)
    }

    50% {
        transform: rotate(-20deg)
    }

    100% {
        transform: rotate(20deg)
    }
}

header .header-right-part {
    position: relative
}

header .header-right-part .border-btn {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 4px 12px
}

header .logo {
    position: relative;
    width: 220px;
    transition: all 0.35s
}

header .logo video {
    position: absolute;
    width: 74px;
    height: 45px;
    left: -62px;
    top: -7px
}

header .logo header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
header .logo header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
header .logo header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
    border: none
}

header .logo header .navbar .navbar-nav .product-dropdown .dropdown-menu .row [class*="col-"]:nth-child(2):after {
    display: none
}

@media screen and (max-width: 767px) {
    .banner-section.home-banner .banner-left .banner-right {
        padding: 30px 30px 10px 30px
    }

    .banner-section.home-banner .banner-right .top-section p {
        font-size: 14px;
        line-height: 24px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a img {
        width: 20px
    }

    .banner-section.home-banner .banner-right .tab-pane .inner .top .h-b-r-menu ul li a span {
        text-align: left
    }

    .banner-section.home-banner .banner-left .tab-item span {
        height: 40px;
        width: 40px
    }

    .banner-section.home-banner .banner-left .tab-item span .tab-icon {
        width: 25px;
        height: 25px
    }

    header .navbar .navbar-nav .dropdown-menu,
    header .navbar .navbar-nav li.ai-nav .dropdown-menu,
    header .navbar .navbar-nav .dropdown-menu,
    header .navbar .navbar-nav li.company-nav .dropdown-menu {
        box-shadow: none;
        border: none
    }

    .banner-section.home-banner .banner-right .top-section {
        padding-top: 0px
    }

    .home-main-section section.home-workspace-section .custom-box .box .main-box {
        width: calc(100% - 25px)
    }

    .home-main-section section.home-workspace-section .custom-box .box .nav-b {
        width: 25px
    }

    .home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a {
        font-size: 4px;
        padding: 0;
        margin: 1px auto
    }

    .home-main-section section.home-workspace-section .custom-box .box .nav-b .nav-tabs li a img {
        width: 8px
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-3,
    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-4 {
        border: none
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"].product-col-2:after {
        display: none
    }

    .why-dtbgg-case-study .right-part .stack-cards li.nor-box .box {
        flex-wrap: wrap;
        padding: 15px;
        row-gap: 14px
    }

    .why-dtbgg-case-study .right-part .stack-cards li.nor-box .box img {
        min-height: auto;
        width: 100%
    }

    header .navbar .navbar-nav .dropdown-menu .row [class*="col-"]:nth-child(4):after {
        display: none
    }

    header .navbar .navbar-nav li.ai-nav .dropdown-menu {
        width: 100%;
        padding: 0px 0px;
        border-top: none;
        border-right: none;
        border-left: none;
        box-shadow: none
    }

    .diwali-banner-bottom {
        display: none
    }

    .line {
        left: -6px
    }

    header .logo video {
        position: absolute;
        width: 74px;
        height: 38px;
        left: 118px;
        top: 0px;
        z-index: 3
    }
}

/*# sourceMappingURL=stylesheet.css.map */