/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
  /* Primary Colors */
  --orange: #FF551A;
  --indigo: #4744D1;
  --violet: #A8B1FF;
  --blue: #A8EAFF;
  --dark-grey: #262626;
  --grey: #3E484A;
  --white: #FFFFFF;

  /* Secondary Colors */
  --violet-100: #F2F2F7;
  --violet-200: #F2E2FF;
  --violet-300: #E3E3F8;
  --violet-500: #D9D9F1;

  /* Gradients */
  --gradient-linear-straight-1: linear-gradient(180deg, #FFDC62 100%, #FF551A 100%);
  --gradient-linear-straight-2: linear-gradient(180deg, #F86520 100%, #6676EA 100%);
  --gradient-linear-angled: linear-gradient(145deg, #FF551A 100%, #4744D1 100%);
  --gradient-linear-straight-3: linear-gradient(180deg, #F1F1F7 0%, #FFFFFF 100%);
  /* Fonts */

  --primary-font: "Sora", sans-serif;
  --secondary-font: "Inter", sans-serif;
  
  /* Headings */
  --heading-h1-font-size: 62px;
  --heading-h1-line-height: 75px;

  --heading-h2-font-size: 40px;
  --heading-h2-line-height: 48px;

  --heading-h3-font-size: 36px;
  --heading-h3-line-height: 44px;

  --heading-h4-font-size: 32px;
  --heading-h4-line-height: 39px;

  --heading-h5-font-size: 24px;
  --heading-h5-line-height: 30px;

  --heading-h6-font-size: 18px;
  --heading-h6-line-height: 24px;

  /* Subheadings */
  --subheading-18-regular: 18px;
  --subheading-18-bold: 18px;
  --subheading-16-regular: 16px;
  --subheading-16-medium: 16px;
  --subheading-16-bold: 16px;
  --subheading-14-regular: 14px;
  --subheading-14-medium: 14px;
  --subheading-14-bold: 14px;
  --subheading-12-medium: 12px;

  /* Body */
  --body-16: 16px;
  --body-14: 14px;
  --body-12: 12px;

  /* Other */
  --border-radius: 12px;
  --bs-gutter-x: 20px !important;
  
  /* Spacing Variables */
  --spacing-xx-large: 160px;
  --spacing-x-large: 140px;
  --spacing-large: 80px;
  --spacing-medium: 60px;
  --spacing-small: 40px;
  --spacing-x-small: 30px;
  --spacing-xs: 20px; /* Used for all other spacing below 30px */
  --spacing-xxs: 10px; /* Example for any very small spacing */
}
body{font-family: var(--primary-font);}
.container-fluid {
overflow: unset!important;
padding: 0;
}
.dnd-section .dnd-column {
    padding: 0 0rem;
}
.w-1045 {
    max-width: 1045px !important;
}
.w-870 {
    max-width: 870px !important;
}

.w-690 {
    max-width: 690px !important;
}
.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }
.mb-105 { margin-bottom: 105px; }
.mb-110 { margin-bottom: 110px; }
.mb-115 { margin-bottom: 115px; }
.mb-120 { margin-bottom: 120px; }
.mb-125 { margin-bottom: 125px; }
.mb-130 { margin-bottom: 130px; }
.mb-135 { margin-bottom: 135px; }
.mb-140 { margin-bottom: 140px; }
.mb-145 { margin-bottom: 145px; }
.mb-150 { margin-bottom: 150px; }
.mb-155 { margin-bottom: 155px; }
.mb-160 { margin-bottom: 160px; }
.p-40 {padding:40px}
.pb-40 {padding-bottom:40px}
.pb-60 {padding-bottom:60px}
.pb-20 {padding-bottom:20px}
.mb-20 {margin-bottom:20px}
.mt-10 {margin-top:10px}
.mb-30 {margin-bottom:30px}
.mb-40 {margin-bottom:40px}
.pl-40 {padding-left:40px}
.pr-40 {padding-right:40px}
.pr-60 {padding-right:60px}
.pt-60 {padding-top:60px}

.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }
.mt-105 { margin-top: 105px; }
.mt-110 { margin-top: 110px; }
.mt-115 { margin-top: 115px; }
.mt-120 { margin-top: 120px; }
.mt-125 { margin-top: 125px; }
.mt-130 { margin-top: 130px; }
.mt-135 { margin-top: 135px; }
.mt-140 { margin-top: 140px; }
.mt-145 { margin-top: 145px; }
.mt-150 { margin-top: 150px; }
.mt-155 { margin-top: 155px; }
.mt-160 { margin-top: 160px; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }
.ml-65 { margin-left: 65px; }
.ml-70 { margin-left: 70px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-85 { margin-left: 85px; }
.ml-90 { margin-left: 90px; }
.ml-95 { margin-left: 95px; }
.ml-100 { margin-left: 100px; }
.ml-105 { margin-left: 105px; }
.ml-110 { margin-left: 110px; }
.ml-115 { margin-left: 115px; }
.ml-120 { margin-left: 120px; }
.ml-125 { margin-left: 125px; }
.ml-130 { margin-left: 130px; }
.ml-135 { margin-left: 135px; }
.ml-140 { margin-left: 140px; }
.ml-145 { margin-left: 145px; }
.ml-150 { margin-left: 150px; }
.ml-155 { margin-left: 155px; }
.ml-160 { margin-left: 160px; }
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }
.mr-65 { margin-right: 65px; }
.mr-70 { margin-right: 70px; }
.mr-75 { margin-right: 75px; }
.mr-80 { margin-right: 80px; }
.mr-85 { margin-right: 85px; }
.mr-90 { margin-right: 90px; }
.mr-95 { margin-right: 95px; }
.mr-100 { margin-right: 100px; }
.mr-105 { margin-right: 105px; }
.mr-110 { margin-right: 110px; }
.mr-115 { margin-right: 115px; }
.mr-120 { margin-right: 120px; }
.mr-125 { margin-right: 125px; }
.mr-130 { margin-right: 130px; }
.mr-135 { margin-right: 135px; }
.mr-140 { margin-right: 140px; }
.mr-145 { margin-right: 145px; }
.mr-150 { margin-right: 150px; }
.mr-155 { margin-right: 155px; }
.mr-160 { margin-right: 160px; }
.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-75 { padding-top: 75px; }
.pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; }
.pt-90 { padding-top: 90px; }
.pt-95 { padding-top: 95px; }
.pt-100 { padding-top: 100px; }
.pt-105 { padding-top: 105px; }
.pt-110 { padding-top: 110px; }
.pt-115 { padding-top: 115px; }
.pt-120 { padding-top: 120px; }
.pt-125 { padding-top: 125px; }
.pt-130 { padding-top: 130px; }
.pt-135 { padding-top: 135px; }
.pt-140 { padding-top: 140px; }
.pt-145 { padding-top: 145px; }
.pt-150 { padding-top: 150px; }
.pt-155 { padding-top: 155px; }
.pt-160 { padding-top: 160px; }
.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-75 { padding-bottom: 75px; }
.pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; }
.pb-90 { padding-bottom: 90px; }
.pb-95 { padding-bottom: 95px; }
.pb-100 { padding-bottom: 100px; }
.pb-105 { padding-bottom: 105px; }
.pb-110 { padding-bottom: 110px; }
.pb-115 { padding-bottom: 115px; }
.pb-120 { padding-bottom: 120px; }
.pb-125 { padding-bottom: 125px; }
.pb-130 { padding-bottom: 130px; }
.pb-135 { padding-bottom: 135px; }
.pb-140 { padding-bottom: 140px; }
.pb-145 { padding-bottom: 145px; }
.pb-150 { padding-bottom: 150px; }
.pb-155 { padding-bottom: 155px; }
.pb-160 { padding-bottom: 160px; }
.pl-0 { padding-left: 0 !important; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
.pl-65 { padding-left: 65px; }
.pl-70 { padding-left: 70px; }
.pl-75 { padding-left: 75px; }
.pl-80 { padding-left: 80px; }
.pl-85 { padding-left: 85px; }
.pl-90 { padding-left: 90px; }
.pl-95 { padding-left: 95px; }
.pl-100 { padding-left: 100px; }
.pl-105 { padding-left: 105px; }
.pl-110 { padding-left: 110px; }
.pl-115 { padding-left: 115px; }
.pl-120 { padding-left: 120px; }
.pl-125 { padding-left: 125px; }
.pl-130 { padding-left: 130px; }
.pl-135 { padding-left: 135px; }
.pl-140 { padding-left: 140px; }
.pl-145 { padding-left: 145px; }
.pl-150 { padding-left: 150px; }
.pl-155 { padding-left: 155px; }
.pl-160 { padding-left: 160px; }
.pr-0 { padding-right: 0 !important; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }
.pr-65 { padding-right: 65px; }
.pr-70 { padding-right: 70px; }
.pr-75 { padding-right: 75px; }
.pr-80 { padding-right: 80px; }
.pr-85 { padding-right: 85px; }
.pr-90 { padding-right: 90px; }
.pr-95 { padding-right: 95px; }
.pr-100 { padding-right: 100px; }
.pr-105 { padding-right: 105px; }
.pr-110 { padding-right: 110px; }
.pr-115 { padding-right: 115px; }
.pr-120 { padding-right: 120px; }
.pr-125 { padding-right: 125px; }
.pr-130 { padding-right: 130px; }
.pr-135 { padding-right: 135px; }
.pr-140 { padding-right: 140px; }
.pr-145 { padding-right: 145px; }
.pr-150 { padding-right: 150px; }
.pr-155 { padding-right: 155px; }
.pr-160 { padding-right: 160px; }

.bold {font-weight:700 !important;}
.row-gap-20 {
  row-gap: 20px; /* Set the desired gap between rows in pixels */
}
.row-gap-30 {
  row-gap: 30px; /* Set the desired gap between rows in pixels */
}
.row-gap-40 {
  row-gap: 40px; /* Set the desired gap between rows in pixels */
}
.row-gap-50 {
  row-gap: 50px; /* Set the desired gap between rows in pixels */
}
.row-gap-60 {
  row-gap: 60px; /* Set the desired gap between rows in pixels */
}
.center{text-align:center;}
.left{text-align:left;}
.body-16{
 font-family: var(--primary-font) !important;
  font-weight:300;
  font-size:var(--body-16);
}
.body-14{
 font-family: var(--primary-font) !important;
  font-weight:300;
  font-size:var(--body-14);
}
.body-12{
 font-family: var(--primary-font) !important;
  font-weight:300;
  font-size:var(--body-12);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--primary-font) !important;
  margin-bottom:20px;
  color:var(--color-black);
}
h1 {
font-size:80px;
line-height:88px;
    font-weight: 400 !important;
}
h2 {
font-size:52px;
line-height:66px;
      font-weight: 400 !important;
}
h3 {
font-size:40px;
line-height:50px;
      font-weight: 500 !important;
}
h4 {
font-size:32px;
line-height:40px;
      font-weight: 500 !important;
}
h5 {
font-size:24px;
line-height:30px;
      font-weight: 400 !important;
}
h6 {
font-size:18px;
line-height:22px;
      font-weight: 500 !important;
}

