@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.c-green {
    color: #33B0CA;
}

.main-color {
    color: #252525;
}

.secondary-color {
    color: #616161;
}

/* OFFERINGS CONTAINER */

.home-main-parent {
    max-width: 1422.08px;
    margin: auto;
}

/* TOP */

/* .top {
    height: 438.39px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.top h1 {
    font-size: 42px;
    font-weight: 700;
}

.top div:nth-child(2) img {
    width: 398.15px;
    height: 155.26px;
}

.top div:nth-child(3) img {
    width: 289.94px;
    height: 298.93px;
/* } */


/* Comment by monir start */
/* .top .gredient-color {
    background: linear-gradient(180deg, #009EBE 0%, #77DDF2 56.25%, #85E1F3 100%);
    width: 467.2px;
    height: 444.8px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    filter: blur(30px);
} */
/* end */

/* .top div:nth-child(5) {
    width: 519.92px;
    height: 241.84px;
    right: 200px;
    top: 170px;
    transform: rotate(25deg);
} */

/* MIDDLE */



/* .middle div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.middle div:nth-child(1) img {
    width: 244.14px;
    height: 36px;
}

.middle .middle-offerings {
    justify-content: space-around;
}

.middle-offerings img {
    width: 94.66px;
    height: 112.31px;
} */

.middle h2 {
    font-size: 32px;
    font-weight: 700;
}

/* BOTTOM */

.content-doodle-wrapper {
    padding: 0 40px;
    margin-bottom: 60px;
    padding-top: 70px;
}

.heading-container {
    margin-bottom: 24px !important;
}

.heading-container h2 {
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}

.heading-container h2 img {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.heading-container p,
.content .heading-container p {
    font-size: 16px;
    font-weight: 500;
}

/* .content-doodle-container {
    display: flex;
    justify-content: space-between;
} */

/* .content-doodle-container div {
    width: 50%;
} */

.content p {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    /* margin-bottom: 0px; */
}

/* .doodle {
    text-align: center;
} */

.doodle img {
    max-width: 100%;
    height: auto !important;
}

/* .heading-float-right {
    padding-left: 50%;
} */

/* WORKING ON ALIGNMENTS FOR ALL DOODLES */
.doodle-1 {
    transform: translateY(-50px);
}

.doodle-2 {
    transform: translateY(-60px);
}

.doodle-3 {
    transform: translateY(-100px);
}

.doodle-4 {
    /* transform: translateY(-100px); */
    position: absolute;
    top: -135px;
}

.doodle-5 {
    transform: translateY(-100px);
}

.doodle-6 {
    transform: translateY(-80px);
}

.doodle-7 {
    transform: translateY(-90px);
}

.doodle-8 {
    transform: translateY(-50px);
}

.doodle-9 {
    transform: translateY(-50px);
}

/* PRICING CSS */
.middle .middle-pricing {
    justify-content: flex-end;
    padding-right: 100px;
    gap: 40px;
}

.middle-pricing img {
    width: 151.36px;
    height: 119px;
    cursor: pointer;
}

.content .pricing-sub-heading {
    font-size: 16px;
    font-weight: 500;
}

.content li {
    font-size: 14px;
    font-weight: 400;
}

.content .content-child {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 12px;
}

.content .content-child h3 {
    font-size: 16px;
    font-weight: 600;
}

.scheduling-pricing-container h3:nth-child(1) {
    border-bottom: 2px solid #EAEAEA;
    padding-bottom: 6px;
}

.scheduling-pricing-container h3:nth-child(2) {
    padding-top: 6px;
}

.pricing-doodle {
    text-align: left !important;
}

.pricing-doodle img {
    width: 350px;
    height: 354px;
}

/* .pricing-doodle-1 {
    transform: translateY(-100px);
} */

.pricing-doodle-1 img {
    width: 291.6px;
    height: 230.86px;
}

/* .pricing-doodle-2 {
    transform: translateY(-50px);
} */

.pricing-doodle-3 img {
    width: 341.23px;
    height: 214.19px;
}

/* .pitchdeck-pricing-wrapper {
    width: 50%;
} */

.pitchdeck-pricing-wrapper .pitchdeck-pricing-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #616161;
}

.pitchdeck-pricing-container .pitchdeck-pricing .main-color {
    font-size: 16px;
    font-weight: 500;
}

.pitchdeck-pricing-container .pitchdeck-pricing h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.middle-btn-container button {
    display: none;
}

.content-pricing .main-color {
    font-size: 16px;
    font-weight: 500;
}

