/*******************************************************
 *
 * General
 *
 *******************************************************/
#inner-page-wrapper>.container {
  width: 100%;
  padding: 0;
}

body:not(.home) #inner-page-wrapper {
  margin-bottom: 0 !important;
}

#services-corsec .section-container{
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
}

 /*******************************************************
 *
 * Banner
 *
 *******************************************************/
#services-corsec .banner{
  background-image: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), var(--bg-image, none);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#services-corsec .banner-container{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  padding: 89px 0;
}

#services-corsec .banner__copy{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 24px;
  max-width: 606px;
  font: 1.25rem/1.65rem var(--font-metropolis);
  letter-spacing: 0;
  color: white;
}

#services-corsec .banner__copy h1{
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 100%;
  padding-right: 16px;
}

/* Form */
#services-corsec .banner-form__container{
  margin-left: auto;
  padding: 50px 29px;
  background: var(--secondary-color);
}
#services-corsec .banner-form{
  width: auto;
}
#services-corsec .banner-form__container h2{
  margin-bottom: 25px;
  font: 700 32px/38px "Metropolis", sans-serif;
  letter-spacing: 0;
  color: var(--black-color-2);
}

#services-corsec .banner-form__container h3{
  margin-bottom: 25px;
  font-family: Metropolis;
  font-weight: 700;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: 0;
}
#services-corsec .site-form .select2-selection__rendered{
  top: 0px !important; /* Fix text vertical alignment */
}
#services-corsec .banner-form__container .form-button-col{
  margin-top: 25px;
}
#services-corsec .banner-form__container .form-terms{
  margin: 25px 11px 0;
  max-width: 467px;
}

/*******************************************************
 *
 * Why Corsec
 *
 *******************************************************/
#services-corsec .why-corsec{
  background: #F3F6F8;
}

#services-corsec .why-corsec .content{
  display: flex;
  flex-flow: column nowrap;
  gap: 64px;
}

#services-corsec .why-corsec .content__row{
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 72px;
  padding: 64px 0;
}


#services-corsec .why-corsec .content__image{
  position: relative;
  flex: 1 0 0;
  align-self: flex-start;
  width: 100%;
  max-width: min(651px, 100%);
}

#services-corsec .why-corsec .content__image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#services-corsec .why-corsec .content__image-arfix{
  position: relative;
  height: 0;
  padding-bottom: 80.64%;
}

#services-corsec .why-corsec .content__text{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;;
  margin-left: 20px;
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
}

#services-corsec .why-corsec .content__text h2{
  font: 700 2.25rem/2.7rem var(--font-metropolis);
  color: #2A4357;
}
#services-corsec .why-corsec .content__text-description:not(:first-child){
  margin-top: 16px;
}

#services-corsec .why-corsec .content__text-description > * {
  margin: 0;  
}
#services-corsec .why-corsec .content__text-description > * + * {
  margin-top: 24px;
}

#services-corsec .why-corsec .content__text-description ul{
  padding-left: 20px;
  list-style: disc;
}

/*******************************************************
 *
 * Services
 *
 *******************************************************/
#services-corsec .services{
  background: white;
}

#services-corsec .content{
  padding: 64px 0;
}

#services-corsec .content__header{
  margin: 0 auto;
  width: min(740px, 100%);
  text-align: center;
}

#services-corsec .content__header > * + *{
  margin-top: 24px;
}

#services-corsec .content__header h2{
  font: 700 2.25rem/2.7rem var(--font-metropolis);
  letter-spacing: 0;
  color: #2A4357;
}

#services-corsec .content__header .description{
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
  color: #5B5C61;
}

#services-corsec .services__list{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
}

#services-corsec .services__list-item{
  padding: 24px;
  min-height: 240px;
  width: calc(calc(100% / 5) - 24px + calc(24px / 5));
  background: #F8F8F8;
  border: 1px solid #D7D7D7;
}

#services-corsec .services__list-item > * + *{
  margin-top: 16px;
}

#services-corsec .services__list-item-image{
  width: 56px;
  height: 56px;
}

