@font-face {
  font-family: Bold;
  src: url('../language/fonts/GraphikBold.otf');
}
@font-face {
  font-family: SemiBold;
  src: url('../language/fonts/GraphikSemibold.otf');
}
@font-face {
  font-family: Regular;
  src: url('../language/fonts/GraphikRegular.otf');
}
body {
  font-family: Regular;
}
.logo {
    width: 245px;
}
.navbar {
  position: relative;
    padding: 0 3rem;
    background-color: #1A1B32!important;
    border-bottom-style: solid;
}
.stepImg {
  width: 15rem;
  padding: 1rem 0 3rem;
}
.mailSection {
  position: fixed;
  left: 0;
  top: 0;
  background: #0000008c;
  width: 100%;
  z-index: 1111;
  height: 100%;
  display: none;
}
#exampleInputEmail2 {
  display: none;
}
#closeMailSection {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.BlogSection {
  padding: 1% 5% 2%;
}
.blogH1 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 115%;
  text-decoration: none;
}
.blogInnerH1 {
  max-width: 19em;
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 300;
  line-height: 86%;
}
.blogP {
  font-size: 2rem;
  font-weight: 300;
  line-height: 120%;
}
.blogImg {
  height: 34rem;
  object-fit: cover;
}
.blogAuthor {
  position: absolute;
  bottom: 0;
  left: 3rem;
  color: #000;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 133%;
}
.blogAuthor:hover {
  position: absolute;
  bottom: 0;
  left: 1rem;
  color: #000;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 133%;
  text-decoration: none;
}
.blogInnerAuthor {
  color: #000;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 133%;
}
.blogInnerP {
  max-width: 80%;
  color: #000;
  margin-bottom: 1.75em;
  font-size: 2em;
  line-height: 140%;
}
.blogLink {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
.blogLink:hover {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
.blogDate {
  color: #000;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 120%;
}
.blogRead {
  color: rgba(0, 0, 0, .3);
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 120%;
}

.nBtn2 {
  margin-top: 0.5rem;
}
#closethnx {
  width: 100%;
  height: 100%;
}
.captchaBox {
  height: fit-content;
}
.finBox1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#submBtn {
  color: #191933;
  margin-top: 1rem;
  font-weight: bold;
}
.trcaptchaH1 {
  color: #191933;
  padding-bottom: 1rem;
}
.mailBox1 {
  background: white;
  color: #191933;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4rem;
  border-radius: 50px;
}
#rc-imageselect {
  z-index: 9999999999;
}
.navigate {
    font-size: 22px;
    color: #FFFFFF!important;
    padding: 0;
}
.MH1 {
  z-index: 1;
}
.mobSubText5 {
  z-index: 1;
}
.formBox {
  z-index: 1;
}
.navMob {
    display: none;
}
.firstSliderBox {
  position: relative;
}
.slideOne {
  width: 80%;
}
.slideThree {
  width: 70%;
}
.slide2im {
  width: 80%;
}
.slide2im2 {
  position: absolute;
  width: 80%;
  right: 0;
  top: 0;

}
.navbar-nav .active {
    background-color: c3fea8;
}
.navP {
    padding: 0 3rem 0;
}
.contactArt {
    border-color: #FDBDFC;
    border-top-style: solid;
    transform: translate(-10px, 0px);
}
.upperTextMob {
    font-size: 2.7rem;
    font-weight: 500;
}
.mobJust {
  width: 23rem;
}
.mobJustSpan {
  background-color: #1A1B36;
  color: #E1CBFD;
  padding: 0.5rem 1rem;
  font-size: 3.5rem;
}
.mobJustSpan2 {
  background-color: #1A1B36;
  color: #B2FF9E;
  padding: 0.5rem 1rem;
  font-size: 3.5rem;
}
.mobJustSpan3 {
  background-color: #1A1B36;
  color: #FFB6FF;
  padding: 0.5rem 1rem;
  font-size: 3.5rem;
}
.mobPt {
  padding: 6rem 0 2rem;
}
.logInBtn {
    background-color: #1A1B32;
    color: #FFFFFF!important;
    border-style: solid;
    border-color: #FFFFFF;
    font-size: 22px;
    border-radius: 15px;
    padding: 0.6rem 3rem;
    margin-right: 1rem;
}
.logInBtn:hover {
  text-decoration: none;
}

