.integrations_insider-template-default #post-read-percent {
  display: none;
}

.single-integrations_insider #primary{
  padding: 200px 15px 120px 15px;
  border-radius: 0 0 0 120px;
  background: url(../assets/img/integration-hero.png) no-repeat center center;
  background-size: cover;
}

.single-integrations_insider{
  background: linear-gradient(181deg, #EFEBE4 44.78%, #FFF 52.88%), var(--BG-Primary, #EFEBE4);
}

@media screen and (max-width: 767px){
  .single-integrations_insider{
    background: #EFEBE4!important;
  }
}



.integrations-hero_area {
  display: flex;
  flex-wrap: nowrap;
}

.integrations_hero {
  flex-basis: 50%;
}

.integrations_list {
  background: none;
  padding-bottom: 80px;
}

.logo_container img {
  width: 110px;
}

.integrations_hero_content h1 {
  font-size: 40px;
  line-height: 48px;
  color: #EFEBE4;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}

.integrations_hero_content h1 span {
  color: #F4482B;
}

.integrations_hero .detail_description {
  font-family: Figtree;
  font-size: 20px;
  color: #EFEBE4 !important;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px;
}

.back_to_integrations {
  color: #EFEBE4;
  font-size: 16px;
  font-family: Figtree;
  font-weight: 500;
  padding: 12px 2.5px;
  line-height: 12px;
  display: block;
}

.back_to_integrations *{
  transition: all 0.3s ease-in-out!important;
}

.back_to_integrations:hover{
  color:#F4482B;
}

.back_to_integrations:hover svg path{
  stroke:#F4482B ;
}

.gap-1 {
  gap: 16px !important;
}

.text-start {
  text-align: left !important;
}

.back_to_integrations svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

.back_to_integrations.dark svg {
  color: #261A28 !important;
}

.back_to_integrations.dark {
  color: #261A28 !important;
  padding: 14px 0;
  line-height: 10px;
}

.back_to_integrations.dark *{
      transition: all 0.3s ease-in-out!important;
}

.back_to_integrations.dark:hover{
  color:#F4482B!important;
}

.back_to_integrations.dark:hover svg path{
  stroke:#F4482B;
}

.integration_logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.integration_logo_wrapper {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 26px !important;
  padding: 30px;
  margin: 0 auto;
}

.integration_website_url svg {
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

.integration_website_url {
  color: #EFEBE4;
  font-size: 16px;
  line-height: 12px;
  font-family: Figtree;
  font-weight: 500;
  padding: 12px 17px;
  display: flex!important;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, rgba(233, 46, 47, 1) 0%, rgba(255, 97, 38, 1) 100%);
  box-shadow: inset 0px 0px 10px #261a2831;
  border-radius: 80px;
  transition: transform 0.3s ease-in-out;
  letter-spacing: .2px;
}

.integration_website_url.stroke {
  backdrop-filter: blur(15px);
  background: #ffffff08;
  border: 1px solid #98989869;
  width: auto;
}

.integration_website_url:hover {
  border-radius: 15px;
  color: #fff;
}

a:hover {
  color: unset;
}

.integration_single_form {
  background-color: white;
  padding: 30px;
  box-shadow: -6.87068px 18.1136px 32.5383px rgba(5, 18, 54, 0.1);
}

/* FORM CSS */

.integration_single_form {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

.integration_single_form label {
  display: none !important;
}

.integration_single_form .hs-main-font-element {
  display: block !important;
}

.integration_single_form .hs-error-msgs {
  list-style-type: none !important;
  text-align: left;
}

.integration_single_form .hubspot-form-invisible {
  display: none !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.integration_single_form .form-itself {
  margin-top: 0px;
}

.integration_single_form {
  padding: 50px 50px 50px 50px;
  background-color: white;
  border-radius: 25px;
}

.integration_single_form .invalid error {
  display: block !important;
}

.integration_single_form .hubspot-form-visible {
  display: block !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.integration_single_form .input {
  background-color: #ECF2F7;
  margin-bottom: -10px;
  border-radius: 8px !important;
  margin-right: 0px !important;
}

.integration_single_form .input input:not(.hs-form-booleancheckbox input) {
  border-bottom-width: 0px !important;
  border-bottom: none !important;
  border-bottom-style: none !important;
  height: 46px;
  padding-right: 10px !important;
  border-bottom-width: 0px !important;
  font-weight: 500;
  color: #7E8D9B;
  font-size: 14px !important;
}

.integration_single_form select {
  height: 46px;
  padding-left: 10px;
  font-weight: 500;
  color: #7E8D9B;
  border-bottom-width: 0px !important;
  font-size: 14px !important;
}

.integration_single_form .hs-fieldtype-intl-phone input {
  height: 46px;
  padding-left: 10px;
  font-weight: 500;
  color: #7E8D9B;
  border-bottom-width: 0px !important;
}

.integration_single_form input:not(.hs-button) {
  padding-left: 10px !important;
}

.integration_single_form .legal-consent-container {
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.integration_single_form .legal-consent-container ul {
  padding-left: 0px !important;
}

.integration_single_form .legal-consent-container .input {
  background: none !important;
}

.integration_single_form .hs-richtext {
  margin-bottom: -20px;
}

.integration_single_form .actions {
  text-align: center;
}


.integration_single_form .hs-button {
  font-size: 16px;
  margin: 0 auto;
  width: 100% !important;
  background-color: #FAFF79 !important;
  color: #051236 !important;
  border-radius: 60px !important;
  display: block !important;
}

.integration_single_form .hs-field-desc {
  display: none !important;
}

.integration_single_form .hs-fieldtype-select select {
  padding-left: 10px !important;
}

.integration_single_form .hs-fieldtype-select::after {
  margin-top: -20px !important;
  margin-right: -10px !important;
  background-color: #ECF2F7 !important;
  width: 8px !important;
}

.integration_single_form .hs-form-booleancheckbox-display {
  display: flex !important;
}

.integration_single_form .hs-form-booleancheckbox-display span {
  margin-left: 22px !important;
  margin-bottom: 10px !important;
}

.integration_single_form .hs-form-booleancheckbox-display span p {
  font-size: 8px !important;
}

.integration_single_form .hs-richtext p {
  font-size: 8px !important;
  padding-left: 16px;
}

.integration_single_form .hs_error_rollup .hs-main-font-element {
  font-size: 12px;
  color: red;
  margin-bottom: -12px;
  margin-top: -20px;
  padding-left: 26px;
}

.integration_single_form .form-header {
  margin-bottom: 10px;
  color: #061235;
  font-size: 15px !important;
  font-weight: 700;
  margin-top: 0px !important;
}

.integration_single_form .form-content {
  font-size: 13px;
  font-weight: 500;
}

.integration_single_form .hs-richtext p a {
  color: #4EDCCE !important;
}

.integration_single_form .hs_pseudo_submit .hs-button:hover {
  cursor: pointer;
}

.integration_single_form .hs-form fieldset>div .hs-error-msgs {
  margin: 0px !important;
}

.integration_single_form fieldset>div {
  margin-bottom: 10px !important;
}

.integration_single_form fieldset {
  margin-bottom: 10px !important;
}

@media only screen and (max-width:600px) {
  .integration_single_form fieldset>div {
    margin-bottom: 20px !important;
  }

  .integration_single_form fieldset {
    margin-bottom: 0px !important;
  }

  .integration_single_form .hs-form-booleancheckbox-display span p {
    font-size: 9px !important;
  }

  .integration_single_form .hs-richtext p {
    font-size: 9px;
    padding-left: 38px;
  }

  .integration_single_form .hs_error_rollup .hs-main-font-element {
    font-size: 9px;
    padding-left: 12px;
  }
}


#fold-2 .container {
  text-align: center;
}

#fold-2 .container .use_case_container {
  padding: 40px 0;
  gap: 70px 0;
}

#fold-2 .use_case_container .use-case {
  padding: 0 16px;
  text-align: left;
}

.integrations_about {
  padding-top: 15px;
  padding-bottom: 80px;
}

.custom_container {
  max-width: 1200px;
  padding: 0 120px;
}

.integrations_about h1 {
  font-family: "Red Hat Display", sans-serif !important;
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  color: #261A28;
}

#fold-2 .use_case_container .use-case h2 {
  font-family: "Red Hat Display", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600;
  margin: 0;
  color: #261A28;
  margin-bottom: 16px;
  line-height: 17.29px;
}

#fold-2 .use_case_container .use-case p {
  font-family: Figtree;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 27px;
  color: #261A28;
  margin-bottom: 0;
}

#other_integrations .explore_inner_section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

#other_integrations h3 {
  font-family: "Red Hat Display", sans-serif !important;
  font-size: 32px !important;
  line-height: 38px;
  font-weight: 400;
  color: #261A28;
  margin-top: 40px;
  margin-bottom: 40px;
}