#services-corsec .services__list-item-content{
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
  color: #5B5C61;
}

 /*******************************************************
 *
 * Article Cards
 *
 *******************************************************/
#services-corsec .article-cards{
  background: #F3F6F8;
}

#services-corsec .article-cards .content{
  padding: 24px 0;
}

#services-corsec .article-cards .content__row{
  position: relative;
  /* display: flex;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 40px 0;
}

#services-corsec .article-cards .content__image{
  position: relative;
  flex: 1 0 auto;
  align-self: flex-start;
  width: 100%;
  max-width: min(650px, 100%);
}

#services-corsec .article-cards .content__image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#services-corsec .article-cards .content__image-arfix{
  position: relative;
  height: 0;
  padding-bottom: 75.38%;
}

#services-corsec .article-cards .content__text{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;;
  margin-left: 69px;
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
}

#services-corsec .article-cards .content__text h2{
  font: 700 2.25rem/2.7rem var(--font-metropolis);
  color: #2A4357;
}
#services-corsec .article-cards .content__text-description:not(:first-child){
  margin-top: 28px;
}

#services-corsec .article-cards .content__text-description > * {
  margin: 0;  
}
#services-corsec .article-cards .content__text-description > * + * {
  margin-top: 24px;
}

#services-corsec .article-cards .content__text-description ul{
  padding-left: 20px;
  list-style: disc;
}

#services-corsec .article-cards .content__text-description ul > li + li {
  margin-top: 8px;
}

/* List with check */
#services-corsec .article-cards .content__text-description ul.list-check{
  padding-left: 0;
  list-style: none;
}

#services-corsec .article-cards .content__text-description ul.list-check > li{
  position: relative;
  padding-left: 40px;
}

#services-corsec .article-cards .content__text-description ul.list-check > li + li {
  margin-top: 16px;
}

#services-corsec .article-cards .content__text-description ul.list-check > li::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjc5NiA3LjU0NTk3TDkuNzk1OTYgMTkuNTQ2QzkuNjkxNDQgMTkuNjUwOSA5LjU2NzI1IDE5LjczNDEgOS40MzA1IDE5Ljc5MDlDOS4yOTM3NiAxOS44NDc2IDkuMTQ3MTUgMTkuODc2OSA4Ljk5OTA4IDE5Ljg3NjlDOC44NTEwMiAxOS44NzY5IDguNzA0NDEgMTkuODQ3NiA4LjU2NzY2IDE5Ljc5MDlDOC40MzA5MiAxOS43MzQxIDguMzA2NzIgMTkuNjUwOSA4LjIwMjIxIDE5LjU0NkwyLjk1MjIxIDE0LjI5NkMyLjg0NzU2IDE0LjE5MTMgMi43NjQ1NSAxNC4wNjcxIDIuNzA3OTIgMTMuOTMwNEMyLjY1MTI4IDEzLjc5MzYgMi42MjIxMyAxMy42NDcxIDIuNjIyMTMgMTMuNDk5MUMyLjYyMjEzIDEzLjM1MTEgMi42NTEyOCAxMy4yMDQ2IDIuNzA3OTIgMTMuMDY3OEMyLjc2NDU1IDEyLjkzMTEgMi44NDc1NiAxMi44MDY5IDIuOTUyMjEgMTIuNzAyMkMzLjA1Njg1IDEyLjU5NzYgMy4xODEwOSAxMi41MTQ2IDMuMzE3ODIgMTIuNDU3OUMzLjQ1NDU1IDEyLjQwMTMgMy42MDEwOSAxMi4zNzIxIDMuNzQ5MDggMTIuMzcyMUMzLjg5NzA4IDEyLjM3MjEgNC4wNDM2MiAxMi40MDEzIDQuMTgwMzUgMTIuNDU3OUM0LjMxNzA4IDEyLjUxNDYgNC40NDEzMSAxMi41OTc2IDQuNTQ1OTYgMTIuNzAyMkw5LjAwMDAyIDE3LjE1NjNMMjAuMjA0MSA1Ljk1NDFDMjAuNDE1NCA1Ljc0Mjc2IDIwLjcwMjEgNS42MjQwMiAyMS4wMDEgNS42MjQwMkMyMS4yOTk4IDUuNjI0MDIgMjEuNTg2NSA1Ljc0Mjc2IDIxLjc5NzggNS45NTQxQzIyLjAwOTIgNi4xNjU0NCAyMi4xMjc5IDYuNDUyMDkgMjIuMTI3OSA2Ljc1MDk4QzIyLjEyNzkgNy4wNDk4NiAyMi4wMDkyIDcuMzM2NTEgMjEuNzk3OCA3LjU0Nzg1TDIxLjc5NiA3LjU0NTk3WiIgZmlsbD0iIzVCNUM2MSIvPgo8L3N2Zz4K');
}