/* OPPORTUNITY CSS */
.home-btn-green {
    width: 157.9px;
    height: 44.88px;
    border: none;
    border-radius: 8px;
    background: #33B0CA;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

/* Pricing Calculator */

.pricing-calculator-wrapper {
    width: 966.64px;
    height: 623.11px;
    border-radius: 8px;
    background: #FAFAFA;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 3;
}

.pricing-calculator-wrapper .red-cross-btn,
.production-house-container .red-cross-btn,
.refer-your-container .red-cross-btn {
    background: red;
    color: #F7F7F7;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 5;
    cursor: pointer;
}

.pricing-calculator-container h1 {
    background: #33B0CA;
    color: #FAFAFA;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    width: 308.9px;
    padding: 12px 0;
    border-radius: 0px 0px 8px 8px;
    margin: auto;
}

.pricing-calculator-container input[type="radio"],
.pricing-calculator-container input[type="checkbox"],
.pricing-calculator-container label {
    cursor: pointer;
}

.pricing-calculator-container input[type="radio"],
.pricing-calculator-container input[type="checkbox"] {
    accent-color: #33B0CA;
    width: 16.27px;
    height: 16.27px;
}

.pricing-calculator-container span,
.pricing-calculator-container label {
    color: #252525;
}

.discounts-container {
    width: 100%;
    margin: 8px auto;
    margin-top: 0;
    padding: 0 50px;
}

.discounts-container>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.discounts-container>section div {
    width: 50%;
    text-align: left;
    display: flex;
    align-items: center;
}

.discounts-container>section h2 {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: 500;
}

.discounts-container>section p {
    margin: 0;
}

.disable {
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    color: #7D7D7D !important;
}

.services-container>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

.services-container span,
.services-container label,
.services-container p,
.discounts-container p,
.discounts-container label {
    font-size: 12px;
}

.services-container>section input[type="number"] {
    width: 53px;
    height: 22px;
    padding: 1px 3px;
    border: none;
    color: #252525;
    border: none;
    outline: none;
    text-align: center;
    font-size: 14px;
}

.services-container>section input[type="number"]::placeholder {
    color: #7D7D7D;
    opacity: 1;
    font-size: 12px;
    text-align: center;
}

.services-container .conversion-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.services-container .conversion-container h3 {
    margin-bottom: 0;
}

.pitchdeck-container {
    position: relative;
    left: -10.5px;
}

.services-container .conversion-container>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.services-container .conversion-container>div p,
.services-container h3 {
    margin: 10px 0;
    color: #545454;
}

.dark-dollar {
    color: #7D7D7D;
}

.dark-dollar-2 {
    line-height: 0.8;
}

.services-container h3 {
    color: #33B0CA;
    font-weight: 500;
    font-size: 16px;
    width: 150px;
}

.discounts-container h2 {
    font-size: 14px;
}

.project-center-container {
    position: relative;
    left: -26%;
}

.total-price {
    background: #33B0CA;
    color: white;
    padding: 0.7rem 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 0;
}

.pricing-calculator-container .green {
    color: #12C624;
    display: inline-block;
    width: 3vw;
}

.reset-btn {
    width: 71px;
    height: 31px;
    background: #FFFFFF;
    color: #33B0CA;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    position: absolute;
    right: 24px;
    bottom: 15px;
    z-index: 3;
    cursor: pointer;
    border: none;
}

.project-center-section {
    position: relative;
}

.project-center-para,
.subtitling-para,
.services-container .conversion-container .conversion-para,
.pitchdeck-para,
.narration-para {
    background: #F7F7F7;
    position: absolute;
    top: 0;
    z-index: 5;
    padding: 0.7rem;
    border-radius: 8px;
    border: none;
    display: none;
    color: #393939;
}

.project-center-para h3,
.subtitling-para h3,
.services-container .conversion-container .conversion-para h3,
.pitchdeck-para h3,
.services-container .conversion-container .conversion-para p,
.narration-para h3 {
    margin: 0;
}

.project-center-para p,
.subtitling-para p,
.services-container .conversion-container .conversion-para p,
.pitchdeck-para p,
.narration-para p {
    font-weight: 400;
    color: #7D7D7D;
    line-height: 1.5;
}

.subtitling-para {
    top: 50px;
    left: 30px;
    width: 95%;
}

.services-container .conversion-container .conversion-para {
    top: 94px;
    left: 30px;
    width: 95%;
}

.pitchdeck-para {
    top: 238px;
    left: 30px;
    width: 95%;
}

.narration-para {
    top: 278px;
    left: 30px;
    width: 95%;
}

.narration-para h3 {
    width: 200px;
}

.project-center-para {
    left: 30px;
}

.dark-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: 15px;
    display: none;
}

.bulk-container {
    margin-top: 2px;
}

.red-underline {
    margin-bottom: 10px;
}

.label-input-group-1 {
    transform: translateX(-45px);
}

.label-input-group-2 {
    transform: translateX(6px);
    display: flex;
    align-items: center;
}

.label-input-group-3 {
    transform: translateX(10px);
    display: flex;
    align-items: center;
}

.label-input-group-4 {
    transform: translateX(15px);
    display: flex;
    align-items: center;
}

