:root{
    --katz_black: #181a24;
    --katz_blue: #2C3770;
    --GL-orange: #FF5F2D;
    --GL-orange-hover: #CF3708;
    --GL-steel-lightgray: #F2F3F6;
    --GL-steel-lightgray-75: #484F6B;
    --GL-steel-lightgray-100: #181A24;
    --container-width: 1440px;
}

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

body{
    font-family: "Manrope", sans-serif;
    font-size: 18px;
}
h1{
    letter-spacing: -0.3px;
}
h3,h4,h5{
    letter-spacing: -0.2px;
}
h2{
    font-size: 50px;
    color: var(--GL-steel-lightgray-100);
    line-height: 130%;
    font-weight: 600;
    letter-spacing: -0.3px;
}
a{
    display: block;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
i{
    display: block;
    font-style: normal;
}
/* a:hover{
    opacity: 0.8;
} */
p{
    font-size: 18px;
    line-height: 150%;
    color: var(--GL-steel-lightgray-75);
    margin-bottom: 16px;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
span{
    display: block;
}
label{
    display: block;
    font-size: 18px;
    color: var(--GL-steel-lightgray-75);
    font-weight: 500;
    line-height: 120%;
}
.img-fluid{
    max-width: 100%;
}

input, select, textarea {
    width: 100%;
    outline: none;
    font-family: "Manrope", sans-serif;
}
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
input::placeholder {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #212529e3 ;
    font-size: 18px;
  }

/* general styles */

.katz-ai-container{
    padding: 0px 40px;
    max-width: var(--container-width);
    margin: 0 auto;
}
.edge-clip{
    clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0% calc(100% - 8px), 0% 8px);
}
.edge-clip-medium{
    clip-path: polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0% calc(100% - 16px),0% 16px)
}
.katz-ai-id-section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.katz-vertical-spread-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* swiper custom styles */
.swiper-button-next, .swiper-button-prev{
    width: 40px !important;
    height: 40px !important;
    color: var(--GL-steel-lightgray-100) !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 26px !important;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    height: 1px !important;
    background-color: #858A9B!important;
}
.swiper-scrollbar-drag{
    border-radius: 0 !important;
    height: 4px !important;
    top: inherit !important;
    bottom: 3px !important;
    background-color: var(--GL-orange) !important;
}
/* swiper custom styles */

/* general styles */