.startNowBtn {
    background-color: #C3FEA8;
    color: #1A1B32!important;
    border-style: solid;
    border-width: medium;
    border-color: #C3FEA8;
    font-size: 22px;
    border-radius: 15px;
    padding: 0.5rem 2rem;
    margin-right: 1rem;
}
.startNowBtn:hover {
  text-decoration: none;
}
#ge-ka {
    display: none;
}
.chosenLang {
    font-size: 1.5rem!important;
    color: #FFFFFF;
}
.chosenLang:hover {
  font-size: 1.5rem!important;
  color: #FFFFFF;
}
.dropdown-menu {
    min-width: auto;
}
.firstSection {
    background-color: #F2F0F0;
    padding: 10% 9% 0;
    overflow: hidden;
}
.firstSecP {
  padding-bottom: 8rem;
}
.firstSectionMob {
  display: none;
  position: relative;
  overflow: hidden;
}
.mobMob {
  width: 87rem;
  position: absolute;
  transform: rotate(4deg);
  right: -590px;
  top: -384px;
  z-index: 0;
}
.innerSection {
    padding: 0;
}
#exampleInputEmail1 {
    border-style: none;
    font-size: 2rem;
}
.form-inline {
    margin-bottom: 0;
}
.formBox {
    width: fit-content;
    background: #fff;
    padding: 0.4rem 0.8rem;
    border-radius: 16px;
    margin-bottom: 3rem;
    box-shadow: 18px 17px;
}
.submitBtn {
    background-color: #C3FEA8;
    color: #000;
    border-radius: 20px;
    border-style: solid;
    border-width: medium;
    border-color: #000;
    padding: 0.8rem 3rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.form-control:focus {
    border-color: transparent;
    box-shadow: 0 0 0 0.2rem rgb(255, 255, 255);
}
.eightButtonBox2 {
  display: none;
}
.firstH1 {
    font-weight: bold;
    font-size: 4.5rem;
    padding-bottom: 1rem;
    font-family: bold;
}
.firstSpans {
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.3;
    font-family: "Bold";
}
.firstSectionP1 {
    font-size: 2rem;
}
.firstBox {
    padding: 0 25rem 4rem 0;
}
.firstSectionP2 {
    font-size: 2rem;
    font-weight: bold;
}
.mobileImg {
    position: absolute;
    bottom: 0px;
    width: 33rem;
}
.anytime {
    background-color: #FFBAFF;
    display: inline-block;
    line-height: 1;
    font-family: SemiBold;
}
.anywhere {
    color: #FFBAFF;
    background-color: #1a1b34;
    box-shadow: 1px 8px 13px #b2ff9e;
    display: inline-block;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-family: SemiBold;
}
.anyBox {
    position: relative;
}
.anything {
    position: relative;
    z-index: 1;
    font-family: SemiBold;
}
.greenSub {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 14rem;
    bottom: -14px;
}
.pink {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 0;
    width: 33rem;
}
.firstSectionP2 {
    position: relative;
    z-index: 1;
}
.blogBlock {
  padding: 0 3rem;
}
.blogBlockInner {
  padding-right: 3rem;
}
/*swiper*/
.mySwiper {
    width: 100%;
    height: 800px;
  }
.mySwiper2 {
  width: 100%;
  height: 600px;
}
  .swiper-slide {
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /*end*/
  .secondSection{
    position: relative;
    min-height: 89rem;
  }

  .secondSectionImg {
    width: 100%;
  }
  .secondSectionMobile {
    display: none;
  }
  .upperText {
    padding: 7rem 0 10rem 0rem;
    z-index: 1;
    position: relative;
  }
  .upperTextH1 {
    font-size: 2.8rem;
    text-align: center;
  }
  .upperSpan1 {
    display: inline-block;
    font-weight: bold;
    padding: 0 1.4rem 0 0.5rem;
    font-family: Bold;
  }
  .upperBox {
    position: relative;
  }
  .blueStar {
    position: absolute;
    top: -9px;
    left: -48px;
    width: 100%;
    min-width: 65rem;
  }
  .step {
    background-color: #1e1f38;
    color: #D6CDF0;
    padding: 1rem 2.9rem 0.8rem 1rem;
    font-size: 2.5rem;
    font-family: SemiBold;
  }
  .stepicon {
    position: absolute;
    right: -99px;
    top: -31px;
    width: 7rem;
  }
  .firstSliderStep {
    padding-bottom: 2rem;
  }
  .mobJustH1 {
    box-shadow: 2px 13px 23px #D8CDF3;
    padding: 2rem;
    margin-top: 3rem;
    border-style: solid;
    border-radius: 14px;
    font-size: 3rem;
    font-weight: 600;
    color: #191A33;
    border-width: thin;
    background-color: #F2F0F0;
    border-color: #D8CDF3;
  }
  .mobJustText {
    text-align: left;
    color: #191A33;
    font-size: 2.5rem;
    padding: 3rem 0 4rem;
    line-height: 1.6;
  }
  .firstSlideHead{
    font-size: 2.8rem;
  }
  .firstHeadSpan {
    font-weight: 500;
    font-family: "Semibold";
  }
  .firstSliderP {
    color: #1A1B38;
    font-weight: 500;
    font-size: 2rem;
    padding-right: 17%;
  }
  .swiperBox {
    padding: 0 8rem;
    position: relative;
  }
  .swiperBoxBtn {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 20%;
  }
  .rightS {
    width: 4rem;
  }
  .leftS {
    width: 4rem;
  }
  .swiper-button-prev {
    visibility: hidden;
    pointer-events: none;
  }
  .swiper-button-next {
    visibility: hidden;
    pointer-events: none;
  }
  .thirdSection {
    min-height: 44rem;
    background-color: #F2F0F0;
  }
  .thirdSectionPadding{
    padding: 5% 12%;
  }
  .thirdLogo {
    width: 15rem;
  }
  .thirdSectionH1 {
    font-size: 4rem;
    font-weight: 500;
    padding: 5rem 0;
    font-family: SemiBold;
  }
  .thirdSpan {
    background-color: #1A1B3A;
    color: #ffff;
    display: inline-block;
    padding: 0 0.4rem 1rem;
    line-height: 0.9;
  }
  .numberSpan {
    background-color: #E1CBFD;
    border-radius: 50px;
    padding: 0.6rem 1.3rem;
    border-style: solid;
    display: inline-block;
    border-style: solid;
    border-width: medium;
    border-color: #99FF92;
  }
  .pinkSpanText {
    background-color: #FFB6FF;
    display: inline-block;
    line-height: 1;
    font-family: SemiBold;
  }
  .thirdSectionP {
    font-size: 2rem;
    display: inline-flex;
  }
  .numberSize {
    font-size: 2.5rem;
    font-weight: 500;
    position: relative;
    z-index: 1;
  }
  .blogInnerImg {
    object-fit: cover;
    height: 51rem;
  }
  .numbersBg{
    width: 2.5rem;
  }
  .anything2 {
    position: relative;
    z-index: 1;
  }
  .anytime2 {
    position: relative;
    z-index: 1;
  }
  .anywhere2 {
    position: relative;
    z-index: 1;
  }
  .MH1 {
    position: relative;
    z-index: 1;
  }
  .mobSubText5 {
    position: relative;
    z-index: 1;
  }
  .formBox {
    position: relative;
    z-index: 1;
  }
  .AjBox {
    display: inline-flex;
    position: relative;
  }
  .AjPadding {
    padding-right: 4rem;
    
  }
  .p1 {
    transform: translate(0px, -6%);
  }
  .p2 {
    transform: translate(0, 19%);
  }
  .thirdSectionText {
    position: relative;
  }
  .fourthSection {
    position: relative;
    height: 67rem;
    background-color: #1A1B32;
  }
  .swipCol {
    padding: 5% 10%;
  }
  .swipCol2 {
    padding: 5% 15px 5% 10%;
  }
  .swipCol3 {
    padding: 15% 10% 5% 10%;
  }
  .fourthBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .firstSectionSpan1 {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .firstSectionSpan3 {
    font-style: italic;
    font-weight: bold;
    font-family: "Bold";
  }
  .fourthImg {
    width: 100%;
    min-height: 50rem;
    object-fit: cover;
  }
  .fourthContent {
    position: relative;
  }
  .fourthH1 {
    color: #ffff;
    font-weight: 500;
    text-align: center;
    font-size: 3.5rem;
    padding: 7rem 0 1rem;
    font-family: SemiBold;
  }
  .fourthLogo {
    width: 17rem;
  }
  .fourthText {
    background-color: #fdbdfc;
    font-family: SemiBold;
    display: inline-block;
    line-height: 1.1;
    color: #1a1b32;
    margin-left: 1rem;
  }
  .fourthBox {
    height: 32rem;
  }
  .fourthInnerBox {
    background-color: #DDCCF9;
    text-align: center;
    height: 100%;
    border-radius: 32px;
    padding: 3rem;
  }
  .fourtContainer {
    padding: 0 4rem
  }
  .Swiper2H1 {
    padding-bottom: 1rem;
    min-height: 7rem;
    font-family: SemiBold;
  }
  .Swiper2P {
    font-weight: bold;
    padding: 0 2rem;
    text-align: left;
    height: 12rem;
    overflow: hidden;
  }
  .x1 {
    position: absolute;
    left: 0;
    top: -19px;
    width: 1.5rem;
  }
  .x2 {
    position: absolute;
    right: 0;
    width: 1.5rem;
    bottom: -87px;
  }
  .SwiperArrows{
    position: absolute;
    bottom: 68px;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
  }
  .fifthSection {
    min-height: 53rem;
  }
  .fifthSectionText {
    position: relative;
  }
  .fifthSectionPadding{
    padding: 5% 8%;
  }
  .fifthSectionH1 {
    font-size: 4rem;
    font-weight: bold;
    padding: 5rem 0;
    text-align: left;
  }
  .fifthSpan {
    background-color: #1A1B3A;
    color: #C1ADEF;
    display: inline-block;
    padding: 1rem;
    line-height: 0.8;
  }
  .straPbox {
    position: absolute;
    top: -87px;
    left: -55px;
  }
  .starP {
    width: 7rem;
  }
  .plus {
    color: #b698e0;
  }
  .Costumers {
    font-size: 4rem;
    margin: 0;
    color: #ffffff;
  }
  .Business {
    font-size: 4rem;
    margin: 0;
    color: #ffffff;
  }
  .Countries {
    font-size: 4rem;
    margin: 0;
    color: #ffffff;
  }
  .fifthSub {
    text-align: center;
    font-size: 2rem;
    color: #ffffff;
  }
  .fifthSub2 {
    text-align: center;
    font-size: 2rem;
    color: #ffffff;
  }
  .fifthSub3 {
    text-align: center;
    font-size: 2rem;
    color: #ffffff;
  }
  .alignPlus {
    text-align: center;
  }
  .centerBox {
    background-color: #1A1B32;
    border-radius: 12px;
    padding: 3rem 0;
    max-width: 28rem;
  }
  .centerBox2 {
    background-color: #1A1B32;
    border-radius: 12px;
    padding: 3rem 0;
    max-width: 28rem;
  }
  .justCenter {
    justify-content: end;
    padding-right: 1.5rem;
  }
  .justCenter2 {
    justify-content:baseline;
    padding-left: 1.5rem;
  }
  .mobHoris {
    transform: rotate(-31deg);
    position: absolute;
    top: -10%;
    right: -33%;
    width: 55rem;
    z-index: 0;
  }
  .plus {
    width: 16rem;
  }
  .plus2 {
    width: 12rem;
  }
  .plus3 {
    width: 9rem;
  }
  .sixthSection {
    position: relative;
    min-height: 35rem; 
    padding: 5rem 10rem 2rem;
    background-color: #1A1B32;
  }
  .sixthContainer {
    padding: 4% 5%;
    z-index: 1;
    position: relative;
    text-align: center;
  }
  .partnImg {
    width: 12rem;
    margin-top: 1.8rem;
  }
  .partnImg2 {
    width: 11rem;
  }
  .partnImg3 {
    width: 16rem;
  }
  .partnImg4 {
    width: 17rem;
    margin-top: 1.5rem;
  }
  .partnerB1 {
    border-right-style: solid;
    border-right-width: medium;
    border-right-color: #C3FEA8;
  }
  .sixthSectionH1 {
    background-color: #1B1C34;
    color: #ffffff;
    font-size: 4rem;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    padding: 0.5 1rem 1rem;
  }
  .sixthBox {
    position: relative;
  }
  .seventhSection {
    padding: 5% 18%;
    position: relative;
  }
  .heading {
    background-color: #BBAFE6;
    padding-right: 6rem;
  }
  .accordionBtnMod {
    color: #1A1B32;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.5rem;
  }
  .accordionBtnMod:hover {
    color: #1A1B32;
    text-decoration: none;
  }
  .accordionBtnMod:focus {
    color: #1A1B32;
    text-decoration: none;
  }
  .accMod {
    border-radius: 15px;
    margin-bottom: 4rem;
    box-shadow: none;
    border-style: solid;
    border-width: medium;
    border-color: #1A1B32;
  }
  .accordion>.card:not(:last-of-type) {
    border-style: solid;
    border-width: medium;
    border-color: #1A1B32;
    border-radius: 15px;

  }
  .seventhH1 {
    color: #ffffff;
    background-color: #1A1B36;
    font-size: 3rem;
    display: inline-block;
    line-height: 1;
    padding:1rem 3rem 1rem 1rem;
  }
  .seventhPb {
    padding-bottom: 2rem;
    position: relative;
    z-index: 2;
  }
  .seventhSectionBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url('../images/path370.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 67rem;
  }
  .imgSpan {
    position: absolute;
    right: -40px;
    top: 40%;
  }
  .accordionBtnMod .triangle {
    width: 1.7rem;
    transform: rotate(271deg);
    transition: 0.6s;
  }
  .accordionBtnMod.collapsed .triangle {
    width: 1.7rem;
    transform: rotate(180deg);
    transition: 0.6s;
  }
  .accordion>.card:not(:first-of-type) {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .eightSection {
    padding: 5% 10%;
    background-color: #F2F0F0;
  }
  .eightSpan {
    color: #1A1B38;
    font-size: 4rem;
    display: inline-block;
    line-height: 1;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 5px;
  }
  .eightSp {
    font-weight: bold;
    font-family: "Bold";
  }
  .eightCall {
    background-color: #FFB2FF;
    color: #1A1B32;
    font-weight: bold;
    padding: 0.9rem 4rem;
    border-radius: 19px;
    font-size: 2rem;
    border-color: #1A1B32;
    border-style: solid;
    border-width: medium;
  }
  .eightStart {
    background-color: #C3FEA8;
    color: #1A1B38;
    font-weight: 500;
    font-size: 2rem;
    border-radius: 20px;
    border-color: #1A1B38;
    border-style: solid;
    border-width: medium;
    padding: 0.6rem 3rem;
  }
  .eightStart2 {
    background-color: #C3FEA8;
    color: #1A1B38;
    font-weight: 500;
    font-size: 2rem;
    border-radius: 20px;
    border-color: #1A1B38;
    border-style: solid;
    border-width: medium;
    padding: 0.6rem 3rem;
  }
  .eightContact {
    background-color: #1A1B38;
    color: #ffff;
    font-weight: 500;
    font-size: 2rem;
    border-radius: 20px;
    border-color: #1A1B38;
    border-style: solid;
    border-width: medium;
    padding: 0.9rem 1.5rem;
    width: 100%;
  }
  .eightContact:hover {
    background-color: #1A1B38;
    color: #ffff;
  }
  .dashHeight {
    min-height: 33rem;
  }
  .phoneImg {
    width: 2.5rem;
    padding-bottom: 0.5rem;
  }
  .eightSectionH1 {
    padding: 3rem 10rem 1rem 1rem;
    line-height: 1.6;
  }
  .eightSectionMr {
    margin-right: 1rem;
  }
  .eightSectionMl {
    margin-left: 1rem;
  }
  .dashH1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -73%);
    text-align: center;
  }
  .dashBtn {
    background-color: #B9ACE6;
    color: #ffff;
    font-weight: bold;
    padding: 0.9rem 4rem;
    border-radius: 19px;
    font-size: 2rem;
    border-color: #1A1B38;
    border-style: solid;
    border-width: medium;
  }
  .arr1 {
    width: 7rem;
    transform: translate(0px, -22px);
  }
  .arr2 {
    width: 7rem;
  }
  .footer {
    background-color: #1A1B3A;
    padding: 20% 0 3% 4%;
    border-top-style: solid;
    border-top-color: #ffffff;
    border-top-width: medium;
  }
  .footerP {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.7rem;
  }
  .aboutSection {
    padding: 5% 15%;
  }
  .aboutH1 {
    color: #DACDF6;
    font-weight: 700;
    font-size: 4rem;
    padding-bottom: 1rem;
    text-shadow: 0px 0px 2px #1A1B32;
  }
  .aboutP {
    font-weight: 600;
    font-size: 1.3rem;
    padding: 1rem 0;
  }
  .aboutP2 {
    font-weight: 600;
    font-size: 1.3rem;
    padding: 1rem 0;
  }
  .aboutP3 {
    font-weight: 600;
    font-size: 1.3rem;
    padding: 1rem 0;
  }
  .contactSection {
    background-color: #F2F0F0;
    padding: 5% 15%;
  }
  .contactH1 {
    color: #1A1B32;
    font-weight: bold;
    font-size: 4rem;
    padding: 0 0 16px 9px;
  }
  .boxInner {
    background-color: #FFFFFF;
    width: 90%;
    min-width: fit-content;
    border-radius: 10px;
  }
  .boxInner2 {
    padding: 2rem;
    box-shadow: 1px 1px 3px #ffffff;
    opacity: 0.8;
  }
  .boxInner3 {
    padding: 2.5rem 2rem;
    box-shadow: 1px 1px 3px #ffffff;
    opacity: 0.8;
  }
  .mbC {
    margin-bottom: 5rem;
  }
  .contactBox {
    padding-top: 4rem;
  }
  .contactHead {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
  }
  .contactBody {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
  }
  .contactIcon {
    width: 4rem;
  }
  .contactHead2 {
    font-size: 2rem;
    font-weight: 700;
    margin-left: 1rem;
    text-decoration: none;
    color: black;
  }
  .amDec {
    text-decoration: none;
  }
  .amDec:hover {
    text-decoration: none;
  }
  .contactIcon {
    margin-top: -1rem;
  }
  .contactSpan {
    display: flex;
  }
  @media screen and (min-width: 1980px) {
    .mobileImg {
      height: 100%;
      object-fit: contain;
    }
    .mySwiper {
      height: 100%;
    }
    .thirdSectionBg {
      display: none;
    }
    .secondSectionBg {
      display: none;
    }
    .fifthSectionBg {
      display: none;
    }
    .fifthSection {
      min-height: 53rem;
      position: relative;
      background-color: #ffff;
    }
    .sixthSection {
      background-color: #ffff;
    }
    .sixthBg {
      display: none;
    }
  }
  @media screen and (max-width:1850px) {
    .fourthSection {
      height: 65rem;
    }
    .fourthImg {
      min-height: 65rem;
    }
    .blogImg {
      height: 28rem;
    }
  }
  @media screen and (max-width:1730px) {
    .blogBlockInner {
      padding-right: 0rem;
    }
  }
  @media screen and (max-width: 1700px) {
    .blogH1 {
      font-size: 2.5rem;
    }
    .blogP {
      font-size: 1.7rem;
    }
  }
  @media screen and (max-width:1600px) {
    .firstBox {
      padding: 0 15rem 4rem 0;
    }
    .fourtContainer {
      padding: 0 2rem;
    }
    .navP {
      padding: 1rem 0.7rem 0;
    }
    .sixthSection {
      padding: 5rem 5rem 2rem;
    }
    .sixthContainer {
      padding: 4% 0%;
    }
  }
  @media screen and (max-width:1450px) {
    .logo {
      width: 180px;
    }
    .fifthSectionPadding {
      padding: 5% 3%;
    }
    .eightSectionH1 {
      padding: 3rem 0rem 1rem 1rem;
    }
    .eightSpan {
      font-size: 3rem;
    }
    .dashBtn {
      min-width: 19rem;
    }
    .startNowBtn {
      font-size: 16px;
    }
    .logInBtn {
      font-size: 16px;
    }
    .eightContact {
      padding: 0.9rem 4rem;
      width: auto;
      min-width: 19rem;
    }
    .dashHeight {
      min-height: 0;
    }
    .chosenLang {
      font-size: 18px!important;
    }
    .navP {
      padding: 1rem 0.7rem 0;
    }
    .firstSpans {
      font-size: 2rem;
    }
    .step {
      font-size: 2rem;
    }
    .firstSlideHead {
      font-size: 2rem;
    }
    .greenSub {
      width: 9rem;
    }
    .firstSectionP1 {
      font-size: 1.6rem;
    }
    .firstSectionP2 {
      font-size: 1.6rem;
    }
    #exampleInputEmail1 {
      font-size: 1.6rem;
    }
    .submitBtn {
      padding: 0.5rem 2rem;
    }
    .firstH1 {
      font-size: 3.5rem;
    }
    .upperTextH1 {
      font-size: 2.5rem;
    }
    .blueStar {
      min-width: 61rem;
    }
    .thirdSectionH1 {
      font-size: 3.5rem;
    }
    .firstSliderP {
      font-size: 1.5rem;
    }
    .thirdSectionP {
      font-size: 1.5rem;
    }
    .numberSize {
      font-size: 1.9rem;
    }
    .numbersBg {
      width: 4rem;
      top: -25px;
      left: -25px;
    }
    .stepicon {
      right: -65px;
      top: -25px;
      width: 5rem;
    }
    .accordionBtnMod {
      font-size: 1.2rem;
    }
    .seventhSection {
      padding: 5% 12%;
    }
    .accordionBtnMod.collapsed .triangle {
      width: 1.2rem;
    }
    .accordionBtnMod .triangle {
      width: 1.2rem;
    }
    .eightSection {
      padding: 13% 5%;
    }
    .eightButtonBox2 {
      display: block;
      margin-bottom: 12rem;
    }
    .dashH1 {
      position: relative;
      top: 0;
      left: 0; 
      transform: translate(0%, 0);
    }

    .navigate {
      font-size: 16px;
    }
    .eightStart {
      padding: 0.9rem 4rem;
      min-width: 19rem;
    }
    .eightSectionMr {
      margin-right: 0;
    }
  }
  @media screen and (max-width: 1350px) {
    .blogH1 {
      font-size: 2.1rem;
    }
    .blogP {
      font-size: 1.5rem;
    }
    .blogBlock {
      padding: 0 0rem 0 3rem;
    }
    .partnerB1 {
      border-right-style: none;
      border-right-width: medium;
      border-right-color: transparent;
      padding-bottom: 2rem;
    }
  }
  @media screen and (max-width:1260px) {
    .firstH1 {
      padding-bottom: 0rem;
    }
    .pink {
      width: 23rem;
    }
    .boxInner {
      width: 100%;
      min-width: fit-content;
    }
    .mbC {
      margin: 0 3rem 5rem 0;
    }
    .blogInnerH1 {
      font-size: 3em;
    }
    .blogInnerP {
      font-size: 1.5em;
    }
  }
  @media screen and (max-width: 1200px) {
    .centerBox2 {
      max-width: 28rem;
    }
  }
  @media screen and (max-width: 1199px) {
    .justCenter {
      justify-content: center;
      padding-right: 0;
    }
    .justCenter2 {
      justify-content: center;
      padding-left: 0;
    }
  }
  @media screen and (max-width: 1150px) {
    .eightSpan {
      font-size: 3.5rem;
      padding: 1rem 2rem 1rem 0rem;
    }
    .eightSectionH1 {
      padding: 1rem 0rem 3rem 0;
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 1110px) {
    .blueStar {
      min-width: 58rem;
    }
  }
  @media screen and (max-width:1050px) {
    .logo {
      width: 136px;
    }
    .fifthSectionPadding {
      padding: 5% 3%;
    }
    .navigate {
      font-size: 16px;
    }
    .startNowBtn {
      padding: 0.4rem 1rem;
    }
    .logInBtn {
      padding: 0.5rem 2rem;
    }
    .firstH1 {
      font-size: 2.5rem;
    }
    .upperTextH1 {
      font-size: 2.5rem;
    }
    .thirdSectionH1 {
      font-size: 2.5rem;
    }
    .thirdLogo {
      width: 10rem;
    }
    .blueStar {
      right: -71px;
      width: 5rem;
    }
    .firstSectionP1 {
      font-size: 1.4rem;
    }
    .firstSectionP2 {
      font-size: 1.4rem;
    }
    .firstBox {
      padding: 0 11rem 4rem 0;
    }
    .pink {
      width: 20rem;
    }
    #exampleInputEmail1 {
      font-size: 16px;
    }
    #exampleInputEmail3 {
      border-style: none;
    }
    .submitBtn {
      font-size: 16px;
    }
    .sixthSection {
      padding: 8rem 7rem 2rem;
    }
    .seventhSection {
      padding: 5% 11%;
    }
  }
  @media screen and (max-width: 991px) {
    .firstSection {
      display: none;
    }
    .slideThree {
      width: 100%;
      padding: 5rem 0;
    }
    .mobJustText {
      padding: 3rem 0 0;
    }
    .slide2im {
      padding: 5rem 0;
    }
    .upperSpan1 {
      text-align: left;
    }
    .firstSpans {
      padding-bottom: 50rem;
    }
    .centerBox2 {
      max-width: 28rem;
    }
    .mobJustSpan {
      font-size: 8.5rem;
    }
    .mobJustSpan2 {
      font-size: 8.5rem;
    }
    .mobJustSpan3 {
      font-size: 8.5rem;
    }
    .stepImg {
      width: 22rem;
    }
    .readyVis {
      display: none;
    }
    .sideBarBtn {
      font-size:47px;
      cursor:pointer;
      color: #ffffff;
    }
    .mobAlign {
      text-align: center;
    }
    .blogInnerImg {
      height: 22rem;
    }
    .navMob {
      display: inline-flex;
      width: 100%;
    }
    .logo {
      width: 242px;
    }
    .MobSideBar {
      position: absolute;
      left: 64px;
    }
    .dropMod {
      position: absolute!important;
    }
    .blogBlock {
      padding: 2rem 1rem 0 1rem;
    }
    .blogAuthor {
      position: relative;
      bottom: 0;
      left: 0rem;
    }
    .overlay {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 10000;
      top: 0;
      left: 0;
      background-color: #FFFFFF;
      overflow-x: hidden;
      transition: 0.5s;
    }
    
    .overlay-content {
      position: relative;
      top: 20%;
      width: 100%;
      text-align: center;
      margin-top: 30px;
      opacity: 0;
      transition: 0.6s;
    }
    
    .overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 36px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    
    .overlay a:hover, .overlay a:focus {
      color: #000;
    }
    
    .overlay .closebtn {
      position: absolute;
      top: 20px;
      right: 45px;
      font-size: 60px;
    }
    .aboutH1 {
      text-align: center;
    }
    .aboutP {
      font-weight: 600;
      font-size: 1.3rem;
      padding: 1rem 0;
    }
    .aboutP2 {
      font-weight: 600;
      font-size: 1.3rem;
      padding: 1rem 0;
    }
    .aboutP3 {
      font-weight: 600;
      font-size: 1.3rem;
      padding: 1rem 0;
    }
    .chosenLang {
      font-size: 37px!important;
    }
    .MobLang {
      position: absolute;
      right: 59px;
    }
    .firstSectionMob {
      display: block;
      background-color: #F2F0F0;
      padding: 16% 8%;
    }
    .startNowBtn {
      background-color: #B2FF9E;
      color: #1A1B34;
      border-style: solid;
      border-width: medium;
      border-color: #1A1B34;
      font-size: 3rem;
      width: 100%;
      display: block;
      text-align: center;
    }
    .innerSection {
      padding: 0;
    }
    .logInBtn{
      background-color: #1A1B32;
      color: #FFFFFF;
      border-style: solid;
      border-width: medium;
      border-color: #1A1B32;
      font-size: 3rem;
      width: 100%;
      display: block;
      text-align: center;
    }
    .zMod {
      z-index: 100;
    }
    .formBox {
      box-shadow: 1px 14px 15px #00000029;
      width: 100%;
      padding: 0;
      border-radius: 40px;
    }
    #form-group {
      width: 100%;
    }
    #exampleInputEmail3 {
      width: 60%;
      padding: 0 0 0 3rem;
      font-weight: 500;
    }
    .generate {
      font-style: italic;
    }
    #exampleInputEmail3 {
      font-size: 2.4rem;
    }
    .submitBtn {
      font-size: 2.4rem;
      background-color: #D8CDF3;
      color: #1A1B32;
      width: 40%;
      padding: 2rem;
      border-radius: 30px;
    }
    .firstH1M {
      font-size: 6.5rem;
      font-weight: bold;
      padding-top: 5rem;
      color: #1A1B34;
      z-index: 1;
      font-family: Bold;
    }
    .anything2 {
      font-size: 4rem;
      color: #1A1B34;
      z-index: 1;
    }
    .anytime2 {
      font-size: 4rem;
      color: #1A1B34;
      z-index: 1;
    }
    .anywhere2 {
      font-size: 4rem;
      padding-bottom: 5rem;
      color: #1A1B34;
      z-index: 1;
    }
    .mobSubText5 {
      padding-bottom: 6rem;
    }
    .mobSeamless {
      background-color: #FDBDFC;
      color: #1A1B34;
    }
    .mobWithout {
      background-color: #1A1B34;
      color: #ffff;
    }
    .accordionBtnMod {
      min-height: 4rem;
    }
    .navPc {
      display: none;
    }
    .secondSection {
      display: none;
    }
    .secondSectionMobile {
      display: block;
      padding: 15% 9%;
    }
    .thirdSection {
      display: none;
    }
    .eightButtonBox {
      margin-bottom: 11rem;
    }
  }
  @media screen and (max-width: 970px) {
    .mobHoris {
      right: -34%;
    }
  }
    @media screen and (max-height: 450px) {
      .overlay a {font-size: 20px}
      .overlay .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
      }
    }

  @media screen and (max-width: 870px) {
    .mobHoris {
      right: -38%;
    }
  }
  @media screen and (max-width: 850px) {
    .fourthH1 {
      font-size: 2.5rem;
    }
    .fifthSectionH1 {
      font-size: 2.5rem;
    }
    .sixthSectionH1 {
      font-size: 2.5rem;
    }
    .fourthImg {
      min-height: 73rem;
    }
    .fourthSection {
      height: 73rem;
    }
    .starP {
      width: 4rem;
    }
    .straPbox {
      top: -57px;
      left: -40px;
    }
    .seventhSection {
      padding: 5% 3%;
    }
    .blogImg {
      height: 28rem;
    }
  }
  @media screen and (max-width: 780px) {
    .logInBtn {
      font-size: 2rem;
      padding: 1rem 2rem;
    }
    .mobHoris {
      right: -42%;
    }
    .mobJustSpan {
      font-size: 5.5rem;
    }
    .mobJustSpan2 {
      font-size: 5.5rem;
    }
    .mobJustSpan3 {
      font-size: 5.5rem;
    }
    .stepImg {
      width: 15rem;
    }
    .startNowBtn {
      font-size: 2rem;
      padding: 1rem 2rem;
    }
    .submitBtn {
      font-size: 2rem;
    }
    #exampleInputEmail3 {
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 750px) {
    .mobJustH1 {
      font-size: 2rem;
    }
    .mobJustText {
      font-size: 2rem;
    }
    .blogInnerH1 {
      font-size: 2em;
    }
    .blogInnerP {
      font-size: 1.3em;
    }
  }
  @media screen and (max-width: 685px) {
    .submitBtn {
      font-size: 1.5rem;
      font-weight: bold;
    }
    .mobMob {
      width: 80rem;
    }
    .mobHoris {
      right: -47%;
    }
    .eightSpan {
      font-size: 2.5rem;
    }
  }
  @media screen and (max-width: 590px) {
    #exampleInputEmail3 {
      font-size: 1.5rem;
      padding: 0 0 0 2rem;
      height: 100%!important;
      transform: translate(0, 50%);
      background-color: transparent;
    }
    .mobHoris {
      right: -51%;
    }
    .blogInnerP {
      max-width: 100%;
    }
    #form-group {
      display: inline-flex;;
      border-radius: 40px;
      margin: 0!important;
    }
    .submitBtn {
      padding: 1rem;
    }
    .form-control:focus {
      border-color: transparent;
      box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 0%);
    }
    .chosenLang {
      font-size: 30px!important;
    }
    .startNowBtn {
      font-size: 1.2rem;
    }
    .logInBtn {
      font-size: 1.2rem;
    }
    .firstH1M {
      font-size: 4.5rem;
    }
    .anything2 {
      font-size: 2rem;
    }
    .anytime2 {
      font-size: 2rem;
    }
    .anywhere2 {
      font-size: 2rem;
    }
    .MH1 {
      font-size: 1.5rem;
    }
    .mobSubText5 {
      font-size: 1.5rem;
    }
    .mobWithout  {
      font-size: 1.5rem;
    }
    .logo {
      width: 196px;
    }
    .sideBarBtn {
      font-size: 36px;
    }
    .aboutH1 {
      padding:2rem 0 1rem;
    }
  }
  @media screen and (max-width: 550px) {
    .arrowL {
      width: 4rem;
    }
    .arrowR {
      width: 4rem;
    }
    .mobJustH1 {
      font-size: 1.5rem;
    }
    .mobJustSpan {
      font-size: 4.5rem;
    }
    .mobJustSpan2 {
      font-size: 4.5rem;
    }
    .mobJustSpan3 {
      font-size: 4.5rem;
    }
    .mobJustText {
      font-size: 1.5rem;
    }
    .stepImg {
      width: 13rem;
    }
    .mobJust {
      width: 16rem;
    }
    .upperTextMob {
      font-size: 2.7rem;
    }
    .mobPt {
      padding: 6rem 0 0rem;
    }
    .SwiperArrows {
      position: absolute;
      bottom: 68px;
      left: 0%;
      text-align: center;
      width: 100%;
      transform: translate(0%, 0%);
    }
    .fourthH1 {
      font-size: 2rem;
      padding: 7rem 14px 1rem;
    }
    .sixthSection {
      padding: 8rem 3rem 2rem;
    }
    .accordionBtnMod {
      font-size: 1rem;
    }
    .heading {
      padding-right: 1.5rem;
    }
    .accordionBtnMod.collapsed .triangle {
      width: 1rem;
    }
    .accordionBtnMod .triangle {
      width: 1rem;
    }
    .imgSpan {
      right: -13px;
    }
    .mobMob {
      right: -436px;
      top: -268px;
      width: 62rem;
    }
    .contactSection {
      padding: 12% 5%;
    }
    .contactH1 {
      text-align: center;
    }
    .mbc {
      margin: 0 0 5rem 0;
    }
  }
  @media screen and (max-width: 530px) {
    .mobHoris {
      top: -4%;
      width: 51rem;
    }
  }
  @media screen and (max-width: 490px) {

    .submitBtn {
      font-size: 1.2rem;
    }
    .startNowBtn {
      padding: 1rem 0rem;
    }
    .logInBtn {
      padding: 1rem 0rem;
    }
    #exampleInputEmail3 {
      padding: 8px 0 0 27px;
      font-size: 1rem;
    }
    .sideBarBtn {
      font-size: 28px;
    }
    .MobSideBar {
      left: 53px;
    }
    .chosenLang {
      font-size: 23px!important;
    }
    .MobLang {
      right: 36px;
    }
    .submitBtn {
      font-size: 1rem;
    }
    .firstH1M {
      font-size: 3.5rem;
    }
    .anything2 {
      font-size: 1.8rem;
    }
    .anytime2 {
      font-size: 1.8rem;
    }
    .anywhere2 {
      font-size: 1.8rem;
    }
    .MH1 {
      font-size: 1.2rem;
    }
    .firstSpans {
      padding-bottom: 45rem;
    }
    .mobHoris {
      top: -4%;
      width: 48rem;
    }
    .mobWithout {
      font-size: 1.2rem;
    }
    .mobSubText5 {
      font-size: 1.2rem;
    }
    .thnxH1Send {
      font-size: 2rem;
    }
    .blogImg {
      height: 14rem;
      object-fit: contain;
    }
    .BlogSection {
      padding: 2% 1%;
    }
  }
  @media screen and (max-width:450px ) {
    .eightSpan {
      font-size: 2rem;
    }
    .mailBox1 {
      border-radius: 0;
    }
    .mobHoris {
      width: 44rem;
    }
    .pml {
      padding-right: 5px;
    }
    .firstSpans {
      padding-bottom: 40rem;
    }
    .partnImg {
      width: 9rem;
    }
    .partnImg2 {
      width: 9rem;
    }
    .partnImg3 {
      width: 11rem;
    }
    .sixthSection {
      padding: 5rem 3rem 2rem;
    }
    .partnImg4 {
      width: 12rem;
      margin-top: 0;
    }
    .blogInnerH1 {
      font-size: 1.7em;
    }
    .pmr {
      padding-left: 5px;
    }
    .dashBtn {
      min-width: 19rem;
    }
    .eightStart {
      font-size: 1.6rem;
    }
    .mobJust {
      width: 13rem;
    }
    .eightContact {
      font-size: 1.7rem;
    }
    .Swiper2H1 {
      font-size: 2rem;
    }
    .Swiper2P {
      font-size: 1rem;
      height: 15rem;
      padding: 0 1rem;
    }
    .mobJustText {
      font-size: 1rem;
    }
    .mobJustH1 {
      font-size: 1.2rem;
    }
    .mobJustSpan {
      font-size: 2.5rem;
    }
    .mobJustSpan2 {
      font-size: 2.5rem;
    }
    .mobJustSpan3 {
      font-size: 2.5rem;
    }
    .stepImg {
      width: 10rem;
    }
    .mobPt {
      padding: 2rem 0 0rem;
    }
    .mobPb {
      padding-bottom: 3rem;
    }
    .mobJustH1 {
      padding: 1.5rem;
    }
    .aboutH1 {
      font-size: 3rem;
    }

  }
  @media screen and (max-width:450px ) {
    .mobMob {
      right: -316px;
      top: -196px;
      width: 47rem;
    }
  }
  @media screen and (max-width: 420px) {
    .firstSpans {
      padding-bottom: 42rem;
    }
    .mobHoris {
      top: 1%;
      width: 41rem;
      right: -54%;
      transform: rotate(-27deg);
    }
  }
  @media screen and (max-width: 410px) {
    .firstSpans {
      padding-bottom: 39rem;
    }
    .mobHoris {
      right: -56%;
    }
  }
  @media screen and (max-width: 380px) {
    .mobJustH1 {
      padding: 1.2rem;
    }
    .mobHoris {
      width: 38rem;
    }
    .firstSpans {
      padding-bottom: 35rem;
    }
    .secondSectionMobile {
      padding: 15% 3%;
    }
    .MobSideBar {
      left: 35px;
    }
    .MobLang {
      right: 7px;
    }
    .anywhere2 {
      padding-bottom: 2rem;
    }
    .firstH1M {
      padding-top: 3rem;
    }
    .mobSubText5 {
      padding-bottom: 3rem;
    }
    .submitBtn {
      width: 55%;
    }
    .mobMob {
      right: -246px;
      top: -139px;
      width: 36rem;
    }
    .contactH1 {
      font-size: 3.3rem;
    }
    .contactHead {
      font-size: 1.7rem;
    }
    .contactBody {
      font-size: 1.2rem;
    }
    .contactHead2 {
      font-size: 1.7rem;
    }
    .contactIcon {
      width: 3rem;
      margin-top: 0;
    }
    .blogDate {
      font-size: 1em;
    }
    .blogInnerAuthor {
      font-size: 1.2em;
    }
  }
  @media screen and (max-width: 380px) {
    .dashBtn {
      min-width: 18rem;
      padding: 0.9rem 3rem
    }
    .eightContact {
      min-width: 18rem;
      padding: 0.9rem 3rem
    }
    .eightStart {
      min-width: 18rem;
      padding: 0.9rem 3rem
    }
  }
  @media screen and (max-width:360px) {
    .firstSpans {
      padding-bottom: 33rem;
    }
    .mobHoris {
      width: 36rem;
      top: 5%;
    }
  }
  @media screen and (max-width:350px) {
    .fourtContainer {
      padding: 0 1rem;
    }
    .fourthInnerBox {
      padding: 3rem 1rem;
    }
    .eightSection {
      padding: 13% 2%;
    }
    .logo {
      width: 180px;
    }
    .boxInner {
      min-width: 100%;
    }
    .contactBody {
      font-size: 1rem;
    }
    .contactHead2 {
      font-size: 1.4rem;
    }
    .contactIcon {
      width: 2rem;
    }
    .blogInnerP {
      font-size: 1.1em;
    }
  }
  @media screen and (max-width: 340px) {
    .mobHoris {
      width: 32rem;
    }
    .firstSpans {
      padding-bottom: 29rem;
    }
  }