#other_integrations .integration_single_item_container {
  position: relative;
}

#other_integrations .integration_single_item_front {
  display: flex;
  gap: 11px;
}

#other_integrations .integration_single_item_front p {
  text-align: left;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 27px;
  color: #261A28;
}

#other_integrations .integration_single_item_front .integration_single_item_logo {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 50%;
  background: #fff;
  padding: 10px;
  border: 1px solid #CBCBCB;
  display: flex;
  align-items: center;
  justify-content: center;
}

#other_integrations .integration_single_item_front .integration_single_item_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#other_integrations .integration_single_item_front .integration_insider_icon {
  width: 100%;
}

#other_integrations .integration_single_item_front .integration_single_item_front_title {
  font-family: "Red Hat Display", sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #261A28;
  line-height: 17.29px;
}

#other_integrations .integration_single_item_front .single_item_category_name {
  color: #474048;
  font-size: 12px !important;
  font-family: Figtree;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  padding: 4px 8.5px;
  line-height: 10px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

#other_integrations .integration_single_item_front .single_item_category_name_container {
  border: 1px solid #DCDEE6;
  display: inline-block;
  border-radius: 10px;
  margin-bottom: 8px;
  background: #fff;
}


#other_integrations .integration_single_item_front_title {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 600;
  color: #061235;
}

