.Ideal-protien-banner-heading h1 {
    font-size: 44px;
    font-weight: 400;
    line-height: 60px;
    color: #ffcd43;
    text-align: center;
    margin-top: 50px;
    font-family: CircularStdBold
}

.Ideal-protien-banner-heading h1>span {
    color: #e64b37
}

.banner-heading p {
    padding-left: 0;
    font-size: 18px;
    color: #ffcd43;
    width: fit-content;
    font-family: CircularStdMedium;
    font-weight: bolder;
}

.Banner-img-1 {
    width: 110%
}

.IP-banner-image-left img {
    margin-top: 200px
}

.IP-banner-image-right img {
    margin-bottom: 180px
}

.ip-dn {
    color: #ffcd43;
    font-size: 44px;
    line-height: 62px;
    padding: 35px 0 0
}

.ideal-protien-case-aboutappleft {
    padding: 70px
}

.ideal-protien-case-aboutappleft h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 58px;
    color: #fff;
    font-family: CircularStdBold
}

.ideal-protien-case-aboutappleft p {
    font-size: 20px;
    line-height: 38px;
    color: #888;
    font-family: CircularStdMedium
}

.ideal-protien-about-app {
    background-color: #2e2e2e
}

.project-goal {
    padding: 100px 0
}

.project-goal h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.project-goal-box h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.project-goal-box p {
    font-size: 22px;
    color: #828fad;
    line-height: 38px;
    font-family: CircularStdMedium
}

.project-goal-box {
    border-left: 8px solid red;
    padding: 10px 20px;
    margin-top: 50px
}

.sign-up-process {
    background-color: #faf7f4;
    padding: 100px 0
}

.sign-up-process-text h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.sign-up-process-text p {
    font-size: 20px;
    line-height: 38px;
    color: #888;
    font-family: CircularStdMedium
}

.sign-up-process-text-img {
    height: 150px
}

.sign-up-process-text-img img {
    float: right;
    margin-top: -50px
}

.style-guide-sec {
    padding: 100px 0 0 0;
    max-width: 100%;
    overflow-x: hidden !important
}

.style-guide-sec h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.style-guide-sec p {
    font-size: 20px;
    line-height: 38px;
    color: #888;
    text-align: center;
    font-family: CircularStdMedium
}

.style-guide-img img {
    float: right
}

