@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-Variable";
  src: url("/static/assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Variable.woff") format("woff"), url("./fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("/static/assets/fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-VariableItalic.woff") format("woff"), url("/static/assets/fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("/static/assets/fonts/Satoshi-Light.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Light.woff") format("woff"), url("/static/assets/fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("/static/assets/fonts/Satoshi-LightItalic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-LightItalic.woff") format("woff"), url("/static/assets/fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("/static/assets/fonts/Satoshi-Regular.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Regular.woff") format("woff"), url("/static/assets/fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("/static/assets/fonts/Satoshi-Italic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Italic.woff") format("woff"), url("/static/assets/fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("/static/assets/fonts/Satoshi-Medium.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Medium.woff") format("woff"), url("/static/assets/fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("/static/assets/fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-MediumItalic.woff") format("woff"), url("/static/assets/fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("/static/assets/fonts/Satoshi-Bold.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Bold.woff") format("woff"), url("/static/assets/fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("/static/assets/fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-BoldItalic.woff") format("woff"), url("/static/assets/fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("/static/assets/fonts/Satoshi-Black.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-Black.woff") format("woff"), url("/static/assets/fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("/static/assets/fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("/static/assets/fonts/Satoshi-BlackItalic.woff") format("woff"), url("/static/assets/fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

.faqMainWrapper {
  min-height: 100vh;
  height: fit-content;
  width: 100%;
  padding-top: 3rem;
  background: #fff;
  display: flex;
  align-items: center;
}

.frequentlyContainer {
  width: 90%;
  margin-inline: auto;
}
.frequentlyContainer .faqsWrapper {
  margin-top: 2rem;
}
.frequentlyContainer .faqsWrapper .mainHeading {
  text-align: center;
  font-family: "Satoshi-Bold";
  font-size: 1.5rem;
  color: #26387B;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer {
  margin-top: 2rem;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .faqWrapper {
  border-left: 5px solid transparent !important;
  -o-border-image: linear-gradient(180deg, rgba(237, 28, 35, 0) 0.39% rgba(38, 56, 123, 0) 7B 100.2%) 1;
     border-image: linear-gradient(180deg, rgba(237, 28, 35, 0) 0.39% rgba(38, 56, 123, 0) 7B 100.2%) 1;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-open {
  background: linear-gradient(270deg, rgba(247, 247, 247, 0) 7.7%, #F6F6F6 100%);
  border-left: 5px solid transparent !important;
  -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
     border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
  animation: movingGradient 3s linear infinite;
}
@keyframes movingGradient {
  0% {
    -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
       border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
  }
  50% {
    -o-border-image: linear-gradient(180deg, #26387B 0.39%, #ED1C24 100.2%) 1;
       border-image: linear-gradient(180deg, #26387B 0.39%, #ED1C24 100.2%) 1;
  }
  100% {
    -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
       border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
  }
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-open .faqTitle {
  color: #26387B;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer ul {
  display: flex;
  flex-direction: column;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .faqWrapper {
  padding: 1rem;
  margin-top: 0.5rem;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-accordion-title {
  font-family: "Satoshi-Bold";
  font-size: 0.95rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-accordion-title .faqTitle {
  display: flex;
  align-items: center;
  width: 25rem !important;
  color: rgba(51, 51, 51, 0.631372549);
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-accordion-content .faqStepsHeading {
  font-family: "Satoshi-Medium";
  color: #333;
  margin-left: 0.5rem;
  font-size: 0.9rem;
}
.frequentlyContainer .faqsWrapper .mainFaqsContainer .uk-accordion-content p {
  font-size: 0.8rem;
  font-family: "Satoshi-Medium";
  color: #333;
}
.frequentlyContainer .faqsWrapper .faqSteps {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
}
.frequentlyContainer .faqsWrapper .faqSteps li {
  font-size: 0.8rem;
  font-family: "Satoshi-Bold";
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.frequentlyContainer .faqsWrapper .faqSteps .iconDot {
  display: flex;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.frequentlyContainer .uk-accordion-title {
  position: relative;
}

.frequentlyContainer .uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("/static/assets/icons/faqIcons/downFAQ.svg") !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}

.frequentlyContainer .uk-open > .uk-accordion-title::before {
  width: 1.4em;
  height: 1.4em;
  background-image: url("/static/assets/icons/faqIcons/upFAQ.svg") !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}

.frequentlyContainer .uk-accordion-title::after {
  content: "";
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  left: 0;
  background-image: url("/static/assets/icons/faqIcons/rightArrow.svg") !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
div.faq-wrapper {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	gap: 32px;
	margin: 32px 78.6375px 0px;
	max-width: 1300px;
}
.faq-wrapper 	.list-item {
  /* background-color: red; */
  width: 70%;
  background: #fff;
  border: none;
}


.iconTermsConditions {
  display: flex;
  max-height: 1rem;
  max-width: 1rem;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}
.iconTermsConditions img {
  height: 100%;
  width: 100%;
}


.mainFaqsContainer .uk-open .faqTitle {
  color: #26387B !important;
}

@media screen and (min-width: 768px) {
  .topHeadingWrapper .mainHeading {
    font-size: 2rem !important;
  }
  .faqTitle {
    transition: all 0.3s ease-in-out;
  }
  .frequentlyContainer .uk-accordion-title:hover::after {
    opacity: 1;
  }
  .frequentlyContainer .uk-accordion-title:hover .faqTitle {
    transform: translateX(2rem);
    color: #26387B !important;
  }
  .frequentlyContainer {
    max-width: 1210px;
  }
  .frequentlyContainer .faqTitle {
    min-width: 90% !important;
    font-size: 1.2rem;
  }
  .frequentlyContainer .uk-accordion-content p {
    font-size: 1rem !important;
    max-width: 85%;
  }
  .frequentlyContainer .uk-accordion-title::before {
    width: 1.8rem !important;
    height: 1.8rem !important;
  }
  .mainFaqsContainer {
    margin-top: 2rem;
  }
  .mainFaqsContainer .faqSteps li {
    font-size: 0.9rem !important;
  }
  .mainFaqsContainer .faqWrapper {
    border-left: 5px solid transparent !important;
    -o-border-image: linear-gradient(180deg, rgba(237, 28, 35, 0) 0.39% rgba(38, 56, 123, 0) 7B 100.2%) 1;
       border-image: linear-gradient(180deg, rgba(237, 28, 35, 0) 0.39% rgba(38, 56, 123, 0) 7B 100.2%) 1;
  }
  .mainFaqsContainer .uk-open {
    background: linear-gradient(270deg, rgba(247, 247, 247, 0) 7.7%, #F6F6F6 100%);
    border-left: 5px solid transparent !important;
    -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
       border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
    animation: movingGradient 3s linear infinite;
  }
  @keyframes movingGradient {
    0% {
      -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
         border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
    }
    50% {
      -o-border-image: linear-gradient(180deg, #26387B 0.39%, #ED1C24 100.2%) 1;
         border-image: linear-gradient(180deg, #26387B 0.39%, #ED1C24 100.2%) 1;
    }
    100% {
      -o-border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
         border-image: linear-gradient(180deg, #ED1C24 0.39%, #26387B 100.2%) 1;
    }
  }
  .mainFaqsContainer .uk-open .faqTitle {
    color: #26387B;
  }
}/*# sourceMappingURL=style.css.map */

.termsConditionsLink{
  display: flex;
  font-family: 'Satoshi-Bold';
  font-size: .9rem !important;
  font-weight: 700;
  color: #26387B;
}


.linksTCs {
  display: flex;
  gap: 1rem;
}