#other_integrations .integration_single_item_front_title p {
  margin-top: 20px;
  font-family: Figtree;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 27px;
  color: #261A28;
}

#other_integrations .integration_single_item_front_title p span {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 500;
  color: #061235;
  line-height: 1.5;
  display: block;
}

#other_integrations .integration_single_item_front_title p {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 500;
  color: #061235;
  line-height: 1.5;
  display: block;
}

#other_integrations .integration_single_item_front_title a {
  color: #2047EE;
  font-family: Figtree;
  font-size: 12px;
  font-weight: 700;
}


.integrations_insider-template-default #integrations_footer {
  background-color: #051235;
  text-align: center;
}

#integrations_footer .footer_header {
  font-family: Figtree;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  margin: 20px 0px;
}

#integrations_footer .footer_content {
  color: white;
  font-family: Figtree;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 100px;
}

#integrations_footer .footer_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_bottom .footer_copyright {
  margin-bottom: 0px !important;
  color: #8896AB;
  font-family: Figtree;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.integrations_insider-template-default .integrations_about p {
  color: #261A28;
  font-family: Figtree;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.custom_int {
  min-height: 768px;
}

.custom_int .integrations_hero_content h1 {
  font-weight: 500;
  letter-spacing: 0.5px;
}

.custom_int .integrations_hero_content .detail_description {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}


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

  .integrations-hero_area {
    flex-wrap: wrap;
  }

  .integrations_hero {
    flex-basis: 100%;
  }

  .integrations_hero {
    flex-basis: 100%;
  }

  .integrations_hero .logo_container {
    text-align: center !important;
    margin-bottom: 30px;
  }

  .integrations_hero_content {
    text-align: center !important;
  }

  .integrations_hero_right {
    flex-basis: 100%;
    margin-top: 40px;
  }

  .integrations_insider-template-default h3 {
    font-size: 7vw;
    text-align: center !important;
  }

  #fold-2 .use_case_container .use-case {
    flex-basis: 100%;
  }

  #integrations_footer .footer_header {
    font-size: 5vw;
    line-height: 1.5;
  }

  #integrations_footer .footer_content {
    padding: 0 !important;
    line-height: 1.5;
    font-size: 3.5vw;
  }

  #integrations_footer .footer_bottom {
    flex-wrap: wrap;
    justify-content: center;
  }

  #integrations_footer .footer_bottom .footer_logo_container {
    margin-bottom: 15px;
    flex-basis: 100%;
  }

  .footer_bottom .footer_copyright {
    font-size: 3vw;
    line-height: 1.5;
  }
}


