@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@1,700&family=Poppins:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter&family=Nunito+Sans:ital,wght@1,700&family=Poppins:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter&family=Nunito+Sans:ital,wght@1,700&family=Poppins:wght@700&family=Rubik:wght@362;500&display=swap");
.header {
    width: 100%;
    position: relative;

    background: #fff3e4;
    box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.11);
}
.nav-item {
    padding-left: 15px;
}
.dropdown-menu {
    background: #f5f5f5;
    border: none;
    opacity: 0.9;
}
.dropdown-item {
    color: #464646;
}
.navbar-brand img {
    width: 200px;
    height: 50px;
}
.credentials-login {
    background: #ffffff;
    border: 1px solid #f48c06;
    box-sizing: border-box;
    box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.03);
    border-radius: 80px;
    width: 100px;
    text-align: center;
}
.credentials-signup {
    background: #f48c06;
    border-radius: 80px;
    margin-left: 7px;
    width: 100px;
    text-align: center;
}
.nav-item img {
    margin-top: -10px;
    width: 40px;
    height: 40px;
}
#navbarSupportedContent {
    padding-top: 10px;
}
.user-personal-data {
    /*background: #f5f5f5;*/
    text-align: center;
}
.user-personal-data img {
    width: 60px;
    height: 60px;
}
.user-personal-data h4 {
    font-family: poppins;
    font-weight: 600;
    color: rgba(6, 6, 6, 0.5);
    padding-top: 20px;
    font-style: normal;
    font-size: 1.2em;
}
.user-personal-data p {
    font-family: poppins;
    font-weight: 600;
    color: rgba(6, 6, 6, 0.5);

    font-style: normal;
    font-size: 1.2em;
}
.user-personal-data button {
    background: #f48c06;
    border-radius: 80px;
    color: rgba(6, 6, 6, 0.5);
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*.user-order-summary{
	background: #f5f5f5;
}*/
.purchase-details p,
.purchase-details-rightside p,
.customer-vip-services p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 0.6em;
    line-height: 180%;
    /* identical to box height, or 20px */

    color: rgba(6, 6, 6, 0.5);
}
.purchase-details h4,
.purchase-details-rightside h4,
.customer-vip-services h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 180%;
    /* identical to box height, or 40px */

    color: rgba(6, 6, 6, 0.2);
}

.banner {
    position: relative;
    background: #fff3e4;
    clip-path: ellipse(90% 100% at 50% 0%);
    /*padding-bottom: 20px;*/
}

.text-1 {
    padding-top: 80px;
    padding-left: 60px;
    color: #2f327d;
    font-family: Poppins;
    font-weight: bold;
    font-size: 1.6em;
    font-style: normal;
    line-height: 119.5%;
}
.text-2 {
    color: #f48c06;
    font-family: Poppins;
    font-weight: bold;
    font-size: 1.8em;
    font-style: normal;
    line-height: 119.5%;
    padding-left: 60px;
}
.text-3 p {
    padding-top: 20px;
    padding-left: 60px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500px;
    font-size: 1.1em;
    line-height: 150%;
    width: 100%;
    /* or 38px */

    color: #464646;
}
.banner-image {
    margin-left: 240px;
}

.banner-image img {
    /*padding-left: 200px;*/
    width: 420px;
    /*height: 450px;*/
    filter: drop-shadow(0px 4px 100px rgba(29, 28, 24, 0.25));
}