.sf-pro {
    font-size: 134px;
    font-weight: 400;
    text-align: center;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.sf-pro-flexbox {
    display: flex
}

.sf-pro-box {
    width: 25%
}

.sf-pro-box h3 {
    font-size: 26px;
    font-weight: 40px;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.typography-idealprotien p {
    font-size: 22px;
    line-height: 50px;
    color: #414141;
    letter-spacing: 4px;
    font-family: CircularStdMedium
}

.typography-idealprotien h4 {
    color: #969696;
    font-size: 34px;
    line-height: 50px;
    font-weight: 400;
    font-family: CircularStdBold
}

.project-goal2 {
    padding: 100px 0
}

.project-goal2 h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.project-goal2-box h3 {
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.project-goal2-box p {
    font-size: 20px;
    color: #828fad;
    text-align: center;
    line-height: 38px;
    font-family: CircularStdMedium
}

.project-goal2-box {
    margin-top: 50px
}

.challenges {
    margin-top: 50px
}

.challenges h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold;
    padding-top: 100px
}

.challenges p {
    font-size: 20px;
    color: #828fad;
    line-height: 38px;
    font-family: CircularStdMedium
}

.Our-Vision {
    margin-top: 50px
}

.Our-Vision h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #2e2e2e;
    font-family: CircularStdBold;
    padding-top: 30px
}

.Our-Vision p {
    font-size: 20px;
    color: #828fad;
    line-height: 38px;
    font-family: CircularStdMedium
}

.ideal-protien-login-sec {
    background-image: linear-gradient(#e54a36 80%, #faf7f4 20%);
    margin-top: 100px
}

.space-btw-images {
    padding: 10px
}

.space-btw-images img {
    width: 100%
}

.iphone-img-login {
    margin-top: -100px
}

.login-line {
    position: relative;
    margin-top: 200px
}

.login-text {
    top: 0;
    left: 100px;
    position: absolute;
    height: 200px;
    margin-top: 300px
}

.login-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #fdf4f3;
    font-family: CircularStdBold
}

.login-text p {
    font-size: 20px;
    color: #eb7b6c;
    line-height: 38px;
    font-family: CircularStdMedium
}

@media only screen and (max-width:768px) {
    .ipc-login {
        flex-direction: column-reverse
    }
    .ideal-protien-login-sec {
        background-image: linear-gradient(#e54a36 80%, #faf7f4 20%);
        margin-top: 100px;
        height: 1000px
    }
    .space-btw-images {
        padding: 10px
    }
    .space-btw-images img {
        width: 100%
    }
    .login-text {
        top: 0;
        left: 0;
        margin-left: 10px;
        position: absolute;
        height: 200px;
        margin-top: 0
    }
    .login-text h3 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #fdf4f3;
        font-family: CircularStdBold
    }
    .login-text p {
        font-size: 20px;
        color: #eb7b6c;
        line-height: 38px;
        font-family: CircularStdMedium
    }
}

.ideal-protien-tracker-sec {
    background-image: linear-gradient(#faf7f4 80%, #fff 20%)
}

.space-btw-images {
    padding: 10px
}

.space-btw-images img {
    width: 100%
}

.tracker-line {
    position: relative;
    margin-top: 642px
}

.tracker-text {
    top: 0;
    left: 100px;
    position: absolute;
    height: 200px;
    margin-top: 200px
}

.tracker-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #000;
    font-family: CircularStdBold
}

.tracker-text p {
    font-size: 20px;
    color: #b5b3b1;
    line-height: 38px;
    font-family: CircularStdMedium
}

@media only screen and (max-width:768px) {
    .ideal-protien-tracker-sec {
        background-image: linear-gradient(#faf7f4 80%, #fff 20%);
        height: 1000px
    }
    .space-btw-images {
        padding: 10px
    }
    .space-btw-images img {
        width: 100%
    }
    .tracker-line {
        position: relative;
        margin-top: 642px
    }
    .tracker-text {
        top: 0;
        left: 10px;
        position: absolute;
        height: 200px;
        margin-top: 0
    }
    .tracker-text h3 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #000;
        font-family: CircularStdBold
    }
    .tracker-text p {
        font-size: 20px;
        color: #b5b3b1;
        line-height: 38px;
        font-family: CircularStdMedium
    }
}

.ideal-protien-daily-summary-sec {
    background-image: linear-gradient(#fff 80%, #e54a36 20%);
    margin-top: 100px
}

.space-btw-images {
    padding: 10px
}

.space-btw-images img {
    width: 100%
}

.iphone-img-daily-summary {
    margin-top: -100px
}

.daily-summary-line {
    position: relative;
    margin-top: 200px
}

.daily-summary-text {
    top: 0;
    left: 100px;
    position: absolute;
    height: 200px;
    margin-top: 300px
}

.daily-summary-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #000;
    font-family: CircularStdBold
}

.daily-summary-text p {
    font-size: 20px;
    color: #b5b3b1;
    line-height: 38px;
    font-family: CircularStdMedium
}

@media only screen and (max-width:768px) {
    .ipc-daily-summary {
        flex-direction: column-reverse
    }
    .ideal-protien-daily-summary-sec {
        background-image: linear-gradient(#fff 80%, #e54a36 20%);
        height: 1000px
    }
    .space-btw-images {
        padding: 10px
    }
    .space-btw-images img {
        width: 100%
    }
    .iphone-img-daily-summary {
        margin-top: -100px
    }
    .daily-summary-line {
        position: relative;
        margin-top: 200px
    }
    .daily-summary-text {
        top: 0;
        left: 10px;
        position: absolute;
        height: 200px;
        margin-top: 0
    }
    .daily-summary-text h3 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #000;
        font-family: CircularStdBold
    }
    .daily-summary-text p {
        font-size: 20px;
        color: #b5b3b1;
        line-height: 38px;
        font-family: CircularStdMedium
    }
}

.ideal-protien-schedule-sec {
    background-image: linear-gradient(#e54a36 80%, #faf7f4 20%)
}

.space-btw-images {
    padding: 10px
}

.space-btw-images img {
    width: 100%
}

.schedule-line {
    position: relative;
    margin-top: 642px
}

.schedule-text {
    top: 0;
    left: 100px;
    position: absolute;
    height: 200px;
    margin-top: 200px
}

.schedule-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #fdf4f3;
    font-family: CircularStdBold
}

.schedule-text p {
    font-size: 20px;
    color: #eb7b6c;
    line-height: 38px;
    font-family: CircularStdMedium
}

@media only screen and (max-width:768px) {
    .ideal-protien-schedule-sec {
        background-image: linear-gradient(#e54a36 80%, #e54a36 20%);
        height: 1000px
    }
    .space-btw-images {
        padding: 10px
    }
    .space-btw-images img {
        width: 100%
    }
    .schedule-text {
        top: 0;
        left: 10px;
        margin-top: 0
    }
    .schedule-text h3 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #fdf4f3;
        font-family: CircularStdBold
    }
    .schedule-text p {
        font-size: 20px;
        color: #eb7b6c;
        line-height: 38px;
        font-family: CircularStdMedium
    }
}

.ideal-protien-meal-details-sec {
    background-image: linear-gradient(#faf7f4 80%, #fff 20%)
}

.space-btw-images {
    padding: 10px
}

.space-btw-images img {
    width: 100%
}

.meal-details-text {
    top: 0;
    left: 100px;
    position: absolute;
    height: 200px;
    margin-top: 300px
}

.meal-details-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #000;
    font-family: CircularStdBold
}

.meal-details-text p {
    font-size: 20px;
    color: #b5b3b1;
    line-height: 38px;
    font-family: CircularStdMedium
}

@media only screen and (max-width:768px) {
    .ipc-meal-details {
        flex-direction: column-reverse
    }
    .ideal-protien-meal-details-sec {
        background-image: linear-gradient(#faf7f4 80%, #fff 20%);
        height: 1000px
    }
    .space-btw-images {
        padding: 10px
    }
    .space-btw-images img {
        width: 100%
    }
    .meal-details-text {
        top: -300px;
        left: 10px
    }
    .meal-details-text h3 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #000;
        font-family: CircularStdBold
    }
    .meal-details-text p {
        font-size: 20px;
        color: #b5b3b1;
        line-height: 38px;
        font-family: CircularStdMedium
    }
}

.ui-design {
    padding: 100px 0 0 0;
    margin-bottom: 340px;
    margin-top: 100px
}

.ui-design-bg {
    background-size: cover;
    background-repeat: no-repeat
}

.ui-design h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #2e2e2e;
    font-family: CircularStdBold
}

