/*
Theme Name:Kasesync-child
Text Domain: 
Version: 10.5
Template:kasesync   
Description: 
Author: Grazitti Interactive
All files, unless otherwise stated, are released under the GNU General Public
License version 3.4 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
.row.main-team {
    row-gap: 20px;
}
.masters-realm-main img {
    margin-bottom: 15px;
}

.leader-main img {
    margin-bottom: 15px;
}
section.leadership-excellence {
    background-color: #021841;
}
section.leadership-excellence {
    padding: 4rem 0 4rem 0;
}
h2.leadership-excellence-heading {
    color: #ffffff;
    margin: auto;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
}
.leadership-excellence-inner {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-around;
    row-gap: 2rem;
    margin-top: 3rem;
}
.leader-main {
    text-align: center;
    margin: auto;
}
p.leader-name {
    margin: 0;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    text-align: center;
    color: #ffffff;
}
p.leader-position {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    margin: 0;
}
section.masters-realm {
    padding: 50px 0 52px 0;
}
h2.masters-realm-heading {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(46.19deg, #772380 -0.17%, #f95083 98.19%);
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
}
.masters-realm-main {
    text-align: center;
    margin: 0;
}

 
.single_post nav.custom_nav_bar {
    box-shadow: 0 0 4px grey;
}

.single_post nav.custom_nav_bar menu-item a {
    color: #333;
}

nav.custom_nav_bar.notfound {
    background: #04163D;
}

body.cookie_is_set nav.custom_nav_bar {
    margin-top: 0;
}

nav.custom_nav_bar.remove_space {
    margin-top: 0px !important;
}

a.cookies_link {
    margin: 0 3px;
}

nav.custom_nav_bar {
    margin-top: 32px;
}

.cookies_bar {
    align-items: center;
    width: 100%;
    font-size: 12px;
    color: #cfcfe8;
    background-color: #343c66;
    position: fixed;
    top: 0px !important;
    display: flex;
    justify-content: center;
    left: 0;
    padding: .7em 1.8em;
    z-index: 9999;
}

#btn_cookies {
    color: #fff;
    background-color: #f71559;
    padding: 3px 10px 2px;
    cursor: pointer;
    margin: 0 0 0 7px;
    font-size: .9em;
    min-width: 70px;
    border: none;
}

.footer-link li, li#block-11, li#block-8 {
    list-style-type: none
}

#searchbox, #slideout-menu {
    transition: .4s;
    pointer-events: none
}

i.fa.fa-angle-down.space {
    font-size: 14px;
}

.salesforce-link, .usecase-form a, a.grazitti-link, a:hover {
    text-decoration: underline
}

html {
    scroll-behavior: smooth
}

body, div, footer, h1, h2, h3, h4, h5, h6, header, nav, p, span {
    font-family: Inter, sans-serif
}

.mov-partical {
    position: relative !important;
    -webkit-animation: 2s ease-in-out infinite alternate glide
}

.bannerbackground, .facets-slider .carousel-wrap, .waves-cont, nav ul .menu-item {
    position: relative
}

@-webkit-keyframes glide {
    from {
        left: 0;
        top: 0
    }

    to {
        left: 0;
        top: 20px
    }
}

.inner-bg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: inherit;
    padding: 8rem 0 4rem 0;
}



.breadcrumb-list li {
    list-style: none;
    padding-right: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

ul.breadcrumb-list li a {
    color: #ccc;
    text-decoration: none
}

.breadcrum-right {
    padding-left: 16px;
    font-size: 15px !important;
    color: #ccc;
    vertical-align: middle
}

.inner-bannerHeading {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    padding-top: 50px
}

.git-form .marketoForm-section .mktoGutter.mktoHasWidth, .git-form .mktoOffset, .icon-container img:nth-child(2), .icon-container:hover img:first-child, .key-facets-carousel .card .white_icon, .key-facets-carousel .card:hover .pink_icon, .marketoForm-section .mktoFormRow .mktoFieldDescriptor .mktoOffset, .marketoForm-section .mktoGutter.mktoHasWidth, .marketoForm-section.mktoGutter.mktoHasWidth, .modal-backdrop, .normal-box .white-icon, .resource-menu .sub-menu li a:after, .result_hover.normal-box .colored-icon, nav.custom_nav_bar li.menu-item.current-menu-item.contactus a:after {
    display: none
}

nav.custom_nav_bar li.menu-item.current-menu-item a:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    background: linear-gradient(50.53deg, #662d80 -.16%, #bf0180 44.69%, #ec3d82 89.76%);
    border-radius: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px
}

.usecase-right-img.thanku_img {
    bottom: 24px;
    width: 430px
}

.waves-cont {
    width: 100%;
    height: 75vh;
    background: #04163d;
    overflow: hidden
}

.waves-cont .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(/wp-content/uploads/2022/09/wave-bg.png) 0 0/1000px 100px
}

.waves-cont .wave.wave1 {
    animation: 30s linear infinite animate;
    z-index: 99;
    opacity: 1;
    bottom: 0
}

.waves-cont .wave.wave2 {
    animation: 15s linear -5s infinite animate2;
    z-index: 98;
    opacity: .5;
    bottom: 10px
}

.waves-cont .wave.wave3 {
    animation: 30s linear 2s infinite animate3;
    z-index: 97;
    opacity: .2;
    bottom: 15px
}

.waves-cont .wave.wave4 {
    animation: 5s linear -5s infinite animate2;
    z-index: 96;
    opacity: .7;
    bottom: 10px
}

@keyframes animate {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: 1000px
    }
}

@keyframes animate2 {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: -1000px
    }
}

section.what-is-form-secion {
    padding: 60px 0;
    background-color: #f2f7ff
}

button:focus, facets-slider button:focus {
    outline: 0
}

.head-center {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 5rem;
    padding-top: 0
}

.card-body.kase-tab-body .col-md-5 .feature-tab-img {
    display: flex;
    justify-content: right;
    align-items: center
}

.valuablecustomers .carousel-wrap {
    max-width: 88%;
    margin: 0 auto
}

.btn.contactus a:hover:before {
    border: 2px solid #df2981;
    animation: 1s infinite pulso
}

.btn.contactus a {
    display: flex;
    align-items: center;
    overflow: hidden
}

.btn.contactus a:before {
    border: 2px solid #fff;
    content: "";
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block;
    animation: 1s infinite pulsodif
}

@keyframes pulso {
    0% {
        box-shadow: 0 0 0 0 rgba(223, 41, 129, .8)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(223, 41, 129, 0)
    }
}

@keyframes pulsodif {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 225, 255, .8)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(225, 225, 255, 0)
    }
}

.about-content p, .blchange, .key-facets-carousel .card:hover p.card-title, div#menu-icon i.fa.fa-bars, section.who-we-are .result_hover h5, section.who-we-are .result_hover p {
    color: #fff
}

nav.custom_nav_bar.is-sticky div#menu-icon i.fa.fa-bars, nav.custom_nav_bar.is-sticky li.menu-item a {
    color: #333
}

.clients-div, .custom-logo-link, .versatile-div {
    padding-left: 0
}

.footer-link ul, .social-icons ul, a.logo-padset {
    padding: 0;
    margin: 0
}

.nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px !important;
}

.client-words i.fa.fa-quote-left.color-pink {
    color: #f95083;
    font-size: 42px;
    width: 30px;
    height: 33px
}

section.what-is-form-secion h2 {
    text-align: center;
    background: linear-gradient(46.19deg, #772380 -.17%, #f95083 98.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pulse:focus, .pulse:hover {
    -webkit-animation: 1s pulse;
    animation: 1s pulse;
    box-shadow: 0 0 0 2em transparent
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover)
    }
}

.pulse {
    --color: #ef6eae;
    --hover: #ef8f6e
}

.usecase-right-img {
    position: absolute;
    left: 100%;
    bottom: 51px;
    width: 636px;
    margin-left: 30px
}

section.what-is-form-secion button.btn.btn-info.submit-btn-color {
    border: 1px solid #367a59;
    background: #f0fff1 !important;
    color: #0f6938 !important;
    font-weight: 500;
    padding: 8px 32px;
    font-size: 16px
}

#mktoForm_6737 input[type=checkbox]+label:before, #mktoForm_6737 input[type=radio]+label:before {
    border: 2px solid #ca1c84
}

.usecase-form a {
    color: #ff5783 !important
}

p.whatis-kasesync-sub-heading {
    font-size: 20px;
    text-align: center;
    color: #333;
    font-weight: 400;
    margin-bottom: 30px
}

.bannerbackground .waves-cont, .valuablecustomers .item {
    height: 100%
}

.valuablecustomers .item img {
    max-width: 100%;
    height: 100%
}

.Customers-carousel .owl-stage {
    display: flex
}

.footer-left span a, .footer-right ul li a:hover, .footer-social ul li a:hover, .sync-resource a.no-underline, nav.custom_nav_bar li.menu-item a {
    text-decoration: none
}

nav.custom_nav_bar .btn.contactus a {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #df2981;
    color: #fff !important;
    padding: 12px 25px 10px;
    background: linear-gradient(69.32deg, #df2981 14.07%, #ff5783 85.01%);
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    border-radius: 30px
}

.btn.schedule-btn:hover, button#crm_btn:hover, nav.custom_nav_bar .btn.contactus a:hover {
    background: #fff;
    border: 1px solid #df2981;
    color: #df2981 !important
}

.facets-slider [type=reset], .facets-slider [type=submit], [type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
}

li.resource-menu:hover>.sub-menu li {
    padding: 4px 0 !important;
    margin: 10px 0 !important;
}

.footer-last.footerset .row {
    justify-content: space-between;
    align-items: flex-start;
}

li.resource-menu:hover>.sub-menu li.current-menu-item a, li.resource-menu:hover>.sub-menu li:hover a, nav.custom_nav_bar span {
    color: #fff !important;
}

li.resource-menu:hover>.sub-menu li:hover {
    background: linear-gradient(91.65deg, #d4088c -8.2%, #ff5783 93.18%);
    cursor: pointer
}

li.resource-menu:hover>.sub-menu li.current-menu-item {
    background: #df2981;
    margin: 0
}
.frame-img-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 14px;
}

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

.frame-img a {
    height: auto;
}

nav.custom_nav_bar li.menu-item a:hover {
    color: #df2981 !important
}

.salesforce-link:hover, a.grazitti-link:hover {
    text-decoration: none;
    color: #fff
}

.salesforce-link {
    color: #fff;
    text-decoration: none;
}

.resource-menu .sub-menu {
    width: 174px;
    box-shadow: 0 0 10px #000;
    background: #fff;
    line-height: 40px;
    font-weight: 600
}

li.resource-menu>.sub-menu li {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px
}

nav.custom_nav_bar li.menu-item.current-menu-item a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%
}

.contactus.btn {
    background-image: none;
    padding: unset
}

.what-is-form-secion h2, section.parter-sec .partner-first-col .title-div h2 {
    color: #000;
    font-size: 40px;
    font-weight: 600
}

.outer-heading span {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.outer-heading p {
    font-size: 16px;
    color: #000;
    font-weight: 400
}

.what-is-form-secion .col-12 {
    max-width: 1000px;
    margin: 0 auto
}

section.what-is-form-secion .form-control {
    border: 1px solid #b7b7b7;
    height: 48px
}

section.what-is-form-secion button.btn.btn-info {
    background: linear-gradient(69.32deg, #df2981 14.07%, #ff5783 85.01%);
    border-radius: 30px;
    padding: 8px 80px;
    height: 47px;
    display: block;
    margin: 10px auto 0;
    font-size: 16px;
    font-weight: 500
}

section.what-is-form-secion .outer-heading {
    text-align: center;
    padding: 20px 40px 14px;
    background: #f9f9f9;
    border-bottom: 2px solid #ececec;
    border-radius: 8px 8px 0 0
}

.sec-with-border {
    border-left: 2px solid #113984;
    padding-left: 45px;
    height: 693px
}

.sec-with-border::after {
    content: '';
    height: 22px;
    width: 23px;
    background: #f2f7ff;
    border: 2px solid #113984;
    border-bottom-color: #f2f7ff;
    border-right-color: #f2f7ff;
    display: block;
    position: absolute;
    top: 44%;
    left: -13px;
    transform: rotate(134deg)
}

.example-txt span {
    color: #344054;
    padding: 6px 10px;
    margin: 3px;
    font-weight: 400;
    background: #fff;
    box-shadow: 0 0 4px -2px rgb(242 244 247 / 3%), 0 4px 5px -2px rgb(16 24 40 / 3%);
    border-radius: 8px;
    font-size: 12px
}

.about-footer, .footer-bottom-last, section.parter-sec {
    background-repeat: no-repeat;
    background-size: cover
}

.example-txt {
    margin-top: 16px
}

.what-is-form-secion .form_div {
    padding: 40px 40px 30px;
    background: #fff;
    box-shadow: 0 4px 4px -2px rgb(0 0 0 / 6%), 0 4px 8px -2px rgb(16 24 40 / 10%);
    border-radius: 8px
}

.key-facets-carousel .card:hover {
    background: linear-gradient(50.53deg, #37006e -.16%, #720074 44.69%, #b2007b 89.76%);
    border: 1px solid #772380
}

.customer-love .customer_cont {
    background-color: #021841;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 10px 0 0 10px;
    padding-left: 35px;
    min-height: 341px
}

.custom-green-star {
    color: #fff;
    background-color: #27ae60;
    width: 16px;
    height: 16px;
    line-height: 16px !important;
    border-radius: 4px;
    margin: 0 3px;
    font-size: 10px !important
}

.customer-love, footer, section.sync-resource {
    background-color: #f2f7ff
}

.clients-star {
    display: block;
    text-align: center;
    padding: 16px 0
}

span.clients-compant {
    text-align: center;
    display: block;
    color: #333
}

.customer-love {
    padding: 53px 0 156px
}

.customer-love .customer_des {
    background-color: #fff;
    padding: 40px 20px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.customer-love .customer_des .client-img-width {
    width: 120px;
    margin: 0 auto;
    padding-bottom: 16px
}

.customer-love .clients-name {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.customer-love .customer_des span.clients-position {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: center;
    display: block
}

.client-words {
    font-size: 20px;
    font-weight: 400
}

section.sync-resource h2 {
    color: #1e282d;
    font-weight: 700;
    font-size: 42px;
    padding-bottom: 16px
}

section.sync-resource .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important
}

section.sync-resource .card-title {
    margin-bottom: .75rem;
    color: #1e282d;
    font-size: 24px;
    font-weight: 500
}

.sync-resource span.cat_font {
    color: #a3a3a3;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 16px
}

span.read-more {
    font-size: 16px;
    color: #bf0180;
    font-weight: 400;
    margin-top: auto
}

section.sync-resource {
    padding: 145px 0 38px
}

section.sync-resource .card.rc-card {
    border: none;
    background: #fff;
    cursor: pointer;
    height: 100%
}

.nav-tabs .nav-link.active::after {
    content: '';
    height: calc(100% + 30px);
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -22px;
    z-index: 0;
    border: 2px solid #bf0180;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.kase-tab-ul .nav-tabs li.nav-item:first-child {
    margin-left: 0
}

.kase-tab-ul .nav-tabs li.nav-item:last-child {
    margin-right: 0
}

.kase-tab-ul li.nav-item a:hover {
    color: #000;
    text-decoration: none
}

section.KaseSync-benefits .card-header {
    padding: 0
}

section.KaseSync-benefits {
    background-color: #f2f7ff;
    padding: 53px 0 60px
}

section.KaseSync-benefits h2 {
    color: #1e282d;
    font-weight: 600;
    font-size: 42px;
    text-align: center
}

section.KaseSync-benefits p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 35px;
    text-align: center
}

.KaseSync-benefits .card-header:first-child {
    border-radius: 0;
    background-color: transparent;
    border-bottom: none
}

.card-body.kase-tab-body {
    background-color: #fff;
    padding: 30px 35px;
    border: 2px solid #bf0180;
    border-radius: 0 0 10px 10px
}

.card-body.kase-tab-body p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-align: left
}

.nav-tabs .nav-link.active span {
    color: #000;
    z-index: 33;
    position: absolute;
    transition: .35s;
    width: 100%;
    font-size: 14px;
    right: 0;
    font-weight: 600;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.kase-tab-ul .nav-tabs .nav-item {
    flex: 1;
    position: relative;
    flex: 1;
    background-color: #fff;
    margin: 10px 10px 20px;
    text-align: center;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.learn_more {
    display: none;
    font-size: 14px;
    font-weight: 600
}

.font-16, .we-are-sub {
    font-size: 16px
}

.key-facets-carousel .card:hover .learn_more {
    display: block;
    color: #fff;
    text-decoration: none;
    padding-top: 26px
}

section.KaseSync-benefits .card {
    border: none;
    background-color: transparent
}

.facets-slider {
    background-color: #021841;
    padding: 53px 0 60px
}

.facets-slider .key-facets-carousel {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 16px
}

.kase-tab-ul .nav-tabs {
    border-bottom: none
}

.key-facets-carousel .card {
    background-color: #f6f6f6;
    padding: 30px 14px;
    border-radius: 10px;
    text-align: center;
    border: none
}

.main-wrapper.normal-box.result_hover, .pinkbar:after {
    background: linear-gradient(50.53deg, #662d80 -.16%, #bf0180 44.69%, #ec3d82 89.76%)
}

.facets-slider h2 {
    padding-bottom: 52px
}

.facets-slider .key-facets-carousel .item img {
    width: 50px;
    height: 50px
}

.key-facets-carousel .card .pink_icon, .key-facets-carousel .card:hover .white_icon, .result_hover.normal-box .white-icon, ul.sub-menu li a {
    display: block
}

section.parter-sec .main-wrapper .card:hover {
    transform: scale(1.1)
}

.facets-slider .key-facets-carousel .card-title {
    margin-bottom: 0;
    font-size: 20px;
    color: #1e282d;
    padding-top: 32px;
    font-weight: 700
}

.about-footer {
    background-image: url(/cartiveo/wp-content/uploads/2020/06/footer-image.jpg);
    margin-bottom: 0;
    background-color: #110f10;
    background-position: center
}

section.who-we-are {
    padding: 60px 0 40px;
    background-color: #021841
}

section.who-we-are .main-wrapper {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 34px;
    margin-bottom: 20px
}

.triangle-pink-bg {
    display: flex;
    justify-content: end;
    align-items: center
}

.gray-dot-bg img {
    left: 2%;
    top: -34px
}

.triangle-pink-bg img {
    top: -61px;
    opacity: 74%
}

.we-are-sub {
    text-align: left;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.Schedulebtn, .btn, nav a {
    line-height: 22px
}

.first-col, section.parter-sec .partner-first-col {
    justify-content: start;
    align-items: center;
    display: flex
}

.about-footer h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 32px
}

.title-div h2 {
    color: #fff;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 42px
}

.title-div p {
    text-align: left;
    color: #fff
}

section.who-we-are .main-wrapper p {
    color: #1e282d;
    margin-bottom: 0
}

.footer-toggle h2 {
    margin-bottom: 1.5rem
}

.arrows-down, .arrows-up {
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin-left: -16px;
    top: 2px;
    z-index: 101;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.arrows-up {
    position: relative;
    top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.font-size-40 {
    font-size: 40px
}

.arrows-down::before, .arrows-up::before {
    content: '';
    width: 16px;
    height: 16px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fafafa;
    display: block;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.icon-40 {
    height: 40px;
    width: 40px
}

.arrows-up::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-left: 48%;
    margin-top: -20px
}

.footer-toggle {
    display: none;
    padding: 1.5rem 0
}

.footer-btn, .footer-btn:hover {
    text-decoration: none;
    color: #e8a119
}

.f-div, .fb-icon, .footer-btn, .instagram-icon, .linkedin-icon, .pin-icon, .twitter-icon, .wordpress-icon, .youtube-icon {
    float: left
}

.footer-video video {
    max-width: 100%
}

video[poster] {
    height: 100%;
    width: 100%
}

.usecase-form .mktoFormRow .mktoFormCol, .usecase-form .mktoFormRow .mktoFormCol .mktoFieldWrap {
    float: none
}

.usecase-form .mktoFormRow .mktoFormCol .mktoFieldWrap input#Email, .usecase-form .mktoFormRow .mktoFormCol .mktoFieldWrap select#Country, .usecase-form .mktoFormRow .mktoFormCol .mktoFieldWrap textarea#commentCapture {
    width: 100% !important;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
    border: 1px solid #bf0180;
    color: #333;
    display: block
}

.usecase-form-wrapper {
    max-width: 40%;
    background-color: #fff;
    border: 2px solid #d4088c;
    border-radius: 10px;
    padding: 27px 15px 30px;
    margin-left: 4%;
    position: relative
}

.customer-love-circle {
    position: absolute;
    top: 168px;
    right: 18px;
    opacity: .3
}

#searchbox, #slideout-menu, .demo-modal, nav {
    position: fixed
}

.customer-love h2 {
    font-size: 40px;
    font-weight: 600;
    color: #1e282d;
    margin-bottom: 0
}

.customer-love h5 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 16px 0
}

.footer-bottom-last {
    width: 100%;
    background : #001132 !important;
    padding-top: 42px;
}
.pinkbar:after {
    content: "";
    position: absolute;
    width: 37px;
    height: 2px;
    left: 14px;
    top: 22%;
    border-radius: 1px
}

.footer-sync-logo {
    text-align: center;
    padding-bottom: 18px
}

.git-form .mktoButtonRow, .git-form .mktoFieldDescriptor.mktoFormCol, .git-form .mktoFieldWrap, .git-form .mktoFieldWrap.mktoRequiredField, .git-form span.mktoButtonWrap.mktoSimple, .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol {
    width: 100%
}

.marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label#LblemailOptInBoolean {
    width: 100% !important;
    display: flex;
    order: 1
}

.git-form .mktoFormRow:nth-child(13) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap, .marketoForm-section .mktoFormRow:nth-child(11) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
    display: flex;
    flex-direction: row-reverse
}

.marketoForm-section .mktoFormRow:nth-child(11) label#LblconsenttoProcessing {
    width: auto !important
}

.git-form .mktoFormRow:nth-child(15) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
    display: flex !important;
    width: 100% !important;
    flex-direction: row-reverse
}

.git-form .mktoFormRow:nth-child(14) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap .mktoLabel.mktoHasWidth, .git-form .mktoFormRow:nth-child(15) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap .mktoLabel.mktoHasWidth {
    width: auto !important;
    font-family: Inter;
    color: #858585;
    font-size: 14px;
    line-height: 20px
}

.footer-bottom-last .footer-last {
    margin-bottom: 30px;
    padding: 20px 0 0;
    width: 100%;
    float: left;
    border-top: 1px solid #0e3275
}

.footer-bottom-last .footer-first {
    vertical-align: top;
    width: 25%
}

.footer-bottom-last h6 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px
}

.footer-bottom-last .footer-social>ul {
    margin-top: 4px;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.git-form input#emailOptInBoolean, li#block-8 {
    margin-top: 5px
}

.fb-icon {
    background-position: -156px -190px
}

.client-expert, .client-img, .client-platform, .footer-bottom-last .footer-rightBottom .footer-right ul li, .footer-social-bg {
    background-image: url(/wp-content/uploads/2022/11/footer-sprite.png)
}

.twitter-icon {
    background-position: -58px -190px
}

.gplus-icon {
    background-position: -204px -190px
}

.linkedin-icon {
    background-position: -9px -239px
}

.pin-icon {
    background-position: -8px -190px
}

.youtube-icon {
    background-position: -57px -239px
}

.wordpress-icon {
    background-position: -107px -190px
}

.instagram-icon {
    background-position: -107px -239px
}

.divider-border {
    width: 98%;
    float: left;
    height: 1px;
    background: #bcc1c5;
    margin: 15px 0;
    display: block
}

.country-branch span a, .country-branch span a i, .dp-copyrights-text, .footer-left .m-number i, .footer_phn, .india-branch span, .india-branch span a, .m-email a, .m-email i {
    font-size: 12px;
    color: #bcc1c5
}

.footer-bottom-last .footer-link ul {
    margin-bottom: 0;
    margin-top: 5px
}

.footer-link ul li {
    list-style: none;
    display: inline-block
}

.footer-link ul li a, .footer_phn {
    color: #bcc1c5;
    text-decoration: none
}

.footer-link ul li a, .social-icons p {
    font-size: 14px;
    color: #fff;
    margin: 5px 0 0;
    line-height: 21px
}

.footer-bottom-last .footer-second {
    margin-left: 0;
    width: 42%;
    padding: 0 36px
}

.country-branch .ind-add, .footer-left label {
    font-weight: 400;
    font-size: 15px;
    color: #fff
}

.india-branch {
    margin-bottom: 0
}

.india-branch span {
    font-size: 12px;
    line-height: 24px
}

.ind-add {
    width: 115px;
    float: left
}

.m-number {
    width: 140px;
    float: left
}

.country-branch {
    margin-bottom: 4px
}

.footer-bottom-last .footer-rightBottom {
    width: 36%;
    float: right
}

.footer-bottom-last .footer-rightBottom .footer-right ul li {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    height: 81px;
    margin: 3px 2.6px;
    clear: both
}

.footer-right ul li:first-child, .pims-img {
    background-position: -160px -110px
}

.ISO-img, .footer-right ul li:nth-child(2) {
    background-position: -160px -10px
}

.footer-right ul li:nth-child(3), .ssae-img {
    background-position: -10px -10px
}

.footer-right ul li:nth-child(4), .hipaa-img {
    background-position: -10px -110px
}

.footer-cert-links {
    width: 100%;
    height: 100%;
    float: left
}

.container.postion-absolute.head-center, .footer-bottom-last .f-footer-link {
    margin-top: 0
}

.footer-bottom-last .footer-right ul {
    padding: 0;
    text-align: left
}

.footer-left label {
    margin-bottom: 1.75rem
}
span.footer-nav-heading {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px;
}
ul.social-media-nav {
    display: flex;
    column-gap: 5px;
}
.gz-mkto-col .mktoFormRow .mktoFormCol:nth-child(2), .social-links-box ul.social-media-nav, section#recent-posts-2 ul {
    padding: 0;
}
.color-white, .color-white h2, .navbar-dark.home-navbar.menu_with_bgcolor .nav-item .nav-link:hover, nav.navbar.navbar_custom .navbar-nav li.salesforce_contact_us.nav-item.custom_current_menu_item a.nav-link, ul.social-media-nav li a i {
    color: #fff!important;
}
ul.social-media-nav li i {
    border: 2px solid #fff;
    padding: 7px;
    border-radius: 5px;
    width: 45px;
    font-size: 22px;
    text-align: center;
}
.main-ksync-logo{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
}
.fa-brands, .fab {
    font-weight: 400;
}
.col-lg-6.col-md-6.col-sm-6.pl-0.saleforce-kasycn {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
       padding-right: 0px;
}
.follow-us-on-icons {
    padding-left: 15px;

}
p.about-us-text {
    margin-top: 8px;
}
.logos-new-kasynce img {
    height: fit-content;
}
.logos-new-kasynce {
    display: flex;
    gap: 10px;
}
.social-media-nav li:nth-child(4) a i:before {
    position: unset;
}
.fa-youtube:before {
    content: "\f167";
 
}
.fa-x-twitter:before {
    content: "\e61b";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
ul.social-media-nav li {
    display: flex;
    gap: 5px;
}
.follow-us {
    display: flex;
    justify-content: space-between;
}
.footer-last.footerset {
  
    flex-direction: row;
    justify-content: space-between
}

ul.inline-block.inlinegridset {
    display: inline-grid
}

.inlinegridset li, .resource-menu .sub-menu a {
    font-size: 14px !important
}

.resource-menu ul.sub-menu li a, nav.custom_nav_bar.is-sticky span {
    color: #000 !important
}

.resource-menu span {
    vertical-align: middle !important
}

.resource-menu .sub-menu {
    padding: .5rem 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    height: auto !important
}

.close, a {
    color: #000
}

.close, .plateformModal .close {
    font-size: 31px;
    text-align: right
}

li.resource-menu:hover>.sub-menu {
    display: block !important
}

.bannerbackground .wave {
    margin-top: 9rem;
}

li.resource-menu span i:before {
    position: absolute;
    top: 42%;
    left: 97%;
}

li.resource-menui.fa.fa-angle-down.space {
    font-size: 10px;
}

i.fa.fa-angle-down.space {
    font-size: 10px;
}

nav.custom_nav_bar .menu-main-menu-container .menu li a {
    padding: 0px 7px 0px 25px !important;
}

li.pulse.btn.contactus.menu-item-object-custom a {
    padding: 10px 20px !important;
}

li.pulse.btn.contactus {
    padding-left: 20px;
}
/* tag style */
.featurebackground.inner-bg .post-heading h1 {
    color: white;
    font-size: 30px;
    line-height: 46px;
}
.post-heading ul {
    color: white;
}
.post-heading li {
    margin-bottom: 6px;
}