/* For even */
#services-corsec .article-cards .content__row:nth-child(even) .content__image{
  /* flex-flow: row-reverse nowrap; */
  grid-row: 1;
  grid-column: 2;
}

#services-corsec .article-cards .content__row:nth-child(even) .content__text{
  grid-row: 1;
  grid-column: 1;
  margin-left: 0;
  margin-right: 59px;
}

/*******************************************************
 *
 * How it Works
 *
 *******************************************************/
#services-corsec .how-works .content{
  display: flex;
  flex-flow: column nowrap;
  gap: 64px;
}

#services-corsec .how-works .content__row{
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 80px 0;
}


#services-corsec .how-works .content__image{
  position: relative;
  flex: 1 0 auto;
  align-self: flex-start;
  width: 100%;
  max-width: min(650px, 100%);
}

#services-corsec .how-works .content__image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#services-corsec .how-works .content__image-arfix{
  position: relative;
  height: 0;
  padding-bottom: 61.53%;
}

#services-corsec .how-works .content__text{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;;
  margin-left: 69px;
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
}

#services-corsec .how-works .content__text h2{
  font: 700 2.5rem/3rem var(--font-metropolis);
  color: #2A4357;
}
#services-corsec .how-works .content__steps:not(:first-child){
  margin-top: 40px;
}

#services-corsec .how-works .content__steps ul{
  padding-left: 0;
  list-style: none;
}

#services-corsec .how-works .content__step + .content__step{
  margin-top: 24px;
}

#services-corsec .content__step{
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}

#services-corsec .content__step-text{
  display: flex;
  align-items: center;
}

#services-corsec .content__step-ordinal{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  min-height: 64px;
  font: 700 2.5rem/2.5rem var(--font-metropolis);
  letter-spacing: 0;
  color: #419FF8;
  border-right: 1px solid #2A4357;
}
#services-corsec .content__step-text{
  font: 1rem/1.5rem var(--font-metropolis);
}

 /*******************************************************
 *
 * Contact
 *
 *******************************************************/
#services-corsec .contact{
  background: #F3F6F8;
}

#services-corsec .contact .content{
  padding: 80px 0;
}

#services-corsec .contact .content__row{
  position: relative;
  /* display: flex;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#services-corsec .contact .content__image{
  position: relative;
  flex: 1 0 auto;
  align-self: flex-start;
  width: 100%;
  max-width: min(650px, 100%);
}

#services-corsec .contact .content__image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#services-corsec .contact .content__image-arfix{
  position: relative;
  height: 0;
  padding-bottom: 69.23%;
}

#services-corsec .contact .content__text{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;;
  margin-right: 80px;
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
}

#services-corsec .contact .content__text > * + *{
  margin-top: 24px;
}

#services-corsec .contact .content__text h2{
  font: 700 2.5rem/3rem var(--font-metropolis);
  letter-spacing: 0%;
  color: #2A4357;
}
#services-corsec .contact .content__text-description:not(:first-child){
  margin-top: 28px;
}

#services-corsec .contact .content__text-description > * {
  margin: 0;  
}
#services-corsec .contact .content__text-description > * + * {
  margin-top: 24px;
}

#services-corsec .contact .content__text-description ul{
  padding-left: 20px;
  list-style: disc;
}

#services-corsec .contact .content__text-description ul > li + li {
  margin-top: 8px;
}

#services-corsec .content__contact-details > div{
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  font: 1rem/1.5rem var(--font-metropolis);
  letter-spacing: 0;
  color: #2A4357;
}

#services-corsec .content__contact-details .mark{
  background: transparent;
}

#services-corsec .contact .contact__button-container{
  margin-top: 40px;
}

/*******************************************************
 *
 * Media Queries
 *
 *******************************************************/
