@font-face {
     font-family: 'Anton';
     src: url('../fonts/Anton-Regular.woff2') format('woff2'), url('../fonts/Anton-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Grandstander Bold';
     src: url('../fonts/Grandstander-Bold.woff2') format('woff2'), url('../fonts/Grandstander-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

body {
     background-color: #FFF9EB;
     color: #1e1e1e;
}

.smooth-wrapper {
     position: relative;
     z-index: 1;
     overflow-x: hidden;
     background-image: url(../meetup2-2/images/meetup-bg.svg);
     background-attachment: fixed;
     background-position: 0px 0px, 0px 0px, 0px 0px;
     background-size: auto, 128px, auto;
}

.grand-bold {
     font-family: 'Grandstander Bold';
}

.mabry-bold {
     font-family: 'Mabry Pro bold';
}

.mabry-regular {
     font-family: 'Mabry Pro Regular';
}

.mabry-medium {
     font-family: 'Mabry Pro Medium';
}

.p-space-top {
     padding-top: 180px;
}

.p-space-bottom {
     padding-bottom: 180px;
}

.centered-block {
     display: flex;
     align-items: center;
     justify-content: center;
}

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

.bg-light-orange {
     background: #FF8E80;
}

.bg-orange {
     background: #FF6D59;
}

.bg-purple {
     background: #5856D6;
}

.bg-pink {
     background: #FEC0F1;
}

.dq-banner {
     padding: 150px 0 0 120px;
     background: #72ADFD;
}

.dq-text-color {
     color: #333333;
}

.dq-banner h1 {
     font-size: 5vw;
     font-family: 'Mabry Pro Medium';
}

.dq-main h3 {
     font-size: 2.5vw;
     line-height: normal;
}

.dq-main h2 {
     font-size: 3.35vw;
     line-height: normal;
}

.dq-main h4 {
     font-size: 1.55vw;
     line-height: normal;
}

.dq-title {
     font-family: 'Anton';
     font-size: 15.5vw;
     margin-top: -40px;
}

.dq-title sub {
     font-family: inherit;
     bottom: 0;
}

.f-36 {
     font-size: 1.85vw;
     line-height: 1.3;
}

.f-28 {
     font-size: 28px;
     line-height: 1.3;
}

.f-20 {
     font-size: 20px;
     line-height: normal;
}

.dq-b-desc {
     width: 80%;
}

.dq-main-title {
     padding: 0 16px;
     width: 50%;
     margin: 0 auto;
}

.dq-main .title-highlight {
     color: #ffc34d;
     font-size: 3.35vw;
}

mark {
     background-color: transparent;
     padding: 0;
}

.dq-banner .h-de-btn {
     margin-top: 30px;
}

.dq-banner-left {
     padding-bottom: 50px;
}

.dq-banner .col-lg-5 {
     width: 44%;
}

.dq-banner .col-lg-7 {
     width: 55%;
}

.letter {
     position: absolute;
     transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, transform 1s ease-in-out;
}

.dq-banner.loading-letters .letter {
     transition: top 1s ease-in-out 0s, left 1s ease-in-out 0s, right 1s ease-in-out 0s, bottom 1s ease-in-out 0s, transform 1s ease-in-out 0.8s;
}

.letter.a {
     transform: rotate(-6.93deg) translateY(-10%);
     top: 33%;
     left: -10%;
     z-index: -1;
}

.dq-banner.loading-letters .letter.a {
     top: 23%;
     left: 20%;
     transform: rotate(7.35deg) translateY(0);
}

.letter.b {
     transform: rotate(7.35deg) translateY(-10%);
     top: 48%;
     left: -3%;
     width: 167px;
}

.dq-banner.loading-letters .letter.b {
     top: 0;
     left: 47%;
     width: 262px;
     transform: rotate(7.35deg) translateY(0);
}

.letter.c {
     transform: rotate(-11.14deg) translateY(-5%);
     top: 38%;
     left: 0;
}

.dq-banner.loading-letters .letter.c {
     left: 56%;
     transform: rotate(-11.14deg) translateY(0);
}

.letter.d {
     transform: rotate(10.14deg) translateY(-10%);
     top: 36%;
     right: 83%;
     width: 200px;
}

.dq-banner.loading-letters .letter.d {
     right: -1%;
     transform: rotate(10.14deg) translateY(0);
}

.letter.e {
     transform: rotate(-17.09deg) translateY(11%);
     top: 57%;
     left: 0;
     z-index: -1;
}

.dq-banner.loading-letters .letter.e {
     left: 40%;
     transform: rotate(-17.09deg) translateY(0);
}

.letter.f {
     transform: rotate(-16.52deg) translateY(-15%);
     bottom: 2%;
     right: 59%;
     width: 84px;
}

.dq-banner.loading-letters .letter.f {
     right: 16%;
     transform: rotate(-16.52deg) translateY(0);
}

.dq-banner-right,
.dq-abcd-block {
     height: 100%;
}

.dq-banner-img {
     position: absolute;
     bottom: 0;
     left: -120px;
     z-index: 1;
}


/******Feature Grid**********/

.inter-reg {
     font-family: "Inter Regular";
}

.dd-feature-wrapper.p-space-top {
     padding-top: 100px;
}

.dd-feature-title .dd-f-desc {
     width: 70%;
     margin: 30px auto 0;
}

.dd-feature-wrapper .dd-feature-grid {
     margin-top: 4.3vw;
}

.dd-feature-title .title-stroke {
     bottom: -2px
}

.dd-feature-row {
     display: flex;
     justify-content: center;
}

.dd-feature-grid,
.dq-segments-carousel,
.dq-benefits-grid,
.quiz-container {
     margin-top: 4vw;
}

.dd-f-item img {
     /* position: relative; */
     border-radius: 20px;
     /* padding: 2px;
     transition: all 0.5s ease-in-out; */
}

.dd-f-img::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 20px;
     /* background: #000000; */
     width: 100%;
     height: 100%;
     box-shadow: 0 0 0 2px #000000;
     transition: box-shadow 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
     /* z-index: -1; */
}

.dd-f-item.dd-active .dd-f-img::after {
     box-shadow: 0 0 0 5px #FF6D59;
}

.dd-f-item.dd-active.one .dd-f-img::after,
.dd-f-item.dd-active.four .dd-f-img::after {
     box-shadow: 0 0 0 5px #90A8ED;
}

.dd-f-item.dd-active.two .dd-f-img::after,
.dd-f-item.dd-active.five .dd-f-img::after {
     box-shadow: 0 0 0 5px #FF6D59;
}

.dd-f-item.dd-active.three .dd-f-img::after,
.dd-f-item.dd-active.six .dd-f-img::after {
     box-shadow: 0 0 0 5px #F2C418;
}


/********Segments***********/

.dq-segment-item {
     padding: 40px;
     border-radius: 24px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.dq-main .dq-seg-desc {
     margin: 16px 0 0;
     font-size: 20px;
}

.dq-segment-item h4,
.dq-segment-item h4 span {
     font-family: 'Mabry Pro Bold';
}

.dq-seg-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
}


/********Benefits***********/

.dq-benefits-wrapper {
     background-color: #F2F5F7;
     padding-left: 120px;
     padding-right: 120px;
}

.dq-benefit-item {
     margin-bottom: 54px;
     padding: 0 25px;
     height: 295px;
}

.dq-benefit-inner {
     background: #ffffff;
     border-radius: 24px;
     padding: 32px;
     height: 100%;
     border: 0.82px solid#A4A49A;
     overflow: hidden;
}

.dq-b-overlay {
     position: absolute;
     top: 0;
     left: 50%;
     width: 90%;
     height: 100%;
     border-radius: 24px;
     z-index: -1;
     transform: translateX(-50%) rotate(0deg);
     opacity: 0;
     transition: all 0.5s ease-in-out;
}

.dq-benefit-item:hover .dq-b-overlay {
     opacity: 1;
     transform: translateX(-50%) rotate(3.96deg);
}


/* .dq-benefits-grid .h-de-btn {
     margin-top: 62px;
} */

.dq-main .dq-benefits-grid .dq-seg-desc {
     padding-right: 0;
     margin: 32px 0 0;
}

.dash-ic {
     position: absolute;
     top: -42px;
     right: -19px;
     transform: translate(-90%, 90%);
     z-index: -1;
     transition: all 0.5s ease-in-out;
}

.dq-benefit-item:hover .dash-ic {
     transform: translate(0);
}

.dq-b-title {
     transition: all 0.5s ease-in-out;
}

.dq-benefit-item.dq-purple:hover .dq-b-title {
     color: #5856D6;
}

.dq-benefit-item.dq-green:hover .dq-b-title {
     color: #23A094;
}

.dq-benefit-item.dq-orange:hover .dq-b-title {
     color: #FF6D59;
}


/*************Evalution Grid*************/


/*      
     .overflow-x-hidden {
          overflow-x: hidden;
     } */

.dq-evalution-wrapper {
     padding-left: 120px;
     padding-right: 120px;
     height: 924px;
}

.dq-evalution-report {
     margin-top: 130px;
}

.dq-main-title p {
     width: 75%;
     margin: 0 auto;
}

.dq-evalution-row {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
}

.dq-evalution-item img {
     position: absolute;
     transform: scale(1);
     transition: all 0.5s ease-in-out;
}

.dq-evalution-item {
     position: relative;
     z-index: 1;
     width: 21.6vw;
}

.report-lg .dq-evalution-item.r-active {
     z-index: 2;
}

.report-lg .dq-evalution-item.r-active img {
     transform: scale(1.4);
}

.report-lg .dq-evalution-item:not(.r-active) img {
     filter: blur(7px);
     /* opacity: 0.9; */
}

.evalutionCarousel {
     display: none;
}

.dq-workout-wrapper .title-highlight {
     font-family: inherit;
}

.dq-workout-wrapper .dq-main-title {
     width: 90%;
     margin: 0;
     padding: 0;
}

.dq-workout-wrapper .h-de-btn {
     margin-top: 40px;
}

.dq-main .dq-workout-wrapper h2 {
     font-size: 4.15vw;
     line-height: 1.2;
}

.dq-main .dq-workout-wrapper .title-highlight {
     font-size: 5vw;
}

.title-stroke {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 100%;
}

.title-stroke.arrw {
     bottom: auto;
     top: 0;
     left: 3%;
     right: auto;
     transform: rotate(34deg) scale(1, 1);
     width: auto;
}

.dq-questions-wrapper .dq-main-title,
.dq-evalution-wrapper .dq-main-title {
     width: 67%;
}

.dq-evalution-wrapper .dq-main-title p {
     width: 89%;
}

.dq-evalution-wrapper .title-stroke.round {
     right: -13px;
     bottom: -7px;
     width: auto;
}

.dq-evalution-wrapper .title-stroke.arrw {
     left: auto;
     right: -35px;
     transform: rotate(5deg) scale(-1, 1);
     width: auto;
     top: auto;
     bottom: -59px;
}

.dq-questions-wrapper .title-stroke {
     bottom: 2px;
}

.dq-benefits-wrapper .title-stroke {
     bottom: auto;
     left: -8px;
     top: 0;
     width: auto;
}

.dq-workout-wrapper .title-stroke {
     bottom: 0;
}

.dq-workout-wrapper .title-stroke.arrw {
     top: auto;
     right: 33%;
     left: auto;
     transform: rotate(196deg) scale(1, -1);
     bottom: -21%;
}

.dq-segments-wrapper {
     margin: 180px 0 0 0;
}


/* .dd-feature-wrapper {
     margin: 0 0 180px 0;
} */

.dq-segments-wrapper .title-stroke {
     bottom: -9px;
     right: -10px;
     width: auto;
}

.dq-questions-inner .dq-q-btn {
     border: none;
}

.dq-workout-video {
     margin-left: 100px;
}

.dq-shorts-item {
     width: 317px;
     height: 560px;
}

.dq-shorts-item::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #000000;
     right: -10px;
     top: 10px;
}

.dq-shorts-item iframe {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     height: 100%;
     transform: translate(-50%, -50%);
     pointer-events: auto;
}

.dq-workout-video .dq-stars {
     top: 0%;
     left: 0%;
     transform: scale(0);
     opacity: 0;
     z-index: -1;
}


/* .draw_svg_line {
          opacity: 0;
          visibility: hidden;
          shape-rendering: geometricPrecision;
     }
     
     .draw_svg_line.svg-animate {
          opacity: 1;
     } */

.draw_svg_stroke path {
     stroke-dasharray: 536.535;
     stroke-dashoffset: 536.535;
}

.draw_svg_line.svg-animate path,
.draw_svg_stroke.svg-animate path {
     animation: svg-stroke 1.5s ease forwards;
     -webkit-animation: svg-stroke 1.5s ease forwards;
}

.dd-f-content.one .draw_svg_stroke {
     transform: rotate(135deg) scale(-1, 1);
}

.dd-f-content.two .draw_svg_stroke {
     transform: rotate(135deg) scale(-1, 1);
}

.dd-f-content.one .draw_svg_stroke path,
.dd-f-content.four .draw_svg_stroke path {
     stroke: #90A8ED;
}

.dd-f-content.three .draw_svg_stroke path,
.dd-f-content.six .draw_svg_stroke path {
     stroke: #F2C418;
}

.dd-f-content.five .draw_svg_stroke path {
     stroke: #FF6D59;
}

.dd-f-content.three .draw_svg_stroke {
     transform: rotate(-135deg) scale(1, 1);
}

.dd-f-content.four .draw_svg_stroke {
     transform: rotate(6deg) scale(1, 1);
}

.dd-f-content.five .draw_svg_stroke {
     transform: rotate(0deg) scale(1, 1);
}

.dd-f-content.six .draw_svg_stroke {
     transform: rotate(135deg) scale(1, -1);
}

.dq-main .design-tribe-wrapper {
     padding: 0 0 180px;
}

.dq-tribe-top {
     display: flex;
     align-items: center;
     gap: 20px;
}

.dq-main .design-tribe-slider .tribe-content {
     height: 270px;
}

@keyframes svg-stroke {
     to {
          stroke-dashoffset: 0;
     }
}

stroke-dashoffset: 0;

}

}