body {
  font-family: "Nunito", sans-serif;
  text-transform: capitalize;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #52006A;
}

.buttonOrange {
  color: white !important;
  background-color: #FF7600 !important;
}
.buttonOrange .style-hover-button-circle {
  background-color: white;
}

.buttonOrange:hover span {
  color: #52006A !important;
}

.style-link-button {
  width: 235px;
  height: 60px;
  background-color: white;
  color: #52006A;
}

.style-hover-button-circle {
  right: 10px;
  top: 15%;
  width: 44px;
  height: 44px;
  background-color: #52006A;
  z-index: 0;
  transition: 0.35s;
}

.style-link-button:hover span {
  color: white;
  z-index: 1;
}
.style-link-button:hover .style-hover-button-circle {
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 7px !important;
}
.style-link-button:hover .right-arraw-btn {
  transform: rotate(45deg);
}

.right-arraw-btn {
  right: 25px;
  transition: 0.35s;
}

.index1 {
  z-index: 1;
}

.colorBlue {
  color: #52006A;
}

.sizeMain {
  font-size: 55px;
}

.linkSize {
  font-size: 18px;
}

.inputColor {
  background-color: rgba(231, 229, 234, 0.3607843137);
}

.inputColor::-moz-placeholder {
  color: black;
}

.inputColor::placeholder {
  color: black;
}

.beforeBot1::before,
.inputSubmit {
  background-color: #FF7600 !important;
}

.spanOrange {
  color: #FF7600;
}

.titleSize {
  font-size: 36px;
}

.beforeBot::before {
  content: "";
  right: -10px;
  top: 10px;
  border-radius: 50%;
  background-color: white;
  width: 5px;
  height: 5px;
  position: absolute;
}

li:last-child .beforeBot:before {
  display: none;
}

.colorTagP {
  color: #5F5F5F;
}

.sectionFlex {
  display: flex;
}

.sectionNone {
  display: none;
}

.rowGap1 {
  row-gap: 22px;
}

.liHover:hover {
  color: #FF7600 !important;
}

.marignSection {
  margin-top: 80px;
}

.color_blue {
  color: #52006A;
}

.cursor-pointer {
  cursor: pointer;
}

.color_tagp {
  color: #5F5F5F;
}

.hoverWhy:hover {
  border: 2px solid #FF7600 !important;
}

.style-main-index {
  z-index: -1;
}

body nav {
  z-index: 2;
}

body nav .container div .ulContainer .linkNavbar {
  border: 2px solid #FF7600;
  color: #FF7600 !important;
  height: 51px;
  transition: 0.5s;
}

body nav .container div .ulContainer .linkNavbar:hover {
  background-color: #FF7600;
  color: white !important;
}

body nav .container div ul li .dropdown-toggle::after {
  transition: 0.3s;
}

body nav .container div ul li .rotate180::after {
  transform: rotate(180deg);
}

body nav .container div ul li .dropdown-menu {
  border-radius: 0 0 20px 20px;
  background-color: #E3D1D0;
  top: 107%;
}

body nav .container div ul li .dropdownLeft {
  width: 25%;
  left: 52.5% !important;
}

body nav .container div .navbar-toggler:focus {
  box-shadow: 0 0 0 transparent;
}

body nav .container div ul li .divHover {
  transition: 0.3s;
}

body nav .container div ul li .divHover:hover {
  background-color: rgba(255, 255, 255, 0.638);
}

body nav .container .rowScroll div div .linkHover li {
  width: 50%;
}
body nav .container .rowScroll div div .linkHover .li_100 {
  width: 100%;
}

.sectionMain {
  height: 86vh;
}

body .sectionMain .container .row div div .imageNetwork:nth-child(2) {
  animation: network1 3s ease infinite;
}

@keyframes network1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body .sectionMain .container .row div div .imageNetwork:nth-child(3) {
  animation: network2 3s ease infinite;
}

@keyframes network2 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body .sectionMain .container .row div div .imageNetwork:nth-child(4) {
  animation: network3 3s ease infinite;
}