.label-input-group-5 {
    transform: translateX(6px);
    display: flex;
    align-items: center;
}

.label-input-group-6 {
    transform: translateX(11px);
    display: flex;
    align-items: center;
}

.label-input-group-7 {
    transform: translateX(6px);
    display: flex;
    align-items: center;
}

.label-input-group-8 {
    transform: translateX(-29px);
    display: flex;
    align-items: center;
}

.label-input-group-9 {
    transform: translateX(-14px);
    display: flex;
    align-items: center;
}

.label-input-group-10 {
    transform: translateX(-32px);
    display: flex;
    align-items: center;
}

.label-input-group-11 {
    transform: translateX(-22px);
    display: flex;
    align-items: center;
}

.nonclick-bg-dark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    z-index: 2;
    display: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* comment by monir */
/* input[type="number"] {
    -moz-appearance: textfield;
} */
/* comment by monir */

.back-btn {
    display: none;
}

/* Juggernaut */

.dark-color {
    color: #252525;
    font-size: 14px;
    font-weight: 500;
}

.light-color {
    color: #616161;
    font-size: 14px;
    font-weight: 400;
}

.production-house-wrapper,
.refer-your-friends {
    width: 966.64px;
    height: 685.93px;
    border-radius: 8px;
    background: #FAFAFA;
    padding: 14px 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 3;
}

.production-house-container {
    position: relative;
}

.tabs-row {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-bottom: 10px;
}

.tabs-row div {
    font-size: 16px;
    font-weight: 600;
}

.tabs-row-1 div:nth-child(1) {
    color: #33B0CA;
    border-bottom: 1px solid #33B0CA;
    width: 200px;
    text-align: center;
}

.tabs-row-2 div:nth-child(1) {
    color: #33B0CA;
    border-bottom: 1px solid #33B0CA;
    width: 200px;
    text-align: center;
}

.jug-content-wrapper h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.jug-content,
.subtitling-data div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 10px;
}

.subtitling-data div:nth-last-child(1) {
    border-bottom: none;
}

.jug-content-heading {
    width: 50%;
}

.jug-content-value {
    width: 10%;
}

.jug-content-value-2 {
    width: 13%;
}

.jug-content h3 {
    font-size: 14px;
    font-weight: 600;
    color: #252525;
}

.dc-1 {
    transform: translateX(-10px);
}

.dc-2 {
    transform: translateX(-24px);
}

.dc-3 {
    transform: translateX(-44px);
}

.dc-4 {
    transform: translateX(-5px);
}

.dc-5 {
    transform: translateX(-34px);
}

.dc-6 {
    transform: translateX(-63px);
}

.dc-7 {
    transform: translateX(-24px);
}

.dc-8 {
    transform: translateX(-44px);
}

.dc-9 {
    transform: translateX(-63px);
}

.dc-10 {
    transform: translateX(-30px);
}

.dc-11 {
    transform: translateX(-56px);
}

.dc-12 {
    transform: translateX(-20px);
}

.dc-13 {
    transform: translateX(-39px);
}

.dc-14 {
    transform: translateX(-51px);
}

.dc-15 {
    transform: translateX(-12px);
}

.dc-16 {
    transform: translateX(-34px);
}

.dc-17 {
    transform: translateX(-51px);
}

.dc-18 {
    transform: translateX(-32px);
}

.dc-19 {
    transform: translateX(-44px);
}

.dc-20 {
    transform: translateX(-51px);
}

.dc-21 {
    transform: translateX(-75px);
}

.dc-22 {
    transform: translateX(-59px);
}

.dc-23 {
    transform: translateX(-45px);
}

.dc-24 {
    transform: translateX(-83px);
}

.dc-25 {
    transform: translateX(-77px);
}

.dc-26 {
    transform: translateX(-58px);
}

.dc-27 {
    transform: translateX(-47px);
}

.dc-28 {
    transform: translateX(-44px);
}

.dc-29 {
    transform: translateX(-43px);
}

.dc-30 {
    transform: translateX(60px);
}

.dc-31 {
    transform: translateX(3px);
}

.dc-32 {
    transform: translateX(-50px);
}

.dc-33 {
    transform: translateX(-55px);
}

.dc-34 {
    transform: translateX(-52px);
}

.dc-35 {
    transform: translateX(-50px);
}

.dc-36 {
    transform: translateX(-47px);
}

.dc-37 {
    transform: translateX(-50px);
}

.dc-38 {
    transform: translateX(-56px);
}

.dc-39 {
    transform: translateX(-7px);
}

.dc-40 {
    transform: translateX(-31px);
}

.dc-41 {
    transform: translateX(-56px);
}

.dc-42 {
    transform: translateX(56px);
}

.dc-43 {
    transform: translateX(4px);
}

.dc-44 {
    transform: translateX(42px);
}

.dc-45 {
    transform: translateX(-3px);
}