#modal0.modal.fade.scenerioPopup.casePopup.show {
  display: flex !important;
  justify-content: center;
  left: 0 !important;
}


#modal0 .modal-body {
  padding: 20px !important;
  max-height: 90vh;
  overflow-y: auto;
}

#modal0 .modal-dialog.modal-dialog-centered {
  margin: 0px !important;
}

#modal0 h2 {
  font-family: Figtree;
  font-weight: 700;
  font-size: 26px !important;
  margin-bottom: 10px;
  margin-top: 0px !important
}

#modal0 p {
  font-family: Figtree;
  font-size: 15px;
  font-weight: 400;
}

#modal0 label {
  display: none;
}

#modal0 input:not(input[type="checkbox"]) {
  background-color: #ECF2F7;
  color: #3F5B71;
  font-family: Figtree;
  font-weight: 500;
  font-size: 15px;
  padding-left: 15px;
  height: 45px;
  border-radius: 5px;
}

#modal0 input::placeholder {
  color: #3F5B71;
}

#modal0 select[name="industry_dropdown"] {
  background-color: #ECF2F7;
  color: #3F5B71;
  font-family: Figtree;
  font-weight: 500;
  font-size: 15px;
  padding: 0px 0px 0px 15px;
  height: 45px;
  border-radius: 5px;

}

#modal0 select {
  color: #3F5B71 !important;
}

#modal0 .hs_industry_dropdown::after {
  top: 10px;
  background-color: #ECF2F7;
}

#modal0 .hs_industry_dropdown .input {
  height: 45px;
}

#modal0 .form-columns-2>div,
#modal0 .form-columns-1>div {
  margin-bottom: 5px !important;
}

#modal0 .hs-error-msg {
  display: block;
  margin-bottom: 10px !important;
  padding-top: 5px !important;
  font-size: 10px;
}

#modal0 .hs-button {
  all: unset;
  width: 70%;
  background-color: #051235 !important;
  font-family: Figtree !important;
  padding: 10px;
  border-radius: 30px !important;
  color: #FBFF79 !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}

#modal0 .experience_button {
  font-family: Figtree;
  font-size: 16px;
  font-weight: 700;
  color: #FBFF79;
  background-color: #051235;
  width: 40%;
  padding: 10px;
  border-radius: 30px;
}

#modal0 .popupClose {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  z-index: 10;
  font-size: 20px;
  color: black;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: 0 0;
  outline: none;
  color: black;
}

#modal0 .form-columns-2>div {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#modal0 .form-columns-2 {
  justify-content: space-between !important;
  gap: 0.5em;
}

#modal0 .form-columns-2>div .input {
  margin-right: 0px !important;
}

#modal0 .form-columns-1 .input {
  margin-right: 0px !important;
}

#modal0 .hs-form-booleancheckbox label {
  display: block;
}

#modal0 .hs-form-booleancheckbox p {
  font-size: 10px;
}

#modal0 .hs-richtext p {
  font-size: 10px;
}