@media only screen and (max-width:1190px) {
    li.resource-menu span i:before {
        position: unset;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .custom_nav_bar #logo-img {
        width: 220px;
    }

    nav.custom_nav_bar .menu-main-menu-container .menu li a {
        padding: 0px 9px 0px 10px !important;
    }

    li.pulse.btn.contactus.menu-item-object-custom a {
        padding: 10px 10px !important;
    }

    li.pulse.btn.contactus {
        padding-left: 5px;
    }
}

@media (min-width:992px) {
    .resource-menu .sub-menu {
        position: absolute
    }

    .resource-menu a {
        padding-right: 6px !important
    }
}

@media (max-width:992px) {
    li.resource-menu:hover>.sub-menu {
        display: none !important
    }

    li.resource-menu:hover>.sub-menu.show {
        display: block !important
    }

    .resource-menu span {
        position: absolute;
        right: 0
    }

    .sub-menu {
        float: none !important
    }

    ul.sub-menu.show {
        color: #fff;
        text-align: center
    }

    ul.sub-menu.show li a {
        color: #fff !important
    }

    .resource-menu .sub-menu {
        background-color: #df2981
    }

    #slideout-menu ul {
        margin: .5rem auto 0
    }
}

.footer-bottom-last ul li {
    color: #fff;
    cursor: pointer
}