.button-1 {
    padding-left: 60px;
}
.button-1 a {
    background: #f48c06;
    border-radius: 20px;
    width: 150px;
    text-decoration: none;
    color: white;
}
.text-4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    padding-top: 5px;
}
.calendar {
    width: 50px;
    height: 50px;
}
.ellipse {
    width: 50px;
    height: 40px;
    padding-left: 10px;
    padding-top: 5px;
}
.shift-center {
    display: flex;
    justify-content: normal;
}
.video-image {
    height: 100px;
    width: 100px;
    margin-top: -25px;
}
.rectangle-1 {
    position: absolute;
    width: 200px;
    height: 50px;
    left: 906px;
    top: 121px;

    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 10px;
}
/*.text-4{
	margin-left: -40px;
}*/
.text-5 {
    padding-top: 5px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
    /* or 43px */
    padding-bottom: 5px;
    letter-spacing: 0.02em;

    color: #595959;
}
.text-6 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1em;
    /* identical to box height, or 36px */

    letter-spacing: 0.02em;

    color: #545567;
}
.rectangle-2 {
    position: absolute;
    width: 200px;
    height: 50px;
    left: 1175px;
    top: 221px;

    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 10px;
}
.text-9 {
    padding-top: 5px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
    /* or 43px */
    padding-bottom: 5px;
    letter-spacing: 0.02em;

    color: #595959;
}
.text-10 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1em;
    /* identical to box height, or 36px */

    letter-spacing: 0.02em;

    color: #545567;
}
.rectangle-3 {
    position: absolute;
    width: 200px;
    height: 50px;
    left: 906px;
    top: 301px;

    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 10px;
}
.text-12 {
    padding-top: 5px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
    /* or 43px */
    padding-bottom: 5px;
    letter-spacing: 0.02em;

    color: #595959;
}
.text-13 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1em;
    /* identical to box height, or 36px */

    letter-spacing: 0.02em;

    color: #545567;
}
.services {
    padding-top: 80px;
    padding-bottom: 20px;
    font-family: Poppins;
    color: #2f327d;
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 0.03em;
}
.weight {
    /*font-family: Poppins;*/
    color: #f48c06;
}

.our-services-text {
    width: 50%;
}
.our-services-text p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 43px */

    text-align: center;
    letter-spacing: 0.02em;

    color: #696984;
}

.our-services-boxes {
    padding-top: 60px;
    padding-bottom: 60px;
}

.card-1 {
    background: #ffffff;
    box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.11);
    border-radius: 20px;
    /*padding: 26px;*/
    margin-left: 35px;
    margin-right: 35px;
}

.homepage-service-text-one {
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    letter-spacing: 0.01em;
    padding-bottom: 15px;
}
.homepage-service-subtext-one {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 36px */
    text-align: center;
    padding-bottom: 15px;
    color: #696984;
}
.homepage-service-image-one {
    text-align: center;
}
.homepage-service-arrow-one {
    text-align: center;
    /*padding-top: 20px;*/
    padding-bottom: 15px;
}
.homepage-service-sub-image {
    width: 75px;
    height: 75px;
    margin-top: -30px;
}
.homepage-service-arrow-image {
    width: 25px;
    height: 25px;
}
.values-service-text-one {
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    letter-spacing: 0.01em;
    padding-bottom: 15px;
}
.values-service-subtext-one {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 36px */
    text-align: center;
    padding-bottom: 15px;
    color: #696984;
}
.values-service-image-one {
    text-align: center;
}
.values-service-arrow-one {
    text-align: center;
    /*padding-top: 20px;*/
    padding-bottom: 15px;
}
.values-service-sub-image {
    width: 75px;
    height: 75px;
    margin-top: -30px;
}
.values-service-arrow-image {
    width: 25px;
    height: 25px;
}

.card-text-3 {
    display: flex;

    justify-content: center;

    align-items: center;

    padding: 70px 0;
}
.card-text-3 img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.card-text-3 a {
    text-align: center;

    text-decoration: none;

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    /* identical to box height */

    /*position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    color: #252641;
}

.about-us {
    background: #fff3e4;
}

.about-mindyoda {
    padding-top: 80px;
    padding-bottom: 80px;
    width: 50%;
}
.text-14 {
    /*	padding-top: 80px;
	padding-bottom: 20px;*/
    font-family: Poppins;
    color: #2f327d;
    /*text-align: center;*/
    font-weight: 600;
    font-size: 1.8em;
    letter-spacing: 0.03em;
}
.weight1 {
    color: #f48c06;
}
.text-15 p {
    padding-top: 20px;
    font-weight: 500;
    font-family: Poppins;
    color: #464646;
    font-size: 0.9em;
    letter-spacing: 0.03em;
    line-height: 160%;
    /*width: 50%;*/
}
.button-2 a {
    background: #f48c06;
    border-radius: 20px;
    width: 150px;
    text-decoration: none;
    color: white;
}
.rectangle-4 img {
    width: 350px;
}