.subheading {
      font-family: var(--primary-font);
      margin: 1em 0;
    }

    .subheading-18-regular {
      font-size: var(--subheading-18-regular);
      font-weight: 400;
      line-height:22px;
    }

    .subheading-18-bold {
      font-size: var(--subheading-18-bold);
      font-weight: 700;
    }

    .subheading-16-regular {
      font-size: var(--subheading-16-regular);
      font-weight: 400;
      line-height:20px;
    }

    .subheading-16-medium {
      font-size: var(--subheading-16-medium);
      font-weight: 500;
    }

    .subheading-16-bold {
      font-size: var(--subheading-16-bold);
      font-weight: 700;
    }

    .subheading-14-regular {
      font-size: var(--subheading-14-regular);
      font-weight: 600;
      line-height:18px;
    }
.subheading-14-uppercase {
      font-size: var(--subheading-14-regular);
      font-weight: 600;
      line-height:28px;
  text-transform: uppercase;
    }

    .subheading-14-medium {
      font-size: var(--subheading-14-medium);
      font-weight: 500;
    }

    .subheading-14-bold {
      font-size: var(--subheading-14-bold);
      font-weight: 700;
    }

    .subheading-12-uppercase {
      font-size: var(--subheading-12-medium);
      font-weight: 500;
      line-height:22px;
  text-transform: uppercase;
    }

