html, body, p, h1, h2, h3, h4, h5, h6, input{
    margin: 0px;
    padding: 0px;
    border:0px;
    font-family: "Montserrat", sans-serif;
}
:root {
    --navy: #022169;
    --softblue:#F2F7FA;
    --teal300: #6ACCBC;
    --teal400: #40A99B;
  }





section{
    padding: 7.5% 7%;
}
h1{
    font-size: 54px;
    font-weight: 500;
    margin-bottom: 20px; 
    line-height: 122%;
    color: var(--navy);
}
h1 span{
    font-weight: 600;
    color: var(--teal400);
}
h2{
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 70px;
    color: var(--navy);
}
h2 span{
    color:var(--teal300);
}
h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}
p{
    font-size: 14px;
    font-weight: 400;
    line-height: 175%;
    color: var(--navy);
}
a{
    text-decoration: none;
    border-radius: 6px;
    padding: 12px 34px;
    font-size: 16px;
}
.ks-cta-main{
    background-color: var(--teal400);
    color: white;
    font-weight: 600;
    border: 1px solid var(--teal400);
    transition: ease-in-out 0.3s;
}
.ks-cta-main:hover{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
.ks-cta-secondary{
    background-color: white;
    color: var(--navy);
    font-weight: 600;
    border: 1px solid var(--navy);
}
.ks-dual-cta{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
svg, img{
    margin-bottom: 12px;
}
.ks-mb, .ks-tb{
    display: none;
}



/*******HERO*********/
.ks-career{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4.5% 7% 3% 7%;
}
.ks-hero-info{
    width: 45%;
    margin-bottom: 70px;
}
.ks-career p{
    font-size: 16px;
    margin-bottom: 32px;
    line-height: 140%;
}
.ks-hero-img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
}
.ks-hero-img img{
    width: 112%;
}
/*******BENEFITS*********/
@keyframes infiniteScroll {
    from {transform: translateX(0)}
    to {transform: translateX(-1987.6px)}
  }
.ks-benefits{
    background-color: var(--navy);
    padding: 24px 0px;
    width: 100%;
    overflow-x: hidden;
}
.ks-benefits-wrapper{
    display: flex;
    width: 1987.6px;
    animation-name: infiniteScroll;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.ks-single-benefit{
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
    padding-right: 50px;
}
.ks-benefits p{
    font-size: 22px;
    color: var(--teal400);
    font-weight: 500;
    white-space: nowrap;
}
.ks-benefits img{
    margin-bottom: 0px;
}
/*******STORY*********/
.ks-storyinnovation{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.ks-storyinnovation-info{
    width: 100%;
    padding: 10% 15% 10% 14%;
    box-sizing: border-box;
}
.ks-storyinnovation-info h2{
    margin-bottom: 20px;
}
.ks-storyinnovation p{
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 140%;
}
.ks-storyinnovation .ks-dual-cta{
    margin-top: 40px;
}
.ks-storyinnovation-img{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/a\ story\ of\ innovtion.png);
    background-size:cover;
}
.ks-storyinnovation-img img{
    width: 100%;
    margin: 0;
}
/*******CULTURE*********/
section.ks-culture{
    background-color: var(--navy);
}
section.ks-culture p{
    margin-bottom: 65px;
}
section.ks-culture p, section.ks-culture h2{
    color:white;
}
section.ks-culture h3{
    color:var(--teal300);
}
.ks-culture-wrapper{
    display:flex;
    flex-wrap: wrap;
    gap: 4.3%;
}
.ks-culture-feature{
    max-width:29%;
}
/*******FIGURES*********/
.ks-single-figure h3{
    font-size: 36px;
    color: var(--teal300);
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 14px;
}
.ks-single-figure p{
    margin-top: -5px;
    font-size: 16px;
    font-weight: 500;
}
.ks-worldwide{
    position: relative;
}
.ks-worldwide-figuresandlocations{
    display: flex;
}
.ks-locations-accordion{
    display: none;
}
.ks-worldwide h2{
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}
.ks-map{
    margin-top: -50px;
}
/*******POP-UP OFFICES*********/
.location-pop-up::after{
    content:"";
    background-color: transparent;
    border-bottom: 14px solid white;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 14px solid transparent;
    position: absolute;
    top: -27px;
    left: calc(51% - 16px);
}
.location-pop-up::before{
    content:"";
    background-color: transparent;
    border-bottom: 14px solid #ccc;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 16px solid transparent;
    position: absolute;
    top: -30px;
    left: calc(51% - 18px);
}
.location-pop-up{
    display: none;
    grid-template-columns: 2fr 1.5fr;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    max-width: 680px;
    background-color: white;
    position: absolute;
    transform: translateX(-50%);
    margin-top: 24px;
}
.location-pop-up-info{
    padding: 20px;
}
.location-pop-up-info h6{
    font-size: 20px;
    font-weight: 500;
    color: var(--navy);
    margin-bottom: 5px;
}
.location-pop-up-info p{
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 130%;
    margin-bottom: 20px;
}
.location-pop-up-info p.last{
    margin-bottom: 26px;
}
.location-pop-up-info a{
    display: block;
    width: fit-content;
    font-size: 14px;
}
.location-pop-up-img.cheseaux{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/Kudelski-Security-PR-01-1-600x400.jpg);
    background-size: cover;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.madrid{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/1519780231181.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.france{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.germany{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.adliswil{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.london{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.phoenix{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.dallas{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.atlanta{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up{
    width: 460px;
}
.location-pop-up-img.india{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.singapore{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
.location-pop-up-img.taiwan{
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/img/france.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 8px 8px 0px;
}
/*******LOCATIONS*********/
.ks-map-inner{
    width: fit-content;
    height: fit-content;
    position: relative;
}
.ks-map-inner img{
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}
.ks-single-location{
    width: 10px;
    height: 10px;
    /*background-color: red;*/
    opacity: 0.5;
    display: block;
    position: absolute;
    cursor: pointer;
}
.madrid{
    top:41%;
    left:46.6%;
}
.cheseaux{
    top:37.5%;
    left:49.3%;
}
.france{
    top:36.5%;
    left:48.25%;
}
.germany{
    top:33.76%;
    left:51.5%;
}
.adliswil{
    top:35.6%;
    left:49.9%;
}
.london{
    top:33.7%;
    left:47.1%;
}
.phoenix{
    top:42.9%;
    left:16.4%;
}
.dallas{
    top:43.8%;
    left:20.75%;
}
.atlanta{
    top:43.8%;
    left:24.6%;
}
.india{
    top:53.8%;
    left:69.15%;
}
.singapore{
    top:59.35%;
    left:75.65%;
}
.taiwan{
    top:49.3%;
    left:81.7%;
}
.ks-single-location.madrid:hover + .location-pop-up.madrid, .location-pop-up.madrid:hover{
    display: grid;
}
.ks-single-location.cheseaux:hover + .location-pop-up.cheseaux, .location-pop-up.cheseaux:hover{
    display: grid;
}
.ks-single-location.france:hover + .location-pop-up.france, .location-pop-up.france:hover{
    display: grid;
}
.ks-single-location.germany:hover + .location-pop-up.germany, .location-pop-up.germany:hover{
    display: grid;
}
.ks-single-location.adliswil:hover + .location-pop-up.adliswil, .location-pop-up.adliswil:hover{
    display: grid;
}
.ks-single-location.london:hover + .location-pop-up.london, .location-pop-up.london:hover{
    display: grid;
}
.ks-single-location.phoenix:hover + .location-pop-up.phoenix, .location-pop-up.phoenix:hover{
    display: grid;
}
.ks-single-location.dallas:hover + .location-pop-up.dallas, .location-pop-up.dallas:hover{
    display: grid;
}
.ks-single-location.atlanta:hover + .location-pop-up.atlanta, .location-pop-up.atlanta:hover{
    display: grid;
}
.ks-single-location.india:hover + .location-pop-up.india, .location-pop-up.india:hover{
    display: grid;
}
.ks-single-location.singapore:hover + .location-pop-up.singapore, .location-pop-up.singapore:hover{
    display: grid;
}
.ks-single-location.taiwan:hover + .location-pop-up.taiwan, .location-pop-up.taiwan:hover{
    display: grid;
}
/*******LOCATIONS-ACCORDIONS*********/
details{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 16px 20px;
    margin-top: -1px;
}
summary{
    font-size: 18px;
    color: var(--navy);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}
summary::marker{
    font-size: 0;
}
summary.switzerland::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/switzerland.png);
    background-size: contain;
    border-radius: 4px;
}
summary.usa::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/usa.png);
    background-size: cover;
    border-radius: 4px;
}
summary.spain::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/spain.png);
    background-size: cover;
    border-radius: 4px;
}
summary.uk::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/uk.png);
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
summary.germany::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/germany.png);
    background-size: cover;
    border-radius: 4px;
}
summary.france::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/france.png);
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
summary.taiwan::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/taiwan.png);
    background-size: cover;
    border-radius: 4px;
}
summary.singapore::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/singapore.png);
    background-size: cover;
    border:1px solid #ddd;
    border-radius: 4px;
}
summary.india::before{
    content: "";
    height: 25px;
    width: 36px;
    background-image: url(/img/india.png);
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
summary::after{
    content: "+";
    display: block;
    position: absolute;
    right: 54px;
    font-size: 34px;
    font-weight: 400;
}
details[open] summary::after{
    content: "-";
}
details p{
    line-height: 130%;
    padding: 10px 46px;
    color: #444;
}
details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
  }
