@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@600;800&family=Rubik:wght@300;400;600;800&display=swap);

a,
a *,
div,
h1,
h2,
h3,
h4,
h5,
h6,
i,
li,
p,
section,
span,
ul {
  font-family: "Cairo", sans-serif !important;
}

button.btn.btn-primary.bng:hover {
  background: #ffffff00;
  color: #0d6efd;
}

*a {
  text-decoration: none !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
  font-weight: 700;
}

/* Mobil */
/* Mobil */
@media only screen and (max-width: 768px) {
  .imgnav {
    height: 26px;
  }

  .container-fluid.lexz {
    margin-top: -125px !important;
  }

  .col-md-4.km.my {
    margin-right: -19px !important;
  }

  .col-md-4.km {
    margin-right: -9px !important;
  }

  .col-md-4.km.nhg {
    margin-right: 0 !important;
  }

  .col-md-4.htreko {
    margin-right: -18px !important;
  }

  h5.hgre {
    font-size: 14px;
    margin-top: 21px;
  }

  .navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    border: none;
  }

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

  .triangle-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid #555;
  }

  img.imsiz {
    height: 317px;
    width: 100%;
  }

  .carousel-dark .carousel-caption {
    color: #fff;
  }

  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: start;
  }

  .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #fff;
    width: 17px;
    height: 17px;
    top: 798px;
    left: 700px;
    /* gap: 0px; */
    opacity: 0px;
    border-radius: 15px;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 0;
    margin-left: 15%;
  }

  .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    /* --bs-card-title-color: ; */
    /* --bs-card-subtitle-color: ; */
    /* --bs-card-border-width: var(--bs-border-width); */
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: 10px 10px 44.8px 0 #3747541a;
    border: none;
    border-radius: 17px;
    margin-bottom: 17px;
    margin-right: 29px;
  }

  img.dotbgim {
    width: 141px !important;
    margin-top: 29px !important;
    /* margin-left: -10px !important; */
    transform: rotate(90deg);
    margin-right: 99px !important;
    margin-bottom: 8px;
  }

  .dobgim {
    width: 100%;
    margin-top: -1638px;
    margin-right: 22px;
  }

  .dobgimm {
    width: 100%;
    /* margin-top: -1482px; */
    margin-right: 22px;
  }

  .w-75.o {
    width: 95% !important;
  }

  .col-md-6.etd {
    margin-top: 336px;
    position: relative;
    top: -34px;
  }

  svg.svg-inline--fa.fa-angle-left.redf {
    background-color: #2091f9;
    padding: 1px 3px;
    border-radius: 58%;
    position: relative;
    top: 2px;
    left: -2px;
    color: #fff;
  }

  button.btn.btn-primary.bng {
    margin-right: 36px !important;
  }

  .card.w-100.M {
    margin-right: 10px !important;
  }

  .card.w-100.Mde {
    margin-right: -1px !important;
  }

  .card.w-100.Mlf {
    margin-right: 0 !important;
  }

  .card.w-100.Mb {
    margin-right: -2px !important;
  }

  span.bgucree {
    background-color: #2dc071 !important;
    padding: 3px 7px 3px 9px !important;
    border-radius: 15px !important;
    color: #fff !important;
  }

  img.card-img-top {
    border-radius: 11px 11px 3px 4px;
  }

  .btuinm {
    font-size: 36px;
    position: absolute;
    margin-top: -36px;
    margin-right: 195px;
    /* background: red; */
  }

  .won {
    width: 235px !important;
  }

  .p-5 {
    padding: 3rem !important;
    text-align: center;
  }

  .d-flex.ht {
    display: flex !important;
    margin-right: 9px;
    padding-top: 10px;
    padding-bottom: 31px;
  }

  .abcs {
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 5px;
  }

  .er.fr {
    display: grid;
  }

  .mn {
    text-align: center;
  }

  .gfr {
    height: 96px !important;
    margin-top: 44px;
  }

  .bgr {
    margin-top: 10px !important;
  }

  span.tounbg {
    /* margin-top: 9px; */
    position: relative;
    top: -116px !important;
    right: -9px !important;
  }

  h1.imbg {
    margin-top: 82px !important;
    text-align: center;
    font-size: 25px;
  }

  p.tonht {
    margin-top: -59px;
    text-align: center;
  }

  .col-md-6.ert {
    position: absolute;
    top: 76px !important;
    right: 188px !important;
    width: 42% !important;
    font-size: 15px;
  }

  /* kyuerrrrrrrrrrrrrrrrrrrrrrrrrrr */
  img.dobgimdot1 {
    position: relative;
    right: 113px;
    top: 86px;
  }

  img.dobgimdot2 {
    position: relative;
    top: 139px;
    right: 7px;
  }

  img.dobgimdot3 {
    width: 96%;
    margin-right: 38px;
    height: 109px;
  }

  img.dobgimdot4 {
    width: 46%;
    position: relative;
    top: -131px;
    right: 30px;
  }

  img.dobgimdot5 {
    position: relative;
    top: -134px;
    right: -113px;
    width: 44%;
  }

  .col-md-6.frew {
    margin-top: -67px;
  }

  .pt-0.red {
    font-weight: 700;
    text-align: center;
  }

  .row.vfg {
    margin-top: -54px;
  }

  img.imgtr1 {
    width: 99%;
    position: relative;
    top: 100px;
    height: 141px;
    right: -23px;
  }

  img.imgtr3 {
    position: relative;
    top: -231px;
    right: 49px;
    width: 74%;
    height: 283px;
  }

  img.imgtr2 {
    position: relative;
    top: 89px;
    right: 179px;
    width: 40%;
  }

  .col-md-8.frva {
    margin-top: -62px;
  }

  .col-md-4.guop {
    margin-top: -140px;
    text-align: center;
  }

  .gtre.mt-4 {
    display: grid !important;
  }

  h1.lkser {
    padding-bottom: 47px;
  }

  h1.lksere {
    margin-top: 40px;
    padding-bottom: 30px;
    text-align: center;
  }

  .card-title.pt-3.grt {
    text-align: center;
  }

  .col-md-4.km.lak {
    display: none;
  }

  h1.imbgre {
    position: relative;
    top: 37px;
    text-align: end;
  }

  span.tounbgew {
    position: relative;
    top: -56px;
    right: -126px;
    /* padding-bottom: 10px !important; */
  }

  p.tonhte {
    text-align: center;
  }

  iframe {
    position: relative;
    top: 628px;
    width: 100%;
  }

  .col-md-12.gbtubhe {
    position: relative;
    top: 643px;
    text-align: center;
  }

  .bgcontavt {
    position: relative;
    top: -678px;
  }

  .userimfe {
    width: 65%;
    border-radius: 110%;
    text-align: center;
    margin-right: 58px;
  }

  .kimqw {
    text-align: center;
  }

  img.imfot {
    width: 100%;
  }
}