.footer-bottom-last ul li a:hover, .footer-bottom-last ul li:hover, .plateformModal button.close {
    color: #ca1c84
}

span.mktoButtonWrap.mktoSimple {
    font-family: Inter
}

.demopopup.myBtn, .frame-img {
    cursor: pointer
}

.card-columns .card {
    margin-bottom: 1.25rem
}

.git-form .mktoFormRow:nth-child(14) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
    display: flex;
    flex-direction: row-reverse;
    width: auto
}

.git-form form#mktoForm_6736, .marketoForm-section .mktoFormRow, .marketoForm-section form#mktoForm_6737 {
    width: 100% !important
}

.git-form input#Company, .git-form input#Email, .git-form input#Phone, .git-form input#fullNameEditable, .git-form select#Country {
    width: 100% !important;
    height: 49px;
    border: 1px solid #ececec;
    border-radius: 2px;
    padding: 10px
}

.git-form .mktoFormRow:nth-child(12) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
    display: flex;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap
}

.git-form .mktoFormRow:nth-child(12) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField label#LblemailOptInBoolean {
    width: auto !important;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #858585
}

.git-form .mktoFormRow:nth-child(13) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label {
    width: auto !important;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #858585;
    font-family: Inter
}

.git-form .mktoFormRow:nth-child(13) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap .mktoError {
    bottom: 0 !important
}

