/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Bebas+Neue&display=swap');*/
html,
body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #1d2b36;
    line-height: 1.6;
    overflow-x: hidden;
    letter-spacing: .5px;
    font-display: swap
}

a,
img,
button,
input[type=submit] {
    text-decoration: none;
    outline: 0;
    border: 0;
}

button,
input,
select,
textarea {
    font-family: 'Inter', sans-serif !important
}

input:focus {
    outline: 0
}

b,
strong {
    font-weight: 700
}

* {
    -webkit-tap-highlight-color: transparent !important;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a:focus,
a:hover {
    text-decoration: none !important
}

input,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

p,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
ol {
    padding: 0;
    margin: 0
}

.container {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 15px
}

.container-fluid {
    max-width: 95%;
    margin: 0 auto;
    padding: 0 15px
}

.container.small {
    max-width: 850px;
    padding: 0 20px
}

.container.medium {
    max-width: 1000px;
    padding: 0 20px
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-italic {
    font-style: italic
}

.text-underline {
    text-decoration: underline
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500 !important;
}

.text-semiBold {
    font-weight: 600 !important;
}

.text-bold {
    font-weight: 700;
}

.text-bolder {
    font-weight: 800;
}

.text-extraBold {
    font-weight: 900;
}

.text-black {
    color: #000 !important;
}

.text-white {
    color: #fff !important
}

.text-orange {
    color: #ee6e25
}

.text-blue {
    color: #0176ff !important;
}

.textdarkblack {
    color: #111111;
}

.text-darkblue {
    color: #081233;
}

.font-bebas {
    font-family: 'Bebas Neue', cursive;
}

.text-navy {
    color: #001F82 !important;
}

.display-inline {
    display: inline-block;
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.img-full {
    width: 100%;
    height: auto
}

.center-block {
    margin: 0 auto;
    float: none !important;
}

.bg-white {
    background-color: #fff !important
}

.bg-yellow {
    background-color: #FFE51C;
}

.bg-off-white {
    background-color: #f8f8fa
}

.bg-primary {
    background-color: #071689;
}

.bg-cover {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.col-1 {
    width: 8.333333333333333%
}

.col-2 {
    width: 16.66666666666667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33%
}

.col-5 {
    width: 41.66666666666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333333333%
}

.col-8 {
    width: 66.66666666666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333333333%
}

.col-11 {
    width: 91.66666666666667%
}

.col-12 {
    width: 100%
}

.col-12-5 {
    width: 20%
}

.col-auto {
    width: auto;
}

.w100 {
    width: 100%
}

.w80 {
    width: 80%
}

.w70 {
    width: 70%
}

.w30 {
    width: 30%
}

.w20 {
    width: 20%
}

.w200 {
    width: 200px;
}

.w150 {
    width: 155px;
}

.h100 {
    height: 100%
}

.fn-20 {
    font-size: 20px !important
}

.fn-22 {
    font-size: 22px !important
}

.fn-24 {
    font-size: 24px !important
}

.fn-26 {
    font-size: 26px !important
}

.font-400 {
    font-weight: 400 !important
}

.font-500 {
    font-weight: 500 !important
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-12-5,
.w30,
.w70,
.w20 {
    float: left
}

iframe#player {
    width: 100%
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.pos-fix {
    position: fixed
}

.bottom {
    bottom: 0
}

.top {
    top: 0
}

.left {
    left: 0
}

.right {
    right: 0
}

.visible-xs,
.hidden-lg {
    display: none !important
}

.hidden-xs {
    display: block
}

.hidden-portrait {
    display: block !important
}

.visible-portrait {
    display: none !important
}

.row:before,
.row:after {
    display: table;
    content: " "
}

.row:after,
.clearfix {
    clear: both
}

.disptable {
    display: table;
    height: 100%
}

.dispblock {
    display: block !important
}

.dispinlineblock {
    display: inline-block
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.homepage-sec.table-cell {
    vertical-align: top;
    padding-top: 70px;
}

.table-cell-top {
    display: table-cell;
    vertical-align: top
}

.Yoverflowhidden {
    overflow-y: hidden
}

.Xoverflowhidden {
    overflow-x: hidden
}

.overflowhidden {
    overflow: hidden
}

.pd-rt-0 {
    padding-right: 0px !important
}

.pd-rt-10 {
    padding-right: 10px
}

.pd-rt-15 {
    padding-right: 15px !important
}

.pd-rt-20 {
    padding-right: 20px !important
}

.pd-rt-30 {
    padding-right: 30px
}

.pd-rt-40 {
    padding-right: 40px
}

.pd-rt-50 {
    padding-right: 50px
}

.pd-rt-60 {
    padding-right: 60px
}

.pd-lt-0 {
    padding-left: 0px !important
}

.pd-lt-10 {
    padding-left: 10px
}

.pd-lt-15 {
    padding-left: 15px !important
}

.pd-lt-20 {
    padding-left: 20px !important
}

.pd-lt-30 {
    padding-left: 30px !important
}

.pd-lt-40 {
    padding-left: 40px
}

.pd-lt-50 {
    padding-left: 50px
}

.pd-lt-60 {
    padding-left: 60px
}

.pd-tp-10 {
    padding-top: 10px !important
}

.pd-tp-20 {
    padding-top: 20px !important
}

.pd-tp-30 {
    padding-top: 30px !important
}

.pd-tp-40 {
    padding-top: 40px !important
}

.pd-tp-50 {
    padding-top: 50px
}

.pd-tp-60 {
    padding-top: 60px
}

.pd-bt-10 {
    padding-bottom: 10px
}

.pd-bt-20 {
    padding-bottom: 20px !important
}

.pd-bt-30 {
    padding-bottom: 30px !important
}

.pd-bt-40 {
    padding-bottom: 40px !important
}

.pd-bt-50 {
    padding-bottom: 50px !important
}

.pd-bt-60 {
    padding-bottom: 60px !important
}

.pd-tp-0 {
    padding-top: 0px !important
}

.pd-bt-0 {
    padding-bottom: 0 !important
}

.no-pd {
    padding: 0 !important;
}

.mg-bt-0 {
    margin-bottom: 0px !important
}

.mg-bt-10 {
    margin-bottom: 10px !important
}

.mg-bt-7 {
    margin-bottom: -7px;
}

.mg-tp--10 {
    margin-top: -10px;
}

.mg-tp-0 {
    margin-top: 0px !important
}

.mg-tp-2 {
    margin-top: 2px
}

.mg-tp-5 {
    margin-top: 5px
}

.mg-tp-10 {
    margin-top: 10px !important
}

.mg-tp-20 {
    margin-top: 20px
}

.mg-tp-30 {
    margin-top: 30px
}

.mg-tp-40 {
    margin-top: 40px
}

.mg-tp-50 {
    margin-top: 50px
}

.mg-tp-60 {
    margin-top: 60px
}

.mg-tp-70 {
    margin-top: 70px
}

.mg-tp-80 {
    margin-top: 80px
}

.mg-rt-5 {
    margin-right: 5px
}

.mg-rt-10 {
    margin-right: 10px !important
}

.mg-rt-20 {
    margin-right: 20px
}

.mg-rt-30 {
    margin-right: 30px
}

.mg-rt-40 {
    margin-right: 40px
}

.mg-rt-50 {
    margin-right: 50px
}

.mg-rt-60 {
    margin-right: 60px
}

.mg-lt-5 {
    margin-left: 5px
}

.mg-lt-10 {
    margin-left: 10px !important
}

.mg-lt-20 {
    margin-left: 20px
}

.mg-lt-30 {
    margin-left: 30px
}

.mg-lt-40 {
    margin-left: 40px
}

.mg-lt-50 {
    margin-left: 50px
}

.mg-lt-60 {
    margin-left: 60px
}

.mg-bt-20 {
    margin-bottom: 20px !important
}

.mg-bt-30 {
    margin-bottom: 30px
}

.mg-bt-40 {
    margin-bottom: 40px
}

.mg-bt-50 {
    margin-bottom: 50px
}

.mg-bt-60 {
    margin-bottom: 60px
}

.br-rd {
    border-radius: 6px
}

.p-x-0 {
    padding: 0;
}

.bg-theme {
    background-color: #f5f8fa
}

.apple-store-btn {
    margin: 0 14px 0 0;
}

.a-link,
.a-link:active,
.a-link:hover {
    color: #0176ff
}

.loginoverlay,
.demooverlay,
.partner-register-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    display: none
}

.loginoverlay.show,
.demooverlay.show,
.partner-register-overlay.show {
    visibility: visible;
    opacity: 1;
    display: block
}

.loginoverlay.crmdemo-form .popupleft {
    min-height: 660px;
}

.select2-container {
    z-index: 999999;
    display: block;
}

.popup,
.partner-register-popup {
    margin: 10px auto 0 auto;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    width: 80%;
    position: relative;
    transition: all .6s ease-in-out
}

.popup h2 {
    margin-top: 0;
    color: #333
}

.popup .popupclose,
.popup .popupclosedemo,
.partner-register-popup .closebtn {
    position: absolute;
    top: 0px;
    right: 12px;
    transition: all 200ms;
    font-size: 30px;
    text-decoration: none;
    color: #333;
    z-index: 2
}

.popup .popupclose:hover,
.popup .popupclosedemo:hover,
.partner-register-popup .closebtn:hover {
    color: #0176ff
}

.popup .content {
    max-height: 30%;
    overflow: auto
}

.signup-inner-wrapper {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.free_crm_field {
    display: none
}

.demo-signupform-wrapper .selldof .btn {
    background-color: #0176ff !important;
    border: 2px solid #0176ff !important;
    border-radius: 3px !important;
    color: #fff !important;
    align-items: center;
    justify-content: center;
    font-family: inherit !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 10px !important;
    margin: 20px 0 !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all .3s ease !important
}

.popupleft {
    background-color: #0176ff;
    color: #fff;
    padding: 0;
    min-height: 570px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.popupright {
    padding: 25px 35px 10px
}

.popupright small {
    font-size: 10px;
    line-height: 1.1;
    display: inline-block
}

.popupright form {
    margin-right: 20px
}

.login-pop-content .popup-lgtext {
    font-size: 22px;
    margin-top: 20px;
    font-weight: 500
}

.login-pop-content ul.popup-points {
    margin-top: 20px;
    list-style: none
}

.login-pop-content ul.popup-points li {
    margin-bottom: 30px
}

.login-pop-content ul.popup-points li:last-child {
    margin-bottom: 0
}

.login-pop-content ul.popup-points li p.pt-title {
    font-size: 22px
}

.login-pop-content ul.popup-points li p.pt-text {
    font-size: 14px
}

img.kylas-logo-patch-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    height: 66px;
}

img.kylas-logo-patch-2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

p.popup-left-title {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
}

p.popup-left-subtitle {
    font-size: 14px;
    line-height: 24px;
}

.popup-patch img {
    width: auto;
    height: auto;
    padding: 0 5px;
}

.popup-patch img:nth-child(2) {
    margin: 0 -14px;
    position: relative;
}

.popup-rating {
    background-color: #fff;
    border-radius: 12px;
    padding: 10px;
}

.popup-rating>div {
    display: inline-block;
    vertical-align: middle;
}

.popup-rating>div img {
    vertical-align: middle;
}

.popup-rating .rating-star img {
    height: 12px;
    width: 13px;
}

.popup-rating .rating-no span:first-child {
    font-size: 14px;
}

.popup-rating .rating-no span:last-child {
    font-size: 12px;
}

.vr-line {
    border: 1px solid #E6E6E6;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
}

.signup-form span {
    display: inline-block;
    margin: 0 30px;
    vertical-align: top;
}

.signup-form span img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
}

.signup-form span p {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    margin-top: 12px;
}

#kylaformtitle span {
    font-size: 22px;
}

#kylaformtitle {
    line-height: 30px;
}

.signupwrap,
.signinwrap,
.forgotpasswordwrap {
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    display: none
}

.signinwrap.show {
    visibility: visible;
    opacity: 1;
    display: block
}

.signupwrap.show {
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative;
    z-index: 1;
    max-height: 550px;
    overflow-y: auto;
}

.partner_lead {
    display: none;
}

.forgotpasswordwrap.show {
    visibility: visible;
    opacity: 1;
    display: block
}

.formresponse {
    display: none;
    position: absolute;
    background-color: #fff;
    font-size: 14px;
    width: calc(100% - 20px);
    border: 1px solid #b50000;
    border-radius: 5px;
    line-height: 16px;
    z-index: 1;
    padding: 10px;
    color: #b50000;
    top: 8px
}

.free-crm-submit[disabled],
.free-crm-submit[disabled]:hover,
.contact-form-submit[disabled],
.contact-form-submit[disabled]:hover,
.downloadEbookBtn[disabled],
.downloadEbookBtn[disabled]:hover {
    background-color: gray !important;
    border: 1px solid gray !important;
    cursor: default !important
}

span.pwd-error {
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: red
}

.pwd-show-link {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 16px;
    height: 18px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../min-images/eye.svg')
}

.pwd-show-link.pwd-hide {
    background-image: url('../min-images/eye-slash.svg')
}

.form-wrapper .form-title {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400
}

label.error {
    font-size: 11px;
    position: absolute;
    color: #f00;
    display: block
}

.form-control {
    margin: 10px 0 10px;
    width: 100%;
    position: relative;
}

/*#companyname {
    top: -8px;
}*/

label {
    display: inline-block;
    margin-bottom: 5px
}

.form-wrapper label {
    display: block
}

input:not([type="checkbox"]) {
    background-color: transparent;
    border: 2px solid #ecf2ff;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    padding: 10px;
    width: 100%
}

.btn {
    background-color: #0176ff;
    border: 2px solid #0176ff;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    margin: 20px 0;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease
}

.btn:hover {
    background-color: #0176ff;
    border-color: #0176ff;
    color: #fff
}

.btn-blue {
    background-color: #0176ff;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 41px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    font-weight: 500;
    border: 1px solid #0176ff
}

.btn-transparent {
    background-color: transparent;
    color: #1d2b36;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 41px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    font-weight: 500;
    border: 2px solid #1d2b36
}

.btn-black {
    background-color: #505459;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 41px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    font-weight: 500;
    border: 1px solid #505459
}

#leaddialcode,
#leaddialcodeEbook,
#your_phone_dialcode,
#referral_phone_dialcode,
#your_phone_dialcode2,
#referral_phone_dialcode2 {
    padding-left: 43px;
    width: 90px;
    margin: 0
}

input#leadphone,
input#leadphoneEbook,
input#your_phone,
input#referral_phone,
input#your_phone2,
input#referral_phone2 {
    width: calc(100% - 95px)
}

ul.roman-list {
    list-style: lower-roman
}

ul.content-list {
    padding-left: 40px;
    color: #505459
}

ul.alpha-list {
    list-style: lower-alpha
}

ul.number-list {
    list-style: decimal
}

.leadthankyou,
.eBookthankyou {
    display: none;
    padding: 100px 0;
    text-align: center;
    color: green
}

.eBookthankyou {
    padding: 30px 0
}

.ebook-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    top: 0;
    left: 0;
    display: none;
}

.popup-inner {
    width: 600px;
    height: 600px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.popup-inner .popupclosEebbok {
    font-size: 24px;
    position: absolute;
    right: 9px;
    top: 1px;
    color: #000000;
}

.popup-inner .popup-title {
    font-size: 26px;
    line-height: 31px;
    font-weight: 500;
    color: #1D2B36;
}

.popup-inner .popup-title span {
    color: #0176FF;
    display: block;
}

.popup-inner .popup-desc {
    color: #505459;
    font-size: 14px;
    line-height: 22px;
}

.popup-wrap hr {
    margin: 20px 0;
    border-bottom: 2px solid #505358;
    opacity: 0.2;
}

.popup-inner .row-col {
    margin-left: -10px;
    margin-right: -10px;
}

.popup-inner .col-6 {
    width: 50% !important;
    padding: 0 10px !important;
}

.slide-up {
    opacity: 1;
    -webkit-animation: blurFadeIn 1s ease-in 1 s backwards;
    -moz-animation: blurFadeIn 1s ease-in 1 s backwards;
    -ms-animation: blurFadeIn 1s ease-in 1 s backwards;
    animation: blurFadeIn 1s ease-in 1s backwards;
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        /*text-shadow: 0px 0px 40px #fff;*/
        -webkit-transform: scale(1.3);
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 0px 1px #fff;*/
        -webkit-transform: scale(1);
    }
}

.revealOnScroll {
    opacity: 0
}

.animated {
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

section {
    float: left;
    width: 100%
}

section.padding {
    padding: 70px 0 70px 0
}

.padding-top {
    padding: 70px 0 0;
}

.section-title {
    font-size: 36px !important;
    line-height: 49px;
    margin-bottom: 30px;
    font-weight: 400
}

p.section-subtitle {
    font-size: 18px;
    line-height: 32px
}

.selldof .title,
.selldof label {
    display: none !important
}

.selldof_col-lg-4,
.selldof_col-lg-6,
.selldof_col-lg-12,
.selldof_col-md-4,
.selldof_col-md-6,
.selldof_col-md-12,
.selldof_col-sm-4,
.selldof_col-sm-6,
.selldof_col-sm-12,
.selldof_col-xs-4,
.selldof_col-xs-6,
.selldof_col-xs-12 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.selldof .form-group {
    margin-bottom: 0;
    position: relative
}

footer .sell_do_form_container .selldof_row {
    float: left
}

footer .sell_do_form_actual_container .selldof_row:nth-child(3) {
    width: 75%
}

footer .sell_do_form_actual_container .selldof_row:nth-child(4) {
    width: 25%
}

.selldof .has-error .help-block {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0
}

#home form.selldof .btn {
    padding: 0 12px !important;
    line-height: 42px !important;
    background-color: #0176ff !important;
    border-color: #0176ff !important;
    color: #fff !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    width: 100%;
    letter-spacing: 1px
}

#home form.selldof .form-control {
    height: 44px !important;
    border-color: #fff !important;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.selldof .time-list {
    height: 320px !important;
    overflow-x: hidden !important
}

.selldof .time-list .time-item button {
    border-radius: 5px
}

.selldof .time-list .time-item button {
    border: 1px solid #0176ff !important;
    color: #0176ff !important;
    background-color: #f5f8fa
}

.selldof .time-list::-webkit-scrollbar,
.left-sidebar::-webkit-scrollbar {
    width: 8px
}

.selldof .time-list::-webkit-scrollbar-track,
.left-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.selldof .time-list::-webkit-scrollbar-track,
.left-sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(77, 80, 85, 0.6);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.selldof .time-list::-webkit-scrollbar-track,
.left-sidebar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(77, 80, 85, 0.6)
}

.selldof.calendar-booking-container .panel {
    padding-top: 1px !important;
    padding-bottom: 0 !important
}

.selldof.calendar-booking-container {
    min-height: 420px !important
}

.selldof .datepicker table tr td.today {
    background-color: rgba(0, 162, 255, 0.47) !important;
    background-image: unset !important;
    color: #04c !important
}

.selldof .bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 34px;
    width: 20px;
    color: #0f5ec1;
    background-color: rgba(0, 162, 255, 0.10);
    font-weight: 600;
    min-width: 41px;
    min-height: 41px;
    padding: 0;
    font-size: 16px;
    border-radius: 100% !important
}

.selldof .datepicker table tr td.day:hover {
    background: rgba(0, 162, 255, 0.40);
    cursor: pointer
}

.selldof .time-list .time-item button.time-item-selector.selected {
    float: unset !important;
    width: 48.5% !important;
    margin-right: 1% !important
}

.selldof .time-list .time-item button.time-item-confirm {
    float: unset !important;
    width: 48.5% !important;
    margin-left: 2.1% !important;
    background-color: #0176ff;
    border: 1px solid #0176ff
}

.selldof .time-list .time-item button.time-item-selector.selected,
.selldof .time-list .time-item button.time-item-confirm {
    color: #fff !important
}

.calendar-booking-container .thankyou {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    transform: translate(-50%, -50%)
}

header {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px 0 0px 0;
    z-index: 99999;
    /*-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out*/
}

header.scrolled {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
}

header .brand-logo a {
    display: inline-block;
    padding: 16px 0px;
}

header .brand-logo a>img {
    display: block;
    vertical-align: middle
}

.brand-logo img {
    width: 176px;
    height: 47px;
}

.header-home.scrolled .brand-logo img.black-logo {
    display: block;
}

.header-home.scrolled .brand-logo img.white-logo,
.header-home .brand-logo img.black-logo,
.header .brand-logo img.white-logo {
    display: none;
}

header a {
    color: inherit
}

header .login-btn {
    margin-right: 15px;
    padding: 12px 0px;
}

header .login-btn a {
    line-height: 56px;
    font-size: 16px;
    font-weight: 400
}

header .login-btn a>span {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px
}

header .login-btn a>span svg {
    display: block;
    width: 15px;
    vertical-align: middle
}

header .sell_do_no {
    display: inline-block;
    margin-right: 10px
}

header ul.nav-links {
    list-style: none;
    margin-right: 0
}

header ul.nav-links li {
    display: inline-block
}

header ul.nav-links li a {
    display: block;
    color: inherit;
    line-height: 54px;
    font-size: 16px;
    margin-right: 14px;
    font-weight: 400;
    position: relative;
    padding: 12px 0px;
}

footer {
    float: left;
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    color: #505459;
    font-size: 15px;
    bottom: 0;
    left: 0;
    background-color: rgba(232, 241, 254, 0.5);
}

footer .upper {
    padding: 30px 0 0;
}

footer .upper b {
    font-weight: 600;
    display: block;
}

footer .upper .quicklinks p {
    margin-bottom: 10px
}

footer .upper .quicklinks a {
    display: inline-block;
    color: #505459;
    font-size: 16px;
    line-height: 36px;
}

footer .upper .footer-form-wrapper {
    padding: 0 3%;
    position: relative
}

footer .upper .sociallinks-wrapper {
    padding-left: 10px
}

footer .upper .sociallinks {
    margin-bottom: 15px
}

.sociallinks a {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 2px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #505459;
    text-align: center;
    position: relative;
}

.socialapps a {
    margin-right: 0;
    float: left;
    padding: 3px 0px;
}

.sociallinks img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

footer .lower {
    padding: 30px 0 10px 0;
    color: #505459;
    border-top: 1px solid #ccc
}

footer .lowerlinks ul {
    list-style: none;
    text-align: right
}

footer .lowerlinks ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative
}

footer .lowerlinks ul li:last-child {
    margin-right: 0
}

footer .lowerlinks ul li a {
    display: block;
    color: inherit
}

.copytext p,
.lowerlinks a {
    font-size: 15px;
    line-height: 21px;
    color: #505459;
}

footer .lowerlinks ul li:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 6px;
    border-right: 2px solid gray;
    height: 13px
}

footer .lowerlinks ul li:last-child:after {
    display: none
}

footer .footer-form-wrapper {
    margin-top: 0px
}

footer form.selldof .btn,
.subscribe-field-wrapper form.selldof .btn {
    padding: 0 12px !important;
    line-height: 42px !important;
    background-color: #0176ff !important;
    border-color: #0176ff !important;
    color: #fff !important;
    border-radius: 29px !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    width: 100%;
    letter-spacing: 1px;
    margin-left: -34px;
}

footer form.selldof .form-control,
.subscribe-field-wrapper form.selldof .form-control {
    height: 44px !important;
    border-radius: 29px;
    box-shadow: none !important;
    margin: 0;
    -webkit-box-shadow: none !important;
    border: 1px solid #0176FF;
}

.footer-form-wrapper .selldof .btn[disabled] {
    font-size: 10px !important;
    padding: 0 !important
}

#home {
    /*background-color:#071689;background-image:url(../min-images/home-desktop-bg.svg);*/
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 100vh;
}

#home .disptable,
.timer-banner .disptable {
    height: 100vh;
}

/* #home .banner-caption,
.timer-banner .banner-caption {
    width: 65%;
    margin-top: 80px;
    padding-left: 0px;
} */

#home form {
    width: 450px;
    margin: 20px auto 0 0;
    float: left
}

#home .down-arrow {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 99
}

#home .banner-caption .lg,
.timer-banner .banner-caption .lg {
    font-size: 42px;
    margin-bottom: -2px;
    font-weight: 500;
    line-height: 1.13;
    position: relative
}

#home .banner-caption .md,
.timer-banner .banner-caption .md {
    font-size: 30px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4;
    display: inline-block
}

#home .banner-caption p.sm {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #343638
}

#home .banner_ht,
#pricingnew .banner_ht {
    width: 100%;
    height: 100vh;
}

#home .home-slider-1 {
    background-color: #071689;
}

#home .home-slider-2 {
    background-color: #0D7DFD;
}

#home .home-slider-2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    z-index: 0;
    background-color: #011E82;
}

.home-slider-2 .container,
.home-slider-3 .container {
    height: 97%;
    width: 1100px;
}

.home-slider-2 h2 {
    font-size: 42px;
    line-height: 50px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
}

.home-slider-2 h2 span {
    color: #FFE51C;
}

.home-slider-4 {
    background-color: #005AC4;
    position: relative;
}

.home-slider-4:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    background: transparent radial-gradient(closest-side at 100% 100%, #001D40 0%, #001D4000 100%) 0% 0% no-repeat padding-box;
}

.home-slider-4 a {
    margin-left: 250px;
}

.home-slider-kyeo {
    background-image: url("../min-images/kyeo-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.kyeo-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.kyeo {
    width: 350px;
}


/*homebanner timer*/

.new-home-page .bx-controls,
#pricingnew .bx-controls {
    position: absolute;
    bottom: 15px;
    left: auto;
}

#home .bx-controls a,
#pricingnew .bx-controls a {
    width: 12px !important;
    height: 12px !important;
    background-color: #0176FF !important
}

#home .bx-controls a.active,
#pricingnew .bx-controls a.active {
    background-color: #F2F7FE !important;
    border-color: #F2F7FE
}

.timer {
    display: flex;
}

.timer:after {
    position: absolute;
    left: 35%;
    bottom: -20px;
    transform: translateX(-50%);
    content: "";
    width: 420px;
    height: 35px;
    background: transparent radial-gradient(closest-side at 50% 50%, #020F39 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.85;
    filter: blur(9px);
}

.timer-text {
    font-size: 72px;
    line-height: 72px;
    padding: 20px 13px;
    box-shadow: inset -5px 8px 12px #0000007B;
    border: 3px solid #FFFFFF;
    border-radius: 14px;
    margin-right: 40px;
    background: #011E82 0% 0% no-repeat padding-box;
}

.timer-wrapper:last-child .timer-text {
    margin-right: 0px
}

.timer-title {
    max-width: 90px
}

.timer-text:after {
    font-family: 'Inter';
    content: ":";
    position: absolute;
    right: -30px;
    top: 45%;
    transform: translateY(-50%);
    font-size: 54px;
    color: #fff
}

.timer-wrapper:last-child .timer-text:after {
    display: none !important
}

.timer-banner-img {
    transform: translateY(-10%);
    right: -69px !important;
    left: auto;
}

.timer-bg {
    background: transparent radial-gradient(closest-side at 68% 55%, #011E82 0%, #041960 100%) 0% 0% no-repeat padding-box;
}


/*homebanner timer*/

#home .home-slider-kyeo .banner-caption {
    width: 100%;
    margin-top: 0;
}

.kyeo-info {
    width: 80%;
    display: block;
    margin: auto;
}

.offer-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

img.offer-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

img.offer-trangle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.home-slider-4 p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 300;
    text-align: center;
    width: 768px;
    margin-top: -30px;
    margin-left: -30px;
    display: block;
}

ul.crm-award {
    position: absolute;
    width: 650px;
    right: 0;
    top: calc(50% + 50px);
    transform: translateY(-50%);
}

ul.crm-award li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin: 6px;
}

.big-dotted {
    position: absolute;
    right: 42%;
    top: calc(50% + 30px);
    transform: translateY(-50%);
    height: 80%;
}

#home .home-slider-3 {
    background-color: #FFE51C;
}

.home-slider-3-info {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home-slider-3-info h2 {
    color: #505358;
    font-size: 42px;
    line-height: 66px;
    font-weight: 500;
}

.home-slider-3-info h2 span {
    display: block;
    font-size: 56px;
    color: #0176FF;
}

.home-slider-3-info ul li {
    list-style: none;
    display: inline-block;
}

.inner-wrap {
    height: 60px;
    width: 70px;
    border-radius: 6px;
    background-color: #505358;
    color: #fff;
    text-align: center;
    margin: auto;
}

.inner-wrap p {
    font-size: 31px;
    line-height: 26px;
}

.inner-list>p {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin: 13px 0;
}

.img-patch-1 {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
}

.img-patch-2 {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 100px;
    height: 370px;
}

.img-patch-3 {
    position: absolute;
    bottom: 80px;
    right: -150px;
}

.inner-list {
    padding: 0 30px;
    text-align: center;
    width: 180px;
    border-left: 1px solid #505358;
    margin: 30px 0;
}

.home-slider-3-info ul li:last-child .inner-list {
    border-right: 1px solid #505358;
}


/*#home .home-slider-1:after {
    background-color: #071689;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    z-index: -1;
}*/

#pricingbanner .banner-caption-list {
    margin-left: 20px;
}

#pricingbanner .banner-caption-list li:after {
    display: none;
}

#pricingbanner .banner-caption-list li {
    list-style-type: disc;
}

.honestcrm-text {
    color: #00cefe;
    font-size: 24px;
    margin-top: 30px;
    font-weight: 500
}

#rightsuccess {
    background-color: #f5f8fa
}

#rightsuccess .rs-cta {
    margin-bottom: 0px;
}

img.rights-obj-1 {
    right: 0;
    position: absolute;
    top: 200px
}

img.rights-obj-2 {
    left: 0;
    position: absolute;
    top: 10px
}

.design-obj-1 {
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: 9
}

.design-obj-2 {
    position: absolute;
    bottom: 2%;
    right: 5%;
    z-index: 9
}

.whychoosekylas-video-wrapper {
    width: 75%;
    margin: auto
}

#whychoosekylas.padding {
    padding: 0px 0 35px;
}

#whychoosekylas .section-title {
    margin-bottom: 40px;
}

#whychoosekylas-video {
    width: 100%;
    display: block;
    height: 500px
}

#play-button {
    position: absolute;
    top: 0;
    width: 85px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    cursor: pointer
}

.video_try_kylas {
    position: absolute;
    top: 72%;
    left: 0;
    right: 0;
    margin: auto;
    color: #0176ff;
    font-weight: bold;
    z-index: 99;
    text-align: center;
    font-size: 24px
}

.whychoosekylas-video-wrapper #play-button {
    top: 39%
}

#play-button img {
    width: 100%;
    display: block
}

#colorbox {
    margin-top: 34px
}

.testimonials-section {
    background-color: #0176ff
}

.testimonials-section .section-title {
    color: #fff
}

.testimonial-video-thumbnail,
.customer-testimonial-video-thumbnail {
    text-align: center;
    height: 235px;
}

.testimonials-left-section {
    height: auto;
    width: 150px;
    float: left;
    padding-top: 55px;
}

.testimonials-right-section {
    color: #fff;
    width: calc(100% - 170px);
    float: left;
    position: relative;
    padding-top: 40px;
    padding-left: 20px;
}

.testimonials-right-section>img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -47px;
}

.testimonial-play-video-btn span {
    background: #C6DDFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 8px #0000001F;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    padding: 1px 12px;
    margin-right: 9px;
}

a.read-more {
    color: #CCE1FF;
    text-decoration: underline;
    margin: 15px 0;
    display: block;
    float: left;
}

.testimonial-quote-content {
    scrollbar-width: auto;
    scrollbar-color: #182C57;
}

.testimonials-wrapper .bx-wrapper {
    position: relative;
    z-index: 2;
}

.test-user-thumb {
    width: 87px;
    height: 87px;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* Chrome, Edge, and Safari */

.testimonial-quote-content::-webkit-scrollbar,
.testi-content-wrap::-webkit-scrollbar,
.signupwrap::-webkit-scrollbar {
    width: 6px;
    height: 2px;
}

.testimonial-quote-content::-webkit-scrollbar-track,
.testi-content-wrap::-webkit-scrollbar-track,
.signupwrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.testimonial-quote-content::-webkit-scrollbar-thumb,
.testi-content-wrap::-webkit-scrollbar-thumb,
.signupwrap::-webkit-scrollbar-thumb {
    background-color: #505459;
    border-radius: 36px;
    border: 1px solid #505459;
}

.test-play-video,
.customer-test-play-video {
    padding: 68% 2% 0 0;
    text-align: right;
    color: #000;
    vertical-align: middle;
    height: 100%
}

.test-play-video img,
.customer-test-play-video img {
    vertical-align: middle;
    width: 21px
}

.testimonials-right-section {
    color: #fff
}

.testimonial-quote {
    position: absolute;
    top: 14px;
    left: 3px;
    width: 20px;
    z-index: 9
}

.testimonial-quote img {
    width: 100%;
    display: block
}

.testimonial-quote-content {
    padding: 20px 0 0;
    float: left;
    width: 100%;
    height: 128px;
    overflow-y: hidden;
}

.testimonial-quote-writer {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    float: left;
    width: 100%;
}

.testimonial-quote-designation {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #fff
}

.testimonial-play-video-btn-wrapper {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 20px
}

.testimonial-play-video-btn {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.testimonial-play-video-btn img {
    vertical-align: middle
}

.design-obj-3 {
    position: absolute;
    right: 3%;
    top: 150px;
    z-index: 9
}

.design-obj-4 {
    position: absolute;
    right: 3%;
    bottom: 10%;
    z-index: 9
}

.design-obj-5 {
    position: absolute;
    left: 3%;
    bottom: 25%
}

.testimonials-controls {
    padding-top: 20px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%
}

.testimonials-controls a,
#home .bx-controls a,
#pricingnew .bx-controls a {
    position: relative;
    display: block;
    color: #0176FF;
    font-size: 0;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    border-radius: 29px;
    background-color: #F2F7FE;
    border: 2px solid #0176FF;
    cursor: pointer;
}

.testimonials-controls #testimonial-left a:before,
#home .bx-controls .bx-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../min-images/left-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.testimonials-controls #testimonial-right a:after,
#home .bx-controls .bx-next:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../min-images/right-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.testimonials-controls #testimonial-right {
    margin-right: -60px
}

.testimonials-controls #testimonial-left {
    text-align: right;
    margin-left: -60px
}

.home-controls {
    z-index: 2;
}

#home .bx-controls .bx-prev {
    float: left;
    margin-left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#home .bx-controls .bx-next {
    float: right;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#home .bx-controls .bx-prev:before,
#home .bx-controls .bx-next:after {
    width: 15px;
    height: 15px;
}

#home .banner-cta a,
.timer-banner .banner-cta a {
    border: 2px solid #fff
}

#home .banner-cta a,
#home .banner-cta span,
.timer-banner .banner-cta a,
.timer-banner .banner-cta span {
    display: inline-block;
}

#home .banner-cta a.btn-blue,
.timer-banner .banner-cta a.btn-blue {
    background-color: transparent
}

#home .banner-cta a>span,
.timer-banner .banner-cta a>span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

#home .banner-cta a>span>img,
.timer-banner .banner-cta a>span>img {
    display: block;
    vertical-align: middle;
    width: 11px
}

#home .banner-cta small,
.timer-banner .banner-cta small,
.pricingnew-upper-right-section .banner-cta small {
    display: block;
    margin-top: 10px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
}

#home .banner-cta .btn-transparent,
.timer-banner .banner-cta .btn-transparent {
    background-color: #fff;
    color: #0176ff
}

#home .banner-cta .btn-transparent img,
.timer-banner .banner-cta .btn-transparent img {
    width: 16px
}

.text-yellow {
    color: #fee519 !important
}

.home-model-image {
    /*width: 440px;*/
    margin-top: 0;
    position: absolute;
    left: 0;
    bottom: 150px;
    /*display: none;*/
}

.home-model-image img {
    width: auto;
    height: 100%;
    display: block
}

.offer-image {
    display: inline-block;
}

.offer-image img {
    width: 100%;
    display: block;
}

#home .offer-text-image {
    width: 17%;
    position: absolute;
    left: 250px;
    margin-top: 370px;
    transform: rotate(15deg);
    z-index: 9;
}

.tata-sec {
    background-color: #E8F1FE;
}

#pricingbanner .offer-text-image {
    width: 17%;
    position: absolute;
    left: 290px;
    margin-top: 370px;
    transform: rotate(15deg);
    z-index: 9;
}

.fn-24 {
    font-size: 24px !important;
}


/*.award-slider > div{
    width: 20%;
}*/

.award-slider>div img {
    vertical-align: middle;
}

.kylas-rating-wrap {
    /*background-color: #fff;*/
    display: inline-block;
    padding: 15px;
    height: 70px;
    vertical-align: middle;
}

.kylas-rating-wrap .rating-logo {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}

.rating-info {
    display: inline-block;
    vertical-align: middle;
}

.offer-text-image img {
    width: 100%;
    display: block
}


/******************* Home page New *************/

.svg-downarrow {
    width: 13px;
    height: 26px;
    vertical-align: middle;
}

.header-home {
    background-color: transparent;
    /*background-color: #1b3689;*/
}

.header-home .kylas-brand-icon,
.header-logo-white .kylas-brand-icon {
    fill: #fff;
}

.header-home .kylas-txt,
.header-home .login-icon,
.header-home .down-arrow-svg,
.header-logo-white .kylas-txt {
    fill: #fff;
}

.scrolled .kylas-brand-icon {
    fill: #0276ff;
}

.scrolled .kylas-txt {
    fill: #505459;
}

.scrolled .login-icon,
.scrolled .down-arrow-svg {
    fill: #000;
}

.header-home ul.nav-links li>a,
.header-home .header-logon {
    color: #fff;
    transition: none;
}

.scrolled ul.nav-links li>a,
.scrolled .header-logon {
    color: #000;
}

.header-demo-btn a {
    height: 56px;
    border-radius: 29px;
    font-size: 18px;
    line-height: 21px;
    color: #011E82;
    padding: 16px 34px;
    font-weight: 400;
    text-transform: none;
    margin-right: 0 !important;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
}

.header .header-demo-btn a,
.scrolled .header-demo-btn a {
    background-color: #0176ff;
    color: #fff;
    border: none;
    /*    -webkit-animation: ripple .9s linear infinite;*/
    /*    animation: ripple .9s linear infinite;*/
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(206, 206, 206, .3)
    }

    100% {
        box-shadow: 0 0 0 1em rgba(206, 206, 206, .3)
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(206, 206, 206, .3)
    }

    100% {
        box-shadow: 0 0 0 1em rgba(206, 206, 206, .3)
    }
}


/*.btnblue{background-color: #0176ff !important;}
.btnyellow{background-color: #FFE51C!important;color: #011E82 !important;border:none !important;}*/

#home .banner-cta,
.timer-banner .banner-cta {
    margin-top: 26px
}

.banner-caption-list {
    margin-top: 20px;
    margin-left: 28px;
    display: flex;
    gap: 30px;
}

.banner-caption-list li {
    list-style-type: none;
    position: relative;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.34px;
    margin-bottom: 10px;
    font-weight: 500;
}

/* .banner-caption-list li:after {
    content: '';
    position: absolute;
    top: 7px;
    left: -28px;
    width: 18px;
    height: 18px;
    background-image: url(../min-images/checked-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
} */

@media (max-width:700px) {
    .banner-caption-list li:after {
        content: unset;
    }
}

#home .banner-caption-list li:after {
    display: none;
}

#home .banner-caption-list {
    margin-left: 20px;
    margin-top: 40px;
}

#home .banner-caption-list li {
    list-style-type: disc;
}

.banner-caption-list.d-inline li {
    display: inline-block;
    position: relative;
    padding-left: 30px !important;
    margin-right: 10px;
}

.banner-caption-list.d-inline li:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../min-images/Icon-check-white.svg);
    left: 5px;
    /* top: 2px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
}

.banner-caption-list.d-inline {
    margin-left: 0 !important;
}

.sec-title {
    font-size: 36px;
    color: #081233;
    font-weight: 500;
    line-height: 44px;
}

.sec-desc {
    color: #505459;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.64px;
}

.new-home-page .home-model-image,
.timer-banner .home-model-image {
    right: 0;
    left: unset;
    bottom: 0px;
}

#home.new-home-page .banner-caption .lg,
.pricingnew-upper-section .banner-caption .lg,
.timer-banner .banner-caption .lg {
    font-size: 56px;
    line-height: 72px;
    color: #fff;
    font-weight: 700;
}

.pricingnew-upper-section .banner-caption .lg {
    font-size: 54px;
}

#home.new-home-page .banner-caption .md,
.pricingnew-upper-section .banner-caption .md,
.timer-banner .banner-caption .md {
    font-size: 32px;
    line-height: 34px;
    font-weight: 500;
    margin-top: 5px;
}

.pricingnew-upper-section .banner-caption .md {
    font-size: 20px;
    margin-top: 15px;
}

#home.new-home-page .banner-caption .banner-caption-list li,
#pricingbanner .banner-caption-list li {
    list-style-image: url(../min-images/Icon-check-white.svg);
    padding-left: 15px;
}

#home.new-home-page .banner-caption .banner-cta .md {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
}

.theme-btn {
    height: 64px;
    border-radius: 32px;
    font-size: 18px;
    line-height: 21px;
    color: #011E82;
    padding: 20px;
    font-weight: 400;
    text-transform: none;
    margin-right: 0;
    display: inline-block;
}

.bg-blue {
    background-color: #011E82;
}

.theme-btn img {
    width: 10px !important;
    display: block;
    vertical-align: middle;
    height: auto;
}

.theme-btn span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -2px;
}

.new-home-page .banner-cta,
.timer-banner .banner-cta {
    width: 222px;
}

.new-home-page .registered-smbs-and-media-element {
    background-color: #F8F8F8;
    bottom: unset;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    position: unset;
    border-radius: 0;
    z-index: 9;
    height: 110px;
}

.new-home-page .registered-smbs-and-media-internal-div:before,
.new-home-page .registered-smbs-and-media-internal-div:after {
    display: none;
}

.new-home-page .stats-div {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #323233;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.new-home-page .registered-smbs-and-media-element img {
    display: inline-block;
    vertical-align: middle;
}

.new-home-page .registered-smbs-and-media-common {
    padding: 30px;
    height: 110px;
}

.new-home-page .registered-smbs-div {
    padding-right: 70px;
    border-right: 2px solid #fff;
}

.new-home-page .home-media-div {
    padding-left: 70px;
}

.new-home-page .registered-smbs-and-media-internal-div {
    padding: 0;
}

.home-client-slider .client-logo img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.6s ease-in-out;
}

.home-client-slider .client-logo:hover img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.home-client-slider .client-logo {
    text-align: center;
    vertical-align: middle;
    min-height: 115px;
    position: relative;
    border-right: 1px solid rgba(112, 112, 112, 0.12);
    border-bottom: 1px solid rgba(112, 112, 112, 0.12);
}

.home-client-slider .client-logo.br-lt {
    border-left: 1px solid rgba(112, 112, 112, 0.12);
}

.home-client-slider .client-logo.no-rt-br {
    border-right: 0px solid;
}

.home-client-slider .client-logo.no-br-bt {
    border-bottom: 0px solid;
}

#rightsuccess.new-rightsucess {
    background-color: #fff;
}

.new-rightsucess .right-sucess-content {
    margin-top: 0px;
}

.new-rightsucess .rs-card-wrapper {
    background-color: #0340DB;
    border-radius: 6px;
    text-align: left;
    height: 430px !important;
    padding: 54px 84px;
    position: relative;
    margin-bottom: 20px;
}

.new-rightsucess .rs-card-wrapper .rs-card {
    text-align: left;
    height: auto;
    position: unset;
}

.new-rightsucess .rs-card-wrapper .rs-title {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    margin-top: 40px;
}

.new-rightsucess .rs-card-wrapper .rs-text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.64px;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 0px;
}

.new-rightsucess .rs-card-wrapper .rs-card a {
    color: #FFE51C;
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    position: absolute;
    bottom: 36px;
    right: 76px;
}

.new-rightsucess .rs-card-wrapper .rs-card a span {
    width: 48px;
    height: 48px;
    background-color: #FFE51C;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 55px;
    margin-left: 15px;
}

.home-testimonial .crm-testimonial .testimonials-right-section>img {
    opacity: 0.07;
}

.home-award .award-slider-wrap .award-slider>div {
    /*width: 20%;*/
    /*    padding: 0 10px;*/
}

.recognition-rewards {
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.recognition-rewards:after {
    content: "";
    height: 150px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background-color: #001F82;
    position: absolute;
    z-index: -1;
}

.recognition-rewards-wrapper {
    background-color: #81C9FA;
    border-radius: 30px;
    padding: 40px;
}

.home-award .award-slider-wrap .award-slider .award-inner {
    height: 190px;
    background-color: #F7F7F7;
    position: relative;
}

.home-award .award-slider-wrap .award-slider .award-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}

.home-award .award-slider-wrap .award-slider .slick-track {
    margin-left: 0px;
    margin-left: auto;
    margin-right: auto;
    /*    margin-right: -10px;*/
}

.award-slider .slick-slide .award-inner {
    margin: 0 10px;
}

.award-1 .award-inner {
    border-bottom: 2px solid #23CCA2;
}

.award-2 .award-inner {
    border-bottom: 2px solid #FF492C;
}

.award-3 .award-inner {
    border-bottom: 2px solid #0176FF;
}

.award-4 .award-inner {
    border-bottom: 2px solid #FFE51C;
}

.award-5 .award-inner {
    border-bottom: 2px solid #0176FF;
}

.home-award .rating-slider>div {
    background-color: #F7F7F7;
    padding: 10px 0;
    border-right: 1px solid #bdbdbd;
    height: 130px;
}

.home-award .rating-slider>div:last-child {
    border-right: 0px solid;
}

.home-whykylas .whykylas-card {
    border-radius: 5px;
    height: auto;
    padding: 0px 0px 0 0px;
    background-color: #fff;
}

.home-whykylas .whykylas-card-wrapper {
    padding: 10px 20px;
}

.home-whykylas .whykylas-card .whykylas-img {
    margin-bottom: 30px;
    background: #F3F8FF 0% 0% no-repeat padding-box;
    border: 1px solid #F3F8FF;
    border-radius: 6px 6px 0px 0px;
    height: 228px;
    padding: 20px;
}

.home-whykylas .whykylas-card .content h3 {
    font-size: 26px;
    color: #102E62;
    line-height: 31px;
    font-weight: 500;
}

.home-whykylas .whykylas-card .content p {
    font-size: 16px;
    line-height: 24px;
    color: #505459;
    text-align: center;
    display: block;
}

.br-white {
    border: 1px solid #fff;
}

.design-vector-1 {
    position: absolute;
    left: 19%;
    top: 25px;
    width: 150px;
}

.design-vector-2 {
    position: absolute;
    left: 5%;
    top: 40px;
}

.design-vector-3 {
    position: absolute;
    right: 5%;
    bottom: 0px;
    width: 185px;
    height: auto;
}

.right-sucess-content .slick-prev {
    position: absolute;
    right: -24px;
    z-index: 2;
    top: calc(50% - 30px);
    transform: translateY(-50%);
}

.right-sucess-content .slick-next {
    position: absolute;
    right: -24px;
    z-index: 2;
    top: calc(50% + 30px);
    transform: translateY(-50%);
}

.right-sucess-content .slick-prev:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.right-sucess-content .slick-next:after {
    transform: translate(-50%, -50%) rotate(90deg);
}


/******** With or without kylas ***/

.with-or-without {
    background-color: rgba(247, 247, 247, 0.57);
}

.with-without-wrapper {
    height: 591px;
    border-radius: 15px;
    padding: 33px;
    text-align: center;
    position: relative;
}

.with-without-wrapper.bg-blue {
    background: #0176FF 0% 0% no-repeat padding-box;
    border: 1px solid #0176FF26;
}

.with-without-wrapper.bg-white {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #0176FF26;
}

.with-without-wrapper .inner-box .section-subtitle {
    font-weight: 500;
}

.circle-wrap {
    width: 355px;
    height: 335px;
    margin: auto;
    position: relative;
}

.circle-box-1,
.circle-box-2 {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1.7px solid #bcbec0;
    border-radius: 100%;
}

.with-kylas .circle-box-1,
.with-kylas .circle-box-2 {
    border-color: #fff;
}

.circle-box-1 .small-dot-1 {
    position: absolute;
    top: -2px;
    right: 128px;
    width: 5px;
    height: 5px;
    background-color: #200082;
    border-radius: 100%;
}

.circle-box-1 .small-dot-2 {
    position: absolute;
    top: 57px;
    right: 20px;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
}

.circle-box-1 .small-dot-3 {
    position: absolute;
    top: 191px;
    right: 3px;
    width: 7px;
    height: 7px;
    background-color: #200082;
    border-radius: 100%;
}

.circle-box-1 .small-dot-4 {
    position: absolute;
    bottom: 0;
    right: 180px;
    width: 7px;
    height: 7px;
    background-color: #fdf41e;
    border-radius: 100%;
}

.circle-box-1 .small-dot-5 {
    position: absolute;
    bottom: 70px;
    left: 14px;
    width: 9px;
    height: 9px;
    background-color: #ffb23e;
    border-radius: 100%;
    border: 1px solid #fff;
}

.circle-box-2 .small-dot-1 {
    position: absolute;
    bottom: -2px;
    right: 61px;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
}

.circle-box-2 {
    width: 200px;
    height: 200px;
}

.circle-kylas-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.circle-anim-1 {
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.circle-anim-2 {
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.circle-anim-1 img,
.circle-anim-2 img {
    position: absolute;
    transition: all 0.2s ease-in-out;
}

.circle-anim-1 img:nth-child(1) {
    left: 85px;
    top: -25px;
}

.circle-anim-1 img:nth-child(2) {
    right: -20px;
    top: 80px;
}

.circle-anim-1 img:nth-child(3) {
    right: 60px;
    top: 256px;
}

.circle-anim-1 img:nth-child(4) {
    left: -20px;
    top: 140px;
}

.circle-anim-2 img:nth-child(1) {
    left: -20px;
    top: 30px;
}

.circle-anim-2 img:nth-child(2) {
    right: 12px;
    top: 0px;
}

.circle-anim-2 img:nth-child(3) {
    top: 115px;
    right: -20px;
}

.circle-anim-2 img:nth-child(4) {
    top: 150px;
    left: 20px;
}

.circle-anim.circle-anim-1,
.circle-anim.circle-anim-2 {
    animation-name: circleAnim;
    animation-duration: 12000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.circle-anim.circle-anim-1 img,
.circle-anim.circle-anim-2 img {
    animation-name: circleImg;
    animation-duration: 12000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes circleAnim {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes circleImg {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.without-kylas .remove-anim.circle-anim-1 img {
    transition: all 1s ease-in-out;
    animation: centerme 2s;
    -webkit-animation: centerme 2s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.without-kylas .remove-anim.circle-anim-2 img {
    transition: all 1s ease-in-out;
    animation: centerme1 2s;
    -webkit-animation: centerme1 2s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes centerme {
    0% {
        transition: all 4s ease-in-out;
        top: 0px;
    }

    50% {
        transition: all 4s ease-in-out;
        top: 290px;
    }

    70% {
        transition: all 0.2s ease-in-out;
        top: 270px;
    }

    80% {
        transition: all 0.2s ease-in-out;
        top: 290px;
        /*        transform: rotate(45deg);*/
    }

    90% {
        transition: all 0.2s ease-in-out;
        top: 280px;
        /*        transform: rotate(65deg);*/
    }

    100% {
        transition: all 0.2s ease-in-out;
        top: 290px;
        transform: rotate(-95deg);
    }
}

@keyframes centerme1 {
    0% {
        transition: all 4s ease-in-out;
        top: 0px;
    }

    50% {
        transition: all 4s ease-in-out;
        top: 240px;
    }

    70% {
        transition: all 0.2s ease-in-out;
        top: 210px;
    }

    80% {
        transition: all 0.2s ease-in-out;
        top: 240px;
        /*        transform: rotate(85deg);*/
    }

    90% {
        transition: all 0.2s ease-in-out;
        top: 230px;
        /*        transform: rotate(135deg);*/
    }

    100% {
        transition: all 0.2s ease-in-out;
        top: 240px;
        transform: rotate(145deg);
    }
}

.without-kylas .remove-anim.circle-anim-1 img:nth-child(1) {
    width: 55px;
}

.without-kylas .circle-wrap.remove-circle .circle-box-1,
.without-kylas .circle-wrap.remove-circle .circle-box-2 {
    display: none;
}


/*Common Slick button*/

.slick-arrow {
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    border-radius: 29px;
    background-color: #F2F7FE;
    border: 2px solid #0176FF;
    cursor: pointer;
    position: absolute;

    @media(max-width: 1024px){
        width: 35px;
        height: 35px;
    }

    @media(max-width: 944px){
        width: 35px;
        height: 35px;
    }

    @media(max-width: 650px){
        width: 35px;
        height: 35px;
    }
}

.slick-next {
    right: 5px;

    @media(max-width:1024px){
        right: 5px;
    }

    @media(max-width:944px){
        right: 5px;
    }

    @media(max-width:650px){
    right: 5px;
}
}

/* .slick-prev {
    left: 5px;

    @media(max-width:1024px){
        left: 5px;
    }

       @media(max-width:994px){
    left: 5px;
}
    @media(max-width:650px){
    left: 5px ;
}
} */

.slick-arrow:hover {
    background-color: #0176FF !important;
}

.slick-next:after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../min-images/right-blue.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-next:hover:after {
    background-image: url(../min-images/right-white.svg);
}

.slick-prev:after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../min-images/left-blue.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-prev:hover:after {
    background-image: url(../min-images/left-white.svg);
}

.brackline {
    display: none;
}

.without-kylas .circle-anim-1.gelatine img {
    -webkit-animation: gelatine 0.5s infinite;
    animation: gelatine 0.5s infinite;
}

.without-kylas .circle-anim-2.gelatine img {
    -webkit-animation: gelatine 0.8s infinite;
    animation: gelatine 0.8s infinite;
}

@-webkit-keyframes gelatine {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes gelatine {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}


/******** Footer bold Title */

.footer-bold-title {
    color: #343434;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

.testimonials-wrapper a.bx-pager-link {
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #102E62;
    display: inline-block;
}

.crm-testimonial a.bx-pager-link {
    border: 1px solid #fff;
}

.bx-pager.bx-default-pager {
    text-align: center;
    margin-top: 30px;
}

a.bx-pager-link.active {
    background-color: #102E62;
}

.crm-testimonial a.bx-pager-link.active {
    background-color: #fff;
}

.bx-pager-item {
    display: inline-block;
    margin: 10px;
}

#findyourway {
    background-color: #f5f8fa
}

.fyw-content .fyw-head .fyw-lg {
    font-size: 42px;
    margin-bottom: 30px;
    font-weight: 300
}

.fyw-content .fyw-head .fyw-md {
    font-size: 18px
}

.fyw-cards-wrapper {
    padding: 0 0 0 5%
}

.fyw-cards-wrapper .fyw-cards {
    background-color: #fff;
    padding: 50px 25px;
    border-radius: 5px;
    height: auto;
    box-shadow: 0 0 15px 0 rgba(204, 204, 204, 0.55)
}

.fyw-cards-wrapper .fyw-cards .fyw-upper {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.fyw-cards-wrapper .fyw-cards .fyw-cards-head {
    padding-left: 15px
}

.fyw-cards-wrapper .fyw-cards .fyw-cards-head .fyw-lg {
    color: #1d2b36;
    font-size: 22px;
    font-weight: 500
}

.fyw-cards-wrapper .fyw-cards .fyw-cards-head .fyw-md {
    font-size: 18px
}

.fyw-cards-wrapper .fyw-cards ul,
.chat-one {
    list-style: none
}

.fyw-cards-wrapper .fyw-cards ul li,
.chat-one li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px
}

.fyw-cards-wrapper .fyw-cards ul li:before,
.chat-one li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url(../min-images/check-circle-solid-blue.svg)
}

.right-sucess-content {
    margin-top: 50px
}

.rs-card-wrapper {
    padding: 20px
}

.rs-card {
    text-align: center;
    height: 250px;
    position: relative
}

.rs-card.brd-r:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    height: 100%;
    width: 1px;
    background-color: #ddd
}

.rs-card.brd-b:after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% + 20px);
    height: 1px;
    width: 100%;
    background-color: #ddd
}

.rs-card .rs-icon {
    margin-bottom: 15px
}

.rs-card .rs-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px
}

.rs-card .rs-text {
    padding: 0 20px
}

.rs-cta {
    margin-bottom: 80px
}

.rs-cta a {
    display: inline-block;
    padding: 0 25px
}

.rs-cta a>span {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

.rs-cta a>span>img {
    display: block;
    vertical-align: middle;
    width: 13px
}

.whykylas-content {
    margin-top: 15px;
    padding: 0
}

.whykylas-card-wrapper {
    padding: 10px
}

.whykylas-card {
    border-radius: 5px;
    height: 500px;
    padding: 70px 30px 0 30px;
    background-color: #f5f8fa
}

.whykylas-card .whykylas-img {
    margin-bottom: 30px
}

.whykylas-card .whykylas-img img {
    display: block;
    width: 190px;
    margin: 0 auto;
    height: 180px
}

.whykylas-card .content {
    text-align: center
}

.whykylas-card .whykylas-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px
}

.homefooter-ctas a,
.sec-btn a {
    width: auto;
    height: 58px;
    padding: 18px 25px;
    min-width: 230px;
}

.homefooter-ctas {
    background-color: #0176FF;
    padding: 50px 0;
    position: relative;
}

.homefooter-ctas a,
.homefooter-ctas span,
.sec-btn a,
.sec-btn span {
    display: inline-block;
}

.homefooter-ctas span {
    margin-left: 15px;
    margin-right: 15px;
}

.homefooter-ctas a>span,
.sec-btn-demo a>span,
.sec-btn a>span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

.homefooter-ctas a>span>img,
.sec-btn-demo img,
.sec-btn a>span>img {
    display: block;
    vertical-align: middle;
    width: 9px
}

section.video-sec {
    background: #f5f8fa;
    background: linear-gradient(0deg, rgba(245, 248, 250, 1) 0, rgba(245, 248, 250, 0.86) 84%, rgba(255, 255, 255, 1) 100%)
}

.shape-svg {
    margin-top: 40px;
    margin-bottom: -8px;
    width: 100%
}

img.video-obj-1 {
    position: absolute;
    left: 0;
    top: -19px
}

img.video-obj-2 {
    position: absolute;
    right: 0;
    top: 64px
}

img.whykylas-obj-1 {
    position: absolute;
    right: 0;
    top: 36%
}

img.whykylas-obj-2 {
    position: absolute;
    left: 0;
    top: 70px
}

.aboutus-banner-img img {
    display: block
}

.ourstory-content {
    padding: 70px
}

.ourstory-content p {
    margin-bottom: 20px;
    color: #555059;
    font-size: 18px
}

.policy-content p,
.policy-content h1 {
    margin-bottom: 20px;
    color: #505459;
    font-size: 16px
}

#leadershipteam {
    background-color: #001f82;
    color: #fff
}

.leader-cards-content {
    padding: 50px 2% 0 2%
}

.leader-cards-wrapper .leader-card {
    padding: 20px
}

.leader-card .leader-image {
    margin-bottom: 0
}

.leader-card .leader-image img {
    display: block;
    width: 100%;
    border-radius: 5px
}

.leader-card .leader-name {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    margin-top: 10px
}

.leader-card .leader-position {
    margin-bottom: 10px
}

.leader-card .leader-connect {
    height: 25px
}

.leader-card .leader-connect a {
    display: inline-block
}

.leader-card .leader-connect a>img {
    display: block;
    width: 20px;
    margin-right: 15px
}

.wwp-cards-wrapper .wwp-card {
    padding: 20px;
    text-align: left
}

.wwp-card .wwp-image {
    margin-bottom: 0;
    height: 250px
}

.wwp-card .wwp-image img {
    display: block;
    width: auto;
    border-radius: 5px;
    margin: auto
}

.wwp-card .wwp-name {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
    text-align: center
}

.wwp-card .wwp-title {
    margin: 20px 0 10px;
    font-weight: 500;
    font-size: 24px;
    text-align: center
}

.wwp-card .wwp-text {
    font-size: 16px;
    text-align: center
}

#wayofworking {
    background-color: #f5f8fa
}

.wow-cards-content {
    padding: 0 5%
}

.wow-cards-wrapper {
    padding: 20px
}

.wow-cards {
    background-color: #fff;
    padding: 30px 20px;
    height: 220px;
    box-shadow: 0 0 15px 0 rgba(204, 204, 204, 0.55);
    border-radius: 5px
}

.wow-cards .wow-icon {
    padding-top: 10px
}

.wow-cards .wow-icon img {
    display: block;
    margin: 0 auto
}

.wow-cards .wow-title {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500
}

#readytogetstart {
    background-image: url("../min-images/Footer-SVG.svg");
    padding: 100px 0;
    background-size: cover
}

#readytogetstart p.section-title {
    font-size: 32px !important;
    margin-bottom: 20px
}

#readytogetstart .getstarted-cta {
    margin-top: 20px
}

#readytogetstart .getstarted-cta a,
#readytogetstart .getstarted-cta span {
    display: inline-block;
    margin-right: 15px
}

#readytogetstart .getstarted-cta a>span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

#readytogetstart .getstarted-cta a>span>img {
    display: block;
    vertical-align: middle;
    width: 10px;
    height: 36px
}

#readytogetstart .getstarted-cta small {
    display: block;
    margin-top: 10px
}

#readytogetstart .getstarted-cta a {
    width: 220px;
    text-align: center;
    height: 49px;
    line-height: 50px
}

.img-grid .img-wrap {
    padding: 0 5px 5px 5px
}

.img-grid .img-wrap img {
    height: 210px
}

.img-grid .img-wrap img.img-diff {
    height: 430px
}

.joinus-cta {
    margin-top: 40px
}

.joinus-cta a>span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

.joinus-cta a>span>img {
    display: block;
    vertical-align: middle;
    width: 13px;
    height: 30px;
}

.view-gallery {
    margin: 50px 0 0 0
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.w-3\/5 {
    width: 60%
}

.h-64 {
    height: 16rem
}

.h-38 {
    height: 38rem;
}

.h-24 {
    height: 24rem;
}

.mb-6 {
    margin-bottom: 1.5rem
}

.w-2\/5 {
    width: 40%
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.bg-scroll {
    background-attachment: scroll;
    border-radius: .25rem;
    background-repeat: no-repeat;
    background-size: 50%/cover
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.gal-1 {
    background: url("../min-images/gallery-1.webp") no-repeat 50%/cover
}

.gal-2 {
    background: url("../min-images/gallery-2.webp") no-repeat 50%/cover
}

.gal-3 {
    background: url("../min-images/gallery-3.webp") no-repeat 50%/cover
}

.gal-4 {
    background: url("../min-images/gallery-4.webp") no-repeat 50%/cover
}

.gal-5 {
    background: url("../min-images/gallery-5.webp") no-repeat 50%/cover
}

.gal-6 {
    background: url("../min-images/gallery-6.webp") no-repeat 50%/cover
}

.gal-7 {
    background: url("../min-images/gallery-7.webp") no-repeat 50%/cover
}

.msme-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
}

.msme-reports {
    background-color: #f0fcffb3;
}

.msme-reports .sec-title {
    font-size: 26px !important;
}

.msme-outer p {
    font-size: 14px;
    line-height: 20px;
}

.msme-outer {
    background-color: #fff;
    border-radius: 4px;
    width: 230px !important;
    height: 264px !important;
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

.msme-inner {
    padding: 35px 15px;
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
}

.msme-inner img {
    padding-bottom: 10px;
}

.msme_slider .slick-list {
    padding-left: 0 !important;
}

.msme_slider .slick-prev {
    bottom: -70px;
    left: 0;
}

.msme_slider .slick-next {
    bottom: -70px;
    left: 64px;
}

.form_gif img {
    height: 570px;
}

.banner_formdiv {
    background-color: #fffffff2;
    box-shadow: 0px 1px 16px #ffffff91;
    /*    border: 3px solid #420999b5;*/
    padding: 5px;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-45%);
}

.banner_formdiv small {
    font-size: 10px;
    line-height: 1.1;
    display: inline-block;
}

.banner_formdiv .form_border {
    padding: 18px;
    border: 2px solid blue;
    border-radius: 10px;
}

.banner_formdiv form input:not([type="checkbox"]),
.banner_formdiv form .select_opt {
    background-color: white;
    border: 2px solid #c9cacb94;
    border-radius: 9px;
    font-family: inherit;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.banner_formdiv .form-wrapper .form-title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #011E82;
}

.flash-button {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.flash-button::before,
.flash-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: #0000ff14;
    transform: skewX(-45deg);
    animation: flash 2.5s linear infinite;
    box-shadow: 0px 0px 10px #dbe4e963;
}

.flash-button::after {
    animation-delay: 1.5s;
    /* Delay for the second flash */
}

@keyframes flash {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.scrolled .header-demo-btn a.flash-button::before,
.scrolled .header-demo-btn a.flash-button::after {
    background: rgba(255, 255, 255, 0.3);
}

.anime1 {
    background-color: #fff;
    transition: all .35s;
}

.anime1:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #011E82;
    transition: all .35s;
    z-index: 1;
    border-radius: 32px;
}

.anime1:hover:before {
    width: 100%;
}

.anime1>span svg {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.anime1:hover span {
    color: #fff;
}

.anime1 span {
    z-index: 2;
    position: relative;
    margin: 0 !important;
}

.anime1:hover svg path {
    fill: #fff;
}


.anime2 {
    transition: all .35s;
}

.anime2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all .35s;
    z-index: 1;
    border-radius: 32px;
}

.anime2:hover:before {
    width: 100%;
}

.anime2>span svg {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.anime2:hover span {
    color: #011E82;
}

.anime2 span {
    z-index: 2;
    position: relative;
    margin: 0 !important;
}

.anime2:hover svg path {
    fill: #011E82;
}

@media(min-width:768px) {
    .md\:w-1\/2 {
        width: 50%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .roadmap_wrapper {
        padding: 0;
    }

    .banner-caption-list.d-inline li:before {
        top: 2px;
    }
}

.client-logo {
    text-align: center;
    vertical-align: middle;
    min-height: 94px;
    position: relative;
}

.client-logo img {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rating-star,
.rating-no {
    display: inline-block;
    vertical-align: middle;
    color: #080809;
    line-height: 22px;
}

.rating-no span:first-child {
    font-size: 22px;
}

.rating-no span:last-child {
    font-size: 16px;
}

.blue-hr-line {
    border-top: 1px solid rgba(1, 118, 255, 0.5);
    margin: 50px 0 10px;
}

#integration-marketing {
    margin-top: 80px;
    padding-top: 140px;
    background-image: url('../min-images/integration-banner.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 560px;
    background-position: bottom;
}

.cate-content h4 {
    font-size: 18px;
    color: #102E62;
    font-weight: 500;
}

#featuresbanner p.section-subtitle,
#integration-marketing p.section-subtitle {
    font-size: 18px;
    margin-bottom: 30px
}


/*#focusonsales{padding-top:120px}*/

#focusonsales p.section-subtitle {
    font-size: 18px;
    padding: 0 5%
}

.fos-tab-links {
    list-style: none;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.fos-tab-links li:nth-child(2) {
    padding-left: 5%
}

.fos-tab-links li:nth-child(3) {
    padding-left: 10%
}

.fos-tab-links li a {
    display: block;
    color: inherit
}

.fos-tab-links li a>span {
    display: inline-block;
    padding-bottom: 15px
}

.fos-tab-links li a.active>span {
    color: #0176ff;
    border-bottom: 3px solid #0176ff;
    font-weight: 500
}

.fos-content {
    margin-top: 50px
}

.fos-container {
    padding: 30px 0
}

.fos-container .fos-text {
    padding-left: 20px
}

.fos-container .fos-text .fos-texthead {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400
}

.fos-container .fos-text ul {
    padding-left: 0;
    font-size: 20px;
    margin-bottom: 15px;
    list-style: none
}

.fos-container .fos-text ul li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 15px
}

.fos-container .fos-text ul li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url("../min-images/check-circle-solid-blue.svg")
}

span.comingsoon-txt {
    display: block;
    font-size: 14px;
    line-height: 20px;
    background-color: lightgrey;
    padding: 5px 10px;
    border-radius: 25px;
    width: 120px;
    text-align: center;
    font-weight: 500
}

.pmtablinks {
    padding-right: 3%
}

.pmtablinks ul {
    list-style: none;
    margin-top: 20px
}

.pmtablinks ul li {
    padding: 10px 0
}

.pmtablinks ul li a {
    display: block;
    padding: 20px;
    color: inherit;
    border-radius: 5px;
    background-color: #F5F8FA;
}

.pmtablinks ul li a.active {
    background-color: #EDF7FD;
}

.pmtablinks ul li a>span {
    display: block;
    margin-bottom: 10px
}

.pmtablinks ul li a>span.bold {
    font-weight: 500;
    font-size: 18px
}

.pm-img {
    padding-left: 3%;
    padding-top: 5%
}

#collaborate {
    background-color: #f5f8fa
}

.collab-content {
    padding: 100px 0 0 2%
}

.feature-page-collab .collab-cards-wrapper {
    padding: 0 20px 20px 20px;
    height: 150px !important
}

.feature-page-collab .collab-cards-wrapper:nth-child(5),
.collab-cards-wrapper:nth-child(6) {
    padding: 0 20px 20px 20px
}

.collab-card .collab-card-head {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

#customreports p.section-title {
    font-size: 42px !important;
    line-height: 50px
}

#customreports p.section-subtitle {
    margin-bottom: 20px
}

.customreports-content {
    padding-left: 70px
}

.crtab {
    padding-top: 0
}

.customreports-content ul {
    list-style: none;
    margin-top: 0;
    float: left;
    width: 100%
}

.customreports-content ul li {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.customreports-content ul li a {
    color: inherit;
    position: relative;
    padding: 12px 0 12px 30px;
    text-align: left;
    float: left;
    font-size: 18px;
    line-height: 25px;
    transition: all .1s ease-in-out
}

.customreports-content ul li:last-child a {
    padding: 12px 0 0 30px
}

.customreports-content ul li a.active {
    color: #0176ff;
    font-weight: 500
}

.customreports-content ul li a.active:before {
    content: "";
    position: absolute;
    right: calc(100% - 5px);
    top: 50%;
    height: 50px;
    width: 5px;
    background-color: #0176ff;
    transform: translateY(-50%)
}

#datamanagement {
    background-color: #f5f8fa
}

.gomobile-links {
    padding-right: 70px
}

.gomobile-links ul.tab-links {
    margin-top: 40px
}

.gomobile-img {
    padding-left: 3%;
    padding-top: 0
}

.gomobile-links ul li a:after,
.customreports-content ul li a:after {
    content: "";
    position: absolute;
    right: calc(100% - 5px);
    top: 0;
    height: 100%;
    width: 5px;
    border-left: 1px solid #ccc
}

.gomobile-links ul,
.customreports-content ul {
    list-style: none;
    margin-top: 0;
    float: left;
    width: 100%
}

.gomobile-links ul li,
.customreports-content ul li {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.gomobile-links ul li a,
.customreports-content ul li a {
    color: inherit;
    position: relative;
    padding: 12px 0 12px 30px;
    text-align: left;
    float: left;
    font-size: 18px;
    line-height: 25px;
    transition: all .1s ease-in-out
}

.gomobile-links ul li:last-child a,
.customreports-content ul li:last-child a {
    padding: 12px 0 0 30px
}

.gomobile-links ul li a.active,
.customreports-content ul li a.active {
    color: #0176ff;
    font-weight: 500
}

.gomobile-links ul li a.active:before,
.customreports-content ul li a.active:before {
    content: "";
    position: absolute;
    right: calc(100% - 5px);
    top: 50%;
    height: 50px;
    width: 5px;
    background-color: #0176ff;
    transform: translateY(-50%)
}

.dms-card img {
    height: 68px
}

.dms-card {
    background: #fff;
    text-align: center;
    margin: 20px;
    padding: 55px 80px;
    height: 390px
}

.dms-title {
    font-size: 20px;
    color: #000;
    margin: 22px;
    line-height: 30px
}

img.feature-banner {
    position: absolute;
    right: 0px;
    top: 45%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    /*box-shadow:1px 1px 25px #afafaf;border-radius:10px*/
}

.img-shadow {
    box-shadow: 5px 5px 20px #cecece;
    border-radius: 10px
}

#pricing {
    background-color: #f5f8fa;
    padding: 80px 0
}

.kylas-chat-box .col-12 {
    margin-bottom: 80px
}

.user-icon-bg {
    background-image: url('../min-images/user-talk.webp')
}

.kylas-icon-bg {
    background-image: url('../min-images/kylas-talk.webp');
    float: right
}

.user-icon-bg,
.kylas-icon-bg {
    background-size: contain;
    background-repeat: no-repeat;
    width: 125px;
    height: 162px
}

.kylas-user-chat-info {
    background-color: #e8f4fc;
    float: left;
    padding: 30px 46px;
    border-radius: 12px;
    position: relative
}

.first-chat {
    width: 600px
}

.kylas-user-icon {
    float: left;
    width: 170px
}

.kylas-chat-left {
    float: left;
    width: 100%
}

.kylas-chat-right {
    width: 100%;
    float: right;
    margin-top: -30px
}

.chat-tag-left {
    position: absolute;
    left: -14px;
    top: 40px;
    height: 54px;
    width: 52px;
    border-bottom: 42px solid transparent;
    border-left: 22px solid #e8f4fc;
    border-right: 43px solid transparent;
    transform: rotate(35deg)
}

.chat-tag-right {
    position: absolute;
    right: -42px;
    top: 40px;
    height: 54px;
    width: 52px;
    border-bottom: 42px solid transparent;
    border-left: 22px solid #fff;
    border-right: 25px solid transparent;
    transform: rotate(-56deg)
}

.chat-desc p,
.chat-desc h1 {
    font-size: 18px;
    line-height: 26px;
    color: #000
}

.kylas-sale-chat-info {
    float: right;
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
    position: relative
}

.kylas-sale-icon {
    width: 170px;
    float: right
}

.kylas-sale-icon p {
    text-align: center;
    width: 125px;
    float: right
}

.chat-one {
    margin: 15px 0
}

.chat-one li:before {
    top: 6px
}

ul.chat-one li {
    color: #0176ff;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 0
}

ul.plan-after-3>li {
    background-color: #505459;
    color: #fff;
    padding: 16px;
    width: 300px;
    height: 143px;
    float: left;
    border-radius: 6px;
    margin: 30px 16px 20px 0
}

.inner-blck p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    font-weight: 500
}

.inner-blck ul {
    margin-top: 7px
}

.inner-blck ul li {
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.inner-blck ul li:before {
    background-image: url('../min-images/check-circle-solid-white.svg')
}

.plan-after-3.plan-team>li {
    height: 183px;
    padding: 26px
}

.plan-after-3.plan-team li:first-child {
    width: 242px
}

.plan-after-3.plan-team li:last-child {
    width: 318px
}

.kylas2.chat-one li {
    color: #000;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 25px
}

.kylas2.chat-one li:last-child {
    margin-bottom: 0
}

.kylas2.chat-one li span.txt-blue {
    color: #0176ff;
    font-weight: 500
}

.career_banner_ht {
    position: relative;
}

.slider.slider-1 {
    height: 100vh;
    background-color: #ffe62e
}

.slider.slider-1 .banner-caption,
.slider.slider-2 .banner-caption,
.slider.slider-3 .banner-caption,
.slider.slider-4 .banner-caption {
    position: absolute;
    top: 140px;
    right: 0
}

.slider.slider-1 .banner-caption h1,
.custom-css,
.slider.slider-2 .banner-caption h2 {
    font-size: 86px;
    font-weight: 900;
    color: #0675fc;
    line-height: 99px;
    text-align: right
}

.slider.slider-1 img.banner-img-1 {
    width: 485px;
    position: absolute;
    left: -50px;
    bottom: -11px;
    height: auto;
}

.slider .banner-caption h2,
.slider.slider-2 .banner-caption h3,
.slider.slider-3 .banner-caption h3,
.slider.slider-4 .banner-caption h3 {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: right;
    color: #001f82
}

.slider .banner-caption h2 span,
.slider.slider-2 .banner-caption h3 span,
.slider.slider-3 .banner-caption h3 span,
.slider.slider-4 .banner-caption h3 span {
    width: 143px;
    height: 26px;
    background-color: #001f82;
    color: #fff;
    padding: 1px 6px
}

.slider .banner-caption p {
    border: 1px solid #000;
    display: inline-block;
    float: right;
    margin: 10px 0;
    padding: 0 10px;
    font-weight: 500;
    font-size: 22px
}

.slider.slider-1:after,
.slider.slider-2:after,
.slider.slider-3:after,
.slider.slider-4:after,
.slider.slider-5:after {
    content: '';
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 1
}

.zindex {
    z-index: 2
}

.slider.slider-1:after {
    background-color: #fcf093
}

.slider.slider-2:after {
    background-color: #65f7f4
}

.slider.slider-3:after {
    background-color: #4282fc
}

.slider.slider-4:after {
    background-color: #93e0fc
}

.slider.slider-5:after {
    background-color: #66fff4
}

.slider.slider-2 {
    height: 100vh;
    background-color: #5cded8
}

.slider.slider-2 img.banner-img-2 {
    position: absolute;
    left: -204px;
    top: 40px;
    width: 400px;
    height: auto;
}

.slider.slider-2 img.banner-img-1 {
    position: absolute;
    bottom: -30px;
    left: 117px;
    width: 253px;
    height: auto;
}

c h2 {
    font-size: 86px;
    font-weight: 900;
    color: #001f82;
    line-height: 99px
}

.slider.slider-3 {
    height: 100vh;
    background-color: #2565dc
}

.slider.slider-3 .banner-caption h2 {
    font-size: 86px;
    font-weight: 900;
    color: #ffe62e;
    line-height: 99px
}

.slider.slider-3 .banner-caption h3,
.slider.slider-3 .banner-caption h3 span {
    color: #fff
}

.slider.slider-3 .banner-caption h3 span {
    background-color: #ffe62e;
    color: #000;
    padding: 0 3px
}

.slider.slider-3 .banner-caption p {
    color: #fff;
    border: 1px solid #fff
}

.slider.slider-3 img.banner-img-1 {
    position: absolute;
    width: 280px;
    bottom: 0;
    height: auto;
}

.slider.slider-4 {
    height: 100vh;
    background-color: #67cdfc
}

.slider.slider-4 img.banner-img-1 {
    width: 340px;
    position: absolute;
    bottom: 0;
    height: auto;
}

.slider.slider-4 .banner-caption h2 {
    font-size: 86px;
    font-weight: 900;
    color: #153983;
    line-height: 99px
}

.slider.slider-4 .banner-caption p {
    color: #153983;
    border: 1px solid #153983
}

.slider.slider-5 {
    background-color: #5cded8;
    height: 100vh
}

.slider.slider-5 .banner-caption h2 {
    font-size: 46px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: right;
    color: #001f82;
    text-transform: uppercase
}

.slider.slider-5 .banner-caption h3 {
    font-size: 46px;
    font-weight: 400;
    line-height: 1.29;
    text-align: right;
    color: #001f82;
    text-transform: uppercase
}

.slider.slider-5 .banner-caption p {
    border: 1px solid #fff;
    font-size: 26px;
    text-align: right;
    color: #001f82;
    background-color: #fff;
    font-weight: 400
}

.slider.slider-5 img.banner-img-1 {
    position: absolute;
    bottom: -20px;
    left: 120px;
    z-index: 12;
    width: 260px;
    height: auto;
}

.slider.slider-5 img.banner-img-2 {
    position: absolute;
    bottom: -20px;
    left: 220px;
    width: 260px;
    height: auto;
}

.slider.slider-5 img.banner-img-3 {
    position: absolute;
    bottom: -20px;
    left: -30px;
    width: 270px;
    height: auto;
}

.slider.slider-5 .banner-caption {
    position: relative;
    top: 150px
}

.career-banner-wrapper .slick-arrow {
    position: absolute;
    bottom: 44px;
    right: 0;
    width: 150px;
    height: 50px
}

.career-banner-wrapper .slick-arrow.slick-prev,
.career-banner-wrapper .slick-arrow.slick-next {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px;
    background-color: transparent;
    border: 0;
    z-index: 2;
}

.career-banner-wrapper .slick-arrow.slick-prev {
    right: 150px;
}

.career-banner-wrapper .slick-arrow.slick-next {
    right: 100px;
}

.career-banner-wrapper .slick-arrow.slick-prev:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background-image: url("../min-images/arrow-square-left.svg");
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.career-banner-wrapper .slick-arrow.slick-next:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background-image: url("../min-images/arrow-square-right.svg");
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.joinus-cta {
    margin-bottom: 30px
}

#weaspeople {
    background-color: #f5f8fa
}

.parallax-bg {
    background-size: cover;
    background-repeat: no-repeat
}

.breaker1,
.breaker2,
.breaker3 {
    height: 700px;
    width: 100%
}

.work-img-grid {
    margin-top: 50px
}

.about-read-more {
    display: none;
}

.readtext-hide {
    display: inline;
}

.read-text {
    display: none;
}

.testimonial-card {
    padding: 0 5%
}

.testimonial-card .testimonial-content {
    padding-left: 30px
}

.testimonial-content .testimonial-title {
    font-size: 54px;
    font-weight: 300
}

.testimonial-content .testimonial-icon img {
    width: 90px;
    height: auto;
}

.testi-text {
    padding: 0 40px 20px 0
}

.benefits-card-wrapper {
    padding-top: 50px
}

.benefits-card {
    text-align: center;
    padding: 20px;
    font-weight: 500
}

.benefits-card span.bullet {
    display: block;
    width: 58px;
    height: 58px;
    background-color: #98b9df;
    margin: 0 auto 10px auto;
    border-radius: 100%
}

.benefit-icon img {
    height: 50px
}

.benefit-title {
    font-size: 18px;
    line-height: 24px;
    margin: 10px
}

#openings {
    background-color: #f5f8fa
}

.career-1 {
    background: url("../min-images/career1.webp") no-repeat 50%/cover
}

.career-2 {
    background: url("../min-images/career2.webp") no-repeat 50%/cover
}

.career-3 {
    background: url("../min-images/career3.webp") no-repeat 50%/cover
}

.career-4 {
    background: url("../min-images/career-4.webp") no-repeat 50%/cover
}

.career-5 {
    background: url("../min-images/career-5.webp") no-repeat 50%/cover
}

.career-6 {
    background: url("../min-images/career-6.webp") no-repeat 50%/cover
}

.career-7 {
    background: url("../min-images/career7.webp") no-repeat 50%/cover
}

.career-8 {
    background: url("../min-images/career8.webp") no-repeat 50%/cover
}

.career-9 {
    background: url("../min-images/career9.webp") no-repeat 50%/cover
}

.career-10 {
    background: url("../min-images/career11.webp") no-repeat 50%/cover;
    background-position: 0 -19px;
}

.career-11 {
    background: url("../min-images/career10.webp") no-repeat 50%/cover
}

.career-12 {
    background: url("../min-images/career12.webp") no-repeat 50%/cover
}

.career-13 {
    background: url("../min-images/career13.webp") no-repeat 50%/cover
}

.career-14 {
    background: url("../min-images/career14.webp") no-repeat 50%/cover
}

.hiro-card-body .hiro-h1 {
    font-size: 18px;
    line-height: 2.538rem;
    margin-top: 0 !important;
    margin-bottom: .5rem !important;
    font-weight: 400 !important;
    color: #0774fc
}

#job-openings .hiro-h1 {
    font-weight: 400 !important;
    font-size: 27px;
    line-height: 30px
}

.hiro-job-filters {
    border-radius: 3px;
    background-color: #ececec !important
}

.hiro-job-card {
    background-color: transparent !important;
    border: 2px solid #0774fc !important
}

span.header-4.text-capitalize,
.hiro-icon-arrow-forward {
    color: #0774fc
}

.terms-condition .left-sidebar {
    margin-right: 40px;
    height: 80vh;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky
}

.terms-condition {
    position: relative
}

.left-sidebar.fixed {
    position: fixed;
    top: 85px
}

.left-sidebar>ol {
    margin: 20px 0
}

.left-sidebar ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0
}

.left-sidebar li {
    display: table;
    counter-increment: item;
    margin-bottom: 0
}

.left-sidebar li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: .6em
}

.left-sidebar li li {
    margin: 0
}

.left-sidebar li li:before {
    content: counters(item, ".") " "
}

.arrow-down,
.arrow-up {
    padding-right: 10px;
    position: relative
}

.sub-list-menu {
    display: none
}

.arrow-down:after,
.arrow-up:after {
    content: '';
    position: absolute;
    top: 5px;
    right: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 26px;
    margin-left: 12px
}

.arrow-down:after {
    background-image: url('../min-images/angle-down.svg')
}

.arrow-up:after {
    background-image: url('../min-images/angle-up.svg')
}

.left-sidebar ol li a {
    color: #505459;
    padding: 5px 0;
    display: block
}

.left-sidebar ol li a.active {
    color: #000;
    font-weight: 500
}

.left-sidebar.bottom {
    position: absolute;
    bottom: 25px;
    right: 0
}

a:visited,
a:focused {
    color: #0076fe
}

.maintitle {
    font-size: 30px !important;
    line-height: 40px;
    margin-bottom: 0;
    font-weight: 300;
    margin-bottom: 10px;
}

.subtitle {
    color: #000;
    font-weight: 500
}

.term-table th {
    background-color: #f7f7f7;
    font-weight: 500;
    text-align: left;
    padding: 20px 40px
}

.term-table td {
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
    padding: 20px 40px
}

.term-table td:first-child {
    font-weight: 500
}

.sitemap-wrap ul {
    margin: 20px;
    margin: 20px;
    padding: 30px;
    background-color: #f5f8fa;
    list-style: none;
    border-radius: 5px;
    height: 350px;
    box-shadow: 1px 1px 9px #e5e5e5
}

.sitemap-wrap ul li {
    margin: 15px 0
}

.sitemap-wrap ul a {
    color: #0774fc
}

.sitemap-wrap ul li h2 {
    font-weight: 500
}

.security,
.terms-condtions,
.privacy-policy {
    background: #f5f8fa;
    padding: 50px 0
}

#signup {
    background-image: url('../min-images/home-banner-img.webp');
    background-size: cover
}

.cookie {
    position: fixed;
    display: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 40px;
    background-color: rgba(38, 41, 44, .88);
    color: #fff;
    z-index: 99999;
    text-align: center
}

.cookie-text {
    margin-right: 20px
}

small {
    font-size: 16px;
    line-height: 1.5em;
    word-break: break-word
}

.cookie-privacy-link {
    color: rgba(255, 255, 255, .64)
}

.cookie-close {
    position: absolute;
    background-image: url("../min-images/close--white.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .5;
    top: 12px;
    right: 12px;
    height: 13px;
    width: 13px
}

#resources {
    background-image: url(../min-images/resources-Banner-01.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

#resources .banner_ht {
    height: 480px !important
}

#resources h1,
#small-business-hub h1,
#crm-productivity h1,
#sales-effectiveness-page h1 {
    font-size: 54px;
    font-weight: 300
}

.featured-article-left-section h2,
#academy h2,
#events h2,
.blogs-div h2,
#courses h2 {
    font-size: 48px;
    margin-bottom: 34px;
    line-height: 34px;
    font-weight: 300;
    color: #10182f
}

.featured-article-div {
    padding-bottom: 30px;
}

.blog-common-cta {
    margin-top: 40px
}

.featured-article-item-content,
.blogs-item-content {
    padding: 25px 0 0
}

.featured-article-item-content h3,
.blogs-item-content h3 {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px
}

.featured-article-image,
.blogs-image {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 490px
}

.published-detail {
    color: rgba(80, 84, 89, 0.7);
    font-size: 14px;
    padding: 15px 0
}

.published-detail img {
    width: 12px
}

.read-more-btn {
    cursor: pointer;
    background-color: #0176ff;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 35px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 29px;
    font-weight: 500;
    border: 1px solid #0176ff
}

.read-more-btn img {
    vertical-align: middle;
    width: 10px !important;
    display: inline-block !important;
    height: 25px;
}

.featured-article-short-description,
.blogs-short-description {
    margin-bottom: 39px
}

.popular-content-div {
    background-color: #efeff0;
    padding: 25px 20px;
    margin-top: 68px
}

.popular-content-heading {
    color: #10182f;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 20px
}

.featured-article-right-section,
.blogs-right-section {
    padding: 0 0 0 20px
}

.template-heading {
    margin: 10px 0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .56px;
    text-transform: uppercase
}

.popular-content-item,
.blogs-content-item {
    padding: 15px 0;
    border-bottom: 1px solid rgba(126, 126, 126, 0.2)
}

.blogs-content-item a {
    color: #1d2b36
}

.subscription-wrapper,
.subscription-wrapper-2 {
    padding: 26px 20px;
    background-color: #fff;
    border: 1px solid #d7dadb;
    margin-top: 20px
}

.subscription-wrapper-2 {
    width: 80%;
    margin: 0 auto
}

.subscription-heading .col-10 {
    padding-left: 10px
}

.subscription-heading h3 {
    font-size: 26px;
    color: #1d2b36;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 20px
}

.subscription-heading img {
    padding-top: 17px
}

.popular-content-published-detail {
    padding-top: 10px
}

.popular-content-published-detail img {
    width: 12px
}

.publisher-name,
.publisher-date {
    color: rgba(80, 84, 89, 0.7);
    font-size: 14px
}

#academy,
#courses {
    background-color: #efeff0;
    padding: 40px 0
}

.academy-description {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(80, 84, 89, 0.2)
}

.academy-items-wrapper .container,
.events-items-wrapper .container {
    padding: 0
}

.academy-items-wrapper .row,
.events-items-wrapper .row {
    display: table;
    width: 100%;
    padding: 20px 0
}

.academy-items-wrapper .col-4,
.events-items-wrapper .col-4 {
    display: inline-block;
    vertical-align: top
}

.academy-common-item {
    margin: 0 20px;
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d7dadb
}

.academy-common-item:hover {
    border: 1px solid #d7dadb;
    box-shadow: 0 5px 10px #ccc
}

.take-a-tour-btn,
.take-me-there-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 49px;
    line-height: 50px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 0;
    color: #fff
}

.take-a-tour-btn span,
.take-me-there-btn span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

.take-a-tour-btn img,
.take-me-there-btn img {
    display: block;
    vertical-align: middle;
    width: 10px;
    height: 36px
}

.events-common-item {
    margin: 0 20px
}

.academy-common-item img,
.events-common-item img {
    width: 100%;
    display: block
}

.events-caption,
.academy-item-caption {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin: 10px 0 15px
}

.events-caption {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

.academy-item-caption {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

.events-short-description {
    color: #1d2b36;
    font-size: 14px;
    margin-bottom: 10px
}

.blogs-image {
    position: relative
}

.blogs-image .img-full {
    width: 100%;
    display: block
}

.blog-img-thumb {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.blogs-div {
    background-color: #FFF;
    padding: 40px 0 !important
}

.blogs-right-content-div {
    background-color: #fff;
    padding: 25px 20px;
    box-shadow: 0 5px 5px rgba(213, 229, 240, 0.75);
    margin-top: 68px
}

.featured-blogs-heading {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(126, 126, 126, 0.2)
}

.blogs-content-item .col-8 {
    padding-left: 15px
}

.events-common-item:hover {
    border: 1px solid #d7dadb;
    box-shadow: 0 5px 10px #ccc
}

#small-business-hub {
    background-image: url(../min-images/small-business-hub-Banner-new.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

#crm-productivity {
    background-image: url(../min-images/crm-productivity-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

#sales-effectiveness-page {
    background-image: url(../min-images/sales-effectiveness-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.event-details {
    padding: 10px 10px
}

.resource-page h1 {
    display: inline-block;
    padding: 3px 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

.small-business-hub-detail {
    background-color: #f5f8fa
}

.small-business-hub-detail h1 {
    font-size: 42px;
    font-weight: 300;
    line-height: 46px;
    margin-bottom: 27px
}

.small-hub-business-heading-wrapper {
    padding: 74px 0
}

.small-hub-business-caption {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.back-btn {
    color: #10182f;
    font-size: 18px
}

.back-btn img {
    vertical-align: middle
}

.small-business-hub-listing-btns-div {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(126, 126, 126, 0.2)
}

.small-hub-dropdown-wrapper select {
    -webkit-appearance: button !important;
    appearance: button !important;
    background-color: #fff;
    height: 33px;
    font-size: 16px;
    border: 1px solid rgba(126, 126, 126, 0.2);
    padding-left: 10px;
    padding-right: 10px
}

.small-hub-pagination-wrapper a {
    background-color: #fff;
    color: #10182f;
    border: 1px solid rgba(126, 126, 126, 0.2);
    padding: 7px 15px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: inline-block
}

.small-hub-pagination-wrapper a.active {
    background-color: #000;
    color: #fff
}

.small-hub-pagination-wrapper .small-hub-pagination-left-arrow,
.small-hub-pagination-wrapper .small-hub-pagination-right-arrow {
    background-color: transparent;
    border: 0
}

.small-hub-pagination-wrapper .small-hub-pagination-left-arrow img,
.small-hub-pagination-wrapper .small-hub-pagination-right-arrow img {
    width: 16px;
    vertical-align: middle
}

.small-business-hub-filter {
    background-color: #fff;
    padding: 20px 8px;
    box-shadow: 1px 1.7px 8.9px rgba(9, 14, 33, 0.05)
}

.small-business-hub-filter h3 {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 10px
}

.search-field {
    float: left;
    width: 80% !important;
    height: 45px;
    border-radius: 29px 0 0 29px;
}

.search-btn {
    float: left;
    width: 20%;
    background-color: #0176ff;
    height: 45px;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 0 29px 29px 0;
}

.search-btn img {
    width: 25px
}

.small-business-hub-left-filter-wrapper {
    padding-right: 10px
}

.small-business-search-inner-wrapper {
    padding: 10px 0
}

.small-business-search-inner-wrapper a {
    display: block;
    color: #1d2b36;
    padding: 2px 4px
}

.small-business-hub-right-filter-wrapper .row {
    display: table;
    width: 100%
}

.small-business-hub-right-filter-wrapper .col-4 {
    display: inline-block;
    vertical-align: top;
    padding: 8px
}

.small-business-hub-common-item {
    display: block;
    float: left;
    width: 100%;
    margin: 0px 7px 10px;
    border: 1px solid rgba(126, 126, 126, 0.2);
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
}

.small-business-hub-common-item img {
    width: 100%;
    display: block
}

.blog-listing-wrap .small-business-hub-item-details {
    width: 100%;
    padding: 15px 0px 5px;
}

.blog-listing-wrap .small-business-hub-title {
    font-weight: 500;
}

.blog-listing-wrap .small-business-hub-common-item-image {
    height: 150px;
    width: 100%;
}

.blog-listing-wrap .small-business-hub-title {
    font-size: 14px;
    min-height: 85px;
}

.small-business-hub-common-item .post-date {
    font-size: 14px;
    color: #505459 !important;
    opacity: 0.6;
    margin-bottom: 20px
}

.small-business-hub-common-item:hover .post-date {
    color: #10182f !important;
}

.small-business-hub-item-details {
    padding: 15px 20px 0 20px;
    background-color: rgba(255, 255, 255, 0.2);
    float: left;
    width: calc(100% - 250px)
}

.small-business-hub-title {
    color: #10182f;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 15px;
    text-transform: initial;
}

.small-business-hub-common-item:hover {
    background-color: #fff;
    box-shadow: 1px 1.7px 8.9px rgba(9, 14, 33, 0.05)
}

.small-business-hub-common-item:hover .small-business-hub-title {
    color: #0176ff
}

.small-business-hub-type {
    font-size: 12px;
    color: rgba(80, 84, 89, 0.8);
    margin-bottom: 10px
}

.small-business-hub-short-description {
    color: #505459;
    height: 75px;
    font-size: 14px;
}

.list-category-types li,
.list-content-types li {
    list-style-type: none;
    position: relative;
    margin-bottom: 3px
}

.list-category-types li.active a,
.list-content-types li.active a {
    color: #fff;
    background-color: #0176ff;
    font-weight: 500
}

.resources-down-arrow {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    cursor: pointer
}

.post-categories li {
    list-style-type: none
}

.post-categories li a {
    color: #0176ff
}

.popular-content-item>a {
    color: #1d2b36
}

.load-more-resources {
    margin: 3% 0
}

.clearcategoriesbtn,
.clearcontenttypebtn {
    text-align: center
}

.clearcategoriesbtn img,
.clearcontenttypebtn img {
    vertical-align: middle;
    width: 16px;
    padding: 10px 0
}

.issubcat {
    margin-left: 20px;
    position: relative;
    font-size: 13px
}

.issubcat:before {
    content: "\00BB";
    position: absolute;
    left: -18px;
    top: 0;
    width: 18px;
    padding: 2px 0;
    text-align: center;
    z-index: 9;
    color: #0176ff;
    font-weight: bold
}

.list-category-types li.active.issubcat:before {
    color: #fff;
    background-color: #0176ff
}

.small-business-hub-common-item-image {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 190px;
    float: left;
    width: 250px;
    border-radius: 8px;
}

.small-business-hub-item-details .read-more-btn {
    font-size: 12px;
    line-height: 30px;
    padding: 6px 18px;
    min-width: 130px;
    text-align: center;
    text-transform: capitalize;
}

.post_view_count-image {
    background-image: url(../min-images/eye.svg);
    background-size: 100%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px
}

.post_comment_count-image {
    background-image: url(../min-images/shareOption.svg);
    background-size: 100%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px
}

.post_likes_count-image {
    background-image: url(../min-images/favoriteHeartButton.svg);
    background-size: 100%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px
}

.post_view_count,
.custom_comments_Count,
.custom_comments_likes_Count {
    display: inline-block;
    font-size: 14px;
    color: rgba(80, 84, 89, 0.7)
}

.featured-blog-view-all-btn-wrapper .view-all-btn {
    display: block
}

.posthover,
.posthover img {
    transition-duration: 0.3s
}

.posthover:hover {
    scale: 1.01;
}

.posthover:hover img {
    box-shadow: 0px 0px 20px 5px #a0a0a096;
}

#events {
    padding: 40px 0
}

.small-business-hub-item-details .download-btn {
    width: auto !important
}

.blog-category-new .template-heading {
    margin: 5px 0
}

.address-para {
    font-size: 16px;
    line-height: 30px;
    color: #505459;
}

.pricing-toggle-button {
    font-size: 0;
    padding: 20px 0;
    position: relative
}

.pricing-toggle-button a {
    display: inline-block;
    color: #b8b8b8;
    font-size: 16px;
    padding: 8px 50px;
    cursor: pointer;
    font-weight: 600
}

.toggle-switch {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 26px;
    left: 0;
    right: 0;
    top: 33%;
    margin: auto;
    z-index: -1
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0176ff;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.toggle-switch input:checked+.toggle-slider {
    background-color: #0176ff
}

.toggle-switch input:focus+.toggle-slider {
    box-shadow: 0 0 1px #2196f3
}

.toggle-switch input:checked+.toggle-slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px)
}

.toggle-slider.round {
    border-radius: 34px
}

.toggle-slider.round:before {
    border-radius: 50%
}

.pricing-toggle-button a.active-tab {
    color: #0176ff
}


/*.pricingnew-container{display:none}*/

.col-4.pricingnew-item {
    width: calc(33.333% - 3%);
    margin: 0 1.5%;
    height: 575px;
    position: relative;
    background-color: #fff;
}

.pricingnew-item {
    border-radius: 7px;
    box-shadow: 1px 1px 15px #ccc
}

.pricingnew-upper-text {
    padding: 40px 20px 0;
    position: relative
}

.pricingnew-type {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px
}

.pricingnew-type:after {
    content: '';
    background-color: #1d2b36;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 9
}

.pricingnew-desc {
    font-size: 16px;
    height: 75px
}

.pricingnew-price {
    color: #0176ff;
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    padding: 10px 0 20px;
}

.pricingfree-users-unlimited-text {
    color: #000;
    background-color: #fee832;
    padding: 5px 5px 5px 50px;
    width: 72%;
    position: relative;
    z-index: 1;
    margin-left: -23px
}

.pricingfree-users-unlimited-text:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 15px solid #1d2b36;
    border-left: 23px solid transparent;
    z-index: 9
}

.pricingfree-users-unlimited-text:after {
    content: '';
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 18px solid #fee832;
    border-bottom: 18px solid transparent;
    z-index: 9
}

.pricingfree-users-unlimited-text i {
    padding: 0 5px 0;
    font-size: 20px
}

.pricingfree-users-unlimited-text span {
    font-weight: 700
}

.pricingnew-lower-text {
    padding: 5px 20px 20px
}

.pricingnew-check {
    color: #0176ff;
    padding-right: 10px;
    font-size: 20px
}

.pricingnew-records-text {
    font-size: 17px
}

.pricingnew-records-text small {
    font-size: 14px;
    display: block;
}

.color-gray {
    color: #787979
}

.color-black {
    color: #1d2b36 !important
}

.pricingnew-records-text i,
.pricingnew-records-text span {
    font-size: 14px
}

.pricingnew-price span {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px;
}

.through {
    position: relative;
}

.through:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    top: 8px;
    left: 0px;
    transform: skew(0deg, 8deg);
    background-color: red;
}

/*.through:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    top: 8px;
    left: 0px;
    transform: skew(0deg, -8deg);
    background-color: red;
}*/
.percenoff {
    background-color: #fee832;
    padding: 4px;
    border-radius: 2px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
}

.pricingnew-price-detail {
    display: flex;
    justify-content: center;
    height: 85px;
    font-weight: 700;
    flex-direction: column
}

.pricingnew-price-detail span {
    font-weight: normal
}

.pricingnew-item:hover {
    background-color: #505459;
    color: #fff
}

.pricingnew-item.active {
    background-color: #0375fb;
    color: #fff
}

.pricingnew-item.active .pricingnew-upper-text {
    overflow: hidden
}

.pricingnew-item:hover .pricingnew-type:after {
    background-color: #fff
}

.pricingnew-item.active .pricingnew-type:after {
    background-color: #fff
}

.pricingnew-item:hover .pricingnew-price,
.pricingnew-item:hover .pricingnew-check,
.pricingnew-item:hover .pricingnew-records-text i,
.pricingnew-item:hover .pricingnew-records-text span {
    color: #fff
}

.pricingnew-item.active .pricingnew-price,
.pricingnew-item.active .pricingnew-check,
.pricingnew-item.active .pricingnew-records-text i,
.pricingnew-item.active .pricingnew-records-text span {
    color: #fff
}

.pricingnew-item.active .pricingfree-users-unlimited-text {
    background-color: #fee832
}

.pricingnew-item.active .pricingfree-users-unlimited-text:after {
    border-left: 18px solid #fee832
}

.pricingnew-item.active .pricingnew-signup-div:before {
    border-top: 1px solid #fff
}

.pricingnew-item.active .pricingnew-signup {
    background-color: #fff;
    color: #000
}

.recommmended-btn {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 15px;
    font-size: 15px;
    position: absolute;
    top: 38px;
    font-weight: 600;
    right: -57px;
    width: 217px;
    z-index: 9;
    transform: rotate(45deg)
}

.pricingnew-view-all-details-btn-wrapper {
    padding: 40px 15px;
}

.pricingnew-view-all-details-btn,
.compare-view-all-details-btn {
    display: inline-block;
    color: #0375fb;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.pricingview-detail-text {
    border-bottom: 1px solid #0375fb;
}

.pricingnew-view-all-details-btn img,
.compare-view-all-details-btn img {
    vertical-align: middle;
    width: 23px;
    margin-left: 8px;
}

.pricingnew-view-all-details-btn-right-div {
    font-size: 13px;
    padding: 9px 0px 0px;
}

.pricingnew-table-wrapper {
    padding: 0px 0 40px;
}


/*.compare-table-wrapper{height: 490px;overflow: hidden;transition: all 0.6s ease-in-out;}*/

.pricingnew-table {
    width: 100%;
    border-collapse: collapse
}

.pricingnew-table td,
.pricingnew-table th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 12px
}

.pricingnew-table td.col-4,
.pricingnew-table th.col-4 {
    width: 33.33%;
}

.pricingnew-table td.col-2,
.pricingnew-table th.col-2 {
    width: 16.66%;
}

.pricingnew-table th {
    background-color: #f5f8fb;
    padding: 2% 12px
}

.pricingnew-table-addon td {
    min-height: 65px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.pricingnew-table td {
    min-height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-color: #fff;
}

.pricingnew-table-row .text-left .color-gray {
    font-size: 14px
}

.pricingnew-last-col {
    background-color: #0375fb !important;
    color: #fff
}

.pricingnew-table-row .pricingnew-last-col {
    background-color: #e5f1fe !important;
    color: #0375fb
}

.pricingnew-table-row-head td {
    background-color: #f5f8fb;
    font-weight: 600;
    font-size: 16px
}

.pricingnew-table-row span {
    font-size: 14px
}

.pricingnew-table-row-head .text-left {
    text-align: left !important;
    align-items: initial
}

.pricingnew-table-row .text-left {
    justify-content: left;
    flex-direction: row !important
}

.pricingnew-coming-soon-section-wrapper {
    padding: 50px 0
}

.pricingnew-coming-soon-item {
    margin: 0 1%;
    padding: 30px;
    text-align: center;
    border-radius: 7px;
    background-color: #f4f8fb;
    height: 375px
}

.pricingnew-coming-soon-image {
    padding: 35px 0 20px;
    margin: 0 auto 15px
}

.pricingnew-coming-soon-section-wrapper .section-title {
    font-size: 30px !important
}

.pricingnew-signup-div {
    padding: 35px 0 0;
    position: relative
}

.pricingnew-signup-div:before {
    content: '';
    position: absolute;
    top: 20px;
    border-top: 1px solid #787979;
    left: 0;
    width: 100%;
    z-index: 9
}

.pricingnew-signup {
    display: inline-block;
    color: #fff;
    background-color: #0375fb;
    font-size: 16px;
    padding: 15px 40px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 29px;
    line-height: 28px;
    height: 55px;
}

.tooltip {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    vertical-align: text-top;
    height: 20px;
    position: absolute;
    right: 10px;
}

.tooltip.left-icon {
    right: unset;
    top: 13px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 2;
    bottom: -35px;
    transform: translate(-50%, -50%);
    left: 0%;
}

.righttooltiptext {
    left: unset !important;
    right: 0px;
    transform: unset !important;
    bottom: 100% !important;
}

.tooltip img {
    width: 15px;
    height: 15px;
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.pricingnew-upper-section {
    background-color: #3274F6;
    /* background-image: url('../home-images/KylasBanner1.png'); */
    background-image: unset;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    min-height: 100vh;
    height: 100%
}

.homesection-para {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 15px;
}

.pricingnew-upper-left-section {
    position: absolute;
    right: -50px;
    width: 52%;
    z-index: 9;
    height: 100%;
    top: 0;
    /*    top: 50%;
    transform: translateY(-50%);*/
}

.pricingnew-upper-left-section img

/*.pricingnew-upper-left-section svg*/
    {
    width: 100%;
    display: block;
    height: auto;
    margin: auto;
    position: absolute;
    bottom: 0;
}

.pricingnew-upper-right-section {
    color: #fff;
    padding: 3% 0 0 0%;
}

.pricingnew-upper-right-section .section-title {
    font-size: 42px !important;
    margin-bottom: 10px;
    font-weight: 500
}

.pricingnew-upper-first-para,
.pricingnew-upper-second-para {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 22px
}

.pricingnew-upper-second-para {
    margin-top: 10px
}

.pricingnew-upper-price {
    font-size: 21px;
    font-weight: 600;
    margin-top: 12px
}

.pricingnew-upper-price .hidden-xs {
    display: inline-block !important
}

.pricingnew-upper-right-section .banner-cta {
    margin-top: 45px;
    width: 222px;
}

.partner-left-section .banner-cta {
    margin-top: 60px;
}

.partner-left-section .banner-cta a,
.pricingnew-upper-right-section .banner-cta a {
    border: 2px solid #fff
}

.partner-left-section .banner-cta a,
.partner-left-section .banner-cta span,
.pricingnew-upper-right-section .banner-cta span {
    display: inline-block;
    margin-right: 15px
}

.partner-left-section .banner-cta a>span,
.pricingnew-upper-right-section .banner-cta a>span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px
}

.partner-left-section .banner-cta a>span>img,
.pricingnew-upper-right-section .banner-cta a>span>img {
    display: block;
    vertical-align: middle;
    width: 11px
}

.partner-left-section .banner-cta small {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #fff
}

.pricingnew-upper-right-section .banner-cta small {
    font-size: 9px;
    text-align: center;
}

.partner-left-section .banner-cta .btn-transparent {
    background-color: #fff;
    color: #0176ff
}

.partner-left-section .banner-cta .btn-transparent img,
.pricingnew-upper-right-section .banner-cta .btn-transparent img {
    width: 16px
}

.pricingnew-upper-right-section .banner-cta a.btn-blue {
    background-color: transparent
}

#pricingtable {
    padding: 50px 0 0
}

.pricingnew-upper-section .down-arrow {
    margin-top: 0;
    position: absolute;
    width: 30px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    z-index: 9
}

p.pricing-toggle-info {
    margin: -26px 0 20px 330px;
}

.price-arrow-pin {
    width: 25px;
    transform: rotate(-90deg);
    margin-right: 8px;
}

.pricingnew-table-row-head .text-left {
    width: 100% !important;
    color: #0176FF;
    font-weight: 400;
    position: relative;
}

.pricingnew-table-row-head td {
    cursor: pointer;
}

.pricingnew-table-row-head td:after {
    content: '';
    background-image: url(../min-images/angle-down-blue.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 25px;
    background-position: center;
    top: calc(50% - 5px);
    background-position: center;
    transform: translateX(-50%);
}

.pricingnew-table-row-head.open-tr td:after {
    background-image: url(../min-images/angle-up-blue.svg);
}

.pricingnew-table-row .fa.fn-20 {
    font-size: 14px !important;
}

.pricingnew-table th {
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.pricingnew-table-row-head~.pricingnew-table-row {
    display: none;
}

.expert-help .section-title {
    font-size: 26px;
    color: #081233;
    line-height: 30px;
    font-weight: 500;
}

.expert-help .sec-desc {
    color: #000000;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.expert-help .price-tag-line {
    font-size: 14px;
    line-height: 26px;
    color: #505459;
    /*opacity: 0.8;*/
    width: 252px;
    text-align: center;
    padding: 0 0px;
}

.compare-table-wrapper .pricingnew-table tr {
    display: table;
    width: 100%;
}

.compare-table-wrapper .pricingnew-table td {
    min-height: 77px;
    display: table-cell;
    float: unset;
    height: 77px;
}

#kylasvsOtherCRM .pricingnew-view-all-details-btn-wrapper {
    padding: 20px 0px;
}

.kyals-mobile-app {
    /*background-image: url('../min-images/mobile-app-bg.webp');*/
    padding: 120px 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.kyals-mobile-app h2 {
    color: #FFE51D;
    font-size: 44px;
    line-height: 52px;
    font-weight: 400;
}

.kyals-mobile-app p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin: 30px 0 50px;
}

.kyals-mobile-app p span {
    color: #00CEFE;
}

.kyals-mobile-app a {
    margin-right: 20px;
    display: inline-block;
}

.kylasvsothercrm {
    /* background-image: url("../min-images/kylasvsothercrm-banner.webp"); */
    height: auto;
    padding: 115px 0px 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #D9E8F9;
}
.text-CRM-title{
    color: #000000; 
    font-weight: 700;  
}
.text-CRM-desc{
    color: #000000;   
}
.Banner-Image {
    width: 100%;
    
    img {
        width: 50%;
    }
}

.center-last {
  margin-left: auto;
  margin-right: auto;
  float: none; /* if float is used elsewhere */
}

.comparison-wrap {
    border: 1px solid #F4F4F4;
    border-radius: 12px;
    padding: 30px 20px;
    height: 330px;
    background-color: #F5F8FA;
    display: flex;              /* NEW */
    flex-direction: column; 
}

.comparison-wrap .comparison-box-title {
    color: #1D2B36;
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
}

.comparison-wrap p {
    /* height: 100px; */
}

/* .comparison-wrap-img img {
    display: inline-block;
       width: 100%;
} */

.comparison-wrap-img {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
  margin-bottom: 25px;
 
}

.comparison-wrap-img .vs-logo {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  box-shadow: 1px 1px 10px #e7e7e7;
  overflow: hidden;
  flex-shrink: 0;
  padding: 5px;
  margin-left: -20px;
  position: relative;
  z-index: 1; 
  background-color: #FFF;
   pointer-events: none;
   border: 0.88px #E3E3E3 solid;
}

.comparison-wrap-img .vs-logo:first-child {
  margin-left: 0;
  z-index: 10; 
}

.comparison-wrap-img .vs-logo img {
  width: 80%;
  height: 70%;
  object-fit: contain;
  display: block;
}

.sec-desc2{
    color: #505459;
    font-size: 14px;
    line-height: 24px;
}
span.vs-txt {
    background-color: #FFE51C;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 27px;
    color: #1D2B36;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
}

.comparison-box-button{
    padding: 3px 20px;
    /* font-weight: 700;
    font-size: 16px; */
    margin-top: 10px;
    border-radius: 999px;
    pointer-events: auto;
    cursor: pointer;
    margin-top: auto;   
    align-self: flex-start; 
    text-transform:none;
}

.customer-testimonials-section {
    background-color: #0176ff
}

.customer-testimonials-section .section-title {
    color: #fff
}

.customer-testimonials-left-section iframe {
    width: 100%;
    display: block;
    height: 350px
}

.customer-testimonials-right-section {
    padding-left: 30px;
    color: #fff
}

.customer-testimonial-quote {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 36px;
    z-index: 9
}

.customer-testimonial-quote img {
    width: 100%;
    display: block
}

.customer-testimonial-quote-content {
    padding: 100px 0 0
}

.customer-testimonial-quote-writer {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px
}

.customer-testimonial-quote-designation {
    font-size: 16px
}

.design-obj-3 {
    position: absolute;
    right: 3%;
    top: 150px;
    z-index: 9
}

.design-obj-4 {
    position: absolute;
    right: 3%;
    bottom: 10%;
    z-index: 9
}

.design-obj-5 {
    position: absolute;
    left: 3%;
    bottom: 25%;
    z-index: 9
}

.customer-testimonials-controls {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.customer-testimonials-controls a {
    position: relative;
    width: 75px;
    display: block;
    color: #fff
}

.customer-testimonials-controls #customer-testimonial-left {
    text-align: right
}

.customer-testimonials-controls #customer-testimonial-left a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url("../min-images/white-left-arrow.webp");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
}

.customer-testimonials-controls #customer-testimonial-right a:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url("../min-images/white-right-arrow.webp");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
}

.integration-crm-sec {
    margin-bottom: 70px;
    background-image: url("../min-images/integration-bg.webp");
    height: 330px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.integration-crm-sec .sec-title {
    font-size: 32px;
    padding-top: 120px;
}

.integration-slider-1 .slick-slide img {
    padding: 5px !important;
}

.sl1 {
    display: flex;
    flex-direction: row;
}

.integration-slide {
    display: flex;
}


/***************** Customer Stories *********/

.testimonialresults .testimonial-image,
.msmeresults .testimonial-image {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 190px;
    float: left;
    width: 250px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    position: relative;
}

.testimonial-image a {
    position: absolute;
    bottom: 10px;
    width: 110px;
    background-color: #fff;
    border-radius: 4px;
    text-align: left;
    height: 30px;
}

.testimonial-image a img {
    width: 40px;
    display: inline-block;
    height: 33px;
}

.testimonial-image a span {
    background: #fff;
    color: #000;
    box-shadow: none;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.testimonial-image-box {
    display: block;
    float: left;
    width: 100%;
    margin: 0px 7px 10px;
    border: 1px solid rgba(126, 126, 126, 0.2);
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
}

.testimonia-right-title {
    padding: 10px 20px 0 20px;
}

.testimonia-right-content {
    padding: 20px 20px 0 20px;
}

.testimonial-title {
    color: #10182f;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 0px;
    text-transform: initial;
}

.testimonial-designation,
.testimonial-content {
    color: #505459;
    font-size: 14px;
}

.testimonial-content {
    height: 66px;
    overflow: hidden;
    transition: hidden 0.6s ease-in-out;
}

.career-page.testimonial-content {
    height: auto;
    overflow: initial;
}

.blogsearchresults {
    display: none;
}

.newsroom {
    padding: 30px 0 70px
}

.newsroom-content {
    margin-top: 15px;
    padding: 0
}

.newsroom-card-wrapper {
    padding: 10px
}

.newsroom-card {
    border-radius: 5px;
    height: 500px;
    background-color: #f5f8fa
}

.newsroom-card .newsroom-img img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.newsroom-card .content {
    text-align: center;
    padding: 30px 30px 0
}

.newsroom-card .newsroom-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px
}

.customerengagement-content-head {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.customerengagement-item-wrapper {
    padding: 40px 0 0
}

.customerengagement-image {
    text-align: center
}

.customerengagement-content {
    padding-left: 15px
}

.customerengagement-item {
    padding: 15px;
    height: 180px
}

section.padding.integrations-section {
    padding: 70px 0 00px 0;
}

.integrations-wrapper {
    padding: 40px 0 0;
    width: 90%;
    margin: auto;
    float: none;
    /* width: 80%; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
}

.integrate-mobile-dropdown {
    display: none;
}

.integrations-tabs ul {
    float: left;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 40px;
}

.integrations-tabs ul li {
    list-style: none;
    width: 11.1%;
    float: left;
    text-align: center;
    position: relative;
    height: 55px;
}

.integrations-tabs ul li a {
    letter-spacing: 0.07px;
    color: #505459;
    font-size: 18px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.integrations-tabs ul li.active a {
    color: #0076FF;
    font-weight: 500;
}

.integrations-tab-content.tab-content.active {
    display: block;
}

.integrations-tab-content.tab-content {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    min-height: 120px;
}

.integrations-tabs ul li.active:after {
    content: '';
    background: #0076FF;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.integrations-tab-content .bx-prev,
.integrations-tab-content .bx-next,
.trusted-client-slider-wrap .bx-prev,
.trusted-client-slider-wrap .bx-next,
.rating-slider-wrapper .bx-prev,
.rating-slider-wrapper .bx-next,
.award-slider-wrap .bx-prev,
.award-slider-wrap .bx-next,
.property-integration .bx-prev,
.property-integration .bx-next {
    text-indent: -9999999px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border: 0px solid;
}

.integrations-tab-content .bx-prev,
.trusted-client-slider-wrap .bx-prev,
.rating-slider-wrapper .bx-prev,
.award-slider-wrap .bx-prev,
.property-integration .bx-prev {
    background-image: url('../min-images/integrate-left-icon.svg');
    left: 0;
}

.integrations-tab-content .bx-next,
.trusted-client-slider-wrap .bx-next,
.rating-slider-wrapper .bx-next,
.award-slider-wrap .bx-next,
.property-integration .bx-next {
    background-image: url('../min-images/integrate-right-icon.svg');
    right: 0;
}

.trusted-client-slider-wrap .bx-viewport {
    height: 120px !important;
}

.integrations-item {
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.integrations-item img {
    vertical-align: middle;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.integrations-item.col-12-5 {
    min-width: 230px;
    margin: 35px auto 0;
    display: inline-block;
    float: unset;
    height: 50px;
    position: relative;
}

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

.category-sidebar-title {
    font-size: 20px !important;
    color: #1D2B36 !important;
    line-height: 58px !important;
    font-weight: 700 !important;
    margin-left: -25px;
}

.sidebar-catg-list li {
    list-style: none;
    padding-left: 20px;
    display: block;
    counter-increment: none;
}

.sidebar-catg-list li:before {
    display: none;
}

.sidebar-catg-list li a {
    font-size: 15px;
    color: #505459;
    line-height: 40px;
}

.sidebar-catg-list li a.active {
    color: #407BFF;
}

.categories-title {
    font-size: 42px;
    line-height: 58px;
    color: #1D2B36;
    font-weight: 300;
}

.categories-listing-title {
    font-size: 26px;
    line-height: 58px;
    color: #1D2B36;
    font-weight: 600;
}

.categories-listing-desc,
.categories-listing-box .catg-desc {
    color: #505459;
    font-size: 15px;
    line-height: 26px;
}

.list-wrapper {
    overflow: hidden;
}

.categories-listing-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E6E9;
    border-radius: 4px;
    padding: 17px 14px 18px 14px;
    min-height: 270px;
    height: 270px;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
}

.categories-listing-box:hover {
    background-color: #dae9ff;
    box-shadow: rgba(38, 41, 44, 0.12) 0px 2px 8px 0px;
}

.categories-listing-box .catg-box-img {
    height: 55px;
    position: relative;
}

.categories-listing-box .catg-box-img img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.categories-listing-box .catg-title {
    font-size: 21px;
    line-height: 30px;
    color: #1D2B36;
    font-weight: 500;
    margin-top: 15px;
}

.categories-listing-box .sub-catg-title {
    color: #000;
    opacity: 0.7;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px;
    display: block;
}

.categories-listing-wrap ul {
    margin-left: -8px;
    margin-right: -8px;
}

.categories-listing-wrap ul li {
    width: 33.33%;
    float: left;
    padding: 8px;
    list-style: none;
}

.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.simple-pagination .current {
    color: #FFF;
    background-color: #407BFF;
    border-color: #407BFF;
    border-radius: 100%;
    height: 44px;
    width: 44px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 34px;
}

.simple-pagination li a,
.simple-pagination li span {
    color: #747678;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #FFF;
    font-size: 18px;
    line-height: 40px;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #fff;
    width: auto;
    height: auto;
    border-radius: 0px;
    color: #747678;
}

.search-row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px 20px;
    color: #666;
}

.search-row .image-container {
    margin-right: 15px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-row img {
    width: 40px;
}

.search-row .name-container {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

.search-row .tagline-container {
    margin-top: 4px;
    font-size: 12px;
    line-height: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    color: #a9a9a9;
    text-align: left;
}

.search-results-wrap ul {
    list-style: none;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    text-align: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: auto;
    max-height: 294px;
}

.search-results-wrap {
    position: absolute;
    left: 15px;
    right: 0;
    background-color: #fff;
    color: #333;
    z-index: 5;
    top: 48px;
    width: calc(100% - 30px);
    display: none;
}

.search-category-wrap.pos-rel {
    width: 550px;
    margin: 60px auto 0;
}

.search-field-box input {
    background-color: #fff;
    border-radius: 25px;
    padding: 14px 20px;
}

.search-category-btn {
    background-image: url(../min-images/search.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 13px;
    background-color: #0176FF;
    height: 47px;
    width: 47px;
    border-radius: 100%;
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer;
}

.search-field-box #searchApp:not(:placeholder-shown)~.search-category-btn~.search-results-wrap {
    display: block;
}

.search-results-wrap li {
    border-bottom: 1px solid #ddd;
    /*    transition: all 0.9s ease-in-out;*/
}

.search-results-wrap li:hover {
    background-color: #dae9ff;
}

.no-results p {
    padding: 16px 20px;
}

.featured_integrations .categories-listing-box .catg-box-img img {
    height: 80px;
}

.featured_apps {
    color: #000;
    background-color: yellow;
    text-align: center;
    padding: 2px 50px;
    position: absolute;
    right: -54px;
    top: 15px;
    font-weight: 600;
    transform: rotate(45deg);
    font-size: 9px;
    z-index: 99;
}

/************* My Operator *****/

.myoperator {
    background-image: url(../min-images/operator-desktop.webp);
    /*background-color: #001F82;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100vh;
}

.myoperator2 {
    height: 600px;
    background-image: url(../min-images/kylas-operator-desktop.webp);
}

.myoperator .container {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1220px;
    top: 50%;
    height: 370px;
}

.myoperator2 .container {
    height: 310px;
}

.btn-dark-blue {
    background-color: #011E82;
}

.inner-features-banner-title {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
}

.txt-yellow {
    color: #FFE51C;
}

.inner-features-banner-desc {
    font-size: 20px;
    line-height: 34px;
    margin: 20px 0 50px;
}

.btn-white {
    background-color: #fff;
}

.operator-benefit li .operator-icon img {
    width: 68px;
    height: 68px;
}

.operator-right img {
    mix-blend-mode: screen;
}

.operator-benefit li {
    list-style: none;
    width: 33.33%;
    float: left;
    height: auto;
    position: relative;
}

.operator-benefit-new li {
    list-style: none;
    width: 340px;
    height: 370px;
    position: relative;
    margin: 15px 15px;
    border-radius: 6px;
    display: inline-block;
    background-color: #F5F8FA;
}

.operator-benefit-new li .operator-inner,
.operator-benefit li .operator-inner {
    padding: 30px 10px;
}

.operator-benefit-new li .operator-icon,
.operator-benefit li .operator-icon {
    width: 100%;
    float: left;
    text-align: center;
}

.operator-benefit li .operator-info,
.operator-benefit-new li .operator-info {
    width: 100%;
    float: left;
    text-align: center;
}

.operator-benefit-new li .operator-info .box-title {
    color: #1D2B36;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.operator-benefit li .operator-info .box-title {
    color: #1D2B36;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.operator-benefit li .operator-info .inner-info,
.operator-benefit-new li .operator-info .inner-info {
    color: #505459;
    font-size: 16px;
    line-height: 26px;
    padding: 0 20px 30px;
}

.operator-benefit li.br-right:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 12px;
    top: 0;
    border-right: 1px solid rgba(1, 118, 255, 0.5);
}

.operator-benefit li.br-bottom:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0px;
    bottom: 0;
    border-bottom: 1px solid rgba(1, 118, 255, 0.5);
}

.operator-title {
    color: #1D2B36;
    font-size: 36px;
    line-height: 52px;
    font-weight: 500;
}

.operator-started {
    padding: 50px 0;
}

.operator-started-new {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px 0;
    background-image: url(../min-images/myoperator-offer-desktop.svg);
}

.why-kylas-operator-inner {
    margin: 20px;
    border: 1px solid #F3F8FF;
    height: 445px;
}

.why-kylas-operator-inner .img-box {
    padding: 30px 40px;
    background-color: #F3F8FF;
    border: 1px solid #F3F8FF;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    height: 200px;
}

.content-box {
    padding: 0 40px;
}

.content-box .inner-title {
    font-size: 26px;
    line-height: 31px;
    color: #102E62;
    font-weight: 500;
    margin: 40px 0 20px;
    text-align: center;
}

.content-box .inner-desc {
    color: #505459;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.integrate-link {
    font-size: 16px;
    line-height: 25px;
    color: #0176FF;
}

.integrate-link span,
.integrate-link span img {
    vertical-align: top;
}

.myoperator-testimonial {
    background-color: #E8F1FE;
}

.myoperator-testimonial .testimonial-quote-content {
    color: #3E3E3E;
}

.myoperator-testimonial .testimonials-quote {
    opacity: 0.7;
}

.myoperator-testimonial .testimonial-quote-writer,
.myoperator-testimonial .testimonial-quote-designation {
    color: #102E62;
    font-weight: 500;
}

.operator-client-logo {
    background-color: #F5F8FA;
}

.myoperator-testimonial .testimonials-slide:after {
    border-right: 1px solid #D0DBEB
}


/*********** End **********/

.exotel-icon {
    margin-left: 35%;
}

.submenuoption-head {
    font-size: 21px !important;
    font-weight: 500 !important;
    padding: 22px 0px 10px !important;
    display: block;
}

.submenu-div {
    /*height:190px;*/
    /*padding:0px 0px;*/
    position: relative
}

.submenuoption-sub-head {
    padding: 10px 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}

.menu-kylas-logo {
    position: absolute;
    width: 5%;
    top: 3%;
    left: 2%;
    z-index: 9
}

.menu-option.hidden-portrait,
.menu-option.hidden-xs {
    display: inline-block !important
}

.menu-option img {
    width: 14px;
    vertical-align: middle;
    margin-left: 4px;
}

.header .menu-option>a:after,
.header-home.scrolled .menu-option>a:after {
    background-image: url(../home-images/menu-arrow-black.svg);
}

.header-home .menu-option>a:after {
    background-image: url(../home-images/menu-arrow-white.svg);
}

.menu-option>a:after {
    content: '';
    width: 20px;
    height: 10px;
    background-size: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

.submenu-category-div {
    float: left;
    width: 100%;
}

.sub-option {
    margin-top: 0px;
    /*    margin-left: 0px;*/
}

.sub-option a {
    font-size: 13px !important;
    margin: 5px 0;
    padding: 10px 0px !important;
    margin: 0px 0px;
}

.submenuoption-div {
    padding-bottom: 15px;
    width: 50%;
    float: left;
    padding-left: 40px;
    position: relative;
}

.submenuoption-div a {
    display: block;
    font-size: 15px;
    line-height: 1.6 !important;
    padding: 5px 0px !important;
}

.submenuoption-education-div .sub-option a,
.submenuoption-finance-div .sub-option a,
.submenuoption-blogs-div .sub-option a,
.submenuoption-free-resources-div .sub-option a {
    position: relative;
    padding: 5px 0px 5px 14px !important;
    width: 100% !important;
}

.submenuoption-education-div .sub-option a:before,
.submenuoption-finance-div .sub-option a:before,
.submenuoption-blogs-div .sub-option a:before,
.submenuoption-free-resources-div .sub-option a:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 100%;
}

.submenuoption-events-div,
.submenuoption-blogs-div,
.submenuoption-customer-div,
.submenuoption-video-tutorials-div,
.menufacturing-icon,
.submenuoption-travel-div,
.submenuoption-ites-div,
.submenuoption-digital-div,
.submenuoption-others-div,
.submenuoption-education-div,
.submenuoption-finance-div,
.submenuoption-indian-msme-div,
.submenuoption-recp-div,
.menufacturing-icon {
    position: relative;
    margin-bottom: 20px;
}

.inner-submenu {
    position: absolute !important;
    right: 25px;
    top: 3px;
    width: 10px !important;
    padding: 0 !important;
}

.education-options-menu {
    left: 255px;
    position: absolute;
    width: 280px;
    top: -20px;
    background-color: #fff;
    box-shadow: 1px 7px 10px rgb(1 118 255 / 30%);
    max-width: 1200px;
    margin: auto;
    right: 0;
    z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 30px;
    visibility: hidden;
    opacity: 0;
}

.inner-submenu img {
    width: 6px;
}

.education-options-menu.active {
    visibility: visible;
    opacity: 1;
}

.features-nav-menu .submenuoption-sub-head,
.industry-nav-menu .submenu-div a {
    /*    padding: 10px 0 10px 14px !important;*/
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 23px !important;
    margin-right: 0;
}

.features-nav-menu {
    width: 100% !important;
    padding: 20px !important;
}

.industry-nav-menu,
.resources-options-menu.company-nav-menu {
    max-width: 243px;
    margin: auto;
    position: absolute;
    width: 243px;
    left: -40px;
    top: 75px;
}

.resources-options-menu.why-kylas-menu {
    max-width: 310px;
    margin: auto;
    position: absolute;
    width: 310px;
    left: -40px;
    top: 75px;
}

.resources-options-menu.industry-nav-menu {
    width: 285px;
    max-width: 285px;
}

.industry-nav-menu .submenuoption-div,
.company-nav-menu .submenuoption-div {
    width: 100%;
    padding-left: 0;
    padding-block: 3px;
}

.features-nav-menu .submenu-div h3,
.features-submenu h3 {
    font-size: 16px;
    line-height: 34px;
    color: #1d2b36;
    font-weight: 500;
    margin-bottom: 10px;
}

.features-nav-menu .submenu-div p,
.features-submenu .submenu-div p,
.industry-nav-menu .submenu-div p,
.industry-submenu .submenu-div p,
.company-nav-menu .submenu-div p,
.company-submenu .submenu-div p,
.industry-menu .submenu-div p,
.resources-menu .submenu-div p {
    background-color: #f5f8fa;
    width: 37px;
    height: 37px;
    border-radius: 6px;
    float: left;
    position: relative;
    padding: 10px;
    margin-right: 10px;
}

.features-nav-menu .submenu-div p img,
.features-submenu .submenu-div p img,
.industry-nav-menu .submenu-div p img,
.industry-submenu .submenu-div p img,
.company-nav-menu .submenu-div p img,
.company-submenu .submenu-div p img,
.industry-menu .submenu-div p img,
.resources-menu .submenu-div p img {
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
}

.features-nav-menu .submenu-div a,
.features-submenu .submenu-div a,
.industry-nav-menu .submenu-div a,
.industry-submenu .submenu-div a,
.company-nav-menu .submenu-div a,
.company-submenu .submenu-div a,
.industry-menu .submenu-div a,
.resources-menu .submenu-div a {
    width: calc(100% - 60px);
    float: left;
    margin-right: 0;
}

.features-submenu .submenu-div a,
.company-submenu .submenu-div a {
    padding-left: 20px !important;
    font-size: 14px !important;
    margin-bottom: 11px;
}

.industry-nav-menu .submenu-div a,
.company-nav-menu .submenu-div a {
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0px 0 0 10px !important;
}

.border-right {
    position: relative;
}

.border-right:after {
    content: '';
    position: absolute;
    right: 35px;
    height: 100%;
    width: 1px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.right-side-menu {
    width: 100%;
    margin-left: 80px;
    position: relative;
}

.right-side-menu:after {
    content: '';
    position: absolute;
    left: -75px;
    height: 100%;
    width: 1px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.right-side-menu.industry-right-menu {
    margin-left: 0px;
}

.right-side-menu.industry-right-menu:after {
    content: none;
    position: unset;
    border-left: none;
}

.resources-options-menu {
    visibility: hidden;
    opacity: 0;
    /*transition: visibility 0s, opacity ease-in-out 0.3s; */
    position: fixed;
    top: 75px;
    background-color: #fff;
    width: 100%;
    box-shadow: 1px 7px 10px rgba(1, 118, 255, 0.3);
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 0 20px 30px;
}

.resources-options-menu.open {
    display: block
}

.menu-option {
    position: relative;
}

.menu-option:hover .nav-submenu {
    visibility: visible;
    opacity: 1;
}

.partner-section {
    background-color: #071689;
    min-height: 100vh;
}

.partner-page-container {
    padding-top: 150px
}

.partner-left-section {
    padding: 0;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.partner-left-section .section-title {
    font-size: 56px !important;
    font-weight: 700;
    line-height: 72px;
}

.partner-left-section .banner-caption-list li {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    text-transform: capitalize;
    font-weight: 500;
}

.partner-left-section .banner-caption-list li:after {
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../min-images/Icon-check-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
}

.partner-right-section {
    position: absolute;
    left: 6%;
    bottom: 0;
    width: 42%;
    z-index: 99
}

.partner-right-section img {
    width: 100%;
    display: block;
    height: auto;
}

.banner-cta-tagline {
    color: #FFE51C;
    font-size: 32px;
    line-height: 34px;
    font-weight: 500;
}

.partner-register-popup .form-title-inner {
    font-size: 26px;
    line-height: 48px;
    color: #333333;
    font-weight: 500;
}

.partner-register-popup {
    width: 546px;
}

.kl-form .kl-input .form-label {
    font-size: 14px !important;
}

.kl-form .kl-row .kl-col {
    padding: 0 5px !important;
}

.kl-input .intl-tel-input.allow-dropdown {
    width: 100% !important;
}

.partner-section .down-arrow {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 30px;
    margin: auto;
    z-index: 99
}

.whypartner-item {
    height: 270px;
    padding: 25px 20px;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
    border-bottom: 1px solid rgba(204, 204, 204, 0.4)
}

.whypartner-item-title {
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0
}

.border-right-zero-last-item {
    border-right: 0
}

.lower-row-item {
    border-bottom: 0
}

.looking-partner-section p {
    color: #081233;
    font-size: 36px;
    line-height: 48px;
    font-weight: 500
}

.table-space {
    margin: 50px auto;
}

/* -------------------------drpdwn------------------------ */
.up-arrow img {
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.rotated img {
    transform: rotate(180deg);
}

/* -------------------------------------------------------- */
.whatsapp_header img {
    width: 100%;
    display: block
}

.whatsapp_footer {
    position: fixed;
    bottom: 2%;
    width: 53px;
    left: 2%;
    z-index: 999
}



.visible-portrait.header-demo-btn {
    display: none !important
}

.hidden-portrait.header-demo-btn {
    display: inline-block !important;
    padding: 13px 0px;
}

.floatingCall-Wrapper {
    position: fixed;
    bottom: 1%;
    left: 70px;
    z-index: 99;
}

.floatingbutton-Wrapper {
    position: fixed;
    left: 100%;
    z-index: 3;
    top: 48%;
    transform: rotate(-90deg) translate(-55%, -99%);
    transform-origin: 0 0;
    display: block;
    width: 250px;

    .btn-blue{
        border-radius: 5px;
    }
}

.marginbottom{
  margin-bottom: 0px !important;
}

.callIcon {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.inner-num {
    transition: 0.5s ease;
    display: none;
    /*padding: 15px 40px 15px 20px;*/
}

.inner-num a {
    color: #fff;
}

.number-wrapper {
    display: none;
    position: absolute;
    top: 50%;
    width: 205px;
    left: 70px;
    height: 50px;
    padding: 15px 0px 15px 40px;
    transform: translateY(-50%);
    line-height: 20px;
    color: #fff;
    background-color: #43ade2;
    margin-left: -40px;
    border-radius: 50px;
    z-index: -1;
}


/*smbupskilling start*/

#smb-upskilling {
    background-color: #0176ff;
}

.smb-upskilling-section .container {
    padding-top: 3%;
}

.smb-upskilling-section h1 {
    font-size: 40px !important;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 30px;
    color: #fff;
}

.smb-upskilling-caption-section {
    padding: 4% 0 0;
}

.smb-upskilling-caption-section h3 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 30px;
    color: #505459;
    color: #fff;
}

.smb-upskilling-caption-section p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    font-weight: 500;
}

.at-kylas-para {
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

.smb-upskilling-left-section {
    padding: 0 3% 0 0;
}

.smb-upskilling-right-section {
    padding: 20px 20px 50px;
}

.lead-gen-form {
    padding: 25px 24px 0px;
    color: #000;
    background-color: #fff;
    float: left;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 12px;
    font-size: 14px;
}

.lead-gen-form .form-group {
    margin-bottom: 13px;
    padding: 0px 10px;
}

.lead-gen-form .wpcf7-not-valid-tip {
    font-size: 12px !important;
    bottom: -11px;
}

.lead-gen-form .form-group textarea {
    width: 100%;
    resize: none;
    background-color: transparent;
    /*border: 2px solid #0176ff;*/
    border-radius: 3px;
    font-family: inherit;
    padding: 10px;
}

.lead-gen-form .form-group.submit-btn-wrapper {
    margin-bottom: 0px;
}

.lead-gen-form .wpcf7-form-control-wrap {
    min-height: 44px;
    position: relative;
    display: block;
}

.lead-gen-form .form-group .wpcf7-submit {
    background-color: #0176ff !important;
    border: 1px solid #0176ff !important;
    cursor: pointer !important;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    margin: 20px 0;
    width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    border-color: transparent !important;
}

.wpcf7-not-valid-tip {
    font-size: 14px !important;
    position: absolute;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0 1em !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    font-size: 20px;
    text-align: center;
    padding: 8px 18px 8px;
    margin: 0;
    font-weight: 500;
    border: 2px solid #0176ff !important;
}

.lead-gen-form input:not([type=checkbox]),
.lead-gen-form textarea {
    color: #000;
    border: 2px solid #1d2b36;
    font-size: 13px;
    height: 36px;
}

.smb-upskilling-caption-section .honestcrmtext {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.required-field-text {
    padding-bottom: 8px;
}


/*smbupskilling end*/

.newsroom-section {
    padding: 80px 0px;
}

.newsroom-banner-section {
    background-image: url(../min-images/newsroom-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.newsroom-banner-section h1 {
    font-size: 54px;
    font-weight: 500;
}

.newsroom-banner-section .down-arrow {
    margin-top: 0;
    position: absolute;
    width: 30px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 7%;
    z-index: 9;
}

.newsroom-subtitle {
    font-weight: 300;
    font-size: 48px;
    /* padding: 22px 0; */
    /* border-bottom: 1px solid #d4d4d4; */
    margin-bottom: 19px;
}

.newsroom-slider-wrapper {
    border-top: 1px solid #d4d4d4;
    padding: 22px 0px 0px;
}

.newsroom-slide {
    padding: 0 15px 50px;
    display: block;
}

.press-list {
    min-height: 460px;
    border: 1px solid #e2e5f1;
}

.news-link-title {
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    color: #000;
    height: 74px;
    overflow: hidden;
    margin-bottom: 8px;
}

.press-list-content {
    padding: 20px;
}

.vp-category-date {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
}

.press-list-content .date {
    padding: 0px 0 10px;
}

.newsroom-slide:hover .news-link-title {
    font-weight: bold;
}

.contact-mail-id-section {
    background-color: #0176ff;
    font-size: 25px;
}

.registered-smbs-and-media-element {
    background-color: #dfeaf8;
    bottom: -65px;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    position: absolute;
    border-radius: 10px;
    z-index: 9;
}

.registered-smbs-and-media-element .registered-smbs-and-media-common {
    position: relative;
    /*  display: flex;
    align-items: center;
    justify-content: center;*/
}

.registered-smbs-and-media-internal-div {
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.registered-smbs-and-media-internal-div:before {
    content: '';
    position: absolute;
    left: -108px;
    top: -175px;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-color: rgba(1, 118, 255, 0.2);
    z-index: -1;
}

.registered-smbs-and-media-internal-div:after {
    content: '';
    position: absolute;
    left: -122px;
    top: -140px;
    width: 265px;
    height: 265px;
    border-radius: 100%;
    background-color: rgba(1, 118, 255, .3);
    z-index: -1;
}


/*.registered-smbs-and-media-element .registered-smbs-and-media-common:nth-child(1):before,.registered-smbs-and-media-element .registered-smbs-and-media-common:nth-child(2):before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #fff;
    height: 100%;
    width: 1px;
    z-index: 9;
}*/

.registered-smbs-and-media-element .registered-smbs-and-media-common .col-2 {
    text-align: center;
}

.registered-smbs-and-media-element .registered-smbs-and-media-common .col-2 img {
    width: 38px;
    margin-top: 10px;
}

.registered-smbs-and-media-element .registered-smbs-and-media-common a {
    color: #000;
    border-bottom: 2px solid #000;
}

.stats-div {
    font-size: 21px;
    font-weight: 700;
    line-height: 29px;
    color: #000;
}

.stats-desc {
    font-size: 20px;
    font-weight: 700;
    margin-top: -4px;
}

.blink_me {
    animation: blinkMe 2s linear infinite;
}

@keyframes blinkMe {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*.registered-smb-home-strip:before{
    background-image: url(../min-images/waves-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height: 45px;
    position:absolute;
    content:'';
    left:0;
    top:0;
    opacity:0.3;
    z-index:-1;
}*/
.registered-smb-home-strip {
    background-color: #f5f8fa;
    text-align: center;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
}

.registered-smb-home-strip a {
    display: inline-block;
    color: #112f89;
    font-size: 16px;
    padding: 8px 0px;
    font-weight: 600;
}

.registered-smb-home-strip .click-here-btn {
    display: inline-block;
    border-bottom: 1px solid #112f89;
}

.registered-smb-home-strip .new-text {
    color: #112f89;
    display: inline-block;
    padding: 2px 10px;
    text-transform: uppercase;
    background-color: #fee519;
    margin-right: 7px;
    border-radius: 6px;
}

.partner-register-form-wrapper {
    padding: 18px 30px 10px;
}

.partner-register-form-wrapper #kl__form-container {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.partner-register-form-wrapper #kl__form-container h5 {
    text-align: center;
    color: #0176FF;
    font-size: 1.5rem;
    line-height: 31px;
}

.partner-register-form-wrapper .kl-form {
    display: block;
    flex-direction: unset;
}

.partner-register-form-wrapper .kl-form .kl-row {
    display: block;
    flex-wrap: unset;
    margin: 0px;
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

.partner-register-form-wrapper .kl-form .kl-row:nth-child(2),
.partner-register-form-wrapper .kl-form .kl-row:nth-child(3) {
    width: 50%;
    float: left;
}

.partner-register-form-wrapper .kl-form__branding {
    margin-left: 20px;
}

.partner-register-form-wrapper .form-control {
    margin: 0px;
}

.partner-register-form-wrapper .kl-form .kl-input span.invalid {
    position: absolute;
    position: absolute;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    bottom: -9px;
}

.partner-register-form-wrapper .kl-form__submit-button {
    margin-left: 0.6667rem;
}

.home-newsroom-section {
    background-color: #f5f8fa;
}

.home-newsroom-section .newsroom-slide {
    padding: 0px 15px 0px;
}

.how-clients-benefits-section {
    background-color: #0176ff;
}

.how-clients-benefits-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0px 0px;
}

.how-clients-benefits-item {
    display: inline-block;
    width: calc(33.33% - 40px);
    background: #F3F8FF17 0% 0% no-repeat padding-box;
    border: 1px solid #F3F8FF65;
    border-radius: 6px;
    padding: 40px;
    margin-block-start: 40px;
    margin: 0 20px 40px;
}

.how-clients-benefits-item-image {
    margin-bottom: 27px;
}

.how-clients-benefits-item-image img {
    width: 80px;
    height: 80px;
}

.how-clients-benefits-item-desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

.hidden {
    display: none
}

select {
    background-color: transparent;
    border: 2px solid #ecf2ff;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.select_opt {
    color: rgba(0, 0, 0, 0.65);
    text-align: left;
    appearance: none;
    background-image: url(../min-images/angle-down.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-x: 97%;
    cursor: pointer;
    margin-bottom: 5px;
}


/*academy page css 17sept2021*/

.videofilter-page {
    background-image: url(../min-images/resources-Banner-01.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    height: 400px;
    margin-top: 60px;
}

.videofilter-page .banner-caption {
    display: table-cell;
    vertical-align: middle;
    /*display: flex;
display: -webkit-flex;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
flex: 1;
-webkit-flex: 0 1 100%;*/
    /*align-content: center;*/
    /*align-items: center;*/
    height: 400px;
}

.videofilter-page h1 {
    font-size: 54px;
    font-weight: 300;
    display: inline-block;
    padding: 3px 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

.filterstep {
    background-color: #fff;
    padding: 20px 8px;
    box-shadow: 1px 1.7px 8.9px rgb(9 14 33 / 5%);
}

.filterstep h3 {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 10px;
}

.filtervideo {
    padding: 0px 15px;
}


/*filterside menu*/

.academysearchresults {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 25px 25px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.filterside-menu .course-manifest {
    height: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    overflow-y: auto;
}


/* width */

.filterside-menu::-webkit-scrollbar {
    width: 10px;
}


/* Track */

.filterside-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    background: #fff;
}


/* Handle */

.filterside-menu::-webkit-scrollbar-thumb {
    background: #0b458a;
    border-radius: 10px;
}


/* Handle on hover */

.filterside-menu::-webkit-scrollbar-thumb:hover {
    background: #0b458a;
}

.academysearchresults {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 25px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.filterside-menu .module .module-header {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all .15s ease;
    cursor: pointer;
}

.filterside-menu .active .module-header:nth-child(1):after {
    display: none;
}

.filterside-menu .active .module-header {
    background-color: #0176ff;
    color: #fff;
    font-weight: 500;
    border: 0;
}

.filterside-menu .module .module-header .chapter-number {
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ebebeb;
    margin-right: 18px;
    position: absolute;
    z-index: 2;
}

.filterside-menu .module .module-header .chapter-number p {
    color: #000;
    display: block;
    text-align: center;
    margin: auto;
}

.filterside-menu .module .module-header .chapter-title {
    font-size: 15px;
    color: #000;
    width: 100%;
    margin-left: 40px;
}

.filterside-menu .active .module-header .chapter-title {
    color: #fff;
    font-weight: 500;
}

.videofilter-tabs .lesson-container {
    display: none;
}

.filterside-menu .module .module-list {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    transition: all .4s ease;
}

.filterside-menu .active .module-list {
    max-height: 600px;
    overflow-y: auto;
}

.filterside-menu .module .module-list .list-group-item .icon-container {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #cfd7dc;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
}

.sub-module-list .list-group-item .icon-container1 {
    height: 25px;
    width: 25px;
    color: #333;
    background-color: transparent;
    border: 0px solid #cfd7dc;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
}

.filterside-menu .module .module-list .list-group-item.active .icon-container {
    background-color: #0176ff;
}

.sub-module-list .list-group-item.active .icon-container1 {
    color: #0176ff;
}

.filterside-menu .module .module-list .list-group-item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
}

.filterside-menu .module .module-list .list-group-item a p {
    color: #333;
    margin-left: 40px;
}

.filterside-menu .module .module-list .list-group-item {
    padding: 15px 18px;
    background-color: rgba(47, 102, 144, .08);
    display: block;
    /*display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;*/
    position: relative;
}

.sub-module-list {
    margin-top: 10px;
}

.filterside-menu .module .sub-module-list .list-group-item {
    padding: 10px 18px;
    background-color: transparent !important;
    display: block;
    /*display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;*/
    position: relative;
}

.filterside-menu .active .module-header:after {
    content: "";
    display: block;
    height: 50%;
    width: 1px;
    position: absolute;
    left: 26px;
    top: 50%;
    background-color: #fff;
    z-index: 1;
}

.filterside-menu .module .module-list .list-group-item:after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 25px;
    top: 0;
    background-color: #cfd7dc;
    z-index: 0;
    transition: all ease-in-out 0.3s;
}

.filterside-menu .module .sub-module-list .list-group-item:after {
    content: "";
    display: block;
    height: 100%;
    width: 0px;
    position: absolute;
    left: 25px;
    top: 0;
    background-color: #cfd7dc;
    z-index: 0;
    transition: all ease-in-out 0.3s;
}

.filterside-menu .module .module-list .active,
.filterside-menu .module .module-list .list-group-item:hover {
    background-color: #d2e3f7;
}

.navigation-btns {
    margin-top: 30px;
}

.youtube-video-container {
    width: 100%;
    padding-top: 0px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .bannerimage {
        min-height: calc(100vh - 32px) !important;

    }

    .bannercrmimage {
        min-height: calc(100vh - 0px) !important;
        ;
    }

    .videofilter-page h1 {
        font-size: 34px !important;
    }

    .filtervideo {
        padding: 15px 0px !important;
    }

    .main-videofilter .small-hub-business-heading-wrapper {
        padding: 30px 0 10px !important;
    }

    .academysearchresults {
        padding: 15px !important;
    }

    .filterside-menu .module .module-list .list-group-item a p {
        margin-left: 30px !important;
    }

    .filterside-menu .module .module-list .list-group-item:after {
        left: 20px !important;
    }

    .filterside-menu .module .module-list .list-group-item {
        padding: 10px 13px !important;
    }

    .youtube-video-container iframe {
        height: 200px;
    }

    #pricingnew .banner_ht {
        height: auto;
    }

    .pricingnew-upper-section {
        /* background-color: #071689; */
        /* background-image: url('../home-images/banner-mobile.jpg') !important; */
        position: relative;
        min-height: unset;
        height: auto;
    }

    .kylas-salescrm.pricingnew-upper-section {
        min-height: calc(100vh - 32px);
    }

    .pricingnew-upper-left-section imgimg {
        width: 100%;
        display: block;
        height: auto;
        margin: auto;
        position: relative;
        bottom: -28px;
    }

    /*homebanner timer*/
    .timer-title {
        font-size: 12px;
        max-width: 60px
    }

    .timer-text {
        font-size: 46px;
        line-height: 46px;
        box-shadow: inset -5px 8px 12px #0000007B;
        border-radius: 14px;
        padding: 12px 8px;
        margin-right: 25px;
    }

    .timer-text:after {
        right: -22px;
        font-size: 40px;
    }

    .timer:after {
        width: 273px;
        height: 23px;
        opacity: 0.85;
        filter: blur(9px);
    }

    .timer-banner-img {
        transform: translate(6%, 0%);
        ;
        right: -10px !important;
        position: relative !important;
        top: -30px
    }

    .timer-banner-img {
        max-height: 00px
    }

    #truested-by .pc-content-wrapper {
        margin-left: 5px;
    }

    /*homebanner timer*/
}


/*19 oct case study css*/

.casestudy-play-video-btn {
    color: #fff;
    border: 2px solid #fff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    padding: 7px 20px;
    margin-top: 20px;
}

.casestudy-play-video-btn img {
    vertical-align: middle;
}

.highlite_box {
    padding: 10px;
}

.highlite_box2 {
    border-right: 1px solid #888;
    border-left: 1px solid #888;
}

.casestudy-banner {
    /*background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(../min-images/resources-Banner-Casestudy.webp);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    color: #fff;
    padding: 50px 0px;
}

.casestudy-banner .col-5,
.casestudy-banner .col-7 {
    padding: 0px 15px;
}

.casestudy-banner h1 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    font-weight: 100;
    margin: 10px 0;
}

.banner-text {
    display: flex;
    padding-top: 50px;
    text-align: center;
    height: 340px;
    align-items: center;
    justify-content: center;
}


/*
.banner-text {
padding-top: 50px;
text-align: center;
height: 340px;
}*/

.banner-text p {
    font-size: 24px;
    font-weight: 100;
}

.highlightHt {
    padding: 40px 0;
    position: relative;
}

.casestudy-sec .col-3 {
    padding: 0px 0px;
}

.casestudy-sec .col-9 {
    padding: 0px 20px;
}

.casestudy_hightlight {
    background: #fff !important;
    text-align: center;
    padding: 30px 0px 20px !important;
}

.case-report h1 span {
    font-size: 32px;
    line-height: 32px;
}

.casestudy_side {
    box-sizing: border-box;
    width: 275px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    margin: 0px auto;
}

.caseside_div ul {
    list-style: none;
}

.caseside_div ul li span {
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1d2b36;
    line-height: 32px;
}

.caseside_div ul li {
    list-style-type: none;
    text-align: left;
    border: 1px solid #888;
    padding: 15px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
}

.caseside_div ul li.challenges_div ul {
    padding-left: 20px;
    list-style: disc !important;
}

.caseside_div ul li.challenges_div ul li {
    list-style-type: disc !important;
    padding: 0px !important;
    border: 0px !important;
    margin-bottom: 5px;
}

.casestudy-sec .section-title {
    font-size: 30px !important;
    line-height: 38px;
    margin-bottom: 20px;
    font-weight: 400;
}

.casestudy_inner h1,
.casestudy_inner h2,
.casestudy_inner h3,
.casestudy_inner h4,
.casestudy_inner h6,
.casestudy_inner h6 {
    font-weight: normal !important;
    margin-bottom: 10px;
}

.casestudy_inner .wp-block-quote.is-large,
.casestudy_inner .wp-block-quote.is-style-large {
    margin: 10px 0;
    border-left: 4px solid #177efb;
    font-size: 16px;
    line-height: 26px;
}

.wp-block-pullquote {
    margin: 20px 0 !important;
}

.wp-block-pullquote {
    padding: 20px 0 !important;
}

.wp-block-pullquote p {
    color: #177efb !important;
    font-size: 20px !important;
    line-height: 30px !important;
    margin-bottom: 20px !important;
}

.wp-block-pullquote cite {
    font-size: 16px !important;
    line-height: 30px !important;
}

.casestudy_inner .wp-block-quote.is-large p,
.casestudy_inner .wp-block-quote.is-style-large p {
    font-size: 14px;
    line-height: 24px;
}

.case-report .ul_prod {
    padding-left: 40px;
}

.ul_prod ul {
    padding-left: 30px;
}

.casestudy_side h4 {
    font-size: 26px;
}

.casestudy_content {
    padding: 40px 0px;
}

.subtitle {
    font-size: 24px;
    line-height: 30px;
    margin: 20px 0px;
    font-weight: 400;
}

.share_button {
    padding: 0px 0px 20px;
}

.share_button a {
    display: inline-block;
    margin: 10px;
}

.ssbp-text {
    display: none;
}

.casestudy-other {
    background: #eee;
    padding: 50px 0px;
}

.casestudy-other .col-6 {
    padding: 0px 15px;
}

.casestudy_div {
    background: #fff;
    margin-bottom: 25px;
    min-height: 442px;
}

.casestudy_div h4 a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.case_other {
    padding: 10px;
}

.casestudy-sec .wp-block-quote {
    border-left: 4px solid #177efb;
    margin: 20px 0px;
    padding-left: 1em;
    font-size: 14px;
}

.casestudy_hightlight {
    background: transparent !important;
    position: relative;
    padding: 0px !important;
}

.casestudy_hightlight .container {
    padding: 0px;
    background-color: #dfeaf8;
    top: -54px;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    position: relative;
    border-radius: 10px;
    z-index: 9;
}

.casestudy_hightlight .casestudy_internal-div {
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.casestudy_hightlight .casestudy_internal-div:before {
    content: '';
    position: absolute;
    left: -108px;
    top: -175px;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-color: rgba(1, 118, 255, 0.2);
    z-index: -1;
}

.casestudy_hightlight .casestudy_internal-div:after {
    content: '';
    position: absolute;
    left: -122px;
    top: -140px;
    width: 265px;
    height: 265px;
    border-radius: 100%;
    background-color: rgba(1, 118, 255, .3);
    z-index: -1;
}

.highlite_box {
    display: flex;
    padding: 10px;
    justify-content: center;
    height: 70px;
    align-items: center;
}

.quotes_div {
    background: #dfeaf8;
    margin: 10px auto;
    width: 90%;
    position: relative;
    padding: 30px 40px;
    clear: both;
}

.quotes_content {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 20px;
}

.quotes_left {
    position: absolute;
    top: 20px;
    left: 25px;
}

.quotes_right {
    position: absolute;
    bottom: 20px;
    right: 25px;
}

.quotes_div img {
    width: 30px;
}

.quotes_author {
    margin-top: 10px;
}

.quotes_author h4 {
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 0px;
}

.quotes_author p {
    font-size: 16px;
}


/*********************** Feature Page **********/

.feature-icon-box-inner {
    background-color: #F5F8FA;
    border-radius: 6px;
    padding: 30px 20px 20px;
}

.feature-icon-box {
    margin: 0 auto 10px;
}


/*.feature-icon-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}*/

.features-small-title {
    font-size: 22px;
    line-height: 32px;
    color: #1D2B36;
    font-weight: 400;
    margin: 5px 0 10px;
}

.read-more-features {
    color: #0176FF;
    font-size: 12px;
    line-height: 25px;
    position: relative;
    display: block;
    margin-top: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #407BFF;
    border-radius: 15px;
    display: inline-block;
    padding: 0 20px;
}


/*.read-more-features:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 90px;
    height: 1px;
    background-color: #0176FF;

}*/

.features-xs-title {
    color: #1D2B36;
    font-size: 18px;
    line-height: 32px;
    margin-top: 20px;
    font-weight: 500;
}

.customisation-list .features-xs-title {
    color: #1D2B36;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.box-features {
    background-color: #F5F8FA;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 15px;
}

.box-scroll {
    height: 240px;
    overflow: auto;
    padding-right: 30px;
}

.box-scroll-300 {
    height: 300px;
}

.set-wrap {
    display: none;
    padding: 15px 8px;
    border-top: 1px solid rgba(112, 112, 112, 0.17);
}

.set-box {
    border-radius: 6px;
    background-color: #F5F8FA;
    margin-bottom: 10px;
    padding: 0 18px;
}

.set-title {
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    height: 56px;
    padding: 15px 8px;
    cursor: pointer;
}

.set-title .set-kylas-title {
    font-size: 18px;
    line-height: 28px;
    color: #1D2B36;
    width: 100%;
    padding: 0;
    margin: 0;
}

.set-title.active_accordation h3 {
    color: #001F82;
}


/********************** Common Features Style ****************/

img.feature-banner.features-banner-integration {
    width: 400px;
}

.features-menu {
    position: fixed;
    top: 80px;
    z-index: 999;
}

.features-menu.scrolled {
    background-color: #fff;
}

.features-menu ul li {
    list-style: none;
    display: inline-block;
    width: 10%;
    float: left;
    text-align: center;
}

.features-menu ul li a {
    color: #1D2B36;
    font-size: 14px;
    line-height: 35px;
    font-weight: 300;
    padding: 10px 0;
    position: relative;
}

.features-menu ul li a.active {
    color: #1D2B36;
    font-weight: 500;
}

.features-menu ul li a.active:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
    width: 90%;
    background-color: #1D2B36;
    height: 2px;
}

.features-menu ul {
    border-top: 1px solid rgb(29 43 54 / 30%);
    border-bottom: 1px solid rgb(29 43 54 / 30%);
    height: 36px;
}


/* Firefox */

.box-scroll,
.kylas-scroll {
    scrollbar-width: auto;
    scrollbar-color: #182C57;
}


/* Chrome, Edge, and Safari */

.box-scroll::-webkit-scrollbar,
.kylas-scroll::-webkit-scrollbar {
    width: 3px;
    height: 2px;
}

.box-scroll::-webkit-scrollbar-track,
.kylas-scroll::-webkit-scrollbar-track {
    /*background: #2e384d;*/
    background: rgba(1, 118, 255, 0.5);
}

.box-scroll::-webkit-scrollbar-thumb,
.kylas-scroll::-webkit-scrollbar-thumb {
    background-color: #0176FF;
    border-radius: 36px;
    border: 1px solid #0176FF;
}

.features-page-list {
    background-color: #99C8FF;
    height: 650px;
}

.features-page-list img.img-responsive {
    min-height: 180px;
}

.bread-crumbs-sec {
    margin-top: 10px;
}

.features-page-list .btn-blue {
    margin-top: 30px;
}

.features-page-list .btn-blue span {
    vertical-align: middle;
}

.features-page-list .btn-blue span img {
    vertical-align: sub;
}

#featuresbanner .btn-blue.no-bg {
    background-color: transparent;
    color: #0176ff;
}

.br-left-piller:after {
    content: '';
    position: absolute;
    left: -30px;
    border-left: 1px solid rgba(1, 118, 255, 0.50);
    height: 100%;
    width: 1px;
    top: 0;
}

#omnichannel .br-left-piller:after {
    left: -75px;
}

section#omnichannel:after {
    content: '';
    position: absolute;
    background-color: #F5F8FA;
    width: 77%;
    height: 632px;
    left: 0;
    z-index: -1;
    top: 0;
}

.omnichannel-cicle {
    width: 632px;
    height: 632px;
    position: absolute;
    left: calc(77% - 333px);
    z-index: -1;
    top: 0;
}

.circle-list {
    border: 1px solid rgba(1, 118, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}

.circle-1 {
    width: 100%;
    height: 100%;
}

.circle-2 {
    border: 1.5px dashed rgba(1, 118, 255, 0.5);
    width: 87%;
    height: 87%;
}

.circle-3 {
    width: 75%;
    height: 75%;
}

.circle-4 {
    border: 1.5px dashed rgba(1, 118, 255, 0.5);
    width: 63%;
    height: 63%;
}

.circle-5 {
    width: 51%;
    height: 51%;
}

.circle-6 {
    border: 1px dashed rgba(1, 118, 255, 0.5);
    width: 38%;
    height: 38%;
}

.circle-7 {
    border: 2px dashed rgba(1, 118, 255, 0.5);
    width: 25%;
    height: 25%;
}

.circle-2 img:nth-child(1) {
    position: absolute;
    top: -6px;
    left: 60%;
}

.circle-2 img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 97%;
}

.circle-2 img:nth-child(3) {
    position: absolute;
    bottom: 0px;
    left: 60%;
}

.circle-4 img:nth-child(1) {
    position: absolute;
    top: 85%;
    left: 80%;
}

.circle-4 img:nth-child(2) {
    position: absolute;
    top: 20%;
    left: 90%;
}

.circle-6 img:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 94%;
}

.bread-crumbs {
    font-size: 14px;
    line-height: 28.8px;
    color: #1D2B36;
    font-weight: 400;
    padding: 10px 0px;
    border-bottom: 1px solid #cccccc;
}

.bread-crumbs a {
    color: #1D2B36;
}

.bread-crumbs span {
    font-weight: 500;
}

.back-shadow:before {
    position: absolute;
    content: '';
    background: #585858 0% 0% no-repeat padding-box;
    border-radius: 51px;
    opacity: 0.54;
    filter: blur(40px);
    bottom: 0;
    width: 468px;
    height: 51px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 1;
}

.feature-title {
    font-weight: 400;
    color: #001F82;
    font-size: 36px;
    line-height: 50px;
}

.new {
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;
}

.features-banner-title {
    font-weight: 500;
    color: #001F82;
    font-size: 36px;
    line-height: 50px;
}

.feature-title {
    color: #1D2B36;
}

.features-banner-desc {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin-top: 15px;
}

.feature-desc {
    font-size: 16px;
    line-height: 26px;
    color: #505459;
    margin-top: 15px;
}

.w-light {
    font-weight: 300 !important;
}

.w-medium {
    font-weight: 500 !important;
}

.crm-roadmap-wrap-head {
    background-color: #F5F8FA;
}

.roadmap_wrapper {
    padding: 0 20px;
}

.roadmap-archives {
    font-size: 18px;
    color: #081233;
    text-align: left;
    padding: 20px 0 0;
    font-weight: 500;
}

.roadmap-list {
    width: 246px;
    padding: 0 20px 20px 20px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #2727271a;
}

.roadmap-title {
    color: #0176FF;
    font-size: 46px;
    font-weight: 500;
}

.roadmap-subtitle {
    font-size: 26px;
    color: #081233;
    padding: 10px 0;
    font-weight: 500;
}

.roadmap-content ul {
    padding: 0 0 0 40px;
}

.roadmap-content ul li {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.set {
    position: relative;
    padding: 13px 20px 13px 50px;
    height: auto;
    float: left;
    width: 100%;
    background-color: #F5F8FA;
    margin-bottom: 10px;
}

.roadmap-list .accordian-title {
    position: relative;
    padding: 12px;
    height: auto;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    background-color: unset;
}

.set>a {
    display: block;
    padding: 8px 20px 8px 16px;
    text-decoration: none;
    color: #1D2B36;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    position: relative;
    height: auto;
    line-height: 28px;
    letter-spacing: 1px;
}

.set a h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1px;
}

.roadmap-list .accordian-title.active_accordation {
    font-size: 18px;
    color: #001F82;
    font-weight: 500;
}

.roadmap-list .accordian-title {
    display: block;
    padding: 8px 20px 8px 16px;
    text-decoration: none;
    color: #4D4D4D;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    position: relative;
    height: auto;
    line-height: 28px;
    letter-spacing: 1px;
}

.roadbt {
    border-top: 1px solid #70707038;
}

.accordian-title {
    padding: 8px 15px 10px;
    cursor: pointer;
    font-size: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 95% 44%;
    background-image: url("../min-images/less.svg");
}

.accordian-title.active_accordation {
    padding: 20px 15px;
    cursor: pointer;
    font-size: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 95% 44%;
    background-image: url("../min-images/more.svg");
}

.roadmap-list .accordian-title:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #4D4D4D;
    border-radius: 52px;
    top: 43%;
    left: 0;
}

.roadmap-list .accordian-title.active_accordation:before {
    background-color: #001F82;
}

.set>a i {
    position: absolute;
    left: -25px;
    top: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
}

.set>a:after {
    position: absolute;
    content: '';
    width: 53px;
    height: 100%;
    background-size: contain;
    left: 18px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.set>a.active:after {
    width: 60px;
}

.set a .icon-plus {
    border: 2px solid #000;
}

.set a .icon-plus:after,
.set a .icon-plus:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
    background-color: #000;
    top: 7px;
}

.set a .icon-plus:after {
    width: 8px;
    height: 2px;
}

.set a .icon-plus:before {
    width: 2px;
    height: 8px;
}

.set a .icon-minus:after {
    width: 8px;
    height: 2px;
    background-color: #000;
    top: 8px;
    position: absolute;
    content: '';
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
}

.roadmap-list .accordian-content a {
    font-size: 14px;
    color: #505358;
    line-height: 30px;
    display: block;
}

.roadmap-list .accordian-content a.active {
    color: #0176FF;
}

.roadmap-list .accordian-content {
    text-align: left;
    padding: 2px 20px 10px 30px;
}

.set .content {
    padding: 0px 0;
    margin-top: 0px;
    display: none;
    text-align: center;
    padding: 2px 20px;
}

.content p {
    text-align: left;
    padding-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
    font-size: 18px;
    color: #505459;
    display: flex;
}

.content ul {
    color: #505459;
    padding-left: 20px;
    font-size: 18px;
}

.feature-sec-padding {
    padding: 40px 0;
}

.bg-gray {
    background-color: #F5F8FA;
}

.img-br-20 {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 20px;
}

.img-br-30 {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 20px;
}

.cols .row {
    margin-left: -15px;
    margin-right: -15px;
}

.cols .row .col-6 {
    padding: 0 15px;
}


/**************** Lead Management ******************/

.lead-managment .banner-badge {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 3.36px;
    font-weight: 500;
    color: #fff;
    background-color: #001F82;
    border-radius: 20px;
    padding: 12px 25px;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.organize-lead-wrapper ul {
    list-style: none;
    padding-left: 58px;
}

.organize-lead-wrapper ul li {
    font-size: 16px;
    line-height: 24px;
    color: #505459;
    position: relative;
    margin-bottom: 30px;
    font-weight: 400;
}

.organize-lead-wrapper {
    margin-top: 40px;
}

.organize-lead-wrapper ul li:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../min-images/check-orange.webp");
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -25px;
    top: 4px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*    flex-wrap: wrap;*/
    flex: 1 0 auto;
}

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

.includes-wrapper {
    display: flex;
    align-items: center;
    background-color: #F5F8FA;
    border-radius: 6px;
    padding: 17px 10px;
    justify-content: left;
}

.includes-icon {
    width: 102px;
    height: 102px;
    background-color: #001F82;
    border-radius: 50%;
    position: relative;
    flex: none;
}

.include-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.includes-content-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    color: #1D2B36;
    margin-bottom: 15px;
}

.includes-content {
    /* width: calc(100% - 102px); */
    padding-left: 43px;
}

.includes-content ul {
    list-style: none;
    padding-left: 26px;
}

.includes-content ul li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #505459;
    font-weight: 500;
    display: inline-block;
    width: 355px;
}

.includes-content ul li:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../min-images/check-orange-s.webp");
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -25px;
    top: 4px;
}

.section-subtitle-light {
    line-height: 25px !important;
    color: #505459;
    font-weight: 400;
}

.lead-managment-pipelinemanagement .section-title {
    margin-bottom: 20px;
}

.pmtablinks {
    padding-right: 0px;
}

.pmtablinks ul li a>span {
    margin-bottom: 5px;
}

.pmtablinks ul li a>span.bold {
    font-size: 20px;
    line-height: 28px;
}

.pmtablinks ul li a>span:nth-child(2) {
    color: #505459;
    margin-bottom: 0px;
}

.pmtablinks ul li a {
    padding: 15px 20px;
}

.pd-tp-60 {
    padding-top: 20px;
}

.assign-leads-sec .section-subtitle-light {
    padding-right: 20px;
}

.assign-leads-sec {
    background-color: #F5F8FA;
    padding-top: 70px;
    padding-bottom: 70px;
}

.lead-assign-lead {
    height: 509px;
}

.leads-wrapper {
    text-align: center;
    margin-top: 35px;
}

.lead-title {
    color: #1D2B36;
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
    font-weight: 500;
}

.lead-item {
    display: inline-flex;
    width: 162px;
    height: 139px;
    text-align: center;
    border: 1px solid #E6E6E8;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    align-items: center;
    vertical-align: middle;
    margin: 13px;
}

.lead-item .lead-icon {
    max-width: 36px;
    max-height: 30px;
    margin: auto;
    margin-bottom: 10px;
}

.converlead-item {
    font-size: 20px;
    line-height: 28px;
    color: #1D2B36;
    font-weight: 500;
}

.benefits-list-slider .collab-card-head {
    line-height: 24px;
}

.benefits-list-slider .collab-icon {
    height: 80px;
}

.benefits-list-slider .collab-cards-wrapper {
    padding: 0 0px 00px 0px !important;
    height: auto !important;
}

.benefits-list-slider .collab-cards-wrapper:nth-child(5),
.benefits-list-slider .collab-cards-wrapper:nth-child(6),
.benefits-list-slider .collab-cards-wrapper:nth-child(7) {
    margin-top: 40px;
}


/**************** sales automation ******************/

.improve-sales img {
    width: 65%;
}

.account-wrap {
    background-color: #F5F8FA;
    height: 470px;
    text-align: center;
    padding: 60px 50px;
    margin-bottom: 20px;
}

.account-img {
    height: 215px;
}

.account-wrap .block-title {
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
    color: #1D2B36;
    margin-bottom: 5px;
}

.account-wrap p {
    font-size: 16px;
    line-height: 24px;
    color: #505459;
    padding: 0 22px;
}


/**************** Data management and Security **********/

.dms-list {
    padding: 0 42px;
    text-align: center;
}

.dms-list.br-right {
    border-right: 1px solid #cdcdcd;
}


/*************** Deal Management **********/

.collab-card-head {
    line-height: 24px;
}

.collab-icon {
    height: 80px;
}

.collab-cards-wrapper {
    padding: 0 0px 00px 0px !important;
    height: auto !important;
}

.collab-cards-wrapper:nth-child(4),
.collab-cards-wrapper:nth-child(5),
.collab-cards-wrapper:nth-child(6) {
    margin-top: 40px;
}


/************** Calling *********/

.dms-list {
    padding: 0 42px;
    text-align: center;
}

.dms-list.br-right {
    border-right: 1px solid #cdcdcd;
}

.call-reminder-sec {
    padding: 50px 0 0 0;
    height: 510px;
}


/**************** mobile ********/

.mobile-img-bg {
    background-image: url(../min-images/mobile-app-bg.svg);
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.minheight-140 {
    min-height: 140px;
}


/***************** Integration marketplace *******/

.other-app-wrapper {
    background-color: #F5F8FA;
    padding: 30px;
    height: 280px;
}

.other-app-wrapper h3,
.custom-report-wrapper .block-title {
    font-size: 20px;
    line-height: 29px;
    color: #1D2B36;
    font-weight: 500;
    margin-bottom: 10px;
}

.other-app-wrapper p {
    font-size: 16px;
    line-height: 24px;
    color: #505459;
}

.integrate-market-list {
    margin-left: -5px;
    margin-right: -5px;
}

.integrate-market-list .col-4,
.integrate-market-list .col-6 {
    padding: 5px;
}

.inner-icon {
    height: 85px;
}

.integrate-market-list .col-6 .other-app-wrapper {
    height: 160px;
}

.section-title-tab {
    font-size: 34px;
    line-height: 58px;
    font-weight: 300;
    color: #1D2B36;
}

.integrations-tabs .integration-email-tab,
.integrations-tabs .integration-comm-tab {
    width: 80%;
    margin: auto;
    border-bottom: 0px solid #CCCCCC;
}

.integrations-tabs .integration-email-tab li,
.integrations-tabs .integration-comm-tab li {
    width: 100%;
    background-color: #F5F8FA;
    margin-bottom: 14px;
    text-align: left;
}

.integrations-tabs .integration-email-tab a,
.integrations-tabs .integration-comm-tab a {
    letter-spacing: 0.07px;
    color: rgba(29, 43, 54, 0.4);
    font-size: 20px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 18px 0 18px 28px;
    font-weight: 500;
}

.integrations-tabs .integration-email-tab li.active:after,
.integrations-tabs .integration-comm-tab li.active:after {
    display: none;
}

.integrations-tabs .integration-email-tab li.active a,
.integrations-tabs .integration-comm-tab li.active a {
    background-color: #E2F3FF;
}

.integrations-tab-list hr {
    border-top: 1px solid #ccc;
}

.tab-title {
    font-size: 20px !important;
}

.integrations-slider .integrations-item.col-6,
.integrations-slider .integrations-item.col-12-5,
.integrations-slider .integrations-item.col-12 {
    min-width: 33.33%;
    margin: 15px auto 0;
    display: inline-block;
    float: left;
    height: 134px;
    position: relative;
}

.integrations-slider .integrations-item.col-12 {
    width: 100%;
    height: 60px;
}

#business-whatsapp-tab .integrations-item.col-12-5 {
    height: 60px;
}

.integrations-slider .integrations-item.col-12 div,
.integrations-slider .integrations-item.col-12-5 div {
    height: 70px;
    position: relative;
}

.integrations-tab-content .bx-viewport {
    height: 150px !important;
}

.integrations-item .br-right:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-right: 2px solid rgba(112, 112, 112, 0.2);
    height: 32px;
    width: 1px;
}

.integrations-item .br-bottom:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 2px solid rgba(112, 112, 112, 0.2);
    width: 100%;
}

.integrate-slider-mob-1 div,
.integrate-slider-mob-2 div {
    height: 67px;
    position: relative;
}

.integrate-slider-mob-4 div {
    height: 110px;
    position: relative;
}

.paymentandlead-sec .row {
    margin-left: -15px;
    margin-right: -15px;
}

.paymentandlead-sec .row>.col-6 {
    padding: 0 15px;
}

.paymentandlead-sec .row>.col-6>div {
    height: 430px;
}

.mix-blend-mode {
    mix-blend-mode: multiply;
}

.paymentandlead-sec .integrations-tab-list h3 {
    line-height: 40px;
}

.integrate-slider-mob-5 img {
    width: auto !important;
}


/*************************** custom-report **********/

.custom-report-wrapper p {
    width: 400px;
    height: 180px;
}

.custom-report-wrapper .col-2 {
    padding-right: 30px;
}


/************** Pipeline Management ******************/

.pipeline-mng-wrapper .row,
.account-mng-wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
}

.pipeline-mng-wrapper .row .col-6 {
    padding: 0 15px 30px;
    text-align: center;
}

.pipeline-mng-inner {
    height: 460px;
    border-radius: 12px;
    border: 1px solid #B0B5B9;
    padding: 30px;
}

.pipeline-mng-wrapper .block-inner {
    font-size: 20px;
    line-height: 29px;
    color: #1D2B36;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 500;
}

.pipeline-mng-wrapper .block-desc {
    font-size: 16px;
    line-height: 25px;
    color: #505459;
    padding: 0 40px;
}

.pipeline-mng-inner .col-12:first-child {
    height: 260px;
}


/******************* Account Management *********/

.account-mng-wrapper .row .col-4 {
    padding: 0 10px 20px;
}

.account-wrap {
    background-color: #F5F8FA;
    height: 540px;
    padding: 50px 20px;
}

.account-wrap .inner-title {
    font-size: 30px;
    line-height: 52px;
    color: #1D2B36;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 300;
}


/************* User management and access control *********/

.umac-list li {
    margin-bottom: 20px;
    list-style: none;
}

.umac-list-wrapper {
    background-color: #F7F7F7;
    border-radius: 30px;
    display: inline-block;
    padding: 5px 15px 5px 5px;
}

.umac-list-wrapper img {
    width: 52px;
    display: inline-block;
    vertical-align: middle;
}

.umac-list-wrapper p {
    font-size: 20px;
    line-height: 20px;
    color: #1D2B36;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.manage-user-list {
    padding-left: 50px;
}

.profile-permission-list {
    text-align: right;
    padding-right: 50px;
    padding-top: 40px;
}

.profile-permission-list .umac-list-wrapper {
    background-color: #fff;
}

.data-sharing-rule-list li {
    display: inline-block;
    margin: 15px;
}

.br-mu:after,
.br-mt:after {
    position: absolute;
    content: '';
    width: 280px;
    height: calc(100% + 47px);
    border: 1px solid #43386B;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    right: -118px;
    border-radius: 12px;
    z-index: -1;
}

.br-pp:after {
    position: absolute;
    content: '';
    width: 280px;
    height: calc(100% + 47px);
    border: 1px solid #43386B;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    left: -118px;
    border-radius: 12px;
    z-index: 0;
}

.br-dsr:after {
    position: absolute;
    content: '';
    width: calc(100% + 80px);
    height: 114px;
    border: 1px solid #43386B;
    left: 50%;
    transform: translateX(-50%);
    bottom: -46px;
    border-radius: 12px;
    z-index: -1;
}

.z-index {
    position: relative;
    z-index: 2;
}

.video-iframe-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: none;
}

.video-iframe-wrap iframe {
    border-radius: 20px;
}

.img-br-20 img,
.img-br-30 img {
    margin-bottom: -7px;
}

.video-thumb-wrap a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-br-lg {
    display: none;
}

.hidden-sm {
    display: block;
}

.visible-sm {
    display: none;
}

.left-br-lg:after {
    display: none;
}


/************ Order Management ********/

.order-sec-title {
    font-size: 26px;
    line-height: 40px;
    color: #1D2B36;
    font-weight: 500;
}

.coming-soon-box {
    border: 1px solid rgba(112, 112, 112, 0.30);
    border-radius: 8px;
    padding: 50px 20px;
    min-height: 300px;
}

.coming-soon-box .order-sec-title {
    font-size: 22px;
    line-height: 24px;
    margin-top: 20px;
}


/*************** Industry *************/

.industrybanner,
.featuresbanner {
    background: transparent linear-gradient(128deg, #FFFFFF 30%, #F0FCFF 100%) 0% 0% no-repeat padding-box;
    height: 650px;
    position: relative;
}

.col-row .row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-row .row>.col-4,
.col-row .row>.col-6 {
    padding: 0 10px;
}

#integration-marketing.featuresbanner .container {
    position: absolute;
    top: 35% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
}

.industrybanner .container,
.featuresbanner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
}

.edu-box {
    background-color: #F5F8FA;
    border-radius: 3px;
    text-align: center;
    height: 340px;
    padding: 10px 20px;
}

.industry-xs-title {
    color: #1D2B36;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.industry-info-list {
    padding-left: 20px;
    list-style: none;
}

.industry-info-list li p {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 300;
    position: relative;
}

.industry-info-list li:last-child p {
    margin-bottom: 0;
}

.industry-info-list li p:after {
    content: '';
    position: absolute;
    width: 11px;
    height: 10px;
    background-image: url(../min-images/check.svg);
    left: -17px;
    top: 7px;
    background-repeat: no-repeat;
}

.edu-box h3 {
    font-weight: 500;
    margin: 15px 0 0 0;
    text-transform: capitalize;
}

.add-res-wrap h4 {
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding: 10px 24px 13px;
    background-color: #fff;
    min-height: 72px;
    margin-top: -7px;
}

.add-res-wrap {
    box-shadow: 0px 1px 4px #D6D6D6;
}


/************** Other Industry **********/

.other-industry-wrap {
    border: 1px solid #F4F4F4;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.others-industry-img {
    border: 1px solid #FCFCFC;
    border-radius: 6px 6px 0px 0px;
    background-color: #FCFCFC;
    height: 280px;
    padding: 24px;
}

.others-industry-info {
    min-height: 160px;
    height: 160px;
    margin-top: 10px;
}

.others-industry-info h3 {
    color: #102E62;
    font-size: 26px;
    line-height: 31px;
    font-weight: 500;
}

.others-industry-info p {
    font-size: 16px;
    line-height: 26px;
    color: #505459;
    padding: 0 37px 26px;
}

.row-col {
    margin-left: -20px;
    margin-right: -20px;
}

.row-col .col-6,
.row-col .col-4 {
    padding: 0 20px;
}

.row-cols .col-4 {
    padding: 0 20px;
}

.others-industry-img img {
    height: 100%;
    width: auto;
}

.other-industry-list-inner {
    width: 188px;
    height: 188px;
    background-color: #fff;
    border-radius: 6px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}

ul.other-industry-list li {
    list-style: none;
    float: left;
    width: 20%;
    padding: 0 15px;
}

ul.other-industry-list {
    margin-left: -15px;
    margin-right: -15px;
}

.oil-info h3 {
    color: #1D2B36;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
}

.oil-icon {
    padding-top: 15px;
    padding-bottom: 10px;
}

.oil-info a {
    font-size: 12px;
    line-height: 15px;
    color: #0176FF;
}

.trusted-client-sliderIndustry .slick-slide {
    margin: 0 15px;
}

.trusted-client-sliderIndustry .slick-dots {
    text-align: center;
    margin-top: 30px;
}

.trusted-client-sliderIndustry .slick-dots li {
    display: inline-block;
}

.trusted-client-sliderIndustry .slick-dots li button {
    text-indent: -999999px;
}

.trusted-client-sliderIndustry .slick-dots li button {
    background-color: #fff;
    border: 1px solid #102E62;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: block;
    padding: 0;
    margin: 10px 5px;
}

.trusted-client-sliderIndustry .slick-dots li.slick-active button {
    background-color: #102E62;
}

.trusted-client-sliderIndustry .client-logo .client-logo {
    padding: 0;
    box-shadow: none;
}

.testimonials-sliderOtherIndustry .slick-slide {
    margin: 0 15px;
}

.testi-thumb {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 6px 6px 0 0;
}

.testi-thumb a {
    position: absolute;
    bottom: -22px;
    right: 35px;
}

.testi-info-box {
    min-height: 343px;

    background-color: #fff;
    padding: 26px 13px 10px;
    border-radius: 0 0 6px 6px;
}

.testi-info-box .testi-content-wrap {
    font-size: 14px;
    line-height: 22px;
    color: #505459;
    height: 135px;
    overflow: auto;
    text-align: center;
}

.testi-info-box .testi-user {
    font-size: 22px;
    line-height: 20px;
    color: #001F82;
    text-align: center;
    font-weight: 500;
}

.testi-info-box .testi-user-designation {
    font-size: 16px;
    line-height: 20px;
    color: #484848;
    text-align: center;
    margin-top: 5px;
}

.testi-categ {
    background-color: #FFE20057;
    border-radius: 3px;
    height: 42px;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #001F82;
    text-align: center;
    margin-top: 15px;
}
/* .comparison-testimonial-slider .slick-next:focus::after {
    
    background-image: url(../min-images/right-white.svg) !important;
    background: unset !important;
} */
/* .comparison-testimonial-slider .slick-arrow:focus{
    background-color: white !important;
} */
.comparison-testimonial-slider .slick-arrow:focus{
    color: unset !important;
    outline: unset !important;
} 
.comparison-testimonial-slider .slick-arrow:focus:not(:hover) {
    background: #F2F7FE !important;
}
.right-sucess-content .slick-arrow:focus{
    color: unset !important;
    outline: unset !important;
}
.right-sucess-content .slick-arrow:focus:not(:hover) {
    background: #F2F7FE !important;
}
/* .comparison-testimonial-slider .slick-prev:focus{
    color: unset;
    outline: unset;
    background: unset;
}  */
/* .comparison-testimonial-slider .slick-prev:focus::after {
    background-image: url(../min-images/left-white.svg) !important;
    background: unset !important;
} */
/* .comparison-testimonial-slider .slick-prev:hover{
    color: transparent !important;
}  */
/* .comparison-testimonial-slider .slick-next:hover {
    color: #fff !important;
} */

.testimonials-sliderOtherIndustry .slick-prev,
.comparison-testimonial-slider .slick-prev,
.features-box-slider .slick-prev,
.crm-benefit-slider .slick-prev {
    bottom: -80px;
    /* left: calc(50% - 30px); */
    transform: translateX(-50%);
    z-index: 99;
}

.comparison-testimonial-slider .col-8 {
    margin-left: -17px;
}

.testimonials-sliderOtherIndustry .slick-next,
.comparison-testimonial-slider .slick-next,
.features-box-slider .slick-next,
.crm-benefit-slider .slick-next {
    bottom: -80px;
    /* left: calc(50% + 30px); */
    transform: translateX(50%);
    background: #F2F7FE;

}

.comparison-testimonial-slider {
    padding: 0 50px;
}

.features-box-slider .slick-next,
.features-box-slider .slick-prev {
    bottom: -30px;
}

/************** Contact us **********/

.contact-us {
    background-color: #011E82;
    height: 400px;
    position: relative;
}

.contact-us .sec-title {
    font-size: 56px;
    line-height: 62px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 100%;
    transform: translate(-50%, -50%);
}

.kylas-contact-wrap {
    background-color: #F5F8FA;
    padding: 40px 0;
}

.kylas-contact-card {
    border: 1px solid #fff;
    border-radius: 6px;
    margin: 15px;
    padding: 10px 10px 30px 10px;
    box-shadow: 5px 7px 10px #0000000F;
}

.contact-card-title {
    font-size: 22px;
    line-height: 32px;
    color: #1D2B36;
    margin-top: -15px;
    padding: 0 20px 10px 20px;
    font-weight: 500;
}

.contact-card-info {
    padding: 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #505459;
}

.contact-card-info a {
    color: #0176FF;
    font-weight: 500;
}

.line-br {
    border: 1px solid #707070;
    opacity: 0.1;
    width: 417px;
    display: block;
    margin: 10px 0;
}

.left-info-title {
    color: #081233;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 10px;
}

.left-info-title-small {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #1D2B36;
}

.contact-mail-info h4 {
    color: #1D2B36;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
}

.left-info-desc {
    color: #505459;
}

.contact-mail-info a {
    color: #0176FF;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.contact-form-wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 13px #00000014;
    border-radius: 4px;
    float: left;
    width: 100%;
    padding: 20px;
}

.contact-form-wrap h3 {
    color: #081233;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.contact-form-wrap textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CED0D2;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
}

.contact-form-wrap input,
.contact-form-wrap select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CED0D2;
    border-radius: 3px;
    height: 63px;
    margin-bottom: 20px !important;
    padding: 10px;
    position: relative;
}

.contact-form-wrap .contact-form-submit {
    background: #011E82 0% 0% no-repeat padding-box;
    border-radius: 29px;
    width: 199px;
    height: 58px;
    display: block;
    margin: auto;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}

.contact-form-wrap .col-12,
.contact-form-wrap .col-6 {
    padding: 0 5px;
}

.contact-form-wrap .col-row {
    margin-left: -10px;
    margin-right: -10px;
}

.form-auth {
    font-size: 14px;
    line-height: 22px;
    color: #505459;
    text-align: center;
}

.icon-query {
    position: relative;
}

.icon-name input,
.icon-email input,
.icon-phone input,
.icon-query select {
    padding-left: 50px;
    background-size: auto;
    background-position: 14px;
}

.icon-name input {
    background-image: url(../min-images/user-icon.svg);
}

.icon-email input {
    background-image: url(../min-images/email-icon.svg);
}

.icon-phone input {
    background-image: url(../min-images/phone-icon.svg);
}

.icon-query select {
    background-image: url(../min-images/query-icon.svg);
}

.contact-wrap .thankyou {
    border: 2px solid #46b450;
    color: #46b450;
    padding: 20px;
    font-weight: 600;
}

.contact-form-wrap .icon-query:after {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.contact-form-wrap .wpcf7-not-valid-tip {
    position: absolute;
    top: 38px;
    font-size: 12px !important;
}

.contact-form-wrap .wpcf7-form-control-wrap {
    min-height: 63px;
    display: block;
}

.contact-form-wrap label.error {
    bottom: 0;
}


/************** comparison page bitrix ******************/

.comparison-page {
    background-image: url(../min-images/banner-comparion.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #1d007a;
    height: 100vh;
}

.banner-vector {
    position: absolute;
    right: 0;
    bottom: 60px;
}

.banner-light-shadow {
    position: absolute;
    top: -110px;
    left: 0;
    opacity: 0.5;
    filter: blur(7px);
}

.comprision-banner-title {
    font-size: 46px;
    line-height: 54px;
}

.comprision-banner-subtitle {
    font-size: 24px;
    color: #D7EAFC;
    line-height: 34px;
    font-weight: 300;
}

.comparison-card {
    width: 424px;
    height: 424px;
    border-radius: 100%;
    text-align: center;
    padding: 105px 50px 0;
    position: relative;
}

.comparison-card.kylas-card {
    background: #0176ff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 26px #1D2B3633;
    border: 1px solid #0176FF;
    float: right;
    margin-right: 5px;
}

.comparison-card.other-card {
    margin-top: 160px;
    margin-left: 5px;
    background: #F5F8FA 0% 0% no-repeat padding-box;
    border: 2px dashed #0176FF;
}

.card-icon {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 10px #0000001C;
    border-radius: 37px;
}

.kylas-card .card-icon {
    position: absolute;
    left: -70px;
    top: 20px;
    display: block;
    padding: 18px 19px 0;
    width: 219px;
    height: 74px;
}

.other-card .card-icon {
    position: absolute;
    right: -70px;
    top: 20px;
    display: block;
    padding: 18px 19px 0;
    width: 219px;
    height: 74px;
}

.card-icon img {
    height: auto;
    width: 149px;
}

.vs-circle p {
    background-color: #FFE51C;
    color: #1D2B36;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    width: 122px;
    height: 122px;
    border-radius: 100%;
    padding: 46px 10px;
}

.vs-circle {
    position: absolute;
    right: -60px;
    top: 247px;
    z-index: 2;
}


.vector-1 {
    width: 66px;
    opacity: 0.7;
    position: absolute;
    left: -23px;
    top: 150px;
    z-index: -1;
}

.vector-2 {
    width: 66px;
    opacity: 0.7;
    position: absolute;
    right: -28px;
    top: 250px;
    z-index: -1;
}

.vector-3 {
    width: 66px;
    opacity: 0.7;
    position: absolute;
    bottom: 128px;
    left: 25%;
    z-index: -1;
}

.vector-4 {
    width: 40px;
    opacity: 0.7;
    position: absolute;
    bottom: 128px;
    right: -12px;
    z-index: -1;
}

.circle-dot {
    background: #D7EAFC 0% 0% no-repeat padding-box;
    opacity: 0.2;
    position: absolute;
    display: block;
    border-radius: 100%;
    z-index: -1;
}

.circle-dot-1 {
    width: 200px;
    height: 200px;
    bottom: 130px;
    left: 130px;
}

.circle-dot-2 {
    width: 70px;
    height: 70px;
    top: 130px;
    left: 48%;
}

.circle-dot-3 {
    width: 28px;
    height: 28px;
    top: 150px;
    left: 58%;
}

.circle-dot-4 {
    width: 177px;
    height: 177px;
    bottom: 100px;
    right: 80px;
}

.table-title {
    height: 80px;
    text-align: center;
    background-color: #0176ff;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 29px 0;
}

.table-wrap .vector-1 {
    left: -40px;
}

.table-wrap .vector-2 {
    top: 70px;
    right: -45px;
}

.table-wrap .vector-3 {
    left: -50px;
}

.table-wrap .vector-4 {
    right: -20px;
}

.table-wrap table {
    /*border: 1px solid #E5E5E5;*/
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
}

.table-wrap table thead th {
    border: 1px solid #E5E5E5;
    background: #F5F8FA 0% 0% no-repeat padding-box;
    height: 80px;
    font-size: 20px;
    font-weight: 500;
    padding: 0 10px;
}

.table-wrap table tbody td {
    border: 1px solid #E5E5E5;
    height: 80px;
    color: #000000;
    font-size: 16px;
    padding: 0 30px;
    display: table-cell;
    width: 40%;
}

.table-wrap table tbody td:nth-child(2) {
    background-color: #F4F9FF;
    text-align: center;
    width: 20%;
}

.table-wrap table tbody td:nth-child(3),
.table-wrap table tbody td:nth-child(4),
.table-wrap table tbody td:nth-child(5),
.table-wrap table tbody td:nth-child(6),
.table-wrap table tbody td:nth-child(7) {
    text-align: center;
    width: 20%;
}

.comparison-disc {
    font-size: 14px;
    line-height: 26px;
    color: #505358;
    font-weight: 400;
    text-align: center;
}

.comparison-disc a {
    text-decoration: underline;
}

.set-kylas-box {
    padding: 50px;
    position: relative;
    float: left;
    width: 100%;
}

.ht-400 {
    height: 400px;
}

.ht-450 {
    height: 440px;
}

.ht-500 {
    height: 500px;
}

.ht-350 {
    height: 350px;
}

.ht-250 {
    height: 250px;
}

.set-kylas-icon {
    width: 50px;
    float: left;
}

.set-kylas-title {
    width: calc(100% - 50px);
    float: left;
    padding-left: 23px;
    padding-top: 10px;
    font-size: 22px;
    line-height: 28px;
    color: #1D2B36;
    font-weight: 500;
}

.set-kylas-box .sec-desc {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #505358;
    margin-top: 10px;
    font-weight: 300;
}

.set-kylas-box .sec-desc strong {
    font-weight: 600;
}

.box-rt-br:after {
    background-color: rgba(1, 118, 255, 0.5);
    height: 80%;
    width: 1px;
    position: absolute;
    right: 0;
    content: '';
}

.box-bt-br:before {
    content: '';
    background-color: rgba(1, 118, 255, 0.5);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.testi-title {
    font-size: 30px;
}

.comparison-testimonial {
    padding-bottom: 130px !important;
}

.comparison-testimonial-desc {
    margin-top: 60px;
}

.comparison-testimonial-desc .qoute-1 {
    position: absolute;
    left: 0;
    top: -20px;
}

.comparison-testimonial-desc .qoute-2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.comparison-testimonial-user {
    width: fit-content;
    margin: 15px auto 0;
    display: inline-block;
}

.testimonial-logo {
    max-width: 140px;
    background-color: #fff;
    border-radius: 6px;
    height: auto;
}

.crmpages-sec {
    padding: 55px 0;
}

.testimonial-icon {
    width: 86px;
    height: 86px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-right: 10px;
}

.testimonial-name h3 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    padding: 18px 18px 18px 0;
}

.testimonial-name span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    color: #FFFFFF98;
}

/* Referral page css */
#referral {
    background-image: url("../min-images/referral-bg.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100vh;
}

#referral .banner-caption {
    padding: 0 0 0 40px;
    margin: 50px 0 0;
}

#referral p.section-subtitle {
    padding-bottom: 35px;
}

/*#referral .referral-upper-left-section{
    margin: 90px auto 0;
}*/
.referral-title {
    font-size: 35px;
    line-height: 58px;
}

.referral-block {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-41%);
}

.referral-title span {
    color: #FFE200;
}

.rewards {
    vertical-align: sub;
}

.referral-box {
    border-radius: 6px;
    background-color: #0276FF;
    width: 520px;
    height: 368px;
    margin: 0 auto;
    padding: 30px;
}

.rewards-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.rewards-desc {
    font-size: 20px;
    line-height: 31px;
    font-weight: 600;
    padding: 20px 0;
}

.rewards-desc span {
    color: #000;
    background-color: #FFE200;
    border-radius: 3px;
    padding: 1px;
}

.referral-box ul {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
}

.referral-box ul li {
    font-size: 16px;
    list-style-position: inside;
}

.referral-box ul li::marker {
    margin: 0 !important;
}

.referral-box img {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.prgm {
    padding-left: 12px;
}

.work-div img {
    width: 80px;
    height: 80px;
}

.work-div {
    width: 170px;
    height: 225px;
    border-radius: 4px;
    padding: 10px 15px;
    margin: 0 auto;
}

.hidearrw:before {
    position: unset !important;
    content: unset !important;
    background-image: unset !important;
}

.work-div:before {
    background-image: url("../min-images/arrow-right-yellow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 36px;
    height: 26px;
    left: -34%;
    top: 27%;
    position: absolute;
    content: '';
    transform: translateY(-50%);
}

.work-step {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 0;
    color: #1111118a;
    font-weight: 500;
}

.work-desc {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.bene img {
    vertical-align: middle;
}

.bene {
    list-style-type: none;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: left;
}

#share-leads {
    background: transparent radial-gradient(closest-side at 74% 49%, #0070DE 0%, #07388E 100%) 0% 0% no-repeat padding-box;
}

#share-leads .referral-banner-img {
    padding: 40px 0 0 40px;
}

.shareleads-upper-right-section {
    padding: 35px 0 0;
}

.sharelead-title {
    font-size: 36px;
    line-height: 43px;
    font-weight: 400;
}

.referral-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 11px 12px #07164883;
    border-radius: 8px;
    width: 412px;
    margin: 0 auto;
    padding: 5px 20px;
}

@media screen and (max-width: 1280px) {
  .integration-slider-1 {
    .slick-list{
    height: 300px !important;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 821px) {

.marginbottom{
  margin-bottom: 0px !important;
}

}
/****************************************/

@media screen and (max-width: 1024px) {
    /* .pricingnew-upper-section {
        background-image: url('../home-images/KylasBanner1.png');

    } */

     .crmForEdtechBanner {
          background-image: url("../min-images/edtech-mob-banner-bg.svg");
      }
    .marginbottom{
  margin-bottom: 0px !important;
}

    .visible-md {
        display: block !important;
    }

    .hidden-md {
        display: none !important;
    }

    .signupwrap.show {
        max-height: fit-content;
        overflow-y: unset;
    }

    .compare-table-wrapper .pricingnew-table td {
        min-width: 160px;
    }

    .integrations-tabs {
        position: relative;
    }

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

    .header-demo-btn a {
    height: 56px;
    border-radius: 29px;
    font-size: 14px;
    line-height: 21px;
    color: #011E82;
    padding: 16px 10px;
    font-weight: 400;
    text-transform: none;
    margin-right: 0 !important;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
}

.center-last {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

    .msme-slide.col-12-5 {
        width: 20%;
    }

    .msme-outer {
        width: 185px !important;
    }

    h3.integrate-mobile-dropdown {
        display: block;
        font-weight: 500;
        margin: 20px 0 0;
        border: 1px solid #cccccc;
        padding: 10px;
        font-size: 18px;
    }

    .integrate-mobile-dropdown:after {
        position: absolute;
        content: '';
        width: 7px;
        height: 7px;
        border-top: 7px solid #1d2b36;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }

    .integrations-tabs ul {
        float: left;
        width: 100%;
        border: 1px solid #CCCCCC;
        margin-top: 0;
        position: absolute;
        top: 52px;
        background-color: #fff;
        display: none;
        z-index: 99;
    }

    .integrations-tabs ul li {
        list-style: none;
        width: 100%;
        float: left;
        text-align: left;
        position: relative;
        height: auto;
    }

    .integrations-tabs ul li a {
        letter-spacing: 0.07px;
        color: #505459;
        font-size: 18px;
        line-height: 22px;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        width: 100%;
        padding: 10px;
        display: block;
    }

    .integrations-tabs ul li a br {
        display: none;
    }

    .integrations-item img {
        vertical-align: middle;
        margin: 0px auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .testimonials-controls #testimonial-left {
        text-align: right;
        margin-left: 0;
    }

    .testimonials-controls #testimonial-right {
        margin-right: 0;
    }

    .testimonials-controls {
        z-index: 2;
    }

    .integrations-tabs .integrate-mobile-dropdown {
        margin: 0px 0 0;
    }

    .integrations-tabs .integration-email-tab,
    .integrations-tabs .integration-comm-tab {
        position: unset;
        top: unset;
        display: block;
    }

    .integrations-tabs .integration-email-tab,
    .integrations-tabs .integration-comm-tab {
        width: 100%;
        margin: auto;
        border-bottom: 0px solid #CCCCCC;
        position: unset;
        top: unset;
        display: block;
        border: 0px;
    }

    .integrations-tabs .integration-email-tab li,
    .integrations-tabs .integration-comm-tab li {
        height: 55px;
    }

    #home .home-slider-1:after,
    #home .home-slider-3:after {
        height: 90%;
    }

    #home .home-slider-2:before {
        top: unset;
        right: 0;
        width: 100%;
        height: 50%;
        z-index: 0;
        bottom: 0;
    }

    #home .home-slider-2:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
    }

    .home-slider-2 h2 {
        font-size: 54px;
        line-height: 70px;
        color: #fff;
        font-weight: 500;
        position: unset;
        top: unset;
        transform: unset;
        left: unset;
        margin-top: 147px;
        margin-bottom: 30px;
        margin-left: 180px;
    }

    .big-dotted {
        transform: translateY(-50%) rotate(90deg);
    }

    .home-slider-2 .container,
    .home-slider-3 .container {
        height: 97%;
        width: auto;
    }

    .home-slider-3-info {
        width: 85%;
        top: 50%;
    }

    .img-patch-2 {
        position: absolute;
        top: -38px;
        transform: translateX(-50%);
        left: 50%;
        width: 300px;
        height: 308px;
    }

    .img-patch-1 {
        position: unset;
        top: unset;
        transform: unset;
        width: 235px;
        margin: 250px auto 0px;
        display: block;
    }

    .home-slider-3-info h2 span {
        display: block;
        font-size: 33px;
        color: #0176FF;
    }

    .home-slider-3-info h2 {
        color: #505358;
        font-size: 34px;
        line-height: 42px;
        font-weight: 500;
    }

    img.offer-trangle {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        height: 100%;
    }

    .inner-list {
        padding: 0 0px;
        text-align: center;
        width: 119px;
        border-left: 1px solid #505358;
        margin: 30px 0;
    }

    .home-slider-3-info ul li:last-child .inner-list {
        border-right: 0px;
    }

    .home-slider-3-info ul li:first-child .inner-list {
        border-left: 0px;
    }

    .mg-tp-md-30 {
        margin-top: 30px;
    }

    ul.crm-award li {
        display: inline-block;
        list-style: none;
        vertical-align: middle;
        margin: 6px 2px;
    }

    ul.crm-award {
        position: unset;
        right: 0;
        top: unset;
        transform: unset;
        margin: auto;
    }

    .registered-smbs-and-media-element {
        bottom: -112px;
    }

    .industrybanner .container,
    .featuresbanner .container {
        width: 1000px;
        padding: 0 15px;
    }

    .pricingnew-upper-section .table-cell {
        display: table-cell !important;
        vertical-align: top;
    }

    .benefits-list-slider,
    .ul-list-wrapper {
        padding-bottom: 70px;
    }

    .benefits-list-slider .slick-prev,
    .ul-list-wrapper .slick-prev,
    .features-lead-mng-slider .slick-prev {
        bottom: 0;
        left: calc(50% - 30px);
        transform: translateX(-50%);
    }

    .benefits-list-slider .slick-next,
    .ul-list-wrapper .slick-next,
    .features-lead-mng-slider .slick-next {
        bottom: 0;
        left: calc(50% + 30px);
        transform: translateX(-50%);
    }

    .contact-card-info {
        padding: 0 15px;
    }

    .contact-card-title {
        padding: 0 15px 10px 15px;
    }

    .integrate-slider-mob-5 .slick-next {
        right: 0px;
    }

    .integrate-slider-mob-5 .slick-prev {
        left: 0px;
    }

    .banner-light-shadow {
        width: 100%;
    }

    #omnichannel {
        margin-bottom: 250px;
    }

    .omnichannel-cicle {
        width: 415px;
        height: 415px;
        position: absolute;
        left: 50%;
        z-index: unset;
        top: unset;
        bottom: -210px;
        float: left;
        transform: rotate(90deg) translateY(50%);
        z-index: -1;
    }

    .circle-2 img,
    .circle-4 img,
    .circle-6 img {
        transform: rotate(-90deg) !important;
    }

    section#omnichannel:after {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 992px) {

    .content ul {
        font-size: 14px;
    }

    .cky-revisit-bottom-left {
        bottom: 50px !important;
    }

    .industrybanner {
        height: auto;
    }

    .mg-tp-sm-10 {
        margin-top: 10px;
    }

    .mg-tp-sm-20 {
        margin-top: 20px;
    }

    .mg-tp-sm-30 {
        margin-top: 30px;
    }

    .mg-tp-sm-40 {
        margin-top: 40px;
    }

    .mg-tp-sm-50 {
        margin-top: 50px;
    }

    .center-last {
    float: left;
    margin-left: 0;
    margin-right: 0;
    }

    .integrations-slider .integrations-item.col-6,
    .integrations-slider .integrations-item.col-12-5,
    .integrations-slider .integrations-item.col-12,
    .integrate-slider-mob-6 .integrations-item.col-12-5 {
        min-width: auto !important;
    }

    .integrate-slider-mob-1 .integrations-item .br-right:after {
        display: none;
    }

    .home-model-image {
        position: unset;
    }

    .integrate-slider-mob-1 .integrations-item .br-bottom:before,
    .integrate-slider-mob-3 .integrations-item .br-bottom:before,
    .integrate-slider-mob-2 .integrations-item .br-bottom:before,
    .integrate-slider-mob-5 .integrations-item.br-bottom:before,
    .integrate-slider-mob-6 .integrations-item .br-bottom:before {
        content: '';
        position: absolute;
        bottom: 0px;
        border-bottom: 2px solid rgba(112, 112, 112, 0.2);
        width: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .no-br-bottom:before {
        display: none;
    }

    .calling-tab .integrations-slider .integrations-item.col-6,
    .calling-tab .integrations-slider .integrations-item.col-12-5,
    .calling-tab .integrations-slider .integrations-item.col-12 {
        min-width: 33.33%;
    }

    .integrate-slider-mob-3 .integrations-item.col-12-5 {
        min-width: auto !important;
    }

    .integrate-slider-mob-3 div {
        height: 67px;
        position: relative;
    }

    .custom-report-wrapper .col-2 {
        padding-right: 0px;
    }

    .comprision-banner-title {
        font-size: 36px;
        line-height: 46px;
    }

    .education-options-menu {
        position: relative;
        visibility: visible;
        opacity: 1;
        left: 0;
        float: left;
        box-shadow: none;
        padding: 20px 30px 0px;
        width: 340px;
    }

    .education-options-menu {
        display: none;
    }

    .education-options-menu .submenu-div {
        float: left;
        padding: 0 20px;
    }

    .industry-submenu .submenu-div a.inner-submenu {
        padding: 0 !important;
        width: 20px !important;
        text-align: center;
        right: 0;
        top: 7px;
    }

    .industry-submenu .submenu-div a.inner-submenu img {
        transform: rotate(90deg);
    }

    .edTech-crm-box-wrapper .edu-box {
        min-height: 240px;
    }

    .roadmap-list {
        width: 100%;
        margin: 0 0 20px;
    }

    .roadmap-title {
        font-size: 36px;
    }

    .roadmap-subtitle {
        font-size: 22px;
    }

    .roadmap-content ul {
        padding: 0 0 0 20px;
    }

    .roadmap-content ul li {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 10px;
    }

    .read-text {
        display: inline-block;
    }

    .integration-1 .sec-title {
        padding-top: 42px;
    }

    .comparison-testimonial-slider {
        padding: 30px 0 0;
        text-align: center;
    }

    .comparison-testimonial-slider .col-3,
    .comparison-testimonial-slider .col-4,
    .comparison-testimonial-slider .col-8 {
        width: 100%;
    }

    .comparison-testimonial-slider .col-3 img {
        width: 300px;
    }

    .comparison-testimonial-slider .col-8 {
        padding-left: 0;
        margin-left: 0;
    }

    .inner-paddd {
        padding: 0 15px;
    }

    .inte-mob-slide img {
        width: 49%;
        padding: 10px 7px;
    }

    .integration-slider-1 .slick-slide img {
        width: 32%;
    }

    .integration-2 {
        padding: 10px 0 0;
    }

    #companyname {
        top: 0px;
    }

    .improve-sales img {
        width: 100%;
    }

    /*.menufacturing-icon:before{
    background-image:unset;  
}
.submenuoption-travel-div:before{
    background-image:unset;  
}
.submenuoption-ites-div:before{
    background-image:unset;  
}
.submenuoption-digital-div:before{
    background-image:unset;  
}
.submenuoption-others-div:before{
    background-image:unset;  
}*/
    #referral {
        background-image: url("../min-images/referral-mob.webp");
        height: auto;
    }

    #referral .banner-caption {
        margin: 85px auto 0;
        padding: 0;
    }

    #referral .referral-upper-left-section {
        margin: 20px auto 40px;
    }

    .referral-title {
        font-size: 28px;
        line-height: 40px;
        font-weight: 400;
    }

    #share-leads {
        background: transparent radial-gradient(closest-side at 50% 74%, #0070DE 0%, #07388E 100%) 0% 0% no-repeat padding-box;
    }

    #referral p.section-subtitle,
    #share-leads p.section-subtitle {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 0;
    }

    .referral-block {
        position: unset;
        transform: unset;
    }

    .referral-box {
        width: 96%;
        height: 264px;
        padding: 20px;
        margin: 0 auto 20px;
    }

    .rewards-title {
        font-size: 22px;
        line-height: 26px;
    }

    .rewards-desc {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 0;
    }

    .referral-box ul {
        font-size: 16px;
        line-height: 32px;
    }

    .referral-box ul li {
        font-size: 14px;
    }

    .referral-box img {
        right: 5px;
        bottom: 10px;
    }

    .reward-1 {
        width: 106px;
    }

    .reward-2 {
        width: 206px;
    }

    .parent-div {
        width: 100%;
        overflow-X: scroll;
    }

    .parent-div::-webkit-scrollbar {
        display: none;
    }

    .child-div {
        width: 1127px;
    }

    .bene {
        font-size: 16px;
        line-height: 20px;
    }

    .referral-form {
        width: 100%;
    }

    #referral .referral-banner-img img {
        width: 180px;
    }

    .referral-banner-img img {
        width: 100%;
    }

    #share-leads .referral-banner-img {
        padding: 20px 0 0px;
    }

    .shareleads-upper-right-section {
        padding: 0;
    }

    .sharelead-title {
        font-size: 26px;
        line-height: 36px;
    }

    .industry-menu {
        padding-left: 50px;
    }

}

@media (max-width: 767px) {
    .banner_formdiv {
        position: unset;
        top: unset;
        transform: unset;
        margin: 15px 0;
        width: 100%;
    }

    .center-last {
        display: block;
    }

    .banner_formdiv form {
        width: 100% !important;
    }

    .integration-2 {
        padding: 40px 13px;
    }

    .casestudy-banner h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .casestudy_side {
        width: 100% !important;
        padding: 10px 5px 20px !important;
    }

    .casestudy-other .col-6 {
        padding: 0px !important;
    }

    .casestudy_div {
        min-height: auto !important;
    }

    .case_other {
        padding: 0 10px 10px !important;
    }

    .casestudy-other .mg-tp-20 {
        margin-top: 0px !important;
    }

    .highlite_box {
        border: 0px solid #eee !important;
        padding: 10px;
        margin-bottom: 20px;
    }

    .casestudy_content {
        padding: 0px 0px 20px !important;
    }

    .banner-text p {
        font-size: 16px !important;
    }

    .casestudy-sec .col-9 {
        padding: 0px;
    }

    .testimonials-controls #testimonial-right {
        margin-right: -20px
    }

    .testimonials-controls #testimonial-left {
        margin-left: -20px
    }

    #email-integration-tab .integrations-slider .integrations-item.col-12-5,
    #integration-platform-tab .integrations-slider .integrations-item.col-6,
    #payment-invoice-tab .integrations-slider .integrations-item.col-6 {
        width: 100%;
        height: 60px;
    }

    #sms-tab .integrations-slider .integrations-item.col-12-5 {
        min-width: auto;
    }

    .integrate-slider-mob-6 div {
        height: 70px;
        position: relative;
    }

    .integrations-item .br-right:after {
        display: none;
    }

    .br-bottom-xs:before {
        content: '';
        position: absolute;
        bottom: -8px;
        border-bottom: 2px solid rgba(112, 112, 112, 0.2);
        width: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .roadmap_wrapper {
        padding: 0;
    }

    .readtext-hide {
        display: none;
    }

    .integration-crm-sec .container {
        padding: 0;
    }

    .integration-crm-sec {
        height: unset;
        background-image: url("../min-images/integration-bg-mob.webp");
    }

    .inte-mob-slide{
        display: flex !important;
        justify-content: center !important;
        align-items: center;
    }

    .integration-1 .sec-title {
        padding-top: 40px;
        text-align: center !important;
    }

    .integration-slider-1 .slick-slide,
    .integration-slider-2 .slick-slide,
    .integration-slider-3 .slick-slide {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) {
    .featured_apps {
        left: -54px;
        right: unset;
        transform: rotate(310deg);
    }

    .features-page-list {
        height: auto;
    }

    .back-shadow:before {
        position: unset;
        content: unset;
    }

    .features-banner-title {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }

    .features-banner-desc {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .feature-title {
        font-size: 30px;
        line-height: 40px;
    }

    .feature-desc {
        margin-top: 10px;
    }

    .organize-lead-wrapper ul {
        padding-left: 25px;
    }

    .organize-lead-wrapper ul li {
        margin-bottom: 10px;
    }

    .call-reminder-sec {
        padding: 50px 0 40px 0px;
        height: auto;
    }

    .includes-content-title {
        font-size: 20px;
        line-height: 29px;
        font-weight: 500;
        color: #1D2B36;
        margin-bottom: 15px;
        position: absolute;
        top: 33px;
        left: 92px;
    }

    .include-icon {
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
        width: 100%;
        padding: 13px;
    }

    .includes-wrapper {
        display: block;
        position: relative;
    }

    .includes-icon {
        width: 61px;
        height: 61px;
        display: inline-block;
    }

    .includes-content ul li {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

    .mg-tp-xs-0 {
        margin-top: 0 !important;
    }

    .mg-tp-xs-10 {
        margin-top: 10px !important;
    }

    .mg-tp-xs-15 {
        margin-top: 15px;
    }

    .mg-tp-xs-30 {
        margin-top: 30px !important;
    }

    .mg-tp-xs-50 {
        margin-top: 50px !important;
    }

    .mg-rt-xs-0 {
        margin-right: 0 !important;
    }

    .mg-rt-xs-10 {
        margin-right: 10px !important;
    }

    .mg-bt-xs-20 {
        margin-bottom: 20px !important;
    }

    .mg-bt-xs-30 {
        margin-bottom: 30px !important;
    }

    .mg-bt-xs-50 {
        margin-bottom: 50px !important;
    }

    .pd-bt-xs-0 {
        padding-bottom: 0 !important;
    }

    .pd-bt-xs-10 {
        padding-bottom: 10px !important;
    }

    .pd-bt-xs-20 {
        padding-bottom: 20px !important;
    }

    .pd-tp-xs-0 {
        padding-top: 0px !important;
    }

    .pd-lt-xs-0 {
        padding-left: 0px !important;
    }

    .include,
    .includes-content {
        padding: 0 !important;
    }

    .benefits-list-slider .collab-cards-wrapper:nth-child(5),
    .benefits-list-slider .collab-cards-wrapper:nth-child(6),
    .benefits-list-slider .collab-cards-wrapper:nth-child(7),
    .collab-cards-wrapper:nth-child(4) {
        margin-top: 0px;
    }

    .benefits-list-slider .collab-icon,
    .benefits-list-slider .collab-card .collab-text,
    .benefits-list-slider .collab-card .collab-icon {
        text-align: center;
    }

    .content p {
        word-break: break-word;
        font-size: 14px;
        line-height: 22px;
    }

    .benefits-list-wrapper .bx-controls a.bx-prev:before,
    .organize-lead-wrapper .bx-controls a.bx-prev:before,
    .custom-report-wrapper .bx-controls a.bx-prev:before,
    .pipeline-mng-wrapper .bx-controls a.bx-prev:before,
    .umac-list-wrap .bx-controls a.bx-prev:before,
    #add-res .bx-controls a.bx-prev:before,
    .price_coming_soon .bx-controls a.bx-prev:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 30px;
        height: 30px;
        background-image: url("../min-images/angle-left-solid-black.svg");
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    .benefits-list-wrapper .bx-controls a.bx-next:after,
    .organize-lead-wrapper .bx-controls a.bx-next:after,
    .custom-report-wrapper .bx-controls a.bx-next:after,
    .pipeline-mng-wrapper .bx-controls a.bx-next:after,
    .umac-list-wrap .bx-controls a.bx-next:after,
    #add-res .bx-controls a.bx-next:after,
    .price_coming_soon .bx-controls a.bx-next:after {
        position: absolute;
        top: 0;
        right: 0;
        content: '';
        width: 30px;
        height: 30px;
        background-image: url("../min-images/angle-right-solid-black.svg");
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    .benefits-list-wrapper .bx-controls a,
    .organize-lead-wrapper .bx-controls a,
    .custom-report-wrapper .bx-controls a,
    .pipeline-mng-wrapper .bx-controls a,
    .umac-list-wrap .bx-controls a,
    #add-res .bx-controls a,
    .price_coming_soon .bx-controls a {
        position: relative;
        width: 75px;
        display: block;
        color: #fff;
        font-size: 0;
        margin: auto;
    }

    .feature-desc br,
    .features-banner-title br,
    .features-banner-desc br,
    .collab-card-head br,
    .feature-title br,
    .organize-lead-wrapper ul li br,
    .account-wrap p br {
        display: none;
    }

    .dms-list.br-right {
        border-right: 0px solid;
    }

    .benefits-list-slider .collab-card .collab-card-head {
        font-size: 16px;
        font-weight: 400;
        padding: 0 20px;
    }

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

    .lead-managment .banner-badge {
        font-size: 12px;
        padding: 10px 14px;
        letter-spacing: 2.88px;
        line-height: 18px;
    }

    .set a {
        font-size: 16px;
        line-height: 22px;
    }

    .other-app-wrapper,
    .integrate-market-list .col-6 .other-app-wrapper {
        height: auto;
        float: left;
        width: 100%;
    }

    .p-x-30 {
        padding: 0 15px;
    }

    .pd-lt-xs-0 {
        padding-left: 0 !important;
    }

    .pd-rt-xs-0 {
        padding-right: 0px !important;
    }

    .pd-rt-xs-10 {
        padding-right: 10px;
    }

    .pd-tp-xs-40 {
        padding-top: 40px !important;
    }

    .pd-tp-xs-60 {
        padding-top: 60px !important;
    }

    .pd-tp-xs-80 {
        padding-top: 80px !important;
    }

    .mg-bt-xs-0 {
        margin-bottom: 0 !important;
    }

    .pd-bt-xs-30 {
        padding-bottom: 30px !important;
    }

    .pd-tp-xs-30 {
        padding-top: 30px !important;
    }

    .pd-tp-xs-40 {
        padding-top: 40px !important;
    }

    .custom-report-slider {
        text-align: center;
    }

    .custom-report-wrapper p {
        height: auto;
        width: 100%;
        padding: 0 15px;
    }

    .custom-report-wrapper .block-title {
        font-size: 18px;
        line-height: 26px;
    }

    .pipeline-mng-inner .col-12:first-child {
        height: auto;
    }

    .pipeline-mng-inner {
        height: auto;
        padding: 20px;
        float: left;
    }

    .account-wrap,
    .account-img,
    .lead-assign-lead {
        height: auto;
    }

    .banner-vector {
        bottom: 30px;
        width: 400px;
    }

    .banner-light-shadow {
        height: 100%;
        position: absolute;
        top: -139px;
        left: 0;
        opacity: 0.5;
        filter: blur(7px);
        transform: rotate(34deg);
        width: 100%;
    }

    .account-wrap .block-title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
    }

    .testimonial-quote-content {
        height: 200px;
    }

    .lead-item {
        width: 132px;
        height: 116px;
    }

    .pd-xs {
        padding: 50px 0;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .account-mng-wrapper .row .col-4 {
        padding: 0 10px 0px;
    }

    .account-wrap p {
        padding: 0;
    }

    .account-wrap {
        padding: 50px 10px 20px;
    }

    .integrations-tab-list hr {
        display: none;
    }

    .submenuoption-div {
        width: 100%;
        padding-left: 20px;
    }

    .manage-user-list {
        padding-left: 0;
        text-align: center;
        padding-bottom: 30px;
    }

    .umac-list-wrapper img {
        width: 33px;
    }

    .umac-list-wrapper p {
        font-size: 16px;
    }

    .br-mu:after,
    .br-mt:after,
    .br-pp:after,
    .br-dsr:after {
        width: calc(100% + 13px);
        height: 107px;
        border: 1px solid #43386B;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
        bottom: -24px;
        top: unset;
    }

    .profile-permission-list {
        text-align: center;
        padding-right: 0;
        padding-top: 0;
    }

    .data-sharing-rule-list li,
    .umac-list li {
        margin: 0;
    }

    .umac-list-wrapper {
        margin-bottom: 30px;
    }

    .hidden-sm,
    #business-whatsapp-tab .integrations-item .br-bottom:before {
        display: none;
    }

    .visible-sm,
    .hidden-lg {
        display: block !important;
    }

    .paymentandlead-sec .row>.col-6>div {
        height: auto;
        padding: 0 20px;
    }

    #email-integration-tab .col-sm-6 {
        width: 50%;
    }

    .feature-icon-box {
        margin-bottom: 10px;
        display: block;
        float: unset !important;
    }

    .features-small-title,
    .features-xs-title {
        margin: 0;
        padding-left: 0;
    }

    .feature-title {
        padding-left: 0;
        margin-bottom: 15px;
    }

    .br-left-piller:after {
        content: '';
        position: absolute;
        left: 0;
        border-left: 0px solid rgba(1, 118, 255, 0.50);
        border-top: 1px solid rgba(1, 118, 255, 0.50);
        height: 1px;
        width: 100%;
        top: 0;
    }

    .br-left-piller {
        margin-top: 30px;
        padding-top: 30px;
    }

    .no-br-xs:after {
        display: none;
    }

    .no-br-xs:after {
        display: block;
    }

    #home .home-slider-2,
    #home .home-slider-3 {
        height: 100vh !important;
        overflow: hidden;
    }

    #home .bx-controls .bx-next {
        margin-right: 4px;
        width: 32px;
        height: 32px;
        border: 2px solid transparent;
    }

    #home .bx-controls .bx-prev {
        margin-right: 4px;
        width: 32px;
        height: 32px;
        margin-left: 4px;
        border: 2px solid transparent;
    }

    #home>.container {
        padding: 0;
    }

    img.offer-trangle {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        height: 100%;
    }

    img.offer-right {
        width: 450px;
    }

    .add-res-wrap h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .min-ht-85 {
        min-height: 85px !important;
    }

    .integrate-slider-mob-5 .col-6 {
        height: 250px !important;
    }

    .testimonialresults .testimonial-image,
    .msmeresults .testimonial-image {
        width: 50%;
        height: 140px;
    }

    .testimonial-content {
        height: auto;
    }

    .whykylas-content .slick-prev {
        position: absolute;
        bottom: -40px;
        /* left: calc(50% - 35px);
        transform: translateX(-50%); */
    }

    .whykylas-content .slick-next {
        position: absolute;
        bottom: -40px;
        /* left: calc(50% + 35px); */
        /* transform: translateX(-50%); */
    }

    .home-award .rating-slider>div {
        border-bottom: 1px solid #bdbdbd;
        border-right: 0px;
    }

    .home-award .rating-slider>div:nth-child(3),
    .home-award .rating-slider>div:last-child {
        border-bottom: 0px solid #bdbdbd;
    }

    .comparison-page.banner_ht,
    .comparison-page .banner_ht {
        height: calc(100vh - 0px) !important;
        overflow-x: hidden;
        position: relative;
    }

    .comparison-card.kylas-card,
    .comparison-card.other-card {
        margin: auto;
        float: none;
    }

    .comparison-card.other-card {
        margin-top: 50px;
    }

    .vs-circle {
        position: absolute;
        top: unset;
        z-index: 2;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }

    .set-kylas-box {
        padding: 10px 0px;
        height: auto;
        margin: 0;
    }

    .box-rt-br:after,
    .testi-title br {
        display: none;
    }

    .box-bt-br:before {
        bottom: 0;
        position: unset;
    }

    .set-kylas {
        padding-bottom: 40px;
    }

    .set-kylas-title {
        font-size: 16px;
        padding-left: 9px;
    }

    .box-bt-br-xs:before {
        content: '';
        background-color: rgba(1, 118, 255, 0.5);
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .table_container {
        overflow-x: auto;
    }

    .kylas_elevate_table {
        width: 100%;
        border-collapse: collapse;
        white-space: nowrap;
        /* Prevent text wrapping */
    }
}

@media screen and (max-width: 700px) {
    .popup-inner .col-6 {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .mg-tp-xs-20 {
        margin-top: 20px !important;
    }
    
    .integration-2 {
        padding: 60px 13px 30px;
        img{
        margin-bottom: 100px;
        }
    }

    .features-banner-title .no-br,
    .feature-title .no-br,
    .feature-desc .no-br,
    .banner-badge .no-br,
    .industry-info-list .no-br,
    .banner-caption .no-br {
        display: block;
    }

    .width-200 {
        width: 207px;
        display: block;
        margin: auto;
    }

    .chatbot-popup {
        display: none !important;
    }

    .mobile-img-bg {
        background-size: 80%;
    }

    .features-page-list.im-banner {
        height: auto;
    }

    .other-app-wrapper {
        padding: 30px 10px;
    }

    .features-submenu .submenuoption-div,
    .industry-submenu .submenuoption-div {
        padding-left: 0;
    }

    .features-submenu .submenuoption-sub-head {
        font-weight: 400 !important;
    }

    .row-eq-height {
        display: block;
    }

    .pipeline-mng-wrapper .row .col-6 h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .pipeline-mng-wrapper .row .col-6 p {
        padding: 0;
    }

    .pipeline-mng-inner {
        padding: 20px 10px;
    }

    .accordation-wrap .tab-box-2 {
        background-color: #efeff0;
        display: block;
        float: left;
        width: 100%;
        padding: 30px;
        margin-top: 30px;
    }

    .accordation-wrap .tab-links a {
        margin-bottom: 0;
    }

    .accordation-wrap .tab-links a.active {
        margin-bottom: 15px;
    }

    .features-page-list .btn-blue {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .features-page-list {
        height: auto;
        min-height: 100vh;
    }

    .integrations-tab-list h3 {
        font-size: 22px;
    }

    .integrations-tab-list h3.integrate-mobile-dropdown {
        font-size: 18px;
    }

    .kylas-rating-wrap .rating-logo {
        height: auto;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .features-submenu .submenuoption-div .col-12 p,
    .company-submenu .submenuoption-div .col-12 p {
        margin-left: 10px;
    }

    .features-submenu .submenuoption-div .col-12 a,
    .industry-submenu .submenuoption-div .col-12 a,
    .company-submenu .submenuoption-div .col-12 a {
        width: calc(100% - 47px);
    }

    #team-management-video {
        height: 230px;
    }

    .box-features h3,
    .features-xs-title {
        color: #1D2B36;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 5px;
        margin-top: 20px;
    }

    #mobile .features-xs-title {
        margin-top: 20px !important;
        margin-bottom: 5px;
    }

    #collaboration .bg-gray {
        padding: 20px;
    }

    #omnichannel .br-left-piller:after {
        left: 0;
    }

    .features-small-title {
        font-size: 20px;
    }

    .add-res-wrap h4 {
        font-size: 16px;
        padding: 10px 15px 10px;
    }

    .inner-list {
        width: 106px;
    }

    .inner-list>p {
        font-size: 10px;
        margin: 10px 0;
    }

    .home-slider-3-info h2 {
        font-size: 26px;
        line-height: 32px;
        width: 290px;
        margin: 15px auto 10px;
    }

    .home-slider-3-info h2 span {
        font-size: 28px;
    }

    .img-patch-1 {
        position: unset;
        top: unset;
        transform: unset;
        width: 190px;
        margin: 50px auto 0px;
        display: block;
    }

    #home .home-slider-1:after,
    #home .home-slider-3:after {
        height: 100%;
    }

    .home-slider-3-info {
        position: unset;
        right: 0;
        top: unset;
        transform: unset;
        width: 100%;
    }

    .home-slider-2 h2 {
        line-height: 34px;
        color: #fff;
        font-weight: 500;
        position: unset;
        top: unset;
        transform: unset;
        left: unset;
        margin: 60px auto 30px;
        font-size: 30px;
        width: 290px;
    }

    .home-slider-4 .container {
        padding: 0;
        z-index: 2;
        position: relative;
    }

    .home-slider-4 a {
        margin-left: 0;
    }

    .home-slider-4 p {
        font-size: 14px;
        width: 100%;
        margin-left: 0;
    }

    img.offer-trangle {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        height: 100%;
        transform: unset;
    }

    ul.crm-award {
        position: unset;
        width: 290px;
        right: 0;
        top: unset;
        transform: unset;
    }

    ul.crm-award li img {
        width: 72px;
    }

    #home .home-slider-2:before {
        width: 100%;
        height: 70%;
        bottom: -20%;
    }

    #home .home-slider-3:after {
        height: 120%;
    }

    .home-slider-2 .container,
    .home-slider-3 .container {
        height: 100%;
        padding-top: 50px;
    }

    .big-dotted {
        width: 160px;
        height: 100%;
        right: 100px;
        top: 42%;
    }

    #add-res.col-row .row {
        margin-left: 0;
        margin-right: 0;
    }

    #add-res.col-row .row .col-6 {
        padding: 0 5px;
    }

    .comparison-page.banner_ht,
    .comparison-page .banner_ht {
        height: calc(100vh - 45px) !important;
    }

    .min-ht-85 {
        min-height: auto !important;
    }

    .with-without-wrapper {
        height: auto;
        padding: 15px;
    }

    .circle-wrap {
        width: 100%;
        transform: scale(0.9);
    }

    #pricingbanner .banner-caption-list li {
        margin-bottom: 5px;
    }

    #business-whatsapp-tab .integrations-item.col-12-5 {
        min-width: auto !important;
    }

    .testimonialresults .testimonial-image {
        width: 140px;
        height: 120px;
    }

    .testimonia-right-title {
        width: calc(100% - 140px);
    }

    .testimonia-right-content {
        padding: 20px 0px 0px 0px;
    }

    .testimonial-image a {
        width: auto;
    }

    .testimonial-image a span {
        display: none;
    }

    .testimonial-image-box {
        margin: 10px 0;
    }

    .new-rightsucess .rs-card-wrapper {
        margin: 0 10px 50px;
    }

    .order-sec-title {
        font-size: 18px;
        line-height: 26px;
    }

    .coming-soon-box {
        min-height: auto;
    }

    .partner-left-section .banner-caption-list li {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .28px;
    }

    .banner-cta-tagline {
        font-size: 23px;
    }

    .icon-last-name input {
        background-image: url(../min-images/user-icon.svg);
        padding-left: 50px;
        background-size: auto;
        background-position: 14px;
    }

    .comprision-banner-title {
        font-size: 22px;
        line-height: 32px;
    }

    .banner-vector {
        width: 180px;
    }

    .banner-light-shadow {
        position: absolute;
        top: unset;
        left: -132px;
        bottom: 0;
        transform: unset;
        height: auto;
    }

    .home-award .rating-slider>div:nth-child(3),
    .home-award .rating-slider>div {
        border-bottom: 1px solid #bdbdbd;
        border-right: 0px;
    }

    .home-award .rating-slider>div:last-child {
        border-bottom: 0px solid #bdbdbd;
    }

    .comprision-banner-subtitle {
        font-size: 18px;
        color: #D7EAFC;
        line-height: 24px;
        font-weight: 300;
    }

    .card-info p {
        /*color: #505459;*/
        font-size: 14px;
        line-height: 20px;
    }

    .comparison-card {
        width: 340px;
        height: 340px;
        padding: 80px 24px 0;
    }

    .kylas-card .card-icon {
        position: absolute;
        left: -15px;
        top: 20px;
        display: block;
        padding: 13px 19px 0;
        width: 160px;
        height: 53px;
    }

    .card-icon img {
        width: 100%;
    }

    .other-card .card-icon {
        right: 0px;
        padding: 15px 19px 0;
        width: 160px;
        height: 53px;
    }

    .vs-circle p {
        width: 100px;
        height: 100px;
        padding: 36px 10px;
    }

    .table-wrap table tbody td {
        height: auto;
        font-size: 12px;
        padding: 7px 9px;
        line-height: 18px;
    }

    .table-wrap table thead th {
        height: 134px;
        font-size: 14px;
        text-align: left;
    }

    .table-wrap table thead th:first-child span {
        display: none;
    }

    .table-wrap table thead th span {
        transform: rotate(-90deg);
        display: block;
        width: 77px;
        margin: auto;
    }

    .set-kylas-title {
        padding-top: 0;
    }

    .testimonial-icon {
        float: unset;
        margin-right: 0px;
        margin: auto;
    }

    .table-title {
        height: auto;
        text-align: left;
        font-size: 18px;
        line-height: 24px;
        padding: 14px 15px;
        position: relative;
        margin-top: 5px;
    }

    .comparision-title {
        height: 80px;
        background-color: #e0edfd;
        text-align: left;
        font-size: 18px;
        line-height: 24px;
        padding: 14px 15px;
        margin-top: 5px;
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 95% 44%;
        cursor: pointer;
    }

    .table-wrap,
    .comparision-wrap {
        display: none;
    }

    .table-title:after {
        content: '';
        background-image: url(../home-images/ArrowHomeDown.svg);
        position: absolute;
        color: #FFFFFF;
        top: 25px;
        right: 15px;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* .comparision-title:after{
       background-size: 30px;
    background-repeat: no-repeat;
    background-position: 95% 44%;
        padding: 20px 15px;
    cursor: pointer;
    font-size: 17px;
    }*/
    .table-title.open:after {
         transform: rotate(180deg);
         top: 15px;
         right: 15px;
         width: 15px;
         height: 15px;
    }

    .table-wrap table tbody td:nth-child(2),
    .table-wrap table tbody td:nth-child(3),
    .table-wrap table tbody td:nth-child(4) {
        width: 60px;
    }

    .tooltip img {
        width: 12px;
        height: 12px;
    }

    .kylasvsothercrm {
        height: auto;
        padding: 90px 0px 10px;
        .Banner-Image {
            width: 100%;
            margin-bottom: 10px;
            
            img {
                width: 70%;
            }
        }
    }

    .vector-2 {
        top: 44%;
        right: 20px;
    }

    .vector-3 {
        width: 36px;
        bottom: 10px;
        left: 24px;
    }

    .career-banner-wrapper .slick-arrow.slick-prev {
        right: 79px;
    }

    .career-banner-wrapper .slick-arrow.slick-next {
        right: 19px;
    }

    .post-card-wrapper .pc-content-wrapper {
        transform: translateY(50%) !important;
    }

    #enterprise-grade .pc-content-wrapper,
    #less-manual .pc-content-wrapper,
    #imporve-team .pc-content-wrapper {
        transform: translateY(20px) !important;
    }

    .wp-block-image img {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 340px) {
    .features-banner-title {
        font-size: 26px !important;
        line-height: 36px;
    }

    .features-banner-desc {
        font-size: 16px !important;
        margin-bottom: 30px;
        line-height: 26px !important;
    }

    .feature-title {
        font-size: 22px;
        line-height: 30px;
    }

    .lead-item {
        width: 120px;
        height: 100px;
        margin: 6px;
    }

    .converlead-item {
        font-size: 16px;
        line-height: 24px;
    }

    .tab-box-1,
    .tab-box-2,
    .tab-box-3 {
        padding: 30px 15px 0 !important;
    }

    .includes-content ul li {
        width: 100%;
    }

    .im-banner-badge {
        padding: 10px 8px !important;
    }

    .img-patch-1 {
        width: 150px;
        margin: 15px auto;
    }

    .inner-list {
        width: 93px;
    }

    .home-slider-3-info h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .home-slider-3-info h2 span {
        font-size: 24px;
    }

    .inner-list {
        border-left: 0px;
    }

    .img-patch-3 {
        position: absolute;
        bottom: 113px;
        right: 0;
        width: 200px;
    }

    .comprision-banner-title {
        font-size: 24px;
        line-height: 30px;
    }

    .banner-vector {
        width: 165px;
    }

    .comparison-card {
        width: 290px;
        height: 290px;
        padding: 50px 27px 0;
    }

    .card-info p {
        font-size: 13px;
    }

    .kylas-card .card-icon {
        position: absolute;
        left: -5px;
        top: -6px;
        display: block;
        padding: 9px 18px 0;
        width: 125px;
        height: 42px;
    }

    .other-card .card-icon {
        right: -3px;
        padding: 12px 17px 0;
        width: 125px;
        height: 42px;
        top: 10px;
    }

    .vs-circle p {
        width: 80px;
        height: 80px;
        padding: 25px 10px;
        font-size: 26px;
    }

    .comparison-card.other-card {
        margin-top: 35px;
    }

    .vs-circle {
        bottom: -56px;
    }

    .set-kylas-box .sec-desc {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .casestudy-banner h1 {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    /*homebanner timer*/
    .timer-title {
        font-size: 11px;
        max-width: 48px
    }

    .timer-text {
        font-size: 32px;
        line-height: 32px;
        box-shadow: inset -2px 4px 12px #0000007b;
        border-radius: 14px;
        padding: 12px 8px;
        margin-right: 25px;
    }

    .referral-title {
        font-size: 26px;
    }

    /*homebanner timer*/
}


/*Webinars New Page css 7 Oct 2021*/

.webinars-main-page {
    padding: 100px 0px;
    background-color: #fafbfd;
    text-align: center;
}

.heading_div p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
}

.webinar-events {
    padding: 20px;
    text-align: center;
}

.webinar-events h4 a {
    color: #000 !important;
    font-size: 24px;
    margin-bottom: 15px;
    display: inline-block;
}

.webinar-events p {
    font-size: 18px;
    color: #000;
}

.webinar-events img {
    width: 400px;
    margin: 0px auto;
}

.know_more_btn {
    background-color: #0176ff;
    width: 260px;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 29px;
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
    border: 1px solid #0176ff;
}

@media(min-width:768px) and (max-width:1100px) {
    .referral-upper-section {
        height: 100vh;
    }

    .new-home-page .bx-controls,
    #pricingnew .bx-controls {
        bottom: 150px;
    }

    #referral p.section-subtitle,
    #share-leads p.section-subtitle {
        font-size: 23px;
        line-height: 34px;
    }

    #referral .referral-upper-left-section {
        margin: 50px auto 40px;
    }

    .referral-form {
        width: 75%;
    }

    .second-collage .h-24 {
        height: 14rem;
    }

    .second-collage .h-64 {
        height: 10rem;
    }

    .md\:w-1\/2 {
        width: 100%;
    }

    .collage {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .webinar-events p {
        font-size: 15px !important;
    }

    .webinar-events h4 a {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }

    .webinar-events {
        padding: 20px 0px !important;
    }

    .webinars-main-page {
        padding: 85px 0px 50px !important;
    }

    #supportchatwidget .circular-widget {
        bottom: 50px !important;
    }
}


/*new css for case study*/

figure.wp-block-pullquote.pullquote_block,
figure.wp-block-pullquote.pullquote-block,
figure.wp-block-pullquote,
figure.pullquote_block,
figure.pullquote-block {
    background-image: url(../min-images/quote-left.svg), url(../min-images/quote-right.svg) !important;
    background-size: 30px !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 30px 15px, 96% 94% !important;
    position: relative;
    width: 90%;
    margin: 10px auto 20px !important;
    background-color: #dfeaf8 !important;
    border: 0px !important;
    color: #000 !important;
    text-align: justify;
}

figure.wp-block-pullquote blockquote,
figure.wp-block-pullquote.pullquote_block blockquote,
figure.wp-block-pullquote.pullquote-block blockquote,
figure.pullquote_block blockquote,
figure.pullquote-block blockquote {
    padding: 10px 20px;
}

figure.wp-block-pullquote p,
figure.wp-block-pullquote.pullquote_block p,
figure.pullquote_block p,
figure.pullquote-block p {
    font-style: italic;
    color: #000 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 0px !important;
    text-align: justify !important;
}

@media (max-width: 767px) {

    figure.wp-block-pullquote,
    figure.wp-block-pullquote.pullquote_block,
    figure.wp-block-pullquote.pullquote-block,
    figure.pullquote_block,
    figure.pullquote-block {
        width: 100% !important;
        background-size: 24px !important;
        background-position: 30px 15px, 96% 96% !important;
    }

    figure.wp-block-pullquote,
    figure.wp-block-pullquote.pullquote_block blockquote,
    figure.wp-block-pullquote.pullquote-block blockquote,
    figure.pullquote_block blockquote,
    figure.pullquote-block blockquote {
        padding: 4px 10px !important;
    }

    /*.report-list img{width: 100%;}*/
    .kylas-rating-wrap {
        height: 122px;
    }
}

.chatbot-popup {
    position: fixed;
    bottom: 104px;
    right: 25px;
    width: 270px;
    background-color: #fff;
    box-shadow: 1px 1px 10px #e5e5e5;
    padding: 15px 15px 10px 15px;
    border-radius: 10px;
    z-index: 9;
    display: none;
}

.chatbot-popup img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
}

.chatbot-popup p {
    font-size: 14px;
}

.chatbot-popup .close-chatbot {
    position: absolute;
    right: -6px;
    font-size: 24px;
    color: gray;
    top: -9px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    box-shadow: 1px 1px 10px #e5e5e5;
}


/************ Career Page ********/

.embed_jobs_with_style_1.embed_jobs_with_style ul.rec-group {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(31%, 1fr)) !important;
    grid-gap: 16px !important;
}

.embed_jobs_with_style .embed_jobs_head3 {
    line-height: 27px !important;
    font-size: 14px !important;
    color: #0e1b26 !important;
    font-weight: bold !important;
}

.rec_facet_group .cw-rec-filter {
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 0 8px !important;
}

.embed_jobs_head2 {
    background-color: #f5f8fa !important;
    font: normal 14px lucida grande, lucida sans, lucida sans unicode, arial, helvetica, verdana, sans-serif !important;
    border: 0px solid #F1F5F6 !important;
    padding: 0px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.embed_jobs_with_style_1 ul.rec-job-info {
    overflow: hidden;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: #fff !important;
    box-shadow: 0px 0px 6px #d9d9d9;
    transition: all 0.6s ease-in-out;
}

.embed_jobs_with_style_1 ul.rec-job-info:hover {
    box-shadow: 0px 0px 10px #a5a5a5;
    background-color: rgba(51, 142, 241, 0.02) !important;
}

.embed_jobs_with_style .rec-group li {
    color: #0f0f0f !important;
}

.embed_jobs_with_style .rec-group li span:first-child {
    color: #4a4a4a !important;
}

.rec-grp-heading {
    margin-bottom: 15px !important;
}

.embed_jobs_head {
    background-color: #f5f8fa !important;
    padding: 50px 0px 0 !important;
}

.rec_job_listing_div_jobs {
    flex: 1 100%;
    padding-right: 4px !important;
}

.rec-grp-heading {
    display: none;
}


/************ Sales CRM Software ********/

.slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lp-slide-1 {
    background-image: url("../min-images/lp/crm-banner.webp");
    height: 100vh;
}

.lp-slide-1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../min-images/lp/bg-transparent.svg");
}

.lp-slide-1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 144px;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.lp-slide-1 .container {
    position: relative;
    z-index: 2;
}

.inner-page .banner-title {
    color: #102E62;
    font-size: 47px;
    font-weight: 500;
    line-height: 56px;
}

.inner-page .banner-list {
    padding-left: 0;
    margin-bottom: 20px;
}

.inner-page .banner-list li {
    color: #000000;
    font-size: 20px;
    line-height: 35px;
    list-style: none;
}

.banner-award li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.tag-1 {
    font-size: 48px;
    line-height: 56px;
}

.banner-list {
    padding: 20px 0 0 25px;
    font-size: 20px;
    line-height: 30px;
}

.banner-list li {
    padding: 5px 0;
}

.bg-skyblue {
    background-color: #F6F8FA;
}

.bg-light-blue {
    background-color: #0176FF;
}

.gys-card-wrapper {
    padding: 20px;
    display: inline-block;
    width: 215px;
    max-width: 100%;
    vertical-align: top;
}

.gys-card-wrapper .rs-card {
    height: 150px !important;
}

.gys-icon {
    min-height: 90px;
    margin-bottom: 10px;
    position: relative;
}

.gys-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gys-cta {
    padding-top: 30px;
}

#lp-testimonials {
    background-color: #E9EDF2;
}

#lp-testimonials .testimonials-controls #testimonial-right a:after,
#gys-right a:after {
    background-image: url("/wp-content/themes/kylas/min-images/lp/right-arrow.svg");
}

#lp-testimonials .testimonials-controls #testimonial-left a:before,
#gys-left a:before {
    background-image: url("/wp-content/themes/kylas/min-images/lp/left-arrow.svg");
}

#lp-testimonials .testimonials-right-section>img {
    top: 95px !important;
    left: 0 !important;
}

#lp-whykylas .whykylas-card {
    background-color: #fff !important;
}

header ul.nav-links li a.active {
    color: #0176FF;
}

.header-demo-btn {
    padding-top: 20px;
}


/*Form CSS Start*/

label {
    color: #292542;
    font-weight: 500;
}

label span {
    color: red;
}

.customForm {
    background-color: #0259BF;
    padding: 20px;
    width: 412px;
    margin: 0 40px 0 0;
    float: right;
    position: relative;
    height: 450px;
}

.customForm h3 {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    padding: 0 10px;
}

.form-obj-1 {
    position: absolute;
    right: -44px;
    bottom: 0;
    z-index: 1;
}

.form-obj-2 {
    position: absolute;
    top: -52px;
    right: 0;
    z-index: -1;
}

.form-obj-3 {
    position: absolute;
    left: -81px;
    bottom: 0;
    z-index: -1;
}

.crm-form-submit {
    background-color: #0176ff;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 5px;
    width: 190px;
    height: 50px;
    margin: 0 auto;
}

.customForm .form-group-wrapper {
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative;
}

.customForm .form-group-wrapper:last-child {
    margin-bottom: 0;
}

.customForm .form-group-wrapper select,
.customForm .form-group-wrapper input[type=text],
.customForm .form-group-wrapper input[type=tel],
.customForm .form-group-wrapper input[type=email],
.customForm .form-group-wrapper textarea,
.customForm .form-group-wrapper input[type=number] {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 7px;
    outline: 0;
    color: #3C446B;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
}

.customForm .form-group-wrapper input[type=tel] {
    padding-left: 45px;
}

.customForm .form-group-wrapper textarea {
    resize: none;
    padding: 7px;
}

.form-group-wrapper .submit-btn {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    padding: 10px 20px;
    width: auto;
    background-color: #0176FF;
    color: #fff;
    font-weight: 500;
    border: unset;
    cursor: pointer;
}

label.error {
    color: red;
    position: absolute;
    left: 0px;
    bottom: -15px;
    font-size: 9px;
    line-height: 16px;
    font-weight: normal;
}

.customForm #leaddialcode,
.customForm input#leadphone,
.customForm #leaddialcode2,
.customForm input#leadphone2,
.customForm #leaddialcode3,
.customForm input#leaddialcode3 {
    width: 100% !important;
}

.customForm #leaddialcode2,
.customForm #leaddialcode3 {
    padding-left: 43px;
}


/*Form CSS End*/

.crm-title {
    color: #102E62;
    font-size: 36px;
    line-height: 43px;
    font-weight: 400;
}

.crm-subtitle {
    font-size: 22px;
    line-height: 32px;
    color: #1D2B36;
    font-weight: 400;
}

.sec-list {
    padding-left: 20px;
}

.sec-list li {
    color: #000000;
    font-size: 16px;
    line-height: 35px;
    list-style: none;
    padding-left: 10px;
    list-style-image: url(../min-images/Icon-check.svg);
}

.crm-benefit-box {
    background-color: #F0F9FE;
    border-radius: 12px;
    height: 264px;
    margin-top: 110px;
    padding: 0px 11px 41px 41px;
}

.crm-benefit-icon {
    background: transparent radial-gradient(closest-side at 50% 50%, #0259BF 0%, #012D60 100%) 0% 0% no-repeat padding-box;
    width: 112px;
    height: 112px;
    border-radius: 100%;
    text-align: center;
    line-height: 146px;
    position: relative;
    top: -61px;
}

.crm-info-wrap h4 {
    font-size: 24px;
    line-height: 28px;
    color: #1D2B36;
    font-weight: 500;
    margin-bottom: 15px;
}

.crm-info-wrap p {
    color: #1D2B36;
    font-size: 16px;
    line-height: 24px;
}

.crm-client-logo .client-logo {
    /* box-shadow: 1px 1px 6px #efefef; */
    margin: 0 8px;
    border-radius: 12px;
}

.crm-client-logo .trusted-client-slider-wrap .bx-viewport {
    padding: 0 7px;
}

.crm-testimonial .testimonial-quote-content {
    padding: 0px 0 0;
    float: left;
    width: 100%;
    height: 260px;
    overflow: auto;
}

.crm-testimonial .testimonials-right-section {
    width: calc(100% - 70px);
    padding-left: 50px;
}

.crm-testimonial .testimonials-right-section>img {
    left: 20px;
    top: 20px;
}

.crm-testimonial .testimonial-video-thumbnail img {
    width: 87px;
    height: 87px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.crm-testimonial .testimonials-left-section {
    height: auto;
    width: 100px;
    float: left;
    padding-top: 0px;
    display: inline-block;
}

.crm-testimonial .user-info {
    float: left;
    width: calc(100% - 100px);
    padding-left: 20px;
    padding-top: 20px;
}

.crm-testimonial .testimonial-play-video-btn {
    position: absolute;
    right: 0;
    top: 15px;
}

.footer-form-section .customForm {
    width: 450px;
    height: 450px;
    margin: auto;
}

.crm-video {
    border: 1px solid rgba(112, 112, 112, 0.5);
    border-radius: 12px;
    padding: 8px;
}

#crm-benefit .col-row .col-4 {
    padding: 0 10px;
}

.testimonials-slide:after {
    content: '';
    position: absolute;
    right: -3px;
    bottom: 10px;
    border-right: 1px solid #fff;
    width: 1px;
    height: 90%;
}

.intl-tel-input.iti-container {
    z-index: 999999 !important;
}

@media only screen and (max-width: 700px) {
    .embed_jobs_with_style_1.embed_jobs_with_style ul.rec-group {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(49%, 1fr)) !important;
        grid-gap: 16px !important;
    }

    .openings-wrapper .embed_jobs_with_style {
        padding: 30px 0px 0 !important;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1300px) {

    #home .home-slider-2,
    #home .home-slider-3 {
        background-size: 100% 80%;
    }

    /*    .registered-smbs-and-media-element{
        bottom: 100px;
    }*/
}


/*@media screen and (min-width: 1600px){
    .registered-smbs-and-media-element{
        bottom: 120px;
    }
}*/

@media screen and (min-width: 1025px) {
    .category-dropdown {
        display: none;
    }
}

.comparison-testimonial-slider .slick-prev {
    top: 55%;
    bottom: unset;
    left: 0px;
    transform: translateY(-50%);
    z-index: 2;

    @media(max-width:650px){
        top: 20%;
    }
}
.comparison-testimonial-slider .slick-next {
    top: 55%;
    bottom: unset;
    right: 0px;
    left: unset;
    transform: translateY(-50%);
    z-index: 2;

    @media(max-width:650px){
        top: 20%;
    }

}

@media screen and (min-width: 1200px) {
    .comparison-testimonial-slider .slick-prev {
        top: 55%;
        bottom: unset;
        left: 0px;
        transform: translateY(-50%);
        z-index: 2;
    }

    .comparison-testimonial-slider .slick-next {
        top: 55%;
        bottom: unset;
        right: 0px;
        left: unset;
        transform: translateY(-50%);
        z-index: 2;
    }
}

/* @media screen and (min-width: 650px) {
    .comparison-testimonial-slider .slick-prev {
        top: 20%;
        bottom: unset;
        left: 0px;
        transform: translateY(-50%);
        z-index: 2;
    }

    .comparison-testimonial-slider .slick-next {
        top: 20%;
        bottom: unset;
        right: 0px;
        left: unset;
        transform: translateY(-50%);
        z-index: 2;
    }
} */

@media screen and (min-width: 1025px) {
    .mg-tp-lg-50 {
        margin-top: -50px;
    }

    .home-client-slider>div {
        width: 20%;
        display: inline-block;
        height: 108px;
        margin-left: -5px;
    }

    .inner-paddd {
        padding: 0 15px;
    }

    .hidden-lg {
        display: none;
    }

    /* .comparison-testimonial-slider .col-8 {
    padding-left: 30px;
}*/
}

@media only screen and (min-width: 1291px) and (max-width: 1400px) {
    .pricingnew-upper-left-section {
        width: 45%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1290px) {

    .integration-slider-1 .slick-slide img {
        padding: 0 !important;
        width: 32%;
    }

    #companyname {
        top: 0px;
    }

    .comparison-testimonial-slider .col-8 {
        margin-left: 0;
    }

    .comparison-testimonial-slider .col-4 img {
        padding: 0 30px;
    }

    .comparison-testimonial-slider {
        padding: 0;
    }

    .integration-crm-sec .sec-title {
        padding-top: 90px;
    }

    .integration-2 {
        padding: 25px 20px 0 10px;
        background-color: none;
    }

    .banner_ht {
        height: 100vh !important;
    }

    .referral-block {
        position: absolute;
        width: 100%;
        top: 58%;
        transform: translateY(-50%);
    }

    .shareleads-upper-right-section {
        padding: 0;
    }

    .referral-box {
        width: 480px;
    }

    .work-div {
        width: 165px;
    }

}


/*post card css*/

#truested-by {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.post-card-wrapper {
    margin-bottom: 1.875rem;
    transition-duration: 0.3s
}

.post-card-wrapper:hover {
    scale: 1.03
}

.post-card-wrapper .pc-outter-warapper {
    position: absolute;
    width: 100%;
    top: 0px;
}

.post-card-wrapper .pc-content-wrapper {
    transform: translateY(-5%);
}

.post-card-wrapper .pc-sub-title {
    font-size: 20px !important;
    line-height: 26px !important;
    max-width: 75%;
}

.post-card-wrapper .pc-outter-warapper,
.post-card-wrapper .pc-outter-warapper .row {
    height: 100%;
}

.post-card-wrapper .pc-img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-height: 700px;
}

.post-card-wrapper .h100 {
    height: 100%;
}

.post-card-wrapper .pc-title {
    font-size: 24px;
    line-height: 30px;
}

.post-card-wrapper .pc-btn {
    box-shadow: 0px 0px #f0f0f071;
    transition-duration: 0.2s;
    display: inline-block;
}

.post-card-wrapper .pc-btn img {
    transition-duration: 0.2s;
    border-radius: 7px
}

.post-card-wrapper .pc-btn:hover img {
    box-shadow: -10px 14px 20px 0px #00000057;
    scale: 1.05;
}

.post-card-wrapper .pc-btn-blue {
    /*        background-color: #1d3b9f;*/
}

.post-card-wrapper {
    scale: 0.9;
}

.post-card-wrapper .pc-bg-img {
    object-fit: cover;
    min-width: 300px;
    /* min-height: 500px;*/
    width: 100%;
    height: 100%;
    max-height: 350px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #00000040;
}

/* indipendence offer banner kylas-sales-crm page */
.ind-offer {
    background-color: #F2F5FC !important;
}

.ind-offer:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 720px;
    height: 542px;
    transform: translateY(-70%);
    background-image: url(../home-images/ind-flag.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.ind-offer .pricingnew-upper-section {
    background-color: #F2F5FC !important;
}

.ind-offer .pricingnew-upper-section .banner-caption .lg {
    font-family: Inter;
    font-size: 65px;
    font-weight: 600;
    line-height: 78.66px;
    text-align: left;
    color: #000;
}

.ind-offer .pricingnew-upper-section .banner-caption .md {
    font-family: Inter;
    font-size: 35px;
    font-weight: 600;
    line-height: 42.36px;
    text-align: left;
    color: #000 !important;

}

.ind-offer .ind-offer-img {
    max-width: 404px;
    margin-top: 30px;
    margin-left: 30px;
}

.ind-offer .theme-btn.bg-blue {
    background-color: #0176FF !important;
}

.ind-offer .pricingnew-upper-right-section .banner-cta {
    margin-inline: auto;
    margin-top: 25px;
}

.ind-offer .kylas-salescrm .banner-img-abs-right {
    max-width: 808px;
    bottom: 50px;
    z-index: 5;
    top: unset;
    transform: translateY(0%) !important;
    margin-right: 90px;
}


@media only screen and (min-width:1600px) and (max-width:1920px) {

    /*#home .banner-caption{margin-top:26px;width:56%;position: relative;z-index: 2;}
.home-model-image{left: -216px;width: 100%;}
.home-model-image img {width: 65%;}
#home .banner-caption-list{margin-top: 92px;}
#home .offer-text-image{width:17%;left:36%;bottom:7%margin-top: 296px;}
.registered-smbs-and-media-element{left: -2%;width: 102%;bottom: -8%;}*/
    .home-model-image {
        left: -95px;
    }

    #pricingbanner .offer-text-image {
        right: 94px;
        margin-top: 292px;
    }

    .pricingnew-upper-right-section {
        padding: 6% 0 0 0%
    }

    .pricingnew-upper-left-section {
        width: 60%;
        right: -150px;
    }

    .pricingnew-upper-left-section svg {
        width: 90%
    }

    .partner-page-container {
        padding-top: 150px
    }

    .partner-right-section {
        width: 46%
    }
}

@media only screen and (min-width:1400px) and (max-width:1440px) {
    .home-model-image {
        left: -111px;
    }

}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    .popup {
        width: 90vw
    }

    .partner-register-popup {
        width: 40vw
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .home-model-image img {
        width: 90%;
    }

    .kyeo {
        width: 250px;
    }

    .kyeo-info {
        width: 60%;
    }

}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {

    .shareleads-upper-right-section {
        padding: 0;
    }


}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .hidden-md {
        display: none;
    }

    .mg-tp-md-0 {
        margin-top: 0px !important;
    }

    .pd-bt-md-0 {
        padding-bottom: 0 !important;
    }

    .pd-tp-md-0 {
        padding-top: 0 !important;
    }

    .mg-tp-md-50 {
        margin-top: 50px !important;
    }
}

@media(max-width:1600px) and (min-width:1541px) {
    .ind-offer .kylas-salescrm .banner-img-abs-right {
        max-width: 600px;
    }

    .ind-offer:after {
        width: 620px;
        transform: translateY(-62%);
    }
}

@media(max-width:1540px) {
    .ind-offer .pricingnew-upper-section .banner-caption .lg {
        font-size: 42px;
        line-height: normal !important;
    }

    .ind-offer .pricingnew-upper-section .banner-caption .md {
        font-size: 30px;
    }
}

@media(max-width:1440px) {
    .ind-offer:after {
        width: 620px;
        height: 442px;
        transform: translateY(-60%);
    }

    .ind-offer .kylas-salescrm .banner-img-abs-right {
        max-width: 500px;
        /* margin-right: 30px; */
    }
}

@media(max-width:1368px) {
    .ind-offer .container-fluid {
        max-width: 1250px;
    }

    .ind-offer .pricingnew-upper-section .banner-caption .lg {
        font-size: 38px;
        line-height: normal !important;
    }

    .ind-offer .pricingnew-upper-section .banner-caption .md {
        font-size: 28px;
    }

    .ind-offer:after {
        max-width: 450px;
        transform: translateY(-63%);
    }

    .ind-offer .ind-offer-img {
        max-width: 250px;
    }

    .ind-offer .kylas-salescrm .banner-img-abs-right {
        max-width: 450px;
        bottom: 30px;
        /* margin-right: 30px; */
    }
}


@media only screen and (max-width :1024px) {
    .crmpages-sec {
        padding: 55px 0 115px;
    }

    .col-md-1 {
        width: 8.333333333333333%
    }

    .col-md-2 {
        width: 16.66666666666667%
    }

    .col-md-3,
    .col-12-5 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333333333%
    }

    .col-md-8 {
        width: 66.66666666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333333333%
    }

    .col-md-11 {
        width: 91.66666666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-12-5 {
        width: 20%
    }

    .first-chat {
        width: 512px
    }

    .kylas-sale-chat-info {
        width: 395px
    }

    .plan-after-3.plan-team>li {
        padding: 26px 16px 26px 26px;
        width: 100% !important
    }

    .left-sidebar>ul {
        margin: 0 0 15px 0;
        display: none;
        height: 65vh;
        overflow: auto;
        background-color: #fff;
        border-bottom: 1px solid gray;
        padding: 17px 30px 15px
    }

    .left-sidebar ul li a {
        position: unset
    }

    .left-sidebar h2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 10px;
        line-height: 18px;
        min-height: 42px;
        background-color: #f5f8fa;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .left-sidebar h2:after,
    .left-sidebar h2.open:after {
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        height: 26px;
        margin-top: 5px;
        margin-left: 12px
    }

    .left-sidebar h2:after {
        background: url('../min-images/angle-down.svg') 0 0/13px 22px no-repeat
    }

    .left-sidebar h2.open:after {
        background: url('../min-images/angle-up.svg') 0 0/13px 22px no-repeat
    }

    .left-sidevar-title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .terms-condition .left-sidebar {
        margin-right: 0;
        height: auto;
        position: fixed;
        width: 100%;
        top: 80px;
        left: 0;
    }

    .left-sidebar ol {
        padding: 10px 20px;
        display: none;
        background-color: #f5f8fa;
        height: calc(100vh - 160px);
        overflow: auto;
    }

    .col-4.terms-condition {
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 123;
        top: 64px
    }

    .right-sidebar {
        padding-top: 60px
    }

    .arrow-down:after,
    .arrow-up:after {
        display: none
    }

    .security,
    .terms-condtions,
    .privacy-policy {
        padding: 0 0 50px
    }

    .slider.slider-1 .banner-caption,
    .slider.slider-2 .banner-caption,
    .slider.slider-3 .banner-caption,
    .slider.slider-4 .banner-caption {
        position: absolute;
        top: 164px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center
    }

    .slider.slider-1 .banner-caption h1,
    .custom-css,
    .slider .banner-caption h2,
    .slider.slider-2 .banner-caption h3,
    .slider.slider-3 .banner-caption h3,
    .slider.slider-4 .banner-caption h3,
    .custom-css,
    .slider.slider-1 .banner-caption h1,
    .slider.slider-2 .banner-caption h2 {
        text-align: center
    }

    .slider .banner-caption p {
        float: unset
    }

    .slider.slider-1 img.banner-img-1,
    .slider.slider-3 img.banner-img-1 {
        top: unset;
        bottom: 0
    }

    .slider.slider-2 img.banner-img-1 {
        position: absolute;
        top: unset;
        left: 217px;
        bottom: 0
    }

    .slider.slider-2 img.banner-img-2 {
        top: unset;
        bottom: 390px
    }

    .slider.slider-4 img.banner-img-1 {
        width: 523px
    }

    .slider.slider-5 img.banner-img-1 {
        left: 50%;
        transform: translateX(-50%)
    }

    .slider.slider-5 img.banner-img-2 {
        left: unset;
        right: 0
    }

    .slider.slider-5 img.banner-img-3 {
        left: 0
    }

    .slider.slider-5 .banner-caption {
        position: relative;
        top: 136px;
        text-align: center
    }

    .slider.slider-5 .banner-caption h2,
    .slider.slider-5 .banner-caption h3 {
        text-align: center
    }

    #home {
        margin-top: 0px;
        height: auto;
    }

    #home .disptable,
    .timer-banner .disptable {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    #home .table-cell,
    .timer-banner .table-cell {
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 100%;
    }

    #home .banner-caption,
    .timer-banner .banner-caption,
    .pricingnew-upper-right-section {
        width: 85%;
        margin: 20% auto 0;
        padding: 0% 0 0 5%;
    }

    .pricingnew-upper-right-section {
        margin: 110px auto 0;
    }

    .banner-caption-list li {
        font-size: 21px;
    }

    #home .banner-caption .lg,
    .timer-banner .banner-caption .lg {
        font-size: 48px;
        margin-bottom: 10px;
    }

    #home .banner-cta,
    .timer-banner .banner-cta {
        margin-top: 30px;
    }

    /*.home-model-image{width:58%;margin-top:0;left:0;right:0;margin:auto; position: absolute;}*/
    .banner-caption-list {
        margin-top: 30px;
    }

    #home .offer-text-image {
        width: 25%;
        right: 110px;
        margin-top: 40px;
    }

    .partner-left-section {
        padding: 0;
        width: 90% !important;
        margin: auto;
        float: none;
        position: relative;
        top: unset;
        transform: unset;
        right: 0;
    }

    .partner-right-section {
        right: 0;
        left: 0;
        margin: auto;
        position: unset;
    }

    .partner-right-section {
        width: 100%;
    }

    .partner-right-section img {
        width: 70%;
        margin: auto
    }

    .pricingnew-upper-left-section svg {
        width: 75%;
        display: block;
        height: auto;
        margin: auto;
    }

    .partner-section .down-arrow {
        left: 56px;
        right: inherit
    }

    /*#pricingbanner .disptable{
        display: flex;
        align-items: center;
        flex-direction: column;
    }*/
    .col-4.pricingnew-item {
        width: calc(50% - 3%);
        margin: 0 1.5% 30px;
    }

    #pricingbanner .table-cell {
        display: block;
        margin-top: 0;
        width: 100%;
        height: 100%;
    }

    .pricingnew-upper-left-section {
        width: 700px;
        height: 641px;
        left: 0;
        transform: unset;
        bottom: 0px;
        top: unset;
        text-align: center;
        margin: auto;
    }

    /*    .pricingnew-upper-left-section img{
        position: unset;
    }*/
    #pricingbanner .offer-text-image {
        margin-top: 0;
    }

    tr.pricingnew-table-row {
        display: flex;
    }

    .pricingnew-upper-right-section .banner-cta {
        margin-top: 30px;
    }

    footer .upper .footer-form-wrapper {
        padding: 0 2%;
    }

    .customForm {
        float: unset;
        margin: 0px auto;
        width: 100%
    }

    .form-obj-1 {
        right: -20px;
        width: 57px;
    }

    header ul.nav-links li a {
        margin-right: 5px;
        font-size: 14px;
    }

    header .login-btn {
        margin-right: 7px;
        padding: 12px 0px;
    }

    .operator-why-kylas-slider .slick-prev,
    .operator-benefit ul .slick-prev,
    .other-industry-slider .slick-prev {
        right: unset;
        left: calc(50% - 30px);
        transform: translateX(-50%);
        top: unset;
        bottom: -25px;
        z-index: 2;
        cursor: pointer;
    }

    .operator-why-kylas-slider .slick-next,
    .operator-benefit ul .slick-next,
    .other-industry-slider .slick-next {
        right: unset;
        left: calc(50% + 30px);
        transform: translateX(-50%);
        top: unset;
        bottom: -25px;
        z-index: 2;
        cursor: pointer;
    }

    .operator-benefit ul .slick-prev,
    .operator-benefit ul .slick-next {
        bottom: -70px;
    }

    .content-box {
        padding: 0 10px 35px;
    }

    .testimonials-slide:after {
        display: none;
    }

    .crm-testimonial .testimonial-quote-content {
        height: 150px;
    }

    .why-kylas-operator-inner {
        margin-bottom: 40px;
    }

    .myoperator {
        padding: 50px 0 0 0;
        background-image: url(../min-images/operator-mobile.webp);
        background-position: bottom;
        background-size: cover;
        background-color: #001F82;
        height: 100vh;
    }

    .myoperator2 {
        background-image: url(../min-images/kylas-operator-mobile.webp);
    }

    .operator-benefit li.br-bottom:before,
    .operator-benefit li.br-right:after {
        display: none;
    }

    .operator-benefit li {
        width: calc(50% - 30px);
        min-height: 300px;
        float: left;
    }

    .operator-benefit li:nth-child(2).br-right:after,
    .operator-benefit li:nth-child(4).br-right:after {
        display: none;
    }

    .operator-testimonial a.bx-pager-link.active {
        background-color: #0176FF;
    }

    .operator-testimonial a.bx-pager-link {
        border-color: #0176FF;
    }

    .operator-right img {
        width: auto;
        margin: auto;
        display: block;
    }

    .myoperator .container {
        position: unset;
        left: unset;
        transform: unset;
        width: auto;
        top: unset;
        height: auto;
    }

    ul.other-industry-list li {
        width: 25%;
    }

    #home .home-slider-kyeo .banner-caption {
        margin-top: 150px;
    }

    .sidebar-catg-list li:first-child {
        display: none;
    }

    .category-dropdown {
        border: 1px solid gray;
        padding: 5px 25px;
        border-radius: 25px;
        font-weight: 400;
        font-size: 20px;
        background-image: url("../min-images/more.svg");
        background-position: right;
        background-repeat: no-repeat;
        background-position-x: 97%;
    }

    ul.sidebar-catg-list {
        position: absolute;
        width: calc(100% - 30px);
        background-color: #fff;
        z-index: 2;
        height: 300px;
        overflow: auto;
        border: 1px solid #c3c3c3;
        border-radius: 10px;
        margin-left: 15px;
        display: none;
    }

    .sidebar-catg-list li a {
        font-size: 16px;
    }

    .home-client-slider .client-logo {
        min-height: 160px;
        width: 100%;
    }

    .home-client-slider .client-logo img {
        filter: grayscale(0%);
        /*    width: 100%;*/
        height: auto;
        padding: 0px 7px;
    }

    .smb-client-logo-50 {
        width: 50% !important;
    }

    .smb-client-logo-70 {
        width: 70% !important;
    }

    .home-client-slider .client-logo {
        border-right: 1px solid rgba(112, 112, 112, 0.12) !important;
        border-bottom: 1px solid rgba(112, 112, 112, 0.12) !important;
    }

    .home-client-slider .slick-next,
    .home-client-slider .slick-prev {
        bottom: -80px;
    }

    .home-client-slider .slick-slide>div:last-child .client-logo {
        border-bottom: 0px solid rgba(112, 112, 112, 0.12) !important;
    }

    .right-side-menu:after {
        left: -25px;
    }

    .right-side-menu {
        margin-left: 40px;
    }

    .ind-offer .pricingnew-upper-section,
    .ind-offer .banner_ht {
        min-height: auto;
        max-height: 650px;
    }

    .ind-offer .badge-div img:first-child {
        width: 100% !important;
    }

    

    

     /* .menu-icon-mobile {
        display: block;
        width: 25px;
        padding: 8px 0 4px 0;
        border-radius: 0;
        margin: 25px 20px 0 0;
        position: relative
    }

        header ul.nav-links{
            display:none;
        } */

}

.ind-mob-badge {
    display: none;
}

@media only screen and (max-width :992px) {
    .col-sm-1 {
        width: 8.333333333333333%
    }

    .col-sm-2 {
        width: 16.66666666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333333333%
    }

    .col-sm-8 {
        width: 66.66666666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333333333%
    }

    .col-sm-11 {
        width: 91.66666666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-12-5 {
        width: 20%
    }

    .hidden-portrait {
        display: none !important
    }

    .visible-portrait {
        display: block !important
    }

    .text-center-sm {
        text-align: center !important;
    }

    .menu-option.hidden-portrait {
        display: none !important
    }

    .menu-option.visible-portrait {
        display: inline-block !important
    }

    .visible-portrait.header-demo-btn {
        display: inline-block !important
    }

    .hidden-portrait.header-demo-btn {
        display: none !important
    }

    header ul.nav-links li a {
        font-size: 15px;
        margin-right: 10px;
        padding: 0px 0px;
        line-height: 37px;
    }

    header ul.nav-links {
        padding: 20px 0;
    }

    img.feature-banner {
        position: unset;
        right: 0;
        top: unset;
        transform: unset;
        width: calc(100% - 30px);
        /*box-shadow:1px 1px 25px #afafaf;border-radius:10px;*/
        margin: 0 auto 30px;
        display: block
    }

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

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

    #resources,
    #small-business-hub,
    #crm-productivity,
    #sales-effectiveness-page {
        background-size: cover
    }

    #small-business-hub {
        background-position: 34% 108px
    }

    .subscription-heading img {
        padding-top: 17px
    }

    .subscription-heading h3 {
        font-size: 18px
    }

    .featured-article-item-content h3,
    .blogs-item-content h3 {
        font-size: 36px;
        line-height: 45px
    }

    .subscription-heading .col-10 {
        padding-left: 30px
    }

    .col-3.small-business-hub-left-filter-wrapper {
        width: 40%
    }

    .col-9.small-business-hub-right-filter-wrapper {
        width: 60%
    }

    .small-business-hub-right-filter-wrapper .col-4 {
        width: 100%
    }

    .small-business-hub-short-description {
        overflow: hidden;
        height: 70px;
    }

    .small-business-hub-item-details {
        height: 210px;
        width: 100%;
    }

    .blog-listing-wrap .small-business-hub-item-details {
        height: auto;
    }

    .blog-listing-wrap .small-business-hub-common-item-image {
        height: 200px;
        width: 100%;
    }

    .blog-listing-wrap .small-business-hub-title {
        font-size: 14px;
        min-height: auto;
    }

    .featured-article-image,
    .blogs-image {
        height: 335px
    }

    .pricingnew-desc {
        font-size: 14px;
        line-height: 20px
    }

    .pricingnew-type {
        font-size: 18px
    }

    .pricingnew-type:after {
        width: 34px
    }

    .recommmended-btn {
        font-size: 10px;
        top: 33px;
        right: -64px
    }

    .pricingfree-users-unlimited-text {
        width: 100%;
        padding: 5px 5px 5px 45px
    }

    .pricingnew-coming-soon-item {
        padding: 10px
    }

    .pricingnew-check {
        width: 15%
    }

    .collab-cards-wrapper {
        height: 215px
    }

    .customerengagement-item {
        height: 295px
    }

    .integrations-wrapper {
        flex-wrap: wrap;
    }

    /*.integrations-item.col-12-5{width:25%}*/
    .integrations-item.col-12-5 {
        width: auto;
        margin: 0px 0px;
        height: 120px;
    }

    .resources-options-menu {
        width: 100%;
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 15px 15px;
    }

    .pricingnew-price {
        font-size: 20px
    }

    .pricingnew-price span {
        font-size: 18px !important
    }

    .pricingnew-price-detail {
        height: 75px;
        font-size: 13px
    }

    .pricingnew-records-text {
        font-size: 15px
    }

    .pricingnew-upper-left-section {
        width: 600px;
        margin: auto;
        display: block;
    }

    .resources-options-menu {
        top: 75px;
    }

    /*#home .disptable{display:flex;align-items:center;flex-direction:column}
#home .table-cell{display:block;margin-top:0px;width: 100%;height: 100%;}*/
    #home .banner-caption,
    .timer-banner .banner-caption {
        width: 85%;
        margin: 90px auto 50px;
        float: none !important
    }

    #home.new-home-page .banner-caption .lg,
    .timer-banner .banner-caption .lg {
        font-size: 40px;
        margin-bottom: 1px;
    }

    #home .banner-cta,
    .timer-banner .banner-cta {
        margin-top: 30px;
    }

    .home-model-image {
        display: block;
        width: 58%;
        margin-top: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: unset;
        margin: 0 auto;
        float: unset !important;
    }

    .home-model-image img {
        width: 100%;
        height: auto;
    }

    .banner-caption-list {
        margin-top: 30px;
    }

    #home .offer-text-image {
        position: absolute;
        right: inherit;
        margin-top: 0;
        z-index: 9;
        width: 28%;
        left: 62%;
        bottom: 42%;
    }

    .rs-card {
        height: auto;
        min-height: 300px;
    }

    #pricingbanner .offer-text-image {
        width: 28%;
        left: 62%;
        bottom: 37%
    }

    .banner-caption-list li {
        font-size: 16px;
        margin-bottom: 11px
    }

    #home .banner-caption .md,
    .timer-banner .banner-caption .md {
        font-size: 21px
    }

    .design-obj-1 {
        bottom: 1%
    }

    img.whykylas-obj-1 {
        z-index: -1
    }

    section.padding#whychoosekylas {
        padding: 100px 0 50px
    }

    .pricingnew-upper-right-section {
        padding: 5% 7% 0;
        width: 100%
    }

    .pricingnew-upper-left-section {
        text-align: center;
        padding: 10px 0 0;
        left: 0;
        right: 0;
        margin: auto;
        position: relative;
        transform: unset;
    }

    .partner-page-container {
        padding-top: 175px
    }

    .partner-right-section img {
        width: 80%;
        margin: auto
    }

    .whypartner-item {
        height: 320px
    }

    .whypartner-item-title {
        font-size: 17px
    }

    .looking-partner-section p {
        font-size: 16px;
        line-height: 28px
    }

    .test-play-video,
    .customer-test-play-video {
        padding: 100% 2% 0 0
    }

    .section-title {
        font-size: 34px !important;
        line-height: 48px;
    }

    .whykylas-card {
        padding: 40px 10px 0
    }

    .whykylas-card .whykylas-title {
        font-size: 18px !important
    }

    footer .upper .footer-form-wrapper {
        padding: 0 2%
    }

    .smb-upskilling-section .container {
        padding: 13% 5% 0;
    }

    .smb-upskilling-left-section {
        padding: 0 0 0 0;
    }

    .smb-upskilling-section h1 {
        font-size: 30px !important;
    }

    .smb-upskilling-caption-section {
        padding: 0px 0px;
    }

    .smb-upskilling-right-section {
        padding: 3% 0 10%;
    }

    #smb-upskilling {
        margin-top: 0px !important;
    }

    .newsroom-section {
        padding: 20px 0px 50px;
    }

    .vp-category-date {
        height: 50px;
    }

    .news-link-title {
        height: 150px;
    }

    .newsroom-subtitle {
        font-size: 35px;
    }

    .contact-mail-id-section.padding {
        padding: 50px 0px;
    }

    .registered-smbs-and-media-element {
        width: 100%;
        bottom: 0px;
        left: 0;
    }

    .registered-smbs-and-media-internal-div {
        padding: 15px 20px;
    }

    .stats-div {
        font-size: 15px;
        line-height: 24px;
    }

    .stats-desc {
        font-size: 16px;
    }

    .registered-smb-home-strip {
        top: 0px;
    }

    .exotel-icon {
        margin-left: 0%;
    }

    .pricingnew-view-all-details-btn-left-div {
        text-align: center;
    }

    .pricingnew-view-all-details-btn-right-div {
        text-align: center;
    }

    .pricingnew-view-all-details-btn-wrapper {
        padding: 40px 0px;
    }

    .how-clients-benefits-item {
        width: calc(50% - 30px);
        padding: 20px;
        margin-block-start: 40px;
        margin: 0 15px 30px;
    }

    header .login-btn {
        padding: 0px 0px;
    }

    .iti-mobile .intl-tel-input.iti-container {
        z-index: 999999;
    }

    .iti-flag {
        background-size: 5652px 15px !important;
    }

    .resources-submenu .submenuoption-div,
    .industry-submenu .submenuoption-div {
        width: calc(50% - 40px);
        margin-left: 40px;
        padding-left: 40px;
    }

    .submenuoption-events-div:before,
    .submenuoption-blogs-div:before,
    .submenuoption-customer-div:before,
    .submenuoption-video-tutorials-div:before {
        top: 9px !important;
    }

    .submenuoption-travel-div.submenuoption-div:before,
    .submenuoption-others-div.submenuoption-div:before,
    .submenuoption-digital-div.submenuoption-div:before,
    .submenuoption-ites-div.submenuoption-div:before,
    .menufacturing-icon.submenuoption-div:before {
        top: 6px !important;
    }

    /*.menufacturing-icon:after {
    content: '';
    position: absolute;
    top: -3%;
    left: -5%;
    background-color: #f5f8fa;
    width: 37px;
    height: 37px;
    z-index: -1;
    border-radius: 6px;
}*/
    .submenuoption-div.submenuoption-video-tutorials-div:after {
        top: -3%;
        left: -5%;
    }

    .submenuoption-div.submenuoption-video-tutorials-div:before {
        left: -4%;
    }

    .msme-content {
        position: relative;
        top: -70px;
        transform: unset;
        color: #fff;
        z-index: 1;
    }

    .msme-outer {
        width: 95% !important;
    }

    .msme-img img {
        margin: -54px 0 0;
    }

    .msme-reports {
        padding-bottom: 100px !important;
    }

    .industrybanner .container,
    .featuresbanner .container,
    #integration-marketing.featuresbanner .container {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        width: auto;
        padding: 70px 30px 30px;
    }

    .featuresbanner .container .img-responsive {
        width: 100%;
    }

    .bread-crumbs-sec {
        display: none;
    }

    .categories-listing-wrap ul li {
        width: 50%;
    }

    .simple-pagination .current {
        height: 30px;
        width: 30px;
        font-size: 15px;
        line-height: 21px;
    }

    .simple-pagination li a,
    .simple-pagination li span {
        padding: 5px 3px;
        font-size: 15px;
        line-height: 21px;
    }

    .simple-pagination li {
        margin-right: 2px;
    }

    #integration-marketing {
        height: 587px;
        padding: 0 0 0;
        background-image: url('../min-images/integration-banner-bg-mob.webp');
        min-height: auto;
    }

    .search-category-wrap.pos-rel {
        width: 100%;
        margin: 40px auto 0;
    }

    .categories-title {
        font-size: 30px;
        line-height: 35px;
    }

    .categories-listing-box .catg-title {
        font-size: 19px;
        line-height: 30px;
    }

    #integration-marketing {
        margin-top: 60px;
    }

    .categories-listing-box {
        min-height: 255px;
        height: auto;
    }

    .edu-box {
        height: auto !important;
        padding: 35px 20px;
        margin-bottom: 20px;
    }

    .industry-info-list li br {
        display: none;
    }

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

    .pull-left-sm {
        float: left !important;
    }

    /*#home .banner_ht,#pricingnew .banner_ht{
    height: 1000px!important;
}*/
    #pricingnew .timer-banner.banner_ht {
        height: 100% !important;
    }

    .lp-slide-1 {
        padding: 100px 30px;
    }

    #crm-benefit .col-row .row {
        margin: 0;
    }

    .crm-testimonial .testimonial-quote-content {
        height: 200px;
    }

    .testimonials-slide:after {
        display: none;
    }

    .lp-slide-1 {
        height: 600px !important;
    }

    /********** New Home page *******/
    .new-rightsucess .rs-card-wrapper {
        padding: 20px;
    }

    .home-award .award-slider-wrap .award-slider {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    /*.home-award .award-slider-wrap .award-slider > div {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}*/
    .kylas-rating-wrap {
        height: 100px;
        width: 100%;
    }

    .design-vector-1 {
        width: 140px;
    }

    .design-vector-2 {
        width: 40px;
    }

    .homefooter-ctas .container {
        position: relative;
        z-index: 2;
    }

    .brand-logo img {
        width: 150px;
    }

    .right-sucess-content .slick-prev:after,
    .right-sucess-content .slick-next:after {
        transform: translate(-50%, -50%);
    }

    .right-sucess-content .slick-next,
    .home-client-slider .slick-next,
    .price_coming_soon_slider .slick-next {
        right: unset;
        left: calc(50% + 30px);
        transform: translateX(-50%);
        top: unset;
        bottom: -25px;
        z-index: 2;
        cursor: pointer;
    }

    .right-sucess-content .slick-prev,
    .home-client-slider .slick-prev,
    .price_coming_soon_slider .slick-prev {
        right: unset;
        left: calc(50% - 30px);
        transform: translateX(-50%);
        top: unset;
        bottom: -25px;
        z-index: 2;
        cursor: pointer;
    }

    .operator-started-new {
        height: 800px;
        background-image: url(../min-images/myoperator-offer-mobile.svg);
        background-position: bottom;
    }

    ul.other-industry-list li {
        width: 33.33%;
    }

    .testi-info-box .testi-user-designation {
        min-height: 40px;
    }

    .compare-table-wrapper {
        overflow-x: auto;
    }

    .comparison-page {
        padding: 0 !important;
    }

    .pricingnew-upper-left-section {
        bottom: 0px;
    }

    .ind-offer .pricingnew-upper-section {
        min-height: 100%;
    }

    .ind-offer .pricingnew-upper-right-section {
        padding-right: 0px;
    }

    .ind-offer .banner-caption {
        text-align: center;
        width: 100%;
        z-index: 5;
    }

    .ind-offer .pricingnew-upper-right-section {
        /* margin-top: 50px!important; */
    }

    .ind-offer .pricingnew-upper-section .banner-caption .lg,
    .ind-offer .pricingnew-upper-section .banner-caption .md {
        text-align: center;
    }

    .ind-mob-badge {
        display: block;
        max-width: 50%;
        margin-inline: auto;
        margin-top: 30px;
    }

    .badge-div {
        /* display: none!important; */
    }

    .ind-offer .ind-offer-img {
        margin-inline: auto;
    }

    .ind-offer:after {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 100vw;
        max-width: 120%;
        background-position: center;
    }

    .ind-offer .pricingnew-upper-section .table-cell {
        z-index: 5;
    }

    .ind-offer .pricingnew-upper-section,
    .ind-offer .banner_ht {
        min-height: 100vh;
        /* max-height: 650px; */
    }

    .ind-mob-badge {
        display: block;
        max-width: 70%;
        margin-inline: auto;
        margin-top: 40px;
    }
}


@media(max-width:828px) {

    .new-home-page .home-model-image,
    .timer-banner .home-model-image {
        bottom: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .new-home-page .home-model-image.timer-banner-img,
    .timer-banner .home-model-image.timer-banner-img {
        bottom: 0px !important;
    }
}

@media(max-width:992px) {
    .post-card-wrapper .pc-title {
        font-size: 28px;
        line-height: 32px;
    }

    .post-card-wrapper .pc-sub-title {
        font-size: 22px !important;
        line-height: 28px !important;
        max-width: 96%;
    }

    .post-card-wrapper .pc-btn img {
        max-width: 130px
    }

    .post-card-wrapper .pc-img {
        bottom: 0px;
        left: unset;
        transform: unset;
    }

    .post-card-wrapper #sales-team .pc-img {
        bottom: 15%;
    }

    #enterprise-grade .pc-content-wrapper,
    /*        #call-email .pc-content-wrapper,*/
    #less-manual .pc-content-wrapper,
    #imporve-team .pc-content-wrapper {
        transform: translateY(-40%);
    }

    .post-card-wrapper .pc-bg-img {
        object-fit: contain;
        min-width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    .menu-icon-mobile {
        display: block;
        width: 25px;
        padding: 8px 0 4px 0;
        border-radius: 0;
        margin: 25px 20px 0 0;
        position: relative
    }

    /*.menu-icon-mobile:after{content:'';position:absolute;right:-11px;top:-6px;height:40px;width:1px;border-right:1px solid gray}*/
    .menu-icon-mobile>span {
        display: block;
        height: 3px;
        width: 100%;
        margin-bottom: 4px;
        background-color: #505459
    }

    .header-home .menu-icon-mobile>span {
        background-color: #fff;
    }

    .scrolled.header-home .menu-icon-mobile>span {
        background-color: #505459;
    }

    header ul.nav-links {
        display: none;
        position: fixed;
        top: 80px;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        z-index: 999;
        padding-top: 30px
    }

    header ul.nav-links li {
        display: block
    }

    header ul.nav-links li a {
        display: block !important;
        text-align: center;
        line-height: 40px !important;
        margin-top: 0;
        margin-right: 0;
        color: #000 !important;
    }

    .submenuoption-div a,
    .submenu-div a {
        text-align: left !important;
    }

    header ul.nav-links .submenu-div a {
        line-height: 24px !important;
        width: calc(100% - 50px);
    }

    .home-menu-bar .border-right:after {
        display: none;
    }

    .header-home .down-arrow-svg {
        fill: #000;
    }

    header .login-btn {
        display: none
    }

    header .cta {
        margin-top: 5px
    }

    header .cta a {
        padding: 0 5px;
        line-height: 33px;
        font-size: 11px
    }

    header .sell_do_no,
    .cta .sticky-btn {
        display: inline-block;
        margin-right: 10px;
        position: fixed;
        bottom: 0;
        left: 50%;
        width: 50%;
        background-color: #fff;
        margin-bottom: 0;
        text-align: center;
    }

    header .sell_do_no a {
        font-size: 16px;
        font-weight: 700;
        color: #1b3c89;
        height: 45px;
        width: 100%;
        display: block;
        padding: 7px 0;
    }

    .submenuoption-div {
        padding-bottom: 10px;
        margin-left: 0px;
        padding-left: 0px;
    }

    /*.right-side-menu.industry-right-menu {
        margin-left: 10px;
    }*/

    .menu-option>a:after {
        background-image: url(../home-images/menu-arrow-black.svg) !important;
    }

    .nav-submenu h2 a {
        font-size: 24px !important;
        line-height: 38px !important;
        text-align: left !important;
    }

    .cta .sticky-btn {
        left: 0;
        /*padding: 4px 0 0 0;*/
        margin: 0;
        /*height: 45px;*/
        border-right: 1px solid #c1c1c1;
    }

    .cta .sticky-btn small {
        font-size: 8px;
        line-height: 12px;
        word-break: break-word;
        display: block;
    }

    .cta .sticky-btn a {
        padding: 9px 5px;
        line-height: 1px;
        font-size: 18px;
        width: 100%;
        font-weight: 600;
        height: auto;
        margin: 0;
        display: block;
        border-radius: 0;
    }

    .resources-options-menu.about-menu,
    .resources-options-menu.why-kylas-menu {
        max-width: 100%;
        margin: auto;
        position: fixed;
        width: 100%;
        left: 0;
        top: 75px;
        height: 100%;
    }

    .submenu-close-btn,
    .features-close-btn,
    .industry-close-btn,
    .company-close-btn {
        position: absolute;
        top: 26px;
        right: 3%;
        font-size: 28px;
        z-index: 999;
        line-height: 28px;
        height: 30px;
    }

    .submenuoption-div a {
        font-size: 16px
    }
}

@media(max-width:757px) {
    .post-card-wrapper .pc-title {
        font-size: 15px;
        line-height: 20px;
        margin-right: 3px;
    }

    .post-card-wrapper .pc-sub-title {
        font-size: 12px !important;
        line-height: 18px !important;
        margin-bottom: 10px !important;
    }

    .post-card-wrapper .pc-btn img {
        max-width: 110px
    }


    .ind-offer .pricingnew-upper-section .banner-caption .lg {
        font-size: 24px;
        line-height: 29.05px;
    }

    .ind-offer .pricingnew-upper-section .banner-caption .md {
        font-size: 16px;
        line-height: 19.36px;
    }

    .ind-mob-badge {
        max-width: 260px;
        width: 90%;
    }

    .ind-offer .ind-offer-img {
        width: 100%;
        max-width: 270px;
    }

    .ind-offer .theme-btn {
        display: inline !important;
        float: unset !important;
    }

    .ind-offer:after {
        left: 50%;
        right: auto;
        transform: translate(-60%, -25%);
        width: 131vw;
        max-width: 131%;
        background-position: center;
        top: 50%;
        /* transform: translateY(10px); */
    }

}

@media only screen and (max-width :700px) {
    body {
        -webkit-text-size-adjust: none
    }

    .col-xs-1 {
        width: 8.333333333333333%
    }

    .col-xs-2 {
        width: 16.66666666666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333333333%
    }

    .col-xs-5 {
        width: 41.66666666666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333333333%
    }

    .col-xs-8 {
        width: 66.66666666666667% !important
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333333333%
    }

    .col-xs-11 {
        width: 91.66666666666667%
    }

    .col-xs-12 {
        width: 100% !important
    }

    .col-xs-12-5 {
        width: 20%
    }

    .menu-option.visible-xs {
        display: block !important
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .whatsapp_footer {
        z-index: 99999
    }

    .popup,
    .partner-register-popup {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        border-radius: 0
    }

    .popupright form {
        margin-right: 0
    }

    #kylaformtitle {
        line-height: 24px;
        font-size: 18px;
    }

    #kylaformtitle span {
        font-size: 16px;
    }

    .row-6 {
        width: 100% !important;
    }

    .section-title {
        font-size: 30px !important;
        line-height: 39px !important
    }

    .menu-icon-mobile {
        margin: 8px 20px 0 0;
    }

    header {
        padding: 7px 0 7px 0;
        background-color: #fff;
    }

    header .brand-logo img {
        width: 150px
    }

    header ul.nav-links {
        top: 60px;
    }

    .header-demo-btn {
        padding-top: 0px;
    }

    .menu-option {
        padding-bottom: 0
    }

    .submenu-div {
        height: auto
    }

    #home .bx-controls .bx-prev,
    #home .bx-controls .bx-next {
        top: calc(50% + 50px);
    }

    footer {
        text-align: left;
        font-size: 15px;
        padding: 40px 0 50px;
    }

    footer .copytext {
        line-height: 1.2
    }

    footer .upper {
        padding: 0 0 20px 0
    }

    footer .upper .sociallinks-wrapper {
        padding-left: 0;
        text-align: left
    }

    footer .upper .footer-form-wrapper {
        margin: 20px 0;
        padding: 0;
        text-align: left
    }

    footer .upper .quicklinks {
        text-align: left
    }

    footer .upper .quicklinks a {
        margin-bottom: 5px;
        font-size: 14px;
    }

    footer .lower {
        text-align: left;
        padding: 20px 0 30px
    }

    footer .lowerlinks ul {
        text-align: left;
        margin-top: 10px
    }

    footer .lowerlinks ul li {
        padding-right: 10px;
        margin: 10px 10px 10px 5px;
    }

    footer .lowerlinks ul li>a {
        margin-left: -4px
    }

    #signup {
        background-image: url('../min-images/home-banner-mobile-img.webp');
        background-size: cover
    }

    #home .table-cell,
    .timer-banner .table-cell {
        margin-top: 0px
    }

    #home .banner-caption,
    .timer-banner .banner-caption {
        margin: 10px auto 0;
        width: 100%;
        float: left !important;
        text-shadow: 0 0 2px rgba(68, 68, 68, 0.21);
        text-align: left;
        padding: 0 0 0 20px;
    }

    #home .table-cell,
    .timer-banner .table-cell {
        vertical-align: bottom
    }

    #home .banner-caption .lg,
    #resources h1,
    #small-business-hub h1,
    .small-hub-business-heading-wrapper h1,
    #crm-productivity h1,
    #sales-effectiveness-page h1 {
        font-size: 36px;
        margin-bottom: 10px
    }

    #home .banner-caption .lg,
    .timer-banner .banner-caption .lg {
        font-size: 22px;
        margin-bottom: 10px;
        text-align: left;
    }

    #home .banner-caption .md,
    .timer-banner .banner-caption .md {
        font-size: 16px;
        text-align: left;
        display: block;
    }

    #home .banner-caption p.md {
        font-size: 16px;
        margin-bottom: 10px
    }

    #home .banner-caption p.sm {
        font-size: 14px
    }

    #home .banner-caption-list {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 18px;
    }

    .banner-caption-list li {
        font-size: 14px
    }

    .banner-caption-list.d-inline li {
        display: block;
    }

    #home .banner-cta small,
    .timer-banner .banner-cta small,
    .pricingnew-upper-right-section .banner-cta small {
        font-size: 12px;
        text-align: left;
        float: left;
        font-weight: 700;
    }

    #home .banner-cta,
    .timer-banner .banner-cta {
        text-align: center;
        margin-top: 10px;
        float: left;
        width: 270px;
    }

    #home .banner-cta a,
    .timer-banner .banner-cta a {
        float: left;
    }

    #home .banner-cta a,
    #home .banner-cta span,
    .timer-banner .banner-cta a,
    .timer-banner .banner-cta span {
        display: block;
        text-align: center;
        margin: 0;
    }

    #home .down-arrow {
        left: 55%
    }

    .new-home-page .home-model-image,
    .timer-banner .home-model-image {
        width: 90%;
        left: -5%;
        right: 0;
        margin: auto;
        bottom: 0;
        margin-top: 0;
        position: unset;
        float: unset !important;
        transform: unset;
    }

    #home .disptable,
    .timer-banner .disptable {
        height: auto;
    }

    #home .home-slider-kyeo.banner_ht {
        height: 100vh !important;
    }

    #home .offer-text-image {
        width: 38%;
        left: inherit;
        right: 0%;
        bottom: 250px
    }

    #home .offer-text-image svg {
        width: 155px
    }

    .home-award .award-slider-wrap .award-slider .award-inner img {
        width: 100%;
    }

    #pricingbanner .offer-text-image {
        width: 36%;
        left: inherit;
        right: 0%;
        bottom: 13%
    }

    #pricingbanner .offer-text-image svg {
        width: 155px
    }

    .pricingnew-upper-left-section svg {
        width: 100%;
        display: block;
        height: auto;
        margin: auto;
    }

    .honestcrm-text {
        font-size: 17px;
        margin-top: 8px
    }

    section.padding#whychoosekylas {
        padding: 50px 0px;
    }

    .whychoosekylas-video-wrapper {
        width: 100%
    }

    #whychoosekylas-video {
        height: 260px
    }

    .whychoosekylas-video-wrapper #play-button {
        top: 34%
    }

    .testimonials-left-section.col-5,
    .testimonials-right-section.col-7 {
        width: 100%
    }

    .testimonials-right-section {
        padding: 0 20px;
        width: 100%;
    }

    .fyw-content .fyw-head {
        text-align: center
    }

    .fyw-content .fyw-head .fyw-lg,
    .featured-article-left-section h2,
    #academy h2,
    #events h2 {
        font-size: 30px
    }

    .fyw-cards-wrapper {
        padding: 5% 0 0 0
    }

    .fyw-cards-wrapper .fyw-cards {
        height: auto
    }

    .fyw-cards-wrapper .fyw-cards .fyw-cards-head .fyw-md br,
    #focusonsales p.section-title br,
    .gomobile-links ul li a br,
    .customreports-content ul li a br,
    .dms-title br,
    .chat-desc p br,
    .kylas2.chat-one li br,
    .section-subtitle br {
        display: none
    }

    .right-sucess-content {
        margin-top: 0
    }

    .rs-card-wrapper {
        padding: 20px 0
    }

    .rs-card {
        padding: 30px 0;
        height: auto;
    }

    .rs-card.brd-r:before,
    .rs-card.brd-b:after {
        content: none
    }

    /*#featuresbanner{padding:0px 0 0}*/
    .fos-container .fos-text {
        padding-left: 0;
        margin-top: 20px
    }

    .fos-container .fos-text .fos-texthead {
        font-size: 18px;
        line-height: 26px
    }

    .fos-container .fos-text ul li {
        font-size: 16px
    }

    .tab-links a {
        border-bottom: 2px solid #000;
        display: block;
        width: 100%;
        padding-bottom: 7px;
        position: relative;
        /*margin-bottom:15px*/
    }

    .tab-links a.active {
        border-bottom: 2px solid #0176ff
    }

    .tab-links a span {
        color: #000;
        font-size: 16px;
        line-height: 22px;
        /*width:240px;*/
        display: block
    }

    .tab-links a.active span {
        color: #0176ff;
        font-weight: 500
    }

    i.up-arrow,
    i.down-arrow {
        position: absolute;
        right: 23px;
        bottom: 18px
    }

    i.up-arrow:before,
    i.down-arrow:before {
        content: '';
        position: absolute;
        width: 9px;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #0176ff;
        transform: rotate(-54deg)
    }

    i.up-arrow:after,
    i.down-arrow:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 2px;
        bottom: 0;
        left: 5px;
        background-color: #0176ff;
        transform: rotate(54deg)
    }

    i.down-arrow:before {
        background-color: #000;
        transform: rotate(54deg)
    }

    i.down-arrow:after {
        background-color: #000;
        transform: rotate(-54deg)
    }

    /*.pmtablinks{padding:0 15px}*/
    .pmtablinks.mobile-tabs {
        padding: 0;
    }

    #pipelinemanagement .container,
    .pm-img,
    .customreports-content,
    .gomobile-links,
    .gomobile-img,
    .crtab {
        padding: 0
    }

    .tab-box-1 {
        background-color: #EDF7FD;
        display: block;
        float: left;
        width: 100%;
        padding: 12px 12px;
        margin-top: 30px;
        margin-bottom: 12px;
    }

    .tab-box-2,
    .tab-box-3 {
        padding: 12px 12px;
        display: block;
        float: left;
        width: 100%;
        background-color: #EDF7FD;
        margin-bottom: 12px;
    }

    .tab-box-1 .tab-container span,
    .tab-box-2 .tab-container span {
        margin-top: 15px
    }

    #customreports .tab-container img,
    .gomobile-img img {
        margin-bottom: 30px
    }

    .dms-card {
        margin: 20px 0;
        padding: 35px 15px;
        height: auto
    }

    .gomobile-img {
        margin-top: 30px
    }

    .no-br-line a,
    .no-br-line a.active {
        border-bottom: 0 solid
    }

    .fos-container .fos-text ul li:before {
        top: 3px
    }

    #focusonsales p.section-title,
    #focusonsales p.section-subtitle {
        text-align: left
    }

    .gomobile-links ul li a,
    .customreports-content ul li a,
    .gomobile-links ul li:last-child a,
    .customreports-content ul li:last-child a {
        padding: 12px 0 12px 0
    }

    #focusonsales p.section-subtitle {
        padding: 0
    }

    .whykylas-card-wrapper {
        padding: 10px 0
    }

    .whykylas-content {
        margin-top: 0
    }

    .whykylas-card {
        padding: 30px;
        height: auto;
        border: 1px solid #F3F8FF
    }

    .gomobile-links ul li a:after,
    .customreports-content ul li a:after,
    .gomobile-links ul li a.active:before,
    .customreports-content ul li a.active:before {
        display: none
    }

    .homefooter-ctas a,
    .homefooter-ctas span {
        display: block;
        margin: auto;
    }

    .homefooter-ctas a {
        width: 230px;
    }

    #home form {
        width: 100%;
        margin: 20px 0 0 0
    }

    #home .button {
        font-size: 12px
    }

    #email {
        background-color: #fff
    }

    /* #email::-webkit-input-placeholder {
        color: #1a2f3b
    }
    #email:-moz-placeholder {
        color: #1a2f3b;
        opacity: 1
    }
    #email::-moz-placeholder {
        color: #1a2f3b;
        opacity: 1
    }
    #email:-ms-input-placeholder {
        color: #1a2f3b
    }*/
    .collab-content {
        padding: 30px 0 0 0
    }

    .collab-cards-wrapper,
    .collab-cards-wrapper:nth-child(5),
    .collab-cards-wrapper:nth-child(6) {
        height: auto;
        padding: 0 0 50px 0
    }

    .collab-card .collab-card-head {
        margin-bottom: 5px;
        margin-top: 5px
    }

    #customreports p.section-title {
        font-size: 30px !important
    }

    #readytogetstart .getstarted-cta {
        text-align: center
    }

    #readytogetstart .getstarted-cta a,
    #readytogetstart .getstarted-cta span {
        display: block;
        margin-right: 0
    }

    .ourstory-content {
        padding: 30px 0 0 0
    }

    .leader-cards-content {
        padding: 30px 0 0 0
    }

    .wow-cards-content {
        padding: 0
    }

    .wow-cards-wrapper {
        padding: 5px
    }

    .wow-cards {
        height: auto
    }

    .leader-cards-wrapper .leader-card {
        padding: 20px 0
    }

    .career-2 {
        background: url("../min-images/career-5.webp") no-repeat 50%/cover
    }

    .h-24 {
        height: 14rem;
    }

    .h-38 {
        height: 28rem;
    }

    #collage-section .flex-wrap {
        flex-wrap: unset !important;
    }

    #collage-section .flex {
        display: block !important;
    }

    #collage-section .w-3\/5,
    #collage-section .w-2\/5 {
        width: 100%;
    }

    .mob-margin .mx-3 {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }

    /*  .career-1 {
        background: url("../min-images/career-2.webp") no-repeat 50%/cover
    }
    
    .career-3 {
        background: url("../min-images/career-7.webp") no-repeat 50%/cover
    }
    .career-4 {
        background: url("../min-images/career-1.webp") no-repeat 50%/cover
    }*/
    .wow-cards .wow-icon img {
        margin: unset
    }

    .img-grid .img-wrap img,
    .img-grid .img-wrap img.img-diff {
        height: auto
    }

    .breaker1,
    .breaker2,
    .breaker3 {
        height: 500px
    }

    .breaker1 {
        background-position: 90% 0
    }

    .breaker2 {
        background-position: center 0
    }

    .breaker3 {
        background-position: left 0
    }

    .benefit-title {
        margin: 10px 0
    }

    .benefits-card-wrapper {
        padding-top: 10px
    }

    .testimonial-content .testimonial-title {
        font-size: 30px
    }

    .testimonial-card {
        padding: 0
    }

    .testimonial-card .testimonial-content {
        padding-left: 0
    }

    footer .lowerlinks ul li:after {
        right: -1px
    }

    .footer-form-wrapper:before,
    .footer-form-wrapper:after,
    #readytogetstart {
        display: none
    }

    .signup-inner-wrapper {
        position: unset;
        width: 90%;
        top: unset;
        left: unset;
        transform: unset;
        margin: 30px auto 0
    }

    .popupright {
        padding: 10px 15px
    }

    .term-table th,
    .term-table td {
        padding: 20px 15px;
        display: block
    }

    .term-table th:last-child {
        display: none
    }

    .term-table td:last-child {
        padding: 5px 15px 15px
    }

    .term-table td:first-child {
        padding: 15px 15px 0;
        border-bottom: 0 solid
    }

    .collab-card .collab-text,
    .collab-card .collab-icon {
        text-align: center
    }

    .user-icon-bg,
    .kylas-icon-bg {
        width: 67px;
        height: 72px
    }

    .kylas-user-icon,
    .kylas-sale-icon,
    .kylas-sale-icon p {
        width: 80px
    }

    .kylas-user-chat-info,
    .kylas-sale-chat-info {
        padding: 12px 20px
    }

    .chat-desc p {
        font-size: 16px;
        line-height: 22px
    }

    .kylas-user-chat-info,
    .kylas-sale-chat-info {
        width: calc(100% - 80px)
    }

    .chat-tag-left,
    .chat-tag-right {
        height: 31px;
        width: 36px
    }

    ul.chat-one li,
    .kylas2.chat-one li {
        font-size: 16px;
        line-height: 23px
    }

    ul.plan-after-3>li {
        width: 100%;
        height: auto !important
    }

    ul.plan-after-3>li:last-child {
        margin-top: 0
    }

    .kylas-chat-right {
        margin-top: 30px
    }

    .kylas-sale-icon {
        position: relative;
        top: 32px
    }

    .chat-tag-right {
        right: -37px;
        top: 0
    }

    .chat-tag-left {
        top: 27px
    }

    .signupform-wrapper.demo-signupform-wrapper {
        height: 75vh;
        overflow-y: auto
    }

    .popupright small {
        padding-top: 15px
    }

    .calendar-booking-container .thankyou {
        width: 100%
    }

    .slider.slider-4 .banner-caption h2 {
        font-size: 34px;
        font-weight: 900;
        color: #153983;
        line-height: 47px;
        width: 300px;
        margin: 0 auto;
        text-align: center
    }

    .slider.slider-1 .banner-caption,
    .slider.slider-2 .banner-caption,
    .slider.slider-3 .banner-caption,
    .slider.slider-4 .banner-caption {
        position: absolute;
        top: 100px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    .slider .banner-caption h2,
    .slider.slider-2 .banner-caption h3,
    .slider.slider-3 .banner-caption h3,
    .slider.slider-4 .banner-caption h3 {
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #001f82;
        width: 280px;
        margin: 0 auto
    }

    .slider.slider-2 .banner-caption h2,
    .custom-css,
    .slider.slider-1 .banner-caption h1 {
        font-size: 44px;
        line-height: 58px;
        text-align: center;
        font-weight: 900;
        width: 100%
    }

    .slider.slider-1 .banner-caption p,
    .slider.slider-2 .banner-caption p {
        font-weight: 700
    }

    .slider.slider-1 .banner-caption h2 {
        width: 320px
    }

    .slider.slider-1 img.banner-img-1 {
        width: 318px;
        position: absolute;
        left: 44%;
        top: unset;
        transform: translateX(-50%);
        bottom: 0
    }

    .slider.slider-2 img.banner-img-2 {
        position: absolute;
        left: -104px;
        top: 40%;
        width: 230px
    }

    .slider.slider-2 img.banner-img-1 {
        position: absolute;
        top: unset;
        left: 60%;
        width: 190px;
        transform: translateX(-50%);
        bottom: 0
    }

    .slider.slider-3 .banner-caption h2 {
        font-size: 44px;
        font-weight: 900;
        color: #ffe62e;
        line-height: 70px;
        width: 100%;
        text-align: center
    }

    .slider.slider-3 .banner-caption h3 {
        width: 100%;
        text-align: center;
        color: #fff
    }

    .slider.slider-3 img.banner-img-1 {
        position: absolute;
        width: 200px;
        top: unset;
        bottom: 0
    }

    .slider .banner-caption p {
        border: 1px solid #000;
        display: block;
        float: unset;
        margin: 10px auto;
        padding: 7px 10px;
        font-weight: 500;
        width: fit-content;
        font-size: 18px;
        line-height: 21px
    }

    .slider.slider-4 img.banner-img-1 {
        width: 212px;
        position: absolute;
        top: unset;
        bottom: 0
    }

    .slider.slider-1:after,
    .slider.slider-2:after,
    .slider.slider-3:after,
    .slider.slider-4:after,
    .slider.slider-5:after {
        content: '';
        position: absolute;
        bottom: 20%;
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 1
    }

    .slider.slider-5 .banner-caption h2,
    .slider.slider-5 .banner-caption h3 {
        font-size: 26px;
        line-height: 35px;
        text-align: center
    }

    .slider.slider-5 .banner-caption p {
        font-size: 16px;
        padding: 7px 5px;
    }

    .slider.slider-5 .banner-caption {
        top: 100px
    }

    .slider.slider-5 img.banner-img-1 {
        position: absolute;
        bottom: -20px;
        left: 50%;
        z-index: 12;
        width: 170px;
        transform: translateX(-50%)
    }

    .slider.slider-5 img.banner-img-2 {
        position: absolute;
        bottom: -20px;
        left: unset;
        width: 170px;
        right: 0
    }

    .slider.slider-5 img.banner-img-3 {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 180px
    }

    .featured-article-right-section,
    .blogs-right-section {
        padding: 0;
        margin-top: 20px
    }

    .academy-common-item {
        margin: 20px 20px
    }

    .events-common-item {
        margin: 20px 20px
    }

    .col-3.small-business-hub-left-filter-wrapper {
        width: 100%;
        padding: 0;
    }

    .col-9.small-business-hub-left-filter-wrapper {
        width: 100%
    }

    .small-business-hub-right-filter-wrapper .col-4 {
        width: 100%;
        padding: 0;
    }

    .col-9.small-business-hub-right-filter-wrapper {
        width: 100%
    }

    .small-hub-pagination-wrapper a {
        padding: 5px 9px;
        width: 32px;
        height: 35px
    }

    .featured-article-image,
    .blogs-image {
        height: 260px
    }

    .academy-item-caption {
        height: auto
    }

    .popular-content-div {
        margin-top: 0
    }

    .blogs-right-content-div {
        margin-top: 0
    }

    #small-business-hub {
        background-position: 34% 61px
    }

    .small-business-hub-common-item {
        width: 100%;
        margin: 10px 0
    }

    .col-4.pricingnew-item {
        height: auto;
        width: 90%;
        margin: 2% 5%;
    }

    .pricingnew-desc {
        height: auto
    }

    .pricingfree-users-unlimited-text {
        width: 70%
    }

    .toggle-switch {
        width: 50px;
        height: 26px;
        top: unset;
        bottom: 8px;
    }

    .toggle-slider:before {
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px)
    }

    .toggle-switch input:checked+.toggle-slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px)
    }

    .pricing-toggle-button {
        text-align: center;
        width: 100%;
        border-bottom: 1px solid #707070;
        padding: 20px 0 0;
        margin-bottom: 20px;
    }

    .pricing-toggle-button a {
        padding: 8px 0px;
        width: 50%;
        float: left;
        text-align: left;
    }

    .pricing-toggle-button a:nth-child(2) {
        text-align: right;
    }

    .price_coming_soon_slider {
        padding-bottom: 50px;
    }

    .pricingnew-coming-soon-item {
        width: 100%;
        margin: 0;
        height: 300px !important
    }

    .pricingnew-coming-soon-image {
        padding: 15px 0 15px
    }

    .pricingnew-table-wrapper,
    .compare-table-wrapper,
    .pricingnew-table-addon {
        overflow-x: initial;
    }

    .pricingnew-table {
        width: 100%
    }

    .pricingnew-table-row .text-left {
        text-align: left;
        justify-content: unset;
        flex-direction: unset;
        flex-wrap: unset;
        align-content: unset;
        flex-direction: unset !important;
        /*display: block!important;*/
    }

    .pricingnew-table-row .text-left .color-gray {
        font-size: 12px;
    }

    .pricingnew-table th {
        padding: 2% 7px;
    }

    .pricingnew-table td {
        padding: 0 7px;
    }

    .pricingnew-table th {
        font-size: 12px;
    }

    .pricetable tr td:nth-child(1),
    .pricetable tr th:nth-child(1) {
        width: calc(100% - 210px);
    }

    .pricetable tr td:nth-child(2),
    .pricetable tr td:nth-child(3),
    .pricetable tr td:nth-child(4) {
        font-size: 9px;
    }

    .pricetable tr td:nth-child(2),
    .pricetable tr th:nth-child(2),
    .pricetable tr td:nth-child(3),
    .pricetable tr th:nth-child(3),
    .pricetable tr td:nth-child(4),
    .pricetable tr th:nth-child(4) {
        width: 70px;
    }

    .pricingnew-table-row-head .text-left {
        width: 100% !important;
        color: #0176FF;
        font-weight: 400;
        position: relative;
    }

    .pricingnew-table td {
        font-size: 11px;
        line-height: 16px;
        min-height: 50px;
        text-align: center;
    }

    .pricingnew-table td>img,
    .pricingnew-table td>div>img {
        width: 13px;
    }

    .pricingnew-table tr td:first-child {
        padding: 0 25px 0 7px;
    }

    .tooltip {
        position: absolute;
        right: 5px;
        top: calc(50% + 3px);
        transform: translateY(-50%);
        z-index: 3;
    }

    .customerengagement-item {
        height: auto;
        padding: 0;
        margin: 18px 0
    }

    .menu-kylas-logo {
        width: 10%;
        top: 1%;
        left: 2%
    }

    #pricingnew {
        padding: 0
    }

    .pricingnew-coming-soon-section-wrapper .section-title {
        font-size: 30px !important
    }

    .integrations-wrapper {
        text-align: center
    }

    .testimonial-quote,
    .customer-testimonial-quote {
        left: 20px
    }

    .pricingnew-upper-right-section {
        padding: 15px 0 0;
        margin: 70px auto 0;
    }

    .pricingnew-upper-first-para,
    .pricingnew-upper-second-para {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: left;
    }

    .pricingnew-upper-price {
        font-size: 16px
    }

    .pricingnew-upper-price .hidden-xs {
        display: none !important
    }

    .pricingnew-upper-section .section-title {
        font-size: 32px !important;
        line-height: 42px !important;
        margin-bottom: 0px;
        text-align: left;
    }

    .pricingnew-upper-right-section .banner-cta {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 30px;
        float: left;
    }

    .pricingnew-upper-right-section .banner-cta a {
        float: left;
    }

    .pricingnew-upper-right-section .banner-cta a,
    .pricingnew-upper-right-section .banner-cta span {
        display: block;
        text-align: center;
        margin: 0 auto
    }

    .pricingnew-upper-right-section .banner-cta .btn-transparent {
        margin-bottom: 0px
    }

    .pricingnew-upper-right-section .banner-cta small {
        float: left;
    }

    .pricingnew-upper-right-section .banner-caption-list {
        margin-top: 22px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .banner-cta h3 {
        text-align: left;
        font-weight: 500;
    }

    .pricingnew-price {
        font-size: 22px;
    }

    .pricingnew-upper-left-section {
        /*    width: 53%;*/
        margin: auto;
        display: block;
    }

    .customer-testimonials-left-section.col-5,
    .customer-testimonials-right-section.col-7 {
        width: 100%
    }

    .customer-testimonials-right-section {
        padding-left: 0
    }

    .partner-page-container {
        padding-top: 105px
    }

    .partner-left-section .banner-caption-list {
        display: block
    }

    .partner-left-section .section-title {
        font-size: 25px !important;
        margin-bottom: 10px
    }

    #partner .banner-caption-list {
        margin-top: 15px;
    }

    .partner-left-section .banner-cta {
        margin-top: 18px;
    }

    .partner-right-section {
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        z-index: 9
    }

    .partner-right-section img {
        width: 88%
    }

    .whypartner-item {
        height: auto;
        border-right: 0
    }

    .lower-row-item {
        border-bottom: 1px solid rgba(204, 204, 204, .4)
    }

    .lower-row-item.border-right-zero-last-item {
        border-bottom: 0
    }

    .looking-partner-section.homefooter-ctas {
        display: block
    }

    .looking-partner-section.homefooter-ctas a,
    .looking-partner-section.homefooter-ctas span {
        display: inline-block
    }

    .test-play-video,
    .customer-test-play-video {
        padding: 90% 2% 0 0
    }

    #resources .banner_ht {
        height: 350px !important
    }

    .how-clients-benefits-item-desc {
        font-size: 18px;
    }

    .resources-submenu .submenuoption-div,
    .industry-submenu .submenuoption-div {
        width: 100%;
        margin-left: 10px;
        padding-left: 40px;
    }

    .features-menu {
        top: 60px;
        background-color: #fff;
    }

    .circle-2 img,
    .circle-4 img,
    .circle-6 img {
        width: 15px;
    }

    .inner-page .banner-list li {
        font-size: 16px;
        line-height: 30px;
    }

    .banner-award li {
        margin-right: 10px;
    }

    .banner-award li img {
        /*width: 70px;*/
    }

    .crm-info-wrap p {
        color: #505459;
    }

    .crm-client-logo .visible-xs .bx-viewport {
        height: 200px !important;
    }

    .crm-client-logo .client-logo {
        box-shadow: 1px 1px 6px #efefef;
        margin-bottom: 10px;
    }

    .home-award .award-slider-wrap .award-slider>div {
        /*    padding: 5px;*/
        margin-bottom: 0px;
    }

    .home-client-slider .client-logo {
        min-height: 85px;
        width: 100%;
    }

    .new-home-page .registered-smbs-and-media-element {
        height: auto;
        text-align: center;
    }

    .registered-smbs-and-media-element .registered-smbs-and-media-common {
        padding: 10px 0px;
        text-align: center;
        height: 90px;
    }

    .pricingnew-upper-section .banner-caption .lg {
        font-size: 30px;
        line-height: 36px;
    }

    .pricingnew-upper-section .banner-caption .md {
        font-size: 16px;
        line-height: 26px;
    }

    #home.new-home-page .banner-caption .md,
    .timer-banner .banner-caption .md {
        font-size: 20px;
        line-height: 26px;
    }

    #home.new-home-page .banner-caption .lg br {
        display: none;
    }

    #home.new-home-page .banner-caption .lg,
    .timer-banner .banner-caption .lg {
        font-size: 22px;
        line-height: 28px;
    }

    .theme-btn {
        height: 48px;
        font-size: 14px;
        line-height: 21px;
        padding: 12px 18px;
    }

    #home.new-home-page .banner-caption .banner-cta .md {
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
    }

    .brand-logo svg {
        width: 140px;
    }

    .img-patch-2 {
        top: 30px;
    }

    .new-home-page .registered-smbs-and-media-element img {
        width: 31px;
    }

    .new-home-page .stats-div {
        font-size: 12px;
        line-height: 18px;
        margin-left: 0px;
        margin-top: 10px;
        display: block;
    }

    .sec-title {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .category-wrap-cate .left-sidebar,
    .terms-condition .left-sidebar {
        top: 60px;
    }

    .operator-page-slider .slick-slide>div {
        text-align: center;
        vertical-align: middle;
        min-height: 115px;
        position: relative;
    }

    .operator-page-slider .slick-slide>div img {
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .operator-benefit {
        margin-bottom: 50px;
    }

    .operator-started-new {
        height: 547px;
        background-image: url(../min-images/myoperator-offer-mobile.svg);
        background-position: bottom;
    }

    ul.other-industry-list li {
        width: 50%;
    }

    .others-industry-info {
        min-height: auto;
        height: auto;
    }

    .others-industry-info p {
        padding: 0 15px 15px;
    }

    .other-industry-list-inner {
        width: 100%;
    }

    .others-industry-img img {
        width: 100%;
    }

    .oil-info h3 {
        line-height: 22px;
    }

    .test-user-thumb {
        width: 60px;
        height: 60px;
    }

    .crm-testimonial .testimonial-play-video-btn {
        position: absolute;
        right: -15px;
        top: -8px;
    }

    .testimonial-play-video-btn img {
        vertical-align: middle;
        width: 50px;
    }

    .search-row a {
        padding: 8px 10px;
    }

    .search-row .tagline-container {
        white-space: inherit;
        height: 29px;
    }

    .categories-listing-wrap ul li {
        width: 100%;
    }

    .categories-listing-box .sub-catg-title {
        position: absolute;
        top: 30px;
        right: 0;
        background-color: #E4E6E9;
        padding: 5px 5px 5px 10px;
        border-radius: 25px 0 0 25px;
        max-width: 142px;
        line-height: 19px;
        font-size: 12px;
        text-align: center;
    }

    .ind-offer:after {
        transform: translate(-60%, -17%);
    }
}

@media only screen and (max-width:1400px) {
    .timer-banner-img {
        transform: translateY(0%);
    }
}

@media only screen and (max-width:767px) {
    header {
        height: 60px;
    }

    header .brand-logo a {
        padding: 5px 0px;
    }

    .resources-options-menu {
        z-index: 999;
        padding: 20px;
        top: 60px;
        height: 85%;
        overflow-y: scroll;
    }

    .resources-options-menu.company-nav-menu {
        max-width: 100%;
        margin: auto;
        position: fixed;
        width: 100%;
        left: 0;
        top: 64px;
    }

    .submenu-div {
        width: 100%;
        padding: 15px 15px
    }

    .sub-option {
        margin-top: 0px
    }

    .submenuoption-first-div:before,
    .submenuoption-second-div:before,
    .submenuoption-third-div:before,
    .submenuoption-fourth-div:before {
        top: 10%
    }

    .submenu-category-div {
        width: 100%;
    }

    .video_try_kylas {
        top: 76%
    }

    iframe#player {
        width: 100%;
        height: 260px !important;
    }

    .cookie {
        bottom: 42px;
    }

    .cookie-text {
        font-size: 11px;
        line-height: 0.5em;
        margin-right: 0px;
    }

    .cookie .btn-blue {
        padding: 0px 10px;
        font-size: 14px;
        line-height: 30px;
    }

    .integrations-wrapper {
        display: block;
    }

    .smb-upskilling-section .container {
        padding: 13% 15px 0;
    }

    .smb-upskilling-section h1 {
        font-size: 22px !important;
        line-height: 32px !important;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .smb-upskilling-caption-section p {
        font-size: 17px;
        line-height: 30px;
    }

    .smb-upskilling-caption-section h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .lead-gen-form {
        padding: 24px 10px 0;
    }

    .news-link-title {
        height: 90px;
    }

    .newsroom-subtitle {
        font-size: 30px;
    }

    .newsroom-banner-section {
        background-image: url(../min-images/newsroom-mobile-banner.webp);
    }

    .registered-smbs-and-media-element {
        position: relative;
        bottom: 70px;
        float: left;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .registered-smbs-and-media-internal-div {
        padding: 10px 20px;
    }

    .registered-smbs-and-media-element .registered-smbs-and-media-common {
        padding: 10px 0px;
    }

    .registered-smbs-and-media-internal-div:before {
        left: -120px;
        top: -175px;
    }

    .registered-smbs-and-media-internal-div:after {
        left: -130px;
        top: -160px;
    }

    p.pricing-toggle-info {
        margin: -5px 0 20px 179px;
    }

    .price-arrow-pin {
        margin-right: 0;
        display: block;
        margin: auto;
    }

    .kyals-mobile-app {
        /*background-image: url('../min-images/mobile-app-bg-mob.webp');*/
        padding: 40px 0 300px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .kyals-mobile-app h2 {
        font-size: 32px;
        line-height: 38px;
        width: 283px;
        margin: auto;
        text-align: center;
    }

    .kyals-mobile-app p {
        text-align: center;
        width: 300px;
        font-size: 16px;
        line-height: 25px;
        margin: 30px auto 50px;
    }

    .kyals-mobile-app a {
        margin-right: 10px;
        display: inline-block;
    }

    .app-store-btn {
        text-align: center;
    }

    .app-store-btn a:last-child {
        margin-right: 0px;
    }

    .stats-div {
        font-size: 17px;
    }

    .stats-desc {
        font-size: 17px;
        margin-top: -7px;
    }

    .registered-smb-home-strip {
        top: 0px;
    }

    .registered-smb-home-strip a {
        font-size: 11px;
    }

    .partner-register-form-wrapper {
        padding: 14px 12px 10px;
    }

    .partner-register-popup .form-title {
        font-size: 20px;
    }

    .kl-form .kl-input .form-label {
        font-size: 13px !important;
    }

    .kl-form .kl-row .kl-col {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .home-newsroom-section .newsroom-slide {
        padding: 0px 15px 30px;
    }

    .how-clients-benefits-item {
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .how-clients-benefits-item-image img {
        height: auto;
        width: auto;
    }

    .how-clients-benefits-section .section-title {
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .how-clients-benefits-row {
        padding: 20px 0 0;
    }

    .how-clients-benefits-item-desc {
        font-size: 16px;
    }

    .how-clients-benefits-item:nth-child(1),
    .how-clients-benefits-item:nth-child(2),
    .how-clients-benefits-item:nth-child(3) {
        padding: 8% 0;
    }

    .how-clients-benefits-item:nth-child(4),
    .how-clients-benefits-item:nth-child(5) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: 8% 0;
    }

    .how-clients-benefits-item:nth-child(5) {
        border-bottom: 0px;
    }

    .how-clients-benefits-item-image {
        margin-bottom: 10px;
    }

    .press-list-content {
        padding: 20px 10px;
    }

    .pricingnew-view-all-details-btn,
    .compare-view-all-details-btn {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .pricingnew-view-all-details-btn img,
    .compare-view-all-details-btn img {
        width: 15px;
    }

    /*.iti-mobile .iti--container{
        top: 39% !important;
        left: 4% !important;
        z-index: 99999;
    }*/
    .submenuoption-div {
        width: 100%;
        padding-bottom: 10px;
    }

    .submenuoption-academy-div.submenuoption-div:after,
    .submenuoption-video-tutorials-div.submenuoption-div:after,
    .submenuoption-free-resources-div.submenuoption-div:after,
    .submenuoption-events-div.submenuoption-div:after,
    .submenuoption-blogs-div.submenuoption-div:after,
    .submenuoption-education-div.submenuoption-div:after,
    .submenuoption-finance-div.submenuoption-div:after,
    .submenuoption-travel-div.submenuoption-div:after,
    .submenuoption-others-div.submenuoption-div:after {
        height: 40px;
    }

    .submenuoption-academy-div.submenuoption-div:before,
    .submenuoption-video-tutorials-div.submenuoption-div:before,
    .submenuoption-free-resources-div.submenuoption-div:before,
    .submenuoption-events-div.submenuoption-div:before,
    .submenuoption-blogs-div.submenuoption-div:before,
    .submenuoption-education-div.submenuoption-div:before,
    .submenuoption-finance-div.submenuoption-div:before,
    .submenuoption-travel-div.submenuoption-div:before,
    .submenuoption-others-div.submenuoption-div:before {
        width: 31px;
        height: 21px;
    }

    .right-side-menu:after {
        display: none;
    }

    .testimonials-left-section {
        height: auto;
        width: 100%;
        float: left;
        padding-top: 0;
        text-align: left;
        padding: 0 20px;
    }

    .inner-page .banner-title {
        font-size: 32px;
        line-height: 42px;
    }

    .crm-title {
        font-size: 30px;
        line-height: 36px;
    }

    .crm-subtitle {
        font-size: 16px;
        line-height: 22px;
    }

    .sec-list li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .crm-testimonial .testimonials-right-section {
        width: calc(100% - 0px);
        padding-left: 15px;
        padding-right: 15px;
    }

    .crm-testimonial .testimonials-left-section {
        width: 71px;
        padding: 0;
    }

    .crm-testimonial .user-info {
        padding-left: 10px;
    }

    .crm-testimonial .user-info {
        width: calc(100% - 90px);
    }

    .crm-testimonial .testimonial-quote-content {
        height: auto;
        line-height: 26px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.6px;
    }

    .lp-slide-1 {
        padding: 100px 0px;
        height: 100vh !important;
        background-image: url(../min-images/lp/crm-banner-mobile.webp);
    }

    .crm-benefit-box {
        height: 200px;
        margin-top: 60px;
        padding: 0px 11px 41px 25px;
    }

    .crm-benefit-icon {
        width: 70px;
        height: 70px;
        line-height: 95px;
        position: relative;
        top: -30px;
    }

    .crm-info-wrap h4 {
        font-size: 20px;
        line-height: 15px;
        margin-bottom: 15px;
    }

    .crm-benefit-icon img {
        width: 50%;
    }

    .crm-testimonial .testimonial-video-thumbnail img {
        width: 71px;
        height: 71px;
    }

    .testimonial-quote-writer {
        font-size: 14px;
        font-weight: 500;
    }

    .testimonial-quote-designation {
        font-size: 12px;
        width: 160px;
    }

    .inner-features-banner-title {
        font-size: 26px;
        line-height: 35px;
    }

    .inner-features-banner-desc {
        font-size: 16px;
        line-height: 23px;
        margin: 20px 0 30px;
    }

    .myoperator {
        padding: 50px 0 0;
        height: 600px;
    }

    .operator-right {
        margin-top: 40px;
    }

    .operator-benefit li {
        list-style: none;
        width: 100%;
        float: left;
        height: auto;
        min-height: 350px;
        position: relative;
    }

    /*.operator-benefit li.br-right:after{
        display: none;
    }*/
    .operator-benefit li .operator-icon,
    .operator-benefit li .operator-info {
        width: 100%;
        float: left;
    }

    .operator-benefit li .operator-info .box-title {
        min-height: auto;
        font-size: 20px;
    }

    .myoperator-testimonial .testimonials-right-section {
        padding-left: 0;
        padding-right: 0;
    }

    .myoperator-testimonial .testimonials-right-section>img {
        left: 0;
        top: 0;
        width: 86px;
    }

    /*.operator-benefit li.br-bottom:before{
        bottom: -17px;
    }
    .operator-benefit li:before,.operator-benefit li:nth-child(4):before {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0px;
        bottom: -17px;
        border-bottom: 1px solid rgba(1,118,255,0.5);
    }*/
    .operator-title {
        font-size: 27px;
        line-height: 30px;
    }

    .operator-integrated .feature-title,
    .operator-title.feature-title {
        font-size: 24px;
        line-height: 30px;
    }

    .operator-benefit li:last-child:before,
    .operator-benefit li:nth-child(3):after {
        display: none;
    }

    .operator-benefit li .operator-inner {
        padding: 45px 0px;
    }

    .operator-right img {
        width: 100%;
    }

    .why-kylas-operator-inner {
        margin: 20px 0px 40px;
        height: 445px;
    }

    .operator-benefit li .operator-info .inner-info {
        padding-bottom: 0;
    }

    .features-banner-title {
        font-size: 26px;
        font-weight: 600;
        line-height: 32px;
    }

    .features-banner-desc {
        font-size: 14px;
        margin-bottom: 22px;
        line-height: 22px;
    }

    .home-whykylas .whykylas-card .content p br {
        display: none;
    }

    .popup-inner .popup-title span {
        color: #0176FF;
        display: inline-block;
    }

    .popup-inner .popup-title {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .popup-inner {
        width: 95%;
        height: 90vh;
        overflow: auto;
    }

    .popup-inner .popup-desc {
        margin-top: 10px;
    }

    .popup-wrap hr {
        margin: 15px 0;
    }

    .kyeo {
        width: 200px;
        margin: auto;
        display: block;
    }

    #home .home-slider-kyeo .banner-caption {
        width: 100%;
        margin-top: 130px;
        padding: 0;
    }

    #home .home-slider-kyeo .banner-cta a {
        float: none !important;
    }

    .comparison-wrap {
        padding: 25px 25px;
    }

    .Banner-Image {
        img{
            width: 100%;
        }
    }

    .pricingnew-upper-left-section {
        width: 100%;
        left: 0%;
        transform: unset;
        height: 380px;
    }
}

@media only screen and (min-device-width :375px) and (max-device-width :812px) and (-webkit-device-pixel-ratio :3) and (orientation :portrait) {

    /*#home .banner-caption{margin:90px auto 0}*/
    .home-model-image {
        width: 80%;
        left: -5%
    }
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) and (orientation :portrait) {

    .test-play-video,
    .customer-test-play-video {
        padding: 82% 2% 0 0
    }
}

@media only screen and (max-width: 400px) {

    /*    .pricingnew-upper-left-section{
        position: unset;
    }*/
    #pricingbanner .offer-text-image {
        bottom: 150px;
    }

    .set-kylas-title {
        font-size: 14px;
        line-height: 25px;
    }

    .ind-offer .pricingnew-upper-right-section {
        /* margin-top: 25px!important; */
    }

}

@media only screen and (max-width :320px) {
    .btn-blue {
        font-size: 14px
    }

    header .brand-logo img {
        width: 90px
    }

    header ul.nav-links {
        top: 57px;
    }

    #home .banner-caption,
    .timer-banner .banner-caption {
        margin: 80px auto 0 !important;
        width: auto;
    }

    #home .banner-caption .lg,
    .timer-banner .banner-caption .lg,
    .pricingnew-upper-section .section-title {
        font-size: 17px;
        margin-bottom: 5px
    }

    #home .banner-caption .md,
    .timer-banner .banner-caption .md {
        font-size: 14px
    }

    #home .banner-cta,
    .timer-banner .banner-cta,
    .pricingnew-upper-right-section .banner-cta {
        margin-top: 9px
    }

    #home .banner-cta a.btn-transparent,
    .timer-banner .banner-cta a.btn-transparent,
    .pricingnew-upper-right-section .banner-cta a.btn-transparent {
        font-size: 12px;
        line-height: 37px;
        width: 200px
    }

    #home .banner-cta small,
    .timer-banner .banner-cta small,
    .pricingnew-upper-right-section .banner-cta small {
        font-size: 10px;
        margin-top: 7px
    }

    .pricingnew-upper-first-para,
    .pricingnew-upper-second-para {
        font-size: 14px;
        margin-bottom: 10px
    }

    .honestcrm-text {
        font-size: 15px;
        margin-top: 4px
    }

    .home-model-image {
        width: 58%
    }

    #home .offer-text-image {
        width: 36%;
        right: 0%;
        bottom: 130px;
    }

    #kylaformtitle {
        line-height: 20px;
        font-size: 16px;
    }

    #kylaformtitle span {
        font-size: 14px;
    }

    .signupform-wrapper {
        height: 80vh;
        overflow-y: auto;
        padding-bottom: 10px;
    }

    #pricingbanner .offer-text-image {
        width: 36%;
        right: 0%;
        bottom: 35%;
    }

    .pricingnew-upper-left-section {
        width: 100%;
        height: 280px;
    }

    .pricingnew-upper-section .banner-caption .lg {
        font-size: 25px;
    }

    .pricingnew-upper-section .banner-caption .md {
        font-size: 17px;
    }

    .pricingnew-upper-right-section .banner-caption-list {
        margin-top: 8px;
    }

    .benefits-card {
        width: 100%
    }

    .signup-inner-wrapper {
        margin: 10px auto 0;
        width: 97%
    }

    .col-4.terms-condition {
        top: 60px
    }

    .partner-page-container {
        padding-top: 75px;
    }

    .partner-left-section .section-title {
        font-size: 24px !important;
    }

    .partner-left-section .banner-cta {
        margin-top: 16px;
    }

    .partner-left-section .banner-cta a {
        margin-right: 0px;
    }

    .registered-smb-home-strip {
        top: 0px;
    }

    .pricingnew-view-all-details-btn {
        font-size: 13px;
    }

    .pricingnew-view-all-details-btn-right-div {
        font-size: 11px;
    }

    .banner-caption-list li {
        font-size: 13px;
    }

    .form-wrapper .form-title {
        font-size: 22px;
    }

    #home .banner_ht,
    #pricingnew .timer-banner.banner_ht {
        height: 600px !important;
    }

    .testimonial-quote-content {
        height: 280px;
    }

    .inner-page .banner-title {
        font-size: 24px;
        line-height: 32px;
    }

    .inner-page .banner-list li {
        font-size: 16px;
        line-height: 26px;
    }

    .crm-title {
        font-size: 22px;
        line-height: 30px;
    }

    .crm-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .crm-info-wrap p {
        font-size: 13px;
        line-height: 22px;
    }

    .crm-info-wrap h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #home.new-home-page .banner-caption .lg,
    .timer-banner .banner-caption .lg {
        font-size: 20px;
        line-height: 36px;
    }

    #home .banner-caption,
    .timer-banner .banner-caption {
        padding: 0 0 0 4px;
    }

    .inner-features-banner-title {
        font-size: 20px;
        line-height: 24px;
    }

    .myoperator {
        padding: 15px 0 0;
    }

    .inner-features-banner-desc {
        font-size: 15px;
        line-height: 22px;
        margin: 20px 0 20px;
    }

    .operator-integrated .feature-title {
        font-size: 19px;
        line-height: 26px;
    }

    header .sell_do_no a {
        font-size: 14px;
    }

    .cta .sticky-btn a {
        font-size: 16px;
    }

    .cta .sticky-btn small {
        font-size: 6px;
    }

    .comprision-banner-title {
        font-size: 16px;
        line-height: 24px;
    }

    .comprision-banner-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .comparison-wrap-img .vs-logo {
        width: 135px;
        padding: 10px 14px;
    }

    .ind-offer .pricingnew-upper-section .banner-caption .lg {
        font-size: 20px;
    }

    .ind-offer .ind-offer-img {
        width: 100%;
        max-width: 220px;
    }

    .ind-offer:after {
        transform: translate(-60%, -26%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .banner_formdiv {
        position: absolute;
        transform: translateX(-50%);
        margin: 15px 0;
        width: 68%;
        right: unset;
        left: 50%;
        top: 42%;
    }

    .banner_formdiv form {
        width: 100% !important;
    }
}

.table-border,
.table-border tr,
.table-border th,
.table-border tr td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 5px 10px;
}

#popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid black;
    z-index: 11111111;
    width: 900px;
    height: 550px;
    border-radius: 20px;
    overflow: hidden;
}

#popup #close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 23px;
    color: #fff;
    background: #0176FF;
    border-radius: 100%;
    padding: 1px 12px;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 111111;
}

.popbox {
    display: grid;
    padding-left: 40px;
    grid-template-columns: 50% 50%;
    padding-top: 75px;
}

.popupimg {
    margin-bottom: -7px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 450px;
}

.pophead {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 10px;
}

.poptxt {
    font-size: 24px;
    line-height: 29px;
    font-weight: 300;
    margin-bottom: 20px;
}

.popdetails {
    width: fit-content;
    margin-bottom: 25px;
}

.det {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}

.det1 {
    border-bottom: 1px solid #636363;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width:992px) {
    #popup {
        width: 95%;
        height: auto;
    }

    .popbox {
        padding-left: 20px;
        grid-template-columns: 100%;
        padding-top: 50px;
    }

    .pophead {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .poptxt {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .popdetails {
        margin-bottom: 20px;
    }

    .det {
        font-size: 18px;
        line-height: 22px;
    }

    .det1 {
        margin-bottom: 7px;
        padding-bottom: 7px;
    }

    .popupimg {
        margin-bottom: -7px;
        position: relative;
        bottom: 0;
        right: 0;
        width: 450px;
        display: block;
        margin: auto;
        margin-right: 0;
    }
}







/* diwali banner */


.diwali-banner {
    background: url('../home-images/diwali2024/Background-Image.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-inline: 100px;
    padding-block: 100px 159px;
}

.diwali-banner-starts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.biggest-crm-img {
    margin-bottom: 85px;
    max-width: 730px;
}

.crm-offer-img {
    max-width: 650px;
}

.diwali-banner-left,
.diwali-banner-right {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* .diwali-banner-left{
    display:flex;
    flex-direction:column;
    align-items:center;
} */
.diwali-banner-left .diwali-offer {
    display: flex;
    align-items: center;
    border: 1px solid #FFE51C;
    width: fit-content;
}

.diwali-banner-left .diwali-offer p {
    background: #FFE51C;
    font-size: 50px;
    color: #2c0047;
    font-weight: 700;
    padding: 20px 30px;
    line-height: 50px;
}

.diwali-banner-left .diwali-offer h2 {
    font-size: 112px;
    color: #FFE51C;
    font-weight: 450;
    padding-inline: 22px 30px;
    line-height: 100px;
    text-transform: uppercase;
}

.diwali-banner-right h1 {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.diwali-badge {
    /* display:flex;
    gap:12px; */
    margin-block: 52px 47px;
}

.diwali-banner-right p {
    background: rgba(255, 255, 255, 0.30);
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    padding-block: 5px 12px;
    width: 578px;
    line-height: 30px;
}




/* black friday nov banner  */
.black-friday-nov-header {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;

}

.black-friday-nov-header ul.nav-links li>a {
    color: #000;
}

.black-friday-nov-header .menu-option>a:after {
    background-image: url(../home-images/menu-arrow-black.svg);
}

.black-friday-nov-header .brand-logo img.white-logo {
    display: none;
}

.black-friday-nov-header .brand-logo img.black-logo {
    display: block;
}

.black-friday-nov-header .header-logon {
    color: #000;
}

.black-friday-nov-header .login-icon,
.scrolled .down-arrow-svg {
    fill: #000;
}

.black-friday-nov-header .menu-icon-mobile>span {
    background-color: #505459;
}

.black-friday-nov {
    position: relative;
    background: #fff;
    /* margin-top: 80px; */
}

.black-friday-nov .black-friday-nov-bg {
    width: 100%;
}

.black-friday-nov .black-friday-con {
    overflow: hidden;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.black-friday-nov-starts {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* padding-top: 5; */
}

.black-friday-nov-starts .black-friday-sale {
    /* width: 100%; */

}

.black-friday-nov-starts .black-friday-sale-mob {
    display: none;
}

.black-friday-nov-starts .nov-friday-h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.black-friday-nov-starts .friday-demo-bg {
    border-radius: 20px;
    background: #E6E7E8;
    padding: 10px;
    margin-bottom: 30px;
}

.black-friday-nov-starts .book-a-demo-btn {
    background: #FFE51D;
    font-size: 24px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 54px;
    border-radius: 20px;
    display: block;
}








@media (min-width:1680px) {

    .black-friday-nov-starts {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* padding-top: 5; */
    }

}

@media (max-width:1680px) {
    .diwali-banner {
        padding-inline: 50px 100px;
    }

    .diwali-banner-starts {
        gap: 40px;
    }

    .biggest-crm-img {
        max-width: 600px;
    }

    .crm-offer-img {
        max-width: 500px;
    }

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

    .diwali-badge img {
        max-width: 70%;
        margin-inline: auto;
    }

    .diwali-banner-right p {
        width: 400px;
    }
}


@media (max-width:1440px) {
    .diwali-banner-starts {
        gap: 30px;
    }

    .biggest-crm-img {
        max-width: 550px;
        height: auto;
    }

    .crm-offer-img {
        max-width: 450px;
        /* height: auto; */

    }

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

    .diwali-badge img {
        max-width: 70%;
        height: auto;

        margin-inline: auto;
    }

    .diwali-banner-right h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .diwali-banner-right p {
        width: 400px;
    }
}

@media (max-width:1024px) {
    .diwali-banner {
        padding-inline: 100px;
    }

    .diwali-banner-starts {
        flex-direction: column;
    }

    .biggest-crm-img {
        max-width: 80%;
    }

    .black-friday-nov-starts .black-friday-sale {
        width: 88%;
        height: 280px;
    }

}

@media (max-width:991px) {
    .black-friday-nov-starts .black-friday-sale {
        width: 88%;
        height: 220px;
    }

}


@media (max-width:700px) {
    .diwali-banner {
        background: url('../home-images/diwali2024/background-mobile-image.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-inline: 19px;
        padding-block: 100px 120px;
    }

    .diwali-banner-starts {
        flex-direction: column;
        gap: 31px;
    }

    .diwali-banner-left,
    .diwali-banner-right {
        flex: 0 0 100%
    }

    .biggest-crm-img {
        margin-bottom: 36px;
    }

    .biggest-crm-img,
    .crm-offer-img {
        max-width: 100%;
        height: auto;
    }

    .diwali-banner-right {
        width: 90%;
    }

    .diwali-banner-right h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .diwali-badge {
        margin-block: 20px 42px;
    }

    .diwali-badge img {
        width: 100%;
        height: auto;
    }

    .diwali-banner-right p {
        font-size: 20px;
        line-height: 26px;
        width: 100%;
        padding-block: 0 5px;
    }



    .black-friday-nov-starts .black-friday-sale {
        display: none;
    }

    .black-friday-nov-starts .black-friday-sale-mob {
        width: 100%;
        display: block;
    }

    .black-friday-nov-starts .nov-friday-h1 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 44px;
    }

    .black-friday-nov-starts .friday-demo-bg {
        /* border-radius: 20px;
        background: #E6E7E8; */
        padding: 7px;
        /* margin-bottom: 30px; */
    }

    .black-friday-nov-starts .book-a-demo-btn {
        font-size: 24px;
        padding: 9px 42px;
    }
}

/* whatsapp css */

.col-12-whatsapp {
    display: flex;
    align-items: center;
}

.whatsapp-features-banner-title {
    font-size: 53px;
    font-weight: 700;
    line-height: 90px;
}

.lead-managment .whatsapp-banner-badge {
    font-size: 100px;
    font-weight: 700;
    color: #24D366;
    line-height: 90px;
}

.whatsapp-features-banner-desc {
    font-size: 26px;
    font-weight: 400;
}

.integration {
    width: 80%;
    margin-inline: auto;
    margin-block: 70px;
}

.integration-slider {
    height: 196px;
    overflow-y: auto;
}

/* .integration-slide1{
    display: flex;
    align-items: center;
}
.integration-image{
    flex: 0 0 50%;
}
.integration-image img{
    width: 70%;
} */

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

.integration-title {
    padding-bottom: 10px;
    line-height: 44px;
    font-size: 36px;
    font-weight: 500;
}

.integration-desc {
    font-size: 16px;
    line-height: 24px;
}

.integration-info {
    padding-right: 10px;
}

.integration-info .title {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 10px;
}

.integration-info .desc {
    font-size: 16px;
}

.why-choose-whatsapp {
    background: #F1F8FF;
}

.whychoose-container {
    margin-block: 70px;
}

.whychoose-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding-top: 34px;
    align-items: stretch;
}

.whychoose-intro {
    width: 80%;
    margin-inline: auto;
    text-align: center;
}

.whychoose-intro .title {
    line-height: 44px;
    font-size: 36px;
    font-weight: 500;
}

.box-details {
    flex: 0 0 32%;
    min-height: 245px;
    border-radius: 20px;
    border: 1px solid #CFEAF8;
    background-color: #F5FBFF;
    padding-inline: 13px;
    padding: 20px;
    cursor: pointer;
}

.box-details:hover {
    background: #fff;
    color: #fff;
}

.box-details:hover .box-desc {
    color: #fff;
}


/* .whychoose-svg{
    padding-top: 20px;
} */
.whychoose-svg svg {
    width: 58px;
    height: auto;
}

.box-details:hover svg rect {
    fill: white;
}

.box-details:hover svg path {
    fill: #073975;
}

/* --------------hover2----------------------  */

.whychoose-svg img:nth-child(2) {
    display: none;
}

.box-details:hover .whychoose-svg img:nth-child(1) {
    display: none;
}

.box-details:hover .whychoose-svg img:nth-child(2) {
    display: inline-block;
}

/* ------------------------------------------------------------------------  */

.box-details .box-title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
}


.whychoose-box img {
    background-color: #073975;
    border-radius: 10px;
    padding: 5px;
}

.whatsapp-communication {
    position: relative;
    padding-block: 160px;
}

.details {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.details .title {
    line-height: 44px;
    font-size: 36px;
    font-weight: 500;
}

.details .desc {
    margin: 10px;
}

.thanks {
    position: absolute;
    top: 38px;
}

.query {
    position: absolute;
    left: 131px;
}

.hellothere {
    position: absolute;
    top: 38px;
    right: 20px;

}

.howcanihelpyou {
    position: absolute;
    right: 20px;
    top: 298px;
}

.orderdetails {
    position: absolute;
    right: 119px;

}

.hello {
    position: absolute;
    top: 267px;
    left: 36px;

}

.get-started-btn {
    cursor: pointer;
    margin-top: 10px;
    font-size: 18px;
    color: white;
    background: #0176FF;
    padding: 14px 23px;
    border-radius: 28px;
    display: inline-block;
}

.pricing-table .title {
    line-height: 44px;
    font-size: 36px;
    font-weight: 500;
}

.pricing-table thead {
    background: #0076FF;
}

.pricing-table {
    background: #F1F8FF;
    padding-bottom: 70px;
}

.pricing-table-details table tbody td {
    height: 80px;
    color: #000000;
    font-size: 16px;
    padding: 0 30px;
    display: table-cell;
    border: none;

}

.pricing-table-details table tbody td:nth-child(2) {
    text-align: center;
    width: 20%;
    background: none;
    letter-spacing: 8px;
}

.pricing-table-details table tbody tr:nth-child(1) td:nth-child(2) {
    letter-spacing: 1.5px;
}

.pricing-table-details tr:first-child {
    background: #0076FF;
}

.pricing-table-details tr:first-child td {
    color: white;
}

/* .pricing-table-details tr:first-child td {
    background: var(--Secondary, #073975);
} */



.blue-row {
    display: flex;
    width: 100%;
    height: 64px;
    padding: 20px 30px;
    justify-content: space-between;
    align-items: center;
    background: var(--Secondary, #073975);
    color: white;
}

.table-wrap {
    margin: 50px auto;
}

.whatsapp-integration-content {
    display: flex;
    gap: 32px;
    position: relative;
    margin-top: 26px;
    align-items: center;
}

.whatsapp-integration-content .dots {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -19px;
    top: 18%;
    gap: 7px;
}

.whatsapp-integration-content .dot {
    cursor: pointer;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    display: block;
    background: #0076FF;
}

.whatsapp-integration-content .active {
    border-radius: 35px;
    height: 74px;
}

.whatsapp-integration-image {
    flex: 0 0 50%;
}

.whatsapp-integration-image img {
    width: 100%;
}

.whatsapp-integration-content .content-item .title {
    font-size: 23px;
    font-weight: 600;
    line-height: 29px;
    color: #1d2b36;
}

.whatsapp-integration-content .content-item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #1d2b36;
}

section.sales-lead {
    padding-bottom: 0px;
}

@media only screen and (min-width: 701px) and (max-width: 1024px) {
    .thanks {
        position: absolute;
        top: 38px;
    }

    .orderdetails {

        left: 1%;
        bottom: 7%;
        width: 47%;
    }

    .hellothere {
        top: 38px;
        right: 20px;
    }

    .howcanihelpyou {
        display: none;
    }

    .query {
        right: 1%;
        left: unset;
        width: 45%;
        bottom: 7%;
    }

    .hello {
        display: none;
    }

    .whatsapp-features-banner-title {
        font-size: 32px;
        line-height: 1;
    }

    .lead-managment .whatsapp-banner-badge {
        font-size: 42px;
        line-height: 1.5;
    }

}


@media (max-width:700px) {
    .col-12-whatsapp {
        flex-direction: column;
    }

    .lead-managment .whatsapp-banner-badge {
        font-size: 47px;
        font-weight: 700;
        color: #24D366;
        display: block;
        text-align: center;
        line-height: 78px;
    }

    .whatsapp-features-banner-title {

        font-size: 23px;
        line-height: 31px;
        text-align: center;
    }

    .whatsapp-features-banner-desc {
        font-size: 15px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 12px;
    }

    .whychoose-box {
        flex-direction: column;
    }

    .details .title {
        padding-top: 162px;
        line-height: normal;
        font-size: 26px;
        font-weight: 600;
    }

    .orderdetails {
        max-width: 90%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .query {
        display: none;
    }

    .hello {
        display: none;
    }

    .hellothere {
        display: none;
    }

    .howcanihelpyou {
        display: none;
    }

    .whatsappfeature {
        min-height: 0vh;
    }

    .box-details {
        padding-top: 20px;
    }

    .whatsapp-integration-content {
        flex-direction: column;
    }

    .whatsapp-integration-content .dots {
        margin-top: 16px;
        position: unset;
        flex-direction: row;
        justify-content: center;
    }

    .whatsapp-integration-content .active {
        height: unset;
        width: 82px;
    }

    .whatsapp-communication {
        padding-block: unset;
    }

    .pricing-table-details {
        display: block;
        overflow-x: scroll;
    }

    .integration {
        width: 100%;
        padding-top: 50px;
        margin-top: 0px;
    }

    .whychoose-intro {
        width: 100%;
    }

    .whychoose-intro .title {
        line-height: normal;
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .details {
        width: 100%;
    }

    .mobile_heading {
        line-height: normal;
        font-size: 26px;
        font-weight: 600;
    }

    .thanks {
        max-width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }

    .whatsapp-integration-content .title {
        text-align: center;
    }

    .whatsapp-integration-content .desc {
        text-align: center;
    }

}


/* new comparison age nov 2024  */


.new-comparison-banner {
    background: #EAF4FF;
    padding-block: 100px 52px;
    margin-top: 80px;
}

.new-comparison-banner-content .new-comparison-banner-content-images {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}

.new-comparison-banner-content .new-comparison-banner-content-images .other-logos-comp {
    width: 460px;
    height: 250px;
}

.new-comparison-banner-content .new-comparison-banner-content-images .kylas-logo-comp {
    width: 200px;
    height: 60px;
}

.new-comparison-banner-content .comparison-vs-text {
    font-size: 62px;
    color: #000;
    font-weight: 600;
    padding-inline: 97px 49px;
}

.new-comparison-banner .comparison-h1-div {
    text-align: center;
    margin-inline: auto;
    max-width: 70%;
}

.new-comparison-banner .comparison-h1-div h1 {
    font-size: 46px;
    color: #000;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 20px;
}

.new-comparison-banner .comparison-h1-div p {
    font-size: 34px;
    color: #000;
    font-weight: 400;
}

.comparison-helping-business-sec {
    padding-block: 100px;
}

.comparison-helping-business-sec .comparison-helping-business-sec-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 60px;
}

.helping-business-sec-text h2 {
    color: #0176FF;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 52px;
}

.helping-business-sec-text p {
    color: #505459;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.helping-business-sec-text .helping-first-para {
    margin-bottom: 30px;

}

.new-comparison-table-kylas-sec {
    padding-bottom: 100px;
}

.new-comparison-table-kylas-sec .table-wrap table tbody td {
    padding: 0 10px;
}

.new-comparison-table-kylas-sec .table-title {
    height: 80px;
    text-align: center;
    background-color: #E0EDFD;
    font-size: 24px;
    line-height: 24px;
    color: #0176FF;
    font-weight: 500;
    padding: 29px 0;
}

@media (max-width:1440px) {
    .new-comparison-banner {
        padding-block: 50px 30px;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images {
        padding-bottom: 30px;
    }

    .new-comparison-banner .comparison-h1-div h1 {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 10px;
        max-width: 50%;
        margin-inline: auto;
    }

    .new-comparison-banner .comparison-h1-div p {
        font-size: 28px
    }
}


@media (max-width:1280px) {
    .new-comparison-banner-content .new-comparison-banner-content-images .kylas-logo-comp {
        width: 300px;
        height: 70px;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images .other-logos-comp {
        width: 675px;
        height: 350px;
    }
}

@media (max-width:1024px) {
    .new-comparison-banner-content .new-comparison-banner-content-images .kylas-logo-comp {
        width: 280px;
        height: 60px;
    }

        .comparison-testimonial-slider .slick-prev{
        left: unset;
        transform: unset;
        top: 17%;
        z-index: 9999;
    }
    .comparison-testimonial-slider .slick-next{
        left: unset !important;
        top: 19%; 
    }

        .whykylas-content .slick-prev {
        left:0px;
        z-index:99;
    }

    .whykylas-content .slick-next {
        right:0px;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images .other-logos-comp {
        width: 600px;
        height: 300px;
    }

    .new-comparison-banner-content .comparison-vs-text {
        padding-inline: 45px 15px;
    }

    .new-comparison-banner .comparison-h1-div h1 {
        font-size: 55px;
        line-height: 65px;
        max-width: 100%;
    }

    .new-comparison-table-kylas-sec .table-wrap {
        display: block;
        overflow-x: scroll;
    }
}

@media (max-width:991px) {
    .new-comparison-banner {
        margin-top: 60px;
        padding-block: 60px;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images {
        flex-direction: column;
        gap: 30px;
    }

    .new-comparison-banner-content .comparison-vs-text {
        padding-inline: unset;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images img {
        width: 100%;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images {
        padding-bottom: 40px;
    }

    .new-comparison-banner .comparison-h1-div h1 {
        font-size: 41px;
        line-height: 50px;
        margin-bottom: 16px;
        max-width: 95%;
    }

    .new-comparison-banner .comparison-h1-div p {
        font-size: 18px;

    }

    .comparison-helping-business-sec {
        padding-block: 50px;
    }

    .comparison-helping-business-sec .comparison-helping-business-sec-flex {
        grid-template-columns: repeat(1, 1fr);
    }

    .comparison-helping-business-sec .comparison-helping-business-sec-flex img {
        width: auto;
    }

    .business-image-div {
        text-align: center;
        order: 2
    }

    .helping-business-sec-text {
        order: 1;
    }

    .helping-business-sec-text h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .helping-business-sec-text p {
        font-size: 16px;
        line-height: 24px;
    }

    .helping-business-sec-text .helping-first-para {
        margin-bottom: 16px;
    }

    .new-comparison-table-kylas-sec .table-wrap {
        display: block;
        overflow-x: scroll;
    }

    .new-comparison-table-kylas-sec .pricingnew-table td>img {
        width: auto;
    }

    .new-comparison-table-kylas-sec .pricetable tr td:nth-child(1),
    .new-comparison-table-kylas-sec .pricetable tr th:nth-child(1) {
        min-width: 225px;
    }

    .new-comparison-table-kylas-sec .table-wrap table tbody td {
        padding: 7px;
    }

    .new-comparison-table-kylas-sec .table-title {
        font-size: 18px;
        height: 60px;
    }

    .new-comparison-table-kylas-sec .table-title::after {
        display: none;
    }
}

@media (max-width:600px) {
    .new-comparison-banner-content .new-comparison-banner-content-images .other-logos-comp {
        width: 320px;
        height: 170px;
    }

    .banner-caption-list{
        gap:15px;
    } 

    .banner-nov{
        padding: 0 0 0 0px !important;
    }

    .new-comparison-banner-content .new-comparison-banner-content-images .kylas-logo-comp {
        width: 210px;
        height: 45px;
    }

    .new-comparison-banner .comparison-h1-div h1 {
        font-size: 26px;
        line-height: 30px;
        max-width: 100%;
    }

    .comparison-helping-business-sec .comparison-helping-business-sec-flex img {
        width: 100%;
        height: 300px;
    }

    .new-comparison-table-kylas-sec .table-title {
        text-align: left;
        padding-inline: 30px !important;
    }

    .new-comparison-banner-content .comparison-vs-text {
        font-size: 42px;
    }
}

.teammemeber {
    padding-top: 0px;
    padding-bottom: 70px;
}

/* career page */
.industrybanner .careerbanner {
    width: 100%;
}

.future-title {
    color: black;
    font-weight: 600;
}

.mob-banner {
    display: none;
}

.pioneer-crm .pioneer {
    max-width: 70%;
    float: unset;
    margin: 0 auto;
}

.card .card-details {
    display: flex;
    flex-direction: column;
}

.catalystsection {
    padding: 0 0 70px 0;
}

.catalyst-cards {
    display: flex;
    gap: 15px;
}

.unwinding-life-cards {
    display: flex;
    gap: 10px;
}

.life-card video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.life-card {
    position: relative;
    overflow: hidden;

}

.life-card:hover p {
    color: white;
    bottom: 7px;
    background: #0176FF;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.life-card p {
    position: absolute;
    left: 0;
    padding: 20px;
    transition: all 0.5s ease;
}

.innovation {
    background: #F5F8FA;
}

.innovate-cards {
    display: flex;
    gap: 10px;
}

.innovate-card svg {
    background: #073975;
    border-radius: 10px;
    padding: 10px;
}

.innovate-card {
    background: #F5FBFF;
    padding: 17px;
    border-radius: 15px;
    border: 0.5px solid #CFEAF8;
}

.innovate-card:hover {
    background: #073975;
}

.innovate-card:hover svg {
    background: #fff;
}

.innovate-card:hover svg path {
    fill: #073975;
}

.innovate-card:hover .innovate-card-title {
    color: white;
}

.flex-dir {
    position: relative;
    padding: 0px;
}

.business-grow-heading {
    color: white;
    position: absolute;
    max-width: 30%;
    text-align: left;
    transform: translateY(35%);
}

.business-grow-heading h2 {
    max-width: 55%;
}

.desk-img {
    display: block;
}

.mob-img {
    display: none;
}

.demo-btn {
    margin-top: 30px;
}

.innovation-desc {
    max-width: 67%;
}

.catalyst-cards .cards {
    padding: 15px;
    background: #F5F8FA;
    border-radius: 10px;
    flex: 1;
}

.cards-heading {
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 32px;
}

@media (max-width:700px) {
    .catalystsection {
        padding: 0 0 50px 0;
    }

    .features-desc-mob p {
        font-size: 16px;
        line-height: 24px;
    }

    .features-desc-mob h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .future-title {
        margin: auto;
        max-width: 74%;
    }

    .career-banner-heading {
        text-align: center;
    }

    .mob-img {
        display: block;
    }

    .desk-img {
        display: none;
    }

    .pioneer-crm .pioneer {
        max-width: unset;
    }

    .unwinding-life-cards {
        display: block;
    }

    .unwinding-life-cards p {
        background: none;
        color: unset;
    }

    .life-card p {
        position: unset;
        text-align: center;
    }

    .innovate-card {
        margin-bottom: 10px;
    }

    .innovate-cards {
        display: block;
    }

    .desk-img {
        display: none;
    }

    .mob-img {
        display: block;
    }

    .business-grow-heading h2 {
        max-width: 75%;
        margin: auto;
        margin-bottom: 30px;
    }

    .business-grow-heading {
        text-align: center;
        max-width: 92%;
        transform: translateY(56px);

    }

    .demo-btn {
        margin: unset;
        margin-bottom: 40px;
    }

    .innovation-desc {
        max-width: unset;
    }

    .catalyst-cards {
        display: block;

    }

    .catalyst-cards .cards {
        margin-bottom: 12px;
    }
}

/* @media only screen and (min-width: 1280px){
    .business-grow-heading{
        /* transform: translateY(14%); */
/* transform: unset;
        max-width: 42%;
    }
} */
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .business-grow-heading {
        transform: translateY(14%);
        /* transform: unset; */
        max-width: 42%;
    }
}

@media only screen and (max-width: 1680px) {
    .business-grow-heading {
        transform: translateY(14%);
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1360px) {
    .business-grow-heading {
        transform: unset;
        max-width: 42%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .business-grow-heading {
        position: unset;
        color: unset;
        max-width: 75%;
        margin: auto;
        text-align: center;
        transform: unset;
    }

    .business-grow-heading h2 {
        max-width: 73%;
        margin: auto;
        margin-bottom: 30px;
    }

    .explore-btn {
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .cards-heading {
        min-height: 128px;
    }

}

.hire-head {
    color: #1E1E1E;
    text-align: center;
    font-family: Inter;
    /* font-size: 48px; */
    font-style: normal;
    font-weight: 500;
    /* line-height: normal; */
    margin-bottom: 1%;
    font-size: 36px;
    line-height: 50px;

    @media(max-width:650px) {
        color: #000;
        text-align: center;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 5%;

    }
}

.hire-subhead {
    color: #505459;
    text-align: center;
    font-family: Inter;
    /* font-size: 20px; */
    font-style: normal;
    font-weight: 400;
    /* line-height: 26px; */
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 24px;

}

.card {
    display: flex;
    padding: 30px 20px 30px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid #CFEAF8;
    background: var(--background-gray, #F5F8FA);
    margin-bottom: 4%;

}

.card-title {
    color: #1E1E1E;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 1%;
    font-size: 22px;
}

.card-subtitle {
    color: #505459;
    font-family: Inter;
    /* font-size: 20px; */
    font-style: normal;
    font-weight: 400;
    /* line-height: 30px; */
    font-size: 16px;
    line-height: 24px;
}

.card-icons {
    display: flex;
    gap: 10%;
    width: 100%;
    position: relative;

    @media(max-width:650px) {
        margin-bottom: 20%;
    }
}

.card-cont {
    color: var(--Secondary, #073975);
    font-feature-settings: 'calt' off;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -.32px;
    ;


}

.learn-btn {
    display: flex;
    height: 44px;
    padding: 11px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #0176FF;
    color: white;
    position: absolute;
    right: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;

    @media(max-width:650px) {
        display: flex;
        width: 303px;
        height: 44px;
        padding: 11px 26px;
        justify-content: center;
        align-items: center;
        gap: 10px;

        margin-top: 60px;
        left: 50%;
        transform: translateX(-50%);
    }

}

.learn-btn:hover {
    background-color: #015bb5;
}

.learn-btn:active {
    background-color: #013f8e;
}

.load-btn {
    border-radius: 570px;
    background: var(--Primary, #0076ff);
    color: var(--White, #fff);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 14px 26px;
    margin: auto;
    display: block;
    cursor: pointer;
}

.load-btn:hover {
    background-color: #015bb5;
}

.load-btn:active {
    background-color: #013f8e;
}

.icon-wrap {
    display: flex;
    align-items: center;
    gap: 12%;
}

.extra-content {
    margin-top: 20px;
    padding: 15px 0;
    width: 100%;
    border-radius: 8px;

    @media(max-width:920px) {
        padding: 45px 0;
    }

    @media(max-width:650px) {
        padding: 45px 0;
    }
}

/* #extra-jobrole {
    display: none;
  } */

.jd-cont {
    position: relative;
}

.apply-btn {
    display: flex;
    height: 44px;
    padding: 11px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #0176FF;
    color: white;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;

    @media(max-width:920px) {
        bottom: -5%;
        height: 35px;
        padding: 8px 16px;
        font-size: 14px;
    }

    @media(max-width:650px) {
        bottom: -3%;
        height: 35px;
        padding: 8px 16px;
        font-size: 14px;
    }

}

.apply-btn:hover {
    background-color: #015bb5;
}

.-btn:active {
    background-color: #013f8e;
}

/* .icon-section-wrap{
    display: flex;
    flex-direction: column;
}     padding: 62px 0; */
/* .popup{
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    background: rgba(0, 0, 0, 0.2);
    top: 0px !important;
    transform: unset !important;
} */
.whatsapp-popup .popup-contaniner {
    border-radius: unset !important;

}

.popup-contaniner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
    cursor: pointer;
}

.popup-contaniner .close-btn {
    position: absolute;
    z-index: 20;
    top: 20px;
    right: 20px;
    font-size: 23px;
    color: #fff;
    background: #0176FF;
    border-radius: 100%;
    padding: 5px 12px;
    cursor: pointer;
}

@media(max-width:992px) {
    .popup-contaniner .close-btn {
        top: 5px;
        right: 5px;
        padding: 4px 8px;
        font-size: 18px;
    }

    .popup-contaniner img {
        vertical-align: bottom;
    }
}

/* ------about-us- starts here------------------------------------------------------------------------------- */

.ab-banr-head {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 40px;

     @media(max-width: 1680px) {
        color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 30px;
    } 

    @media(max-width:1440px){
        font-size: 40px
    }

    @media(max-width: 768px) {
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-bottom: unset;

    }
}

.ab-bnr-para {
    color: var(--Black, #000);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    /* text-align: center; */

    @media(max-width:1680px){
        color: var(--Black, #000);
        font-family: Inter;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 42px;
    }

    @media(max-width:1440px){
        font-size: 20px;
        line-height: 35px;
    }


    @media(max-width: 768px) {
        text-align: center;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

.ab-text-blue {
    color: #0076FF;
}

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

.pos-rel {
    position: relative;
}

.ab-bnr-cont {
    position: absolute;
    bottom: 145px;
    width: 784px;

    @media(max-width:768px) {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        bottom: 275px;
        left: 50%;
        transform: translatex(-50%);
    }
}

.mg-tp-70 {
    margin-top: 70px;
}

.blue-border {
    border-radius: 10px;
    border: 1px solid var(--Primary, #0076FF);
    background: #FFF;
}

.pd-tp-30px {
    padding-top: 30px;
}

.pd-bt-30{
    padding-bottom: 30px;
}

.pd-tp-20 {
    padding-top: 20px;
}

.cont-wrap {
    padding-top: 100px;

    @media(max-width:650px) {
        padding-top: 50px;
    }
}

.story-head {
    display: block;
    margin: auto;
    width: 70%;

    @media(max-width:1024px) {
        margin: unset;
        width: unset;
    }

    @media(max-width:994px) {
        margin: unset;
        width: unset;
    }

    @media(max-width:650px) {
        margin: unset;
        width: unset;
    }
}

.ab-section {
    width: 1920px;
    height: 800px;
}

.ab-container {
    width: 1676px;
    height: 600px;
}

.container-fluid-ab {
    max-width: 85%;
    margin: 0px auto;
    padding: 0 15px;
}

.ab-sec-title {
    color: #1E1E1E;
    text-align: center;
    font-family: Inter;
    /* font-size: 48px; */
    font-style: normal;
    /* font-weight: 700; */
    line-height: normal;
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 500;

    @media(max-width:1680px) {
       font-size: 42px;
    }

    @media(max-width:1440px){
        font-size: 36px
    }

    @media(max-width:650px) {
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.ab-sec-subtitle {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ab-sec-description {
    color: #505459;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 50px;

    @media(max-width:1440px){
        font-size: 16px
    }

    @media(max-width:650px) {
        text-align: center;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 30px;
    }
}

.ab-review-text {
    color: #FFF;
    font-family: Inter;
    font-size: 27.775px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.6%;

}

.ab-sec-blue-text {
    color: #0076FF;
    font-family: Inter;
    font-size: 55.161px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    @media(max-width:650px) {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        text-align: center;
    }
}

.flex-box {
    display: flex;
    gap: 16%;
    align-items: center;
    background: #F7F7F7;
    border-radius: 2.895px;
    padding-bottom: 25px;

    @media(max-width:1024px) {
        flex-direction: column;
    }

    @media(max-width:650px) {
        flex-direction: column;
    }

}

.flex-title {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 20px 0;

    @media(max-width:650px) {
        text-align: center;
        font-size: 20px;
    }
}

.flex-desc {
    color: #505459;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;

    /* 130% */
    @media(max-width:650px) {
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }
}

.pd {
    padding: 30px;
}

.growth {
    background: var(--background-accent, #F1F8FF);
}

.growth-flex {
    display: flex;
    flex-wrap: wrap;
    width: 33%;
}

.story-flex {
    display: flex;
    margin: 25px 100px 122px;
    gap: 16px;

    @media(max-width:650px) {
        flex-direction: column;
        margin: unset;

    }
}

.slider-body {
    display: flex;
    gap: 16px;
}

.slider-body .slick-slide {
    margin: 0 10px;
}


.slider-body {
  max-width: 60%;
  width: 100%;
  margin: auto;
  overflow: hidden;

  @media(max-width:1280px){
    max-width: 70%;
  }
}

.lead-slide {
    border-radius: 10px;
    background: var(--Primary, #0076FF);
}

.img-title {
    color: black;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.img-subtitle {
    color: black;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}

.margin-sec {
    margin: 0px 456px;

    @media(max-width:1680px) {
        margin: unset
    }

    @media(max-width:1024px) {
        margin: unset
    }


    @media(max-width:994px) {
        margin: unset
    }

    @media(max-width:650px) {
        margin: unset
    }
}

.team-frame-wrap {
    margin: auto;
    display: block;
}

.review-bluebox {
    margin: auto;
    display: block;
    width: 1121.974px;
    height: 491.107px;
    padding: 11.573px 11.573px 11.573px 69.438px;
    background: #0755b0;

    @media(max-width:1024px) {
        width: unset;
        height: unset
    }

    @media(max-width:994px) {
     
            padding-left: 40px;
            }
    
    @media(max-width:650px) {
        padding: unset;
        width: 100%;
        height: 583.011px;
    }
}

.grey-twin-boxes {
    position: relative;
    display: flex;
    gap: 53%;
    left: 17%;
}

.review-text {
    color: #FFF;
    font-family: Inter;
    font-size: 27.775px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.6%;
    /* 37.941px */

    @media(max-width:1680px) {
        font-size:28px;
   
    }
    @media(max-width:1440px) {
        font-size:18px;
   
    }

    @media(max-width:650px) {
      
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 136.6%;
        padding-inline: 20px;
   
    }
}

.review-title {
    color: var(--primary-white, #FFF);
    font-family: Inter;
    font-size: 18.517px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.review-subtitle {
    color: var(--accent-blue-light, #B9C8F3);
    font-family: Inter;
    font-size: 13.888px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-text{
    padding-top: 10px;

    @media(max-width:1024px){
        padding-bottom: 10px;
     }

 @media(max-width:650px){
    text-align: center;
 }
}

.blue-box-text {
    margin-right: 30%;
    margin-top: 10%;

    @media(max-width:1024px){      
        padding-bottom: 10px;  
}

    /* @media(max-width:1680px){      
        margin-top: 30%;  
        margin-right: unset;    
} */

    @media(max-width:650px){      
            margin-top: 15%;  
            margin-right: unset;    
    }
}

.star-div {
    position: absolute;
    top: 15%;
    left: -2%;

    @media(max-width:1024px) {
        top: 15%;
        left: -4%;
    }

    @media(max-width:994px) {
        left: -10%;
    }

    @media(max-width:650px) {
        top: 5%;
        left: 0%;
    }
}

.review-quotes {
    position: absolute;
    right: 15%;
    @media(max-width:650px){
      bottom: -3px;
    }
}



.review-slider:before {
    content: "";
    position: absolute;
    height: calc(100% + 50px);
    width: 200px;
    background: #b9c8f366;
    left: 5%;
    top: -5%;
    z-index: -2;  
}

.review-slider::after {
    content: "";
    position: absolute;
    height: calc(100% + 50px);
    width: 200px;
    background: #b9c8f366;
    right: 5%;
    top: -5%;
    z-index: -2;
}
/* ------------------------------pseud-class------------------------------ */

@media(max-width:1680px){
    .review-slider:before {
        content: "";
        position: absolute;
        height: calc(100% + 50px);
        width: 200px;
        background: #b9c8f366;
        left: -3%;
        top: -5%;
        z-index: -2;
         
    }
}


@media(max-width:1680px){
    .review-slider::after {
        content: "";
        position: absolute;
        height: calc(100% + 50px);
        width: 200px;
        background: #b9c8f366;
        right: -3%;
        top: -5%;
        z-index: -2;
    }
}

@media(max-width:1440px){
    .review-slider:before {
        content: "";
        position: absolute;
        height: calc(100% + 50px);
        width: 200px;
        background: #b9c8f366;
        left: -10%;
        top: -5%;
        z-index: -2;
         
    }
}


@media(max-width:1440px){
    .review-slider::after {
        content: "";
        position: absolute;
        height: calc(100% + 50px);
        width: 200px;
        background: #b9c8f366;
        right: -10%;
        top: -5%;
        z-index: -2;
    }
}




.review-photo {
    position: absolute;
    right: 12%;
    bottom: 30%;

    @media(max-width:1024px){
        right: 2%;
    }

    @media(max-width:994px){
        width: 150px;
    }
    @media(max-width:650px){
        bottom: 5%;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 150px;
    }
}

.container-rev-slider {
    max-width: 80%;
    margin: 0 auto;
    padding: 0 15px
}

@media(max-width:650px) {
    .review-slider:before {
        content: "";
        position: absolute;
        height: 90%;
        width: 200px;
        background: #b9c8f366;
        left: -19%;
        top: 30px;
        z-index: -2;
    }
}

@media(max-width:650px) {
    .review-slider:after {
        content: "";
        position: absolute;
        height: 90%;
        width: 200px;
        background: #b9c8f366;
        right: -19%;
        top: 5%;
        z-index: -2;
    }


}

.homepage-banner-absolute-image {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 89%;
}

.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.pd-bt-100{
padding-bottom: 100px;
}

.box-details{
    flex: 0 0 32%;
    min-height: 245px;
    border-radius: 20px;
    border: 1px solid #CFEAF8;
    background-color: #F5FBFF;
    padding-inline: 13px;
    padding: 20px;
    cursor: pointer;
}

.box-details:hover {
    background: #073975;
    color: white;
}

.linkedin-icon{
    position: absolute;
    right: 10px;
    top: 0;
    width: 25px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;

    @media(max-width:994px){
        width: 10px;
    }

    @media(max-width:650px){
        width: 35px;
    }

}

.linkedin-icon:hover {
    opacity: 0.7;
}

.box-desc{
color: #505459;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px; 
}

.box-desc:hover{
    color: #fff;
}

/* .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #D9D9D9;
}

.slick-active {
   
    color: #0176FF;

} */

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #0176FF;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------about-us-ends-here------------------------------------------------------------------------------- */