/* button style  */
button{
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    cursor: pointer;
    border:transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.GL-btn-clip{
    color: white;
    font-size: 18px;
    padding: 12px;
    width: 100px;
    border: none;
    clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0% calc(100% - 8px), 0% 8px);
    background-color: var(--GL-orange);
}
.GL-btn-clip:hover{
    background-color: var(--GL-orange-hover);
}
.GL-btn-default{
    height:70px;
    width: 254px;
    background-color: var(--GL-orange);
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    color: white;
    font-size: 21px;
    font-weight: bold;
    padding: 0 4px 0px 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.GL-btn-default[variant="white"]{
    color: var(--katz_black);
    background-color: white;
}
.GL-btn-default[variant="white"]:hover{
    color: white;
    background-color: var(--GL-orange-hover);
}
.GL-btn-default[variant="white"] i.GL-btn-arrow{
    background:var(--GL-orange) url(../img/arrow-dark.svg) no-repeat center / 24px;
}
.katz-sdk--GLbtn-form[disabled]{
    background-color: #ccc;
    opacity: 0.5;
}
.GL-btn-default i.GL-btn-arrow{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:white url(../img/arrow-dark.svg) no-repeat center / 24px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.GL-btn-default:hover{
    background-color: var(--katz_primary-dark);
}
.GL-btn-default:hover i.GL-btn-arrow{
    background:white url(../img/arrow-dark.svg) no-repeat 22px center / 24px;
}

.katz-new-glbanner-pagination{
bottom: 80px;

}
/* button style  */

/* banner style  */

.katz-ai-banner-wrapp{
    min-height: 100vh;
    position: relative;
    background-image: linear-gradient(to right, #051B39, #2C3770 , #051B39);
    background-color:#2C3770;
    background: url(../img/ai-banner.webp) no-repeat right center / cover ;
}
@media screen and (min-width: 1600px) {
    .katz-ai-banner-wrapp{
        min-height: 80vh;
    }
}
.katz-ai-banner-content{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: var(--container-width);
    margin: auto;
}
.katz-ai-banner-content-inner{
    /* padding-left: 40px; */
    color: white;
    max-width: var(--container-width);
}
.katz-ai-banner-content-inner-wrapp{
    padding-top: 10px;
}
.katz-ai-banner-content-inner-wrapp h1{
    font-size: 50px;
    line-height: 1.4;
    font-weight: 800;
}
.katz-ai-banner-content-inner-wrapp h1 span{
    color: var(--GL-orange);
}
.katz-ai-banner-content-inner-wrapp p{
    font-size: 24px;
    color: white;
    line-height: 1.6;
    padding-top: 16px;
    padding-bottom: 12px;
}

@media screen and (max-width:440px) {
    .katz-ai-banner-wrapp{
        background: url(../img/banner-mobile.webp) no-repeat left center / cover ;
    }
}

/* banner style  */


/* header style  */
.katz-ai-header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    min-height: 92px;
    padding: 16px 40px;
    color: white;
    z-index: 999;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), #00000000);
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.shrink-fixed{
    min-height: 60px;
    background: rgba(255, 255, 255, 0.86);
    padding: 6px 40px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.shrink-fixed .katz-ai-header-nav ul li a {
    color: var(--GL-steel-lightgray-100);
} 
.shrink-fixed img.katz-logo{
    height: 50px;
   filter: brightness(0);
   -webkit-filter: brightness(0);
}
.katz-ai-header-logo-close-mobile button{
    background-color: transparent;
}
.close-nav-button{
    padding: 10px 16px;
    display: inline-block;
}
.katz-ai-header-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--container-width);
    margin: 0 auto;
}
.katz-ai-header-content-left{
    display: flex;
    gap: 40px;
    align-items: center;
}
.katz-ai-header-nav ul{
    display: flex;
    gap:20px;
    font-size: 18px;
}
.katz-ai-header-nav ul li{
    flex-shrink: 0;
}
.katz-ai-header-nav ul li a{
    color: white;
    padding: 4px;
    flex-shrink: 0;
    text-align: center;
    /* background-color: #ccc; */
}
.katz-ai-header-nav ul li a:hover{
    opacity: 0.8;
}
@media screen and (min-width:1300px) {
    .navlink-ai{
        width: 130px;
    }
    .navlink-salesforce{
        width: 110px;
    }
    .navlink-bookdemo{
        width: 120px;
    }
    .navlink-work{
        width: 164px;
    }
    .navlink-help{
        width: 120px;
    }
    .navlink-insights{
        width: 80px;
    }
    .navlink-leader{
        width: 110px;
    }
}
.GL-btn-clip-nav-mobile a.GL-btn-clip{
    color: white !important;
    font-size: 16px;
    padding: 12px;
    text-align: center;
}
.GL-btn-clip-nav-mobile a.GL-btn-clip.active{
    text-decoration: none;
}
.katz-ai-header-nav .nav-link.active {
  font-weight: bold;
  text-decoration: underline;
}
.katz-ai-header-content-right a.GL-btn-clip{
    text-align: center;
}
.katz-ai-header-content-right{
    display: flex;
    gap:30px;
    align-items: center;
}
.katz-ai-header-content-right button.hamburger-button{
    width: 40px;
    display: none;
    background-color: transparent;
}

@media screen and (max-width:1300px) {
    .katz-ai-header-nav ul{
        gap: 16px;
    }
    .katz-ai-header-nav ul li a{
        font-size: 16px;
    }
}
/* header style  */

/* cards styles  */

.katz-engineered-edge-card{
    width: 100%;
    padding:35px 20px;
    min-height: 392px;
    color: var(--GL-steel-lightgray-75);
    background-color: var(--GL-steel-lightgray);
    
}
.katz-engineered-edge-card, .katz-engineered-edge-card *{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.katz-engineered-edge-card h2{
    font-size: 24px;
    margin-bottom: 16px;
    max-width: 280px;
    width: 100%;
}
.katz-engineered-edge-card:hover{
    color: white;
    background-color: var(--GL-orange);
}
.katz-engineered-edge-card:hover *{
    color: white;
}

/* gray card style  */
.katz-gray-edge-card{
    width: 100%;
    padding:35px 20px;
    min-height: 392px;
    color: var(--GL-steel-lightgray-75);
    background-color: var(--GL-steel-lightgray);
    
}
.katz-gray-edge-card, .katz-gray-edge-card *{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.katz-gray-edge-card:hover{
    color: white;
    background-color: var(--GL-orange);
}
.katz-gray-edge-card:hover *{
    color: white;
}
.katz-gray-edge-card h2{
    font-size: 24px;
    margin-bottom: 16px;
}
.katz-gray-edge-card p{
    font-size: 18px;
    margin-bottom: 16px;
}
.katz-gray-edge-card button{
    display: flex;
    gap: 8px;
    font-weight: 700;
    align-items: center;
    background-color: transparent;
}
.katz-gray-edge-card:hover button img{
    filter: grayscale(1) brightness(10);
}
.katz-gray-edge-card a{
    display: flex;
    gap: 8px;
    color: var(--GL-steel-lightgray-100);
    font-weight: 700;
    align-items: center;
    background-color: transparent;
}
.katz-gray-edge-card:hover a img{
    filter: grayscale(1) brightness(10);
}
/* gray card style  */

/* white card style  */

.katz-white-edge-card{
    width: 100%;
    padding:35px 20px;
    min-height: 392px;
    color: var(--GL-steel-lightgray-75);
    background-color: white;
    
}
.katz-white-edge-card, .katz-white-edge-card *{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.katz-white-edge-card:hover{
    color: white;
    background-color: var(--GL-orange);
}
.katz-white-edge-card:hover *{
    color: white;
}
.katz-white-edge-card h2{
    font-size: 40px;
    margin-bottom: 16px;
}
.katz-white-edge-card p{
    font-size: 18px;
    margin-bottom: 16px;
}

/* white card style  */


/* cards styles  */

/* title card style  */

.katz-ai-title-card{
    padding: 40px 0;
}
.katz-ai-title-card-content{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.katz-ai-title-card span{
    margin-bottom: 20px;
    color: var(--GL-steel-lightgray-75);
}
.katz-ai-title-card-content-left{
    flex-grow: 1;
    width: 100%;
    max-width: 740px;
}
.katz-ai-title-card-content-right{
    max-width: 554px;
    width: 100%;
    color: var(--GL-steel-lightgray-75);
}
.katz-ai-title-card-content-right p{
    line-height: 150%;
    margin-bottom: 20px;
}
.katz-ai-title-card-content-right button{
    font-weight: 600;
    display: flex;
    gap: 6px;
    margin-top: 10px;
    background-color: transparent;
}
.katz-ai-title-card-content-right a{
    font-weight: 600;
    display: flex;
    gap: 6px;
    color: var(--GL-steel-lightgray-100);
    margin-top: 10px;
    background-color: transparent;
}

/* title card style  */


/* Salesforce section style  */

.katz-sf-container{
    padding-bottom: 30px;
}
.katz-salesforce-flex-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    gap: 60px;
}
.katz-salesforce-flex-left{
    max-width: 555px;
    width: 100%;
    flex-grow: 1;
}
.katz-salesforce-flex-left img{
    height: 719px;
    object-fit: cover;
}
.katz-salesforce-flex-right{
    max-width: 700px;
    padding-right: 60px;
}
.katz-salesforce-flex-right-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.katz-salesforce-flex-right-content span{
    color: var(--GL-steel-lightgray-75);
}
.katz-salesforce-flex-right-content p{
    font-size: 21px;
    max-width: 500px;
    width: 100%;
}
.katz-ai-statistics-section{
    width: 100%;
    background: url(../img/hero-Impact-stats.jpg) no-repeat center / cover;
}
.katz-ai-statistics-flex-wrapper{
    min-height: 493px;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items:flex-end;
    justify-content: center;
}
.katz-ai-statistics-content{
   width: 100%;
   max-width: 1000px;
   padding: 60px 40px;
   min-height: 333px;
   background-color: white;
}
.katz-ai-statistics-content-inner-block{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.katz-ai-statistics-content-inner{
    display: flex;
    gap: 60px;
}
.katz-ai-statistics-content-inner-block{
    max-width: 628px;
}
.katz-ai-statistics-item{
    display: flex;
    gap: 40px;
    align-items: center;
}
.katz-ai-statistics-item h2{
    width: 200px;
    flex-shrink: 0;
    font-size: 85px;
    line-height: 100%;
}
.katz-ai-statistics-item h6{
    font-size: 21px;
    line-height: 130%;
    color: var(--GL-steel-lightgray-75);
}

/* Salesforce section style  */

/* book a demo styles  */

.katz-see-demo-section{
    padding-bottom: 60px;
}
.katz-book-demo-card-wrapper .katz-gray-edge-card{
    width: 100%;
    max-width: 432px;
    min-height: 392px;
}

/* book a demo styles  */

/* why work with us styles */

.katz-why-work-section{
    padding-bottom: 40px;
    background: radial-gradient(#FFF6EE, rgba(239, 243, 255, 0.3), #F2F3F6);
}
.katz-why-work-card-wrapper{
    display: flex;
    gap: 20px;
}
.katz-why-work-card-wrapper .katz-white-edge-card{
    max-width: 335px;
}

/* why work with us styles */

/* how we can help styles */

.katz-how-we-help-section{
    padding: 40px 0;
    color: white;
    background-color: var(--katz_blue);
}
.katz-how-we-help-wrapper{
    display: flex;
    gap: 80px;
    justify-content: space-between;
}
@media screen and (max-width: 1400px) {
    .katz-how-we-help-wrapper{
        gap: 40px;
    }
}
.katz-how-we-help-wrapper-left{
    max-width: 325px;
    width: 100%;
}
.katz-how-we-help-wrapper-left h2{
    color: white;
}
.katz-how-we-help-wrapper-left p{
    color: white;
    padding-top: 20px;
}
.katz-how-we-help-wrapper-right-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.katz-how-we-help-wrapper-right-content h4{
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin-bottom: 8px;
}
.katz-how-we-help-wrapper-right-content p{
    font-size: 14px;
    color: white;
    margin-bottom: 0;
}
.katz-how-we-help-wrapper-right-content-item{
    display: flex;
    gap: 24px;
    padding: 6px;
    height: 152px;
    padding-right: 30px;
    background-color: rgb(69, 78, 126, 0.4);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.katz-how-we-help-wrapper-right-content-item:hover{
    background-color: var(--GL-orange);
}
.katz-how-we-help-wrapper-right-content-item-right{
    padding-top: 12px;
    /* opacity: 0.8; */
}
.katz-how-we-help-wrapper-right-content-item img{
    width: 140px;
    height: 140px;
    border-radius: 2px;
    object-fit: cover;
}
.katz-ai-banner-content-inner-wrapp a:hover{
    opacity: 1;
}


/* how we can help styles */

/* leaders styles  */

.katz-leader-item h6{
    font-size: 24px;
    padding-top: 10px;
}
.katz-leader-item p{
    font-size: 21px;
    padding-top: 6px;
    line-height: 150%;
}
.katz-ai-leader-title-card{
    padding-top: 0;
}


/* leaders styles  */


/* insights styles  */

.katz-insights-slider-item{
    position: relative;
    font-size: 0px;
    overflow: hidden;
}
.katz-insights-slider-item img{
    object-fit: cover;
    height: 241px;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.katz-insights-slider-item-img{
    overflow: hidden;
    position: relative;
}
.katz-insights-icon{
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg) translate(150%, 0%);
    -webkit-transform: rotate(45deg) translate(150%, 0%);
    z-index: 10;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.katz-insights-icon-arrow{
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 2px;
    right: 4px;
    background: url(../img/arrow-orange.svg) no-repeat center;
    background-size: 16px;
    z-index: 12;
    opacity: 0;
    transform: translate(-10px, 0%);
    -webkit-transform: translate(-10px, 0%);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.katz-insights-slider-item:hover .katz-insights-icon-arrow{
    opacity: 1;
    transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
}
.katz-insights-slider-item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform-origin: center;
}
.katz-insights-slider-item:hover .katz-insights-icon{
    transform: rotate(45deg) translate(90%, 0%);
    -webkit-transform: rotate(45deg) translate(90%, 0%);
}

@media screen and (min-width:1000px) {
    .katz-insights-icon-main{
        display:none;
    }
}

.katz-insights-slider-item img{
    width: 668px;
    height: 501px;
}
.katz-insights-slider-item h3{
    font-size: 24px;
    font-weight: normal;
}
.katz-insights-slider-item-overlay{
    position: absolute;
    height: 70%;
    width: 100%;
    bottom: 0;
    z-index: 1;
    display: flex;
    color: white;
    padding: 20px;
    padding-right: 40px;
    align-items: flex-end;
    background-image: linear-gradient(to top, #00000084, #00000000);
}
.katz-insights-slider-item-stack-content{
    padding-top: 20px;
}
.katz-insights-slider-item-stack-content h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
}
.katz-insights-slider-item-stack-content p{
    font-size: 14px;
    line-height: 150%;
}
.katz-insights-slider-main  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.katz-insights-slider-item-stack-content  h3{
    color: var(--GL-steel-lightgray-100);
}

@media screen and (min-width: 1000px) {
    .slide1 { 
        /* width: 50% !important;  */
        width: 47% !important; 
    }
    .slide2 { 
        width: 25% !important; 
    }
    .slide3 {
        width: 25% !important; 
    }
}

/* insights styles  */


/*========== get in touch  start ==========*/

.katz-getintouch-main-wrapper{
    padding: 20px 0;
    background: url(../img/contact-bg.webp) no-repeat center  / cover;
}
.katz-ai-form-container{
    display: flex;
    justify-content: flex-end;
}
.katz-getintouch-form-wrapper{
    position: relative;
    background-color: white;
    max-width: 702px;
    width: 100%;
    padding: 60px 40px;
}
.katz-getin-header{
    padding-bottom: 20px;
}
.katz-getin-header h2{
    margin-bottom: 20px;
}
.katz-getintouch-grid-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
  .katz-sdk-landing-getintouch-right{
    position: relative;
  }

  .katz-sdk-landing-getintouch-box-bottom{
    margin-top: 20px;
  }
  .katz-sdk-landing-getintouch-name{
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    color: var(--katz_black);
    font-weight: 700;
  }
  .katz-sdk-landing-getintouch-desig{
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    color: var(--katz_black);
    font-weight: 400;
    margin: 5px 0 10px 0;
  }
.katz-getin-textarea{
    grid-column: span 2;
}
 .error-message{
    font-family: "Manrope", sans-serif;
    font-size: 14PX;
    color: #bf0000;
    margin-top: 5px;
    padding-left: 4px;
    font-weight: 300;
 }
.form-control, .form-select{
    padding-left: 20px;
    height: 60px;
    font-size: 18px;
    color: #212529e3;
    border-radius: 4px !important;
    background-color: #F2F3F6 !important;
    border: solid #F2F3F6 1px !important;
}
.textarea-message{
    font-family: "Manrope", sans-serif;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    min-height: 102px;
    font-size: 18px;
    outline: none;
    color: var(--katz_black);
    border-radius: 4px !important;
    background-color: #F2F3F6 !important;
    border: solid #F2F3F6 1px !important;
}
.textarea-message::placeholder{
    color: #212529e3;
}
.textarea-message:focus{
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.custom-select-wrapper select {
  appearance: none;            /* Hide default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url('../img/arrow-down.svg') no-repeat right 0.75rem center;
  background-size: 0.8rem;
  padding-right: 2rem;         /* Give space for custom arrow */
  border: 1px solid #ccc;

}
  .select2-results__option--highlighted {
    background-color: var(--katz_form-gray);
    color: var(--katz_black);
  }
  .katz-sdk-landing-getintouch-bottom{
    margin-top: 20px;
  }
  .form-check-input[type=checkbox]{
    border: solid #4e5256 1px !important;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
  }
  .form-check-input:checked{
    background-color: #4442E3 !important;
  }
  .katz-sdk-landing-getintouch-bottom label{
    font-size: 14px;
    display: inline-block;
    line-height: 150%;
    margin-left: 10px !important;
    cursor: pointer;
  }
  .katz-sdk-landing-getintouch-bottom .form-check{
    display: flex;
    margin-bottom: 20px;
    font-family: "Manrope", sans-serif;
    font-size:14px;
    line-height: 1.6;
    color: #484f6b;
  }
 .katz-sdk-landing-getintouch-bottom .form-check a{
    color: var(--GL-steel-lightgray-100);
    text-decoration: underline;
    display: inline-block;
 }
  .linkd:hover{
    width:22px;
    transition: 0.5s;
  }

  .katz-sdk-landing-thankyou{
    width: 100%;
    height: 100%;
    background-color: var(--katz_gray-gray-bg);
    position: absolute;
    z-index: 99;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .katz-sdk-landing-thankyou-text{
    font-size: 33px;
    line-height: 50px;
    color: var(--katz_black);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
  }
  .katz-sdk-landing-thankyou-text p{
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;

  }
  .katz-sdk-landing-thankyou-img{
    margin-bottom: 20px;

  }
  .katz-sdk-landing-thankyou-img img{
    width: 50px;
  }

  .katz-sdk--GLbtn-form{
    height:70px;
    width: 200px;
    background-color: var(--GL-orange);
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    color: white;
    font-size: 21px;
    padding: 0 6px 0px 24px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}
.katz-sdk--GLbtn-form[disabled]{
    background-color: #ccc;
    opacity: 0.5;
    pointer-events: none;
}
.katz-sdk--GLbtn-form i.button-arrow{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:white url(../img/arrow-dark.svg) no-repeat center / 24px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.katz-sdk--GLbtn-form:hover{
    background-color: var(--GL-orange-hover);
}
.katz-sdk--GLbtn-form:hover i.button-arrow{
    background:white url(../img/arrow-dark.svg) no-repeat 22px center / 24px;
}

/* success message  */

.katz-getin-success-wrapper{
    /* position: absolute; */
    padding: 30px;
    min-height: 702px;
    inset: 0;
    text-align: center;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.katz-getin-success-wrapper-content{
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap:20px;
}
.katz-getin-success-wrapper-content h2{
    font-size: 85px;
}

/* success message  */

/*========== get in touch  end ==========*/

/* media query style for mobile  */

@media screen and (max-width:1500px) {
    .katz-ai-banner-content-inner{
        padding-left: 40px;
    }
}
@media screen and (max-width:1300px) {

    .katz-how-we-help-wrapper{
        flex-direction: column;
    }
    .katz-how-we-help-wrapper-left{
        max-width: 1000px;
    }
}
@media screen and (max-width:1240px) {
    .katz-ai-header, .shrink-fixed{
        padding-left: 20px;
        padding-right: 20px;
    }
    .katz-ai-header-content-left{
        gap: 10px;
    }
    .katz-ai-header-nav ul{
        gap: 10px;
    }
    .katz-salesforce-flex-left {
        max-width: 465px;
        flex-shrink: 0;
    }
}



@media screen and (max-width:1100px) {
    /* mobile nav style  */
    .katz-ai-header-content-right button.hamburger-button{
        display: block;
    }
    .shrink-fixed button.hamburger-button img{
        filter: brightness(0);
        -webkit-filter: brightness(0);
    }
    .katz-ai-header-content-right .GL-btn-clip{
        opacity: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }
    .shrink-fixed-mobile .katz-ai-header-content-right .GL-btn-clip{
        opacity: 1;
    }
    .katz-ai-header-nav {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.6)
    }
    .mobile-nav-active{
        display: block;
    }
    .katz-ai-header-nav img.katz-logo{
        filter: brightness(0);
        -webkit-filter: brightness(0);
    }
    .katz-ai-header-nav ul{
        height: calc(100vh - 60px);
        padding: 30px;
        flex-direction: column;
        background-color: white;
        overflow-y: auto;
    }
    .katz-ai-header-nav ul li{
        padding-bottom: 12px;
        border-bottom: 1px solid #EAEDF5;
    }
   .shrink-fixed  .katz-ai-header-nav ul li  img.katz-logo{
        height: auto;
    }
    .katz-ai-header-nav ul li a{
        font-size: 18px;
        color: var(--GL-steel-lightgray-100);
        text-align: left;
    }
    .katz-ai-header-logo-close-mobile{
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .GL-btn-clip-nav-mobile{
        display: block !important;
    }

    /* mobile nav style  */

    .katz-salesforce-flex-left {
        max-width: 340px;
        flex-shrink: 0;
    }
    .katz-how-we-help-wrapper-right-content-item{
        height: auto;
    }
}



@media screen and (max-width:768px) {
    h2{
        font-size: 32px;
    }
    p{
        font-size: 16px;
    }

    /* swiper  */
    .swiper{
        padding-bottom: 60px !important;
    }
    .swiper-scrollbar {
        bottom: -40px;
        margin-top: 65px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: var(--swiper-scrollbar-sides-offset, 5%) !important;
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 5%)) !important;
    }
    /* swiper  */



    .katz-ai-container{
        padding: 0 45px;
    }
    .katz-ai-container.katz-swiper-container{
        padding: 0;
    }
    .katz-ai-header{
        padding: 20px;
    }

    

    .column-mobile{
        flex-direction: column;
    }

    /* banner  */
    
    .katz-ai-banner-content-inner-wrapp h1{
        font-size: 44px;
    }
    .katz-ai-banner-content-inner-wrapp p{
        font-size: 18px;
    }
    /* banner  */

    /* salesforce style  */
    .katz-salesforce-flex-wrapper{
        align-items: flex-start;
        gap:40px;
    }
    .katz-salesforce-flex-left {
        max-width: 500px;
        flex-shrink: unset;
    }
    .katz-ai-statistics-flex-wrapper{
        min-height: 330px;
    }
    .katz-salesforce-flex-right-content{
        max-width: 600px;
        width: 100%;
    }
    .katz-salesforce-flex-wrapper p{
        font-size: 16px;
    }
    .katz-swiper-container .katz-ai-title-card{
        padding-left: 45px;
        padding-right: 45px;
    }
    .katz-ai-title-card .column-mobile{
        flex-direction: row;
    }
    .katz-ai-title-card-content-right p{
        font-size: 16px;
    }
    .katz-ai-title-card span{
        font-size: 16px;
    }
    .katz-salesforce-flex-left{
        max-width: 100%;
    }
    .katz-salesforce-flex-left img{
        height: 700px;
        width: 100%;
    }
    .katz-salesforce-flex-right{
        padding-right: 0;
        max-width: 100%;
    }
    /* salesforce style  */


    .katz-how-we-help-wrapper-right-content{
        grid-template-columns: 1fr;
    }
    .katz-salesforce-flex-right-content p{
        max-width: 100%;
    }
    .katz-ai-statistics-section{
        padding: 80px 0px;
    }

    .katz-why-work-section{
        padding-bottom: 60px;
    }
    .katz-why-work-card-wrapper{
        padding: 0px;
    }
    .katz-white-edge-card h2{
        font-size: 32px;
    }
    .katz-white-edge-card p{
        font-size: 16px;
    }

    .katz-how-we-help-wrapper-right-content h4{
        font-size: 16px;
    }
    
    /* insights  */
    .katz-insights-slider-main img{
        height: 400px;
    }
    .katz-insights-slider-main img.insight-lastchild-img{
        /* object-position: right; */
    }
    .katz-insights-slider-item-overlay{
        background-image: linear-gradient(to top, #000000d9, #00000000);
    }
    .katz-insights-slider-item-stack-content{
        position: absolute;
        height: 70%;
        width: 100%;
        bottom: 0;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: white;
        padding: 20px;
        align-items: flex-end;
        background-image: linear-gradient(to top, #000000d9, #00000000);
    }
    .katz-insights-slider-item-stack-content *{
        color: white;
    }
    .katz-insights-slider-item h3, .katz-insights-slider-item-stack-content h3{
        font-size: 20px;
        font-weight: normal;
    }
    .katz-insights-slider-item-stack-content h3{
        color: white;
    }
    .katz-insights-slider-item p{
        display: none;
    }
    /* insights  */

    /* statistics style | 768px */
    .katz-ai-statistics-flex-wrapper .column-mobile{
        flex-direction: row;
        gap: 60px;
    }
    .katz-ai-statistics-img img{
        width: 120px;
    }
    .katz-ai-statistics-item h2{
        width: 140px;
        font-size: 54px;
    }
    .katz-ai-statistics-item.column-mobile{
        gap: 30px;
    }
    .katz-ai-statistics-item h6{
        font-size: 21px;
    }
    /* statistics style | 768px */


    /* help style  */
    
    .katz-how-we-help-wrapper-left{
        max-width: 500px;
        width: 100%;
    }

    /* help style  */


    /* leaders  */
    #leaders{
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .swiper.leaderSwiper{
        padding-bottom: 10px !important;
    }
    /* leaders  */

}



@media screen and (max-width:600px) {

    /* title card  */

    .katz-ai-title-card .column-mobile {
        flex-direction: column;
        gap: 20px;
    }

    /* title card  */

    /* swiper styles  */
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{

        left: var(--swiper-scrollbar-sides-offset, 5%) !important;
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 5%)) !important;
    }
    /* swiper styles  */
    
    .katz-ai-header {
        padding: 6px 20px;
    }
    .katz-ai-header .GL-btn-clip {
        padding: 10px;
    }

    /* banner style  */

    .katz-ai-banner-content-inner{
        padding: 0 20px;
    }

    /* banner style  */

    .katz-ai-container{
        padding: 0;
    }
    .katz-ai-title-card, .katz-swiper-container .katz-ai-title-card{
        padding-left: 20px;
        padding-right: 20px;
    }
    

    .katz-why-work-card-wrapper .katz-white-edge-card{
        max-width: inherit;
    }
    
    .katz-insights-slider-item img{
        height: 335px;
    }
    .katz-salesforce-flex-wrapper{
        padding-left: 20px;
        padding-right: 20px;
    }
     .katz-how-we-help-section{
        padding-left: 20px;
        padding-right: 20px;
    }
    #leaders{
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .katz-getin-success-wrapper-content h2{
        font-size: 54px;
    }

    /* salesforce  */

    .katz-salesforce-flex-left img{
        height: 500px;
    }

    /* salesforce  */

    /* statistics style  */
    .katz-ai-statistics-flex-wrapper{
        padding: 0 20px;
    }
    .katz-ai-statistics-flex-wrapper .column-mobile {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    .katz-ai-statistics-img img, .katz-ai-statistics-img{
        width: 100%;
    }
    .katz-ai-statistics-item h6{
        font-size: 18px;
    }
    .katz-ai-statistics-item.column-mobile{
        gap: 10px;
    }
        

    /* statistics style  */

    /* work with us  */

    .katz-why-work-card-wrapper{
        padding: 0 20px;
        flex-direction: column;
    }
    /* work with us  */

    /* help style  */

    .katz-how-we-help-wrapper-left p {
        padding-top: 14px;
    }
    .katz-how-we-help-wrapper-right-content-item{
        gap: 10px;
        padding-right: 6px;
        height: auto;
    }
    .katz-how-we-help-wrapper-right-content-item img{
        width: 100px;
        height: 100px;
    }
    .katz-how-we-help-wrapper-right-content-item-right {
        padding-top: 0;
    }
    .katz-how-we-help-wrapper-right-content h4{
        margin-bottom: 8px;
    }
    .katz-how-we-help-wrapper-right-content p{
        font-size: 13px;
    }

    /* help style  */

    /* get in touch  */

    .katz-getintouch-main-wrapper{
        padding: 60px 20px;
    }
    .katz-getintouch-grid-wrapper div{
        grid-column: span 2;
    }
    .katz-getin-success-wrapper{
        padding: 0;
        min-height: 360px;
    }
    .katz-getin-success-wrapper-content h2{
        font-size: 48px;
    }

    /* get in touch  */

}

@media screen and (max-width:400px) {
    .katz-ai-banner-content-inner-wrapp h1{
        max-width: 310px;
        line-height: 120%;
    }
    .katz-ai-banner-content-inner-wrapp {
        padding-top: 40px;
    }
}



/*  media query style for mobile  */





/* footer style  */

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

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}












.fa-linkedin-in:before {
    content: "\f0e1";
}

 .katz-sdk-footer-block {
     width: 100%;
     background-color: #2c3770;
     padding-top: 30px
 }

 .katz-sdk-footer-top {
     width: 100%;
     padding: 40px 0;
     border-top: solid #8b89a2 1px
 }

 .katz-sdk-footer-timing {
     width: 100%;
     height: auto
 }

 .katz-sdk-footer-head {
     width: 100%;
     font-family: 'Poppins', sans-serif;
     font-size: 17px;
     color: #fff;
     text-transform: uppercase
 }

 .katz-sdk-footer-timing-bottom {
     width: 100%;
     height: auto;
     margin-top: 20px
 }

 .katz-sdk-footer-timing-bottom ul {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal
 }

 .katz-sdk-footer-timing-bottom ul li {
     width: 100%;
     display: block;
     float: left;
     color: #fff;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     margin-bottom: 10px;
     background: url(https://Katzionwebsite-ProdPZ.b-cdn.net/products/matchscore/img/products-showcase-img/time-zone.svg) no-repeat;
     padding-left: 30px;
     background-size: 20px;
     line-height: 1.5;
 }

 .katz-sdk-footer-address {
     width: 100%;
     height: auto
 }

 .katz-sdk-footer-address-bottom {
     width: 100%;
     height: auto;
     margin-top: 20px;
     min-height: 180px
 }

 .katz-sdk-footer-address-bottom ul {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal
 }

 .katz-sdk-footer-address-bottom ul li {
     width: 100%;
     display: block;
     float: left;
     color: #fff;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     margin-bottom: 15px;
     padding-left: 40px;
     position: relative;
     line-height: 1.5;
 }

 .katz-sdk-footer-address-bottom ul li a {
     color: #ffffff !important;
     text-decoration: none !important
 }

 .katz-sdk-footer-address-bottom ul li a:hover {
     color: #ffffff !important;
     text-decoration: none !important
 }

 .katz-sdk-footer-address-bottom ul li img {
     width: 17px !important;
     position: absolute;
     left: 0
 }

 .katz-sdk-footer-social {
     width: 100%;
     height: auto;
     margin-top: 20px
 }

 .katz-sdk-footer-social-head {
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     color: #fff
 }

 .katz-sdk-footer-social-bottom {
     width: 100%;
     height: auto;
     margin-top: 10px
 }

 .katz-sdk-footer-social-bottom ul {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal
 }

 .katz-sdk-footer-social-bottom ul a {
     text-decoration: none !important
 }

 .katz-sdk-footer-social-bottom ul li {
     width: 32px !important;
     height: 32px !important;
     background-color: #fff;
     display: inline-block;
     border-radius: 100px;
     padding: 0 !important;
     margin-right: 10px;
     color: #2c3770;
     text-align: center;
     font-size: 16px;
     line-height: 30px;
     border: solid #fff 2px
 }

 .katz-sdk-footer-social-bottom ul li:hover {
     background: none;
     border: solid #fff 2px;
     color: #fff
 }

 .katz-sdk-footer-bottom {
     width: 100%;
     padding-top: 30px;
     padding-bottom: 15px;
     border-top: solid #8b89a2 1px;
     overflow: hidden
 }

 .katz-sdk-footer-menu {
     width: auto;
     display: inline-block
 }

 .katz-sdk-ooter-menu ul {
     margin: 0 !important;
     padding: 0 !important;
     list-style: none;
     line-height: normal
 }

 .katz-sdk-footer-menu ul li {
     display: block;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     color: #fff;
     margin-right: 20px;
     display: inline-block
 }

 .katz-sdk-footer-menu ul li a {
     color: #fff
 }

 .katz-sdk-footer-menu ul li a:hover {
     text-decoration: underline
 }

 .katz-sdk-footer-copy {
     width: auto;
     float: right;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     color: #fff
 }

 .footer-tooltip {
     width: 120px !important;
     background-color: #345990 !important;
     margin-left: -47px !important
 }

 .tooltip2 .footer-tooltip:after {
     border-color: #345990 transparent transparent transparent !important
 }

 @media only screen and (max-width:991px) {

     .katz-sdk-footer-timing,
     .katz-sdk-footer-address {
         margin-top: 30px
     }
 }

 @media only screen and (min-width:768px) {
     .footernav {
         display: none
     }
 }

 @media only screen and (max-width:767px) {
     .katz-sdk-footer-address {
         display: none
     }

     .katz-sdk-footer-timing {
         width: 175px;
         margin: 0 auto
     }

     .katz-sdk-footer-head {
         text-align: center
     }

     .katz-sdk-footer-menu ul {
         margin: 0 !important;
         padding: 0 !important
     }

     .katz-sdk-footer-copy {
         width: 100%;
         text-align: center;
         float: inherit !important;
         display: inline-block
     }

     .katz-sdk-footer-menu ul li {
         margin: 0 5px !important
     }

     .katz-sdk-footer-menu {
         text-align: center;
         display: block
     }

     .katz-sdk-footer-social-head {
         text-align: center
     }

     .katz-sdk-footer-social-bottom {
         text-align: center
     }

     .katz-sdk-footer-social-bottom ul li {
         display: inline-block
     }

     .footernav {
         height: 0;
         width: 100%;
         position: fixed;
         z-index: 9999;
         bottom: -100px;
         background-color: #fff;
         overflow-y: hidden;
         transition: 0.5s;
         padding: 20px 0
     }

     .footernav a {
         padding: 8px 8px 8px 32px;
         text-decoration: none;
         font-size: 25px;
         color: #818181;
         display: block;
         transition: 0.3s
     }

     .footernav a:hover {
         color: #f1f1f1
     }

     .footernav .closebtn {
         position: absolute;
         top: 0;
         right: 10px;
         font-size: 36px
     }

     .footer-nav-address {
         width: 100%;
         height: auto
     }

     .footer-nav-address h3 {
         width: 100%;
         text-align: center;
         text-transform: uppercase;
         font-family: 'Poppins', sans-serif;
         font-size: 22px;
         font-weight: 600;
         text-decoration: underline;
         margin-top: 30px;
         color: #001064
     }

     .footer-nav-address-inner {
         width: 100%;
         height: auto;
         flood-color: left;
         margin-top: 30px;
         overflow: hidden;
         padding: 0 30px
     }

     .footer-nav-address-inner ul {
         margin: 0;
         padding: 0;
         list-style: none;
         line-height: normal
     }

     .footer-nav-address-inner ul li {
         width: 100%;
         display: block;
         float: left;
         font-family: 'Poppins', sans-serif;
         color: #464545;
         margin-bottom: 25px;
         padding-left: 35px;
         position: relative
     }

     .footer-addr-email a,
     .footer-addr-phone_land a {
         font-size: 16px !important;
         color: #464545 !important;
         padding: 0
     }

     .footer-nav-address-inner ul li img {
         width: 20px;
         position: absolute;
         left: 0
     }
 }

.box {
    width: 100%;
    height: 200px;
    background-color: #ccc
}

.box2 {
    width: 100%;
    height: 200px;
    background-color: #000
}

.mt-100 {
    margin-top: 100px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mr-40 {
    margin-right: 40px!important
}

.mt-20 {
    margin-top: 20px!important
}

.map-block {
    width: 100%;
    padding-top: 50px
}

.katz-sdk-contactmap {
    width: 100%;
    height: auto;
    position: relative
}

.katz-sdk-map-pin {
    width: auto;
    height: auto;
    position: absolute!important;
    z-index: 1!important;
    border-radius: 100%;
    cursor: pointer
}

.katz-sdk-sau {
    top: 54%;
    left: 17%
}

.katz-sdk-AUS {
    top: 78%;
    left: 86%
}

.katz-sdk-SYD {
    top: 78%;
    left: 86%
}

.katz-sdk-MEL {
    top: 82%;
    left: 84%
}

.katz-sdk-COK {
    top: 46%;
    left: 64.5%
}

.katz-sdk-HYD {
    top: 39%;
    left: 66%
}

.katz-sdk-UAE {
    top: 38%;
    left: 59%
}

.katz-sdk-SGP {
    top: 54%;
    left: 74%
}

.kat-vv-cust-container {
    max-width: 1600px
}

.waves-block {
    width: 100%;
    height: 182px;
    position: absolute;
    z-index: -1
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2,.2);
        transform: scale(.2,.2);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    50% {
        opacity: .9;
        -ms-filter: "alpha(opacity=90)"
    }

    100% {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

.waves {
    position: absolute;
    width: 25px;
    height: 25px;
    background: rgba(10,31,184,.7);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    border-radius: 100%;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

.katz-sdk-footer-block .waves {
    position: absolute;
    width: 18px;
    height: 18px;
    background: rgba(0,255,220,.99);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    border-radius: 100%;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.katz-sdk-footer-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.katz-sdk-footer-block .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.katz-sdk-footer-block .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.tooltip2 {
    display: inline-block
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #001064;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: absolute;
    z-index: 99;
    bottom: 125%;
    left: 50%;
    margin-left: -85px;
    font-family: 'Poppins',sans-serif;
    font-size: 14px
}

.tooltip2 .tooltiptext span {
    font-size: 15px;
    font-weight: 500
}

.tooltip2 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #001064 transparent transparent transparent
}

.tooltip2:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.katz-sdk-contact-left {
    width: 100%;
    margin-top: 50px
}

.katz-sdk-contact-left h3 {
    width: 100%;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    color: #001064
}

.katz-sdk-contact-left-address {
    width: 100%;
    height: auto;
    flood-color: left;
    margin-top: 30px
}

.katz-sdk-contact-left-address ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal
}

.katz-sdk-contact-left-address ul li {
    width: 100%;
    display: block;
    float: left;
    font-family: 'Poppins',sans-serif;
    color: #464545;
    margin-bottom: 25px;
    padding-left: 45px;
    position: relative
}

.katz-sdk-contact-left-address ul li a {
    color: #464545!important
}

.katz-sdk-contact-left-address ul li a:hover {
    text-decoration: none!important;
    color: #464545!important
}

.katz-sdk-contact-left-address ul li img {
    width: 25px;
    position: absolute;
    left: 0
}

.katz-sdk-formbtn-outer {
    width: 100%
}

.katz-sdk-btn {
    width: auto;
    height: auto;
    background-color: #001064!important;
    border: 0!important;
    border-radius: 100px;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #fff!important;
    font-weight: 600;
    padding: 9px 25px;
    border: 2px solid #001064!important;
    text-transform: uppercase
}

.katz-sdk-btn:hover {
    color: #001064!important;
    background-color: #fff!important;
    transition: .5s
}

.katz-sdk-btn:focus {
    box-shadow: 0 0!important
}

.katz-sdk-btn-cancel {
    width: auto;
    height: auto;
    background-color: #fff!important;
    border: 0!important;
    border-radius: 100px;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #001064!important;
    font-weight: 600;
    padding: 9px 25px;
    border: 2px solid #001064!important;
    text-transform: uppercase;
    margin-left: 10px
}

.katz-sdk-btn-cancel:hover {
    color: #fff!important;
    background-color: #001064!important;
    transition: .5s
}

.katz-sdk-btn-cancel:focus {
    box-shadow: 0 0!important
}

.katz-sdk-form-block {
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0
}

.no-gutter {
    margin-right: 0;
    margin-left: 0
}

.no-gutter>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.katz-sdk-form-left {
    width: 100%;
    height: auto;
    margin-top: 100px
}

.katz-sdk-form-right {
    width: 100%;
    height: auto;
    box-shadow: 0 0 100px #ebebeb;
    padding: 50px
}

.katz-sdk-form-right h2 {
    width: 100%;
    text-transform: uppercase;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    font-size: 25px
}

.katz-sdk-form-right-inner {
    width: 100%;
    height: auto;
    margin-top: 30px
}

.floating-form {
    width: 320px
}

.floating-label {
    position: relative;
    margin-bottom: 30px
}

.floating-input,.floating-select {
    font-size: 14px;
    color: #464545;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #dfe4e8;
    font-family: 'Poppins',sans-serif;
    border-radius: 0
}

.floating-input:focus,.floating-select:focus {
    outline: 0;
    border-bottom: 1.5px solid #001064;
    transition: .5s;
    border-radius: 0
}

.katz-sdk-form-right-inner label {
    color: #999;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    top: 5px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.floating-input:focus~label,.floating-input:not(:placeholder-shown)~label {
    top: -20px;
    font-size: 14px;
    color: #001064;
    font-family: 'Poppins',sans-serif;
    font-weight: 500
}

.floating-select:focus~label,.floating-select:not([value=""]):valid~label {
    top: -20px;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #001064;
    font-weight: 500
}

.floating-select option {
    font-family: 'Poppins',sans-serif;
    color: #001064!important;
    background: none!important
}

.floating-select:option:hover {
    background: none!important
}

.floating-input:focus~.bar:before,.floating-input:focus~.bar:after,.floating-select:focus~.bar:before,.floating-select:focus~.bar:after {
    width: 50%;
    font-family: 'Poppins',sans-serif
}

.floating-textarea {
    min-height: 70px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden
}

.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.floating-input:focus~.highlight,.floating-select:focus~.highlight {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease
}

.katz-sdk-officesblock {
    width: 100%;
    height: auto;
    padding-bottom: 50px
}

.owl-dots {
    margin-top: 30px!important
}

.owl-theme .owl-dots .owl-dot span {
    border-radius: 0!important;
    width: 5px!important;
    height: 5px!important;
    margin: 0 15px!important;
    background-color: #282828!important
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    width: 5px;
    height: 5px;
    background-color: #282828!important;
    border-radius: 0!important;
    outline: 3px solid #282828;
    outline-offset: 8px
}

.katz-sdk-officesblock button:focus {
    outline: none!important
}

.katz-sdk-mainhead {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    color: #001064;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0
}

.katz-sdk-subhead {
    width: 100%;
    height: auto;
    margin: 10px 0 40px 0;
    text-align: center
}

.katz-sdk-subhead p {
    min-width: 200px;
    position: relative;
    margin: 0 auto;
    display: inline;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #345990;
    text-align: center
}

.katz-sdk-subhead p:before {
    content: "";
    width: 70px;
    height: 3px;
    background-color: #345990;
    position: absolute;
    left: -90px;
    top: 11px
}

.katz-sdk-subhead p:after {
    content: "";
    width: 70px;
    height: 3px;
    background-color: #345990;
    position: absolute;
    right: -90px;
    top: 11px
}

.katz-sdk-officesblock-bottom {
    width: 100%
}

.katz-sdk-offices-inner {
    width: 99%;
    height: auto;
    overflow: hidden
}

.katz-sdk-offices-inner .katz-sdk-offices-img {
    width: 100%;
    transition: transform 1s,filter 2s ease-in-out;
    transition: transform .5s,filter 1.5s ease-in-out
}

.katz-sdk-offices-inner:hover .katz-sdk-offices-img {
    transform: scale(1.1)
}

.katz-sdk-offices-innerbottom {
    width: 100%;
    border: solid #0b0757 1px;
    height: auto;
    padding: 20px;
    min-height: 305px
}

.katz-sdk-offices-countrytime {
    width: 100%
}

.katz-sdk-offices-country {
    width: auto;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    color: #0b0757;
    font-weight: 600;
    display: contents
}

.katz-sdk-offices-time {
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    color: #0b0757;
    font-weight: 500;
    margin-top: 10px
}

.katz-sdk-offices-time img {
    width: 18px!important;
    float: left;
    margin-right: 10px;
    margin-top: 2px
}

.katz-sdk-offices-address {
    width: 100%;
    height: auto;
    margin-top: 20px
}

.katz-sdk-offices-address ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal
}

.katz-sdk-offices-address ul li {
    width: 100%;
    display: block;
    font-family: 'Poppins',sans-serif;
    font-size: 13px;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative
}

.katz-sdk-offices-address ul li a {
    color: #464545
}

.katz-sdk-offices-address ul li a:hover {
    color: #464545;
    text-decoration: none
}

.katz-sdk-offices-address ul li img {
    width: 17px!important;
    position: absolute;
    left: 0
}

.width-20 {
    width: 20px!important
}

/* footer style  */