#modal0 input[type="checkbox"],
#modal0 input[type="checkbox"]:after,
#modal0 input[type="checkbox"]:before {
  width: 20px;
  height: 20px;
}

#modal0 a {
  color: #4FDCCE;
}

@media only screen and (max-width:600px) {
  #modal0 fieldset {
    margin-bottom: 5px !important;
  }

  #modal0 .form-columns-2>div,
  #modal0 .form-columns-1>div {
    margin-bottom: 5px !important;
  }
}

.experience_button {
  font-family: Figtree;
  font-size: 16px;
  font-weight: 700;
  color: #FBFF79;
  background-color: #051235;
  width: 40%;
  padding: 10px;
  border-radius: 30px;
}

.modal {
  left: 35% !important
}

.InsiderOne-Logomark {
  width: 480px;
  height: 507px;
  flex: 0 0 480px;
}

.InsiderOne-Logomark.top-left {
  left: -50px;
  top: -50%;
}

.InsiderOne-Logomark.bottom-right {
  right: -100px;
  bottom: 0;
}

.InsiderOne-Logomark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hero-section {
  padding: 146px 0;
}

.hero-section .custom_int {
  padding: 200px 0;
}

.custom_integration {
  flex-basis: 40%;
}

.video_card {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.video_card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.video_card::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 124px;
  background: linear-gradient(0deg, #18181B 50%, #18181b00 100%);
  width: 100%;
}

@media (max-width: 767.98px) {
  .integrations_hero {
    flex-basis: 100% !important;
  }

  .integration_logo_wrapper {
    width: 80px;
    height: 80px;
    padding: 15px;
  }

  .hero-section {
    padding: 60px 0;
  }

  .integrations_hero_content .detail_description {
    margin: 0 0 32px 0;
  }

  #other_integrations .integration_single_item_front .single_item_category_name {
    padding: 6px 10px;
  }

  #other_integrations .integration_single_item_front .single_item_category_name_container {
    background: #ffffff;
  }

  #other_integrations h3 {
    font-size: 28px !important;
    line-height: 32px;
  }

}

@media (max-width: 991.98px) {}

@media (max-width: 1199.98px) {
  .integrations_hero {
    flex-basis: 70%;
  }

  .InsiderOne-Logomark {
    display: none;
  }

  #fold-2 .use_case_container .use-case {
    text-align: center;
  }

  #other_integrations .integration_single_item_front p {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .integration_logo_wrapper {
    width: 80px;
    height: 80px;
    margin-bottom: 24px !important;
  }

  .integrations_hero_content h1 {
    font-size: 24px;
    line-height: 40px;
  }

  .integrations_hero .detail_description {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 22px;
  }

  .integration_website_url {
    font-size: 14px;
    padding: 10px 14px;
  }

  .back_to_integrations {
    font-size: 14px;
    padding: 10px 1.5px;
  }

  .hero-section {
    padding: 78px 0;
  }

  .integrations_about h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 12px;
  }

  .integrations_insider-template-default p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }

  .integrations_about {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  #fold-2 .container .use_case_container {
    gap: 32px 0;
  }

  .custom_container {
    padding: 0 44px;
  }

  #other_integrations h3 {
    text-align: center !important;
    margin-bottom: 30px;
  }

  #other_integrations .integration_single_item_front .single_item_category_name {
    padding: 3px 7.5px;
  }

  #other_integrations .back_to_integrations.dark {
    margin-top: 16px;
  }

  #other_integrations .integration_single_item_front {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .integrations_list {
    padding-bottom: 0;
  }

  .custom_int {
    min-height: 542px;
  }

  .custom_int .integrations_hero_content h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .custom_int .integrations_hero_content .detail_description {
    margin-bottom: 20px;
  }

  .custom_int .integrations_hero_content h1 {
    font-weight: 400;
  }

  .integrations_list {
    /*background: #EFEBE4;*/
  }

}