.dc-46 {
    transform: translateX(12px);
}

.dc-47 {
    transform: translateX(-18px);
}

.dc-48 {
    transform: translateX(16px);
}

.dc-49 {
    transform: translateX(-16px);
}

.dc-50 {
    transform: translateX(7px);
}

.dc-50 {
    transform: translateX(7px);
}

.dc-51 {
    transform: translateX(2px);
}

.schedule-budget-jug-content {
    flex-direction: column;
    border-bottom: none;
}

.schedule-budget-jug-content>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
}

.production-house-container input[type="checkbox"] {
    width: 22.44px;
    height: 22.44px;
    accent-color: #33B0CA;
    pointer-events: none;
}

.schedule-budget-data h3 {
    width: 10%;
}

.schedule-budget-data-parent {
    width: 90%;
    border-left: 1px solid #EAEAEA;
    padding-left: 16px;
}

.schedule-budget-data-parent>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.juggernaut-narra-container {
    width: 90%;
}

.juggernaut-narra-container div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid #EAEAEA;
}

.ai-container {
    flex-direction: column;
    border-bottom: 1px solid #EAEAEA;
}

.ai-container div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.schedule-budget-data .one-lang-heading {
    text-align: center;
    width: 12%;
}

.schedule-budget-data .con-heading {
    width: 14%;
}

.schedule-budget-jug-content .buy-now-btns-wrapper {
    justify-content: flex-end;
    gap: 43px;
    padding-right: 26px;
}

.schedule-budget-jug-content .buy-now-btns-wrapper button {
    font-size: 14px;
    color: #FAFAFA;
    background: #33B0CA;
    width: 81.75px;
    height: 34px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}

.production-house-container .red-cross-btn {
    top: -30px;
    right: -110px;
}

.screenplay-conversion-data {
    width: 88%;
}

.lang-text {
    width: 40%;
}

.pitchdeck-creation-data-parent {
    border-left: none;
    width: 100%;
}

.schedule-budget-data .pitchdeck-crea-heading {
    text-align: left;
    width: 19%;
}

.schedule-budget-data-parent .pitchdeck-creation-container {
    margin-bottom: 0;
}

.jug-content .validity-heading {
    margin-left: auto;
    color: #33B0CA;
    padding-right: 18px;
}

.production-house-container .class-remove-margin {
    margin-bottom: 0;
}

.screenplay-writing-wrapper {
    height: auto;
}

.ai-con-first {
    transform: translateY(-8px);
}


.Login_btnJs {
    box-shadow: none;
}

#LoginDropDown {
    display: none;
}

.middle-offerings img {
    cursor: pointer;
}

.demos-heading {
    font-size: 24px;
    font-weight: 600;
}

.video-section-height {
    margin: 6vh 0;
}

.video-frame {
    width: 60%;
    margin: 0 20%;
    border-radius: 8px;
    height: 100%;
    border: 3px solid #EAEAEA;
}

/* comment by monir start*/
/* a {
    text-decoration: none;
} */
/* end */

.video-frame:focus {
    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.25);
}

#juggernaut-wrapper-mobile {
    display: none;
}


/* New desktop Css Start here */

/*  Start Navbar css */
.ContainerWidth {
    margin: 0 auto;
    max-width: 1600px;
}

.banner-Img img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    margin-left: 0% !important;
    margin: 0 auto;
}

.iframe-location {
    width: 788px;
    height: 400px;
    border-radius: 8px !important;
}


#Login_btn {
    color: #fff;
    background: #33B0CA;
    padding: 12px 18px !important;
    border-radius: 8px;
    /* line-height: 28px; */
    position: relative;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px !important;
    border: transparent;
    height: 35px !important;
    text-align: center;
    align-items: center;
    display: flex;
}

/* #Login_btn:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 9px, rgba(0, 0, 0, 0.22) 0px 1px 11px !important;
} */


/* End  navbar css */

/* Start Footer css */
.copyright {
    font-size: 16px !important;
    text-align: center !important;
}

.footer-log {
    width: auto !important;
}

.footer-copyright ul li {
    color: #FAFAFA;
    /* font-family: "Poppins-Regular", sans-serif; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px !important;
    margin-right: 25px;
}

/* End Footer css */

/*  Start Offering css */



.images-container .doddle-column {
    display: flex !important;
    align-items: flex-end !important;
}

.footer-mobile-padding-left .footer-items h5 a {
    /* color: #33b0ca !important; */
}

.social-Links a i:first-child {
    text-align: center;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    margin: 0px 5px 0px 0px;
}

.social-Links a i {
    text-align: center;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    margin: 0px 10px 0px 0px;
}

#headingOne {
    font-weight: bold !important;
    font-size: 18px !important;
}

/* comment by monir */
/* .top {
    display: flex;
    padding-top: 0px;
} */
/* end */