.git-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-color: #ff5783 !important;
    border-radius: 100px !important;
    color: #f8f9fa !important;
    font-size: 16px !important;
    line-height: 22px;
    border: none !important;
    padding: 12px 70px !important;
    margin-top: 20px;
    margin-bottom: 38px;
    background-image: none !important;
    width: 100%
}

.facets-slider .owl-nav .owl-next, .facets-slider .owl-nav button.owl-prev {
    right: -64px;
    position: absolute !important;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.git-form span.mktoButtonWrap.mktoSimple {
    margin-left: auto !important
}

.git-form .mktoAsterix, .marketoForm-section .mktoAsterix {
    display: none !important
}

.git-form form#mktoForm_6736 ::placeholder {
    color: #b4b4b4
}

.git-form form#mktoForm_6736.mktoForm .mktoField {
    color: #b4b4b4;
    font-size: 14px;
    line-height: 70px !important;
    font-family: Inter;
    margin-top: 4px
}

.git-left-img-div.gzz .texthedd {
    color: #333;
    font-size: 35px;
    line-height: 48px;
    font-family: Inter
}

.gzz h3.bluebar.texthedd:after {
    margin-top: -12px
}

.demo-modal {
    display: none;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .9);
    padding-bottom: 100px
}

.facets-slider .owl-nav button {
    top: 50%;
    transform: translateY(-50%)
}

.facets-slider .owl-nav button.owl-prev {
    left: -64px !important;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.facets-slider i.fa.fa-angle-left {
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
    padding-top: 2px
}

.main-wrapper.normal-box.result_hover {
    box-shadow: 0 4px 20px rgb(202 28 132 / 25%);
    color: #fff
}

.facets-slider .owl-nav .owl-next {
    background-color: transparent;
    border: 2px solid #fff
}

.facets-slider .owl-nav .owl-next i {
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
    padding-top: 3px;
    padding-left: 3px
}

.facets-sliderr .owl-navv {
    position: absolute;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    margin-top: auto;
    margin-bottom: auto;
    box-shadow: -2px 1px 10px #bdbdbd;
    top: calc(50% - 20px);
    cursor: pointer
}

.demo-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 556px;
    border-radius: 22px
}

.Schedulebtn, .btn {
    border-radius: 100px
}

.close {
    font-weight: 700
}

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

.htmladdclassletactive {
    overflow-y: hidden
}

.git-form form#mktoForm_6736.mktoForm input, select:focus-visible {
    outline: 0
}

#searchbox {
    right: 0;
    top: 24px;
    width: 500px;
    z-index: 50
}

#searchbox input {
    height: 48px;
    width: 100%
}

.blog-main-container h3 {
    font-size: 24px;
    font-weight: 400
}

.menu.vasu {
    margin-right: 70px
}

.footer-link li {
    line-height: 32px
}

.lowerborder {
    width: 100%;
    background-color: #0e3275;
    height: 1px;
    margin-bottom: 12px
}

.copyright span {
    font-size: 14px;
    line-height: 38.25px;
    font-weight: 400
}

#logo-img a:hover {
    background-color: none;
    background-image: none;
    box-shadow: none
}

a {
    text-decoration: none
}

.active {
    color: #f783ae
}

nav {
    height: 82px;
    background: 0 0;
    width: 100%;
    margin: 0;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
    z-index: 100
}

nav a {
    padding: 0 12px;
    color: #fff;
    transition: .4s;
    font-size: 14px
}

nav.custom_nav_bar.is-sticky {
    background-color: #fff
}

.btn {
    text-decoration: none;
    font-size: 18px;
    color: #fff !important;
    background-image: linear-gradient(to right, #df2981, #ff5783);
    padding: 9px 13px
}

a.btn.schedule-btn {
    padding: 12px 26px;
    font-weight: 700;
    font-size: 18px
}

menu-item a {
    padding: 8px 40px
}

.dot-bg {
    right: -6%;
    top: 24rem
}

nav ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    height: 100%
}

.custom_nav_bar #logo-img {
    width: 300px;
}

#logo-img img {
    max-width: 100%;
}

.card-body.kase-tab-body .fade.show {
    opacity: 1;
    transition: 1s;
    animation-timing-function: linear
}

#menu-icon {
    height: 100%;
    font-size: 28px;
    padding: 0 4px;
    color: #eee;
    align-items: center;
    display: none
}

#search-icon {
    color: #000;
    padding: 22px 32px;
    cursor: pointer;
    transition: .4s
}

ul#menu-main-menu li a {
    line-height: 19px;
    padding: 12px 24px 10px;
    font-size: 16px
}

#search-icon:hover {
    color: red
}

#slideout-menu {
    display: none;
    background: #fff;
    z-index: 100;
    margin-top: 72px;
    width: 100%;
    text-align: center;
    opacity: 0;
    padding-top: 20px
}

#slideout-menu ul {
    list-style: none;
    padding: 0 32px
}

#slideout-menu ul li {
    padding: 8px
}

#slideout-menu a {
    font-size: 20px;
    color: #2d3436
}

#slideout-menu a:hover {
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    background-image: linear-gradient(to right, #662d80, #c30080, #ff5783);
    padding-top: 6px;
    padding-bottom: 8px
}

#slideout-menu input {
    width: 85%;
    padding: 8px;
    font-size: 20px;
    text-align: center
}

.keyFacets {
    margin-top: 70px !important
}

.topbtset {
    padding-top: 68px !important
}

.keyBenefits {
    margin-top: 60px !important
}

@media(max-width:900px) {
    .logo-padset {
        margin-left: 0
    }

    #searchbox, nav ul {
        display: none
    }

    #menu-icon {
        display: flex;
        color: #12161f
    }

    #slideout-menu {
        display: block
    }
}

.Schedulebtn {
    font-size: 16px;
    background: #f94e83;
    border: none;
    padding: 10px 25px;
    margin-top: 24px !important;
    font-weight: 600;
    font-family: Inter
}

p.subContent {
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400
}