a.icombg {
  background: #fff;
  /* padding: 6px; */
  border-radius: 67%;
  font-size: 24px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 0;
  padding-top: 0;
  color: #2091f9 !important;
  margin-right: 10px;
}

/* end  Mobil */

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: rgb(0 0 0) !important;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* PC */
@media (min-width: 992px) {
  img.gtrert {
    position: relative;
    /* left: 77px; */
    width: 89%;
  }

  img.imfot {
    width: 77%;
    margin-top: -18px;
  }

  .userimfe {
    width: 33%;
    border-radius: 110%;
    /* padding: 63px; */
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 390px;
    margin-top: 64px;
  }

  .fre {
    display: flex;
  }

  .row.gtvsz {
    display: flex;
    justify-content: space-between;
  }

  .container-fluid.freb {
    margin-top: -97px;
  }

  .gtre.mt-4 {
    display: flex !important;
  }

  img.imgtr2 {
    position: relative;
    top: 312px;
    right: -169px;
  }

  img.imgtr1 {
    width: 63%;
    position: relative;
    top: 125px;
  }

  h5.hgre {
    margin-top: 24px !important;
  }

  img.imgtr3 {
    position: relative;
    top: -216px;
    right: 94px;
    width: 48%;
    height: 471px;
  }

  img.dobgimdot1 {
    position: relative;
    right: 216px;
    top: 80px;
  }

  img.dobgimdot2 {
    position: relative;
    top: 249px;
    right: 14px;
  }

  img.dobgimdot3 {
    width: 100%;
    margin-right: 24px;
    height: 200px;
  }

  img.dobgimdot4 {
    width: 42%;
    position: relative;
    top: -232px;
    right: 23px;
  }

  img.dobgimdot5 {
    position: relative;
    top: -230px;
    right: -259px;
    width: 44%;
  }

  p.pargtr {
    width: 500px;
  }

  .row.vfg {
    margin-top: -108px;
  }

  .er.fr {
    display: flex;
  }

  .trey {
    width: 103% !important;
  }

  .pt-3 {
    padding-top: 1rem !important;
    margin-right: 26px;
  }

  .gfr {
    height: 96px !important;
    /* margin-top: 44px; */
  }

  .mn {
    text-align: end;
  }

  .col-md-3.fre {
    flex: 0 0 auto;
    width: 17%;
  }

  .imgnav {
    height: 31px;
  }

  a.icombg {
    background: #fff;
    border-radius: 67%;
    font-size: 24px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 0;
    padding-top: 3px;
    color: #2091f9 !important;
  }

  .won {
    width: 235px !important;
  }

  .btuinm {
    font-size: 36px;
    position: absolute;
    margin-top: -36px;
    margin-right: 195px;
  }

  img.card-img-top {
    border-radius: 11px 11px 3px 4px;
  }

  span.bgucree {
    background-color: #2dc071 !important;
    padding: 3px 7px 3px 9px !important;
    border-radius: 15px !important;
    color: #fff !important;
  }

  .dobgim {
    width: 100%;
    margin-right: 24px;
  }

  .dobgimm {
    width: 100%;
    margin-right: 24px;
  }

  svg.svg-inline--fa.fa-angle-left.redf {
    background-color: #2091f9;
    padding: 2px 5px;
    border-radius: 58%;
    position: relative;
    top: 6px;
    left: -2px;
    color: #fff;
  }

  .triangle-down {
    background-image: url("image/Group 1.png");
    width: 100%;
    height: 0;
    border-left: 301px solid;
    border-right: 395px solid;
    /* border-left: 301px solid transparent;
        border-right: 395px solid transparent; */
    border-top: 395px solid #fff;
  }

  .fs-5 {
    font-size: 1.25rem !important;
    width: 500px;
    text-align: center;
    margin-right: 209px;
  }

  .carousel-dark .carousel-caption {
    color: #fff;
    /* margin-top: 7px !important; */
    position: absolute;
    top: 189px;
    font-weight: 600;
  }

  .h1,
  h1 {
    font-size: 2.5rem;
  }

  .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #fff;
    width: 17px;
    height: 17px;
    top: 798px;
    left: 700px;
    /* gap: 0px; */
    opacity: 0px;
    border-radius: 15px;
  }

  .imsiz {
    height: 541px !important;
    width: 100% !important;
  }

  .card tr {
    box-shadow: rgb(241 0 0 / 0%) 0 0 13px, rgb(3 56 217 / 10%) -2px 6px 21px, rgb(79 93 169 / 10%) -2px 13px 53px;
  }

  img.dotbgim {
    width: 141px !important;
    margin-top: 64px !important;
    margin-left: -20px !important;
  }

  .col-md-4.km {
    display: flex;
  }
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  /* --bs-card-title-color: ; */
  /* --bs-card-subtitle-color: ; */
  /* --bs-card-border-width: var(--bs-border-width); */
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  box-shadow: 10px 10px 44.8px 0 #3747541a;
  border: none;
  border-radius: 17px;
}

/* PC */