@keyframes network3 {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body .sectionMain .container .row div div div .imageNetwork:nth-child(2),
body .sectionMain .container .row div div div .imageNetwork:nth-child(3),
body .sectionMain .container .row div div div .imageNetwork:nth-child(4) {
  opacity: 0;
}

.arraowBottom {
  cursor: pointer;
  bottom: 40px;
}

.imageAnimation {
  animation: imageBottom 1.5s infinite;
}

@keyframes imageBottom {
  0% {
    transform: translate(0, -5px);
  }
  50% {
    transform: translate(0, 5px);
  }
  100% {
    transform: translate(0, -5px);
  }
}
.formCheck[type=checkbox] {
  width: 56px !important;
  height: 24px !important;
  background-color: #52006A;
}

body section .container .form-switch .formCheck {
  background-image: url("/assest/images/Check.svg");
  background-position: 4px center;
  background-size: 16px 16px;
}

body section .container .form-switch .formCheck:checked {
  background-position: 34px center;
  background-image: url("/assest/images/CheckTrue.svg") !important;
}

body section .container .form-switch .formCheck:focus {
  background-image: url("/assest/images/Check.svg");
}

body section .container .form-switch .formCheck:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

body section .container .containerPadding {
  padding-left: 150px;
  padding-right: 150px;
}

body section .container div .fontBold {
  font-weight: bold;
}

body section .container div .fontNormal {
  font-weight: normal;
}

body section .container .row form .inputBefore input {
  padding-left: 55px;
}

body section .container .row form .inputBefore::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 17px;
}

body section .container .row form .inputPassword::before {
  content: "";
}

body section .container .row form div div .inputCheck {
  margin-left: 18px;
}

body section .container .row form div div .inputCheck:checked {
  border: 0;
  background-color: #FF7600 !important;
}

body section .container .row form div div .inputCheck:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

body .sectionMain1 .container div div div .ulMain {
  background-color: rgba(255, 255, 255, 0.1803921569);
}

body .sectionMain .absolute-arraw-bottom {
  bottom: 20px;
}

body section .container .row div .borderWhat {
  border: 1px solid #52006A;
  height: 100%;
  transition: 1s;
}

body section .container .row div .borderWhat .divWhatHover::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  background-color: #52006A;
  width: 43px;
  height: 43px;
  left: 15px;
  top: 25px;
  transition: 0.5s;
  z-index: 0;
}

body section .container .row div .borderWhat .divWhatHover .imageRotate {
  width: 24px;
  height: 35px;
  transition: 0.5s;
  transform: translate(0, 0) rotate(0);
}

body section .container .row div .borderWhat:hover .imageRotate {
  transform: rotate(20deg);
  margin-left: -72px;
  width: 100px;
  height: 100px;
  opacity: 0.5;
  transition: 0.5s;
}

body section .container .row div .borderActive {
  color: white;
  background-color: #6A0189;
}

body section .container .row div .borderActive:hover {
  color: #52006A !important;
}
body section .container .row div .borderActive:hover .style-image-background-wath {
  display: none;
}

body section .container .row div .borderWhat .divBeforeCenter::before {
  background-color: white;
}

body section div div div .borderActive div .style-image-background-wath {
  mix-blend-mode: exclusion;
}

body section .container .row div .borderWhat:hover .divWhatHover::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
}

body section .container .row div .borderWhat:hover {
  color: white;
}

body section .container .row div .borderWhat div .titleWhat {
  width: 85%;
  font-size: 17px;
}

body .sectionWhy {
  background-color: #eaeaea;
}

body .sectionWhy .container .rowGap div div .imageColumn #lastImage {
  display: none;
}

body .sectionWhy .container .rowGap {
  row-gap: 30px;
}

body .sectionWhy .container .rowGap div:nth-child(4) {
  background-color: white;
  border-radius: 30px;
  padding: 10px 50px;
  margin-left: 10px;
}
body .sectionWhy .container .rowGap div:nth-child(4) .flex-column {
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse !important;
}

body section .container .containerBackground {
  background-color: #52006A;
}

body section .container .row div .divCard {
  background-color: rgba(232, 232, 232, 0.462745098);
}

body section .container .row div .divCard div ul .liOpacity {
  opacity: 0.3;
}

body section .container .row div div div div .spanTime {
  color: rgba(81, 0, 106, 0.7176470588);
}

body section .container .row div div div .linkButton {
  background-color: rgba(255, 120, 1, 0.0901960784);
}

body section .container .row div div .flexHorizutel {
  flex-wrap: wrap;
}
body section .container .row div div .flexHorizutel li {
  width: 50%;
}

body section .rowChild {
  height: 537px;
}