.bannerHeading {
    font-weight: 600;
    font-size: 43px;
    line-height: 62.4px;
    font-style: normal;
    font-family: INTER
}

.keyHeading h2 {
    font-size: 40px;
    line-height: 48px;
    color: #333;
    font-weight: 600
}

.bluebar:after {
    content: url(img/Group\ 6349.png);
    display: block;
    right: 50%
}

.pinkbarr:after {
    content: url(/wp-content/uploads/2022/06/Group-9933.png);
    display: block;
    right: 50%
}

.cardd {
    min-height: 310px;
    border: none;
    box-shadow: 0 10px 20px #7e76f91a
}

.card-textt {
    font-size: 20px;
    line-height: 48px;
    font-weight: 500;
    color: #000
}

.card-content {
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.benefitscontent, h6.form_tag {
    text-align: center;
    color: #000
}

section.parter-sec {
    background-color: #f2f7ff;
    padding: 84px 0 43px
}

section.parter-sec .img-fluid {
    margin-bottom: 16px
}

section.parter-sec span {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
    display: block;
}

.card-body.kase-tab-body h5.card-title {
    color: #1e282d;
    font-size: 24px;
    font-weight: 700;
    text-align: left
}

section.who-we-are .normal-box span {
    font-size: 38px;
    font-weight: 600;
    color: #1e282d
}

.who-we-are h2 {
    font-weight: 400
}

section.who-we-are .media-body {
    padding-left: 16px
}

.valuablecustomers {
    padding: 52px 0 60px;
    overflow: hidden;
    background-color: #021841
}

.integrationsection, .kasesyncBenefits {
    background-color: #e4e7f2
}

h6.form_tag {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 28px
}

.footer-circle {
    top: -130px;
    left: 0;
    opacity: .3
}

.gray-circle {
    right: -15px;
    top: 70px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    opacity: .3;
    border: 4px solid #fff
}

.valuablecustomers h2 {
    padding-bottom: 30px
}

section.who-we-are .first-col {
    display: flex;
    justify-content: start;
    align-items: center
}

section.parter-sec .main-wrapper .card.odd-card {
    transform: translateY(-20px)
}

section.parter-sec .main-wrapper .card {
    border-radius: 25px;
    min-height: 320px;
    transition: .35s ease-in;
    margin-bottom: 30px
}

.card.parter-card1 {
    background: linear-gradient(50.53deg, #37006e -.16%, #720074 44.69%, #b2007b 89.76%);
    box-shadow: 0 4px 20px rgba(202, 28, 132, .25);
    color: #fff
}

.card.parter-card2 {
    background: linear-gradient(50.53deg, #3c0080 -.16%, #6a00b2 44.69%, #9200dd 89.76%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    color: #fff
}

.card.parter-card3, .card.parter-card4 {
    box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
    color: #fff
}

.card.parter-card3 {
    background: linear-gradient(50.53deg, #0c004a -.16%, #0e3b7a 44.69%, #1277a8 89.76%)
}

.card.parter-card4 {
    background: linear-gradient(50.53deg, #24005d -.16%, #2f1eb0 44.69%, #373cf6 89.76%)
}

.partner-first-col p {
    color: #1e282d;
    font-size: 16px;
    font-weight: 400
}

section.parter-sec .main-wrapper .card.odd-card:hover {
    transform: scale(1.1) translate(0, -6%)
}

.icon-container:hover img:nth-child(2) {
    display: block;
    margin: 0 auto
}

.integrationsection {
    padding-bottom: 54px
}

.Benefitimg {
    max-width: 120px
}

.row.justify-content-center.kasec {
    padding-bottom: 60px
}

.integratopset {
    margin-top: 18px
}

.benefitscontent {
    font-size: 22px;
    line-height: 30px
}

.marketoheading {
    font-size: 42px;
    line-height: 48px;
    color: #1e282d;
    font-weight: 400
}

.marketosubhead {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 8px
}

.marketoForm-section button.mktoButton, .popmsg {
    font-weight: 500
}

.marketoForm-section {
    position: relative;
    margin: -6rem 0
}

.marketoForm-section::before {
    content: "";
    background-image: url(/wp-content/uploads/2022/09/Use-Case-in-Mind.png);
    position: absolute;
    height: 80%;
    width: 100%;
    display: block;
    z-index: 0;
    top: 50%;
    background-size: cover;
    transform: translateY(-50%)
}

section.who-we-are .media-body::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 60%;
    background-color: #ffecf7;
    margin-left: -16px;
    top: 13%
}

.who-we-are .result_hover .media-body::before {
    background-color: #ee36a4
}

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.owl-nav i {
    font-size: 52px
}

.owl-nav .owl-prev {
    left: -30px
}

.owl-nav .owl-next {
    right: -30px
}

.homemar {
    color: #333;
    padding: 16px 0 0 16px;
    margin-top: 18px;
    font-size: 24px
}

.pinkbgfrm {
    margin: auto;
    border-bottom: 6px solid #ca1c84;
    padding: 0;
    width: 700px;
    height: auto;
    border-radius: 22px
}

.gz-thanks-messagee p {
    font-weight: 500;
    color: #000;
    margin-bottom: 5px
}

.gz-thanks-messagee h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 160%;
    color: #000
}

.gz-thanks-messagee h6 {
    ont-weight: 400;
    line-height: 160%;
    color: #000
}

.plateformModal .close {
    font-weight: 700;
    position: absolute;
    right: 14px;
    top: 2%
}

.pinkbgfrm .modal-body {
    display: flex;
    justify-content: center;
    align-items: center
}

.popmsg {
    margin: 0;
    padding-bottom: 15px;
    font-size: 20px;
    padding-top: 25px;
    font-family: Inter
}

form#mktoForm_6737 ::placeholder {
    color: #777
}

form#mktoForm_6737.mktoForm .mktoField {
    color: #d1d1d1
}

.marketoForm-section textarea#commentCapture {
    padding-top: 14px;
    padding-left: 14px;
    border-radius: 5px;
    border: none
}

.marketoForm-section input#Email {
    height: 43px;
    padding-left: 14px;
    border-radius: 5px;
    border: none
}

.marketoForm-section select#Country {
    width: 262px !important;
    height: 43px;
    border-radius: 5px;
    border: none;
    padding-left: 10px
}

.marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

.marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField label#LblemailOptInBoolean {
    width: auto !important;
    font-family: Inter !important
}

.marketoForm-section .mktoOffset {
    width: 30px
}

.marketoForm-section .mktoFormRow:nth-child(10) {
    width: 100% !important;
    display: flex
}

.marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px
}

.marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label#LblconsenttoProcessing {
    width: auto !important;
    font-family: Inter
}

.marketoForm-section .mktoButtonRow {
    display: flex;
    justify-content: center;
    width: 100% !important
}

.footer-right.about-us, a.grazitti-link {
   
 
    line-height: 24px
}

.git-form .mktoForm .mktoError, .marketoForm-section .mktoForm .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000;
    left: 0 !important
}

.usecase-form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-color: #df2981 !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 22px;
    height: 50px;
    border: none !important;
    padding: 12px 70px !important;
    background-image: none !important;
    width: 100%
}

.marketoForm-section .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important;
    width: 100%
}

.marketoForm-section .mktoLabel {
    color: #a3a3a3;
    font-size: 12px
}

.footer-right.about-us, .foterlast {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    color: #fff
}

p.text-white.footcon {
    font-size: 14px;
    line-height: 22px
}

.foterlast {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

a.grazitti-link {
    color: #cd2653;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.footer-right.about-us {
    font-size: 14px
}

.copyright.copyright-images.pb-2 {
    display: flex;
    justify-content: center;
}
input#online_community::placeholder {
    color: #b7b7b7 !important
}

input#crm_plat::placeholder {
    color: #b7b7b7 !important
}

.modal-title-schedule {
    background: linear-gradient(46.19deg, #772380 -.17%, #f95083 98.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.demo-modal .demo-cross {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 28px;
    color: #ca1c84;
    font-weight: 700;
    position: absolute;
    right: 2px;
    top: -5px
}

@media (max-width:1024px) {
    section.leadership-excellence {
    padding: 3rem 0 4rem 0;
  }

    #logo-img img {
        height: auto;
    }

    .inner-bg {
        background-size: cover
    }

    .inner-bannerHeading {
        padding-top: 13px;
        text-align: left
    }

    section.what-is-form-secion {
        background-color: #f2f7ff
    }

    .bannerHeading {
        font-size: 37px;
        line-height: 48px
    }

    nav a {
        padding: 0 12px;
        color: #fff;
        transition: .4s;
        font-size: 14px;
        line-height: 16px
    }

    .card-text {
        font-size: 20px;
        line-height: 24px
    }

    .marketoForm-section textarea#commentCapture {
        width: 330px !important
    }

    .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        margin-left: 9px
    }
}