.offeringDoddle {
    display: flex;
    justify-content: flex-end;
}

.offeringDoddle img {
    width: 360px;
    position: relative;
    left: 45%;
}



.middle h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
    margin: 0px 10px;
}

.offeringtab {
    display: flex;
    margin: 10px 0px;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.offeringtab img {
    width: auto;
}

.middle-offerings {
    display: block !important;
    margin: 30px 0px;
}

.middle-offerings .row {
    display: flex;
    justify-content: center;
}

.content-doodle-wrapper {
    padding: 0 10px;
    margin-bottom: 45px;
}

.content-doodle-container {
    display: block;
}

.content-doodle-container .content {
    padding-top: 0px !important;
}

.content-doodle-container .doodle-1 {
    transform: translateY(-70px);
    /* text-align: center; */
}

.doodle img {
    max-width: 100%;
    height: auto !important;
}

.heading-float-right {
    padding-left: 0%;
}

.content-doodle-container .doodle-2 {
    transform: translateY(-70px);
    text-align: center !important;
}

.content-doodle-container .doodle-3,
.content-doodle-container .doodle-5,
.content-doodle-container .doodle-6,
.content-doodle-container .doodle-7,
.content-doodle-container .doodle-8,
.content-doodle-container .doodle-9 {
    transform: translateY(-70px);
    text-align: center;
    /* margin-bottom: 30px; */
}

.content-doodle-container .doodle-4 {
    /* transform: translateY(-90px) !important; */
    text-align: center !important;
}

.contact-us-section {
    padding-top: 30px !important;
}

.offeringsImg {
    max-width: 100%;
    height: auto !important;
}

.offeringsImg img {
    max-width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 94.661px;
    height: 76.041px;
}

.offeringsText {
    color: #616161 !important;
}

.heading-container {
    margin-bottom: 30px !important;
}

.contact-us-section p {
    margin-bottom: 0px !important;
}

.ParamarginFix {
    margin-bottom: 0px !important;
}

.SubglobalSpaceHead {
    padding-top: 38px !important;
}

.SubglobalSpaceHead p {
    padding-left: 10px !important;
}

.content .FreePreicing {
    margin-bottom: 16px !important;
}

.pitchdecktable tbody tr:last-child {
    border-bottom: 0px !important;
}

.pitchdeckLastchild {
    border-bottom: 0px !important;
}

.CombotextFix {
    margin-left: 30px !important;
}

.OpprotunitiesMainWrapper {
    padding-top: 60px !important;
}

/* css for buttons of opportunity pages( buttons are "refer now", "collab now", and "add now") */
.clickNewButton {
    width: auto !important;
    ;
    height: auto !important;
    border: none;
    border-radius: 8px;
    background: #33B0CA !important;
    color: #FFF !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 8px 28px !important;
    margin-top: 10px !important;
}

.clickNewButton {
    border: 1px solid #33B0CA !important;
}

.clickNewButton:hover,
.clickNewButton:focus,
.home-btn-green :hover,
.home-btn-green :focus {
    background: #33B0CA;
    outline: none;
    box-shadow: none;
    border: transparent;
}

/* About us */
/* About us Css Start Here */

.main-heading {
    font-size: 24px;
    font-weight: 600;
    color: #252525;
}

.sub-heading {
    font-size: 16px;
    font-weight: 600;
}

.vision-mission-wrapper {
    margin: auto;
    margin-bottom: 100px;
}

.vision-mission-title-row {
    margin-bottom: 80px;
    --bs-gutter-x: 20rem !important;
}

.vision-mission-title-row article {
    background: #33B0CA !important;
    border-radius: 2px 2px 42px 42px;
    position: relative;
    height: 140px;
}


.vision-mission-title-row article h2,
.vision-mission-title-row article p {
    color: #FAFAFA;
}

.vision-mission-title-row article h2 {
    margin: 12px 0;
}

.vision-mission-title-row article img {
    width: 22px;
    height: 19px;
    position: absolute;
    top: -3px;
}

.vision-mission-title-row article img:nth-child(1) {
    left: 30px;
}

.vision-mission-title-row article img:nth-child(2) {
    right: 30px;
}

.vision-mission-content h2 {
    margin-bottom: 18px;
}

.vision-mission-content img {
    width: 100%;
    margin-bottom: 80px;
}

.vision-mission-content article h2 {
    margin: 0;
}

.vision-mission-content article h2 img {
    width: 32px;
    height: 32px;
    margin: 0;
}

.director-founder-container h2 {
    text-align: center;
    margin-bottom: 80px;
}

.director-founder-container section article p {
    margin-bottom: 10px;
}

.director-founder-container article h3 {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
}

.cards-wrapper {
    /* margin-bottom: 100px; */
}

.mentors-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-bottom: 100px; */
}

.mentors-container h2 {
    margin: auto;
    margin-bottom: 80px;
}

