/* font-family */

@font-face {
     font-family: "Anek Devanagari";
     src: url("../fonts/AnekDevanagari-Bold.woff2") format("woff2");
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}


/* Designthon css -madhvi */
.unite-l{
     width: 3.4em;
}
.designthon .quote-wrapper .tales-title h1 {
     font-family: "Anek Devanagari";
     letter-spacing: 1px;
     width: 60%;
     margin: 0 auto;
     line-height: 1.2;
     margin-top: 20px;
     /* filter: drop-shadow(6px 6px 0px #000000);
          -webkit-filter: drop-shadow(6px 6px 0px #000000);
          -webkit-text-stroke: 0; */
}

.designthon .republic-passport {
     padding: 160px 125px 0;
}

.schbang-l,
.sand-l{
     width: 180px;
}

.designathon-title {
     letter-spacing: 1px;
     -webkit-text-fill-color: #fff;
     filter: drop-shadow(2px 2px 0px #000000);
     -webkit-text-stroke: 1px #000;
     -webkit-filter: drop-shadow(2px 2px 0px #000000);
}

.designathon-title h3 {
     filter: drop-shadow(2px 4px 0px #000000);
     -webkit-filter: drop-shadow(2px 4px 0px #000000);
     font-size: 54px;
     margin-bottom: 24px;
}

.tales-title h2 {
     margin: 18px 0 0px;
     font-size: 60px;
}

.designathon-title h4 {
     font-size: 32px;
}

.designthon .republic-passport h1 {
     font-size: 54px;
     margin: 20px 0 0px;
     /* line-height: normal; */
}

.designthon .tales-title p {
     width: 100%;
     margin: 36px auto;
     font-weight: 500;
}

.designthon .tales-title .main-btn,
.dthon-events .main-btn,
.passport-main .dthon-rules .main-btn,
.join-the-ultimate .main-btn {
     border-radius: 40px;
}

.designathon-date h5,
.designthon .tales-title p {
     font-family: "Livvic Medium";
}

.designathon-date h6 {
     font-family: "Livvic Bold";
}

.designathon-date h5 {
     color: #666666;
}

.designathon-date h6 {
     font-weight: 700;
     font-size: 26px;
}

.side-border {
     border-right: 3px solid #ffbe2e;
}

.designathon-date {
     padding: 70px 0 0;
}

.designthon .quote-wrapper.saga {
     height: 930px;
     /* margin-bottom: 150px; */
}

.designathon-date .col_3 {
     flex: 0 0 auto;
     width: 20.666667%;
}

.designthon .tribe-id-row {
     height: 800px;
}

.p_grey {
     color: #666666;
}

.grey_light {
     color: rgba(0, 0, 0, 80%);
}

.track-wrapper.dthon-enroll {
     padding: 130px 0 140px;
}

.dthon-enroll {
     background-image: url(../images/paper-theme-bg.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 920px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-top: -20px;
}

.dthon-enroll .track-row {
     justify-content: center;
}

.dthon-enroll .title-highlight {
     filter: drop-shadow(1px 2px 0px #000000);
     -webkit-filter: drop-shadow(1px 2px 0px #000000);
}

.dthon-enroll .track-item h3 {
     font-size: 40px;
}

.dthon-enroll .track-inner {
     border-top: 2px dashed #666;
}

.dthon-enroll .track-inner p {
     font-size: 20px;
     margin: 20px 0 27px;
}

.dthon-enroll .track-inner h4 {
     margin-bottom: 27px;
}

.red-text .title-highlight {
     -webkit-text-fill-color: #ff4d53;
     letter-spacing: 2px;
     paint-order: stroke;
     -webkit-text-stroke: 2px #000;
}

.yelloow-text .title-highlight {
     letter-spacing: 2px;
     paint-order: stroke;
     -webkit-text-stroke: 2px #000;
}

.passport-main .dthon-rules .title-uniquecard p {
     width: 63%;
     margin: 0 auto;
}

.passport-main .dthon-rules .unique-cards.track-item {
     height: 390px;
}

.passport-main .dthon-rules .unique-cards h6 {
     font-family: "Livvic Medium";
}

.passport-main .dthon-rules .unique_row {
     gap: 90px;
     flex-wrap: wrap;
}

.passport-main .dthon-rules .uniq-card {
     padding: 0 12px;
}

.passport-main .dthon-rules .uniq-card {
     width: 29%;
}

.passport-main .dthon-rules .unique-cards p {
     color: rgba(0, 0, 0, 64%);
}

.passport-main .dthon-rules .unf-register-btn {
     padding-top: 90px;
}

.dthon-events-title p {
     width: 62%;
     margin: 0 auto;
     text-align: center;
}

.p_left_hand {
     left: -16%;
}

.dthon-events .perk-item.left.p-bg-two {
     background-image: url(../images/p-shadowbg-img.png);
}

.dthon-events .perk-item.left.p-bg-three {
     background-image: url(../images/p-bg-img.png);
}

.red-fill {
     -webkit-text-fill-color: #ff4c53;
}

.white-fill {
     -webkit-text-fill-color: #fff;
}

.readyto-participate .early-bird-cta.unblock-reward .title .title-highlight {
     -webkit-text-stroke: 0px #fff;
}

.marquee-block.create-marquee.timer.dthon-marquee {
     /* padding: 0; */
     margin: 140px 0 50px;
     transform: rotate(4.15deg);
}


/******Step Slider ********/

.designthon .participate-step .tribe-earth-step {
     width: 100%;
     position: relative;
}

.designthon .participate-step .tribe-earth-img img,
.prizes-upto .win-prize,
.win-prize.benq-img {
     border-radius: 40px;
     box-shadow: 10px 10px 0px 0px #000000;
     border: 2px solid #000;
}

.designthon .tribe-main-title {
     /* left: 73%;
     top: 26%; */
}

.designthon .participate-step .tribe-earth-inner {
     /* padding-left: 60px; */
     padding-left: 0;
}

.designthon .participate-step .tribe-earth-img {
     margin-left: 50px;
}

.designthon .participate-step .tribe-main-title {
     left: 74%;
     top: 6%;
}

.designthon.compitition-main .tribe-main-title h2 {
     font-size: 70px;
}

.designthon .participate-step .tribe-main-title .a-desc {
     width: 80%;
}

.designthon .participate-step .tribe-earth-step h3 {
     font-family: "Grandstander SemiBold";
}

.designthon .participate-step .tribe-earth-step h2.step-number {
     position: absolute;
     top: -40%;
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     background-image: linear-gradient(to top, rgba(10, 10, 10, 0) 10%, rgba(204, 202, 196, 1) 100%);
     z-index: -1;
     font-size: 130px;
     font-weight: 600;
}

.designthon .participate-step .tribe-earth-desc p {
     width: 73%;
}

.designthon .tribe-identity.participate-step {
     padding: 0px 125px 160px;
}

.participate-container {
     overflow: hidden;
     /* height: 800px; */
     height: 700px;
}

.participate-wrapper {
     display: flex;
     height: 100%;
}

.participate-wrapper .tribe-earth-item {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     /* position: fixed; */
     width: 100%;
     height: 100%;
     top: 0;
}

.participateSlider .swiper-pagination {
     display: none;
}

.designthon .participate-wrapper .tribe-earth-item.swiper-slide-active {
     opacity: 1 !important;
}

.designthon .participate-wrapper .tribe-earth-item {
     opacity: 0 !important;
}


/* end */

.text_30 {
     font-size: 24px;
}

.dthon-bg-img {
     background-image: url(../images/blue-background.png);
     height: auto;
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
}

.dthon-partnership.dthon-bg-img {
     padding: 300px 125px;
}

.partnership-item h2,
.dthon-questions h2 {
     font-size: 80px;
}

.partnership-item p {
     width: 62%;
     margin: 0 auto;
}

.partnership-item .partner-with {
     margin: 80px 0 0;
     display: flex;
     justify-content: center;
     gap: 64px;
}

.dthon-enroll .track-item {
     border: 1px solid #000;
}

.dthon-enroll .track-row {
     gap: 75px;
}

.dthon-enroll .track-item {
     padding: 35px 30px;
}

.dthon-enroll .track-inner p {
     color: rgba(0, 0, 0, 80%);
}

.dthon-questions .accordion-item {
     border: 1px solid;
     border-radius: 24px;
     box-shadow: 6px 6px 0px 0px #000000;
     background: #ffeecc;
}

.dthon-questions .accordion-header {
     border-radius: 24px;
}

.dthon-questions .accordion-button {
     border: none;
     border-radius: 24px;
     background: #ffeecc;
     border-color: #000;
     color: #3f3f3f;
     text-transform: uppercase;
     font-size: 24px;
     font-family: "Grandstander Medium";
     padding: 36px 32px;
}

.dthon-questions .accordion-button:not(.collapsed) {
     box-shadow: none;
     background: #ffeecc;
     border-color: #000;
     color: #3f3f3f;
}

.dthon-questions .accordion-item:first-of-type,
.dthon-questions .accordion-item:first-of-type .accordion-button,
.dthon-questions .accordion-item:last-of-type .accordion-button,
.dthon-questions .accordion-item:last-of-type,
.dthon-questions .accordion-item:last-of-type .accordion-button.collapsed {
     border-top-left-radius: 24px;
     border-top-right-radius: 24px;
     border-bottom-left-radius: 24px;
     border-bottom-right-radius: 24px;
}

.accordion:focus-visible {
     outline: transparent;
}

.dthon-questions .accordion-button:focus {
     border-color: #000;
}

.dthon-questions .accordion {
     box-shadow: none;
     --bs-accordion-btn-focus-box-shadow: none;
}

.accordion.que-panel {
     margin-top: 80px;
}

.parent_item {
     margin-bottom: 32px;
}

.dthon-questions .accordion-body {
     padding: 0 32px 40px;
     font-size: 20px;
}

.que-panel .accordion-button::after {
     background-image: url(../images/plus-vector.svg);
     transform: rotate(0);
     transition: all 0.4s ease-in-out;
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.que-panel .accordion-button:not(.collapsed)::after {
     background-image: url(../images/minus-vector.svg);
     opacity: 1;
     height: 10px;
     transform: translateY(10px);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
     -ms-transform: translateY(10px);
     -o-transform: translateY(10px);
}

.font_lm {
     font-family: "Livvic Medium";
}


/* events-detail GSAP slider */

.dthon-eventdetails {
     padding: 160px 0 140px !important;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100%;
     display: flex;
     flex-direction: column;
}

.dthon-eventdetails .title-uniquecard {
     width: 100%;
     margin: 0 auto;
}

.dthon-eventdetails .title-uniquecard p {
     width: 37%;
     margin: 0 auto;
}

.eventdetails-carousel {
     display: flex;
     gap: 40px;
     /* width: 175%;
     height: 100vh; */
     padding-left: 75px;
     padding-right: 100px;
}

.box-element {
     border: 1px solid #000;
     border-radius: 40px;
     box-shadow: 4px 4px 0px 0px #000000;
     background: #ffeecc;
     height: 411px;
     width: 41em;
     padding: 70px 50px;
}

.box-element h3 {
     font-size: 64px;
     line-height: normal;
}

.box-element p {
     margin-top: 20px;
     line-height: 1.7;
     /* font-size: 22px; */
}

.position-1 {
     transform: rotate(-2.07deg);
     -webkit-transform: rotate(-2.07deg);
     -moz-transform: rotate(-2.07deg);
     -ms-transform: rotate(-2.07deg);
     -o-transform: rotate(-2.07deg);
}

.position-2 {
     transform: rotate(1.66deg);
     -webkit-transform: rotate(1.66deg);
     -moz-transform: rotate(1.66deg);
     -ms-transform: rotate(1.66deg);
     -o-transform: rotate(1.66deg);
}

.position-3 {
     transform: rotate(-1.61deg);
     -webkit-transform: rotate(-1.61deg);
     -moz-transform: rotate(-1.61deg);
     -ms-transform: rotate(-1.61deg);
     -o-transform: rotate(-1.61deg);
}

.position-4 {
     transform: rotate(1.5deg);
     -webkit-transform: rotate(1.5deg);
     -moz-transform: rotate(1.5deg);
     -ms-transform: rotate(1.5deg);
     -o-transform: rotate(1.5deg);
}

.position-5 {
     transform: rotate(-1.89deg);
     -webkit-transform: rotate(-1.89deg);
     -moz-transform: rotate(-1.89deg);
     -ms-transform: rotate(-1.89deg);
     -o-transform: rotate(-1.89deg);
}

.box-element.waiting-text {
     background: transparent;
     border: none;
     box-shadow: none;
     width: 25em;
     margin: 0 auto;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: start;
     padding-left: 0px;
}

.box-element.waiting-text .title-highlight {
     filter: drop-shadow(2px 0px 0px #000000);
     -webkit-filter: drop-shadow(2px 0px 0px #000000);
}

.text-transf {
     transform: rotate(-2.92deg);
     -webkit-transform: rotate(-2.92deg);
     -moz-transform: rotate(-2.92deg);
     -ms-transform: rotate(-2.92deg);
     -o-transform: rotate(-2.92deg);
}

.btn-transf {
     margin-top: 42px;
     padding-left: 60px;
     transform: rotate(1.7deg);
     -webkit-transform: rotate(1.7deg);
     -moz-transform: rotate(1.7deg);
     -ms-transform: rotate(1.7deg);
     -o-transform: rotate(1.7deg);
}

.waiting-text h4.red-text {
     padding-left: 60px;
}

.waiting-text .text-transf h4 {
     font-size: 40px;
}

.EventDetailsMobile {
     display: none;
}

.register-disabled {
     opacity: 0.5;
     cursor: no-drop;
}

.threec_row {
     justify-content: center;
     align-items: center;
}

.designthon .speaker-wrapper.review-sec {
     padding: 150px 0 150px;
}

.designthon .review-sec .meet-spk {
     color: #ff4c6a;
}

.designthon .review-sec .spk-row .spk-cust-col {
     width: 28%;
}

.designthon .review-sec .spk-col {
     height: 500px;
}

.marquee-block.create-marquee.timer.dthon-marquee.dthon-marquee-one {
     transform: rotate(-4.05deg);
}

.join-the-ultimate {
     padding: 130px 0;
}

.join-the-ultimate .container p {
     width: 76%;
     margin: 0 auto;
     padding: 0 0 44px;
}

.main-btn.inner-btn:hover {
     box-shadow: 0px 0px 0px;
}

.main-btn.inner-btn {
     transform: none;
     box-shadow: 0.3rem 0.4rem 0rem 0 #1f1f1f, 0 0.1em #1f1f1f;
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
}

.win-prize {
     height: 700px;
     object-fit: cover;
     width: 100%;
}

.prizes-upto h4 {
     margin-top: 60px;
     /* width: 55%; */
}

.benq-block h4 {
     margin-top: 60px;
     width: 94%;
}

.designthon .smooth-wrapper {
     overflow-x: clip;
}

.win-prize.benq-img {
     height: 400px;
     object-fit: cover;
     background-color: #ffc34c;
     /* margin-top: 60px; */
}

.benq-block {
     justify-content: space-between;
     height: 100%;
     width: 81%;
     margin-left: auto;
     display: flex;
     flex-direction: column;
     /* gap: 50px; */
}

.ultimate-verticle-wrap.speaker-wrapper.review-sec {
     padding-top: 30px !important;
}

.ultimate-sticky {
     position: sticky;
     top: 20%;
}

.ultimate-heading {
     width: 78%;
}

.ultimate-scroll {
     display: flex;
}

.ul-process-wrap {
     display: flex;
     flex-direction: column;
     gap: 120px;
     /* width: 88%; */
     margin-left: 137px;
}

.ul-process-block .main-btn {
     margin: 40px 0 0;
}

.ultimate-scroll .progress-bar {
     margin-left: 150px;
     width: 28px;
     height: auto;
     background-color: #fff0cc;
     position: relative;
     justify-content: start;
     align-items: self-start;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: initial;
}

.ultimate-scroll .progress-line {
     position: absolute;
     left: 0;
     height: 0%;
     background-color: #ffbe2e;
     width: 10px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.ultimate-scroll .progress-line::after {
     position: absolute;
     content: "";
     background-image: url(../images/progress-vector.svg);
     width: 40px;
     height: 40px;
     bottom: -10px;
     left: -14px;
     z-index: 99;
     background-repeat: no-repeat;
     background-size: 40px 40px;
}

.designthon.passport-main p {
     line-height: 1.6;
}

.designthon.passport-main .speaker-wrapper.review-sec.dthon-review p {
     line-height: 1.2;
}

.dthon-enroll .progress-bar-grid .progress .progress-bar {
     background-color: #ffc34c;
     border-radius: inherit;
}

.dthon-enroll .progress-bar-grid {
     margin: 27px 0;
}

.designthon.passport-main .readyto-participate p {
     color: #f9f9f9;
     font-family: 'Livvic Regular';
     line-height: 1.8;
}

.join-the-ultimate .ppr-img {
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     transition: all 0.3s ease-in-out;
     top: 15%;
}

.join-the-ultimate .jointhe-title p {
     width: 58%;
     margin: 0 auto;
}

.iconic-city-wrap {
     padding-top: 130px;
}

.iconic-city p {
     margin-top: 32px;
}

.iconic-city h4 {
     font-family: "Grandstander SemiBold";
}

.b_radius {
     border-radius: 40px;
}

.designthon .spk-col.red .spk-title.hover {
     top: 56%;
}

.designthon .spk-col.orange .spk-title.hover {
     top: 56%;
}

.designthon .spk-cust-col.adesh .spk-col.orange .spk-title.hover {
     top: 62%;
}

.designthon .spk-col.sky .spk-title.hover {
     top: 56%;
}

.benq-block h4,
.prizes-upto h4 {
     height: 83px;
}

.designthon.passport-main .title-uniquecard {
     position: initial;
     transform: none;
}

.designthon.passport-main .dthon-rules {
     padding: 160px 100px;
     height: auto;
}

.coin-wrapper.dthon-questions {
     padding: 160px 100px;
     height: 100%;
}


/* .track-wrapper.dthon-enroll .track_col {
     width: 31.1%;
 } */

.dthon-enroll .track-item .main-btn.inner-btn:hover,
.dthon-enroll .track-item .main-btn.inner-btn {
     box-shadow: none;
}


/*.dthon-review .spk-col.red .spk-title,
.dthon-review .spk-col.orange .spk-title,
.dthon-review .spk-col.blue .spk-title {
     top: 60%;
}*/

.dthon-review .spk-col.green .spk-title {
     top: 58%;
}


/*.dthon-review .spk-col.yellow .spk-title{
     top: 50%;
}*/

.dthon-review .spk-col.blue .spk-quote {
     transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
     -o-transform: scaleX(-1);
}


/* end */

.sec-pattern {
     position: absolute;
     bottom: -59px;
     z-index: 2;
     right: 0;
     left: 0;
     transform: scaleY(-1);
     -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
     -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
}

.pattern-pb {
     padding-bottom: 160px;
}


/* 09-07*/

.summary-location .iconic-city-wrap .designathon-date {
     gap: 220px;
}

.summary-location .brief-coming {
     width: max-content;
     text-align: center;
}

.red-text .title-highlight {
     -webkit-text-stroke: 1px #000;
}

.designathon-title .ad_font {
     font-family: "Anek Devanagari-bold";
     -webkit-text-stroke: 0;
     filter: drop-shadow(0px 0px 0px #000000) !important;
     -webkit-filter: drop-shadow(0px 0px 0px #000000) !important;
     -webkit-text-fill-color: #000;
}

.remove_shadow {
     filter: drop-shadow(0px 0px 0px #000000) !important;
     -webkit-filter: drop-shadow(0px 0px 0px #000000) !important;
}

.lavvic_r {
     font-family: "Livvic Regular" !important;
}

.association-with {
     margin-top: 60px;
}

.partner-with {
     display: flex;
     justify-content: center;
     gap: 46px;
     margin-top: 20px;
}

.association-with .partner-with {
     gap: 28px;
}

.designthon .marquee-inner .t-counter,
.designthon .t-counter.one,
.designthon .t-counter.two {
     width: 45px;
}

.designthon .ul-process-block .title-highlight {
     -webkit-filter: drop-shadow(1px 0px 0px #000000);
}


/*new*/

.coin-power-img {
     margin-top: 30px;
}

.power-play-row {
     display: flex;
     gap: 100px;
     margin: 50px 0 50px;
}

.passport-main .coin-process.power .title-uniquecard {
     text-align: left;
}

.coin-process.power .unique-cards h4 {
     font-size: 37px;
     font-family: "Grandstander Bold";
}

.passport-main .dthon-rules.power .unique-cards.track-item {
     width: 42%;
     height: 321px;
}

.passport-main .dthon-rules.power .title-uniquecard p {
     width: 80%;
     margin: 0;
     line-height: 1.3;
}

.passport-main .dthon-rules.power .title-uniquecard {
     padding: 0;
}

.passport-main .dthon-rules.power .unique-cards p {
     font-size: 18px;
}

.pow-col-1 {
     width: 60%;
     flex: 0 0 auto;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.pow-col-2 {
     width: 40%;
     flex: 0 0 auto;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.designthon.passport-main .dthon-rules.power {
     padding: 0px 100px 50px;
}

.designthon .title-highlight {
     filter: drop-shadow(4px 0px 0px #000000);
     -webkit-filter: drop-shadow(4px 0px 0px #000000);
}


/* 2-08 */

.designthon .speaker-wrapper.review-sec.dthon-videos {
     padding: 80px 0 150px;
}

.d-vc-short iframe {
     border-radius: 24px;
}

.d-vc-short {
     display: flex;
     gap: 75px;
     justify-content: flex-end;
}

.plus-sign {
     margin-left: 4px;
}

.align_t {
     top: 58%;
}

.tribeid_wrapper p {
     color: #000;
}

.dthon-marquee .t-counter.one {
     width: auto !important;
}

.floating_btn {
     opacity: 0;
     transition: all .5s ease-in-out;
     position: fixed;
     right: 30px;
     bottom: 70px;
     z-index: 2;
}

.floating_btn .main-btn {
     border-radius: 40px;
     font-size: 16px;
     line-height: normal;
}

.not_space {
     justify-content: flex-start;
     column-gap: 8% !important;
}

.media_mcol {
     display: none;
}

.dq-content-img.sm {
     display: none;
}


/**************DQ logo******************/

.dq-wrapper {
     width: 100%;
     /* padding: 150px 0; */
}

.designthon.passport-main .dq-desc p,
.designthon.passport-main .dg-b-desc {
     font-family: "Livvic Regular";
     font-size: 22px;
     line-height: 1.3;
     margin-bottom: 0;
}

.dg-img {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 12px;
}

.dg-img h4 {
     font-size: 32px;
     font-family: 'Grandstander SemiBold';
     margin-bottom: 0;
}

.dq-b-item {
     margin-bottom: 50px;
}

.dq-logo-inner {
     width: 80%;
     margin: 0 auto;
}

.dq-content-back {
     margin-top: 60px;
}

.designthon.passport-main .dg-b-desc {
     width: 90%;
}

.threeC-wrapper {
     width: 100%;
     height: 100vh;
}

.threeC-inner {
     height: 100%;
     width: 100%;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
}

.card-flip {
     -webkit-transition: 1s;
     -webkit-transform-style: preserve-3d;
     position: relative;
}

.card-flip .front,
.card-flip .back {
     -webkit-backface-visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
}

.card-flip .front {
     z-index: 2;
}

.card-flip .back {
     -webkit-transform: rotateY(180deg);
}

.threec-card.ani-complete:hover .card-flip {
     -webkit-transform: rotateY(180deg);
      -webkit-transition: 1.5s;
}

.card-flip {
     width: 444px;
     height: 652px;
}

.card-flip img {
     width: 100%;
     height: 100%;
}

.threec-card {
     position: relative;
}

.threec-card.collaborate {
     z-index: 1;
}

.threec-card.conquer {
     z-index: 3;
}


/* .threec-card .card-flip {
     box-shadow: 6px 6px 22px 0px rgba(0, 0, 0, 0.2);
     border-radius: 32px;
} */


/* @keyframes contentHide {
     0% {
          transform: scale(1) translate(-50%, 0);
          left:50%;
          opacity: 1;
     }
     50% {
          transform: scale(0.5) translate(-65%, -75%);
          left:30%;
          opacity: 0.8;
     }
     80% {
          transform: scale(0.2) translate(-80%, -100%);
          left:10%;
          opacity: 0.3;
     }
     100% {
          transform: scale(0) translate(-90%, -120%);
          left:0;
          opacity: 0;
     }
}

@keyframes contentList {
     0% {
          transform: scale(1) translate(0,0);
          opacity: 1;
     }
     50% {
          transform: scale(0.5) translate(-65%, -75%);
          opacity: 0.5;
     }
     100% {
          transform: scale(0) translate(-90%, -120%);
          opacity: 0;
     }
}

@keyframes contentListReverse {
     0% {
          transform: scale(0) translate(-90%, -120%);
          opacity: 0;
     }
     50% {
          transform: scale(0.5) translate(-65%, -75%);
          opacity: 0.5;
     }
     100% {
          transform: scale(1) translate(0, 0);
          opacity: 1;
     }
}

@keyframes contentHideRev {
     0% {
          transform: scale(0) translate(-90%, -120%);
          left:0;
          opacity: 0;
     }
     50% {
          transform: scale(0.2) translate(-80%, -100%);
          left:10%;
          opacity: 0.3;
     }
     80% {
          transform: scale(0.5) translate(-65%, -75%);
          left:30%;
          opacity: 0.8;
     }
     100% {
          transform: scale(1) translate(-50%, 0);
          left:50%;
          opacity: 1;
     }
} */

@keyframes contentHide {
     0% {
          transform: scale(1) translate(-50%, 0);
          left: 50%;
          opacity: 1;
     }
     100% {
          transform: scale(0) translate(-90%, -90%);
          left: 0;
          opacity: 0;
     }
}

@keyframes contentHideRev {
     0% {
          transform: scale(0) translate(-90%, -90%);
          left: 0;
          opacity: 0;
     }
     100% {
          transform: scale(1) translate(-50%, 0);
          left: 50%;
          opacity: 1;
     }
}

@keyframes contentList {
     0% {
          transform: scale(1) translate(0, 0);
          opacity: 1;
     }
     100% {
          transform: scale(0) translate(-90%, -120%);
          opacity: 0;
     }
}

@keyframes contentListReverse {
     0% {
          transform: scale(0) translate(-90%, -120%);
          opacity: 0;
     }
     100% {
          transform: scale(1) translate(0, 0);
          opacity: 1;
     }
}

.floating_btn.show {
     opacity: 1;
     pointer-events: all;
}
 
.floating_btn .main-btn {
     border-radius: 40px;
     font-size: 16px;
     line-height: normal;
}

/* end */


/* All Media-query */

@media (max-width: 1800px) {
     .tribeid_wrapper .tribe-id-row {
          height: 640px;
     }
     .tales-title h2 {
          font-size: 58px;
     }
     .designthon .republic-passport h1 {
          font-size: 52px;
     }
     .benq-block h4 {
          width: 89%;
     }
     .review-sec.dthon-review img.spk-quote {
          width: 17.5em;
     }
     .ultimate-verticle-wrap .ultimate-heading {
          width: 90%;
     }
     .ultimate-verticle-wrap .ultimate-heading p {
          margin-right: 60px;
     }
     /* .designthon .tales-title p {
               width: 74%;
               margin: 0px auto;
          } */
     .tales-title h2 {
          font-size: 54px;
     }
     .dthon_text {
          width: 6.4em;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 72%;
     }
     .designthon .participate-step .tribe-earth-img {
          margin-left: 0;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          top: -26%;
          font-size: 100px;
     }
     .dthon-event .p_hand {
          right: -18%;
     }
     .box-element {
          width: 39em;
     }
     .dthon-eventdetails .title-uniquecard {
          padding: 0 0 80px;
     }
     .accordion.que-panel {
          margin-top: 70px;
     }
     .dthon-questions .accordion-button {
          padding: 30px 32px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 30%;
     }
     .passport-main .dthon-rules .unique_row {
          gap: 70px;
     }
     .designthon .quote-wrapper.saga {
          /* height: 919px; */
          height: 875px;
     }
     .designathon-title h3 {
          font-size: 50px;
     }
     .designthon .republic-passport h1 {
          /* font-size: 135px; */
          margin-top: 0;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 12em;
     }
     .dthon-partnership .partner-with .img_s_width {
          height: 4em;
          width: 11em;
     }
     .dthon-partnership .partner-with .img_s_width.l_width {
          width: 10em;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 6em;
     }
     .partnership-item .partner-with {
          gap: 50px;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 70px;
     }
     .text_30 {
          font-size: 22px !important;
     }
     .partnership-item p {
          width: 56%;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 170px;
     }
     .dq-logo-main .main-btn-inner {
          bottom: 5%;
     }
     .dq-content {
          width: 704px;
     }
}

@media (max-width: 1700px) {
     .tribeid_wrapper .tribe-earth-img {
          text-align: center;
     }
     .tribeid_wrapper .tribe-earth-img img {
          width: 90%;
     }
     .summary-location .brief-coming h4 {
          font-size: 24px;
     }
     .dthon-partnership.dthon-bg-img {
          padding: 250px 100px;
     }
     .association-with .img_thb_width {
          width: 6em;
     }
     .association-with .img_dl_width {
          width: 10em;
     }
     .association-with .img_s_width {
          width: 9em;
     }
     /* .association-with .partner-with {
          gap: 40px;
     } */
     .designthon .tales-title p {
          font-size: 20px;
     }
     .designthon .early-bird-cta.unblock-reward {
          padding: 166px 0;
     }
     .designthon.passport-main .dthon-rules {
          padding: 150px 80px;
     }
     .coin-wrapper.dthon-questions {
          padding: 150px 80px;
     }
     .designthon .quote-wrapper.saga {
          height: 800px;
     }
     .ul-process-wrap {
          gap: 100px;
     }
     .unf-register-btn {
          padding-top: 46px;
     }
     .designathon-date {
          padding: 60px 0 0;
     }
     .designathon-title h3 {
          margin-bottom: 12px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          margin-top: 50px;
     }
     .win-prize {
          height: 600px;
     }
     .win-prize.benq-img {
          height: 380px;
     }
     .benq-block {
          width: 87%;
     }
     .waiting-text .text-transf h4 {
          font-size: 37px;
     }
     .dthon-eventdetails {
          padding: 150px 0 80px !important;
     }
     .box-element.waiting-text {
          width: 38em;
     }
     .box-element {
          height: 380px;
          width: 35em;
          padding: 60px 50px;
     }
     .box-element p {
          font-size: 21px;
     }
     .box-element h3 {
          font-size: 56px;
     }
     .dthon-eventdetails .title-uniquecard {
          padding: 0 0 70px;
     }
     .dthon-questions .dthon-events-title p {
          width: 100%;
     }
     .dthon-questions .accordion-button {
          font-size: 22px;
     }
     .dthon-questions .container {
          width: 1270px;
     }
     .dthon-enroll .track-item h3 {
          font-size: 37px;
     }
     .dthon-enroll .track-item {
          padding: 35px 22px;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 70px;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 360px;
     }
     /**new**/
     .power-play-row {
          gap: 80px;
     }
     .coin-process.power .unique-cards h4 {
          font-size: 29px;
     }
}

@media (max-width: 1600px) {
     .unite-l{
          width: 3em;
     }
     .card-flip {
          width: 344px;
          height: 504px;
     }
     .tribeid_wrapper .tribe-main-title {
          top: 10%;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 500px;
     }
     .align_t {
          top: 60%;
     }
     .designthon .spk-col.red .spk-title.hover {
          top: 58%;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 150px;
     }
     .designthon .speaker-wrapper.review-sec.dthon-videos {
          padding: 0px 0 150px;
     }
     .dthon-videos p.a-desc {
          width: 88%;
          line-height: 1.6 !important;
     }
     .d-vc-short {
          gap: 54px;
     }
     .passport-main .dthon-rules.power .title-uniquecard p {
          font-size: 18px;
     }
     .power-play-row {
          margin: 40px 0 50px;
     }
     .coin-process.power .red-text .title-highlight {
          filter: drop-shadow(2px 0px 0px #000000);
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 43%;
          height: 300px;
     }
     .association-with .img_thb_width {
          width: 5em;
     }
     .association-with .img_dl_width {
          width: 9em;
     }
     .association-with .img_s_width,
     .association-with .img_d_width {
          width: 8em;
     }
     .association-with .partner-with {
          gap: 34px;
     }
     .association-with {
          margin-top: 50px;
     }
     .pattern-pb {
          padding-bottom: 140px;
     }
     .sec-pattern {
          bottom: -40px;
     }
     .designthon .early-bird-cta.unblock-reward {
          padding: 147px 0;
     }
     .designthon .review-sec .spk-col {
          height: 460px;
     }
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 83%;
     }
     .ultimate-scroll .progress-bar {
          width: 20px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          height: 72px;
     }
     .designthon.passport-main .speaker-wrapper.review-sec.dthon-review p {
          font-size: 15px;
     }
     .join-the-ultimate .jointhe-title p {
          width: 68%;
     }
     .iconic-city p {
          margin-top: 24px;
          font-size: 20px;
     }
     .iconic-city h4 {
          font-size: 24px;
     }
     .join-the-ultimate .ppr-img {
          top: 15%;
          height: 350px;
     }
     .ultimate-scroll .progress-bar {
          margin-left: 100px;
     }
     .ultimate-sticky {
          top: 16%;
     }
     .dthon_text {
          width: 6em;
     }
     .join-the-ultimate {
          padding: 120px 0;
     }
     .speaker-wrapper.review-sec.dthon-review {
          padding: 120px 0 120px;
     }
     .benq-block {
          width: 80%;
     }
     .win-prize {
          height: 560px;
     }
     /* .win-prize.benq-img {
          height: 340px;
     } */
     .benq-block h4,
     .prizes-upto h4 {
          font-size: 30px;
     }
     .designthon .participate-container {
          height: 570px;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          top: -30%;
          font-size: 90px;
     }
     .designthon .participate-step .tribe-main-title {
          left: 73%;
          top: 5%;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 78%;
          font-size: 22px;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 30em;
     }
     .box-element p {
          font-size: 20px;
     }
     .dthon-eventdetails {
          padding: 130px 0 80px !important;
     }
     .box-element {
          height: 338px;
          width: 34em;
     }
     .box-element h3 {
          font-size: 52px;
     }
     .box-element h4 {
          font-size: 29px;
     }
     .waiting-text .text-transf h4 {
          font-size: 35px;
     }
     .dthon-questions .accordion-button {
          padding: 26px 32px;
     }
     .dthon-questions .container {
          width: 1150px;
     }
     .dthon-questions .accordion-button {
          font-size: 20px;
     }
     .accordion.que-panel {
          margin-top: 60px;
     }
     .dthon-enroll .track-inner p {
          font-size: 20px;
          margin: 20px 0 20px;
     }
     .dthon-enroll .track-inner h4 {
          margin-bottom: 24px;
          font-size: 27px;
     }
     .dthon-enroll .track-inner {
          margin-top: 12px;
     }
     .track-wrapper.dthon-enroll p.a-desc,
     .win-prizes-sec .benq-title p,
     .join-the-ultimate .container p,
     .speaker-wrapper.review-sec .container p {
          font-size: 20px;
     }
     .dthon-enroll .track-row {
          gap: 50px;
          margin-top: 60px;
     }
     .dthon-enroll {
          height: 830px;
     }
     .passport-main .coin-wrapper.dthon-rules {
          padding-top: 100px;
     }
     .passport-main .dthon-rules .unique-cards h6 {
          font-size: 22px;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 300px;
     }
     .passport-main .dthon-rules .unf-register-btn {
          padding-top: 80px;
     }
     .passport-main .dthon-rules .unique_row {
          gap: 56px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 30.5%;
     }
     .passport-main .dthon-rules .unique-cards h4 {
          font-size: 26px;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 50px;
     }
     .dthon-partnership.dthon-bg-img {
          padding: 200px 100px;
     }
     .text_30 {
          font-size: 20px !important;
     }
     .partnership-item .partner-with {
          margin: 70px 0 0;
          gap: 54px;
     }
     .partnership-item p {
          width: 45%;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 11em;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 5em;
     }
     .dthon-partnership .partner-with .img_s_width {
          height: 4em;
          width: 9em;
     }
     .dthon-partnership .partner-with .img_s_width.l_width {
          width: 8em;
     }
     .designthon .republic-passport {
          padding: 140px 125px 0;
     }
     .designathon-title h3 {
          font-size: 45px;
          margin-bottom: 16px;
     }
     .tales-title h2 {
          font-size: 52px;
          margin: 12px 0 0px;
     }
     .association-with .partner-with {
          gap: 24px;
     }
     .designthon .republic-passport h1 {
          font-size: 48px;
     }
     .designathon-date {
          padding: 60px 0 0;
     }
     .designathon-date h6 {
          font-size: 24px;
     }
     .img_fof_width {
          width: 3em;
     }
     /* .designthon .tales-title p {
          font-size: 18px;
     } */
     .designthon .quote-wrapper.saga {
          height: 740px;
     }
     /*new*/
     .coin-process.power .unique-cards h4 {
          font-size: 26px;
     }
     .designthon .title-highlight {
          filter: drop-shadow(3px 0px 0px #000000);
          -webkit-filter: drop-shadow(3px 0px 0px #000000);
     }
}

@media (max-width:1550px) {
     .designthon .tales-title p {
          margin: 26px auto;
     }
     .association-with {
          margin-top: 20px;
     }
}

@media (max-width: 1500px) {
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 89%;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 85%;
     }
     .partnership-item p {
          width: 50%;
     }
     .partnership-item .partner-with {
          gap: 46px;
     }
     .dthon-partnership.dthon-bg-img .container {
          width: 100%;
     }
     .ul-process-block .main-btn {
          margin: 30px 0 0;
     }
     .benq-block {
          width: 86%;
     }
     .benq-block h3,
     .prizes-upto h3 {
          font-size: 40px;
     }
     .dthon-enroll .track-row {
          gap: 40px;
          margin-top: 60px;
     }
     .passport-main .dthon-rules .unique_row {
          gap: 44px;
     }
     .passport-main .dthon-rules .unique-cards h4 {
          font-size: 25px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 31%;
     }
     /**new**/
     .coin-process.power .unique-cards h4 {
          font-size: 26px;
     }
     .coin-process.power .red-text .title-highlight {
          filter: drop-shadow(2px 0px 0px #000000);
     }
     .join-the-ultimate .jointhe-title p {
          width: 73%;
     }
}

@media (max-width: 1499px) {
     .passport-main .dthon-rules.power .unique-cards.track-item {
          height: 320px;
     }
}

@media (max-width: 1449px) {
     .card-flip {
          width: 304px;
          height: 430px;
     }
     .dthon-videos p.a-desc {
          width: 78%;
     }
     .designthon .speaker-wrapper.review-sec.dthon-videos {
          padding: 0px 20px 100px;
     }
     .designthon .speaker-wrapper.review-sec {
          padding: 150px 30px 150px;
     }
     .speaker-wrapper.review-sec.dthon-review {
          padding: 120px 30px 120px;
     }
     /**new**/
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 80px 0;
     }
     .passport-main .dthon-rules.power .unique-cards p {
          font-size: 16px;
     }
}


/********3c Card***********/


/* .thc-card {
     border: 10px solid #000;
     background-color: ;
} */


/**new**/

@media (max-width: 1400px) {
     .passport-main .dthon-rules.power .unique-cards p {
          font-size: 16px !important;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          height: 280px;
     }
}

@media (max-width: 1399px) {
     .tribeid_wrapper .tribe-id-row {
          height: 440px;
     }
     .plus-sign {
          width: 20px;
          margin-left: 4px;
     }
     .img_fof_width {
          width: 2.6em;
     }
     .d-vc-short {
          gap: 20px;
     }
     .d-vc-short .vc-shorts-item {
          width: 45%;
          flex: 0 0 auto;
     }
     .d-vc-short iframe {
          width: 100%;
          height: 500px;
     }
     .ultimate-verticle-wrap .ultimate-heading p {
          margin-right: 100px;
     }
     .pattern-pb {
          padding-bottom: 50px;
     }
     .ultimate-verticle-wrap.speaker-wrapper.review-sec {
          padding-top: 0px !important;
     }
     .association-with .img_thb_width {
          width: 4.8em;
     }
     .association-with .img_dl_width {
          width: 9em;
     }
     .association-with .img_s_width,
     .association-with .img_d_width {
          width: 7em;
     }
     .association-with .partner-with {
          margin-top: 16px;
     }
     .association-with {
          margin-top: 36px;
     }
     .designthon .tales-title .p_desc {
          margin: 30px auto;
     }
     .designthon .quote-wrapper .tales-title h1 {
          letter-spacing: 0.6px;
     }
     .tales-title h2 {
          font-size: 50px;
          margin: 8px 0 0px;
     }
     .designthon.passport-main .speaker-wrapper.review-sec.dthon-review p {
          font-size: 14px;
     }
     .join-the-ultimate .ppr-img {
          top: 26%;
          height: 300px;
     }
     .iconic-city-wrap {
          padding-top: 100px;
     }
     .partnership-item p {
          width: 56%;
     }
     .dthon-enroll .progress-bar-grid {
          margin: 22px 0;
     }
     .ultimate-scroll .progress-bar {
          margin-left: 0;
     }
     .ul-process-wrap {
          gap: 120px;
          margin-left: 117px;
     }
     .benq-block {
          width: 89%;
     }
     .win-prize.benq-img {
          height: 260px;
     }
     .win-prize {
          height: 460px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          font-size: 27px;
          margin-top: 40px;
     }
     .designthon .speaker-wrapper.review-sec {
          padding: 100px 20px 100px;
     }
     .speaker-wrapper.review-sec.dthon-review {
          padding: 100px 20px 100px;
     }
     .designthon .review-sec .spk-col {
          height: 440px;
     }
     .designthon .tribe-identity.participate-step {
          padding: 0px 105px 120px;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 27em;
     }
     .designthon .participate-step .tribe-main-title {
          left: 74%;
          top: 10%;
     }
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 92%;
     }
     .designthon .participate-step .tribe-earth-desc p {
          font-size: 20px;
     }
     .box-element.waiting-text {
          width: 35em;
     }
     .dthon-eventdetails .title-uniquecard {
          padding: 0 0 50px;
     }
     .eventdetails-carousel {
          gap: 35px;
     }
     .box-element {
          height: 310px;
          width: 33em;
          padding: 50px 35px;
     }
     .box-element h3 {
          font-size: 45px;
     }
     .box-element h4 {
          font-size: 26px;
     }
     .box-element p {
          font-size: 19px;
          margin-top: 12px;
     }
     .waiting-text .text-transf h4 {
          font-size: 30px;
     }
     .dthon-questions .accordion-body {
          padding: 0 32px 26px;
          font-size: 18px;
     }
     .parent_item {
          margin-bottom: 26px;
     }
     .dthon-enroll {
          height: 700px;
     }
     .dthon-enroll .track-item h3 {
          font-size: 35px;
     }
     .dthon-enroll .track-inner p {
          font-size: 17px;
     }
     .dthon-enroll .track-inner h4 {
          font-size: 28px;
     }
     .track-wrapper.dthon-enroll p.a-desc {
          font-size: 18px;
     }
     .passport-main .coin-wrapper.dthon-rules {
          padding-top: 80px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 32%;
     }
     .passport-main .dthon-rules .unique_row {
          row-gap: 40px;
          column-gap: 23px;
     }
     .text_30 {
          font-size: 18px !important;
     }
     .dthon-partnership .partner-with .img_s_width {
          width: 8em;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 10em;
     }
     .dthon-partnership .partner-with .img_s_width.l_width {
          width: 7em;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 5em;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 46px;
     }
     .designthon .tales-title p {
          font-size: 18px;
     }
     .designathon-title h4 {
          font-size: 30px;
     }
     .designathon-title h3 {
          font-size: 42px;
          margin-bottom: 10px;
     }
     .designathon-date h6 {
          font-size: 22px;
     }
     .designathon-date {
          padding: 50px 0 0;
     }
}

@media (max-width: 1350px) {
     /**new**/
     .power-play-row {
          gap: 70px;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 43%;
     }
     .designthon.passport-main .dthon-rules {
          padding: 150px 50px;
     }
     .coin-wrapper.dthon-questions {
          padding: 100px 50px;
     }
     .review-sec.dthon-review img.spk-quote {
          width: 250px;
     }
     .designthon .tales-title p {
          width: 100%;
          margin: 20px auto;
          /* font-size: 16px; */
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 110px;
     }
     .ul-process-block h3 {
          font-size: 36px;
     }
     .designthon.passport-main .title-uniquecard {
          padding: 0 0 50px;
     }
     .tribe-earth-desc h3 {
          font-size: 33px;
     }
     /* .designthon .speaker-wrapper.review-sec {
          padding: 150px 20px 150px;
     } */
     .speaker-wrapper.review-sec.dthon-review {
          padding: 80px 20px 100px;
     }
     .accordion.que-panel {
          margin-top: 45px;
     }
     .dthon-questions .accordion-body {
          font-size: 17px;
     }
     .dthon-questions .accordion-button {
          font-size: 18px;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 280px;
     }
     .passport-main .dthon-rules .unique-cards {
          padding: 25px;
     }
     .passport-main .dthon-rules .unique-cards h4 {
          font-size: 23px;
     }
     .designthon .quote-wrapper.saga {
          height: 720px;
          padding: 130px 50px 0;
     }
     .designathon-date h6 {
          font-size: 20px;
     }
     .designathon-title h4 {
          font-size: 27px;
     }
     .designathon-title h3 {
          font-size: 37px;
     }
     /**new**/
     .passport-main .dthon-rules.power .unique-cards h4 {
          font-size: 22px;
     }
}

@media (max-width: 1280px) {
     .designthon .early-bird-cta.unblock-reward {
          padding: 150px 0;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 85%;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 42px;
     }
     /**new**/
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 60px 0;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 44%;
     }
     .designthon .republic-passport h1 {
          font-size: 45px;
     }
     .association-with {
          margin-top: 27px;
     }
     .tales-title h2 {
          font-size: 43px;
     }
     .designthon .participate-step .tribe-earth-desc p {
          font-size: 18px;
     }
     .ultimate-verticle-wrap .ultimate-heading {
          width: 98%;
     }
}

@media (max-width: 1199px) {
     .unite-l{
          width: 2.8em;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 100px;
     }
     .tribeid_wrapper .tribe-earth-step {
          width: 90%;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 460px;
     }
     .d-vc-short iframe {
          height: 460px;
     }
     .ul-process-block h3 {
          font-size: 37px;
     }
     /**new**/
     .power-play-row {
          gap: 40px;
          flex-direction: column;
          margin: 30px 0 50px;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 90%;
          height: 189px;
     }
     .pow-col-1 {
          width: 55%;
     }
     .pow-col-2 {
          width: 45%;
     }
     .designthon .review-sec .spk-col {
          height: 400px;
     }
     .designthon .review-sec .spk-col {
          margin-bottom: 120px;
     }
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 100%;
     }
     .track-wrapper.dthon-enroll .track_col {
          /* width: 35.1%; */
          width: 30.1%;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 260px;
     }
     .designthon.passport-main .dthon-rules {
          padding: 150px 30px;
     }
     .coin-wrapper.dthon-questions {
          padding: 100px 30px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          height: 58px;
     }
     .designthon .spk-col.red .spk-title.hover {
          top: 60%;
     }
     .designthon.passport-main .speaker-wrapper.review-sec.dthon-review p {
          font-size: 12px;
     }
     .join-the-ultimate .ppr-img {
          top: 21%;
          height: 280px;
     }
     .join-the-ultimate {
          padding: 80px 0 0;
     }
     .dthon-partnership .partner-with .img_s_width {
          height: 4em;
          width: 8em;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 5em;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 10em;
     }
     .partnership-item p {
          width: 63%;
     }
     .ultimate-verticle-wrap .ultimate-heading {
          width: 78%;
     }
     .ul-process-wrap {
          gap: 100px;
          margin-left: 60px;
     }
     .win-prize {
          height: 480px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          font-size: 24px;
     }
     .designthon .participate-container {
          height: 440px;
     }
     .designthon .participate-step .tribe-main-title {
          left: 71%;
          top: 8%;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 100%;
     }
     .designthon .participate-step .tribe-earth-inner {
          padding-left: 50px;
     }
     .designthon .tribe-identity.participate-step {
          padding: 0px 40px 80px;
     }
     .designthon .participate-container {
          height: 520px;
     }
     .box-element {
          height: 300px;
          width: 31em;
     }
     .track-wrapper.dthon-enroll {
          padding: 100px 0 100px;
          height: 680px;
     }
     .dthon-enroll .track_col {
          width: 33%;
     }
     .dthon-enroll .track-inner h4 {
          font-size: 24px;
          margin-bottom: 20px;
     }
     .dthon-enroll .track-row {
          gap: 25px;
          margin-top: 50px;
     }
     .dthon-enroll .track-item h3 {
          font-size: 30px;
     }
     .dthon-enroll .track-inner p {
          font-size: 16px;
     }
     .passport-main .dthon-rules .unique_row {
          row-gap: 30px;
          column-gap: 15px;
          flex-direction: row;
     }
     .passport-main .dthon-rules .unique-cards h4 {
          font-size: 22px;
     }
     .passport-main .dthon-rules .unique-cards h6 {
          font-size: 20px;
     }
     .marquee-block.create-marquee.timer.dthon-marquee {
          margin: 130px 0 50px;
     }
     .partnership-item .partner-with {
          margin: 60px 0 0;
          gap: 30px;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 36px;
     }
}

@media (max-width: 1024px) {
     .dq-logo-main {
          margin-bottom: 100px;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 380px;
     }
     .d-vc-short .vc-shorts-item {
          width: 50%;
     }
     .designthon .republic-passport h1 {
          font-size: 44px;
     }
     .tales-title h2 {
          font-size: 47px;
     }
     /**new**/
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 40px 100px;
     }
     .passport-main .dthon-rules.power .title-uniquecard p {
          width: 100%;
     }
     .coin-wrapper.dthon-questions {
          padding: 100px 30px;
     }
     .join-the-ultimate {
          padding: 80px 0 0;
     }
     .designthon .speaker-wrapper.review-sec.dthon-review {
          padding: 0px 0px 80px;
     }
     .designthon .speaker-wrapper.review-sec {
          padding: 100px 0px 80px;
     }
     .dthon-eventdetails {
          padding: 150px 0 60px !important;
     }
     .marquee-block.create-marquee.timer.dthon-marquee {
          margin: 100px 0 50px;
     }
     .passport-main .coin-wrapper.dthon-rules {
          padding-top: 50px;
          padding-bottom: 60px;
     }
     .dthon-partnership.dthon-bg-img {
          padding: 150px 30px;
     }
     .designthon .quote-wrapper.saga {
          height: 700px;
          padding: 120px 30px 0;
     }
}

@media (max-width: 991px) {
     .card-flip {
          width: 250px;
          height: 360px;
     }
     .designthon .quote-wrapper .tales-title h1 {
          width: 90%;
     }
     .not_space {
          justify-content: center;
          column-gap: 0% !important;
          display: none;
     }
     .media_mcol {
          display: flex;
     }
     .tribeid_wrapper .tribe-earth-img img {
          width: 60%;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 670px;
     }
     .tribeid_wrapper .tribe-earth-step {
          width: 100%;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 40px !important;
     }
     .summary-location .brief-coming h4 {
          font-size: 20px;
     }
     .tales-title h2 {
          font-size: 42px;
     }
     .designthon .republic-passport h1 {
          font-size: 40px;
     }
     .dthon-videos h2 span {
          display: inline-block !important;
     }
     .dthon-videos p.a-desc {
          width: 100%;
     }
     .d-vc-short {
          gap: 20px;
          justify-content: center;
          padding: 40px 0 0;
     }
     .d-vc-short .vc-shorts-item {
          width: 33%;
          flex: 0 0 auto;
     }
     .coin-power-img {
          margin-top: 0;
     }
     /**new**/
     .pow-col-1,
     .pow-col-2 {
          width: 100%;
     }
     .power-play-row {
          flex-direction: row;
     }
     .coin-power-img {
          margin-top: 40px;
          text-align: center;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 50%;
          height: 210px;
     }
     .designthon .review-sec .spk-col {
          margin-bottom: 70px;
     }
     .sec-pattern {
          bottom: -10px;
     }
     .association-with .img_thb_width {
          width: 4em;
     }
     .association-with .img_s_width,
     .association-with .img_d_width {
          width: 6em;
     }
     .association-with .img_dl_width {
          width: 8em;
     }
     .association-with .partner-with {
          gap: 24px;
          flex-wrap: wrap;
     }
     .track-wrapper.dthon-enroll .track_col {
          width: 43%;
     }
     .benq-block h4,
     .prizes-upto h4 {
          height: auto;
          width: 100%;
     }
     .join-the-ultimate .ppr-img {
          display: none;
     }
     .join-the-ultimate .jointhe-title p {
          width: 80%;
     }
     .iconic-city-wrap {
          padding-top: 60px;
     }
     .join-the-ultimate .perk-passport-inner .row {
          gap: 30px;
     }
     .iconic-city p {
          margin-top: 20px;
          font-size: 18px;
     }
     .partnership-item p {
          width: 100%;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 4.5em;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 9em;
     }
     .dthon-partnership .partner-with .img_s_width {
          width: 7em;
          height: auto;
     }
     .ultimate-verticle-wrap.speaker-wrapper.review-sec {
          padding-top: 0px !important;
     }
     .ultimate-verticle-wrap .ultimate-heading {
          width: 100%;
     }
     .ultimate-heading h2 span.d-block {
          display: inline !important;
     }
     .ultimate-scroll {
          margin-top: 60px;
     }
     .ul-process-block h3 {
          font-size: 34px;
     }
     .ultimate-scroll .progress-bar {
          width: 14px;
     }
     .ul-process-wrap {
          gap: 70px;
          margin-left: 46px;
     }
     .benq-block {
          width: 100%;
          gap: 30px;
     }
     .order_2 {
          order: 2;
     }
     .order_1 {
          order: 1;
     }
     .benq-block .benq-title h2 span {
          display: inline !important;
     }
     .win-prize.benq-img {
          height: 400px;
     }
     .prizes-upto {
          padding-top: 50px;
     }
     .join-the-ultimate {
          padding: 50px 0 0;
     }
     .join-the-ultimate .container p {
          width: 100%;
          padding: 0 0 0px;
     }
     .designthon .review-sec .spk-col {
          height: 390px;
     }
     .designthon .review-sec .spk-row .spk-cust-col {
          width: 50%;
     }
     .designthon .participate-step .tribe-earth-step h3 {
          text-align: start;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 100%;
          font-size: 18px;
          text-align: start;
     }
     .designthon .participate-container {
          height: 340px;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 27em;
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          top: -30%;
          font-size: 80px;
     }
     .designthon .tribe-identity.participate-step {
          padding: 80px 40px 100px;
     }
     .designthon .participate-step .tribe-earth-inner {
          padding-left: 20px;
          padding-top: 0;
          transform: translateY(50px);
     }
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 100%;
     }
     .dthon-eventdetails .title-uniquecard p {
          width: 52%;
     }
     .box-element p {
          font-size: 18px;
     }
     .box-element {
          width: 28em;
     }
     .eventdetails-carousel {
          gap: 30px;
     }
     .waiting-text .text-transf h4 {
          font-size: 28px;
     }
     .eventdetails-carousel {
          padding-left: 60px;
     }
     .box-element h3 {
          font-size: 42px;
     }
     .box-element h4 {
          font-size: 24px;
     }
     .parent_item {
          margin-bottom: 22px;
     }
     .dthon-questions .accordion-button {
          padding: 22px 25px;
          gap: 22px;
     }
     .dthon-questions .accordion-body {
          padding: 0 22px 25px;
     }
     .dthon-enroll .track_col {
          width: 40%;
     }
     .dthon-enroll .track-row {
          gap: 20px;
     }
     .marquee-block.create-marquee.timer.dthon-marquee {
          margin: 80px 0 30px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 50%;
          padding: 0 20px;
     }
     .passport-main .dthon-rules .unique_row {
          row-gap: 30px;
          column-gap: 0;
     }
     .passport-main .dthon-rules .unf-register-btn {
          padding-top: 50px;
     }
     .partnership-item h2 {
          font-size: 34px;
          text-align: center !important;
     }
     .partnership-item .partner-with {
          margin: 40px 0 0;
          gap: 30px;
          flex-wrap: wrap;
     }
     .designathon-date .col_3 {
          width: 25.666667%;
     }
}

@media (max-width: 800px) {
     .passport-main .dthon-rules.power .unique-cards.track-item {
          height: 269px;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 620px;
     }
}

@media (max-width: 767px) {
     .threec-card:hover .card-flip {
          -webkit-transform: rotateY(180deg);
     }
     .threeC-wrapper {
          height: auto;
          padding: 100px 0;
     }
     .threec_row {
          flex-wrap: wrap;
          margin: 0;
     }
     .threeC-inner {
          width: 100%;
     }
     .card-flip {
          width: 250px;
          height: 379px;
     }
     .designthon.passport-main p.footer-cpr {
          font-size: 15px;
     }
     .designthon .footer-logo-box {
          justify-content: center;
     }
     .designthon .footer-logo-box img {
          width: 63px;
     }
     .tribeid_wrapper .tribe-identity {
          padding: 50px 40px 0;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 90px !important;
          row-gap: 30px !important;
     }
     .tales-title h2 {
          text-align: center !important;
          font-size: 38px;
     }
     .d-vc-short .vc-shorts-item {
          width: 40%;
          padding: 0 15px;
     }
     /**new**/
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 30px 70px;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 100%;
          height: 182px;
     }
     .power-play-row {
          flex-direction: column;
     }
     .sec-pattern {
          bottom: -8px;
     }
     .designthon .early-bird-cta.unblock-reward {
          padding: 100px 0;
     }
     .track-wrapper.dthon-enroll .track_col {
          width: 100%;
     }
     .join-the-ultimate .text-center.jointhe-title {
          padding: 0 30px;
     }
     .join-the-ultimate .jointhe-title p {
          width: 100%;
     }
     .iconic-city h3 {
          font-size: 34px;
     }
     .partnership-item .partner-with {
          row-gap: 10px;
          flex-wrap: wrap;
          column-gap: 30px;
     }
     .iconic-city-wrap {
          padding-top: 40px;
     }
     .marquee-block.create-marquee.timer.dthon-marquee.dthon-marquee-one {
          margin-top: 50px;
     }
     .join-the-ultimate .container {
          padding: 0 30px;
     }
     .join-the-ultimate .container .title,
     .join-the-ultimate .container p {
          text-align: center;
     }
     .designthon .review-sec .spk-col.last {
          height: 240px;
          margin-bottom: 0;
     }
     .designthon .review-sec .spk-row .spk-cust-col {
          width: 100%;
     }
     .designthon .review-sec .spk-col {
          height: 530px;
     }
     .designthon .participate-step .tribe-earth-inner {
          padding-left: 0;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 23em;
     }
     .designthon .tribe-identity.participate-step {
          padding: 0px 30px 30px;
     }
     .participate-wrapper {
          display: flex;
          height: 100%;
          padding-bottom: 70px;
     }
     .designthon .participate-step .tribe-earth-step h3 {
          margin-bottom: 20px;
     }
     .participateSlider .swiper-pagination-bullet-active {
          background: #000;
     }
     .participateSlider .swiper-pagination {
          display: block;
     }
     .designthon .participate-step .tribe-main-title .a-desc {
          width: 100%;
     }
     .designthon .participate-container {
          height: auto;
     }
     .participate-wrapper .tribe-earth-item {
          align-items: start;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          top: -38px;
          font-size: 65px;
          left: 0px;
     }
     .designthon .participate-step .tribe-earth-img img {
          margin-bottom: 8px;
     }
     .designthon.participate-step .tribe-earth-img {
          margin-left: 0;
     }
     .designthon .participate-step .tribe-earth-desc p {
          width: 100%;
     }
     .designthon .participate-step .tribe-earth-desc {
          margin-top: 20px;
     }
     .designthon .participate-step .tribe-earth-inner {
          padding-top: 0;
     }
     .dthon-eventdetails {
          display: block;
     }
     .dthon-eventdetails .swiper-pagination-bullet-active {
          background: #000;
     }
     .box-element h3 {
          margin-left: 0 !important;
     }
     .dthon-eventdetails .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
          bottom: 0px;
     }
     .swiper.EventDetailsMobile {
          position: initial;
     }
     .EventDetailsMobile {
          display: block;
     }
     .dthon-eventdetails .title-uniquecard p {
          width: 100%;
     }
     .horiz-slider {
          display: none;
     }
     .EventDetailsMobile .swiper-slide.swiper-slide-active {
          opacity: 1 !important;
     }
     .EventDetailsMobile .swiper-slide {
          opacity: 0 !important;
     }
     .box-element,
     .box-element.waiting-text {
          width: auto;
          margin: 16px 10px 16px;
          padding: 30px 25px;
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
     }
     .box-element.waiting-text {
          border: 1px solid #000;
          box-shadow: 4px 4px 0px 0px #000000;
          background: #ffeecc;
     }
     .dthon-eventdetails {
          padding: 100px 30px 70px !important;
          position: relative;
     }
     .dthon-questions .dthon-events-title p {
          width: 100%;
     }
     .dthon-questions .container {
          width: 100%;
          padding: 0;
     }
     .dthon-enroll .track-item {
          padding: 30px 20px;
     }
     .track-wrapper.dthon-enroll {
          height: auto;
     }
     .dthon-enroll .track-row {
          gap: 22px;
     }
     .dthon-enroll .track_col {
          width: 100%;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 260px;
          margin: 0;
     }
     .passport-main .coin-wrapper.dthon-rules {
          padding-right: 40px;
          padding-left: 40px;
     }
     .passport-main .dthon-rules .unique_row {
          row-gap: 30px;
     }
     .passport-main .dthon-rules .uniq-card {
          width: 100%;
          padding: 0 15px;
     }
     .dthon-events-title p,
     .partnership-item p,
     .passport-main .dthon-rules .title-uniquecard p {
          width: 100%;
     }
     .dthon-partnership.dthon-bg-img {
          padding: 120px 30px;
     }
     .designathon-date h5 {
          font-size: 16px;
     }
     .designathon-date h6 {
          font-size: 18px;
     }
     .designathon-date .col_3 {
          width: 28.666667%;
     }
     .designthon .tales-title p {
          width: 100%;
          text-align: center;
     }
     .designthon .republic-passport h1 {
          font-size: 35px;
          text-align: center;
     }
     .association-with {
          margin-top: 22px;
     }
     .designthon .tales-title .p_desc {
          margin: 20px auto;
     }
     .designthon .quote-wrapper.saga {
          height: 669px;
     }
}

@media (max-width: 575px) {
     .unite-l {
          width: 2em;
      }
     .card-flip {
          width: 300px;
          height: 455px;
     }
     .threeC-wrapper {
          height: auto;
          padding: 60px 0 0;
     }
     .schbang-l {
          width: 150px;
     }
     .ul-process-block h3 {
          font-size: 27px;
     }
     .floating_btn .main-btn {
          font-size: 14px;
     }
     .floating_btn {
          right: 15px;
     }
     .dthon-review .spk-col.last {
          transform: rotate(0deg);
     }
     .ultimate-verticle-wrap .ultimate-heading p {
          margin-right: 0;
     }
     .tribeid_wrapper .tribe-identity {
          padding: 0 40px 0;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 570px;
     }
     .dthon-bg-img {
          background-size: cover;
     }
     .designthon .spk-col.yellow .spk-title.hover {
          top: 60%;
     }
     .designthon .spk-col.red .spk-title.hover {
          top: 62%;
     }
     .designthon .title-highlight {
          -webkit-filter: drop-shadow(2px 0px 0px #000000);
     }
     .plus-sign {
          margin-bottom: 3px;
          width: 16px;
          margin-left: 4px;
     }
     .summary-location .iconic-city-wrap .designathon-date {
          gap: 0px !important;
          row-gap: 30px !important;
          flex-direction: column;
          align-items: center;
     }
     .tales-title h2 {
          font-size: 34px;
     }
     .d-vc-short iframe {
          height: 400px;
     }
     .d-vc-short .vc-shorts-item {
          width: 100%;
     }
     .d-vc-short {
          gap: 20px;
          flex-direction: column;
     }
     /**new**/
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 20px 70px;
     }
     .passport-main .dthon-rules.power .title-uniquecard p {
          text-align: center;
     }
     .power-play-row {
          gap: 30px;
          margin: 30px 0 40px;
     }
     .designthon .marquee-inner .t-counter,
     .designthon .t-counter.one,
     .designthon .t-counter.two {
          width: 28px;
     }
     .sec-pattern {
          bottom: -1px;
     }
     .association-with .partner-with {
          row-gap: 10px;
          flex-wrap: wrap;
     }
     .association-with {
          margin-top: 23px;
     }
     .passport-main .dthon-rules .unique-cards h4 {
          font-size: 21px;
     }
     .dthon-rules .unique_row {
          width: auto;
     }
     .designthon .speaker-wrapper.review-sec {
          padding: 60px 0px 60px;
     }
     .track-wrapper.dthon-enroll p.a-desc {
          font-size: 16px;
     }
     .designthon .early-bird-cta.unblock-reward {
          padding: 80px 0 !important;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 240px;
     }
     .ultimate-scroll .progress-bar {
          width: 20px;
     }
     .marquee-block.create-marquee.timer.dthon-marquee.dthon-marquee-one {
          margin-top: 22px;
     }
     .iconic-city h3 {
          font-size: 26px;
     }
     .iconic-city h4 {
          font-size: 20px;
          text-align: center;
     }
     .participate-step .tribe-main-title {
          margin-bottom: 30px;
     }
     .designthon .participate-step .tribe-earth-step h3 {
          margin-bottom: 12px;
     }
     /* .ultimate-verticle-wrap.speaker-wrapper.review-sec {
          padding-top: 0px !important;
     } */
     .ul-process-block p {
          text-align: start !important;
     }
     .ul-process-wrap {
          gap: 50px;
          margin-left: 36px;
     }
     .ultimate-scroll {
          margin-left: 20px;
     }
     .designthon .participate-step .tribe-earth-img img,
     .prizes-upto .win-prize,
     .win-prize.benq-img {
          border-radius: 28px;
     }
     .prizes-upto,
     .benq-image {
          margin-right: 10px;
     }
     .benq-block h4,
     .prizes-upto h4 {
          text-align: center;
     }
     .win-prize.benq-img,
     .win-prize {
          height: auto;
     }
     .join-the-ultimate {
          padding: 50px 0 0;
     }
     .join-the-ultimate .container {
          padding: 0 15px;
     }
     .designthon .review-sec .spk-col.last {
          height: auto;
          padding-bottom: 0;
          margin-top: 20px;
     }
     .speaker-wrapper.review-sec.dthon-review .spk-content p {
          font-size: 13px;
     }
     .designthon .review-sec .spk-col {
          height: 460px;
     }
     .btn-transf {
          padding-left: 0;
     }
     .waiting-text .text-transf h4 {
          font-size: 28px;
          padding-left: 0;
     }
     .box-element.waiting-text {
          justify-content: center;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          font-size: 50px;
          position: initial;
          line-height: normal;
     }
     .designthon .participate-step .tribe-earth-desc {
          margin-top: 10px;
     }
     .designthon .participate-step .tribe-earth-step h2.step-number {
          top: -8px;
          font-size: 50px;
          left: 0px;
     }
     .designthon .participate-step .tribe-earth-step h3,
     .designthon .participate-step .tribe-earth-desc p {
          text-align: center;
     }
     .designthon .tribe-identity.participate-step {
          padding: 50px 15px 60px;
     }
     .box-element {
          height: 280px;
     }
     .dthon-eventdetails {
          padding: 70px 15px 60px !important;
     }
     .dthon-questions .accordion .accordion-button {
          --bs-accordion-btn-icon-width: 0.9rem;
          gap: 22px;
     }
     .dthon-questions .accordion-button {
          padding: 20px 20px;
          font-size: 17px;
     }
     .dthon-questions .accordion-body {
          padding: 0 18px 20px;
          font-size: 15px;
     }
     .coin-wrapper.dthon-questions {
          padding: 60px 15px 60px;
     }
     .dthon-enroll .track-inner h4 {
          font-size: 24px;
          margin-bottom: 16px;
     }
     .dthon-enroll .track-inner p {
          font-size: 16px;
          margin: 16px 0 16px;
     }
     .track-wrapper.dthon-enroll {
          padding: 90px 0 70px;
     }
     .dthon-enroll .track-row {
          gap: 0;
     }
     .marquee-block.create-marquee.timer.dthon-marquee {
          margin: 80px 0 40px;
     }
     .passport-main .coin-wrapper.dthon-rules {
          padding-right: 15px;
          padding-left: 15px;
          padding-top: 0;
     }
     .readyto-participate .early-bird-cta {
          padding: 100px 0;
     }
     .dthon-partnership .container {
          padding: 0;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 32px;
     }
     .partnership-item .partner-with {
          margin: 30px 0 0;
     }
     .dthon-partnership .partner-with .img_s_width.l_width {
          width: 6em;
     }
     .dthon-partnership .partner-with img.img_width {
          width: 7em;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 4em;
     }
     .dthon-partnership .partner-with .img_s_width {
          width: 6em;
          height: auto;
     }
     .dthon-partnership.dthon-bg-img {
          padding: 100px 15px;
     }
     .designthon .quote-wrapper.saga {
          height: 640px;
          padding: 130px 15px 50px;
     }
     .designathon-title {
          -webkit-text-stroke: 0.7px #000;
          -webkit-filter: drop-shadow(1px 1px 0px #000000);
     }
     .designathon-title h4 {
          font-size: 22px;
          -webkit-text-stroke: 0.8px #000;
     }
     .designthon .republic-passport h1 {
          font-size: 30px;
     }
     .designathon-date {
          padding: 40px 0 0;
     }
     .designathon-title h3 {
          font-size: 30px;
     }
}

@media (max-width: 478px) {
     .schbang-l,
     .sand-l {
          width: 120px;
     }
     .tribeid_wrapper .tribe-id-row {
          height: 460px;
     }
     /**new**/
     .plus-sign {
          width: 14px;
     }
     .tales-title h2 {
          font-size: 30px;
     }
     .passport-main .dthon-rules.power .unique-cards.track-item {
          width: 100%;
          height: auto;
     }
     .passport-main .dthon-rules.power .unique-cards h4 {
          font-size: 20px;
     }
     .coin-process.power .red-text .title-highlight {
          filter: drop-shadow(2px 0px 0px #000000);
     }
     .designthon.passport-main .dthon-rules.power {
          padding: 0px 20px 50px;
     }
     .passport-main .dthon-rules.power .unique-cards {
          padding: 25px 20px;
     }
     .designthon.passport-main .speaker-wrapper.review-sec.dthon-review p {
          font-size: 13px !important;
     }
     .designthon.passport-main p {
          line-height: 1.4;
          /* margin: 0px auto; */
          font-size: 16px !important;
     }
     .ul-process-block h3 {
          font-size: 26px;
     }
     .ultimate-scroll {
          margin-left: 16px;
     }
     .ul-process-wrap {
          gap: 50px;
          margin-left: 30px;
     }
     .ultimate-scroll .progress-line {
          width: 7px;
     }
     .ultimate-scroll .progress-line::after {
          left: -12px;
          background-size: 33px 33px;
     }
     .designthon .quote-wrapper.saga {
          height: 650px;
          padding: 100px 15px 50px;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 20em;
     }
     .box-element h3 {
          font-size: 36px;
     }
     .box-element h4 {
          font-size: 22px;
     }
     .box-element,
     .box-element.waiting-text {
          margin: 0 5px 5px;
          padding: 30px 25px;
          border-radius: 22px;
          height: 350px;
     }
     .dthon-enroll .track-item h3 {
          font-size: 26px;
     }
     .dthon-enroll .track-inner h4 {
          font-size: 22px;
     }
     .partnership-item h2,
     .dthon-questions h2 {
          font-size: 26px;
     }
     .img_fof_width {
          width: 2.5em;
     }
     .designthon .republic-passport h1 {
          font-size: 27px;
          margin-bottom: 10px;
          margin-top: 15px;
     }
     .designathon-date h5 {
          font-size: 15px;
     }
     .designathon-date h6 {
          font-size: 17px;
     }
     .designathon-date .col_3 {
          width: 33%;
     }
}

@media (max-width: 380px) {
     .tribeid_wrapper .tribe-id-row {
          height: 410px;
     }
     .tales-title h2 {
          font-size: 27px;
     }
     .sec-pattern {
          bottom: 0;
     }
     .designthon .tales-title .p_desc {
          font-size: 14px !important;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 240px;
     }
     .ul-process-block h3 {
          font-size: 24px;
     }
     .ul-process-wrap {
          gap: 40px;
          margin-left: 25px;
     }
     .ultimate-scroll {
          margin-left: 12px;
     }
     .designthon .review-sec .spk-col {
          height: 410px;
     }
     .review-sec.dthon-review img.spk-quote {
          width: 14.5em;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 19em;
     }
     .dthon-questions .accordion-button {
          line-height: 1.2;
          padding: 22px 20px;
          font-size: 16px;
     }
     .dthon-questions .accordion-body {
          padding: 0 15px 20px;
     }
     .designathon-title h3 {
          font-size: 27px;
     }
     .dthon-partnership .partner-with .img_m_width {
          width: 4em;
     }
}

@media (max-width: 350px) {
     .sec-pattern {
          bottom: 6px;
     }
     .association-with .partner-with {
          gap: 16px;
     }
     .designthon .participate-step .tribe-earth-img img {
          width: 17em;
     }
     .partnership-item .partner-with {
          gap: 16px;
     }
     .marquee-block.create-marquee.timer.dthon-marquee {
          margin: 80px 0 30px;
     }
     .passport-main .dthon-rules .unique-cards.track-item {
          height: 280px;
     }
     .coin-wrapper .unique-cards p {
          font-size: 16px !important;
     }
     .side-border.d_border {
          border: none;
     }
     .designathon-date {
          row-gap: 20px;
          padding: 20px 0 0;
     }
     .designathon-date .col_3 {
          width: 50%;
     }
     .box-element p {
          font-size: 16px;
     }
     .box-element h4 {
          font-size: 20px;
     }
}