.ui-design p {
    font-size: 20px;
    line-height: 38px;
    color: #888;
    text-align: center;
    font-family: CircularStdMedium
}

.ui-design-img {
    margin-top: -300px;
    margin-bottom: 100px
}

.banner-campsite {
    padding-top: 150px
}

.campsite-banner-main-img {
    margin-top: -60px
}

.about-campsite-sec {
    background-color: #484848;
    padding: 100px
}

.about-campsite-sec p {
    font-size: 20px;
    line-height: 38px;
    color: #fff;
    font-family: CircularStdMedium
}

.about-campsite-sec h2 {
    font-size: 74px;
    font-weight: 400;
    text-align: right;
    color: #fff;
    font-family: CircularStdBold
}

.about-campsite-sec h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
    text-align: right;
    color: #fff;
    font-family: CircularStdBold
}

.browse-sec {
    background-color: #303030
}

.browse-text1 {
    padding: 100px
}

.browse-text1 p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium;
    text-align: right
}

.browse-text1 h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    text-align: right;
    color: #f9785b;
    font-family: CircularStdBold
}

.browse-img1 {
    margin-top: -100px
}

.browse-text2 {
    padding: 200px 100px
}

.browse-text2 p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.browse-text2 h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.campsite-styleguide {
    background-color: #303030;
    padding: 100px 0
}

