.cet-form-modal .modal-body {
   padding: 0 25px 25px 25px;
}
.cet-form-modal .modal-header {   
  border-bottom: none;
}
.cet-form-modal .modal-body h3 {
   font-family: var(--ff-primary) !important;
}
.cet-form-modal .modal-content {
   border-radius: 9px;
}

.cet-recruiter-contact_fi-phone {
  display: flex;
  align-items: center;
  gap: 0 .5rem;
  margin-top: .5rem;
}

.cet-recruiter-contact_fi-phone {
  display: flex;
  align-items: center;
  gap: 0 .5rem;
  margin-top: .5rem;
}

@media (max-width: 414px) {
  .cet-recruiter-contact_fi-phone svg {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 765px) and (min-width: 520px) {
  .cet-recruiter-contact_fi-phone svg {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cet-recruiter-contact_fi-phone svg {
    width: 25px;
    height: 25px;
  }
}

.overflow-hidden {
  overflow: hidden !important;
}

.cet-curved-img-banner-container {
  border-color: var(--clr-dark-gray);
  box-shadow: 0px 5px 20px 0px #0000001a;
}

#contact-component-1 .bg-transparent-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 0.2);
  transform: translate(-100%, -60%);
}

@media (max-width: 767.9px) {
  #contact-component-1 .bg-transparent-circle {
    transform: translate(-50%, -106%);
  }
}

@media (max-width: 576px) {
  #contact-component-1 .bg-transparent-circle {
    transform: translate(-50%, -121%);
  }
}

.new-contact .cet-purple-grd-bg {
  border-radius: 12px;
}

.bg-dots-overlay {
  background-image: url(/cetera/public/img/dots-overlay.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media (max-width: 768px) {
  .bg-dots-overlay {
    background-image: none;
  }
}

.gsc-button.with-arrow::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('/cetera/public/img/arrow-forward.svg');
}

.gsc-button.btn-secondary,
.gsc-button.btn-secondary.with-arrow,
.gsc-button.btn-secondary.cet-on-white-bg {
  background: transparent !important;
  color: var(--clr-white) !important;
  border: 2px solid var(--clr-yellow) !important;
}

.gsc-button.btn-secondary:hover,
.gsc-button.btn-secondary.with-arrow:hover,
.gsc-button.btn-secondary.cet-on-white-bg:hover {
  background: var(--clr-yellow) !important;
  color: var(--clr-black) !important;
  border: 2px solid var(--clr-yellow) !important;
}

.gsc-button.btn-secondary.with-arrow::after,
.gsc-button.btn-secondary.cet-on-white-bg::after {
  background-image: url("/cetera/public/img/arrow-forward-white.svg") !important;
}

.gsc-button.btn-secondary.with-arrow:hover::after,
.gsc-button.btn-secondary.cet-on-white-bg:hover::after {
  background-image: url("/cetera/public/img/arrow-right.svg") !important;
}


.gsc-button.btn-secondary.cet-on-white-bg.with-arrow {
  background: transparent !important;
  color: var(--clr-black) !important;
  border: 2px solid var(--clr-black) !important;
}


.gsc-button.btn-secondary.cet-on-white-bg.with-arrow::after {
  background-image: url("/cetera/public/img/side-arrow-right.svg") !important;
}


.gsc-button.btn-secondary.cet-on-white-bg.with-arrow:hover {
  background: var(--clr-yellow) !important;
  color: var(--clr-black) !important;
  border: 2px solid var(--clr-yellow) !important;
}


.gsc-button.btn-secondary.cet-on-white-bg.with-arrow:hover::after {
  background-image: url("/cetera/public/img/angle-right.svg") !important;
}

.cet-white-bg {
  background-color: var(--clr-white) !important;
}

.cet-border-radius-12 {
  border-radius: 12px !important;
}

.cet-curved-img-banner-container {
  min-height: 0;
}

.cet-img-line-bg {
  width: 75%;
  display: flex;
}

@media (max-width: 768px) {
  .cet-img-line-bg {
    width: 100%;
  }
}

.cet-img-plane-overlay {
  top: 74%;
  left: 50%;
  z-index: 3;
}

@media (max-width: 1200px) {
  .cet-img-plane-overlay {
    top: 65%;
    left: 44%;
  }
}

@media (max-width: 992px) {
  .cet-img-plane-overlay {
    width: 68px;
    top: 45%;
    left: 49%;
  }
}

@media (max-width: 768px) {
  .cet-img-plane-overlay {
    top: 75%;
    left: 67%;
  }
}

@media (max-width: 576px) {
  .cet-img-plane-overlay {
    top: 74%;
    left: 69%;
  }
}

.cet-img-overlay-1 {
  width: 210px;
  height: 314px;
  top: 34px;
  left: 76px;
  z-index: 2;
}

.cet-img-overlay-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 1200px) {
  .cet-img-overlay-1 {
    width: 180px;
    top: 20px;
    left: 50px;
  }
}

@media (max-width: 992px) {
  .cet-img-overlay-1 {
    width: 150px;
    height: 220px;
    top: 20px;
    left: 50px;
  }
}

@media (max-width: 767px) {
  .cet-img-overlay-1 {
    width: 140px !important;
    height: 208px !important;
    top: 20px !important;
    left: 30px !important;
  }
  
  .cet-img-overlay-2 {
    width: 140px !important;
    height: 208px !important;
    top: 50px !important;
    left: 180px !important;
  }

  .cet-img-overlay-1 img,
  .cet-img-overlay-2 img {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  .cet-img-overlay-1 {
    width: 40%;
    top: 12%;
    left: 12%;
  }
}

@media (max-width: 576px) {
  .cet-img-overlay-1 {
    width: 40%;
    top: 12%;
    left: 12%;
  }
}

.cet-img-overlay-2 {
  width: 210px;
  height: 314px;
  top: 50px;
  left: 330px;
  z-index: 2;
}

.cet-img-overlay-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 1200px) {
  .cet-img-overlay-2 {
    width: 180px;
    top: 70px;
    left: 240px;
  }
}