.rectangle-5 {
    border-radius: 20px;
    background-color: #f3ac50;
    width: 100px;
    height: 100px;
    margin-left: 260px;
    margin-top: -90px;
}
.rectangle-6 {
    border-radius: 20px;
    background-color: #23bdee;
    width: 70px;
    height: 70px;
    margin-left: -10px;
    margin-top: -255px;
}
.circle {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-color: #f3ac50;
    margin-top: -60px;
    margin-left: -385px;
    opacity: 0.7;
}
.our-definition {
    width: 50%;
    /*padding-bottom: 40px;*/
}
.why-us {
    padding-top: 80px;
    padding-bottom: 20px;
    font-family: Poppins;
    color: #2f327d;
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 0.03em;
}
.weight2 {
    /*font-family: Poppins;*/
    color: #f48c06;
}

.our-definition p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 43px */

    text-align: center;
    letter-spacing: 0.02em;

    color: #696984;
}

.list-about-us {
    padding-top: 60px;
    padding-bottom: 60px;
}

.testimonial {
    background: #e5f9ff;
    /*opacity: 0.1;*/
    padding-top: 80px;
    padding-bottom: 80px;
}

/*.testimonial-boxes{
	width: 50%;
}*/

.tbox1 {
    padding-top: 20px;
}
.review1 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 2em;
    color: #2f327d;
    padding-left: 120px;
}
.weight3 {
    color: #f48c06;
}
.tbox2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    background: #ffffff;
    /* Dark Shadow */

    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
}
.review2 {
    color: #f48c06;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
}
.preview2 {
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8em;

    padding-left: 10px;
    font-feature-settings: "salt" on, "liga" off;

    color: #18191f;
    margin: 14px 0px;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.tbox3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    background: #ffffff;
    /* Dark Shadow */
    margin-top: 20px;
    margin-right: 80px;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
}
.review3 {
    color: #f25471;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
}
.preview3 {
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.6em;
    /* or 178% */
    padding-left: 10px;
    font-feature-settings: "salt" on, "liga" off;

    /* Text / Gray 900 */

    color: #18191f;

    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 24px 0px;
}

.tbox4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    background: #ffffff;
    /* Dark Shawdow */
    margin-left: 125px;
    width: 450px;
    /*height: 200px;*/
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
}
.review4 {
    color: #29b9e7;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
}
.preview4 {
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.6em;
    /* or 178% */
    padding-left: 10px;
    font-feature-settings: "salt" on, "liga" off;

    /* Text / Gray 900 */

    color: #18191f;

    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 24px 0px;
}
.tbox5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    background: #ffffff;
    /* Dark Shadow */

    margin-top: -50px;
    margin-left: 160px;
    /*margin-right: 0px;*/
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
}
.review5 {
    color: #2f327d;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
}
.preview5 {
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.6em;
    /* or 178% */
    padding-left: 10px;
    font-feature-settings: "salt" on, "liga" off;

    /* Text / Gray 900 */

    color: #18191f;

    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 24px 0px;
}
.tbox6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    background: #ffffff;
    /* Dark Shadow */
    margin-top: 40px;
    margin-right: 120px;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
}
.review6 {
    color: #f25471;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
}
.preview6 {
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.6em;
    /* or 178% */
    padding-left: 10px;
    font-feature-settings: "salt" on, "liga" off;

    /* Text / Gray 900 */

    color: #18191f;

    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 14px 0px;
}
.experts-text {
    width: 50%;
}
.experts {
    padding-top: 80px;
    padding-bottom: 20px;
    font-family: Poppins;
    color: #2f327d;
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 0.03em;
}
.weight4 {
    color: #f4c806;
}
.experts-text p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 43px */
    padding-bottom: 40px;
    text-align: center;
    letter-spacing: 0.02em;

    color: #696984;
}
.blogs-heading {
    padding-top: 40px;
    padding-bottom: 20px;
    font-family: Poppins;
    color: #2f327d;
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 0.03em;
}
.blogs-text {
    ont-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 180%;
    /* or 43px */
    padding-bottom: 60px;
    text-align: center;
    letter-spacing: 0.02em;

    color: #696984;
}