body section .rowChild {
  background-color: rgba(232, 232, 232, 0.462745098);
}
body section .rowChild .row {
  flex-direction: row-reverse;
}
body section .rowChild div div {
  text-align: start !important;
}
body section .rowChild div div div .buttonOrange:hover {
  color: #52006A !important;
}
body section .rowChild div div div a {
  background-color: #52006A;
}
body section .rowChild div div div h3 {
  color: #52006A;
}
body section .rowChild div div div div .imageHover::after {
  content: "";
}

body section .container .rowChild div div ul li div .divCenter {
  background-color: #FF7600;
  width: 20px;
  height: 20px;
}

body section .container .rowMobile div div div .imageSize {
  width: 45px;
  height: 47px;
}

.rowMobile div .divBackground {
  background-color: rgba(245, 178, 53, 0.2039215686);
}

.rowMobile div:nth-child(4n+1) .divBackground,
.rowMobile div:nth-child(4n+0) .divBackground {
  background-color: white;
}

body .sectionHelp .containerRow .row div div .text35 {
  font-size: 35px;
}

.containerRow .rowReverse {
  flex-direction: row-reverse;
}
.containerRow .rowReverse div div {
  text-align: left !important;
}

body .sectionHelp .containerRow .row div div .hoverSmall {
  transform: scale(1.1);
  transition: 0.5s;
}

body .sectionHelp .containerRow .row div div .hoverSmall:hover {
  transform: scale(1);
}

body footer {
  background-color: #52006A;
}

.style-opacity-footer {
  opacity: 0.2;
}

body footer .container .row div div .textFooter {
  font-size: 15px;
}

.icon-arraw {
  width: 14px;
  height: 14px;
}

body footer .container .row div ul li .sizeFooter {
  font-size: 14px;
}

.linkBefore:hover div span {
  color: #FF7600;
}

@media (max-width: 990px) {
  body .sectionMain {
    height: 85vh;
  }
  body header nav .container div a .imageLogo {
    width: 106px;
    height: 31.59px;
  }
  body header nav .container div ul li .dropdown-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
  }
  body header nav .container div .ulContainer .linkNavbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body header nav .container div ul li .liHover:hover {
    background-color: rgba(245, 178, 53, 0.2039215686);
  }
  body header nav .container div ul li .liHover:hover {
    color: black !important;
  }
  body header nav .container div .ulContainer {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  .width100 {
    width: 100% !important;
  }
  body header nav .container .divBetweenwidth {
    border-bottom: 4px solid rgba(0, 0, 0, 0.096);
  }
  body header nav .container div ul li .dropdown-menu {
    background-color: transparent;
  }
  body header nav .container .rowScroll div div .linkHover li {
    width: 100%;
  }
  body header nav .container .rowScroll {
    height: 400px;
  }
  body header nav .container .rowScroll::-webkit-scrollbar {
    width: 7px;
  }
  body .sectionMain .container .row div div div .sizeMain {
    font-size: 30px;
  }
  .imageHover::before {
    top: -15px;
    width: 31px;
    height: 31px;
  }
  .imageHover::after {
    right: 18px;
  }
  .buttonWidth {
    height: auto;
  }
  body section .rowChild:nth-child(even) {
    background-color: transparent !important;
  }
  body .sectionWhy .container .rowGap div div .imageBorder {
    border: 1px solid #ccc;
  }
  body .sectionWhy .container .rowGap div:nth-child(4) {
    width: 100%;
    background-color: white;
    border-radius: 30px;
    padding: 0 20px;
    margin-left: 0;
  }
  body .sectionWhy .container .rowGap div:nth-child(4) .flex-column {
    align-items: center;
    justify-content: space-between;
    flex-direction: column !important;
  }
  body footer {
    border-radius: 30px 30px 0 0;
  }
  .borderNone {
    border: transparent !important;
  }
  body .mainTalk {
    padding-top: 90px !important;
  }
  .mainTalk {
    padding-left: 0;
    padding-right: 0;
  }
  .buttonRespons {
    width: 45%;
  }
  body section .rowChild {
    height: auto;
  }
  .rowMobile {
    height: 500px;
  }
  body section div .row-gap-media {
    row-gap: 20px;
  }
}
@media (max-width: 300px) {
  .imageHover::before {
    background-color: transparent !important;
  }
}/*# sourceMappingURL=index.css.map */