@keyframes sweep {
    0%    {opacity: 0; margin-left: -10px}
    100%  {opacity: 1; margin-left: 0px}
}
/*******LOCATIONS-ACCORDIONS*********/
.ks-inclusion h2{
    margin-bottom: 20px;
}
.ks-inclusion p{
    max-width: 700px;
    margin-bottom: 60px;
}
swiper-container {
    width: 100%;
    height: 100%;
}
swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}
swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
swiper-slide {
    width: auto;
    height: 480px;
    background-color: lightgrey;
    border-radius: 12px;
    border: 1px solid #eee;
    margin-bottom: 40px;
    position: relative;
    box-sizing: border-box;
}
swiper-slide a{
    height: 100%;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    cursor: url('/img/play.png') 20 20, auto;
}
.video-slide1{
    background-size: cover;
    background-position: bottom;
}
.video-tag{
    background-color: rgba(255,255,255,0.8);
    display: flex;
    gap:10px;
    border-radius: 100px;
    padding: 10px 24px 10px 10px;
    align-items: center;
    width: max-content;
    z-index: 1;
    position: relative;
}
.video-tag img{
    width: 20px;
    margin-bottom: 0;
}
.video-tag span{
    display: block;
    font-size: 12px;
    color: black;
}
.swiper-pagination-bullet-active {
     background-color: #000 !important;
}
.testimonialsmp4{
   height: 100%;
   width: 100%;
   object-fit:cover;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0;
   border-radius: 12px;
   border: 1px solid #eee;
   pointer-events: none;
}
/*******GALLERY*********/
.ks-gallery{
    padding-top: 0px;
}
.ks-gallery h2{
    margin-bottom: 20px;
}
.ks-gallery p{
    max-width: 700px;
    margin-bottom: 40px;
}
.ks-gallery .ks-benefits{
    background-color: var(--softblue);
    color: var(--navy);
    position: relative;
    overflow-y: hidden;
}
.ks-gallery .ks-benefits p{
    margin-bottom: 0px;
    color: var(--navy);
}
.ks-benefits::before{
    width: 50px;
    height: 100px;
    background: rgb(255,255,255);
    background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.ks-benefits::after{
    width: 50px;
    height: 100px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}
.ks-gallery-wrapper{
    margin-top: 20px;
    height: 475px;
    display: flex;
    gap: 2%;
}
.ks-gallery-main{
    width: 70%;
    height: 100%;
    background-image: url(/img/gallery-amin.png);
    background-size: cover;
}
.ks-gallery-thumbnails{
    height: 100%;
    width: 28%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ks-gallery-thumbnails-100{
    background-image: url(/img/Kudelski-Security-PR-01-1-600x400.jpg);
    background-size: cover;
    background-position: center;
    height: 33%;
}
.ks-gallery-thumbnails-50{
    height: 64%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.ks-gallery-thumbnails-50 div{
    background-color: lightskyblue;
    height: 48%;
    width: 48%;
}

/*******TESTIMONIALS*********/
.ks-testimonials{
    padding-top: 20px;
}
.ks-testimonials h2{
    margin-bottom: 20px;
}
.ks-testimonials p{
    max-width: 700px;
    margin-bottom: 60px;
}
.ks-testimonials-wrapper{
    column-count: 4;
    column-gap: 26px;
    box-sizing: border-box;
    position: relative;
}
.ks-single-testimonial{
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 26px;
    break-inside: avoid;
    background-color: var(--softblue);
    padding: 30px 26px;
    border-radius: 8px;
    box-sizing: border-box;
    height: fit-content;
}
.ks-testimonial-photoandname{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.ks-testimonial-photoandname img{
    height: 32px;
    margin-bottom: 0;
    border: 1px solid #ddd;
    border-radius: 100px;
}
.ks-testimonial-photoandname span{
    font-size: 18px;
    font-weight: 600;
    color: #022169;
}
.ks-single-testimonial p{
    margin-bottom: 0;
}
.gradient-scroll{
    height: 220px;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
/*******NEWSLETTER*********/
.ks-newsletter{
    background-color: var(--teal300);
    display: flex;
    justify-content: space-between;
    align-content: center;
    gap:4%;
    padding: 6% 14%;
}
.ks-newsletter div{
    width: 48%;
}
.ks-newsletter h2{
    color: var(--navy);
    margin-bottom: 30px;
    font-weight: 600;
}
.ks-newsletter h2 span{
    color: white;
    font-weight: 600;
}
.ks-newsletter p{
    font-size: 18px;
    max-width: 450px;
    line-height: 150%;
}
.ks-newsletter form{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
input{
    background-color: var(--teal300);
    border: none;
    border-bottom: 1.5px solid var(--navy);
    color: var(--navy);
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 30px;
    display: block;
    width:100%;
    max-width: 420px;
}
input::placeholder{
    color: var(--navy);
    opacity: 0.75;
}
input[type=submit]{
    background-color: var(--navy);
    color: white;
    padding: 12px 36px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    max-width: fit-content;
    cursor: pointer;
}
input:focus{
    outline-style: none;
    box-shadow: none;
}











@media (max-width:1200px){
    h1{
        font-size: 46px;
    }
    .ks-storyinnovation{
        grid-template-columns: 2fr 1fr;
    }
    .ks-storyinnovation-img{
        background-position: right;
    }
    .ks-storyinnovation-info{
        padding: 10% 10% 10% 15%;
    }
}
@media (max-width:980px){
    .ks-storyinnovation{
        grid-template-columns: 3fr 1fr;
    }
    .ks-storyinnovation-img{
        background-position: right -100px top;
    }
    .ks-tb{
        display: block;
    }
    .ks-title-mb{
        display: flex;
        align-items: flex-end;
        gap:20px;
    }
    .ks-title-mb h2{
        width: 70%;
    }
    .ks-title-mb img{
        width: 30%;
    }
    .ks-story-img{
        display: none;
    }
    .ks-story-info{
        width: 100%;
    }
    .ks-map{
        margin-top: 0px;
    }
    .ks-testimonials-wrapper{
        column-count: 3;
    }
    .ks-newsletter{
        background-color: var(--teal300);
        display: flex;
        flex-direction: column;
        gap:50px;
    }
    .ks-newsletter div{
        width: 100%;
    }
    .ks-newsletter form{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width:800px){
    section{
        padding: 10% 7.5%;
    }
    .ks-storyinnovation-img{
        background-position: right -150px top;
    }
    .ks-culture-feature{
        max-width:45%;
    }
    .ks-culture-wrapper{
        gap: 10%;
    }
    section.ks-culture p{
        margin-bottom: 50px;
    }
    h1{
        font-size: 46px;
    }
    .ks-career{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .ks-hero-info, .ks-hero-img{
        width: 100%;
    }
    .ks-hero-img{
        justify-content: flex-start;
    }
    .ks-hero-img img{
        width: 60%;
    }
    .ks-worldwide h2{
        margin-bottom: 20px;
    }
    .ks-figures-wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        margin-top: 16px;
    }
    .ks-figures{
        width: 100%;
    }
    .ks-single-figure{
        border: 1px solid #eee;
        padding-left: 16px;
        padding-bottom: 16px;
    }
    .ks-figures-wrapper div:nth-child(1){
        border-top: none;
        border-left: none;
    }
    .ks-figures-wrapper div:nth-child(2){
        border-top: none;
        border-right: none;
    }
    .ks-figures-wrapper div:nth-child(3){
        border-bottom: none;
        border-left: none;
    }
    .ks-figures-wrapper div:nth-child(4){
        border-bottom: none;
        border-right: none;
    }
    .ks-single-figure h3{
        font-size: 28px;
    }
    .ks-map{
        display: none;
    }
    .ks-locations-accordion{
        display: block;
    }
    .ks-worldwide{
        margin-bottom: 0px;
    }
    .ks-testimonials-wrapper{
        column-count: 2;
    }
    .ks-newsletter{
        padding: 10%;
    }
}
@media (max-width:600px){
    .ks-storyinnovation{
        display: flex;
        flex-direction: column-reverse;
    }
    .ks-storyinnovation-img{
        height: 220px;
        background-position:right top;
    }
    .ks-storyinnovation-info{
        width: 100%;
        padding: 7%;
        box-sizing: border-box;
    }
    .ks-testimonials-wrapper{
        column-gap: 16px;
    }
    .ks-single-testimonial{
        margin-bottom: 16px;
        padding: 20px 16px;
    }
    .ks-single-testimonial p{
        font-size: 12px;
        line-height: 140%;
    }
    .ks-testimonial-photoandname span{
        font-size: 14px;
        word-break: break-word;
    }
}
@media (max-width:500px){
    .ks-mb{
        display: block;
    }
    .ks-culture-feature{
        max-width:100%;
    }
    section.ks-culture p{
        margin-bottom: 50px;
    }
    h1{
        font-size: 36px;
    }
    h1 br{
        display:none;
    }
    h2{
        font-size: 28px;
    }
    a{
        font-size: 14px;
    }
    .ks-career p{
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 130%;
    }
    .ks-dual-cta{
        gap: 18px;
    }
    .ks-hero-img img{
        width: 70%;
    }
    @keyframes infiniteScroll {
        from {transform: translateX(0)}
        to {transform: translateX(-1483.34px)}
      }
    .ks-benefits{
        background-color: var(--navy);
        padding: 20px 0px;
    }
    .ks-single-benefit img{
        height: 20px;
    }
    .ks-benefits-wrapper{
        width: 1483.34px;
        animation-duration: 20s;
    }
    .ks-single-benefit{
        padding-right: 40px;
    }
    .ks-benefits p{
        font-size: 16px;
    }
    .ks-title-mb h2{
        width: 60%;
    }
    .ks-title-mb img{
        width: 40%;
    }
    .ks-single-figure h3{
        font-size: 20px;
    }
    .ks-single-figure p{
        font-size: 14px;
    }
    .ks-single-figure{
        border: 1px solid #eee;
        padding-left: 10px;
        padding-bottom: 10px;
    }
    summary::after{
        right: 40px;
    }
    summary{
        font-size: 14px;
    }
    summary::before{
        width: 30px !important;
        height: 20px !important;
    }
    details p{
        padding: 10px 40px;
    }
}