.mentors-container article span,
.joinning-container p span {
    color: #7d7d7d;
}

.mentors-container .joinning-container button,
.messiah-card .bottom button {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 0;
    /* min-width: 100px; */
}

.messiah-card .bottom button {
    padding: 8px 25px;
}

.messiah-card .bottom button:nth-child(2) {
    background-color: transparent;
    color: #616161;
    border: 1px solid #33B0CA;
}

.messiah-card .card-body div:nth-child(1) img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.messiah-card .card-body div:nth-child(2) h3 {
    font-size: 16px;
    font-weight: 600;
}

.messiah-card p {
    font-size: 14px;
    font-weight: 400;
    color: #7d7d7d;
}

.messiah-card .card-body div:nth-child(3) {
    display: flex;
    gap: 12px;
    position: absolute;
    top: 6px;
    right: 12px;
}

.messiah-card .top {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 12px;
}

.messiah-card .middle {
    padding: 0 10px;
}

.messiah-card .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    margin: 15px 0;
}

.messiah-card h3,
.messiah-card p {
    margin: 0;
}

.input-box {
    border-radius: 25px;
    padding: 4px 8px;
    border: 1px solid #EAEAEA;
    outline: none;
}

.corporate-card-container img {
    width: 115px;
    height: 106px;
}

.corporate-card-container p {
    font-size: 14px;
    font-weight: 600;
}

.card-body .mutual-pic {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.card-body .mutual-pic:nth-child(2) {
    margin-left: -10px;
}

.seachBar svg {
    position: relative;
    right: 40px;
}

.MessiaDropdowns {
    display: flex;
    justify-content: center;
}

.MessiahCardFix {
    --bs-gutter-x: 3rem !important;
}

.MessiahCardFix .messiah-card .middle {
    margin-bottom: 10px;
    margin-top: 10px !important;
}

.btn.btn-primary.MainPrimaryBtn {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
    min-width: 100px;
}

.btn.btn-primary.MainPrimaryBtn:hover {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
    min-width: 100px;
}

/* .Mentorlocation, .MentorExp{
    display: none;
} */


.ContainerWidth {
    margin: 0 auto !important;
    max-width: 1600px !important;
}

/* .banner-Img img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    margin-left: 0% !important;
    margin: 0 auto;
} */

.contactUs-MultipleLinks {
    background: #fafafa;
    padding: 45px;
}

.iframe-location {
    width: 788px !important;
    height: 400px !important;
    border-radius: 8px !important;
}

.images-container .doddle-column {
    display: flex !important;
    align-items: flex-end !important;
}

.footer-mobile-padding-left .footer-items h5 a {
    /* color: #33b0ca !important; */
}

.social-Links a i:first-child {
    text-align: center;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    margin: 0px 5px 0px 0px;
}

.social-Links a i {
    text-align: center;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    margin: 0px 10px 0px 0px;
}

#headingOne {
    font-weight: bold !important;
    font-size: 18px !important;
}

.copyright {
    font-size: 16px !important;
    text-align: center !important;
}

.footer-copyright ul li {
    color: #FAFAFA;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px !important;
}

.top {
    display: flex;
    padding-top: 70px;
}

.offeringDoddle {
    display: flex;
    justify-content: flex-end;
}

.offeringDoddle img {
    width: 360px;
    position: relative;
    left: 45%;
}



.middle h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
    margin: 0px 10px;
}

.offeringtab {
    display: flex;
    margin: 10px 0px;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.offeringtab img {
    width: auto;
}

.middle-offerings {
    display: block !important;
    margin: 30px 0px;
}

.middle-offerings .row {
    display: flex;
    justify-content: center;
}

.content-doodle-wrapper {
    padding: 0px;
    margin-bottom: 45px;
}

.content-doodle-container {
    display: block;
}

.content-doodle-container .content {
    padding-top: 0px !important;
}

.content-doodle-containe .doodle-1 {
    transform: translateY(-60px) !important;
    text-align: center !important;
}

.doodle img {
    max-width: 100%;
    height: auto !important;
}

.heading-float-right {
    padding-left: 0%;
}

.content-doodle-containe .doodle-2 {
    transform: translateY(-60px) !important;
    text-align: center !important;
}

.content-doodle-container .doodle-3,
.content-doodle-container .doodle-5,
.content-doodle-container .doodle-6,
.content-doodle-container .doodle-7,
.content-doodle-container .doodle-8,
.content-doodle-container .doodle-9 {
    transform: translateY(-60px) !important;
    text-align: center !important;
    /* margin-bottom: 30px; */
}

.content-doodle-container .doodle-4 {
    /* transform: translateY(-90px) !important; */
    text-align: center !important;
}

.contact-us-section {
    padding-top: 30px !important;
}

.offeringsImg {
    max-width: 100%;
    height: auto !important;
    display: flex;
    justify-content: center;
}

.offeringsImg img {
    max-width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 94.661px;
    height: 76.041px;
}

.offeringsText {
    color: #616161 !important;
}

.contentMainDiv {
    padding-top: 14px;
    display: grid;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-template-columns: 80% 1fr;
    padding-bottom: 14px;
    border-bottom: 1px solid #EAEAEA;
}

.contentTextchild {
    display: flex;
    align-items: center;

}

.contentTextchild p {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    text-align: left;
}

.contentNum h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px !important;
}