.light {
    opacity: 0.1;
}
.pre-footer {
    background: #fff2e1;
    /*clip-path: ellipse(90% 100% at 50% 0%);*/
    clip-path: ellipse(72% 100% at 50% 100%);
}
.subscription-text {
    padding-bottom: 20px;
}
.subscription-heading {
    padding-top: 80px;
    font-family: "Inter", sans-serif;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-size: 1.2em;
    /*line-height: 45px;*/
    /* identical to box height, or 129% */

    /*	display: flex;
	align-items: center;*/

    color: #0b132a;
}
.subscription-sub-heading p {
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-size: 1em;
    font-weight: 300;
    /*line-height: 45px;*/
    /* identical to box height, or 129% */

    /*display: flex;
	align-items: center;*/

    color: #0b132a;
}
.input-group1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 80px;
    float: right;
    /*borer-radius: 10px 0px 0px 10px;*/
}
.newsletter-email {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    box-sizing: border-box;
    box-shadow: 0px 10px 40px rgba(38, 45, 118, 0.05);
    border-radius: 6px;
    padding: 10px;
}
.newsletter a {
    background: #f48c06;
    /*border-radius: 20px;*/
    /*width: 150px;*/
    font-family: poppins;
    text-decoration: none;
    color: white;
    padding-top: 9px;
    padding-bottom: 9px;
    /*height: 43px;*/
}
.footer {
    background-color: #252641;
}
.footer-service-1 {
    padding-top: 80px;
    padding-bottom: 40px;
}
.footer-service-2 {
    padding-top: 80px;
    padding-bottom: 40px;
}
.footer-service-3 {
    padding-top: 80px;
    padding-bottom: 40px;
}
.footer-service-1 h4 {
    color: #ffffff;
    /*font-family: rubik;*/
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    padding-bottom: 5px;
}
.footer-service-2 h4 {
    color: #ffffff;
    /*font-family: rubik;*/
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    padding-bottom: 5px;
}
.footer-service-3 h4 {
    color: #ffffff;
    /*font-family: rubik;*/
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    padding-bottom: 5px;
}
li {
    list-style-type: none;
    color: #ffffff;
    font-size: 0.8em;
    /*font-family: rubik;*/
    font-family: "Nunito Sans", sans-serif;
    font-family: "Poppins", sans-serif;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 7px;
}
.mindyoda-services {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    justify-content: normal;
    margin-left: -80px;
}
/*.newlogo{
	width: 400px;
	height: 300px;
}*/
.mindyoda-services h4 {
    font-family: Poppins;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3em;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 40px;
    margin-left: -60px;

    letter-spacing: 0.05em;
}
.weight5 {
    padding-left: 10px;
}
.post-footer {
    background-color: #f48c06;
}
.poweredby {
    padding-top: 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    /*line-height: 24px;*/
    /* identical to box height, or 171% */

    font-feature-settings: "salt" on, "liga" off;
    /*float: left;*/
    color: #000000;
}
.social-media {
    padding-top: 15px;
    float: right;
    width: 35px;
    /*display: inline;*/
}
.social-media img {
    width: 25px;
}
.footer-logo {
    /*z-index: -1;*/
    /*position: absolute;*/

    width: 300px;
    height: 300px;
    /*margin-left: -350px;*/
    margin-top: -65px;
}
.image-blog-display img {
    width: 410px;
    height: 225px;
}
.image-sub-blogs-display img {
    width: 300px;
    height: 150px;
}
.blog-sub-text-heading h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 0.8em;
    line-height: 180%;
    /* or 40px */

    color: #252641;
}
.blog-sub-text-heading p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7em;
    line-height: 180%;
    /* or 36px */

    letter-spacing: 0.02em;

    color: #696984;
}
.heading-for-blog h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 167%;
    /* or 43px */
    letter-spacing: 0.02em;
    width: 70%;
    padding-top: 10px;
    color: #252641;
}
.heading-for-blog p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 180%;
    /* or 36px */
    width: 70%;
    letter-spacing: 0.02em;

    color: #696984;
}
.browse {
    width: 200px;
    height: 50px;
}
.blogs-display-section {
    padding-bottom: 80px;
}
.clickon {
    position: fixed;
    right: 30px;
    bottom: 20px;
    height: 50px;
    width: 50px;
    background: -webkit-linear-gradient(left, #a445b2, #fa4299);
    text-align: center;
    line-height: 55px;
    border-radius: 50px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}
.clickon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}
.clickon i.fas {
    opacity: 0;
    pointer-events: none;
}
#click:checked ~ .clickon i.fas {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) rotate(180deg);
}
#click:checked ~ .clickon i.fab {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) rotate(180deg);
}
.wrapper {
    position: fixed;
    right: 30px;
    bottom: 0px;
    max-width: 400px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#click:checked ~ .wrapper {
    opacity: 1;
    bottom: 100px;
    pointer-events: auto;
}
.wrapper .head-text {
    line-height: 60px;
    color: #fff;
    border-radius: 15px 15px 0 0;
    padding: 0 20px;
    font-weight: 500;
    font-size: 20px;
    background: -webkit-linear-gradient(left, #a445b2, #fa4299);
}
.wrapper .chat-box {
    padding: 20px;
    width: 100%;
}
.chat-box {
    overflow-y: auto;
    height: 300px;
}
.chat-box .desc-text {
    color: #515365;
    text-align: center;
    line-height: 25px;
    font-size: 17px;
    font-weight: 500;
}
.chat-box form {
    padding: 10px 15px;
    margin: 20px 0;
    border-radius: 25px;
    border: 1px solid lightgrey;
}
.chat-box form .field {
    height: 50px;
    width: 100%;
    margin-top: 20px;
}
.chat-box form .field:last-child {
    margin-bottom: 15px;
}
form .field input,
form .field button,
form .textarea textarea {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    border: 1px solid lightgrey;
    outline: none;
    border-radius: 25px;
    font-size: 16px;
    transition: all 0.3s ease;
}
form .field input:focus,
form .textarea textarea:focus {
    border-color: #fc83bb;
}
form .field input::placeholder,
form .textarea textarea::placeholder {
    color: silver;
    transition: all 0.3s ease;
}
form .field input:focus::placeholder,
form .textarea textarea:focus::placeholder {
    color: lightgrey;
}
.chat-box form .textarea {
    height: 70px;
    width: 100%;
}
.chat-box form .textarea textarea {
    height: 100%;
    border-radius: 50px;
    resize: none;
    padding: 15px 20px;
    font-size: 16px;
}
.chat-box form .field button {
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: -webkit-linear-gradient(left, #a445b2, #fa4299);
    transition: all 0.3s ease;
}
.chat-box form .field button:active {
    transform: scale(0.97);
}

.chat-messages {
    display: flex;
    flex-direction: column;
    /* max-height: 200px;
    overflow-y: scroll*/
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0;
}

.chat-message-left {
    margin-right: auto;
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto;
}
[data-component="slideshow"] .slide {
    display: none;
    text-align: center;
}

[data-component="slideshow"] .slide.active {
    display: block;
}
.slide h4 {
    padding-top: 10px;
}
.slide p {
    font-family: poppins;
    font-size: 1.2em;
    font-weight: 500;
}
.price-box {
    width: 90px;
    height: 60px;

    background: #ffffff;
    border: 2px solid #5b72ee;
    box-shadow: 0px 10px 40px rgba(38, 45, 118, 0.05);
    border-radius: 6px;
}
.price-box p {
    position: absolute;
    width: 84px;
    height: 19px;

    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;

    color: rgba(105, 105, 132, 0.4);
}
.price-box span {
    position: absolute;
    width: 123px;
    height: 42px;

    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;

    color: #5b72ee;
}
@media only screen and (max-width: 768px) {
    .footer-service-1 {
        padding-top: 0px;
        padding-bottom: 20px;
        float: left;
    }
    .post-footer {
        text-align: center;
    }
    .social-media {
        float: none;
        padding-top: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .footer-service-1 {
        padding-top: 0px;
        margin-top: -60px;
        padding-bottom: 20px;
        /*float: left;*/
    }
    .footer-service-2 {
        padding-top: 0px;
        margin-top: 0px;
        padding-bottom: 20px;
        /*float: left;*/
    }
    .footer-service-3 {
        padding-top: 0px;
        margin-top: 0px;
        padding-bottom: 20px;
        /*float: left;*/
    }
    .post-footer {
        text-align: center;
        padding-bottom: 10px;
    }
    .social-media {
        float: none;
        padding-top: 0px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 363px) {
    .footer-logo {
        width: 250px;
        height: 250px;
    }
    .mindyoda-services {
        margin-left: -70px;
    }
    .mindyoda-services h4 {
        margin-left: -57px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1360px) {
    .banner-image {
        margin-left: 220px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .banner-image {
        margin-left: 165px;
    }
}
@media only screen and (min-width: 1150px) and (max-width: 1200px) {
    .banner {
        clip-path: ellipse(90% 100% at 50% 0%);
    }
    .banner-image {
        margin-left: 110px;
    }
    .banner-image img {
        height: 500px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1150px) {
    .banner-image {
        margin-left: 110px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% -7%);
    }
    .banner-image img {
        height: 500px;
    }
}
@media only screen and (min-width: 1050px) and (max-width: 1100px) {
    .banner-image {
        margin-left: 80px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% -7%);
    }
    .banner-image img {
        height: 500px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1050px) {
    .banner-image {
        margin-left: 60px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% -7%);
    }
    .banner-image img {
        height: 500px;
    }
}
@media only screen and (min-width: 950px) and (max-width: 1000px) {
    .banner-image {
        margin-left: 40px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 500px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 900px) and (max-width: 950px) {
    .banner-image {
        margin-left: 20px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 600px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 850px) and (max-width: 900px) {
    .banner-image {
        margin-left: 0px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 600px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 800px) and (max-width: 850px) {
    .banner-image {
        margin-left: -30px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 600px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .banner-image {
        margin-left: -50px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 600px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 767px) and (max-width: 768px) {
    .banner-image {
        margin-left: -50px;
    }
    .banner {
        clip-path: ellipse(90% 100% at 50% 5%);
    }
    .banner-image img {
        height: 600px;
    }
    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 700px) and (max-width: 767px) {
    .banner-image {
        margin-left: 30px;
    }

    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 700px) {
    .banner-image {
        margin-left: 30px;
    }

    .text-3 {
        width: 100%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 600px) {
    .banner-image {
        margin-left: 30px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 450px) and (max-width: 500px) {
    .banner-image {
        margin-left: 10px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 430px) and (max-width: 450px) {
    .banner-image {
        margin-left: 0px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 430px) {
    .banner-image {
        margin-left: 20px;
    }
    .banner-image img {
        width: 370px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 400px) {
    .banner-image {
        margin-left: 0px;
    }
    .banner-image img {
        width: 350px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 340px) and (max-width: 370px) {
    .banner-image {
        margin-left: 0px;
    }
    .banner-image img {
        width: 330px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 310px) and (max-width: 340px) {
    .banner-image {
        margin-left: 0px;
    }
    .banner-image img {
        width: 310px;
    }

    .text-3 p {
        width: 100%;
        padding-left: 10px;
    }
    .text-2,
    .text-1,
    .button-1 {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 1120px) and (max-width: 1180px) {
    .banner {
        padding-bottom: 40px;
    }
}
@media only screen and (min-width: 1060px) and (max-width: 1120px) {
    .banner {
        padding-bottom: 60px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1060px) {
    .banner {
        padding-bottom: 60px;
    }
}
@media only screen and (max-width: 994px) {
    .credentials-login {
        border-radius: 20px;
        width: 100px;
        text-align: center;
    }
    .credentials-signup {
        width: 100px;
        border-radius: 20px;
        text-align: center;
        margin-left: 0px;
    }
    .nav-item img {
        margin-top: 0px;
    }
    .shift-left {
        padding-left: 15px;
    }
    .dropdown-menu {
        background: transparent;
    }
}
@media only screen and (min-width: 550px) and (max-width: 643px) {
    .tbox4 {
        margin-left: 80px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 550px) {
    .tbox4 {
        margin-left: 30px;
    }
}
@media only screen and (min-width: 430px) and (max-width: 500px) {
    .tbox4 {
        margin-left: 0px;
        width: 400px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 430px) {
    .tbox4 {
        margin-left: 0px;
        width: 350px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 400px) {
    .tbox4 {
        margin-left: -10px;
        width: 350px;
    }
}
@media only screen and (min-width: 340px) and (max-width: 370px) {
    .tbox4 {
        margin-left: -10px;
        width: 320px;
    }
}
@media only screen and (min-width: 310px) and (max-width: 340px) {
    .tbox4 {
        margin-left: -10px;
        width: 300px;
    }
}
@media only screen and (min-width: 450px) and (max-width: 508px) {
    .rectangle-4 img {
        margin-left: 0px;
    }
    .rectangle-5 {
        /*border-radius: 20px;
		background-color: #f3ac50;
		width: 100px;
		height: 100px;*/
        margin-left: 265px;
        margin-top: -90px;
    }
    .rectangle-6 {
        /*border-radius: 20px;
		background-color: #23bdee;
		width: 70px;
		height: 70px;*/
        margin-left: -20px;
        margin-top: -255px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 450px) {
    .rectangle-4 img {
        margin-left: 0px;
    }
    .rectangle-5 {
        /*border-radius: 20px;
		background-color: #f3ac50;
		width: 100px;
		height: 100px;*/
        margin-left: 260px;
        margin-top: -90px;
    }
    .rectangle-6 {
        /*border-radius: 20px;
		background-color: #23bdee;
		width: 70px;
		height: 70px;*/
        margin-left: -15px;
        margin-top: -255px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 400px) {
    .rectangle-4 img {
        margin-left: 20px;
        width: 275px;
    }
    .rectangle-5 {
        /*border-radius: 20px;
		background-color: #f3ac50;
		width: 100px;
		height: 100px;*/
        margin-left: 210px;
        margin-top: -90px;
    }
    .rectangle-6 {
        /*border-radius: 20px;
		background-color: #23bdee;
		width: 70px;
		height: 70px;*/
        margin-left: 10px;
        margin-top: -205px;
    }
}
@media only screen and (min-width: 340px) and (max-width: 370px) {
    .rectangle-4 img {
        margin-left: 0px;
        width: 275px;
    }
    .rectangle-5 {
        /*border-radius: 20px;
		background-color: #f3ac50;
		width: 100px;
		height: 100px;*/
        margin-left: 190px;
        margin-top: -90px;
    }
    .rectangle-6 {
        /*border-radius: 20px;
		background-color: #23bdee;
		width: 70px;
		height: 70px;*/
        margin-left: -10px;
        margin-top: -205px;
    }
    .why-us {
        padding-left: 5px;
        padding-right: 5x;
    }
}
@media only screen and (min-width: 310px) and (max-width: 340px) {
    .rectangle-4 img {
        margin-left: 0px;
        width: 265px;
    }
    .rectangle-5 {
        /*border-radius: 20px;
		background-color: #f3ac50;
		width: 100px;
		height: 100px;*/
        margin-left: 175px;
        margin-top: -90px;
    }
    .rectangle-6 {
        /*border-radius: 20px;
		background-color: #23bdee;
		width: 70px;
		height: 70px;*/
        margin-left: -10px;
        margin-top: -195px;
    }
}
@media only screen and (max-width: 420px) {
    .image-blog-display img {
        width: 300px;
        height: 200px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 400px) {
    .slide img {
        width: 300px;
        height: 350px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .tbox4 {
        margin-left: 75px;
    }
}
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    .tbox4 {
        margin-left: 15px;
    }
}
@media only screen and (min-width: 994px) and (max-width: 1100px) {
    .tbox4 {
        margin-left: 5px;
    }
}
@media only screen and (min-width: 994px) and (max-width: 1200px) {
    .tbox5 {
        width: 250px;
        margin-top: 40px;
    }
    .tbox6 {
        width: 200px;
        margin-left: 120px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 994px) {
    .tbox4 {
        width: 300px;
        margin-left: -10px;
    }
    .tbox3 {
        width: 200px;
    }
    .tbox6 {
        margin-left: 40px;
        width: 200px;
    }
    .tbox5 {
        margin-top: 40px;
        margin-left: 70px;
        width: 200px;
    }
}
@media only screen and (max-width: 768px) {
    .tbox4 {
        margin-top: 25px;
    }
    .tbox5 {
        margin-top: 25px;
    }
    .why-us {
        padding-top: 180px;
    }
    .rectangle-4 {
        padding-top: 20px;
    }
}
@media only screen and (max-width: 380px) {
    .tbox5 {
        width: 250px;
        margin-left: 40px;
    }
}
@media only screen and (max-width: 500px) {
    .review1 {
        padding-left: 60px;
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 600px) {
    .experts-text,
    .our-definition,
    .our-services-text {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .about-mindyoda {
        width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 994px) {
    .card-1 {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .card-1 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .input-group1 {
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
    }
    .subscription-text {
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    .shift-center {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .shift-center {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 1080px) and (max-width: 1110px) {
    .shift-center {
        /*margin-top: 20px;*/
        /*	margin-right: -150px;*/
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .image-sub-blogs-display img {
        width: 270px;
        height: 150px;
    }
    .heading-for-blog h4,
    .heading-for-blog p {
        width: 80%;
    }
}
@media only screen and (min-width: 994px) and (max-width: 1200px) {
    .image-sub-blogs-display img {
        width: 220px;
        height: 120px;
    }
    .heading-for-blog h4,
    .heading-for-blog p {
        width: 90%;
    }
}

@media only screen and (min-width: 868px) and (max-width: 994px) {
    .image-sub-blogs-display img {
        width: 240px;
        height: 140px;
    }
    .heading-for-blog h4,
    .heading-for-blog p {
        width: 100%;
    }
    .blog-sub-text-heading h4,
    .blog-sub-text-heading p {
        width: 100%;
        margin-left: 80px;
    }
    .image-blog-display img {
        width: 310px;
        height: 160px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 868px) {
    .image-sub-blogs-display img {
        width: 200px;
        height: 140px;
    }
    .heading-for-blog h4,
    .heading-for-blog p {
        width: 100%;
    }
    .blog-sub-text-heading h4,
    .blog-sub-text-heading p {
        width: 100%;
        margin-left: 40px;
    }
    .image-blog-display img {
        width: 310px;
        height: 160px;
    }
}
@media only screen and (max-width: 768px) {
    .browse {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 420px) and (max-width: 768px) {
    .image-blog-display img {
        width: 300px;
        height: 200px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 330px) {
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 330px) and (max-width: 350px) {
    .blogs-display-section {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}

@media only screen and (min-width: 350px) and (max-width: 380px) {
    .blogs-display-section {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 380px) and (max-width: 410px) {
    .blogs-display-section {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 410px) and (max-width: 440px) {
    .blogs-display-section {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 440px) and (max-width: 470px) {
    .blogs-display-section {
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 470px) and (max-width: 500px) {
    .blogs-display-section {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 530px) {
    .blogs-display-section {
        padding-left: 110px;
        padding-right: 110px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 530px) and (max-width: 560px) {
    .blogs-display-section {
        padding-left: 130px;
        padding-right: 130px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 560px) and (max-width: 590px) {
    .blogs-display-section {
        padding-left: 140px;
        padding-right: 140px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 590px) and (max-width: 620px) {
    .blogs-display-section {
        padding-left: 150px;
        padding-right: 150px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 620px) and (max-width: 650px) {
    .blogs-display-section {
        padding-left: 150px;
        padding-right: 150px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 650px) and (max-width: 680px) {
    .blogs-display-section {
        padding-left: 150px;
        padding-right: 150px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 680px) and (max-width: 768px) {
    .blogs-display-section {
        padding-left: 150px;
        padding-right: 150px;
        padding-bottom: 0px;
    }
    .heading-for-blog h4 {
        width: 100%;
    }
    .heading-for-blog p {
        width: 90%;
    }
}
@media only screen and (min-width: 370px) and (max-width: 560px) {
    .blogs-text p {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1100px) {
    .button-1 a {
        width: 120px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .button-1 a {
        width: 105px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .text-3 p {
        width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .about-mindyoda {
        width: 70%;
    }
}