@font-face {
  font-family: Druk-Wide-Bold;
  src: url(../../fonts/Druk\ Wide\ Bold.ttf);
  font-family: Druk-Wide;
  src: url(../../fonts/Druk-Wide-Cy-Web-Medium-Regular.ttf);
}
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1400px) {
  .history {
    position: relative;
    top: 100px !important;
    overflow: hidden;
    height: 1050px !important;
  }
}
@media (min-width: 1800px) {
  .roadMap {
    height: 1300px !important;
    position: relative;
    top: -150px !important;
    position: relative;
    overflow: hidden;
    height: avto;
    width: 100%;
  }
  .roadMap .heading {
    font-size: 72px;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
    left: 200px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 600px !important;
    height: 790px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r01 span {
    font-size: 60px !important;
    top: 18px !important;
    left: -88px !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 25px !important;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -215px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 450px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r02 span {
    font-size: 60px !important;
    z-index: 1;
    top: 13px;
    left: -90px !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 25px !important;
    top: -205px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 165px !important;
    left: 732px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r03 span {
    font-size: 55px !important;
    top: 14px !important;
    left: -86px !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-size: 25px !important;
    top: -215px !important;
    width: 267px !important;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 379px !important;
    left: 475px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 60.58px !important;
    height: 60.58px !important;
    left: -94px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-size: 25px !important;
    top: -215px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    top: 605px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 60.58px !important;
    height: 60.58px !important;
    left: -94px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-size: 25px !important;
    top: -215px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 706px !important;
    left: 458px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 60.58px !important;
    height: 60.58px !important;
    left: -94px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-size: 25px !important;
    top: -215px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 790px !important;
    left: 718px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 120px !important;
    height: 120px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 60.58px !important;
    height: 60.58px !important;
    left: -94px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-size: 25px !important;
    top: -215px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .imageside {
    position: relative;
    left: 200px;
  }
  .roadMap .imageside .rmainimg {
    width: 972px !important;
    height: 1102px !important;
  }
  .roadMap .imageside .rblurimg {
    position: relative;
    z-index: 2;
    bottom: 150px;
    left: -400px !important;
    width: 3000px !important;
    height: 366px;
  }
}
@media (min-width: 2000px) {
  .header {
    position: relative;
    background-size: 100% 250% !important;
    background-repeat: no-repeat;
    z-index: 10;
    height: 1200px !important;
  }
  .header .logo .crazy-logo {
    position: relative;
    width: 240px;
    height: 150px;
  }
  .header .social-image {
    position: relative;
    top: 383px !important;
    z-index: 11;
    min-width: 1850px !important;
  }
  .header .social-image .character-images {
    height: auto;
    display: flex;
    position: relative;
    top: -40px;
    flex-direction: row;
  }
  .header .social-image .character-images .character-image1 {
    position: absolute;
    top: 191px !important;
    left: -210px !important;
    top: 94px;
    left: -45px;
  }
  .header .social-image .character-images .character-image1 img {
    width: 320px !important;
    height: 340px !important;
  }
  .header .social-image .character-images .character-image2 {
    position: absolute;
    top: 131px !important;
    left: 15px !important;
  }
  .header .social-image .character-images .character-image2 img {
    width: 360px !important;
    height: 400px !important;
  }
  .header .social-image .character-images .character-image3 {
    position: absolute;
    z-index: 3;
    top: -80px !important;
    left: 225px;
  }
  .header .social-image .character-images .character-image3 img {
    width: 570px !important;
    height: 611px !important;
  }
  .header .social-image .character-images .character-image4 {
    position: absolute;
    top: 130px !important;
    left: 645px !important;
  }
  .header .social-image .character-images .character-image4 img {
    width: 360px !important;
    height: 400px !important;
  }
  .header .social-image .character-images .character-image5 {
    position: absolute;
    top: 191px !important;
    left: 928px !important;
  }
  .header .social-image .character-images .character-image5 img {
    width: 320px !important;
    height: 340px !important;
  }
  .header .social-image .socials {
    position: relative;
    right: 265px !important;
  }
  .header .social-image .socials .bor {
    flex-direction: column;
    border: 3px solid white !important;
    border-radius: 42px !important;
    transform: rotate(-90deg);
    transition: transform 1s ease-in-out;
    margin-bottom: 160px !important;
    padding: 20px 7px 4px !important;
    width: 200px !important;
    height: 65px !important;
  }
  .header .social-image .socials .bor a {
    font-family: Druk-Wide;
    line-height: 16.8px;
    color: white;
    font-size: 24px !important;
    font-weight: 200;
    margin: 10px !important;
  }
  .header .header-part {
    position: relative;
    z-index: 2;
    min-width: 1800px !important;
  }
  .header .header-part .left-logo {
    position: relative;
    right: 36px;
    top: 60px;
  }
  .header .header-part .left-logo .mint {
    position: absolute;
    z-index: 3;
    color: white;
    font-size: 28px !important;
    top: 13px !important;
    left: 52px !important;
    font-family: Druk-Wide;
  }
  .header .header-part .left-logo .mlogo {
    position: relative;
    z-index: 2;
    width: 180px !important;
    height: 70px !important;
  }
  .header .header-part .left-logo .side {
    position: relative;
    width: 188px;
    margin-left: 6px !important;
    margin-top: -71px !important;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 180px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 424px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 22% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 100px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 50px !important;
    height: 38px !important;
    margin: 0 20px;
  }
  .history {
    position: relative;
    top: 100px !important;
    overflow: hidden;
    height: 1550px !important;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -50px;
    top: 280px !important;
  }
  .history .historyPart .himg1 img {
    width: 547.1px !important;
    height: 581px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 10% !important;
    top: 280px !important;
    width: 547.1px !important;
    height: 581px !important;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 100px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 60px !important;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 60px;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 120%;
    height: 450px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -290px !important;
    left: 120px !important;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 27px !important;
    font-weight: 900;
    line-height: 41.6px !important;
    text-align: center;
  }
  .history .blur {
    position: relative;
    top: -20px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: relative;
    display: block;
    width: 100%;
    height: 200px !important;
    overflow: hidden;
    background: #4D81CE;
    top: -140px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    margin-top: 20px !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 80px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 53px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 110px !important;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 50px !important;
    height: 34px !important;
    margin: 0 70px !important;
  }
  @-webkit-keyframes morguee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
  @keyframes morguee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
  .owl {
    margin-top: 50px !important;
  }
  .owl .heading {
    text-align: center;
    margin-bottom: 150px !important;
  }
  .owl .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 130px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #243263;
  }
  .owl .owlItem .item {
    position: relative;
  }
  .owl .owlItem .item .owl-manimg .owl-img {
    width: 377px !important;
    height: 505px !important;
  }
  .owl .owlItem .item .caracImg {
    z-index: 2;
    position: absolute;
    top: 54px !important;
    left: 39px !important;
    border: 1px solid;
    background-color: #EA5D56;
    width: 300px !important;
    height: 317px !important;
    border-radius: 41px;
  }
  .owl .owlItem .item .caracImg .cImg {
    position: absolute;
    bottom: 0px;
    left: 19px !important;
    width: 259px !important;
    height: 286px !important;
  }
  .owl .owlItem .item .fname {
    position: relative;
  }
  .owl .owlItem .item .fname .name {
    font-family: druk;
    font-size: 30px !important;
    font-weight: 700;
    line-height: 29.2px;
    color: #ffffff;
    position: absolute;
    bottom: 62px !important;
    left: 61px !important;
  }
  .owl .owlItem .item .fname .prof {
    font-size: 22px !important;
    bottom: 41px !important;
    left: 60px !important;
  }
  .owl .owlItem .item .owlv1 {
    position: relative;
  }
  .owl .owlItem .item .owlv1 .o1img {
    margin: 50px;
    position: relative;
    bottom: 125px !important;
    left: 185px !important;
    width: 40px !important;
    height: 40px !important;
  }
  .owl .owlItem .item .owlv2 {
    position: relative;
  }
  .owl .owlItem .item .owlv2 .o2img {
    bottom: 215px !important;
    left: 234px !important;
    width: 40px !important;
    height: 40px !important;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 50px;
  }
  .tab-section .heading .head {
    font-size: 92px !important;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 160% !important;
    padding: 67px 41px !important;
    position: relative !important;
    left: -250px !important;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-size: 60px !important;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 80px !important;
    height: 80px !important;
    position: absolute;
    right: 1%;
    top: calc(50% - 35px) !important;
  }
  .tab-section .inner_content {
    width: 130% !important;
    position: relative !important;
    left: -200px !important;
  }
  .tab-section .inner_content p {
    width: 140% !important;
    margin: auto;
    padding: 18px 15px;
    font-size: 32px !important;
    line-height: 32px !important;
  }
  .footer {
    height: 900px !important;
    margin-top: 150px;
    overflow: hidden;
  }
  .footer .ft {
    display: flex;
  }
  .footer .ft .img-part .img {
    width: 896px !important;
    height: 966px !important;
  }
  .footer .ft .social-part {
    position: relative;
    left: 15px;
  }
  .footer .ft .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 110px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 15% !important;
    position: relative;
    top: 200px;
  }
  .footer .ft .social-part .social {
    display: flex;
    margin-left: 15% !important;
    position: relative;
    top: 250px;
    z-index: 3;
  }
  .footer .ft .social-part .social .discord {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .discord .dis {
    width: 138px !important;
    height: 138px !important;
  }
  .footer .ft .social-part .social .twitter {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .twitter .twit {
    width: 138px !important;
    height: 138px !important;
  }
  .footer .ft .social-part .social .instagram {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .instagram .ins {
    width: 138px !important;
    height: 138px !important;
  }
  .footer .vec {
    position: relative;
    top: -430px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 250px !important;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 68px !important;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 42px !important;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: 0px !important;
  }
}
@media (min-width: 2400px) {
  .roadMap {
    height: 1600px !important;
    position: relative;
    top: -150px !important;
    position: relative;
    overflow: hidden;
    height: avto;
    width: 100%;
  }
  .roadMap .heading {
    font-size: 100px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 220px !important;
    left: 7% !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
    left: 200px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 951px !important;
    height: 1047px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r01 span {
    font-size: 80px !important;
    top: 20px !important;
    left: -112px !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 35px !important;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 90px !important;
    left: 600px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r02 span {
    font-size: 80px !important;
    top: 20px !important;
    left: -112px !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 194px !important;
    left: 1054px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r03 span {
    font-size: 80px !important;
    top: 20px !important;
    left: -112px !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 500px !important;
    left: 625px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 80.58px !important;
    height: 80.58px !important;
    left: -118px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    top: 775px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 80.58px !important;
    height: 80.58px !important;
    left: -118px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 910px !important;
    left: 615px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 80.58px !important;
    height: 80.58px !important;
    left: -118px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 1020px !important;
    left: 1054px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 160px !important;
    height: 160px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 80.58px !important;
    height: 80.58px !important;
    left: -118px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-size: 35px !important;
    top: -265px !important;
    width: 267px !important;
    color: #243263;
  }
  .roadMap .imageside {
    position: relative;
    left: 15% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 1210px !important;
    height: 1402px !important;
  }
  .roadMap .imageside .rblurimg {
    position: relative;
    z-index: 2;
    bottom: 250px !important;
    left: -280px !important;
    width: 3000px !important;
    height: 466px !important;
  }
  #tranding {
    padding: 4rem 0;
  }
  #tranding .swiper-slide-shadow-left,
#tranding .swiper-slide-shadow-right {
    display: none;
  }
  #tranding .swiper-3d, #tranding .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 2600px;
  }
  #tranding .container {
    max-width: 270rem !important;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #tranding .container .text-center {
    font-family: "Patrick Hand", cursive;
    text-align: center;
    font-size: 100px !important;
    color: #243263;
    padding: 2rem 0;
    margin: 0px 0px 90px 0px !important;
  }
  #tranding .tranding-slider {
    height: 84rem !important;
    padding: 2rem 0;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide {
    width: 37rem;
    height: 47rem;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom {
    position: absolute;
    bottom: -210px !important;
    left: 160px !important;
    color: #243263;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom h2 {
    font-size: 3rem;
  }
  #tranding .tranding-slider .tranding-slide-img {
    border: 1px solid;
    background-color: #EA5D56;
    border-radius: 90px;
    width: 770px;
    height: 850px;
    position: relative;
    left: -87px;
  }
  #tranding .tranding-slider .tranding-slide-img .image {
    margin-top: 82px !important;
    width: 39rem !important;
    height: 48rem !important;
    border-radius: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    left: 70px;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider-control {
    position: relative;
    bottom: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #tranding .tranding-slider-control .swiper-pagination {
    position: relative;
    width: 25rem !important;
    bottom: -2rem !important;
  }
  #tranding .tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
    width: 30px !important;
    height: 30px !important;
  }
  #tranding .tranding-slider-control .swiper-button-next {
    left: 62% !important;
    transform: translateX(-62%) !important;
  }
  #tranding .tranding-slider-control .swiper-button-prev {
    left: 38% !important;
    transform: translateX(-38%) !important;
  }
  #tranding .tranding-slider-control .slider-arrow {
    background: white;
    width: 6.5rem !important;
    height: 6.5rem !important;
    border-radius: 50%;
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
  #tranding .tranding-slider-control .slider-arrow::after {
    content: "";
  }
  #tranding .tranding-slider-control .slider-arrow ion-icon {
    font-size: 4rem !important;
    color: #222224;
  }
}
@media (min-width: 2750px) {
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 120px !important;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    font-size: 38px !important;
  }
}
@media (min-width: 3000px) {
  .roadMap {
    height: 2250px !important;
    position: relative;
    top: -150px !important;
    position: relative;
    overflow: hidden;
    height: avto;
    width: 100%;
  }
  .roadMap .heading {
    font-size: 130px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: 20px !important;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 486px !important;
    left: 11% !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
    left: 200px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 1148px !important;
    height: 1427px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: -25px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r01 span {
    font-size: 136px !important;
    top: 39px !important;
    left: -175px !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 107px !important;
    left: 685px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r02 span {
    font-size: 136px !important;
    top: 39px !important;
    left: -175px !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 251px !important;
    left: 1155px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r03 span {
    font-size: 136px !important;
    top: 39px !important;
    left: -175px !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 641px !important;
    left: 689px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 120.58px !important;
    height: 120.58px !important;
    left: -180px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r05 {
    top: 1010px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 120.58px !important;
    height: 120.58px !important;
    left: -180px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 1213px !important;
    left: 673px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 120.58px !important;
    height: 120.58px !important;
    left: -180px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 1347px !important;
    left: 1157px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 235px !important;
    height: 235px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 120.58px !important;
    height: 120.58px !important;
    left: -180px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-size: 47px !important;
    line-height: 39.08px !important;
    top: -435px !important;
    width: 310px !important;
  }
  .roadMap .imageside {
    position: relative;
    left: 11% !important;
    top: 200px !important;
  }
  .roadMap .imageside .rmainimg {
    width: 1740px !important;
    height: 1900px !important;
  }
  .roadMap .imageside .rblurimg {
    position: relative;
    z-index: 2;
    bottom: 250px !important;
    left: -280px !important;
    width: 3000px !important;
    height: 466px !important;
  }
  .tab-section {
    margin-top: 100px !important;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 150px !important;
  }
  .tab-section .heading .head {
    font-size: 120px !important;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 260% !important;
    padding: 127px 41px !important;
    position: relative !important;
    left: -725px !important;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-size: 85px !important;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    right: 3% !important;
    top: calc(50% - 65px) !important;
  }
  .tab-section .inner_content {
    width: 200% !important;
    position: relative !important;
    left: -600px !important;
  }
  .tab-section .inner_content p {
    width: 100% !important;
    margin: auto;
    padding: 45px 15px;
    font-size: 50px !important;
    line-height: 52px !important;
  }
  .footer {
    height: 1200px !important;
    margin-top: 150px;
    overflow: hidden;
  }
  .footer .ft {
    display: flex;
  }
  .footer .ft .img-part .img {
    width: 1196px !important;
    height: 1266px !important;
  }
  .footer .ft .social-part {
    position: relative;
    left: 15px;
  }
  .footer .ft .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 160px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 15% !important;
    position: relative;
    top: 500px !important;
  }
  .footer .ft .social-part .social {
    display: flex;
    margin-left: 15% !important;
    position: relative;
    top: 600px !important;
    z-index: 3;
  }
  .footer .ft .social-part .social .discord {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .discord .dis {
    width: 168px !important;
    height: 168px !important;
  }
  .footer .ft .social-part .social .twitter {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .twitter .twit {
    width: 168px !important;
    height: 168px !important;
  }
  .footer .ft .social-part .social .instagram {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .instagram .ins {
    width: 168px !important;
    height: 168px !important;
  }
  .footer .vec {
    position: relative;
    top: -550px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 300px !important;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 88px !important;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 52px !important;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: 40px !important;
  }
}
@media (min-width: 3200px) {
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 140px !important;
  }
  .history .historyPart .about .parag {
    top: 150px !important;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    font-size: 43px !important;
  }
}
@media (min-width: 3500px) {
  .header {
    position: relative;
    background-size: 100% 250% !important;
    background-repeat: no-repeat;
    z-index: 10;
    height: 1500px !important;
  }
  .header .logo .crazy-logo {
    position: relative;
    width: 400px !important;
    height: 200px !important;
  }
  .header .social-image {
    position: relative;
    top: 383px !important;
    z-index: 11;
  }
  .header .social-image .container {
    min-width: 2410px !important;
  }
  .header .social-image .character-images {
    height: auto;
    display: flex;
    position: relative;
    top: -40px;
    flex-direction: row;
  }
  .header .social-image .character-images .character-image1 {
    position: absolute;
    top: 212px !important;
    left: -256px !important;
    top: 94px;
    left: -45px;
  }
  .header .social-image .character-images .character-image1 img {
    width: 550px !important;
    height: 570px !important;
  }
  .header .social-image .character-images .character-image2 {
    position: absolute;
    top: 97px !important;
    left: 120px !important;
  }
  .header .social-image .character-images .character-image2 img {
    width: 690px !important;
    height: 690px !important;
  }
  .header .social-image .character-images .character-image3 {
    position: absolute;
    z-index: 3;
    top: -230px !important;
    left: 470px !important;
  }
  .header .social-image .character-images .character-image3 img {
    width: 970px !important;
    height: 1011px !important;
  }
  .header .social-image .character-images .character-image4 {
    position: absolute;
    top: 93px !important;
    left: 1123px !important;
  }
  .header .social-image .character-images .character-image4 img {
    width: 690px !important;
    height: 690px !important;
  }
  .header .social-image .character-images .character-image5 {
    position: absolute;
    top: 213px !important;
    left: 1663px !important;
  }
  .header .social-image .character-images .character-image5 img {
    width: 550px !important;
    height: 570px !important;
  }
  .header .social-image .socials {
    position: relative;
    right: 265px !important;
  }
  .header .social-image .socials .bor {
    flex-direction: column;
    border: 4px solid white !important;
    border-radius: 32px;
    transform: rotate(-90deg);
    transition: transform 1s ease-in-out;
    margin-bottom: 300px !important;
    padding: 34px 7px 4px !important;
    width: 330px !important;
    height: 90px !important;
  }
  .header .social-image .socials .bor a {
    font-family: Druk-Wide;
    line-height: 16.8px;
    color: white;
    font-size: 40px !important;
    font-weight: 200;
    margin: 14px !important;
  }
  .header .header-part {
    position: relative;
    z-index: 2;
    min-width: 3150px !important;
    top: 50px !important;
  }
  .header .header-part .left-logo {
    position: relative;
    right: 36px;
    top: 60px;
  }
  .header .header-part .left-logo .mint {
    position: absolute;
    z-index: 3;
    color: white;
    font-size: 52px !important;
    top: 15px !important;
    left: 80px !important;
    font-family: Druk-Wide;
  }
  .header .header-part .left-logo .mlogo {
    position: relative;
    z-index: 2;
    width: 340px !important;
    height: 120px !important;
  }
  .header .header-part .left-logo .side {
    position: relative;
    width: 361px;
    margin-left: 17px !important;
    margin-top: -95px !important;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 230px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 345px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 26% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 150px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 70px !important;
    height: 58px !important;
    margin: 0 20px;
  }
  .history {
    position: relative;
    top: 100px !important;
    overflow: hidden;
    height: 1800px !important;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -50px;
    top: 280px !important;
  }
  .history .historyPart .himg1 img {
    width: 747.1px !important;
    height: 781px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 10% !important;
    top: 280px !important;
    width: 747.1px !important;
    height: 781px !important;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 180px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 110px !important;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 320px !important;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 120%;
    height: 500px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -330px !important;
    left: 120px !important;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 53px !important;
    font-weight: 900;
    line-height: 49.6px !important;
    text-align: center;
  }
  .history .blur {
    position: relative;
    top: 120px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: relative;
    display: block;
    width: 100%;
    height: 240px !important;
    overflow: hidden;
    background: #4D81CE;
    top: -20px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    margin-top: 40px !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 110px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 70px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 110px !important;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 70px !important;
    height: 58px !important;
    margin: 0 70px !important;
  }
  #tranding {
    padding: 4rem 0;
  }
  #tranding .swiper-3d, #tranding .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 5000px !important;
  }
  #tranding .container {
    max-width: 430rem !important;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #tranding .container .text-center {
    font-family: "Patrick Hand", cursive;
    text-align: center;
    font-size: 190px !important;
    color: #243263;
    padding: 2rem 0;
    margin: 0px 0px 90px 0px !important;
  }
  #tranding .tranding-slider {
    height: 114rem !important;
    padding: 2rem 0;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide {
    width: 37rem;
    height: 47rem;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom {
    position: absolute;
    bottom: -593px !important;
    left: 80px !important;
    color: #243263;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom h2 {
    font-size: 4.8rem;
  }
  #tranding .tranding-slider .tranding-slide-img {
    border: 1px solid;
    background-color: #EA5D56;
    border-radius: 90px;
    width: 1070px;
    height: 1150px;
    position: relative;
    left: -220px;
  }
  #tranding .tranding-slider .tranding-slide-img .image {
    margin-top: 93px !important;
    width: 57rem !important;
    height: 66rem !important;
    border-radius: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    left: 70px;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider-control {
    position: relative;
    bottom: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #tranding .tranding-slider-control .swiper-pagination {
    position: relative;
    width: 45rem !important;
    bottom: -2rem !important;
  }
  #tranding .tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
    width: 55px !important;
    height: 55px !important;
  }
  #tranding .tranding-slider-control .swiper-button-next {
    left: 62% !important;
    transform: translateX(-62%) !important;
  }
  #tranding .tranding-slider-control .swiper-button-prev {
    left: 38% !important;
    transform: translateX(-38%) !important;
  }
  #tranding .tranding-slider-control .slider-arrow {
    background: white;
    width: 11.5rem !important;
    height: 11.5rem !important;
    border-radius: 50%;
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
  #tranding .tranding-slider-control .slider-arrow::after {
    content: "";
  }
  #tranding .tranding-slider-control .slider-arrow ion-icon {
    font-size: 7rem !important;
    color: #222224;
  }
  .owl {
    margin-top: 100px !important;
  }
  .owl .heading {
    text-align: center;
    margin-bottom: 200px !important;
  }
  .owl .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 190px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #243263;
  }
  .owl .owlItem .item {
    position: relative;
  }
  .owl .owlItem .item .owl-manimg .owl-img {
    width: 677px !important;
    height: 865px !important;
  }
  .owl .owlItem .item .caracImg {
    z-index: 2;
    position: absolute;
    top: 87px !important;
    left: 70px !important;
    border: 1px solid;
    background-color: #EA5D56;
    width: 540px !important;
    height: 570px !important;
    border-radius: 41px;
  }
  .owl .owlItem .item .caracImg .cImg {
    position: absolute;
    bottom: 0px;
    left: 35px !important;
    width: 470px !important;
    height: 520px !important;
  }
  .owl .owlItem .item .fname {
    position: relative;
  }
  .owl .owlItem .item .fname .name {
    font-family: druk;
    font-size: 55px !important;
    font-weight: 700;
    line-height: 29.2px;
    color: #ffffff;
    position: absolute;
    bottom: 116px !important;
    left: 92px !important;
  }
  .owl .owlItem .item .fname .prof {
    font-size: 45px !important;
    bottom: 65px !important;
    left: 92px !important;
  }
  .owl .owlItem .item .owlv1 {
    position: relative;
  }
  .owl .owlItem .item .owlv1 .o1img {
    margin: 50px;
    position: relative;
    bottom: 185px !important;
    left: 335px !important;
    width: 80px !important;
    height: 80px !important;
  }
  .owl .owlItem .item .owlv2 {
    position: relative;
  }
  .owl .owlItem .item .owlv2 .o2img {
    bottom: 312px !important;
    left: 442px !important;
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 4000px) {
  .roadMap {
    height: 2550px !important;
    position: relative;
    top: -150px !important;
    position: relative;
    overflow: hidden;
    height: avto;
    width: 100%;
  }
  .roadMap .heading {
    font-size: 190px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: 20px !important;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 486px !important;
    left: 11% !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
    left: 200px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 1486px !important;
    height: 1731px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: -25px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r01 span {
    font-size: 190px !important;
    top: 57px !important;
    left: -236px !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 107px !important;
    left: 809px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r02 span {
    font-size: 190px !important;
    top: 57px !important;
    left: -236px !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 251px !important;
    left: 1381px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r03 span {
    font-size: 190px !important;
    top: 57px !important;
    left: -236px !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 750px !important;
    left: 771px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 160.58px !important;
    height: 160.58px !important;
    left: -238px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r05 {
    top: 1175px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 160.58px !important;
    height: 160.58px !important;
    left: -238px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 1435px !important;
    left: 840px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 160.58px !important;
    height: 160.58px !important;
    left: -238px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 1614px !important;
    left: 1494px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 320px !important;
    height: 320px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 160.58px !important;
    height: 160.58px !important;
    left: -238px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-size: 75px !important;
    line-height: 57.08px !important;
    top: -625px !important;
    width: 483px !important;
  }
  .roadMap .imageside {
    position: relative;
    left: 11% !important;
    top: 200px !important;
  }
  .roadMap .imageside .rmainimg {
    width: 2053px !important;
    height: 2247px !important;
  }
  .roadMap .imageside .rblurimg {
    position: relative;
    z-index: 2;
    bottom: 350px !important;
    left: -280px !important;
    width: 3000px !important;
    height: 566px !important;
  }
  .tab-section {
    margin-top: 200px !important;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 200px !important;
  }
  .tab-section .heading .head {
    font-size: 190px !important;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 370% !important;
    padding: 200px 115px !important;
    position: relative !important;
    left: -1240px !important;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-size: 150px !important;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 190px !important;
    height: 190px !important;
    position: absolute;
    right: 3% !important;
    top: calc(50% - 85px) !important;
  }
  .tab-section .inner_content {
    width: 300% !important;
    position: relative !important;
    left: -1000px !important;
  }
  .tab-section .inner_content p {
    width: 100% !important;
    margin: auto;
    padding: 55px 15px;
    font-size: 75px !important;
    line-height: 72px !important;
  }
  .footer {
    height: 1600px !important;
    margin-top: 150px;
    overflow: hidden;
  }
  .footer .ft {
    display: flex;
  }
  .footer .ft .img-part .img {
    width: 1596px !important;
    height: 1666px !important;
  }
  .footer .ft .social-part {
    position: relative;
    left: 15px;
  }
  .footer .ft .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 250px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 15% !important;
    position: relative;
    top: 500px !important;
  }
  .footer .ft .social-part .social {
    display: flex;
    margin-left: 15% !important;
    position: relative;
    top: 600px !important;
    z-index: 3;
  }
  .footer .ft .social-part .social .discord {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .discord .dis {
    width: 238px !important;
    height: 238px !important;
  }
  .footer .ft .social-part .social .twitter {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .twitter .twit {
    width: 238px !important;
    height: 238px !important;
  }
  .footer .ft .social-part .social .instagram {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .instagram .ins {
    width: 238px !important;
    height: 238px !important;
  }
  .footer .vec {
    position: relative;
    top: -720px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 400px !important;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 100px !important;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 108px !important;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 62px !important;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: 70px !important;
  }
}
@media (min-width: 5000px) {
  .header {
    position: relative;
    background-size: 100% 250% !important;
    background-repeat: no-repeat;
    z-index: 10;
    height: 2050px !important;
  }
  .header .logo .crazy-logo {
    position: relative;
    width: 500px !important;
    height: 250px !important;
  }
  .header .social-image {
    position: relative;
    top: 383px !important;
    z-index: 11;
  }
  .header .social-image .container {
    min-width: 3910px !important;
  }
  .header .social-image .character-images {
    height: auto;
    display: flex;
    position: relative;
    top: -40px;
    flex-direction: row;
  }
  .header .social-image .character-images .character-image1 {
    position: absolute;
    top: 310px !important;
    left: -400px !important;
    top: 94px;
    left: -45px;
  }
  .header .social-image .character-images .character-image1 img {
    width: 800px !important;
    height: 820px !important;
  }
  .header .social-image .character-images .character-image2 {
    position: absolute;
    top: 140px !important;
    left: 150px !important;
  }
  .header .social-image .character-images .character-image2 img {
    width: 990px !important;
    height: 990px !important;
  }
  .header .social-image .character-images .character-image3 {
    position: absolute;
    z-index: 3;
    top: -280px !important;
    left: 690px !important;
  }
  .header .social-image .character-images .character-image3 img {
    width: 1370px !important;
    height: 1411px !important;
  }
  .header .social-image .character-images .character-image4 {
    position: absolute;
    top: 141px !important;
    left: 1673px !important;
  }
  .header .social-image .character-images .character-image4 img {
    width: 990px !important;
    height: 990px !important;
  }
  .header .social-image .character-images .character-image5 {
    position: absolute;
    top: 311px !important;
    left: 2463px !important;
  }
  .header .social-image .character-images .character-image5 img {
    width: 800px !important;
    height: 820px !important;
  }
  .header .social-image .socials {
    position: relative;
    right: 265px !important;
    top: 70px !important;
  }
  .header .social-image .socials .bor {
    flex-direction: column;
    border: 5px solid white !important;
    border-radius: 65px !important;
    transform: rotate(-90deg);
    transition: transform 1s ease-in-out;
    margin-bottom: 400px !important;
    padding: 55px 7px 4px !important;
    width: 440px !important;
    height: 140px !important;
  }
  .header .social-image .socials .bor a {
    font-family: Druk-Wide;
    line-height: 16.8px;
    color: white;
    font-size: 54px !important;
    font-weight: 200;
    margin: 22px !important;
  }
  .header .header-part {
    position: relative;
    z-index: 2;
    min-width: 4550px !important;
    top: 50px !important;
  }
  .header .header-part .left-logo {
    position: relative;
    right: 36px;
    top: 60px;
  }
  .header .header-part .left-logo .mint {
    position: absolute;
    z-index: 3;
    color: white;
    font-size: 77px !important;
    top: 25px !important;
    left: 100px !important;
    font-family: Druk-Wide;
  }
  .header .header-part .left-logo .mlogo {
    position: relative;
    z-index: 2;
    width: 500px !important;
    height: 180px !important;
  }
  .header .header-part .left-logo .side {
    position: relative;
    width: 531px;
    margin-left: 12px !important;
    margin-top: -135px !important;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 310px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 395px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 29% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 190px !important;
    font-weight: 500;
    -webkit-animation: morguee 800s linear infinite;
            animation: morguee 800s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 90px !important;
    height: 70px !important;
    margin: 0 20px;
  }
  .history {
    position: relative;
    top: 100px !important;
    overflow: hidden;
    height: 2300px !important;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -90px !important;
    top: 430px !important;
  }
  .history .historyPart .himg1 img {
    width: 1107.1px !important;
    height: 1181px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 10% !important;
    top: 480px !important;
    width: 1107.1px !important;
    height: 1181px !important;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 220px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 110px !important;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 400px !important;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 120%;
    height: 650px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -380px !important;
    left: 120px !important;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 68px !important;
    font-weight: 900;
    line-height: 59.6px !important;
    text-align: center;
  }
  .history .blur {
    position: relative;
    top: 190px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 430px !important;
  }
  .history .morquee-w2 {
    position: relative;
    display: block;
    width: 100%;
    height: 310px !important;
    overflow: hidden;
    background: #4D81CE;
    top: 20px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    margin-top: 60px !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 170px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 110px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 190px !important;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 90px !important;
    height: 70px !important;
    margin: 0 120px !important;
  }
  .roadMap {
    height: 3650px !important;
    position: relative;
    top: 50px !important;
    position: relative;
    overflow: hidden;
    height: avto;
    width: 100%;
  }
  .roadMap .heading {
    font-size: 230px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: 20px !important;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 680px !important;
    left: 13% !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
    left: 200px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 1900px !important;
    height: 2150px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: -70px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r01 span {
    font-size: 250px !important;
    top: 77px !important;
    left: -307px !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 145px !important;
    left: 1010px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r02 span {
    font-size: 250px !important;
    top: 77px !important;
    left: -307px !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 316px !important;
    left: 1754px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r03 span {
    font-size: 250px !important;
    top: 77px !important;
    left: -307px !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 943px !important;
    left: 945px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 210.58px !important;
    height: 210.58px !important;
    left: -304px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r05 {
    top: 1445px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 210.58px !important;
    height: 210.58px !important;
    left: -304px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 1780px !important;
    left: 1081px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 210.58px !important;
    height: 210.58px !important;
    left: -304px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 2000px !important;
    left: 1900px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 400px !important;
    height: 400px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 210.58px !important;
    height: 210.58px !important;
    left: -304px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-size: 85px !important;
    line-height: 70.08px !important;
    top: -708px !important;
    width: 598px !important;
  }
  .roadMap .imageside {
    position: relative;
    left: 11% !important;
    top: 200px !important;
  }
  .roadMap .imageside .rmainimg {
    width: 2753px !important;
    height: 3047px !important;
  }
  .roadMap .imageside .rblurimg {
    position: relative;
    z-index: 2;
    bottom: 350px !important;
    left: -280px !important;
    width: 3000px !important;
    height: 766px !important;
  }
  #tranding .container .text-center {
    font-size: 250px !important;
    color: #243263;
    padding: 2rem 0;
    margin: 0px 0px 290px 0px !important;
  }
  .owl {
    margin-top: 350px !important;
  }
  .owl .heading {
    text-align: center;
    margin-bottom: 300px !important;
  }
  .owl .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 250px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #243263;
  }
  .owl .owlItem .item {
    position: relative;
  }
  .owl .owlItem .item .owl-manimg .owl-img {
    width: 860px !important;
    height: 1150px !important;
  }
  .owl .owlItem .item .caracImg {
    z-index: 2;
    position: absolute;
    top: 130px !important;
    left: 96px !important;
    border: 1px solid;
    background-color: #EA5D56;
    width: 674px !important;
    height: 750px !important;
    border-radius: 41px;
  }
  .owl .owlItem .item .caracImg .cImg {
    position: absolute;
    bottom: 0px;
    left: 35px !important;
    width: 600px !important;
    height: 690px !important;
  }
  .owl .owlItem .item .fname {
    position: relative;
  }
  .owl .owlItem .item .fname .name {
    font-family: druk;
    font-size: 80px !important;
    font-weight: 700;
    line-height: 29.2px;
    color: #ffffff;
    position: absolute;
    bottom: 160px !important;
    left: 125px !important;
  }
  .owl .owlItem .item .fname .prof {
    font-size: 65px !important;
    bottom: 90px !important;
    left: 123px !important;
  }
  .owl .owlItem .item .owlv1 {
    position: relative;
  }
  .owl .owlItem .item .owlv1 .o1img {
    margin: 50px;
    position: relative;
    bottom: 245px !important;
    left: 435px !important;
    width: 120px !important;
    height: 120px !important;
  }
  .owl .owlItem .item .owlv2 {
    position: relative;
  }
  .owl .owlItem .item .owlv2 .o2img {
    bottom: 420px !important;
    left: 570px !important;
    width: 120px !important;
    height: 120px !important;
  }
  .tab-section {
    margin-top: 400px !important;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 250px !important;
  }
  .tab-section .heading .head {
    font-size: 250px !important;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 455% !important;
    padding: 280px 115px !important;
    position: relative !important;
    left: -1600px !important;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-size: 180px !important;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 230px !important;
    height: 230px !important;
    position: absolute;
    right: 3% !important;
    top: calc(50% - 105px) !important;
  }
  .tab-section .inner_content {
    width: 350% !important;
    position: relative !important;
    left: -1300px !important;
  }
  .tab-section .inner_content p {
    width: 100% !important;
    margin: auto;
    padding: 55px 15px;
    font-size: 95px !important;
    line-height: 82px !important;
  }
  .footer {
    height: 2000px !important;
    margin-top: 150px;
    overflow: hidden;
  }
  .footer .ft {
    display: flex;
  }
  .footer .ft .img-part .img {
    width: 1996px !important;
    height: 2166px !important;
  }
  .footer .ft .social-part {
    position: relative;
    left: 15px;
  }
  .footer .ft .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 290px !important;
    line-height: 97.49px;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 15% !important;
    position: relative;
    top: 800px !important;
  }
  .footer .ft .social-part .social {
    display: flex;
    margin-left: 15% !important;
    position: relative;
    top: 900px !important;
    z-index: 3;
  }
  .footer .ft .social-part .social .discord {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .discord .dis {
    width: 288px !important;
    height: 288px !important;
  }
  .footer .ft .social-part .social .twitter {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .twitter .twit {
    width: 288px !important;
    height: 288px !important;
  }
  .footer .ft .social-part .social .instagram {
    margin-right: 50px;
  }
  .footer .ft .social-part .social .instagram .ins {
    width: 288px !important;
    height: 288px !important;
  }
  .footer .vec {
    position: relative;
    top: -920px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 550px !important;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 200px !important;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 138px !important;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 77px !important;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: 100px !important;
  }
}
@media (max-width: 1300px) {
  .header {
    overflow: hidden;
    background-size: 100% 190% !important;
    background-repeat: no-repeat;
    z-index: 10;
    height: 620px !important;
  }
  .header .character-images {
    position: relative;
  }
}
@media (max-width: 1400px) {
  .history {
    position: relative;
    overflow: hidden;
    height: 750px !important;
    top: -50px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 560px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 72px;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 90px !important;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 120%;
    height: 350px;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -260px !important;
    left: 60px;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 18px;
    font-weight: 900;
    line-height: 21.6px;
    text-align: center;
  }
  .history .blur {
    position: relative;
    top: -75px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    background: #4D81CE;
    top: -270px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 50px;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 43px;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 30px;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
}
@media (max-width: 1200px) {
  .socials {
    display: none;
  }
  .footer {
    margin-top: 150px;
    overflow: hidden;
    height: 625px !important;
  }
  .footer .img-part {
    position: relative;
    left: -130px !important;
  }
  .footer .img-part .img {
    width: 606px;
    height: 666px;
  }
  .footer .social-part {
    position: relative;
    left: -50px !important;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 72px;
    line-height: 97.49px;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 200px;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 250px;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 50px;
  }
  .footer .social-part .social .discord .dis {
    width: 108px;
    height: 108px;
  }
  .footer .social-part .social .twitter {
    margin-right: 50px;
  }
  .footer .social-part .social .twitter .twit {
    width: 108px;
    height: 108px;
  }
  .footer .social-part .social .instagram {
    margin-right: 50px;
  }
  .footer .social-part .social .instagram .ins {
    width: 108px;
    height: 108px;
  }
  .footer .vec {
    position: relative;
    top: -250px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
  .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 130px;
    overflow: hidden;
    background: #EA5D56;
    top: 65% !important;
  }
  .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 65px;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .morquee-w .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
  .history {
    position: relative;
    overflow: hidden;
    height: 750px !important;
    top: -50px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 560px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 72px;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 70px !important;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 130% !important;
    height: 400px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 40px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -270px !important;
    left: 60px;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 18.6px;
    text-align: center;
  }
  .history .blur {
    position: relative;
    top: -75px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    background: #4D81CE;
    top: -270px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 50px;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 43px;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 30px;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
}
@media (max-width: 997px) {
  .history {
    position: relative;
    overflow: hidden;
    height: 625px !important;
    top: -80px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 60px !important;
    left: -50px;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 130% !important;
    height: 400px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 40px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -270px !important;
    left: 60px;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 12px !important;
    font-weight: 900;
    line-height: 16.6px;
    text-align: center;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -25px !important;
    top: 235px !important;
  }
  .history .historyPart .himg1 img {
    width: 250px !important;
    height: 270px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 40px !important;
    top: 235px !important;
    width: 250px !important;
    height: 270px !important;
  }
  .history .blur {
    position: relative;
    top: -50px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100px !important;
    overflow: hidden;
    background: #4D81CE;
    top: -270px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 20%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 47px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 40px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 30px;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .header {
    position: relative;
    background-size: 180% 225% !important;
    background-position: 50% 10%;
    height: 530px !important;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 110px;
    overflow: hidden;
    background: #EA5D56;
    top: 352px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 10% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 50px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
  .header .character-images {
    display: flex;
    position: relative;
  }
  .header .character-images .character-image1 {
    position: absolute;
    top: 100px !important;
    left: 5px !important;
  }
  .header .character-images .character-image1 img {
    width: 99px !important;
    height: 109px !important;
  }
  .header .character-images .character-image2 {
    position: absolute;
    top: 20px !important;
    left: 67px !important;
  }
  .header .character-images .character-image2 img {
    width: 174px !important;
    height: 190px !important;
  }
  .header .character-images .character-image3 {
    position: absolute;
    z-index: 3;
    top: -47px !important;
    left: 202px !important;
  }
  .header .character-images .character-image3 img {
    width: 236px !important;
    height: 258px !important;
  }
  .header .character-images .character-image4 {
    position: absolute;
    top: 20px !important;
    left: 396px !important;
  }
  .header .character-images .character-image4 img {
    width: 174px !important;
    height: 190px !important;
  }
  .header .character-images .character-image5 {
    position: absolute;
    top: 100px !important;
    left: 538px !important;
  }
  .header .character-images .character-image5 img {
    width: 99px !important;
    height: 109px !important;
  }
  .footer {
    margin-top: 150px;
    overflow: hidden;
    height: 450px !important;
  }
  .footer .img-part {
    position: relative;
    left: -80px !important;
  }
  .footer .img-part .img {
    width: 420px !important;
    height: 460px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 110px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 130px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 30px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 30px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 30px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .vec {
    position: relative;
    top: -175px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 36px;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 12px;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: -37px;
  }
}
@media screen and (min-width: 900px) and (max-width: 992px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1400px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: 30px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 27% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 850px) and (max-width: 900px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1420px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: -10px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 27% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1400px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: -55px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 21% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 700px) and (max-width: 768px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1400px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: -90px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 18% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 630px) and (max-width: 700px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1390px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: -135px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 15% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 577px) and (max-width: 630px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 1390px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: 70px;
    width: 100% !important;
    left: -155px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 468px;
    height: 592px;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 20px;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 80px;
    left: 400px;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 145px;
    left: 610px;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 48px;
    line-height: 70px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 13px;
    left: -70px;
    color: white;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 325px;
    left: 400px;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 470px;
    left: 175px;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 545px;
    left: 405px;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 610px;
    left: 600px;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 88px;
    height: 88px;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 42.58px;
    height: 42.58px;
    position: relative;
    z-index: 1;
    left: -70px;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 20px;
    line-height: 27.08px;
    font-weight: 400;
    position: relative;
    top: -175px;
    width: 167px;
    color: #243263;
  }
  .roadMap .imageside {
    top: 200px;
    position: relative;
    left: 10% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 450px !important;
    height: 500px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: -150px;
    left: -150px;
    width: 900px;
    height: 366px;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .header {
    position: relative;
    background-size: 205% 220% !important;
    background-position: 50% 10%;
    height: 525px !important;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 100px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 352px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 10% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 45px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 32px !important;
    height: 20px !important;
    margin: 0 20px;
  }
  .header .character-images {
    display: flex;
    position: relative;
    left: -85px !important;
  }
  .header .character-images .character-image1 {
    position: absolute;
    top: 100px !important;
    left: 5px !important;
  }
  .header .character-images .character-image1 img {
    width: 99px !important;
    height: 109px !important;
  }
  .header .character-image2 {
    position: absolute;
    top: 20px !important;
    left: 67px !important;
  }
  .header .character-image2 img {
    width: 174px !important;
    height: 190px !important;
  }
  .header .character-image3 {
    position: absolute;
    z-index: 3;
    top: -47px !important;
    left: 202px !important;
  }
  .header .character-image3 img {
    width: 236px !important;
    height: 258px !important;
  }
  .header .character-image4 {
    position: absolute;
    top: 20px !important;
    left: 396px !important;
  }
  .header .character-image4 img {
    width: 174px !important;
    height: 190px !important;
  }
  .header .character-image5 {
    position: absolute;
    top: 100px !important;
    left: 538px !important;
  }
  .header .character-image5 img {
    width: 99px !important;
    height: 109px !important;
  }
  .crazy-rect-h {
    width: 100%;
    overflow: hidden;
    height: 69px !important;
    position: absolute;
    top: 500px !important;
    z-index: 20;
  }
  .crazy-rect-h .c-image {
    width: 180% !important;
  }
  .crazy-rect-h .row .hf1 {
    width: 256px !important;
    height: 29px !important;
    position: absolute;
    top: 25px !important;
    left: -12px;
    z-index: 21;
  }
  .crazy-rect-h .row .hf2 {
    width: 256px !important;
    height: 29px !important;
    margin: 10px 19px;
    position: absolute;
    top: 15px !important;
    left: 240px !important;
  }
  .crazy-rect-h .row .hf5 {
    width: 256px !important;
    height: 29px !important;
    margin: 10px 19px;
    position: absolute;
    top: 15px !important;
    left: 580px !important;
  }
  .crazy-rect-h .row .hf3 {
    width: 256px !important;
    height: 29px !important;
    position: absolute;
    left: 870px !important;
    top: 25px !important;
  }
  .crazy-rect-h .row .hf4 {
    width: 40px !important;
    height: 20px !important;
    position: absolute;
    top: 30px !important;
    left: 540px !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 769px) {
  .history {
    position: relative;
    overflow: hidden;
    height: 550px !important;
    top: -100px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 65px !important;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 137% !important;
    height: 320px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 10px 0px 10px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -240px !important;
    left: 50px !important;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 10px !important;
    font-weight: 900;
    line-height: 16.6px;
    text-align: center;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -30px !important;
    top: 235px !important;
  }
  .history .historyPart .himg1 img {
    width: 200px !important;
    height: 220px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 40px !important;
    top: 235px !important;
    width: 200px !important;
    height: 220px !important;
  }
  .history .blur {
    position: relative;
    top: -90px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 90px !important;
    overflow: hidden;
    background: #4D81CE;
    top: -315px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 17%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 47px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 35px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 30px;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 36px;
    height: 24px;
    margin: 0 20px;
  }
  .footer {
    margin-top: 150px;
    overflow: hidden;
    height: 450px !important;
  }
  .footer .img-part {
    position: relative;
    left: -80px !important;
  }
  .footer .img-part .img {
    width: 420px !important;
    height: 460px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 110px !important;
    left: 80px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 130px !important;
    left: 80px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 30px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 30px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 30px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 54px !important;
    height: 54px !important;
  }
  .footer .vec {
    position: relative;
    top: -140px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
}
#tranding {
  padding: 4rem 0;
}
#tranding .swiper-slide-shadow-left,
#tranding .swiper-slide-shadow-right {
  display: none;
}
#tranding .container {
  max-width: 184rem;
  padding: 0 1rem;
  margin: 0 auto;
}
#tranding .container .text-center {
  font-family: "Patrick Hand", cursive;
  text-align: center;
  font-size: 72px;
  color: #243263;
  padding: 2rem 0;
}
#tranding .tranding-slider {
  height: 62rem;
  padding: 2rem 0;
  position: relative;
}
#tranding .tranding-slider .tranding-slide {
  width: 37rem;
  height: 47rem;
  position: relative;
}
#tranding .tranding-slider .tranding-slide-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom {
  position: absolute;
  bottom: 130px;
  left: 210px;
  color: #243263;
}
#tranding .tranding-slider .tranding-slide-img {
  border: 1px solid;
  background-color: #EA5D56;
  border-radius: 90px;
}
#tranding .tranding-slider .tranding-slide-img .image {
  margin-top: 70px;
  width: 28rem;
  height: 30rem;
  border-radius: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  left: 70px;
}
#tranding .tranding-slider .tranding-slide-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#tranding .tranding-slider-control {
  position: relative;
  bottom: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tranding .tranding-slider-control .swiper-pagination {
  position: relative;
  width: 15rem;
  bottom: 1rem;
}
#tranding .tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}
#tranding .tranding-slider-control .swiper-button-next {
  left: 62% !important;
  transform: translateX(-62%) !important;
}
#tranding .tranding-slider-control .swiper-button-prev {
  left: 38% !important;
  transform: translateX(-38%) !important;
}
#tranding .tranding-slider-control .slider-arrow {
  background: white;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}
#tranding .tranding-slider-control .slider-arrow::after {
  content: "";
}
#tranding .tranding-slider-control .slider-arrow ion-icon {
  font-size: 2rem;
  color: #222224;
}

@media (max-width: 1440px) {
  #tranding {
    padding: 7rem 0;
  }
  #tranding .tranding-slider {
    height: 52rem;
    padding: 2rem 0;
    position: relative;
  }
  #tranding .tranding-slider-control {
    position: relative;
    bottom: 120px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #tranding .tranding-slider-control .swiper-pagination {
    position: relative;
    width: 15rem;
    bottom: 1rem;
  }
  #tranding .tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
  #tranding .tranding-slider-control .swiper-button-next {
    left: 58% !important;
    transform: translateX(-5%) !important;
  }
  #tranding .tranding-slider-control .slider-arrow {
    background: white;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    left: 42%;
    transform: translateX(-92%);
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
  #tranding .tranding-slider-control .slider-arrow::after {
    content: "";
  }
  #tranding .tranding-slider-control .slider-arrow ion-icon {
    font-size: 2rem;
    color: #222224;
  }
}
@media (max-width: 990px) {
  #tranding .container {
    max-width: 184rem;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #tranding .container .text-center {
    position: relative;
    top: -50px !important;
    font-family: "Patrick Hand", cursive;
    text-align: center;
    font-size: 36px !important;
    color: #243263;
    padding: 2rem 0;
  }
  #tranding .tranding-slider {
    height: 42rem;
    padding: 2rem 0;
    position: relative;
    top: -30px !important;
  }
  #tranding .tranding-slider .tranding-slide {
    width: 25rem !important;
    height: 35rem !important;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom {
    position: absolute;
    bottom: 50px !important;
    left: 120px !important;
    left: 210px;
    color: #243263;
  }
  #tranding .tranding-slider .tranding-slide-img {
    border: 1px solid;
    background-color: #EA5D56;
    border-radius: 90px;
  }
  #tranding .tranding-slider .tranding-slide-img .image {
    margin-top: 70px;
    width: 19rem !important;
    height: 22rem !important;
    border-radius: 2rem;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    left: 50px !important;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider-control {
    position: relative;
    bottom: 60px !important;
  }
  #tranding .tranding-slider-control .swiper-button-next {
    left: 70% !important;
    transform: translateX(-70%) !important;
  }
  #tranding .tranding-slider-control .swiper-button-prev {
    left: 30% !important;
    transform: translateX(-30%) !important;
  }
  .owl {
    margin-top: -150px;
  }
  .owl .heading {
    text-align: center;
    margin-bottom: 50px;
  }
  .owl .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 48.74px;
    font-weight: 400;
    color: #243263;
  }
  .owl .owlItem .item {
    position: relative;
  }
  .owl .owlItem .item .owl-manimg .owl-img {
    width: 210px !important;
    height: 280px !important;
  }
  .owl .owlItem .item .caracImg {
    z-index: 2;
    position: absolute;
    top: 19px !important;
    left: 17px !important;
    border: 1px solid;
    background-color: #EA5D56;
    width: 175.3px !important;
    height: 188.12px !important;
    border-radius: 34px !important;
  }
  .owl .owlItem .item .caracImg .cImg {
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 147.41px !important;
    height: 162.41px !important;
  }
  .owl .owlItem .item .fname {
    position: relative;
  }
  .owl .owlItem .item .fname .name {
    font-family: druk;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 29.2px;
    color: #ffffff;
    position: absolute;
    bottom: 35px !important;
    left: 25px !important;
  }
  .owl .owlItem .item .fname .prof {
    font-family: "Patrick Hand", cursive;
    font-size: 10px !important;
    line-height: 16.25px;
    font-weight: 400;
    position: absolute;
    bottom: 33px !important;
    left: 25px !important;
    color: #ffffff;
  }
  .owl .owlItem .item .owlv1 {
    position: relative;
  }
  .owl .owlItem .item .owlv1 .o1img {
    margin: 50px;
    position: relative;
    bottom: 107px !important;
    left: 85px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .owl .owlItem .item .owlv2 {
    position: relative;
  }
  .owl .owlItem .item .owlv2 .o2img {
    margin: 50px;
    position: relative;
    bottom: 177px !important;
    left: 110px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .tab-section {
    margin-top: -40px;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 50px;
  }
  .tab-section .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 36px !important;
    line-height: 48.74px !important;
    font-weight: 400;
    color: #243263;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordions {
    display: block;
    max-width: 920px;
    margin: auto;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
    -webkit-tap-highlight-color: transparent;
    padding: 27px 35px;
    cursor: pointer;
    transition: background-color 0.3s ease-in;
    border-radius: 27px;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-family: "Patrick Hand", cursive;
    line-height: 37.91px !important;
    font-weight: 400;
    font-size: 25px !important;
    color: #4D81CE;
    position: relative;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 30px !important;
    height: 30px !important;
    color: #4D81CE;
    position: absolute;
    right: 1%;
    top: calc(50% - 12px) !important;
    background-color: transparent;
    transition: transform 0.3s ease-in;
  }
  .tab-section .inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
  }
  .tab-section .inner_content p {
    font-family: druk;
    line-height: 23.33px;
    color: #243263;
    font-weight: 600;
    width: 98%;
    margin: auto;
    padding: 18px 15px;
    font-size: 12px !important;
    line-height: 28px;
    letter-spacing: 1px;
    opacity: 0;
    transform: translate3d(0px, 60px, 0px);
    transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
  .tab-section .Accordion_item .title_tab.active {
    transition: background-color 0.3s ease-in;
  }
  .tab-section .Accordion_item .title_tab.active .title .icons {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in;
  }
  .tab-section .Accordion_item .title_tab:hover {
    transition: background-color 0.3s ease-in;
  }
  .tab-section .inner_content p.show {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
}
@media (max-width: 577px) {
  .history {
    position: relative;
    overflow: hidden;
    height: 525px !important;
    top: -100px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 28px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 40px !important;
    text-align: center;
    vertical-align: top;
    position: relative;
  }
  .history .historyPart .about .parag img {
    width: 150% !important;
    height: 300px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 10px 0px 10px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -220px !important;
    left: 50px !important;
    box-sizing: border-box;
    font-family: Druk-Wide;
    font-size: 9px !important;
    font-weight: 900;
    line-height: 14.6px !important;
    text-align: center;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -30px !important;
    top: 235px !important;
  }
  .history .historyPart .himg1 img {
    width: 170px !important;
    height: 180px !important;
  }
  .history .historyPart .himg2 img {
    position: relative;
    left: 40px !important;
    top: 235px !important;
    width: 170px !important;
    height: 180px !important;
  }
  .history .blur {
    position: relative;
    top: -135px !important;
  }
  .history .blur .blurImg {
    width: 100%;
    height: 300px;
  }
  .history .morquee-w2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 90px !important;
    overflow: hidden;
    background: #4D81CE;
    top: -356px !important;
  }
  .history .morquee-w2 .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .history .morquee-w2 .morquee span {
    display: inline-block;
    position: relative;
    top: 17%;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 40px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .history .morquee-w2 .morquee span .date {
    line-height: 40px;
    font-size: 30px !important;
    font-weight: 100;
    color: #fff;
    font-family: Druk-Wide;
    margin: 0 30px 30px 30px;
    position: relative;
    top: 0px;
  }
  .history .morquee-w2 .morquee span .cf2 {
    width: 25px !important;
    height: 20px !important;
    margin: 0 40px !important;
  }
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 650px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 32.5px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px !important;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: -40px !important;
    width: 100% !important;
    left: -60px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 209px !important;
    height: 264px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 48px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 78px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 110px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 180px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 245px !important;
    left: 210px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 285px !important;
    left: 310px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 310px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .imageside {
    top: 60px !important;
    position: relative;
    left: 30% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 200px !important;
    height: 220px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: 80px !important;
    left: -150px;
    width: 900px;
    height: 200px !important;
  }
  #tranding .container {
    max-width: 184rem;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #tranding .container .text-center {
    position: relative;
    top: -50px !important;
    font-family: "Patrick Hand", cursive;
    text-align: center;
    font-size: 24px !important;
    color: #243263;
    padding: 2rem 0;
  }
  #tranding .tranding-slider {
    height: 35rem !important;
    padding: 2rem 0;
    position: relative;
    top: -30px !important;
  }
  #tranding .tranding-slider .tranding-slide {
    width: 18rem !important;
    height: 40rem !important;
    position: relative;
  }
  #tranding .tranding-slider .tranding-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  #tranding .tranding-slider .tranding-slide-content .tranding-slide-content-bottom {
    position: absolute;
    bottom: 210px !important;
    left: 70px !important;
    left: 210px;
    color: #243263;
  }
  #tranding .tranding-slider .tranding-slide-img {
    border: 1px solid;
    background-color: #EA5D56;
    border-radius: 60px !important;
  }
  #tranding .tranding-slider .tranding-slide-img .image {
    margin-top: 30px !important;
    width: 16rem !important;
    height: 21rem !important;
    border-radius: 2rem;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    left: 15px !important;
  }
  #tranding .tranding-slider-control {
    position: relative;
    bottom: 30px !important;
  }
  #tranding .tranding-slider-control .swiper-button-next {
    left: 80% !important;
    transform: translateX(-80%) !important;
  }
  #tranding .tranding-slider-control .swiper-button-prev {
    left: 19% !important;
    transform: translateX(-19%) !important;
  }
  #tranding .tranding-slider-control .slider-arrow {
    background: white;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 50%;
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
  #tranding .tranding-slider-control .slider-arrow::after {
    content: "";
  }
  #tranding .tranding-slider-control .slider-arrow ion-icon {
    font-size: 2rem;
    color: #222224;
  }
  .owl {
    margin-top: -150px;
  }
  .owl .heading {
    text-align: center;
    margin-bottom: 50px;
  }
  .owl .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 48.74px;
    font-weight: 400;
    color: #243263;
  }
  .owl .owlItem .item {
    position: relative;
  }
  .owl .owlItem .item .owl-manimg .owl-img {
    width: 160px !important;
    height: 200px !important;
  }
  .owl .owlItem .item .caracImg {
    top: 19px !important;
    left: 17px !important;
    border: 1px solid;
    background-color: #EA5D56;
    width: 125.3px !important;
    height: 138.12px !important;
    border-radius: 25px !important;
  }
  .owl .owlItem .item .caracImg .cImg {
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 97.41px !important;
    height: 112.41px !important;
  }
  .owl .owlItem .item .fname {
    position: relative;
  }
  .owl .owlItem .item .fname .name {
    font-family: druk;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 29.2px;
    color: #ffffff;
    position: absolute;
    bottom: 10px !important;
    left: 25px !important;
  }
  .owl .owlItem .item .fname .prof {
    font-family: "Patrick Hand", cursive;
    font-size: 7px !important;
    line-height: 16.25px;
    font-weight: 400;
    position: absolute;
    bottom: 13px !important;
    left: 25px !important;
    color: #ffffff;
  }
  .owl .owlItem .item .owlv1 {
    position: relative;
  }
  .owl .owlItem .item .owlv1 .o1img {
    margin: 50px;
    position: relative;
    bottom: 87px !important;
    left: 45px !important;
    width: 15px !important;
    height: 15px !important;
  }
  .owl .owlItem .item .owlv2 {
    position: relative;
  }
  .owl .owlItem .item .owlv2 .o2img {
    margin: 50px;
    position: relative;
    bottom: 152px !important;
    left: 65px !important;
    width: 15px !important;
    height: 15px !important;
  }
  .tab-section {
    margin-top: -70px;
  }
  .tab-section .heading {
    text-align: center;
    margin-bottom: 50px;
  }
  .tab-section .heading .head {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 32.5px !important;
    font-weight: 400;
    color: #243263;
  }
  .tab-section .container {
    width: 100%;
  }
  .tab-section .Accordions {
    display: block;
    max-width: 920px;
    margin: auto;
  }
  .tab-section .Accordion_item {
    width: 100%;
    height: auto;
    margin: 25px 0;
  }
  .tab-section .Accordion_item:first-child {
    margin-top: 50px;
  }
  .tab-section .Accordion_item .title_tab {
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
    -webkit-tap-highlight-color: transparent;
    padding: 27px 35px;
    cursor: pointer;
    transition: background-color 0.3s ease-in;
    border-radius: 27px;
  }
  .tab-section .Accordion_item .title_tab .title {
    font-family: "Patrick Hand", cursive;
    line-height: 37.91px !important;
    font-weight: 400;
    font-size: 20px !important;
    color: #4D81CE;
    position: relative;
  }
  .tab-section .Accordion_item .title_tab .title .icons {
    width: 25px !important;
    height: 25px !important;
    color: #4D81CE;
    position: absolute;
    right: 1%;
    top: calc(50% - 12px) !important;
    background-color: transparent;
    transition: transform 0.3s ease-in;
  }
  .tab-section .inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
  }
  .tab-section .inner_content p {
    font-family: druk;
    line-height: 23.33px;
    color: #243263;
    font-weight: 600;
    width: 98%;
    margin: auto;
    padding: 18px 15px;
    font-size: 10px !important;
    line-height: 28px;
    opacity: 0;
    transform: translate3d(0px, 60px, 0px);
    transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
  .tab-section .Accordion_item .title_tab.active {
    transition: background-color 0.3s ease-in;
  }
  .tab-section .Accordion_item .title_tab.active .title .icons {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in;
  }
  .tab-section .Accordion_item .title_tab:hover {
    transition: background-color 0.3s ease-in;
  }
  .tab-section .Accordion_item .inner_content p.show {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
}
@media (max-width: 576px) {
  .header-part .logo .crazy-logo {
    width: 80px;
    height: 43px;
  }
  .header-part .left-logo {
    position: relative;
  }
  .header-part .left-logo .mant {
    position: absolute;
    z-index: 3;
    font-family: druk;
    color: white;
    font-size: 10px !important;
    top: 7px !important;
    left: 37px !important;
    font-weight: 500;
  }
  .header-part .left-logo .mlogo {
    width: 80px;
    height: 28px;
  }
  .header-part .left-logo .side {
    width: 80px;
    height: 28px;
  }
  .footer {
    margin-top: 75px !important;
    overflow: hidden;
    height: 300px !important;
  }
  .footer .ft {
    position: relative;
    top: 30px;
  }
  .footer .img-part {
    position: relative;
    left: -40px !important;
  }
  .footer .img-part .img {
    width: 220px !important;
    height: 240px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 20px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 40px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 40px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 20px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 20px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 20px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .vec {
    position: relative;
    top: -70px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
  .copyright {
    position: relative;
    width: 100%;
    height: 130px !important;
    background-color: #4D81CE;
    z-index: 4;
  }
  .copyright .text {
    text-align: center;
    padding-top: 20px !important;
    color: #fff;
    font-family: druk;
  }
  .copyright .text .crazy {
    font-size: 18px !important;
    font-weight: 900;
    line-height: 93.2px;
  }
  .copyright .text .cr {
    font-size: 8px !important;
    font-weight: 600;
    line-height: 23.2px;
    margin-top: -45px !important;
  }
}
@media screen and (min-width: 420px) and (max-width: 500px) {
  .header {
    position: relative;
    height: 540px !important;
    background-size: 200% 220% !important;
    background-position: 50% 10%;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 120px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 352px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 18% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 55px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 32px !important;
    height: 20px !important;
    margin: 0 20px;
  }
  .header .character-images {
    display: flex;
    position: relative;
    left: -50px !important;
    top: -90px !important;
  }
  .header .character-images .character-image1 {
    display: none !important;
  }
  .header .character-images .character-image1 img {
    display: none !important;
  }
  .header .character-image2 {
    position: absolute;
    top: 20px !important;
    left: -60px !important;
  }
  .header .character-image2 img {
    width: 227px !important;
    height: 249px !important;
  }
  .header .character-image3 {
    position: absolute;
    z-index: 3;
    top: -69px !important;
    left: 110px !important;
  }
  .header .character-image3 img {
    width: 309px !important;
    height: 338px !important;
  }
  .header .character-image4 {
    position: absolute;
    top: 20px !important;
    left: 320px !important;
  }
  .header .character-image4 img {
    width: 227px !important;
    height: 249px !important;
  }
  .header .character-image5 {
    display: none !important;
  }
  .header .character-image5 img {
    display: none !important;
  }
  .history {
    position: relative;
    overflow: hidden;
    height: 495px !important;
    top: -100px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 28px !important;
    line-height: 97.29px;
    font-weight: 400;
    position: relative;
    top: 90px;
  }
  .history .historyPart .about .parag {
    position: relative;
    top: 40px !important;
  }
  .history .historyPart .about .parag img {
    width: 157% !important;
    height: 300px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 10px 0px 10px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    font-size: 8px !important;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -30px !important;
    top: 235px !important;
  }
  .history .historyPart .himg1 img {
    width: 150px !important;
    height: 160px !important;
  }
  .history .historyPart .himg2 img {
    width: 150px !important;
    height: 160px !important;
  }
  .history .blur {
    position: relative;
    top: -150px !important;
  }
  .history .morquee-w2 {
    top: -375px !important;
  }
}
@media (max-width: 450px) {
  .header {
    position: relative;
    height: 540px !important;
    background-size: 200% 220% !important;
    background-position: 50% 10%;
  }
  .header .morquee-w {
    position: relative;
    display: block;
    width: 100%;
    height: 120px !important;
    overflow: hidden;
    background: #EA5D56;
    top: 352px !important;
  }
  .header .morquee-w .morquee {
    position: absolute;
    display: block;
    margin: auto auto;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
  }
  .header .morquee-w .morquee span {
    display: inline-block;
    position: relative;
    top: 18% !important;
    font-family: Druk-Wide;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    white-space: nowrap;
    height: 100%;
    line-height: 58px;
    font-size: 55px !important;
    font-weight: 500;
    -webkit-animation: morguee 600s linear infinite;
            animation: morguee 600s linear infinite;
  }
  .header .morquee-w .morquee span .cf2 {
    width: 32px !important;
    height: 20px !important;
    margin: 0 20px;
  }
  .header .character-images {
    display: flex;
    position: relative;
    left: -100px !important;
    top: -90px !important;
  }
  .header .character-images .character-image1 {
    display: none !important;
  }
  .header .character-images .character-image1 img {
    display: none !important;
  }
  .header .character-image2 {
    position: absolute;
    top: 20px !important;
    left: -40px !important;
  }
  .header .character-image2 img {
    width: 227px !important;
    height: 249px !important;
  }
  .header .character-image3 {
    position: absolute;
    z-index: 3;
    top: -69px !important;
    left: 115px !important;
  }
  .header .character-image3 img {
    width: 309px !important;
    height: 338px !important;
  }
  .header .character-image4 {
    position: absolute;
    top: 20px !important;
    left: 330px !important;
  }
  .header .character-image4 img {
    width: 227px !important;
    height: 249px !important;
  }
  .header .character-image5 {
    display: none !important;
  }
  .header .character-image5 img {
    display: none !important;
  }
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 650px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 32.5px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: -40px !important;
    width: 100% !important;
    left: -110px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 209px !important;
    height: 264px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 48px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 78px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 110px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 180px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 245px !important;
    left: 210px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 285px !important;
    left: 310px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 310px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .imageside {
    top: 60px !important;
    position: relative;
    left: 25% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 200px !important;
    height: 220px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: 80px !important;
    left: -150px;
    width: 900px;
    height: 200px !important;
  }
}
@media (max-width: 360px) {
  .roadMap {
    position: relative;
    overflow: hidden;
    height: 650px !important;
    width: 100%;
  }
  .roadMap .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 32.5px;
    font-weight: 400;
    position: relative;
    z-index: 22;
    top: -20px;
    text-align: center;
    color: #243263;
  }
  .roadMap .vectorside {
    position: relative;
    top: -40px !important;
    width: 100% !important;
    left: -140px !important;
  }
  .roadMap .vectorside .rvector {
    position: relative;
    top: 70px;
  }
  .roadMap .vectorside .rvector .rmainImg {
    width: 209px !important;
    height: 264px !important;
  }
  .roadMap .vectorside .r01 {
    position: absolute;
    top: 48px !important;
    left: 190px;
  }
  .roadMap .vectorside .r01 .r01Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r01 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r01 .r01parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r02 {
    position: absolute;
    top: 78px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r02 .r02Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r02 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r02 .r02parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r03 {
    position: absolute;
    top: 110px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r03 .r03Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r03 span {
    font-family: "Patrick Hand", cursive;
    font-size: 21.36px !important;
    line-height: 28.92px !important;
    font-weight: 400;
    position: relative;
    z-index: 1;
    top: 3px !important;
    left: -33px !important;
    color: white !important;
  }
  .roadMap .vectorside .r03 .r03parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -80px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r04 {
    position: absolute;
    top: 180px !important;
    left: 300px !important;
  }
  .roadMap .vectorside .r04 .r04Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r04 .r04Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r04 .r04parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r05 {
    position: absolute;
    top: 245px !important;
    left: 210px !important;
  }
  .roadMap .vectorside .r05 .r05Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r05 .r05Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r05 .r05parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r06 {
    position: absolute;
    top: 285px !important;
    left: 310px !important;
  }
  .roadMap .vectorside .r06 .r06Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r06 .r06Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r06 .r06parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .vectorside .r07 {
    position: absolute;
    top: 310px !important;
    left: 390px !important;
  }
  .roadMap .vectorside .r07 .r07Img {
    width: 39.15px !important;
    height: 39.15px !important;
  }
  .roadMap .vectorside .r07 .r07Imge {
    width: 18.95px !important;
    height: 18.95px !important;
    position: relative;
    z-index: 1;
    left: -33px !important;
  }
  .roadMap .vectorside .r07 .r07parag {
    font-family: "Patrick Hand", cursive;
    font-size: 8.9px !important;
    line-height: 12.05px !important;
    font-weight: 400;
    position: relative;
    top: -85px !important;
    width: 75px !important;
    color: #243263;
  }
  .roadMap .imageside {
    top: 60px !important;
    position: relative;
    left: 20% !important;
  }
  .roadMap .imageside .rmainimg {
    width: 200px !important;
    height: 220px !important;
  }
  .roadMap .imageside .rblurimg {
    position: absolute;
    z-index: 2;
    bottom: 80px !important;
    left: -150px;
    width: 900px;
    height: 200px !important;
  }
}
@media (max-width: 420px) {
  .history {
    position: relative;
    overflow: hidden;
    height: 585px !important;
    top: -100px;
    width: 100%;
  }
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
    display: block !important;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 24px !important;
    line-height: 20.29px !important;
    font-weight: 400;
    position: relative;
    top: 130px !important;
  }
  .history .historyPart .about .parag {
    position: absolute !important;
    top: 170px !important;
    left: 10px !important;
  }
  .history .historyPart .about .parag img {
    width: 100% !important;
    height: 200px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px 0px 0px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -150px !important;
    left: 46px !important;
    font-size: 8px !important;
  }
  .history .historyPart .himg1 {
    position: relative;
    left: -30px !important;
    top: 350px !important;
  }
  .history .historyPart .himg1 img {
    width: 150px !important;
    height: 160px !important;
  }
  .history .historyPart .himg2 img {
    top: 350px !important;
    width: 150px !important;
    height: 160px !important;
  }
  .history .blur {
    position: relative;
    top: -50px !important;
  }
  .history .morquee-w2 {
    top: -275px !important;
  }
  .footer {
    height: 280px !important;
    margin-top: 110px;
    overflow: hidden;
  }
  .footer .img-part {
    position: relative;
    left: -40px !important;
  }
  .footer .img-part .img {
    width: 220px !important;
    height: 240px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 20px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 70px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 90px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 20px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 20px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 20px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .vec {
    position: relative;
    top: -50px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 380px) {
  .footer {
    height: 280px !important;
    margin-top: 110px;
    overflow: hidden;
  }
  .footer .img-part {
    position: relative;
    left: -40px !important;
  }
  .footer .img-part .img {
    width: 220px !important;
    height: 240px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 20px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 70px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 90px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 20px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 20px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 20px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .vec {
    position: relative;
    top: -50px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 360px) {
  .history .historyPart {
    position: relative;
    display: flex;
    height: 470px;
  }
  .history .historyPart .about {
    color: #243263;
    text-align: center;
    display: block !important;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 22px !important;
    line-height: 20.29px !important;
    font-weight: 400;
    position: absolute !important;
    top: 130px !important;
    left: 40% !important;
  }
  .history .historyPart .about .parag {
    position: absolute !important;
    top: 170px !important;
    left: 10px !important;
  }
  .history .historyPart .about .parag img {
    width: 100% !important;
    height: 200px !important;
    z-index: -1;
  }
  .history .historyPart .about .parag .paragPart {
    margin: 0px 100px 0px 0px !important;
  }
  .history .historyPart .about .parag .paragPart p {
    position: relative;
    top: -150px !important;
    left: 46px !important;
    font-size: 8px !important;
  }
  .history .historyPart .himg2 img {
    top: 350px !important;
    left: 65px !important;
    width: 150px !important;
    height: 160px !important;
  }
  .history .blur {
    position: relative;
    top: -50px !important;
  }
  .history .morquee-w2 {
    top: -275px !important;
  }
  .footer {
    height: 280px !important;
    margin-top: 110px;
    overflow: hidden;
  }
  .footer .img-part {
    position: relative;
    left: -40px !important;
  }
  .footer .img-part .img {
    width: 220px !important;
    height: 240px !important;
  }
  .footer .social-part {
    position: relative;
  }
  .footer .social-part .title {
    font-family: "Patrick Hand", cursive;
    font-size: 20px !important;
    line-height: 47.49px !important;
    font-weight: 400;
    color: #4D81CE;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 70px !important;
  }
  .footer .social-part .social {
    display: flex;
    margin-left: 10%;
    position: relative;
    top: 40px !important;
    left: 90px !important;
    z-index: 3;
  }
  .footer .social-part .social .discord {
    margin-right: 20px !important;
  }
  .footer .social-part .social .discord .dis {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .twitter {
    margin-right: 20px !important;
  }
  .footer .social-part .social .twitter .twit {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .social-part .social .instagram {
    margin-right: 20px !important;
  }
  .footer .social-part .social .instagram .ins {
    width: 28px !important;
    height: 28px !important;
  }
  .footer .vec {
    position: relative;
    top: -50px !important;
    z-index: 2;
  }
  .footer .vec .bimg {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 320px) {
  .history .historyPart .about {
    color: #243263;
    text-align: center;
    display: block !important;
  }
  .history .historyPart .about .heading {
    font-family: "Patrick Hand", cursive;
    font-size: 22px !important;
    line-height: 20.29px !important;
    font-weight: 400;
    position: absolute !important;
    top: 130px !important;
    left: 38% !important;
  }
  .history .historyPart .himg2 img {
    top: 350px !important;
    left: 30px !important;
    width: 150px !important;
    height: 160px !important;
  }
  .history .blur {
    position: relative;
    top: -50px !important;
  }
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 546px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 728px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 962px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1750px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.header {
  position: relative;
  background-image: url("../images/Vectorr.png");
  background-color: #4D81CE;
  background-size: 100% 180%;
  background-repeat: no-repeat;
  z-index: 10;
  height: 620px;
}
.header .social-image {
  position: relative;
  top: 183px;
  z-index: 11;
}
.header .social-image .character-images {
  height: auto;
  display: flex;
  position: relative;
  top: -40px;
  flex-direction: row;
}
.header .social-image .character-images .character-image1 {
  position: absolute;
  top: 94px;
  left: -45px;
}
.header .social-image .character-images .character-image1 img {
  width: 153px;
  height: 167px;
}
.header .social-image .character-images .character-image2 {
  position: absolute;
  top: -36px;
  left: 44px;
}
.header .social-image .character-images .character-image2 img {
  width: 267px;
  height: 297px;
}
.header .social-image .character-images .character-image3 {
  position: absolute;
  z-index: 3;
  top: -136px;
  left: 225px;
}
.header .social-image .character-images .character-image3 img {
  width: 367px;
  height: 397px;
}
.header .social-image .character-images .character-image4 {
  position: absolute;
  top: -36px;
  left: 486px;
}
.header .social-image .character-images .character-image4 img {
  width: 267px;
  height: 297px;
}
.header .social-image .character-images .character-image5 {
  position: absolute;
  top: 94px;
  left: 705px;
}
.header .social-image .character-images .character-image5 img {
  width: 153px;
  height: 167px;
}
.header .social-image .socials .bor {
  flex-direction: column;
  border: 2px solid white;
  border-radius: 32px;
  transform: rotate(-90deg);
  transition: transform 1s ease-in-out;
  margin-bottom: 90px;
  padding: 2px 7px 4px;
  width: 100px;
}
.header .social-image .socials .bor a {
  font-family: Druk-Wide;
  line-height: 16.8px;
  color: white;
  font-size: 11px;
  font-weight: 200;
  margin: 3px;
}
.header .header-part {
  position: relative;
  z-index: 2;
}
.header .header-part .left-logo {
  position: relative;
  right: 36px;
}
.header .header-part .left-logo .mint {
  position: absolute;
  z-index: 3;
  color: white;
  font-size: 14px;
  top: 8px;
  left: 42px;
  font-family: Druk-Wide;
}
.header .header-part .left-logo .mlogo {
  position: relative;
  z-index: 2;
}
.header .header-part .left-logo .side {
  position: relative;
  margin-left: 6px;
  margin-top: -50px;
}
.header .morquee-w {
  position: relative;
  display: block;
  width: 100%;
  height: 130px;
  overflow: hidden;
  background: #EA5D56;
  top: 155px;
}
.header .morquee-w .morquee {
  position: absolute;
  display: block;
  margin: auto auto;
  white-space: nowrap;
  overflow: hidden;
  min-width: 100%;
  height: 100%;
}
.header .morquee-w .morquee span {
  display: inline-block;
  position: relative;
  top: 20%;
  font-family: Druk-Wide;
  text-align: center;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
  white-space: nowrap;
  height: 100%;
  line-height: 58px;
  font-size: 65px;
  font-weight: 500;
  -webkit-animation: morguee 600s linear infinite;
          animation: morguee 600s linear infinite;
}
.header .morquee-w .morquee span .cf2 {
  width: 36px;
  height: 24px;
  margin: 0 20px;
}
@-webkit-keyframes morguee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes morguee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.history {
  position: relative;
  overflow: hidden;
  height: 1000px;
  width: 100%;
}
.history .historyPart {
  position: relative;
  display: flex;
}
.history .historyPart .himg1 {
  position: relative;
  left: -50px;
  top: 225px;
}
.history .historyPart .himg1 img {
  width: 347.1px;
  height: 381px;
}
.history .historyPart .himg2 img {
  position: relative;
  left: 80px;
  top: 225px;
  width: 347.1px;
  height: 381px;
}
.history .historyPart .about {
  color: #243263;
  text-align: center;
}
.history .historyPart .about .heading {
  font-family: "Patrick Hand", cursive;
  font-size: 72px;
  line-height: 97.29px;
  font-weight: 400;
  position: relative;
  top: 90px;
}
.history .historyPart .about .parag {
  position: relative;
  top: 60px;
  left: -50px;
  text-align: center;
  vertical-align: top;
  position: relative;
}
.history .historyPart .about .parag img {
  width: 120%;
  height: 350px;
  z-index: -1;
}
.history .historyPart .about .parag .paragPart {
  margin: 0px 100px;
}
.history .historyPart .about .parag .paragPart p {
  position: relative;
  top: -230px;
  left: 60px;
  box-sizing: border-box;
  font-family: Druk-Wide;
  font-size: 18px;
  font-weight: 900;
  line-height: 21.6px;
  text-align: center;
}
.history .blur {
  position: relative;
  top: -45px;
}
.history .blur .blurImg {
  width: 100%;
  height: 300px;
}
.history .morquee-w2 {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: #4D81CE;
  top: -250px;
}
.history .morquee-w2 .morquee {
  position: absolute;
  display: block;
  margin: auto auto;
  white-space: nowrap;
  overflow: hidden;
  min-width: 100%;
  height: 100%;
}
.history .morquee-w2 .morquee span {
  display: inline-block;
  position: relative;
  top: 20%;
  font-family: Druk-Wide;
  text-align: center;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
  white-space: nowrap;
  height: 100%;
  line-height: 58px;
  font-size: 50px;
  font-weight: 500;
  -webkit-animation: morguee 600s linear infinite;
          animation: morguee 600s linear infinite;
}
.history .morquee-w2 .morquee span .date {
  line-height: 40px;
  font-size: 43px;
  font-weight: 100;
  color: #fff;
  font-family: Druk-Wide;
  position: relative;
  left: 60px;
  top: 0px;
}
.history .morquee-w2 .morquee span .cf2 {
  width: 36px;
  height: 24px;
  margin: 0 70px 0px 100px;
}
@keyframes morguee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.roadMap {
  height: 1050px;
  position: relative;
  overflow: hidden;
  height: avto;
  width: 100%;
}
.roadMap .heading {
  font-family: "Patrick Hand", cursive;
  font-size: 72px;
  line-height: 97.29px;
  font-weight: 400;
  position: relative;
  z-index: 22;
  top: -20px;
  text-align: center;
  color: #243263;
}
.roadMap .vectorside {
  position: relative;
  top: 70px;
}
.roadMap .vectorside .rvector {
  position: relative;
  top: 70px;
  left: 200px;
}
.roadMap .vectorside .rvector .rmainImg {
  width: 468px;
  height: 592px;
}
.roadMap .vectorside .r01 {
  position: absolute;
  top: 20px;
  left: 190px;
}
.roadMap .vectorside .r01 .r01Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r01 span {
  font-family: "Patrick Hand", cursive;
  font-size: 48px;
  line-height: 70px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  top: 13px;
  left: -70px;
  color: white;
}
.roadMap .vectorside .r01 .r01parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r02 {
  position: absolute;
  top: 80px;
  left: 400px;
}
.roadMap .vectorside .r02 .r02Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r02 span {
  font-family: "Patrick Hand", cursive;
  font-size: 48px;
  line-height: 70px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  top: 13px;
  left: -70px;
  color: white;
}
.roadMap .vectorside .r02 .r02parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r03 {
  position: absolute;
  top: 145px;
  left: 610px;
}
.roadMap .vectorside .r03 .r03Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r03 span {
  font-family: "Patrick Hand", cursive;
  font-size: 48px;
  line-height: 70px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  top: 13px;
  left: -70px;
  color: white;
}
.roadMap .vectorside .r03 .r03parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r04 {
  position: absolute;
  top: 325px;
  left: 400px;
}
.roadMap .vectorside .r04 .r04Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r04 .r04Imge {
  width: 42.58px;
  height: 42.58px;
  position: relative;
  z-index: 1;
  left: -70px;
}
.roadMap .vectorside .r04 .r04parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r05 {
  position: absolute;
  top: 470px;
  left: 175px;
}
.roadMap .vectorside .r05 .r05Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r05 .r05Imge {
  width: 42.58px;
  height: 42.58px;
  position: relative;
  z-index: 1;
  left: -70px;
}
.roadMap .vectorside .r05 .r05parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r06 {
  position: absolute;
  top: 545px;
  left: 405px;
}
.roadMap .vectorside .r06 .r06Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r06 .r06Imge {
  width: 42.58px;
  height: 42.58px;
  position: relative;
  z-index: 1;
  left: -70px;
}
.roadMap .vectorside .r06 .r06parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .vectorside .r07 {
  position: absolute;
  top: 610px;
  left: 600px;
}
.roadMap .vectorside .r07 .r07Img {
  width: 88px;
  height: 88px;
}
.roadMap .vectorside .r07 .r07Imge {
  width: 42.58px;
  height: 42.58px;
  position: relative;
  z-index: 1;
  left: -70px;
}
.roadMap .vectorside .r07 .r07parag {
  font-family: "Patrick Hand", cursive;
  font-size: 20px;
  line-height: 27.08px;
  font-weight: 400;
  position: relative;
  top: -175px;
  width: 167px;
  color: #243263;
}
.roadMap .imageside {
  position: relative;
  left: 200px;
}
.roadMap .imageside .rmainimg {
  width: 772px;
  height: 892px;
}
.roadMap .imageside .rblurimg {
  position: relative;
  z-index: 2;
  bottom: 150px;
  left: -150px;
  width: 900px;
  height: 366px;
}

.owl {
  margin-top: -150px;
}
.owl .heading {
  text-align: center;
  margin-bottom: 50px;
}
.owl .heading .head {
  font-family: "Patrick Hand", cursive;
  font-size: 72px;
  line-height: 97.49px;
  font-weight: 400;
  color: #243263;
}
.owl .owlItem .item {
  position: relative;
}
.owl .owlItem .item .owl-manimg .owl-img {
  width: 255px;
  height: 340px;
}
.owl .owlItem .item .caracImg {
  z-index: 2;
  position: absolute;
  top: 26px;
  left: 21px;
  border: 1px solid;
  background-color: #EA5D56;
  width: 212px;
  height: 226px;
  border-radius: 41px;
}
.owl .owlItem .item .caracImg .cImg {
  position: absolute;
  bottom: 0px;
  left: 14px;
  width: 179px;
  height: 196px;
}
.owl .owlItem .item .fname {
  position: relative;
}
.owl .owlItem .item .fname .name {
  font-family: druk;
  font-size: 19px;
  font-weight: 700;
  line-height: 29.2px;
  color: #ffffff;
  position: absolute;
  bottom: 43px;
  left: 40px;
}
.owl .owlItem .item .fname .prof {
  font-family: "Patrick Hand", cursive;
  font-size: 14px;
  line-height: 16.25px;
  font-weight: 400;
  position: absolute;
  bottom: 35px;
  left: 40px;
  color: #ffffff;
}
.owl .owlItem .item .owlv1 {
  position: relative;
}
.owl .owlItem .item .owlv1 .o1img {
  margin: 50px;
  position: relative;
  bottom: 115px;
  left: 115px;
  width: 25px;
  height: 25px;
}
.owl .owlItem .item .owlv2 {
  position: relative;
}
.owl .owlItem .item .owlv2 .o2img {
  margin: 50px;
  position: relative;
  bottom: 191px;
  left: 148px;
  width: 25px;
  height: 25px;
}

.tab-section .heading {
  text-align: center;
  margin-bottom: 50px;
}
.tab-section .heading .head {
  font-family: "Patrick Hand", cursive;
  font-size: 72px;
  line-height: 97.49px;
  font-weight: 400;
  color: #243263;
}
.tab-section .container {
  width: 100%;
}
.tab-section .Accordions {
  display: block;
  max-width: 920px;
  margin: auto;
}
.tab-section .Accordion_item {
  width: 100%;
  height: auto;
  margin: 25px 0;
}
.tab-section .Accordion_item:first-child {
  margin-top: 50px;
}
.tab-section .Accordion_item .title_tab {
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
  -webkit-tap-highlight-color: transparent;
  padding: 27px 35px;
  cursor: pointer;
  transition: background-color 0.3s ease-in;
  border-radius: 27px;
}
.tab-section .Accordion_item .title_tab .title {
  font-family: "Patrick Hand", cursive;
  line-height: 43.33px;
  font-weight: 400;
  font-size: 32px;
  color: #4D81CE;
  position: relative;
}
.tab-section .Accordion_item .title_tab .title .icons {
  width: 40px;
  height: 40px;
  color: #4D81CE;
  position: absolute;
  right: 1%;
  top: calc(50% - 15px);
  background-color: transparent;
  transition: transform 0.3s ease-in;
}
.tab-section .Accordion_item .title_tab .title .icons:before {
  top: 0;
  left: 2px;
  transform: rotate(-90deg);
}
.tab-section .Accordion_item .title_tab .title .icons:after {
  top: 0;
  right: 2px;
  transform: rotate(90deg);
}
.tab-section .inner_content {
  width: 100%;
  height: auto;
  display: none;
  overflow: hidden;
}
.tab-section .inner_content p {
  font-family: druk;
  line-height: 23.33px;
  color: #243263;
  font-weight: 600;
  width: 98%;
  margin: auto;
  padding: 18px 15px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  opacity: 0;
  transform: translate3d(0px, 60px, 0px);
  transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}
.tab-section .Accordion_item .title_tab.active {
  transition: background-color 0.3s ease-in;
}
.tab-section .Accordion_item .title_tab.active .title .icons {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in;
}
.tab-section .Accordion_item .title_tab:hover {
  transition: background-color 0.3s ease-in;
}
.tab-section .Accordion_item .inner_content p.show {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}

.footer {
  height: 700px;
  margin-top: 150px;
  overflow: hidden;
}
.footer .ft {
  display: flex;
}
.footer .ft .img-part .img {
  width: 606px;
  height: 666px;
}
.footer .ft .social-part {
  position: relative;
  left: 15px;
}
.footer .ft .social-part .title {
  font-family: "Patrick Hand", cursive;
  font-size: 72px;
  line-height: 97.49px;
  font-weight: 400;
  color: #4D81CE;
  margin-left: 10%;
  position: relative;
  top: 200px;
}
.footer .ft .social-part .social {
  display: flex;
  margin-left: 10%;
  position: relative;
  top: 250px;
  z-index: 3;
}
.footer .ft .social-part .social .discord {
  margin-right: 50px;
}
.footer .ft .social-part .social .discord .dis {
  width: 108px;
  height: 108px;
}
.footer .ft .social-part .social .twitter {
  margin-right: 50px;
}
.footer .ft .social-part .social .twitter .twit {
  width: 108px;
  height: 108px;
}
.footer .ft .social-part .social .instagram {
  margin-right: 50px;
}
.footer .ft .social-part .social .instagram .ins {
  width: 108px;
  height: 108px;
}
.footer .vec {
  position: relative;
  top: -300px;
  z-index: 2;
}
.footer .vec .bimg {
  width: 100%;
}

.copyright {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #4D81CE;
  z-index: 4;
}
.copyright .text {
  text-align: center;
  padding-top: 50px;
  color: #fff;
  font-family: druk;
}
.copyright .text .crazy {
  font-size: 36px;
  font-weight: 900;
  line-height: 93.2px;
}
.copyright .text .cr {
  font-size: 12px;
  font-weight: 600;
  line-height: 23.2px;
  margin-top: -37px;
}/*# sourceMappingURL=style.css.map */