@media (max-width:768px) {
    section.masters-realm {
    padding: 50px 0 60px 0;
}
    #btn_cookies {
        min-width: 50px;
    }

    .cookies_bar {
        display: block;
    }

    a.cookies_link {
        margin: 0 0px;
    }

    .footer-bottom-last .footer-right ul, .footer-link.d-block, .footer-rightBottom.f-div, .foterlast {
        text-align: center
    }

    .banersetmargin, .inner-bg .banersetmargin {
        margin-top: 20px
    }

    .customer-love .customer_cont {
        min-height: 361px;
        border-radius: 0
    }

    ul.inline-block.inlinegridset {
        padding-bottom: 16px
    }

    .git-form form#mktoForm_6736.mktoForm .mktoField {
        margin-top: 4px
    }

    .marketoForm-section textarea#commentCapture {
        width: 200px !important;
        padding-top: 12px !important;
        height: 36px
    }

    .facets-slider .key-facets-carousel .card {
        min-height: 251px
    }

    .logo-padset {
        margin-left: 0
    }

    li#block-8 {
        list-style-type: none
    }

    #menu-icon {
        margin-left: auto
    }

    .bannerHeading {
        font-size: 32px;
        line-height: 44px
    }

    img.img-fluid.bannersetimg {
        margin-top: 80px
    }

    .marketoForm-section input#Email, .marketoForm-section select#Country {
        width: 100% !important;
        padding-top: 7px;
        padding-left: 7px;
        border-radius: 5px;
        border: none;
        height: 36px
    }

    nav a {
        padding: 10px
    }

    .footer-last.footerset {
        display: flex !important;
        flex-direction: column !important
    }

    .footer-bottom-last .footer-first, .footer-bottom-last .footer-rightBottom {
        width: 100% !important
    }

    .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        margin-left: 9px
    }

    #slideout-menu {
        height: 100%;
        overflow-y: auto
    }
}

@media (max-width:767px) {
     h2.masters-realm-heading {
    font-size: 36px;
  }

     h2.leadership-excellence-heading {
    margin-bottom: 15px;
  }
   
.origin-of-our-story-heading h2,
  .our-success-stories-heading h2,
  h2.leadership-excellence-heading,
  h2.masters-realm-heading,
  h2.expertise-recognition-heading {
    font-size: 30px;
    line-height: 40px;
  }

    .row.features-section.feature-item {
        gap: 10px;
    }
    
    .row.features-section.feature-item.feature-1 {
        flex-direction: column-reverse;
    }
    
    .row.features-section.feature-item.feature-3 {
        flex-direction: column-reverse;
    }
    
    .row.features-section.feature-item.feature-5 {
        flex-direction: column-reverse;
    }
    
    .row.features-section.feature-item.feature-7 {
        flex-direction: column-reverse;
    }
    
    .row.features-section.feature-item.feature-9 {
        flex-direction: column-reverse;
    }
    
    .row.features-2-section.feature2-item.feature-2 {}
    
    .row.features-2-section.feature2-item.feature-2 {
        flex-direction: column-reverse;
    }
    
    .row.features-2-section.feature2-item.feature-4.additional-feature.shown {
        flex-direction: column-reverse;
    }
    
    .row.features-2-section.feature2-item.feature-6.additional-feature.shown {
        flex-direction: column-reverse;
    }
    
    .bannerHeading, .left-sec, p.subContent {
        text-align: center
    }

    .customer-love .customer_des {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card {
        min-height: 350px
    }

    .marketoForm-section textarea#commentCapture {
        padding-top: 22px !important
    }

    .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        margin-left: 0
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        display: flex
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label#LblconsenttoProcessing {
        width: auto !important;
        font-family: Inter;
        display: flex;
        order: 1
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .logo-padset {
        margin-left: 0
    }

    p.subContent {
        margin-top: 22px
    }

    img.img-fluid.bannersetimg {
        margin-top: 0;
        margin-bottom: 30px
    }

    .card-columns {
        column-count: 2
    }

    .Schedulebtn {
        margin-top: 0
    }

    .bannerbackground {
        height: auto
    }

    .mktoFieldDescriptor.mktoFormCol, .mktoFieldWrap.mktoRequiredField {
        width: 100%
    }

    .marketoForm-section input#Email, .marketoForm-section select#Country, .marketoForm-section textarea#commentCapture {
        width: 100% !important;
        padding-top: 7px;
        padding-left: 7px;
        border-radius: 5px;
        border: none;
        height: 60px
    }

    nav a {
        padding: 10px
    }

    .footer-last.footerset {
        display: flex !important;
        flex-direction: column !important
    }

    .footer-bottom-last .footer-first, .footer-bottom-last .footer-rightBottom {
        width: 100% !important
    }
  
}

@media only screen and (min-width:480px) and (max-width:667px) {
    nav.custom_nav_bar {
        margin-top: 45px;
    }

    ul.breadcrumb-list {
        margin-top: 1rem;
    }

    .inner-bannerHeading {
        font-size: 35px !important;
        line-height: 45px !important;
        padding-top: 20px !important;
    }

    body.cookie_is_set ul.breadcrumb-list {
        margin-top: 0px;
    }

    .card {
        min-height: 352px
    }

    .marketoForm-section textarea#commentCapture {
        padding-top: 23px
    }

    .card-text {
        margin-top: 10px
    }

    .git-form form#mktoForm_6736.mktoForm .mktoField {
        margin-top: 4px
    }

    .git-form .mktoFormRow:nth-child(13) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap a, .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol.mktoFieldDescriptor.mktoFormCol .mktoFieldWrap a {
        padding: 0
    }
}

@media (max-width:480px) {
    .cookies_bar {
        padding: .7em 0.8em;
    }

    nav.custom_nav_bar {
        margin-top: 50px;
    }

    .inner-bannerHeading {
        font-size: 32px;
        line-height: 43px;
    }

    .banersetmargin, .inner-bg .banersetmargin {
        margin-top: 0
    }

    h6.form_tag {
        font-size: 11px
    }

    .marketoForm-section textarea#commentCapture {
        padding-top: 18px !important
    }

    .git-form .mktoFormRow:nth-child(14) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label#LblconsenttoProcessing {
        margin-top: -3px !important
    }

    .git-form .mktoFormRow:nth-child(13) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap a, .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField a {
        padding: 0
    }

    .card-text {
        margin-top: 14px
    }

    .integrationsection {
        padding-bottom: 45px
    }

    .keyBenefits, .keyFacets {
        margin-top: 0 !important
    }

    .topbtset {
        padding-top: 45px !important
    }

    .git-form .mktoFormRow:nth-child(13) .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
        width: auto;
        margin-top: 4px
    }

    .logo-padset {
        margin-left: 0
    }

    .card-columns {
        column-count: 1
    }

    .card {
        min-height: 280px
    }

    .demo-modal .modal-content {
        width: 350px
    }

    .git-form .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired {
        width: 30px
    }

    .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        margin-left: 0;
        margin-top: 10px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .marketoForm-section .mktoForm .mktoCheckboxList {
        width: 10%
    }

    .marketoForm-section .mktoFormRow:nth-child(9) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField label#LblemailOptInBoolean {
        width: 240px !important
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField {
        display: flex
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap label#LblconsenttoProcessing {
        width: auto !important;
        font-family: Inter;
        display: flex;
        order: 1
    }

    .marketoForm-section .mktoFormRow:nth-child(10) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .git-form .mktoFormRow:nth-child(14) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
        width: 30%
    }

    .git-form .mktoFormRow:nth-child(14) .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap .mktoLabel.mktoHasWidth {
        width: auto !important;
        font-family: Inter;
        color: #858585
    }

    .head-center {
        top: 45% !important
    }
}




@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) {
    .sec-with-border {
        height: auto
    }
    .main-ksync-logo {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
}

@media (min-width:375px) and (max-width:480px) {
    .footer-right.Bottom.f-div {
        margin-bottom: 9%
    }

    .usecase-form-wrapper {
        max-width: 100% !important
    }

    .cat-social-tab {
        display: block !important
    }

    p.about-us-text {
        text-align: center;
        padding: 0 24px
    }

    .clients-div, .versatile-div {
        padding-left: 15px
    }

    .facets-slider .owl-nav .owl-next, .facets-slider .owl-nav button.owl-prev, .footer-circle, .sec-with-border::after {
        display: none
    }

    .sec-with-border {
        border-left: 0;
        padding-left: 0;
        height: auto
    }

    section.parter-sec {
        padding: 84px 0 0
    }

    .footer-right.about-us {
        width: 350px;
        height: 250px;
        text-align: center
    }

    .frame-img img {
        cursor: pointer;
        margin-top: 5px
    }

    #slideout-menu ul {
        padding: 0 23px;
        margin: auto
    }

    .who-we-are .main-wrapper {
        max-width: 310px
    }

    .copyright.copyright-images.pb-2 {
        display: block !important;
        text-align: center
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:480px) {
    .footer-right.Bottom.f-div {
        margin-bottom: 9%
    }

    .usecase-form-wrapper {
        max-width: 100% !important
    }

    .cat-social-tab {
        display: block !important
    }

    p.about-us-text {
        text-align: center;
        padding: 0 24px
    }

    .clients-div, .versatile-div {
        padding-left: 15px
    }

    .facets-slider .owl-nav .owl-next, .facets-slider .owl-nav button.owl-prev, .footer-circle, .sec-with-border::after {
        display: none
    }

    .sec-with-border {
        border-left: 0;
        padding-left: 0;
        height: auto
    }

    section.parter-sec {
        padding: 84px 0 0
    }

    .footer-right.about-us {
        width: 350px;
        height: 250px;
        text-align: center
    }

    .frame-img img {
        cursor: pointer;
        margin-top: 5px
    }

    #slideout-menu ul {
        padding: 0 23px;
        margin: auto
    }

    .who-we-are .main-wrapper {
        max-width: 310px
    }

    .copyright.copyright-images.pb-2 {
        display: block !important;
        text-align: center
    }
}

.bannerbackground .mov-partical, .bannerbackground .wave {
    margin-top: 9rem
}

.Bannersection .banersetmargin {
    align-items: center
}