@media only screen and (max-width: 1280px){
  #services-corsec .services__list-item{
    width: calc(calc(100% / 4) - 24px + calc(24px / 4));
  }
}

@media only screen and (max-width: 1024px){
  #services-corsec .services__list-item{
    width: calc(calc(100% / 3) - 24px + calc(24px / 3));
  }
}

@media only screen and (max-width: 991px){
  #services-corsec .section-container{
    padding: 0 24px;
  }
  /*******************************************************
   *
   * Banner
   *
   *******************************************************/
  #services-corsec.banner{
    background: none;
  }

  #services-corsec .banner .section-container{
    padding: 0;
  }

  #services-corsec .banner-container{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0;
    padding: 0;
  }

  #services-corsec .banner__copy{
    padding: 100px 25px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), var(--bg-image, none);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    max-width: none;
  }

  #services-corsec .banner__copy > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
    text-align: center;
  }

  #services-corsec .banner__copy h1{
    margin: 0 auto;
    padding: 0;
  }

  /* Form */
  #services-corsec .banner-form{
    width: 470px;
  }

  #services-corsec .banner-form__container{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: none;
  }

  #services-corsec .banner-form__submit{
    width: 100%;
  }

  #services-corsec .banner-form__container .form-terms{
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
  }
  
  /*******************************************************
   *
   * Why CorSec
   *
   *******************************************************/
  #services-corsec .why-corsec .content{
    gap: 24px;
  }

  #services-corsec .why-corsec .content__row{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    justify-items: center;
    gap: 48px;
    margin: 0 auto;
    max-width: 650px;
  }

  #services-corsec .why-corsec .content__text{
    margin: 0;
  }

  /*******************************************************
   *
   * Article Cards
   *
   *******************************************************/
  #services-corsec .article-cards .content{
    gap: 24px;
  }

  #services-corsec .article-cards .content__row{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    justify-items: center;
    gap: 48px;
    margin: 0 auto;
    max-width: 650px;
  }

  #services-corsec .article-cards .content__text{
    margin: 0;
  }

  #services-corsec .article-cards .content__row:nth-child(even) .content__image{
    grid-row: auto;
    grid-column: auto;
  }

  #services-corsec .article-cards .content__row:nth-child(even) .content__text{
    grid-row: auto;
    grid-column: auto;
    margin: 0;
  }

  /*******************************************************
   *
   * How it Works
   *
   *******************************************************/
  #services-corsec .how-works .content{
    gap: 24px;
  }

  #services-corsec .how-works .content__row{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    justify-items: center;
    gap: 48px;
    margin: 0 auto;
    max-width: 650px;
  }

  #services-corsec .how-works .content__text{
    margin: 0;
  }

  /*******************************************************
   *
   * Contact
   *
   *******************************************************/
  #services-corsec .contact .content{
    gap: 24px;
  }

  #services-corsec .contact .content__row{
    display: flex;
    flex-flow: column-reverse nowrap;
    gap: 48px;
    margin: 0 auto;
    max-width: 650px;
  }

  #services-corsec .contact .content__text{
    margin: 0;
  }

  #services-corsec .contact .contact__button-container a{
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px){
  #services-corsec .services__list-item{
    width: calc(calc(100% / 2) - 24px + calc(24px / 2));
  }
}

@media only screen and (max-width: 480px){
  #services-corsec .services__list{
    flex-flow: column nowrap;
  }

  #services-corsec .services__list-item{
    width: 100%;
    min-height: 200px;
  }
}