.OpprotunitiesMainWrapper {
    padding-top: 60px !important;
}

/* About us Css Start Here */

.main-heading {
    font-size: 24px;
    font-weight: 600;
    color: #252525;
}

.sub-heading {
    font-size: 16px;
    font-weight: 600;
}

.vision-mission-wrapper {
    margin: auto;
    margin-bottom: 100px;
}

.vision-mission-title-row {
    margin-left: 0;
    margin-bottom: 80px;
    --bs-gutter-x: 12rem !important;
    margin-right: 0;
    margin-left: 0;
}

.vision-mission-title-row article {
    background: #33B0CA !important;
    border-radius: 2px 2px 42px 42px;
    position: relative;
    height: 140px;
}


.vision-mission-title-row article h2,
.vision-mission-title-row article p {
    color: #FAFAFA;
}

.vision-mission-title-row article h2 {
    margin: 12px 0;
}

.vision-mission-title-row article img {
    width: 22px;
    height: 19px;
    position: absolute;
    top: -3px;
}

.vision-mission-title-row article img:nth-child(1) {
    left: 30px;
}

.vision-mission-title-row article img:nth-child(2) {
    right: 30px;
}

.vision-mission-content h2 {
    margin-bottom: 18px;
}

.vision-mission-content img {
    width: 100%;
    margin-bottom: 80px;
}

.vision-mission-content article h2 {
    margin: 0;
}

.vision-mission-content article h2 img {
    width: 32px;
    height: 32px;
    margin: 0;
}

.director-founder-container h2 {
    text-align: center;
    margin-bottom: 80px;
}

.director-founder-container section article p {
    margin-bottom: 10px;
}

.director-founder-container article h3 {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
}

.cards-wrapper {
    /* margin-bottom: 100px; */
}

.mentors-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-bottom: 100px; */
}

.mentors-container h2 {
    margin: auto;
    margin-bottom: 80px;
}

.mentors-container article span,
.joinning-container p span {
    color: #7d7d7d;
}

.mentors-container .joinning-container button,
.messiah-card .bottom button {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 0;
    /* min-width: 100px; */
}

.messiah-card .bottom button {
    padding: 8px 25px;
}

.messiah-card .bottom button:nth-child(2) {
    background-color: transparent;
    color: #616161;
    border: 1px solid #33B0CA;
}

.messiah-card .card-body div:nth-child(1) img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.messiah-card .card-body div:nth-child(2) h3 {
    font-size: 16px;
    font-weight: 600;
}

.messiah-card p {
    font-size: 14px;
    font-weight: 400;
    color: #7d7d7d;
}

.messiah-card .card-body div:nth-child(3) {
    display: flex;
    gap: 12px;
    position: absolute;
    top: 6px;
    right: 12px;
}

.messiah-card .card-body {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 12px;
}

.messiah-card .middle {
    padding: 0 10px;
}

.messiah-card .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    margin: 15px 0;
}

.messiah-card h3,
.messiah-card p {
    margin: 0;
}

.input-box {
    border-radius: 25px;
    padding: 4px 8px;
    border: 1px solid #EAEAEA;
    outline: none;
}

.corporate-card-container img {
    width: 115px;
    height: 106px;
}

.corporate-card-container p {
    font-size: 14px;
    font-weight: 600;
}

.card-body .mutual-pic {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.card-body .mutual-pic:nth-child(2) {
    margin-left: -10px;
}

.seachBar svg {
    position: relative;
    right: 40px;
}

.MessiaDropdowns {
    display: flex;
    justify-content: center;
}

.MessiahCardFix {
    --bs-gutter-x: 3rem !important;
}

.MessiahCardFix .messiah-card .middle {
    margin-bottom: 10px;
    margin-top: 10px !important;
}

.btn.btn-primary.MainPrimaryBtn {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
}

.btn.btn-primary.MainPrimaryBtn:hover {
    background: #33B0CA;
    color: #FAFAFA;
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
}

.CardButtonFix {
    font-size: 16px;
    padding: 8px 8px !important;
}

.profile-img img {
    width: 100%;
    height: auto;
}

.middle-offerings {
    text-align: right;
}

.pricingRighAlign {
    display: flex;
    justify-content: flex-end;
}


/* Optional: Adjust styling for better alignment */
.offeringsText {
    max-width: 150px;
    /* Adjust the maximum width of the text container */
}

.referPopup {
    padding: 30px 0 !important;
}

.referPopup .refer-closing-red-btn {
    top: -15px !important;
    right: 5px !important;
}

.ReferModal .referPopupHeader {

    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #33B0CA;
}

.custom-elementcrossbutton {
    left: 21px;
    position: relative;
    top: -22px;
    scale: 1.2;
}

.custom-bg-color {
    color: #fff;
    position: relative;
    top: 8px !important;
    left: 8px !important;
}

.addAnotherButton {
    width: 100% !important;
    margin: 15px 0px !important;
    background: transparent !important;
    color: #BCBCBC !important;
    border: 1px solid #BCBCBC !important;
}

.referButton {
    background: #33B0CA !important;
    color: #fff !important;
    border: 1px solid #33b0ca !important;
}

.custom-element2leftarrow {
    display: none;
}

#end_div_rmtyf__button {
    width: 136.59px;
    height: 42px;
    left: 0px;
    border-radius: 8px;
    background: #33B0CA;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #FAFAFA;
    position: relative;
    border-radius: 8px;
    top: 0px;
}