@media only screen and (min-device-width:1024px) and (max-device-width:1199px) {
    .custom_nav_bar #logo-img {
        width: 240px;
    }

    .facets-slider .owl-nav .owl-next, .facets-slider .owl-nav button.owl-prev {
        position: absolute !important;
        background-color: transparent;
        width: 25px;
        height: 25px;
        top: 50%;
        transform: translateY(-50%);
        display: flex
    }

    nav.custom_nav_bar .btn.contactus a {
        padding: 10px 10px 12px !important
    }

    nav.custom_nav_bar li.menu-item a {
        text-decoration: none;
        padding: inherit 2rem;
        padding-right: 0px;
        padding-left: 16px
    }

    .contactus.btn {
        margin-left: 6px;
    }

    nav.custom_nav_bar ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        max-width: none;
        padding-left: 0;
        position: relative
    }

    .dot-bg {
        display: none
    }

    .facets-slider .owl-nav .owl-next {
        right: -35px;
        border-radius: 50%;
        border: 2px solid #fff;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center
    }

    .facets-slider .owl-nav button.owl-prev {
        left: -35px !important;
        border-radius: 50%;
        border: 2px solid #fff;
        color: #fff;
        justify-content: center;
        align-items: center
    }

    .facets-slider i.fa.fa-angle-left {
        font-size: 16px;
        color: #fff;
        margin: 0 auto;
        padding-bottom: 3px
    }

    .facets-slider .owl-nav .owl-next i {
        font-size: 16px;
        color: #fff;
        margin: 0 auto;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 2px
    }
}

@media (max-width:1023px) {
    .dot-bg, .facets-slider .owl-nav {
        display: none
    }
}

@media screen and (max-width:820) {
    .col-lg-3.footer-link.d-block, .d-block {
        margin-top: 2rem
    }

    .footer-right.about-us, h6.pink_bar.m-0, li#block-9 {
        margin: auto;
        text-align: center
    }

    .d-block {
        display: block !important
    }

    li#block-10 {
        text-align: center
    }

    .clients-div, .versatile-div {
        margin-left: 10px
    }

    .sec-with-border {
        height: auto
    }

    .nav-wrapper div:nth-child(3) {
        display: none
    }

    section.who-we-are .main-wrapper {
        margin: 10px auto
    }
}

@media (max-width:992px) {
    .kasesync-watch-demo-free-trial {
        justify-content: center;
    }

    .head-center {
        padding-bottom: 0rem;
    }

    .bannerbackground .wave {
        margin-top: 7rem !important;
    }

    .slideout-menu-sec-in-menu ul#menu-main-menu li a {
        padding: 12px 10px 10px
    }

    .custom_nav_bar .menu-main-menu-container, .right-sec, .slideout-menu-sec-in-menu .btn.contactus a:before, img.img-fluid.bannersetimg {
        display: none
    }

    #menu-icon, .custom_nav_bar .menu-icon-seting-in {
        display: flex;
        color: #12161f
    }

    #slideout-menu, .custom_nav_bar .slideout-menu-sec-in-menu {
        display: block
    }

    .left-sec {
        text-align: center
    }

    .banersetmargin {
        justify-content: center !important
    }

    .waves-cont.postion-relative {
        height: auto !important
    }

    .bannerbackground {
        height: 100%
    }

    .slideout-menu-sec-in-menu {
        height: 100%;
        overflow-y: auto
    }

    .slideout-menu-sec-in-menu ul {
        padding: 0 22px;
        margin: .8rem auto 0
    }

    .bannerHeading {
        font-size: 28px;
        line-height: 60px
    }

    section.what-is-form-secion {
        margin-top: 0
    }
}

@media (max-width:736px) {
    #slideout-menu {
        height: 100%;
        overflow-y: auto
    }

    #slideout-menu ul {
        padding: 0 22px;
        margin: .8rem auto 0
    }
}

@media screen and (max-width:768px) {
    .col-lg-2.footer-link.d-block, .col-lg-3.footer-link.d-block {
        text-align: center
    }

    .footer-right.about-us {
        text-align: center;
        margin: auto
    }

    .col-lg-3.footer-link.d-block {
        margin-top: 2rem
    }

    .col-lg-2.footer-link.d-block {
        margin-top: 1rem
    }
}

@media only screen and (max-width:767px){
      .featurebackground.inner-bg .post-heading h1 {
    font-size: 24px;
    line-height: 46px;
}
}
@media screen and (max-width:480px) {
    .waves-cont.postion-relative {
        height: 70vh !important;
    }

    h2.inner-bannerHeading.text-white {
        padding-top: 10px !important;
    }

    .tabbable-responsive.kase-tab-ul.resources {
        margin-top: 18px;
    }

    #btn_cookies {
        padding: 2px 0px 2px;
        margin: 0 0 0 2px;
    }

    #btn_cookies {
        min-width: 43px;
    }

    .khorosheading {
        font-size: 28px;
        line-height: 40px;
        padding-top: 25px;
    }

    body.cookie_is_set ul.breadcrumb-list {
        margin-top: 1rem !important;
    }

    body.cookie_is_set ul.breadcrumb-list {
        margin-top: 1rem !important;
    }

    .inner-bannerHeading {
        font-size: 30px !important;
        line-height: 40px !important;
        margin-top: 1rem !important;
    }

    ul.breadcrumb-list {
        margin-top: 4rem !important;
    }

    nav.custom_nav_bar {
        margin-top: 60px !important;
    }

    nav.custom_nav_bar.remove_space {
        margin-top: 0px !important;
    }

    body.cookie_is_set nav.custom_nav_bar {
        margin-top: 0 !IMPORTANT;
    }
       .featurebackground.inner-bg .post-heading h1 {
    font-size: 20px;
    line-height: 46px;
}
 
}
@media only screen and (max-width:430px){
       .featurebackground.inner-bg .post-heading h1 {
    font-size: 19px;
    line-height: 30px;
}
}

@media only screen and (max-width:414px){
      .featurebackground.inner-bg .post-heading h1 {
    font-size: 18px;
    line-height: 30px;
}
}
@media screen and (max-width:390px) {
    .col-lg-5.footer-right.Bottom.f-div {
        margin-left: 12px
    }
    .featurebackground.inner-bg .post-heading h1 {
    font-size: 17px;
    line-height: 28px;
}
}

@media (max-width:375px) {
    .waves-cont.postion-relative {
        height: 84vh !important;
    }

    body.cookie_is_set .waves-cont.postion-relative {
        height: 79vh !important;
    }

    .footer-right.about-us {
        width: auto;
        height: auto
    }
}

@media screen and (max-width:360px) {
    .nav-wrapper div:nth-child(3), button.owl-next, button.owl-prev {
        display: none
    }

    .nav-wrapper {
        display: flex;
        justify-content: flex-start;
        display: flex;
        justify-content: space-between
    }

    .footer-right.about-us {
        width: auto;
        height: auto;
        padding-left: 25px
    }

    .sec-with-border {
        height: auto
    }

    .clients-div, .versatile-div {
        padding-left: 15px;
        margin-left: 5px
    }

    #menu-icon {
        margin: 0
    }

    nav {
        width: 100%
    }
}

@media screen and (max-width:360px) {
    .copyright.copyright-images.pb-2 {
        display: block;
    }
}


nav {
    height: 95px !important;
}

.who-we-are .main-wrapper.normal-box.result_hover span, .who-we-are .main-wrapper.normal-box.result_hover p {
    color: #fff;
}

