@media (min-width: 2900px) and (max-width: 3200px) and (orientation: landscape) {
     .btn-demo {
         font-size: 18px;
     }

     .btn-team {
         font-size: 18px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .commit {
         padding: 12% 8% 0;
     }

     .clarity {
         font-size: 54px;
     }

     .clarity-para {
         font-size: 23px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 37px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 20px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 73px;
     }

     .bridge-card {
         height: 50%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 2%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 42px;
     }

     .define-image {
         width: 60%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }

     .subtitle {
         font-size: 20px;
     }

 }

 @media (min-width: 2604px) and (max-width: 2900px) and (orientation: landscape) {
     .btn-demo {
         font-size: 18px;
     }

     .btn-team {
         font-size: 18px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .commit {
         padding: 12% 8% 0;
     }

     .clarity {
         font-size: 54px;
     }

     .clarity-para {
         font-size: 23px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 37px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 20px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 73px;
     }

     .bridge-card {
         height: 50%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 2%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 42px;
     }

     .define-image {
         width: 60%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }

     .subtitle {
         font-size: 20px;
     }
 }

 @media (min-width: 2501px) and (max-width: 2640px) and (orientation: landscape) {
     .btn-demo {
         font-size: 18px;
     }

     .btn-team {
         font-size: 18px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .commit {
         padding: 12% 8% 0;
     }

     .clarity {
         font-size: 54px;
     }

     .clarity-para {
         font-size: 23px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 37px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 20px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 73px;
     }

     .bridge-card {
         height: 50%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 2%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 42px;
     }

     .define-image {
         width: 60%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }

     .subtitle {
         font-size: 20px;
     }
 }

 @media (min-width: 2101px) and (max-width: 2500px) and (orientation: landscape) {
     .btn-demo {
         font-size: 18px;
     }

     .btn-team {
         font-size: 18px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .commit {
         padding: 12% 8% 0;
     }

     .clarity {
         font-size: 54px;
     }

     .clarity-para {
         font-size: 23px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 37px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 20px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 73px;
     }

     .bridge-card {
         height: 50%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 2%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 42px;
     }

     .define-image {
         width: 60%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }

     .subtitle {
         font-size: 20px;
     }

     .center-text {
         display: flex;
         align-content: center;
         justify-content: center;
         flex-direction: column;
         padding: 0 20%;
     }

 }

 @media (min-width: 1741px) and (max-width: 2000px) and (orientation: landscape) {
     .btn-demo {
         font-size: 18px;
     }

     .btn-team {
         font-size: 18px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .commit {
         padding: 12% 8% 0;
     }

     .clarity {
         font-size: 54px;
     }

     .clarity-para {
         font-size: 23px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 37px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 20px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 73px;
     }

     .bridge-card {
         height: 50%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 2%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 42px;
     }

     .define-image {
         width: 60%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }

     .subtitle {
         font-size: 20px;
     }

     .center-text {
         display: flex;
         align-content: center;
         justify-content: center;
         flex-direction: column;
         padding: 0 20%;
     }

 }

 @media (min-width: 1601px) and (max-width: 1740px) and (orientation: landscape) {
     .center-text {
         display: flex;
         align-content: center;
         justify-content: center;
         flex-direction: column;
         padding: 0 20%;
     }

 }

 @media (min-width: 1401px) and (max-width: 1600px) and (orientation: landscape) {}

 @media (min-width: 1301px) and (max-width: 1400px) and (orientation: landscape) {
     .btn-demo {
         margin-bottom: 10px;
         font-size: 15px;
     }

     .btn-team {
         font-size: 14px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 69px;
     }

     .bridge-card {
         height: 58%;
     }

     .partner-btn {
         font-size: 22px;
     }

     .why {
         margin-top: 10%;
     }

     /* .boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
} */
     .box-image {
         width: 25%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }
 }


 /* 1920 x 1080 (Full HD) */
 @media only screen and (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
     /* CSS here */
 }

 /* 1680 x 1050 */
 @media only screen and (min-width: 1680px) and (max-width: 1680px) and (min-height: 1050px) and (max-height: 1050px) {
     /* CSS here */
 }

 /* 1600 x 900 */
 @media only screen and (min-width: 1600px) and (max-width: 1600px) and (min-height: 900px) and (max-height: 900px) {
     /* CSS here */
 }

 /* 1440 x 900 */
 @media only screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
     /* CSS here */
 }

 /* 1400 x 1050 */
 @media only screen and (min-width: 1400px) and (max-width: 1400px) and (min-height: 1050px) and (max-height: 1050px) {
     /* CSS here */
 }

 /* 1366 x 768 */
 @media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
     /* CSS here */
 }

 /* 1360 x 768 */
 @media only screen and (min-width: 1360px) and (max-width: 1360px) and (min-height: 768px) and (max-height: 768px) {
     /* CSS here */
 }

 /* 1280 x 1024 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 1024px) and (max-height: 1024px) {
     /* CSS here */
 }

 /* 1280 x 960 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 960px) and (max-height: 960px) {
     /* CSS here */
 }

 /* 1280 x 800 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
     /* CSS here */
 }

 /* 1280 x 768 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 768px) and (max-height: 768px) {
     /* CSS here */
 }

 /* 1280 x 720 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 720px) and (max-height: 720px) {
     /* CSS here */
 }

 /* 1280 x 600 */
 @media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 600px) and (max-height: 600px) {
     /* CSS here */
 }

 /* above all specified css */

 @media (min-width: 1201px) and (max-width: 1300px) and (orientation: landscape) {
     .btn-demo {
         margin-bottom: 10px;
         font-size: 15px;
     }

     .btn-team {
         font-size: 14px;
     }

     .left-side-text2 {
         font-size: 22px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 15px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 63px;
     }

     .bridge-card {
         height: 58%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 10%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 15%;
     }

     .text-image-container {
         width: 70%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 80%;
     }

     .desc {
         font-size: 19px;
     }
 }

 @media (min-width: 1031px) and (max-width: 1200px) and (orientation: landscape) {
     .btn-demo {
         margin-bottom: 10px;
     }

     .btn-team {
         font-size: 16px;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 15px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 90%;
     }

     .desc {
         font-size: 19px;
     }
 }

 @media (min-width: 901px) and (max-width: 1030px) and (orientation: landscape) {
     .btn-demo {
         margin-bottom: 10px;
     }

     .btn-team {
         font-size: 16px;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 13px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 90%;
     }

     .desc {
         font-size: 19px;
     }
 }

 @media (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
     .btn-team {
         font-size: 16px;
     }

     .text-image-container {
         width: 79%;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 10px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
         bottom: 0% !important;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 100%;
     }
 }

 @media (min-width: 901px) and (max-width: 1200px) and (orientation: portrait) {
     .btn-demo {
         margin-bottom: 10px;
         font-size: 16px;
     }

     .btn-team {
         font-size: 16px;
     }

     .text-image-container {
         width: 79%;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 55%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 8%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
         bottom: 0% !important;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 80%;
     }
 }

 @media (min-width: 801px) and (max-width: 900px) and (orientation: portrait) {
     .btn-team {
         font-size: 16px;
     }

     .text-image-container {
         width: 79%;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
         bottom: 0% !important;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 80%;
     }
 }

 @media (min-width: 639px) and (max-width: 768px) and (orientation: landscape) {
     .btn-team {
         font-size: 16px;
     }

     .text-image-container {
         width: 79%;
         bottom: 0% !important;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 10px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 38px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }

     .text-image-container {
         width: 81%;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 9%;
     }

     .decision-container h1 {
         font-size: 36px;
     }

     .define-image {
         width: 80%;
     }

     .stage {
         width: 100%;
     }
 }

 @media (min-width: 639px) and (max-width: 800px) and (orientation: portrait) {
     .btn-team {
         font-size: 16px;
     }

     .text-image-container {
         width: 79%;
         bottom: 0% !important;
     }

     .left-side-text2 {
         font-size: 16px;
     }

     .right-image img {
         width: 15%;
     }

     .text-image2 {
         gap: 0;
     }

     .center-text {
         padding: 0px 10%;
     }

     .clarity {
         font-size: 34px;
     }

     .decision-container h1 {
         font-size: 34px;
     }

     .pill-row span {
         font-size: 19px;
     }

     .define {
         font-size: 33px;
     }

     .define-para span {
         display: inline;
     }

     .define-para {
         font-size: 16px;
     }

     .define-image {
         width: 80%;
     }

     .bridge-card h1 {
         font-size: 43px;
     }

     .bridge-card {
         height: 63%;
     }

     .partner-btn {
         font-size: 19px;
     }

     .why {
         margin-top: 20%;
     }

     .boxs {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .box-image {
         width: 20%;
     }
 }

 @media (min-width: 527px) and (max-width: 638px) and (orientation: portrait) {
     .text-image-container {
         width: 85%;
     }

     .left-side-text2 {
         font-size: 14px;
     }

     .right-image {
         width: 69%;
         margin: auto;
     }

     .text-image2 {
         gap: 5px;
     }

     .center-text {
         padding: 13% 7%;
     }

     .clarity {
         font-size: 27px;
     }

     .clarity-para {
         font-size: 15px;
     }

     .decision-section {
         padding: 0;
     }

     .decision-container {
         width: 90%;
     }

     .decision-container h1 {
         font-size: 21px;
     }

     .subtitle {
         font-size: 14px;
     }

     .pill-row {
         gap: 9px;
         flex-direction: column;
         align-content: center;
         align-items: center;
     }

     .pill-row span {
         font-size: 11px;
     }

     .define {
         font-size: 25px;
     }

     .define-para {
         font-size: 13px;
     }

     .define-para span {
         display: inline;
     }

     .clarity {
         font-size: 21px;
     }

     .bridge-card h1 {
         font-size: 28px;
     }

     .desc {
         font-size: 12px;
     }

     .bridge-card {
         height: 71%;
     }

     .define-image {
         width: 90%;
     }

     .stage {
         width: 90%;
     }

     .partner-btn {
         font-size: 12px;
     }

     .why h2 {
         font-size: 25px;
     }

     .box {
         min-height: 249px;
     }

     .box h3 {
         font-size: 22px;
     }

     .box p {
         font-size: 15px;
     }

     .box-image {
         width: 17%;
     }

     .btn-demo {
         margin-bottom: 2%;
     }

     .why {
         margin-top: 20%;
     }
 }

 @media (min-width: 424px) and (max-width: 526px) and (orientation: portrait) {
     .text-image-container {
         width: 85%;
         bottom: 0% !important;
     }

     .left-side-text2 {
         font-size: 14px;
     }

     .right-image {
         width: 69%;
         margin: auto;
     }

     .text-image2 {
         gap: 5px;
     }

     .center-text {
         padding: 13% 7%;
     }

     .clarity {
         font-size: 27px;
     }

     .clarity-para {
         font-size: 15px;
     }

     .decision-section {
         padding: 0;
     }

     .decision-container {
         width: 90%;
     }

     .decision-container h1 {
         font-size: 21px;
     }

     .subtitle {
         font-size: 14px;
     }

     .pill-row {
         gap: 9px;
         flex-direction: column;
         align-content: center;
         align-items: center;
     }

     .pill-row span {
         font-size: 11px;
     }

     .define {
         font-size: 25px;
     }

     .define-para {
         font-size: 13px;
     }

     .define-para span {
         display: inline;
     }

     .clarity {
         font-size: 21px;
     }

     .bridge-card h1 {
         font-size: 28px;
     }

     .desc {
         font-size: 12px;
     }

     .bridge-card {
         height: 71%;
     }

     .define-image {
         width: 90%;
     }

     .stage {
         width: 90%;
     }

     .partner-btn {
         font-size: 12px;
     }

     .why h2 {
         font-size: 25px;
     }

     .box {
         min-height: 249px;
     }

     .box h3 {
         font-size: 22px;
     }

     .box p {
         font-size: 15px;
     }

     .box-image {
         width: 17%;
     }

     .btn-demo {
         margin-bottom: 2%;
     }

     .why {
         margin-top: 20%;
     }
 }

 @media (max-width: 426px) {
     .text-image-container {
         width: 85%;
         bottom: 0% !important;
     }

     .left-side-text2 {
         font-size: 14px;
     }

     .right-image {
         width: 69%;
         margin: auto;
     }

     .text-image2 {
         gap: 5px;
     }

     .center-text {
         padding: 13% 7%;
     }

     .clarity-para {
         font-size: 10px;
     }

     .decision-section {
         padding: 0;
     }

     .decision-container {
         width: 90%;
         padding: 5% 5% 0;
     }

     .decision-container h1 {
         font-size: 17px;
     }

     .subtitle {
         font-size: 11px;
     }

     .pill-row {
         gap: 9px;
         flex-direction: column;
         align-content: center;
         align-items: center;
     }

     .pill-row span {
         font-size: 11px;
     }

     .define {
         font-size: 21px;
     }

     .define-para {
         font-size: 11px;
     }

     .define-para span {
         display: inline;
     }

     .clarity {
         font-size: 21px;
     }

     .bridge-card h1 {
         font-size: 22px;
     }

     .desc {
         font-size: 12px;
     }

     .bridge-card {
         height: 71%;
     }

     .define-image {
         width: 90%;
     }

     .stage {
         width: 100%;
     }

     .partner-btn {
         font-size: 12px;
     }

     .why h2 {
         font-size: 21px;
     }

     .box {
         min-height: 249px;
     }

     .box h3 {
         font-size: 17px;
     }

     .box p {
         font-size: 12px;
     }

     .box-image {
         width: 20%;
     }

     .btn-demo {
         margin-bottom: 2%;
     }
 }

 @media (max-width: 376px) {
     .btn-demo {
         padding: 12px 30px;
     }

     .text-image-container {
         width: 85%;
     }

     .left-side-text2 {
         font-size: 14px;
     }

     .right-image {
         width: 55%;
         margin: auto;
     }

     .text-image2 {
         gap: 5px;
     }

     .center-text {
         padding: 13% 7%;
     }

     .clarity-para {
         font-size: 10px;
     }

     .decision-section {
         padding: 0;
     }

     .decision-container {
         width: 90%;
     }

     .decision-container h1 {
         font-size: 18px;
     }

     .subtitle {
         font-size: 11px;
     }

     .pill-row span {
         font-size: 10px;
     }

     .define {
         font-size: 21px;
     }

     .define-para {
         font-size: 11px;
     }

     .define-para span {
         display: inline;
     }

     .clarity {
         font-size: 21px;
     }

     .bridge-card h1 {
         font-size: 19px;
     }

     .desc {
         font-size: 12px;
     }

     .bridge-card {
         height: 71%;
     }

     .define-image {
         width: 90%;
     }

     .stage {
         width: 100%;
     }

     .partner-btn {
         font-size: 12px;
     }

     .why h2 {
         font-size: 17px;
     }

     .box {
         min-height: 180px;
     }

     .box h3 {
         font-size: 17px;
     }

     .box p {
         font-size: 12px;
     }

     .box-image {
         width: 15%;
     }

     .btn-demo {
         margin-bottom: 2%;
     }
 }

 @media (max-width: 321px) {
     .btn-demo {
         padding: 12px 29px;
     }

     .text-image-container {
         width: 85%;
     }

     .left-side-text2 {
         font-size: 14px;
     }

     .right-image {
         width: 69%;
         margin: auto;
     }

     .text-image2 {
         gap: 5px;
     }

     .center-text {
         padding: 13% 7%;
     }

     .clarity-para {
         font-size: 10px;
     }

     .decision-section {
         padding: 0;
     }

     .decision-container {
         width: 90%;
     }

     .decision-container h1 {
         font-size: 18px;
     }

     .subtitle {
         font-size: 11px;
     }

     .pill-row span {
         font-size: 10px;
     }

     .define {
         font-size: 21px;
     }

     .define-para {
         font-size: 11px;
     }

     .define-para span {
         display: inline;
     }

     .clarity {
         font-size: 21px;
     }

     .bridge-card h1 {
         font-size: 19px;
     }

     .desc {
         font-size: 8px;
     }

     .bridge-card {
         height: 71%;
     }

     .define-image {
         width: 90%;
     }

     .stage {
         width: 100%;
     }

     .partner-btn {
         font-size: 12px;
     }

     .why h2 {
         font-size: 17px;
     }

     .box {
         min-height: 249px;
     }

     .box h3 {
         font-size: 17px;
     }

     .box p {
         font-size: 12px;
     }

     .box-image {
         width: 20%;
     }

     .btn-demo {
         margin-bottom: 2%;
     }
 }