.bttn{
display:inline-flex;
  align-items: center;
text-decoration:none;
}

.bttn:hover{
}

.primary {
  position: relative;
  border-radius: 5px;
  padding: 12px 18px;
  background: linear-gradient(242.48deg, #4744D1 0%, #4744D1 100%);
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff ;
  overflow: hidden; /* To hide the pseudo-element overflow */
  transition: color 0.3s ease;
  z-index: 1; /* Ensure the text is above the pseudo-element */
  outline: none; /* Remove default focus outline */
}

.primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(242.48deg, #FF551A 24.57%, #4744D1 96.42%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1; /* Place the pseudo-element underneath the text */
}

.primary:hover::before,
.primary:focus::before {
  opacity: 1; /* Show gradient background on hover and focus */
}

.primary:hover {
  color: #fff; /* Maintain text color during transition on hover and focus */
  outline: none; /* Ensure no outline on focus */
}

.bttn-secondary {
  position: relative;
  border: 1px solid #3E484A;
  border-radius: 5px;
  padding: 12px 18px; /* Adjust padding to compensate for the increased border width on hover */
  background: #fff;
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #262626;
  overflow: hidden; /* To hide the pseudo-element overflow */
  z-index: 1; /* Ensure the text is above the pseudo-element */
  outline: none; /* Remove default focus outline */
  box-sizing: border-box; /* Include border in width and height calculations */
  text-decoration:none;
}

.bttn-secondary:hover {
  border-width: 2px; /* Increase border width on hover */
  padding: 11px 17px; /* Reduce padding to maintain button height */
  color: #262626; /* Keep text color same or change if needed */
}

.bttn-secondary .btn-icon svg path{fill:#262626;}
.bttn-tertiary{
  position: relative;
  border: 1px solid #E3E3F8;
  border-radius: 100px;
  padding: 8px 15px; /* Adjust padding to compensate for the increased border width on hover */
  background: #fff;
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #262626;
  overflow: hidden; /* To hide the pseudo-element overflow */
  z-index: 1; /* Ensure the text is above the pseudo-element */
  outline: none; /* Remove default focus outline */
  box-sizing: border-box; /* Include border in width and height calculations */
  text-decoration:none;
  transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.bttn-tertiary:hover {
  border-width: 1px; /* Increase border width on hover */
  padding: 8px 15px; /* Reduce padding to maintain button height */
  color: #262626; /* Keep text color same or change if needed */
  border-color:#4744D1;
}
.header-cta-wrap {
    display: flex;
    gap: 10px;
}
.bttn-tertiary .btn-icon svg path{fill:#262626;}

.bttn-special {
  position: relative;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 12px 18px; /* Adjust padding to compensate for the increased border width on hover */
  background: rgba(255, 255, 255, 0.10);
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff;
  overflow: hidden; /* To hide the pseudo-element overflow */
  z-index: 1; /* Ensure the text is above the pseudo-element */
  outline: none; /* Remove default focus outline */
  box-sizing: border-box; /* Include border in width and height calculations */
  text-decoration:none;
  transition: all 0.3s ease;
}

.bttn-special:hover {
  border-width: 1px; /* Increase border width on hover */
 background:#fff;
  color: #262626; /* Keep text color same or change if needed */
}
.bttn-special:hover .btn-icon svg path{fill:#262626;}

.bttn-line{position: relative;
  border: none;
  border-radius: 0px;
  padding: 4px 6px; /* Adjust padding to compensate for the increased border width on hover */
  background: none;
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #262626;
  overflow: hidden; /* To hide the pseudo-element overflow */
  z-index: 1; /* Ensure the text is above the pseudo-element */
  outline: none; /* Remove default focus outline */
  box-sizing: border-box; /* Include border in width and height calculations */
  text-decoration:none;
  transition: all 0.3s ease;}
.bttn-line:hover{color: #262626;}
.bttn-line.line_first_light:hover{color: #fff;}
.bttn-line.line_last_light:hover{color: #fff;}

.line.line_first_light{
  color: #fff;
    display: inline-flex;
}
.line.line_first_dark{
  color: #262626;
    display: inline-flex;
}
.line.line_last_dark{
  color: #262626;
    display: inline-flex;
    flex-direction: row-reverse;
}
.line.line_last_light{
  color: #fff;
    display: inline-flex;
    flex-direction: row-reverse;
}

.line_last_dark .btn-icon {
    display: inline-block;
    margin-right: 8px;
  margin-left: 5px;
    transform: translateX(0);
    transition: transform .3s ease;
}

.line_last_light .btn-icon {
    display: inline-block;
    margin-right: 8px;
  margin-left: 5px;
    transform: translateX(0);
    transition: transform .3s ease;
}
.bttn-line.line_last_light .btn-icon svg path{fill:#fff;}
.bttn-line.line_first_light .btn-icon svg path{fill:#fff;}

.bttn-line .btn-icon svg path{fill:#262626;}
:focus {
  outline: 3px solid #6AABF8; /* Adds a custom dashed outline on focus */

  
}
.btn-icon {
    display: inline-block;
    margin-left: 8px;
    transform: translateX(0);
    transition: transform .3s ease;
}

.bttn.primary:hover .btn-icon, .bttn-secondary:hover .btn-icon,.bttn-tertiary:hover .btn-icon, .bttn-special:hover .btn-icon {
    transform: translateX(5px)
}
.cta-wrap {
    margin-top: 30px;
      gap: 20px;
    display: flex;
}
.content-wrapper {
    max-width: 100%;
  padding:0 0px;
}

header {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    perspective: 3000px;
    position: relative;
    transform-style: preserve3d;
      z-index: 99999;
  background: rgba(255, 255, 255, 0.20);
  padding:0 40px;
}
main#main-content {
    margin-top: -76px;
}
.navbar-collapse {
    display: flex;
    flex-basis: auto;
    justify-content: space-between
}
nav.navbar {
    padding: 0;
}
.menu {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0 20px
}

.menu a {
    color: var(--Dark-Grey, #262626);
    display: block;
    padding: 24px 15px;
    text-decoration: none
}

.menu__item {
  position: relative;
  transition: transform 0.3s ease, font-weight 0.3s ease; /* Added font-weight to the transition */
  font-weight: 400;
  font-feature-settings: 'tnum'; /* Tabular numbers for better consistency */
  -webkit-font-smoothing: antialiased; /* Improves font rendering */
  -moz-osx-font-smoothing: grayscale; /* Smooths the font on macOS */
  text-rendering: optimizeLegibility; /* Ensures legible text rendering */
}

.menu__item a:before {
  background: var(--Gradient-03, linear-gradient(242deg, #FF551A 24.57%, #4744D1 96.42%));
  bottom: 0;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  width: 0;
}

.menu__item a:hover:before,
.menu__item.active a:before {
  width: 100%;
}

.menu__item a:hover {
  font-weight: 700;
  background: var(--violet-100, #F2F2F7);
}

a.navbar-brand {
    padding: 0;
}

form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea{color:#000 !important;}
@keyframes fadeInBlurOut {
    0% {
        filter: blur(15px);
        opacity: 0;
        transform: translateY(20px); /* Starts slightly below */
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0); /* Ends at its original position */
    }
}
.rel {position: relative;}

.main-footer{background-color:#F2F2F7;    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 12px;
    padding: 90px 40px;}
.footer-imgs {
    display: block;
    flex-direction: column;
  width:120px;
}

footer h5 {
    font-family: Sora;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #4744D1 !important;
  margin-bottom:30px;
}

footer a {
    font-family: Sora;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    color: #262626;
  margin-bottom:10px;
}
footer a:hover{color:var(--Orange, #ff551a); !important;} 

.footer-col-wrap {
    display: flex;
    flex-direction: column;
      margin-bottom: 40px;
}
.footer-social {
    display: flex;
    gap: 10px;
  margin-top:40px;
}
.footer-social a {
    background-color: #4744D1;
    padding: 5px;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-address {
    font-family: Sora;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
a.footer-tel {
  margin-top:10px;
    display: flex;
    font-weight: 600;
}
.footer-address-emails a {
    font-weight: 700;
    display: block;
    line-height: 1;
}

.footer-imgs-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.sub-footer {
    text-align: center;
    font-family: Sora;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    color: #262626;
    padding: 20px 0;
}

.footer-imgs img{
display:block;
}

.footer-imgs img:not(:last-child) {
  margin-bottom: 20px;
}
.rel {
    position: relative;
}

body,p {
font-family: Sora;
font-size: 16px;
font-weight: 300;
line-height: 28px;

}

img {
    font-size: .583rem;
    word-break: normal;
    width: 100%;
    height: auto;
}
b, strong {
    font-weight: 700;
}
.form-title, .submitted-message, form {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-style: normal;
    text-decoration: none;
}
/* Select all input fields */
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form select,
.hs-form textarea {
    border-radius: 5px;
    border: 1px solid var(--Violet, #A8B1FF);
    background-color: var(--White, #FFF);
}

/* Add additional styling for focus state */
.hs-form input[type="text"]:focus,
.hs-form input[type="email"]:focus,
.hs-form input[type="tel"]:focus,
.hs-form select:focus,
.hs-form textarea:focus {
    outline: none;
    border-color: var(--Black, #000);
}
/* Hide labels for all form fields except checkboxes */
.hs-form label {
    display: none;
}

/* Ensure labels for checkboxes are visible */
.hs-form input[type="checkbox"] + label {
    display: inline-block;
}
fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}
fieldset.form-columns-1 .input {
    margin-right: 0 !important;
}

/* Style the placeholders with opacity */
.hs-form ::-webkit-input-placeholder {
    color: var(--Dark-Grey, #262626);
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.4;
}

.hs-form :-moz-placeholder { /* Firefox 18- */
    color: var(--Dark-Grey, #262626);
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.4;
}

.hs-form ::-moz-placeholder {  /* Firefox 19+ */
    color: var(--Dark-Grey, #262626);
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.4;
}

.hs-form :-ms-input-placeholder {  /* Internet Explorer 10+ */
    color: var(--Dark-Grey, #262626);
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.4;
}
.hs-form fieldset.form-columns-2 .input {
    margin-right: 20px !important;
}
/* Target the second fieldset with .form-columns-2 */
.hs-form fieldset.form-columns-2:nth-of-type(2) .input {
    margin-right: 0px !important;
}
.hs-form fieldset.form-columns-2 .hs_lastname .input {
    margin-right: 0px !important;
}
/* General styling for select */
.hs-form select.hs-input {
    appearance: none; /* Removes default arrow */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 1.875C8.39303 1.875 6.82214 2.35152 5.486 3.24431C4.14985 4.1371 3.10844 5.40605 2.49348 6.8907C1.87852 8.37535 1.71762 10.009 2.03112 11.5851C2.34463 13.1612 3.11846 14.6089 4.25476 15.7452C5.39106 16.8815 6.8388 17.6554 8.4149 17.9689C9.99099 18.2824 11.6247 18.1215 13.1093 17.5065C14.594 16.8916 15.8629 15.8502 16.7557 14.514C17.6485 13.1779 18.125 11.607 18.125 10C18.1227 7.84581 17.266 5.78051 15.7427 4.25727C14.2195 2.73403 12.1542 1.87727 10 1.875ZM10 16.875C8.64026 16.875 7.31105 16.4718 6.18046 15.7164C5.04987 14.9609 4.16868 13.8872 3.64833 12.6309C3.12798 11.3747 2.99183 9.99237 3.2571 8.65875C3.52238 7.32513 4.17716 6.10013 5.13864 5.13864C6.10013 4.17716 7.32514 3.52237 8.65876 3.2571C9.99238 2.99183 11.3747 3.12798 12.631 3.64833C13.8872 4.16868 14.9609 5.04987 15.7164 6.18045C16.4718 7.31104 16.875 8.64025 16.875 10C16.8729 11.8227 16.1479 13.5702 14.8591 14.8591C13.5702 16.1479 11.8227 16.8729 10 16.875ZM13.5672 8.30781C13.6253 8.36586 13.6714 8.43479 13.7029 8.51066C13.7343 8.58654 13.7505 8.66787 13.7505 8.75C13.7505 8.83213 13.7343 8.91346 13.7029 8.98934C13.6714 9.06521 13.6253 9.13414 13.5672 9.19219L10.4422 12.3172C10.3841 12.3753 10.3152 12.4214 10.2393 12.4529C10.1635 12.4843 10.0821 12.5005 10 12.5005C9.91787 12.5005 9.83654 12.4843 9.76067 12.4529C9.68479 12.4214 9.61586 12.3753 9.55782 12.3172L6.43282 9.19219C6.31554 9.07491 6.24966 8.91585 6.24966 8.75C6.24966 8.58415 6.31554 8.42509 6.43282 8.30781C6.55009 8.19054 6.70915 8.12465 6.875 8.12465C7.04086 8.12465 7.19992 8.19054 7.31719 8.30781L10 10.9914L12.6828 8.30781C12.7409 8.2497 12.8098 8.2036 12.8857 8.17215C12.9615 8.1407 13.0429 8.12451 13.125 8.12451C13.2071 8.12451 13.2885 8.1407 13.3643 8.17215C13.4402 8.2036 13.5091 8.2497 13.5672 8.30781Z" fill="%234744D1"/></svg>') no-repeat right 10px center;
    background-size: 20px; /* Adjust the size of the icon */
    padding-right: 40px; /* Ensures there is space for the icon */
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    color: var(--Dark-Grey, #262626);
    font-weight: 400;
    line-height: normal;
  background-color:#fff;
}

/* Firefox-specific styles to hide the arrow */
.hs-form select::-ms-expand {
    display: none;
}

/* Optional styling for select dropdown */
.hs-form select:focus {
    outline: none;
    border-color: var(--Violet, #A8B1FF); /* Optional focus state */
}
form input[type=submit] {
    background-color: #1a334e;
    border: 1px #1a334e;
    color: #fff;
    background: #fff;
    border: 1px solid #3e484a;
    border-radius: 5px;
    box-sizing: border-box;
    color: #262626;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 17.64px;
    outline: none;
    overflow: hidden;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
form input[type=submit]:hover {
    border: 1px #1a334e;
    border-width: 2px;
    color: #262626;
    padding: 11px 17px;
      font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 17.64px;
    outline: none;
    overflow: hidden;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
.actions {
    display: flex;
    justify-content: flex-end;
}
.hs-form-field {
    margin-bottom: 20px;
}

.blog-post {
    padding-top: 150px;
    display: flex;
      max-width: 780px;
    margin: 0 auto;
}
.featured-img {
    background-size: cover;
    border-radius: 16px;
    background: lightgray 50% / cover no-repeat;
    height: 380px;
    align-self: stretch;
    margin-bottom: 60px;
}
.blog-post h1 {
    color: var(--Dark-Grey, #262626);
    font-family: Sora;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
  margin-bottom: 60px;
}
.blog-post h2 {color: var(--Dark-Grey, #262626);

/* Headings/H5 */
font-family: Sora;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 125% */}
.blog-post h3 {
    color: var(--Dark-Grey, #262626);
    font-family: Sora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.meta-item {
    color: var(--Medium-Grey, #3E484A);

/* Sub/14 Reg */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blog-post__meta {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    color: var(--Medium-Grey, #3E484A);
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blog-post__meta a,.blog-post__tag-link {
    color: #5ebab2;
    color: var(--Indigo, #4744D1);
    /* Sub/14 Semi */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    text-decoration: none;
}
a.blog-side-bar-item {
    border-radius: 5px;
    background: var(--Indigo, #4744D1);
    display: flex;
    width: 32px;
    height: 32px;
    padding: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.blog-side-bar-shares {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.blog-side-bar-wrap {
    padding-right: 60px;
    position: sticky;
    top: 600px;
}

.blog-post__tag {
    color: var(--Indigo, #4744D1);

/* Sub/14 Semi */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
}
.blog-post__body img {
    border-radius: 16px;
}
.testimonial-wrap {
    border-radius: 12px;
    background: var(--Violet-100, #F2F2F7);
    display: flex;
    padding: 40px 40px 40px 20px;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.testimonial {
    color: var(--Indigo, #4744D1);
    font-family: Sora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
}

.testimonial-person {
    color: var(--Dark-Grey, #262626);

/* Body/16 */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}
a {
    color: inherit;
}


.mega-menu {
        border-top: 20px solid transparent;
    display: none;
    left: 200px;
position: fixed; /* Fixes the menu position */
    top: 100px; /* Adjusts the vertical positioning as needed */
    top: 100%;
    max-width: 90vw; /* Prevents the menu from going out of the viewport */
}

.menu__item:hover .mega-menu {
    display: block
}

.mega-menu__content {
    background: var(--White,#fff);
    border-radius: 12px;
    display: flex;
    gap: 40px;
    padding: 40px
}

.mega-menu__column {
    padding: 10px
}

.mega-menu__column.left-column {
    flex: 2
}

.mega-menu__column.right-column {
    flex: 1
}

.mega-menu__section {
    border-top: 1px solid var(--Violet-300,#e3e3f8);
    padding: 20px 0;
    width: 380px
}

.overlay {
    backdrop-filter: blur(5px);
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

.mega-menu {
    z-index: 30
}

.mega-menu__column.mm-split {
    display: flex;
    gap: 20px
}

.mega-menu__column ul {
    list-style: none;
    padding: 0
}

.mega-menu__column li a {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    padding: 10px;
    white-space: nowrap
}

.menu-icon {
    align-items: center;
    background: var(--Violet-200,#f2f2ff);
    border-radius: 5px;
    display: flex;
    gap: 8px;
    height: 34px;
    justify-content: center;
    padding: 7px;
    width: 34px
}

.mega-menu a:before {
    content: none
}

.menu__item .mega-menu__column li a:hover {
    background: var(--Violet-200,#f2f2ff);
    border-radius: 6px;
    font-weight: 400
}

li a:hover .menu-icon {
    background: var(--Indigo,#4744d1);
    border-radius: 5px
}

li a:hover .menu-icon svg path {
    fill: #fff
}

.mm-section-pre {
    color: var(--Indigo,#4744d1);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .28px;
    line-height: normal
}

.mega-menu__section h5,.mm-section-pre {
    font-family: Sora;
    font-style: normal;
    margin-bottom: 10px
}

.mega-menu__section h5 {
    color: var(--Dark-Grey,#262626);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.mega-menu__section .bttn-line {
    padding: 0
}

.mega-menu__section a.bttn-line:hover {
    background: none
}

.mega-menu,.overlay {
    opacity: 0;
    transition: opacity .3s ease,visibility .3s ease;
    visibility: hidden
}

.mega-menu.active,.overlay.active {
    opacity: 1;
    visibility: visible
}

.menu>.menu__item.active>a:before,.menu>.menu__item>a:hover:before {
    width: 100%
}

.menu>.menu__item>a:before {
    background: var(--Gradient-03,linear-gradient(242deg,#ff551a 24.57%,#4744d1 96.42%));
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: width .3s ease;
    width: 0
}

.menu>.menu__item.active>a,.menu>.menu__item>a:hover {
    background: var(--violet-100,#f2f2f7);
    font-weight: 700
}

.mega-menu-active {
    background: #fff
}

.mega-menu__section.cs a {
    display: flex;
    gap: 20px
}

img.cs-img-mm {
    width: 218px
}

.mega-menu__section.cs a:hover {
    background: transparent;
    font-weight: 400
}

.mega-menu__section.cs h5 {
    color: var(--Dark-Grey,#262626);
    font-family: Sora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.fade-bot:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background-size: cover;
    bottom: 0
}

.fade-bot:after,.fade-top-blue:after {
    content: "";
    height: 100px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 0
}

.fade-top-blue:after {
    background: linear-gradient(180deg,#f2f2f7,rgba(242,242,247,0));
    background-size: cover;
    top: 0
}
.landing-page .navbar-brand {
    margin: 60px auto 0 auto;
}
.footer-lp .main-footer {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0px;
    margin: 0 auto;
    padding: 40px 40px;
    width: calc(100%);
}

.landing-page header {background:transparent;}
.of-v {
    overflow: visible!important
}

.of-h {
    overflow: hidden!important
}
.logo-color{display:block}
.logo-white{display:none}
.mob_hide{display:block !important;}
.mob_show{display:none !important;}
.footer-logo svg {
    width: 225px;
}
.hs-landing-page main#main-content {
    margin-top: -110px;
}

button:hover {
    background-color: transparent !important;
    border: none !important;
    border-radius: 6px;
    color: #fff;
}

.error-page {
    padding: 0 !important;
    position: relative;
    text-align: center;
}

.feature-box-full-right {
    display: flex;
    align-items: center;
}

/*--------------------------------------------------------------
## mobile-menu
--------------------------------------------------------------*/
@media only screen and (max-width: 1245px) {

}/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1150px) {
 .navbar-toggler {
    border: none;
    padding: 0;
}
    nav.navbar {
    padding: 20px 0 0 0;
}
.navbar-toggler-icon {
    align-items: center;
    background-image: none;
    display: flex;
    flex-direction: column;
    height: 33px;
    justify-content: space-around;
    width: 38px;
}

.navbar-toggler-icon {
    position: relative;
}
.navbar-collapse.collapse {
        display: none!important
    }

    .navbar-collapse {
        overflow-x: visible!important
    }

    .navbar-collapse.in {
        overflow-y: auto!important
    }

    .collapse.in,.navbar-toggler {
        display: block!important
    }

    .navbar-toggler {
        z-index: 90000
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: 0;
        text-decoration: none
    }

    .bar {
        transition: all .3s
    }

.bar {
    background-color: #111;
    height: 3px;
    width: 100%
}

.bar:nth-child(2) {
    width: calc(100%)
}
}

/*--------------------------------------------------------------
## iPad Pro
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
.mob_hide{display:none !important;}
  .footer-logo svg {
    width: 120px;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 834px) {
  .landing-page .navbar-brand {
    margin: 20px auto 20px;
}
    .hs-blog-post .content-wrapper {
    padding: 0;
}
   header {
    padding: 0 20 0 20px;
}
  .mega-menu__section {
    border-top: 1px solid var(--Violet-300, #e3e3f8);
    padding: 20px 0;
    width: 100%;
}
  .body-wrapper{overflow:hidden;}
  .mob_show{display:block !important;}
.footer-imgs.mob_show img:first-child {
        margin: 50px auto 50px auto;
        max-width: 150px;
        display: block;
        text-align: center;
    }
    .footer-logo{
    width:200px;
}
  .footer-col-hide {
    display: none !important;
  }

  .footer-col {
    width: 33.3333% !important;
    display: inline-block;
    vertical-align: top;
  }
.footer-logo-2 img:nth-child(2) {
max-width:150px;
    margin:auto 0;
}
  .footer-logo-2 img:nth-child(1) {
max-width:170px;
    margin:auto 0;
}

  .mob_show{display:block;}
  .navbar-toggler {
    border: none;
    padding: 0;
}
.navbar-toggler-icon {
    align-items: center;
    background-image: none;
    display: flex;
    flex-direction: column;
    height: 33px;
    justify-content: space-around;
    width: 38px;
}

.navbar-toggler-icon {
    position: relative;
}
.navbar-collapse.collapse {
        display: none!important
    }

    .navbar-collapse {
        overflow-x: visible!important
    }

    .navbar-collapse.in {
        overflow-y: auto!important
    }

    .collapse.in,.navbar-toggler {
        display: block!important
    }

    .navbar-toggler {
        z-index: 90000
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: 0;
        text-decoration: none
    }

    .bar {
        transition: all .3s
    }

.bar {
    background-color: #111;
    height: 3px;
    width: 100%
}

.bar:nth-child(2) {
    width: calc(100%)
}
  .content-wrapper {
    max-width: 100%;
    padding: 0 0px;
}
.footer-logo svg {
    width: 100%;
}
.footer-imgs-mob {
        align-items: center;
        display: flex !important
;
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
    }
  .footer-logo-2 {
    display: flex
;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
  h2{
font-size: 32px;
line-height: 40px; /* 125% */
  }
  h3 {
    font-size: 32px;
    line-height: 40px;
}
  
  h5 {    font-size: 18px;
    line-height: 22px;}
  nav.navbar {
    padding: 20px 0 20px 0;
}
  .main-footer {
    background-color: #f2f2f7;
    border-radius: 12px;
    margin: 0 auto;
    padding: 40px 40px;
    width: calc(100% - 40px);
}
  .footer-logo {
    margin-bottom: 0px;
}

  .blog-side-bar {
    display: none;
}
  .blog-post__meta {
    display: flex
;
    gap: 20px;
    margin-bottom: 20px;
}

  
  .form-columns-2 .hs-form-field .hs-input{width:100% !important}
  .hs-form fieldset.form-columns-2 .input {
    margin-right: 0px !important;
}
  .form-information {
    align-items: flex-start;
    background: var(--White, #fff);
    border-radius: 12px;
    display: flex
;
    gap: 60px;
    justify-content: space-between;
    padding: 60px 20px;
    text-align: left;
    flex-direction: column;
}
  .actions {
    display: flex
;
    justify-content: center;
}
}
/*--------------------------------------------------------------
## iPad sm
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

}

/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
      .mobile-logo {
        display: block !important;
    }
      .footer-imgs-mob, .footer-logo-2 {
        align-items: center;
        flex-direction: column;
    }
.footer-imgs.mob_show img:first-child {
        margin: 50px auto 50px auto;
        max-width: 150px;
        display: block;
        text-align: center;
    }
.footer-imgs.mob_show img:nth-child(2) {
max-width:350px;
    margin:auto 0;
}
  .mob_show{display:block;}
  .navbar-toggler {
    border: none;
    padding: 0;
}
.navbar-toggler-icon {
    align-items: center;
    background-image: none;
    display: flex;
    flex-direction: column;
    height: 33px;
    justify-content: space-around;
    width: 38px;
}

.navbar-toggler-icon {
    position: relative;
}
.navbar-collapse.collapse {
        display: none!important
    }

    .navbar-collapse {
        overflow-x: visible!important
    }

    .navbar-collapse.in {
        overflow-y: auto!important
    }

    .collapse.in,.navbar-toggler {
        display: block!important
    }

    .navbar-toggler {
        z-index: 90000
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: 0;
        text-decoration: none
    }

    .bar {
        transition: all .3s
    }

.bar {
    background-color: #111;
    height: 3px;
    width: 100%
}

.bar:nth-child(2) {
    width: calc(100%)
}
  .content-wrapper {
    max-width: 100%;
    padding: 0 20px;
}
.footer-logo svg {
    width: 100%;
}
  
  .footer-imgs {
    display: block;
    flex-direction: column;
    width: 100%;
}
  h2{
font-size: 32px;
line-height: 40px; /* 125% */
  }
  h3 {
    font-size: 32px;
    line-height: 40px;
}
  
  h5 {    font-size: 18px;
    line-height: 22px;}
  nav.navbar {
    padding: 20px 0 20px 0;
}
  .main-footer {
    background-color: #f2f2f7;
    border-radius: 12px;
    margin: 0 auto;
    padding: 40px 40px;
    width: calc(100% - 40px);
}
  .footer-logo {
    margin-bottom: 40px;
}
  .blog-post {
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 120px;
}
  .blog-side-bar {
    display: none;
}
  .blog-post__meta {
    display: flex
;
    gap: 20px;
    margin-bottom: 20px;
    flex-direction: column;
}
  .latest-cards-wrap article {
    align-items: flex-start;
    background: var(--Violet-200, #f2f2ff);
    border-radius: 12px;
    display: flex
;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
    transition: background-color .3s ease;
    z-index: 1;
    min-height: 300px;
}
  .latest-cards-wrap {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
  
  .form-columns-2 .hs-form-field .hs-input{width:100% !important}
  .hs-form fieldset.form-columns-2 .input {
    margin-right: 0px !important;
}
  .form-information {
    align-items: flex-start;
    background: var(--White, #fff);
    border-radius: 12px;
    display: flex
;
    gap: 60px;
    justify-content: space-between;
    padding: 60px 20px;
    text-align: left;
    flex-direction: column;
}
  .actions {
    display: flex
;
    justify-content: center;
}
          .footer-col {
            width: 100% !important;
            display: inline-block;
            vertical-align: top;
        }
  header {
    padding: 0 0px;
}
  .landing-page .navbar-brand {
    margin: 20px auto 20px;
}
  .footer-lp .main-footer {
    background-color: #fff;
    border-radius: 0;
    display: flex
;
    justify-content: space-between;
    margin: 0 auto;
    padding: 40px;
    width: 100%;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
  .hs-blog-post .content-wrapper {
    padding: 0;
}
}
/*--------------------------------------------------------------
## iPhone sm
--------------------------------------------------------------*/
@media only screen and (max-width: 375px) {

}