/* temp-feature-style.css */
img.position-absolute.feature-triangle {
    right: 2%;
    opacity: 0.3;
    top: 10px;
  }
  
  .demo-modal .modal-body {
    padding-bottom: 33px;
  }
  
  .demo-modal .demo-cross {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 28px;
    color: #ca1c84;
    font-weight: bold;
    position: absolute;
    right: 2px;
    top: -5px;
  }
  
  .arrow-up {
    position: absolute;
    left: 50px;
    top: -151px;
    transform: rotate(180deg);
  }
  
  .arrow-down {
    position: absolute;
    right: 53px;
    top: 41px;
  }
  
  img.Shape-in-mid {
    position: absolute;
    right: -34px;
    bottom: 138px;
  }
  
  .in-mid-top {
    left: -57px;
    top: -73px;
  }
  
  .cust-half-circle {
    width: 67.55px;
    height: 86.55px;
    border-bottom-left-radius: 90px !important;
    border-top-left-radius: 90px !important;
    opacity: 0.1;
    border: 11px solid #ca1c84;
    border-right: 1px solid #fff;
    bottom: -20px;
    right: -68px;
  }
  
  .circle.in-right-top {
    right: 0;
    top: -65px;
  }
  
  .circle {
    width: 89.55px;
    height: 89.55px;
    top: -62px;
    border-radius: 50%;
    opacity: 0.1;
    border: 11px solid #ca1c84;
  }
  
  .mov-partical {
    position: relative !important;
    -webkit-animation: glide 2s ease-in-out alternate infinite;
  }
  
  .half-circle {
    width: 48.55px;
    height: 86.55px;
    top: -156px;
    right: -23px;
    border-bottom-right-radius: 90px !important;
    border-top-right-radius: 90px !important;
    opacity: 0.1;
    border: 11px solid #ca1c84;
    border-left: 1px solid #fff;
  }
  
  img.Shape {
    position: absolute;
    right: 42%;
  }
  
  .Shape-div {
    -webkit-animation: glide 2s ease-in-out alternate infinite;
  }
  
  @-webkit-keyframes glide {
    from {
      left: 0px;
      top: 0px;
    }
  
    to {
      left: 0px;
      top: 20px;
    }
  }
  
  .pink-circle {
    position: absolute !important;
    position: absolute;
    width: 89.55px;
    height: 89.55px;
    left: 19px;
    top: -62px;
    border-radius: 50%;
    opacity: 0.1;
    border: 11px solid #ca1c84;
  }
  
  .book-bg {
    background-color: #021841;
    display: flex;
    padding: 28px 15px 22px 15px;
    align-items: center;
    margin: 0px 38px 0px 16px;
  }
  
  .product-feature-main {
    padding: 0px 0px 46px 0px;
  }
  
  .orange-bar:after {
    content: "";
    position: absolute;
    width: 37px;
    height: 2px;
    background: linear-gradient(227.03deg, #772380 2.86%, #f95083 98.07%);
    left: 50%;
    margin-left: -37px;
    bottom: -10px;
  }
  
  .orange-bar {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 160%;
    text-align: center;
    color: #000000;
  }
  
  .product-feature p {
    padding-top: 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 10px;
  }
  
  .orange-bar-left:after {
    content: "";
    position: absolute;
    width: 37px;
    height: 2px;
    background: linear-gradient(227.03deg, #772380 2.86%, #f95083 98.07%);
    left: 0;
    bottom: -15px;
  }
  
  .demo {
    padding: 40px 0px 70px 0px;
  }
  
  .demo h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #ffffff;
  }
  
  .orange-bar-left {
    position: relative;
  
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #1e282d;
  }
  

 
  .position-relative.Shape-div.mov-partical {
    display: none;
  }
  .banner-section {
    background-image: url(/wp-content/uploads/2025/04/bg-image.png);
    color: white;
    text-align: center;
    padding: 3rem 1rem 2.5rem 1rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner-text {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    line-height: 40px;
  }
  .ftr-pg-kase-hd {
    padding: 3rem 0 3rem 0 !important;
  }
  .ftr-pg-kase-hd h2 {
    background: linear-gradient(46.19deg, #772380 -0.17%, #f95083 98.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    line-height: 48px !important;
    font-weight: 500;
  }
  h2.section-title {
    background: linear-gradient(46.19deg, #772380 -0.17%, #f95083 98.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 31px !important;
    font-weight: 500;
    text-align: center;
  }
 
  .banner-section a.btn.schedule-btn.pulse {
    margin-bottom: 0px !important;
  }
  .product-feature.product-feature-main.product-feature-alt {
    padding-bottom: 2rem;
    padding-top: 27px;
}
.content-col.right-content {
    padding-left: 2.5rem;
}
p.inner-bannerSubheading.text-white {
    font-size: 20px;
    font-weight: 400;
}

.product-feature-alt .cust-half-circle {
    bottom: 8rem;
}
section.features-section {
    padding: 4rem 0px 4rem 0px;
    background: #f2f7ff;
}
.features-section .view-more-btn {
    text-align: center;
}
section.features-section #viewMoreBtn {
    padding: 9px 22px !important;
}
  @media (max-width: 1080px) {
    img.position-absolute.feature-triangle {
      display: none;
    }
  
    .pink-circle,
    .half-circle,
    .circle.in-right-top,
    .cust-half-circle,
    .circle.in-right-top,
    .Shape-div,
    .circle {
      display: none;
    }
  
    .demo h2 {
      font-size: 18px;
    }
  
    .row {
      overflow-x: hidden;
    }
  
    .book-bg {
      height: auto;
      padding: 20px 0px 30px 0px;
    }
  }
  @media only screen and (max-width:1033px){
   .frame-img-1 {
    width: 70%;
    margin: 0 auto;
    margin-top: 14px;
}
.footer-bottom-last h6 {
    font-size: 18px;
}
    .ftr-pg-kase-hd h2 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    .ftr-pg-kase-hd {
        padding: 3rem 0 1rem 0 !important;
    }
    .orange-bar-left {
        font-size: 20px;
    }
    .banner-text {
        font-size: 28px;
        line-height: 39px;
    }
    .content-col.right-content {
        padding-left: 0px;
    }
    .banner-section {
        background-image: unset;
        background: #470c69;
    }
  }

  @media only screen and (max-width:991px){
    .social-links-box {
    text-align: center;
}
    .main-ksync-logo {
    row-gap: 20px;
}
p.about-us-text {
    text-align: center;
}
    .footer-last.footerset .row {
    row-gap: 25px;
}
    .col-lg-3.frame-img {
    text-align: center;
}
    .col-lg-2.footer-link.d-block {
    text-align: center;
}
    .footer-right.about-us {
    text-align: center;
}
     .col-lg-6.col-md-6.col-sm-6.pl-0.saleforce-kasycn {

    width: 70%;
    justify-content: center;
}
        .footer-last.footerset .row {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
    .main-ksync-logo {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
     .leader-main {
    margin-top: 2rem;
  }

     .leadership-excellence-inner {
    row-gap: 0rem;
    margin-top: 0rem;
  }

     section.leadership-excellence {
    padding: 60px 0 60px 0;
  }

    .orange-bar-left {
        font-size: 20px;
    }
    .content-col.right-content {
        padding-left: 2rem;
    }
    .features-section.feature-item {
        margin-top: 30px;
    }
    .row.features-2-section.feature2-item.feature2-first {
        margin-bottom: 2rem;
    }
    .featurebackground.inner-bg {
        background-image: unset !important;
        background: #021841;
    }
  }

  @media only screen and (max-width:768px){
      section.leadership-excellence {
    padding: 60px 0 65px 0;
  }
    .banner-text {
        font-size: 21px;
        line-height: 33px;
    }
    .ftr-pg-kase-hd h2 {
        font-size: 25px !important;
        line-height: 35px !important;
    }
    .Features-main-heading.inner-bannerHeading {
        padding-top: 5.5rem !important;
    }
    
  }
  
  @media (max-width: 767px) {
      .leadership-excellence-inner {
    grid-template-columns: none !important;
  }

    .product-feature .col-md-6.second-div {
      order: 1;
    }
  
    .product-feature .col-md-6.first-div {
      order: 0;
    }
  
    .demo h2 {
      font-size: 22px;
    }
  
    .book-bg {
      display: block;
      padding: 16px 15px 22px 15px;
    }
    .features-section.feature-item {
        margin-top: 0px;
    }
    .features-section.feature-item {
        margin-top: 0px;
        margin-bottom: 12px;
    }
    .product-feature p {
        margin-bottom: 30px;
    }
    .product-feature.product-feature-main.product-feature-alt {
        padding-top: 0px;
    }
    .content-col.right-content {
        padding-left: 1rem;
    }
    .Features-main-heading.inner-bannerHeading {
        padding-top: 5rem !important;
    }
    .inner-bannerHeading {
        font-size: 38px;
        line-height: 50px;
    }
   
   
  }
  
  @media (max-width: 480px) {
     .masters-realm-main {
    margin-top: 1rem;
  }

    section.masters-realm {
    padding: 53px 0 50px 0;
}
      h2.leadership-excellence-heading,
  h2.masters-realm-heading {
    font-size: 32px;
    line-height: 42px;
  }
   h2.leadership-excellence-heading {
    margin-bottom: 10px;
  }
     section.leadership-excellence {
    padding: 60px 0 15px 0;
  }
  section.leadership-excellence {
    padding: 60px 0 59px 0;
}
    .Features-main-heading.inner-bannerHeading {
        padding-top: 4.5rem !important;
    }
    .product-feature p {
        margin-bottom: 10px;
    }
    .demo h2 {
      font-size: 20px;
    }
  
    .book-bg {
      margin: 0px 15px;
    }
  
    .pink-circle,
    .half-circle,
    .circle.in-right-top,
    .cust-half-circle,
    .circle.in-right-top,
    .Shape-div,
    .circle {
      display: none;
    }
    .ftr-pg-kase-hd h2 {
        font-size: 22px !important;
        line-height: 33px !important;
    }
    h2.section-title {
        font-size: 28px !important;  
    }
    .Features-main-heading.inner-bannerHeading {
        padding-top: 3rem !important;
        text-align: center;
        font-size: 32px !important;
    }
  
    p.inner-bannerSubheading.text-white {
        font-size: 18px;
        text-align: center;
    }
 
  }
  @media only screen and (max-width:430px){
      h2.leadership-excellence-heading,
  h2.masters-realm-heading {
    font-size: 28px;
    line-height: 38px;
  }
    .Features-main-heading.inner-bannerHeading {
        font-size: 29px !important;
    }
    
    .Features-main-heading.inner-bannerHeading {
        font-size: 30px !important;
    }
    p.inner-bannerSubheading.text-white {
        font-size: 16px;
    }

  }
  @media only screen and (max-width:414px){
    .ftr-pg-kase-hd h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    h2.section-title {
        font-size: 24px !important;
        line-height: 34px;
    }

    .banner-text {
        font-size: 18px;
        line-height: 30px;
    }
    .Features-main-heading.inner-bannerHeading {
        padding-top: 3.5rem !important;
        font-size: 28px !important;
    }
  
  }
  @media only screen and (max-width:390px){
      h2.leadership-excellence-heading,
  h2.masters-realm-heading {
    font-size: 26px;
    line-height: 38px;
  }
    .Features-main-heading.inner-bannerHeading {
        font-size: 26px !important;
    }
    .banner-text {
        font-size: 16px;
    }
    .banner-section a.btn.schedule-btn {
        padding: 12px 18px;
        font-size: 16px;
    }
  }