.countryCode select {
    width: 50px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.countryCode input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.PricingImg {
    max-width: 100%;
    height: auto !important;
    position: relative;
    left: -30px;
}

.PricingImg img {
    max-width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 74.661px;
    height: 70.041px;
}

.col-pricingFix {
    margin-left: 60px;
}

.footerLineHeight {
    line-height: 25px;
    padding: 9px 0px !important;
}

.vertical-border {
    border-left: 1px solid #33b0ca;
    padding-left: 30px !important;
    height: auto;
    margin: 20px 0 20px 0 !important;
}

.home-offerings-login-card {
    border: 1px solid #33b0ca !important;
}

.home-offerings-login-card .list_drop_item {
    margin: 18px 15px !important;
}

.login-register-btn a {
    font-weight: 400 !important;
}

.sub-mega-menu ul {
    padding-left: 0.2rem !important;
}

.vision-mission-content,
.director-founder-container,
.mentors-container,
.cards-wrapper,
/* #VisionAndMission-body-bookmark {
    padding-top: 70px !important;
} */

.removeCustomBorderShadow {
    box-shadow: none !important;
}

#continue-btn,
#login_id {
    border-color: transparent !important;
}

/* pricing popup css */

.pricing-calculator-container span,
.pricing-calculator-container label {
    color: #616161;
}

.services-container>section input[type="number"] {
    width: 53px;
    height: 22px;
    padding: 1px 3px;
    border: none;
    color: #252525;
    border: none;
    outline: none;
    text-align: center;
    font-size: 14px;
    background: #fafafa;
}

#divTxt .form-field-set {
    max-height: 43px !important;
    position: relative !important;
}

#login_id a {
    color: #FAFAFA;
    text-decoration: none;
}

.messiah-card {
    padding: 5px;
}


.middle {
    margin-top: 72px;
}

.mentor-image {
    width: 100px;
    height: 100px;
}

/* css to modify the login dropdown  */

.dropdownBackground {
    background: #eaeaea !important;
}

.dropdownHeadFont {
    color: #33b0ca !important;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.dropdownSubFont {
    color: #252525 !important;
    font-family: Poppins;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 6px;
}

.dropdownSubFont:focus {
    color: #33b0ca !important;
}


.accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #33b0ca !important;
}

/* Demos 09-Feb-2024 */
.demos-container {
    text-align: center;
    /* margin-bottom: 70px; */
    padding-top: 70px;
}

.demos-container p {
    font-size: 24px;
    font-weight: 600;
}

.demos-container video {
    width: 80%;
    cursor: pointer;
    border-radius: 8px;
}

.adjustingDoodle {
    width: 110vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translatex(-50%) !important;
}

.frame-parent {
    margin-top: 70px !important;
}

#refer-error {
    font-size: 12px !important;
    color: red !important;
}

.mobile-number-div {
    position: relative;
    display: inline-block;
}

.mobile-number-div:after {
    content: '\25BC';
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    pointer-events: none;
}

#countryCodeSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.extra-font-bold {
    font-weight: 500 !important;
}

.services-footer-container {
    position: relative;
    top: 13px;
}

/* .mnf-footer-container {
    height: 55px !important;
} */

/* .mnf-footer-container div ul {
    margin: 0 !important;
    padding: 15px 0 !important;
} */

.mnf-footer-container div ul li {
    height: 20px !important;
}

/* css for forgot password's change password page */
#nextResetButton{
    background-color: #33B0CA;
    height: 34px;   
}
.MentorsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}

.MentorsColumn {
    flex: 0 0 calc(20% - 20px);
    margin-bottom: 20px;
    padding: 5px;
    box-sizing: border-box;
}
.MentorExp {
    font-size: 12px;
    text-align: left;
    display: flex;
}
.designationMob {
    display: none
}