.campsite-styleguide h2 {
    font-size: 74px;
    font-weight: 400;
    color: #fff;
    font-family: CircularStdBold
}

.campsite-styleguide p {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.campsite-typography-n-colors p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.campsite-typography-n-colors h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.avenir-left {
    padding: 50px 0
}

.avenir-left h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.abc-text {
    font-size: 80px;
    font-weight: 400;
    color: #fff;
    font-family: CircularStdBold
}

.avenir-right {
    padding: 10px 20px
}

.avenir-right h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdBold
}

.avenir-right p {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-family: CircularStdMedium
}

.main-colors {
    padding: 50px 0
}

.main-color-text h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdBold
}

.main-color-images img {
    width: 80%;
    margin-top: 20px
}

.splash {
    background-image: linear-gradient(to right, #303030 50%, #484848 50%);
    border-top: 1px solid #484848;
    padding: 50px
}

.splash-text {
    padding: 100px 100px
}

.splash-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.splash-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.audio {
    background-image: linear-gradient(to right, #484848 50%, #303030 50%);
    padding: 50px
}

.audio-text {
    padding: 100px 100px
}

.audio-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.audio-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.people {
    background-image: linear-gradient(to right, #303030 50%, #484848 50%);
    padding: 50px
}

.people-text {
    padding: 100px 100px
}

.people-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.people-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.browse {
    background-image: linear-gradient(to right, #484848 50%, #303030 50%);
    padding: 50px
}

.browse-text {
    padding: 100px 100px
}

.browse-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.browse-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.profile {
    background-image: linear-gradient(to right, #303030 50%, #484848 50%);
    padding: 50px
}

.profile-text {
    padding: 100px 100px
}

.profile-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.profile-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.menu {
    background-image: linear-gradient(to right, #484848 50%, #303030 50%);
    padding: 50px
}

.menu-text {
    padding: 100px 100px
}

.menu-text h3 {
    font-size: 44px;
    font-weight: 400;
    line-height: 50px;
    color: #f9785b;
    font-family: CircularStdBold
}

.menu-text p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: CircularStdMedium
}

.app-screens {
    background-color: #484848;
    padding: 100px 0
}

.app-screens h2 {
    font-size: 70px;
    font-weight: 400;
    color: #fff;
    text-align: right;
    font-family: CircularStdBold
}

.app-screens p {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    text-align: right;
    font-family: CircularStdMedium
}

.app-screens img {
    margin-top: -100px
}

.download-now h2 {
    font-size: 44px;
    font-weight: 400;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-family: CircularStdBold;
    margin-top: 50px
}

.download-now img {
    margin: 10px
}

.service-for-accelerating-tabs {
    width: 97%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 405px
}

.service-for-accelerating-tabs h4 {
    font-size: 26px;
    color: #ffcd43;
    line-height: 36px;
    padding: 15px 0 0;
    font-family: CircularStdBold
}

.service-for-accelerating-tabs p {
    font-size: 16px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdRegular
}

.industries-we-serve {
    padding-top: 100px
}

.industries-we-serve h2 {
    font-size: 35px;
    font-weight: 400;
    line-height: 50px;
    color: #0a2540;
    font-family: CircularStdBold
}

.industries-we-serve p {
    font-size: 22px;
    color: #6c7a97;
    margin-top: 24px;
    line-height: 35px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.tech-stack p {
    font-size: 22px;
    color: #6c7a97;
    margin-top: 24px;
    line-height: 35px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.advantage-sec {
    padding-bottom: 50px
}

.advantage-box {
    min-height: 300px;
    border-radius: 20px;
    padding: 30px 10px 40px 10px;
    border: 2px solid transparent
}

.advantage-box:hover {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.advantage-box h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 30px;
    color: #0a2540;
    font-family: CircularStdBold
}

.advantage-box p {
    font-size: 16px;
    color: #6c7a97;
    margin-top: 10px;
    line-height: 30px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.exp-in-python-tabs {
    width: 90%;
    margin-left: 5%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    min-height: 430px
}

.exp-in-python-tabs h4 {
    font-size: 26px;
    color: #ffcd43;
    line-height: 35px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.exp-in-python-tabs p {
    font-size: 16px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdMedium
}

.tabstack-teb-text {
    font-size: 16px;
    font-family: CircularStdBold;
    position: absolute;
    line-height: 25px;
    color: #ffcd43
}

.techstack-right {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 0 20px 0;
    margin: 20px;
    display: flex
}

.techstack-right-buttons {
    width: 15%
}

.techstack-right-content {
    width: 85%
}

.div-for-buttons {
    height: 170px
}

.div-for-buttons button {
    font-family: CircularStdMedium;
    background-color: #fff;
    padding: 10px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
    transform: rotate(-90deg);
    width: 150px;
    margin-left: -53px;
    margin-top: 80px
}

.div-for-buttons button:hover {
    font-family: CircularStdMedium;
    background-color: #00f;
    color: #fff;
    padding: 10px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
    transform: rotate(-90deg);
    width: 150px;
    margin-left: -53px;
    margin-top: 80px
}

.python-techstack-icons {
    margin-bottom: 20px;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tabstack-teb-text {
    font-size: 16px;
    font-family: CircularStdBold;
    margin-left: 100px;
    position: absolute;
    line-height: 25px;
    color: #ffcd43
}

.types-of-machine-learning-tabs {
    width: 97%;
    background-color: #fff;
    padding: 28px 18px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 380px
}

.types-of-machine-learning-tabs h4 {
    font-size: 20px;
    color: #ffcd43;
    line-height: 28px;
    font-family: CircularStdBold
}

.types-of-machine-learning-tabs p {
    font-size: 14px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdRegular
}

.machine-learning-development-exp {
    background-position: center
}

.machine-learning-development-expertise {
    width: 100%;
    background-color: #fff;
    padding: 28px 10px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 20px 0;
    min-height: 440px
}

.machine-learning-development-expertise h4 {
    font-size: 22px;
    color: #ffcd43;
    line-height: 30px;
    padding: 15px 0;
    font-family: CircularStdBold
}

.machine-learning-development-expertise p {
    font-size: 14px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdMedium
}

.gap {
    height: 100px
}

.blue-dots {
    color: #ffcd43
}

.plain-text-banner p {
    font-size: 18px;
    color: #828fad;
    margin-top: 24px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.javascript-development-text h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 62px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.javascript-development-text ul li {
    font-size: 18px;
    color: #828fad;
    margin-top: 24px;
    line-height: 30px;
    font-family: CircularStdMedium
}

.javascript-development {
    padding: 0 !important
}

.javascript-development-text h2>span {
    color: #ffcd43
}

.javascript-development-text p {
    font-size: 18px;
    color: #828fad;
    margin-top: 24px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.javascript-development-text h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.plateform h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.what-we-do-box {
    width: 97%;
    background-color: #fff;
    padding: 20px 10px 10px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 300px
}

.what-we-do-box h4 {
    font-size: 22px;
    color: #ffcd43;
    line-height: 30px;
    padding: 25px 0 0;
    font-family: CircularStdBold
}

.what-we-do-box p {
    font-size: 18px;
    line-height: 32px;
    color: #828fad;
    font-family: CircularStdRegular
}

.industries-we-serve-nonscrollable {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 20px
}

.industries-we-serve h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 58px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.industries-we-serve h2>span {
    color: #ffcd43
}

.industries-we-serve p {
    font-size: 20px;
    color: #828fad;
    padding-right: 23px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.industries-we-serve-tab {
    padding: 10px;
    background-color: #fff;
    margin: 20px;
    border-radius: 20px
}

.industries-we-serve-tab-flexbox {
    display: flex
}

.industries-we-serve-tab-img {
    width: 20%
}

.industries-we-serve-tab-content {
    width: 80%
}

.industries-we-serve-tab-content p {
    font-size: 14px;
    color: #828fad;
    padding-right: 23px;
    line-height: 30px;
    font-family: CircularStdMedium
}

.blue-color-spn {
    padding: 20px 0
}

.blue-color-spn span {
    background-color: #ffcd43;
    color: #fff;
    padding: 15px 25px;
    border-radius: 20px;
    margin: 10px;
    height: 50px
}

.content-with-img-center {
    margin-top: 20px
}

.text-with-dots-plain p {
    font-size: 18px;
    color: #828fad;
    line-height: 20px;
    font-family: CircularStdMedium
}

.error-div {
    display: flex
}

.error-left {
    width: 55%
}

.error-left h2 {
    font-size: 50px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.error-left p {
    font-size: 20px;
    color: #828fad;
    font-family: CircularStdMedium
}

.error-right {
    width: 45%
}

.img-404 {
    margin-top: 20%
}

@media only screen and (max-width:768px) {
    .error-sec-main {
        height: 300px !important
    }
    .error-left h2 {
        font-size: 20px;
        color: #ffcd43
    }
    .error-left p {
        font-size: 12px
    }
}

@media only screen and (max-width:480px) {
    .error-sec-main {
        height: 250px !important
    }
    .error-left h2 {
        font-size: 18px;
        color: #ffcd43
    }
    .error-left p {
        font-size: 10px
    }
}

.python_development_company .advantage-box {
    min-height: 410px;
    margin-bottom: 30px;
}

.javascript-development-text p {
    text-align: justify;
}

@media(max-width: 767px) {
    .Our-Vision {
        margin-top: 17px;
    }
    .challenges h2 {
        padding-top: 0px;
    }
    .project-goal2 {
        padding: 53px 0;
    }
    .style-guide-sec {
        padding: 40px 0 0 0;
    }
    .sign-up-process {
        padding: 42px 0
    }
    .ideal-protien-case-aboutappleft {
        padding: 22px;
    }
    .project-goal {
        padding: 48px 0;
    }
    .python_development_company .advantage-box {
        min-height: auto;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    .what-is-pyt-dev {
        min-height: auto;
    }
    .javascript-development-text p {
        text-align: inherit;
    }
    .javascript-development-text ul li {
        line-height: inherit;
        font-size: 18px;
        margin-left: 22px;
    }
    .ui-design {
        padding: 0 0 0;
        margin-top: 0;
    }
}

@media(max-width: 376px) {
    .ideal-protien-login-sec {
        margin-bottom: -88px;
    }
    .ideal-protien-tracker-sec {
        margin-bottom: -88px;
    }
    .ideal-protien-daily-summary-sec {
        margin-bottom: -88px;
    }
    .ideal-protien-meal-details-sec {
        margin-bottom: -88px;
    }
}

@media(max-width: 320px) {
    .ideal-protien-login-sec {
        height: 930px;
    }
    .ideal-protien-tracker-sec {
        height: 930px;
    }
    .ideal-protien-daily-summary-sec {
        height: 930px;
    }
}