@media (max-width: 992px) {
  .cet-img-overlay-2 {
    width: 150px;
    top: 40px;
    left: 200px;
  }
}

@media (max-width: 768px) {
  .cet-img-overlay-2 {
    width: 40%;
    top: 22%;
    left: 56%;
  }
}

#contact-component-2 .bg-transparent-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 0.2);
  transform: translate(-100%, -50%);
}

@media (max-width: 767.9px) {
  #contact-component-2 .bg-transparent-circle {
    transform: translate(-50%, -106%);
  }
}

@media (max-width: 576px) {
  #contact-component-2 .bg-transparent-circle {
    transform: translate(-50%, -102%);
  }
}

#contact-component-3 .bg-transparent-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 0.2);
  transform: translate(-100%, -60%);
}

@media (max-width: 767.9px) {
  #contact-component-3 .bg-transparent-circle {
    transform: translate(-50%, -106%);
  }
}

@media (max-width: 576px) {
  #contact-component-3 .bg-transparent-circle {
    transform: translate(-50%, -136%);
  }
}

.cet-img-pages-overlay {
  background-position: 95% 95%;
  background-repeat: no-repeat;
  background-image: url('/cetera/public/img/report-icon.svg');
}

.cet-top-divider {
  border-top: 1px solid var(--clr-light-gray);
}

@media (max-width: 576px) {
  .cet-top-divider {
    border-top: none;
  }
}

.cet-bg-image-gradient {
  position: relative;
  background: linear-gradient(
  180deg,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 1) 60%,
  rgba(255, 255, 255, 0.7) 100%
  ),
  url("/cetera/public/img/woman-working-on-computer.avif") no-repeat;
  width: 100%;
  background-size: cover;
  background-position: 100% -109%;
}

@media (max-width: 1200px) {
  .cet-bg-image-gradient {
    background-position: 100% -320%;
    background-size: auto;
  }
}

@media (max-width: 992px) {
  .cet-bg-image-gradient {
    background-position: 100% 600%;
    background-size: auto;
  }
}

@media (max-width: 768px) {
  .cet-bg-image-gradient {
    background-position: 100% 562%;
  }
}

@media (max-width: 576px) {
  .cet-bg-image-gradient {
    background-position: 100% -5%;
    transform: scaleX(-1);
  }

  .cet-bg-image-gradient > * {
    transform: scaleX(-1);
  }
}

@media (max-width: 450px) {
  .cet-bg-image-gradient {
    background-position: 100% -19%;
    transform: scaleX(-1);
  }

  .cet-bg-image-gradient > * {
    transform: scaleX(-1);
  }
}

.single-img-variation .cet-img-overlay-1 {
    top: 36px !important;
    left: calc(50% - 105px) !important;
}
@media (max-width: 1200px) {
    .single-img-variation .cet-img-overlay-1 {
        width: 180px !important;
        top: 40px !important;
        left: calc(50% - 90px) !important;
    }
}
@media (max-width: 992px) {
    .single-img-variation .cet-img-overlay-1 {
        width: 150px !important;
        height: 220px !important;
        top: 50px !important;
        left: calc(50% - 75px) !important;
    }
}
@media (max-width: 767.98px) {
    .single-img-variation .cet-img-overlay-1 {
        width: 40% !important;
        height: unset !important;
        top: 22% !important;
        left: 30% !important;
    }
}

.single-img-variation .cet-bg-image-gradient {
  background-position: 100% -47% !important;
}
@media (max-width: 1200px) {
  .single-img-variation .cet-bg-image-gradient {
    background-position: 100% -121% !important;
    background-size: auto !important;
  }
}
@media (max-width: 992px) {
  .single-img-variation .cet-bg-image-gradient {
    background-position: 100% -1800% !important;
    background-size: auto !important;
  }
}
@media (max-width: 768px) {
  .single-img-variation .cet-bg-image-gradient {
    background-position: 100% -12% !important;
    background-size: auto !important;
  }
}
@media (max-width: 576px) {
  .single-img-variation .cet-bg-image-gradient {
    background-position: 100% -5% !important;
    background-size: auto !important;
  }
}


@media (min-width: 995.98px) and (max-width: 1199.98px) {
  .new-contact .cet-white-bg {
    min-height: 420px;
  }
  .new-contact .cet-img-overlay-2 {
    left: 260px;
  }
  .new-contact .cet-img-plane-overlay {
    top: 320px;
    left: 210px;
  }
}
@media (max-width: 992px) {
    .cet-img-overlay-2 {
        height: 220px;
        left: 213px;
    }
    .cet-img-plane-overlay {
        top: 69%;
        left: 57%;
    }
}
@media (max-width: 767.98px) {
    .cet-img-overlay-1 {
        width: 40% !important;
        height: unset !important;
        top: 12% !important;
        left: 12% !important;
    }
    .cet-img-overlay-2 {
        width: 40% !important;
        height: unset !important;
        top: 22% !important;
        left: 56% !important;
    }
    .cet-img-plane-overlay {
        top: 79%;
        left: 72%;
    }
}
@media (min-width: 320px) and (max-width: 400px) {
  .cet-img-plane-overlay {
    top: 71%;
    left: 64%;
  }
}
@media (max-width: 320px) {
  .cet-img-plane-overlay {
    top: 67%;
    left: 59%;
  }
}