@media screen and (max-width: 576px) {
  .hero-section {
    padding: 40px 17px;
  }

  .integration_logo_wrapper {
    margin-bottom: 8px !important;
  }

  .integrations_hero_content h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .integrations_hero .detail_description {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .gap-1 {
    gap: 8px !important;
  }

  .integrations_about h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 24px;
  }

  .custom_container {
    padding: 0 16px !important;
  }

  .integrations_insider-template-default p {
    line-height: 22px;
  }

  #fold-2 .use_case_container .use-case p {
    line-height: 22px;
  }

  #other_integrations .integration_single_item_front p {
    line-height: 27px;
  }

  .integrations_about {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #fold-2 .container .use_case_container {
    gap: 64px 0;
    padding: 32px 0;
    padding-bottom: 0;
  }

  #fold-2 .use_case_container .use-case h2 {
    font-size: 20px !important;
    margin-bottom: 24px;
    line-height: 24px;
  }

  #other_integrations h3 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  #other_integrations .integration_single_item_front .single_item_category_name {
    padding: 3px 8.5px;
    line-height: 12px !important;
  }

  .custom_container {
    padding-bottom: 20px !important;
  }

  .integration_website_url {
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    padding: 12px 14px;
  }

  .custom_int {
    flex-direction: unset !important;
  }

}


#with-insider{
  position: relative;
  overflow: hidden;
  padding-top: 50px;
    padding-bottom: 70px;
    height: 650px;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
  }

#with-insider .video-bg{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
        border-radius: 0px 120px 0px 0px;

}

#with-insider::after{
    content: "";
    height: 124px;
    background: linear-gradient(0deg, #18181B 50%, rgba(24, 24, 27, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

#with-insider .video-bg video{
      width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 0px;
}
#with-insider .container{
      max-width: 920px !important;
}
.with-insidercontend{
  max-width: 470px;
}

#with-insider h2{
  color: #EFEBE4;
  text-align: center;
  font-family: var(--Font-Family-Display, "Red Hat Display");
  font-size: var(--Font-Font-Size-4XL, 40px)!important;
  font-style: normal;
  font-weight: var(--Font-Font-Weight-Medium, 500);
  line-height: var(--Font-Line-Height-4XL, 48px); /* 120% */
  letter-spacing: var(--Font-Letter-Spacing-L, 0.5px);
}
#with-insider p{
  color: rgba(239, 235, 228, 0.9);
    font-size: 18px;
}

#with-insider .btn.btn-navy.btn-teal.rounded.align-self-center.mt-3{
  color: #FFF !important;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(8px);
    box-shadow: 0px 0px 0px 1px rgba(239, 235, 228, 0.1019607843), 0px 1px 1px -0.5px rgba(38, 26, 40, 0.0509803922), 0px 3px 3px -1.5px rgba(38, 26, 40, 0.0509803922), 0px 6px 6px -3px rgba(38, 26, 40, 0.0509803922), 0px 1px 1px 1px rgba(239, 235, 228, 0.2) inset, 0px -1px 1px 1px rgba(38, 26, 40, 0.1019607843) inset;
    font-size: 16px;
    padding: 14px 16px;
    font-weight: 500;
    line-height: 1.3;
    border: none !important;
    margin-right: 0px;
    min-width: 144px;
    margin-top: 8px !important;
    transition: background-position 0.5s ease, background-color 0.3s ease;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

#with-insider h2 em{
  color: var(--Text-Brand, #F4482B);
  font-family: var(--Font-Family-Display, "Red Hat Display");
  font-size: var(--Font-Font-Size-4XL, 40px);
  font-style: normal;
  font-weight: var(--Font-Font-Weight-Medium, 500);
  line-height: var(--Font-Line-Height-4XL, 48px);
  letter-spacing: var(--Font-Letter-Spacing-L, 0.5px);
}

#with-insider .btn.btn-navy.btn-teal.rounded.align-self-center.mt-3:hover{
      background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media screen and (min-width: 768px) and (max-width: 1023px){
  #other_integrations .integration_single_item_front{
    justify-content: center;
    flex-wrap: wrap;
  }
}