.button { font-family: 'Open Sans', sans-serif; border: 1px solid #017a7b; border-radius: 0px; color: #000000; font-size: 15px; font-weight: 600; line-height: 1.33; letter-spacing: 0px; background: transparent; padding: 15px 29px; } .button:hover { background: transparent; background-color: transparent; color: #000000; border-color: #017a7b !important; } .button:active { background-color: transparent !important; border-color: #017a7b; color: #000000; } .button:focus { background-color: transparent !important; color: #000000; border-color: #017a7b; box-shadow: none; } .faq-main-content .cards-container-main { background-color: #207878; } .faq-main-content .cards-container-main .f_view { max-width: 1640px; margin: auto; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text { background-image: url("../assets/faq-text-bg.png"); background-position: center; background-repeat: no-repeat; background-size: 70%; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; transition: background-size 1.5s; color: transparent; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text:hover { background-size: 200%; } .faq-main-content .cards-container-main .f_view #faq_head .text-description { font-weight: normal; font-stretch: normal; line-height: 1.79; font-style: normal; letter-spacing: normal; text-align: left; color: #ffffff; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card { background-color: #ffffff; margin-left: 42px; border-radius: 0; border: 0; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .title, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .title { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.41px; text-align: left; color: #017a7b; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .cText, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .cText { font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0.13px; text-align: left; color: #000000; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .TrendingText, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .TrendingText { -webkit-text-stroke: 1px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; opacity: 0.5; letter-spacing: normal; text-align: left; color: transparent; display: block; } .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card-wrapper { margin-top: 50px; margin-bottom: -300px; } .faq-main-content .cards-container-main .f_view .TrendingText { -webkit-text-stroke: 1px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: transparent; opacity: 0.5; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices { background-color: #ffffff; border-radius: 0; border: none; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img { margin-bottom: 10%; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.41px; text-align: left; color: #017a7b; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText { font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0.13px; text-align: left; color: #000000; } .faq-main-content #sec-accordian { background-color: #e2f7f7; } .faq-main-content #sec-accordian .section-main .categories-header { -webkit-text-stroke: 1px #207878; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: transparent; } .faq-main-content #sec-accordian .section-main .accordion-content .active { font-weight: bold !important; font-stretch: normal; font-style: normal; letter-spacing: -0.55px; text-align: left; color: #207878; } .faq-main-content #sec-accordian .section-main .accordion-content .active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; display: block; max-height: 12px; margin-left: -15px; margin-right: 16px; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.55px; text-align: left; color: #207878; opacity: 0.3; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active { opacity: 1; font-weight: bold; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion { background-color: transparent; border: 0; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card { background-color: transparent; border: 0; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header { background-color: transparent; border: 0; font-size: 1.25rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header button { border: 0; background-color: transparent; box-shadow: transparent; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header button:focus { border: 0; background-color: transparent; outline: transparent; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon { background: url("../assets/collapse-cross.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed { background: url("../assets/collapse-plus.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header span { max-width: 80%; line-height: 1.5; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header span.activeAccordian { background-color: transparent; border: 0; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body { scrollbar-width: thin; scrollbar-color: #027878 rgba(2, 120, 120, 0.3); line-height: 1.5; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar { width: 4px; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #027878; border-radius: 0px; opacity: 0.3; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar-thumb { background: #027878; border-radius: 0px; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body p { max-width: 95%; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr { border-bottom: 2px solid #e2f7f7 !important; opacity: 0.5; } .event-btnsdaw { text-align: center; } @media only screen and (min-width: 320px) { .faq-main-content .cards-container-main { padding-top: 37.86667rem; } .faq-main-content .cards-container-main .f_view { flex-direction: column; padding-bottom: 8rem; } .faq-main-content .cards-container-main .f_view #faq_head { max-width: 90%; padding: 0 8rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text { margin-bottom: 4.26667rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text { font-size: 12.53333rem; } .faq-main-content .cards-container-main .f_view #faq_head .text-description { font-size: 3.73333rem; } .faq-main-content .cards-container-main .f_view .TrendingText { font-size: 12.26667rem; padding: 0 8rem; } .faq-main-content .cards-container-main .f_view .scrollable_card { overflow-x: auto; overflow-y: hidden; padding: 0 5.33333rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices { width: 69.06667rem; margin: 0 10px; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body { padding: 10.66667rem 8rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img { width: 11.2rem; height: 9.33333rem; margin-bottom: 10%; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title { font-size: 3.73333rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText { font-size: 4.8rem; } .faq-main-content #sec-accordian .section-main { padding: 8rem 0 4.8rem; } .faq-main-content #sec-accordian .section-main .categories-header { font-size: 11.2rem; padding: 0 8rem; } .faq-main-content #sec-accordian .section-main .accordion-content { margin-top: 3.73333rem; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu { padding-left: 8rem; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 4.26667rem 2.66667rem 4.26667rem 4.53333rem; font-size: 5.33333rem; display: inline-flex; align-items: center; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion { margin-top: 9.33333rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card { padding: 0 8rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body { max-height: 358px; overflow-x: auto; font-size: 4.26667rem; margin-top: 4.26667rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 4.8rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon { height: 4rem; width: 4rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed { height: 4.8rem; width: 4.8rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr { margin: 8rem 0; } } @media only screen and (min-width: 768px) { .faq-main-content .cards-container-main { padding-top: 21.22396rem; } .faq-main-content .cards-container-main .f_view { padding-bottom: 6.51042rem; } .faq-main-content .cards-container-main .f_view #faq_head { max-width: 87%; padding: 0 4.03226rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text { margin-bottom: 3.90625rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text { font-size: 13.54167rem; } .faq-main-content .cards-container-main .f_view #faq_head .text-description { font-size: 1.82292rem; } .faq-main-content .cards-container-main .f_view .TrendingText { font-size: 6.51042rem; padding: 0 4.03226rem; } .faq-main-content .cards-container-main .f_view .scrollable_card { padding: 0 3.02419rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices { width: 29.42708rem; margin: 0 10px; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body { padding: 3.90625rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img { width: 6.64062rem; height: 5.46875rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title { font-size: 1.82292rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText { font-size: 2.08333rem; } .faq-main-content #sec-accordian .section-main { padding: 5.20833rem; } .faq-main-content #sec-accordian .section-main .categories-header { font-size: 6.51042rem; padding: 0; } .faq-main-content #sec-accordian .section-main .accordion-content { margin-top: 3.125rem; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu { padding-left: 0; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { font-size: 2.34375rem; padding: 2.08333rem 2.21354rem 2.08333rem 3.51562rem; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active::before { margin-left: -25px; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion { margin-top: 1.69271rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card { padding: 0; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 2.34375rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 0.91146rem; font-size: 1.82292rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon { height: 1.95312rem; width: 1.95312rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed { height: 2.34375rem; width: 2.34375rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr { margin: 3.90625rem 0; } } @media only screen and (min-width: 992px) { .faq-main-content .cards-container-main { padding-top: 17.64113rem; } .faq-main-content .cards-container-main .f_view { margin-top: 10px; padding-bottom: 6.55242rem; } .faq-main-content .cards-container-main .f_view #faq_head { max-width: 70%; padding: 0 5.04032rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text { margin-bottom: 3.02419rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text { font-size: 10.48387rem; } .faq-main-content .cards-container-main .f_view #faq_head .text-description { font-size: 1.6129rem; } .faq-main-content .cards-container-main .f_view .TrendingText { font-size: 7.05645rem; padding: 0 5.04032rem; } .faq-main-content .cards-container-main .f_view .scrollable_card { padding: 0 4.03226rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices { width: 27.31855rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body { padding: 3.02419rem 4.03226rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img { width: 6.14919rem; height: 5.04032rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title { font-size: 1.6129rem; } .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText { font-size: 1.81452rem; } .faq-main-content #sec-accordian .section-main { padding: 6.04839rem 3.02419rem 2.82258rem 5.04032rem; } .faq-main-content #sec-accordian .section-main .categories-header { font-size: 7.05645rem; } .faq-main-content #sec-accordian .section-main .accordion-content { margin-top: 24px; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points { overflow-x: hidden; white-space: normal; display: block; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 1.6129rem 2.52016rem; font-size: 1.81452rem; display: flex; align-items: center; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion { margin-top: 0; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 1.27016rem; font-size: 1.6129rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 2.01613rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon { height: 1.71371rem; width: 1.71371rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed { height: 2.21774rem; width: 2.21774rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr { margin: 4.03226rem 0; } } @media only screen and (min-width: 1200px) { .faq-main-content .cards-container-main { padding-top: 9.73958rem; } .faq-main-content .cards-container-main .f_view { flex-direction: row; margin-top: 5%; padding-bottom: 0; } .faq-main-content .cards-container-main .f_view #faq_head { max-width: 36.45833rem; padding-left: 2.08333rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text { margin-bottom: 1.82292rem; } .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text { font-size: 5.41667rem; } .faq-main-content .cards-container-main .f_view #faq_head .text-description { font-size: 0.9375rem; } .faq-main-content .cards-container-main .f_view .TrendingText { padding: 0; } .faq-main-content .cards-container-main .f_view #card_view { padding-right: 2.08333rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card { width: 18.22917rem; min-height: 19.27083rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body { padding: 2.60417rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .card_img, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .card_img { margin-bottom: 10%; height: 3.07292rem; width: 3.69792rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .title, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .title { font-size: 0.9375rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .cText, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .cText { font-size: 1.25rem; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card:last-child, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card:last-child { margin-top: 42px; } .faq-main-content .cards-container-main .f_view #card_view .card_row1 .TrendingText, .faq-main-content .cards-container-main .f_view #card_view .card_row2 .TrendingText { -webkit-text-stroke: 1px #ffffff; font-size: 4.89583rem; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: transparent; display: block; } .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card-wrapper { margin-top: 50px; margin-bottom: -300px; } .faq-main-content #sec-accordian .section-main { padding: 12.5rem 1.04167rem 4.01042rem 2.08333rem; max-width: 1640px; margin: auto; } .faq-main-content #sec-accordian .section-main .categories-header { font-size: 4.89583rem; } .faq-main-content #sec-accordian .section-main .accordion-content { margin-top: 4.94792rem; } .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 0.83333rem 25px; font-size: 1.25rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 1.35417rem; padding-top: 0; padding-bottom: 0; font-size: 1.14583rem; max-width: 90%; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 1.25rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon { height: 1.04167rem; width: 1.04167rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed { height: 1.35417rem; width: 1.35417rem; } .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr { margin: 2.86458rem 0; } } .TeamDetailsGrid { padding-top: 260px; background-color: #f0fafa; } .TeamDetailsGrid .TD_MainWrap { max-width: 1640px; padding: 0px 40px; margin: 0px auto; } .TeamDetailsGrid .TD_Profile img { width: 100%; height: 100%; } .TeamDetailsGrid .TD_Profile h2, .mwhitrbg h1 { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #207878; margin-bottom: 45px; } .TeamDetailsGrid .TD_Profile h2 span { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: left; color: #000000; display: block; } .TeamDetailsGrid .TD_Profile .InfoRow { margin-bottom: 20px; color: #000000; width: 560px; } .TeamDetailsGrid .TD_Profile .InfoRow h4 { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; } .TeamDetailsGrid .TD_Profile .InfoRow p { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; opacity: 0.6; margin-bottom: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow h6 { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.11; letter-spacing: normal; text-align: left; } .TeamDetailsGrid .TD_Profile .InfoRow dd { font-weight: 600; font-stretch: normal; font-style: italic; line-height: 1.6; letter-spacing: normal; text-align: left; color: #207878; } .TeamDetailsGrid .TD_Profile .TD_Social { width: 115px; height: auto; background: #ffffff; position: absolute; top: 265px; right: 0; border-radius: 5px; } .TeamDetailsGrid .TD_Profile .TD_Social ul { margin: 0rem; padding: 3rem 0rem 3rem 0rem; list-style: none; } .TeamDetailsGrid .TD_Profile .TD_Social ul li { width: 45px; height: 45px; margin: 0px auto; transform: rotate(90deg); text-align: center; margin-bottom: 37px; } .TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) { width: 58px; height: 48px; margin-bottom: 0rem; } .TeamDetailsGrid .TD_AllProfile { background-color: #333; display: flex; } .TeamDetailsGrid .TD_AllProfile .ProfileArea { background-color: #207878; width: 33.5rem; position: relative; float: left; padding-left: 1.875rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info { background: #015959; background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%); position: absolute; bottom: 0; right: 0; left: 0; width: 100%; padding-left: 4.125rem; padding-bottom: 1.563rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p { font-weight: 300; font-stretch: normal; font-style: italic; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .PA_bg { background-color: #047171; } .TeamDetailsGrid .Bio_Grid { background-color: #f0fafa; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap { max-width: 1640px; padding: 8.125rem 2.5rem; margin: 0px auto; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo { padding-left: 50px; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 { -webkit-text-stroke: 1px #00555a; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; margin-bottom: 3.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; margin-top: 8.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 3.75rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img { width: 12.5rem; height: 18.98rem; margin-bottom: 1.875rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: left; color: #000000; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author { font-family: OpenSans; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 3rem; opacity: 0.6; font-style: italic; } @media only screen and (min-width: 320px) { .TeamDetailsGrid { padding-top: 170px; } .TeamDetailsGrid .TD_MainWrap { padding: 0px 0px; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg { background-color: #fff; padding: 40px; } .TeamDetailsGrid .TD_Profile img { width: auto; height: 100%; margin: 0px auto; display: block; max-height: 79.46667rem; object-fit: contain; object-position: bottom; } .TeamDetailsGrid .TD_Profile h2 { font-size: 6.13333rem; margin-bottom: 35px; } .TeamDetailsGrid .TD_Profile h2 span { font-size: 4.26667rem; margin-top: 10px; opacity: 0.6; } .TeamDetailsGrid .TD_Profile .InfoRow { margin-bottom: 20px; color: #000000; width: 100%; } .TeamDetailsGrid .TD_Profile .InfoRow h4 { font-size: 5.56667rem; } .TeamDetailsGrid .TD_Profile .InfoRow p { font-size: 3.73333rem; margin-bottom: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow h6 { font-size: 3.73333rem; } .TeamDetailsGrid .TD_Profile .InfoRow dd { font-size: 4.26667rem; } .TeamDetailsGrid .TD_Profile .TD_Social { width: 13.6rem; height: auto; background: #ffffff; position: absolute; top: 140px; right: 0; border-radius: 5px; display: block; } .TeamDetailsGrid .TD_Profile .TD_Social ul { margin: 0rem; padding: 3.73333rem 0rem 3.73333rem 0rem; list-style: none; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; } .TeamDetailsGrid .TD_Profile .TD_Social ul li { width: 6.02667rem; height: 6.02667rem; margin: 0px; transform: rotate(90deg); text-align: center; } .TeamDetailsGrid .TD_Profile .TD_Social ul li img { max-width: 100%; max-height: 100%; } .TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) { width: 7.92rem; height: 6.02667rem; } .TeamDetailsGrid .TD_AllProfile { background-color: #333; display: flex; } .TeamDetailsGrid .TD_AllProfile .ProfileArea { width: 33.5rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea img { width: 150px; max-width: 100%; } .TeamDetailsGrid .TD_AllProfile .PA_bg { background-color: #047171; } .TeamDetailsGrid .KnowMore { display: block; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 4.36; letter-spacing: normal; text-align: center; color: #017373; } .TeamDetailsGrid .KnowMore span { font-weight: bold; font-style: normal; } .TeamDetailsGrid .Bio_Grid { padding: 0rem 2.5rem; background-color: #f0fafa; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap { padding: 8.125rem 20px; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo { padding-left: 0px; width: 100%; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 { font-size: 12.8rem; margin-bottom: 3.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p { font-size: 3.73333rem; opacity: 9; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 { font-size: 4.8rem; margin-top: 36px; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 { font-size: 4.8rem; margin-bottom: 3.75rem; margin-top: 36px; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img { width: 38.66667rem; height: 58.66667rem; margin-bottom: 1.875rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title { font-size: 4.26667rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author { font-size: 4rem; } .TeamDetailsGrid .blog-tiles { background: #ffffff; } .TeamDetailsGrid .blog-tiles .blog-tiles-container { padding: 11.2rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading { padding: 0 8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title { -webkit-text-stroke: 1.3px #00555a; font-size: 12.8rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; color: transparent; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { background-repeat: no-repeat; background-size: cover; background-position: center; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper { position: relative; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after, .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png"); padding: 8rem 8rem 18.7rem 8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 4.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 3.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 1.1rem; flex-direction: column; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 8rem 8rem 18.7rem 8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png"); margin: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png"); border: solid 1px #707070; margin: 0; margin-top: 1.1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 4.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 3.2rem; margin: 2.7rem 0 8.5rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { object-position: center; object-fit: cover; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 4.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #434343; margin-left: 4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #767676; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #015959; position: relative; display: flex; align-items: center; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { content: ""; background-image: url("../assets/rightArrowGreen.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 41.3rem; width: 41.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { padding: 8rem; border-bottom: solid 1px #adadad; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2.7rem 0 5.3rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.7rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 5.3rem; padding: 0 8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 32rem; width: 32rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-left: 0; } .TeamDetailsGrid .projects-tiles { background-color: #002938; padding: 11.2rem 0 12.66667rem 0; margin-bottom: -1px; } .TeamDetailsGrid .projects-tiles .title-container { padding: 0 5.33333rem; margin: auto; flex-direction: column; } .TeamDetailsGrid .projects-tiles .title-container .heading { font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; -webkit-text-stroke: 1px #ffffff; color: transparent; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab { margin-top: 9.33333rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 4.26667rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; color: #ffffff; opacity: 0.4; display: flex; align-items: center; padding: 0 4.8rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active { opacity: 1; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; display: block; max-height: 12px; margin-left: -15px; margin-right: 8px; } .TeamDetailsGrid .projects-tiles #projects-tabContent { margin-top: 8rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 110.93333rem; flex-direction: column; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container .image { object-position: center; object-fit: cover; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { margin-top: 4.8rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 6.66667rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #ffffff; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 3.73333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.37px; color: #ffffff; margin: 3.2rem 0 0 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { position: relative; margin-top: 7.46667rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.01333rem; margin-left: 1.86667rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { float: left; margin: 8rem 0 0 8rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 1.2rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 2.13333rem; width: 1.86667rem; opacity: 0.2; background-color: #ffffff; margin: 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot.active span { opacity: 1; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot:focus { outline: none; } .TeamDetailsGrid .projects-tiles .interests-container { padding: 0 5.33333rem; margin: 13.6rem auto 0; } .TeamDetailsGrid .projects-tiles .interests-container .title { font-size: 5.33333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; color: #ffffff; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list { column-count: 1; margin-top: 7.2rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item { padding: 2.66667rem 0 2.66667rem 8.8rem; display: flex; align-items: center; position: relative; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content { font-size: 4.26667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; opacity: 0.6; color: #ffffff; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before { content: ""; height: 1.06667rem; width: 3.46667rem; background-color: #ffffff; display: block; position: absolute; left: 0; top: 6.13333rem; } } @media only screen and (min-width: 768px) { .TeamDetailsGrid { padding-top: 158px; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg { background-color: transparent; padding: 0 40px 40px; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2, .mwhitrbg h1 { margin-bottom: 1.60417rem; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2 span { margin-top: 1.30208rem; } .TeamDetailsGrid .TD_Profile img { width: auto; height: 100%; max-height: 56.64062rem; } .TeamDetailsGrid .TD_Profile h2 { font-size: 3.90625rem; margin-bottom: 45px; } .TeamDetailsGrid .TD_Profile h2 span { font-size: 1.82292rem; margin-top: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow { margin-bottom: 0; color: #000000; width: 100%; } .TeamDetailsGrid .TD_Profile .InfoRow h4 { font-size: 3.34375rem; } .TeamDetailsGrid .TD_Profile .InfoRow p { font-size: 1.82292rem; margin-bottom: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow h6 { font-size: 2.08333rem; } .TeamDetailsGrid .TD_Profile .InfoRow dd { font-size: 1.82292rem; } .TeamDetailsGrid .TD_Profile .TD_Social { display: none; } .TeamDetailsGrid .TD_AllProfile { background-color: #333; display: flex; } .TeamDetailsGrid .TD_AllProfile .ProfileArea { width: 33.5rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea img { width: 150px; } .TeamDetailsGrid .TD_AllProfile .PA_bg { background-color: #047171; } .TeamDetailsGrid .KnowMore { display: none; } .TeamDetailsGrid .Bio_Grid { padding: 0rem 2.5rem; background-color: #f0fafa; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo { padding-left: 0px; width: 100%; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 { font-size: 6.51042rem; margin-bottom: 3.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p { font-size: 1.82292rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 { font-size: 2.60417rem; margin-top: 2.75rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 { font-size: 2.60417rem; margin-bottom: 3.75rem; margin-top: 3.75rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img { width: 23.69792rem; height: 35.80729rem; margin-bottom: 1.875rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title { font-size: 2.60417rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author { font-size: 2.08333rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container { padding: 7.8rem 5.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading { padding: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title { font-size: 5.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0 -15px; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0 15px; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6.5rem 7.2rem 13.9rem 7.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 1.8rem; margin: 2rem 0 3rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.6rem; padding: 2rem 2.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1rem; height: 2rem; margin-left: 3.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 5.3rem; flex-direction: row; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 3.9rem 2.6rem 5.3rem 3.9rem; max-width: calc(50% - 2.6rem); } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.6rem; margin-top: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 2.1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 1.6rem; margin: 2rem 0 3rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.4rem; padding: 1.4rem 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.6rem; margin-left: 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0 -15px; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0 15px; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2.3rem; margin-left: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 1rem; height: 2rem; margin-left: 1.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 5.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 27.3rem; width: 27.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3.9rem; padding: 0 4.8rem 0 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 1.4rem 0 2rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2.6rem; padding: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 18.5rem; width: 18.5rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2.6rem; width: 100%; border-bottom: solid 1px #adadad; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 5rem; } .TeamDetailsGrid .projects-tiles { padding: 5.20833rem 0; } .TeamDetailsGrid .projects-tiles .title-container { padding: 0 5.20833rem; flex-direction: row; justify-content: space-between; align-items: center; } .TeamDetailsGrid .projects-tiles .title-container .heading { font-size: 6.51042rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab { margin-top: 0; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 2.08333rem; padding: 0 2.60417rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before { margin-left: -15px; margin-right: 15px; } .TeamDetailsGrid .projects-tiles #projects-tabContent { margin-top: 5.85938rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 45.05208rem; padding: 0 0 3.90625rem 3.90625rem; align-items: flex-end; flex-direction: row; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { max-width: 60%; margin-top: 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 3.90625rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 1.82292rem; margin: 1.30208rem 0 0 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 2.60417rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 0.91146rem; padding: 0.91146rem 1.30208rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.50781rem; height: 0.9375rem; margin-left: 1.77083rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 2.86458rem 0 0 5.20833rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.78125rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.78125rem; width: 0.78125rem; } .TeamDetailsGrid .projects-tiles .interests-container { padding: 0 6.51042rem; margin-top: 5.20833rem; } .TeamDetailsGrid .projects-tiles .interests-container .title { font-size: 5.20833rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list { margin-top: 2.34375rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item { padding: 1.82292rem 0 1.82292rem 4.94792rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content { font-size: 2.08333rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before { height: 0.52083rem; width: 2.60417rem; top: 3.51562rem; } } @media only screen and (min-width: 992px) { .TeamDetailsGrid { padding-top: 260px; background-color: #f0fafa; } .TeamDetailsGrid .TD_MainWrap { max-width: 1640px; padding: 0px 40px; margin: 0px auto; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg { padding-bottom: 0; } .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2, .mwhitrbg h1 { margin-bottom: 1.01613rem; } .TeamDetailsGrid .TD_Profile img { max-height: 54.7379rem; } .TeamDetailsGrid .TD_Profile h2 { font-size: 4.43548rem; margin-bottom: 45px; } .TeamDetailsGrid .TD_Profile h2 span { font-size: 1.6129rem; line-height: 1.06; } .TeamDetailsGrid .TD_Profile .InfoRow { margin-bottom: 15px; color: #000000; width: 100%; } .TeamDetailsGrid .TD_Profile .InfoRow h4 { font-size: 1.81452rem; } .TeamDetailsGrid .TD_Profile .InfoRow p { font-size: 1.6129rem; margin-bottom: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow h6 { font-size: 1.6129rem; } .TeamDetailsGrid .TD_Profile .InfoRow dd { font-size: 1.6129rem; } .TeamDetailsGrid .TD_Profile .TD_Social { display: none; } .TeamDetailsGrid .TD_AllProfile { background-color: #333; display: flex; } .TeamDetailsGrid .TD_AllProfile .ProfileArea { background-color: #207878; width: 33.5rem; position: relative; float: left; padding-left: 1.875rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info { background: #015959; background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%); position: absolute; bottom: 0; right: 0; left: 0; width: 100%; padding-left: 4.125rem; padding-bottom: 1.563rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 { font-size: 1.875rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p { font-size: 1.125rem; font-weight: 300; font-stretch: normal; font-style: italic; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .PA_bg { background-color: #047171; } .TeamDetailsGrid .Bio_Grid { background-color: #f0fafa; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap { max-width: 1640px; padding: 8.125rem 40px; margin: 0px auto; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo { padding-left: 0px; width: 100%; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 { font-size: 7.05645rem; margin-bottom: 3.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p { font-size: 1.6129rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 { font-size: 2.41935rem; margin-top: 2.75rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 { font-size: 2.41935rem; margin-bottom: 3.75rem; margin-top: 3.75rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img { width: 20.16129rem; height: 30.24194rem; margin-bottom: 1.875rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title { font-size: 2.01613rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author { font-size: 1.6129rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container { padding: 6rem 8.1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title { font-size: 7.1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6rem 18.2rem 4.5rem 6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 1.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.5rem; padding: 1.5rem 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.5rem; margin-left: 1.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem 3rem 4.4rem 3rem; max-width: calc(50% - 2.4rem); } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 1.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.1rem; padding: 1.1rem 1.5rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.6rem; height: 1.1rem; margin-left: 1.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 1.5rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.8rem; height: 1.5rem; margin-left: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 21.2rem; width: 21.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3rem; padding-right: 4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2rem 0 3rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 14.3rem; width: 14.3rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 3.5rem; } .TeamDetailsGrid .projects-tiles { padding: 6.04839rem 0; } .TeamDetailsGrid .projects-tiles .title-container { padding: 0 8.06452rem; } .TeamDetailsGrid .projects-tiles .title-container .heading { font-size: 7.05645rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 2.01613rem; padding: 0 1.5121rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent { margin-top: 4.23387rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 47.07661rem; padding: 0 0 3.02419rem 5.04032rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { max-width: 50%; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 4.03226rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 1.6129rem; margin: 1.41129rem 0 0 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 3.52823rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 1.10887rem; padding: 1.10887rem 1.5121rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.59476rem; height: 1.10887rem; margin-left: 1.45161rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 4.53629rem 0 0 8.06452rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.75605rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.80645rem; width: 0.80645rem; } .TeamDetailsGrid .projects-tiles .interests-container { padding: 0 8.06452rem; margin-top: 6.04839rem; } .TeamDetailsGrid .projects-tiles .interests-container .title { font-size: 4.03226rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list { margin-top: 0.90726rem; column-count: 2; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item { padding: 1.31048rem 0 1.31048rem 3.72984rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content { font-size: 1.81452rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before { height: 0.40323rem; width: 2.01613rem; top: 2.82258rem; } } @media only screen and (min-width: 1200px) { .TeamDetailsGrid { padding-top: 260px; background-color: #f0fafa; } .TeamDetailsGrid .TD_MainWrap { max-width: 1720px; padding: 0px 40px; margin: 0px auto; } .TeamDetailsGrid .TD_Profile img { width: auto; height: 100%; max-height: 42.70833rem; } .TeamDetailsGrid .TD_Profile h2, .mwhitrbg h1 { font-size: 3.85417rem; margin-bottom: 45px; } .TeamDetailsGrid .TD_Profile h2 span { font-size: 1.30208rem; } .TeamDetailsGrid .TD_Profile .InfoRow { margin-bottom: 20px; color: #000000; width: 560px; } .TeamDetailsGrid .TD_Profile .InfoRow h4 { font-size: 1.99792rem; } .TeamDetailsGrid .TD_Profile .InfoRow p { font-size: 1.04167rem; margin-bottom: 20px; } .TeamDetailsGrid .TD_Profile .InfoRow h6 { font-size: 0.9375rem; } .TeamDetailsGrid .TD_Profile .InfoRow dd { font-size: 1.30208rem; } .TeamDetailsGrid .TD_Profile .TD_Social { width: 5.98958rem; height: auto; background: #ffffff; position: absolute; top: 265px; right: 0; border-radius: 5px; display: block; } .TeamDetailsGrid .TD_Profile .TD_Social ul { margin: 0rem; padding: 1.71875rem 0rem 1.71875rem 0rem; list-style: none; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; } .TeamDetailsGrid .TD_Profile .TD_Social ul li { width: 2.34375rem; height: 2.34375rem; margin: 0px; transform: rotate(90deg); text-align: center; } .TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) { width: 3.02083rem; height: 2.5rem; } .TeamDetailsGrid .TD_AllProfile { background-color: #333; display: flex; } .TeamDetailsGrid .TD_AllProfile .ProfileArea { background-color: #207878; width: 33.5rem; position: relative; float: left; padding-left: 1.875rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info { background: #015959; background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%); position: absolute; bottom: 0; right: 0; left: 0; width: 100%; padding-left: 4.125rem; padding-bottom: 1.563rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 { font-size: 1.875rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p { font-size: 1.125rem; font-weight: 300; font-stretch: normal; font-style: italic; letter-spacing: normal; color: #ffffff; margin: 0rem; } .TeamDetailsGrid .TD_AllProfile .PA_bg { background-color: #047171; } .TeamDetailsGrid .Bio_Grid { background-color: #f0fafa; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap { max-width: 1640px; padding: 8.125rem 2.5rem; margin: 0px auto; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo { padding-right: 50px; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 { font-size: 5.875rem; margin-bottom: 3.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p { font-size: 1.25rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 { font-size: 1.5rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; margin-top: 8.125rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 { font-size: 2.813rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 3.75rem; margin-top: 0; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img { width: 12.5rem; height: 18.98rem; margin-bottom: 1.875rem; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title { font-size: 1.25rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: left; color: #000000; } .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author { font-family: OpenSans; font-size: 1.25rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 3rem; opacity: 0.6; font-style: italic; } .TeamDetailsGrid .blog-tiles .blog-tiles-container { max-width: 1720px; margin: auto; padding: 6.25rem 40px; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading { margin-bottom: 2.1875rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title { font-size: 4.9rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 4.2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 0.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { flex-wrap: wrap; margin-top: 0; flex-direction: column; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem; min-height: 17.2rem; max-width: unset; width: 100%; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-bottom: 15px; margin-right: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-top: 15px; margin-left: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 0.7rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper { margin-top: 1.6rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 0.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 0.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 10rem; width: 10rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 1.6rem; padding-right: 2rem; max-height: 10rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 0 0 1rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) { margin-top: 0.8rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 7.4rem; width: 7.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 1rem; max-height: 7.4rem; width: auto; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 1rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.4rem; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin: 0.4rem 0; } .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin-top: 0.4rem; } .TeamDetailsGrid .projects-tiles { padding: 5.98958rem 0 5.05208rem 0; } .TeamDetailsGrid .projects-tiles .title-container { padding: 0 2.08333rem; max-width: 1720px; } .TeamDetailsGrid .projects-tiles .title-container .heading { font-size: 4.89583rem; } .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 1.25rem; padding: 0 1.95312rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent { margin-top: 2.86458rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 36.45833rem; padding: 0 0 3.48958rem 2.1875rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 3.54167rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 0.83333rem; margin: 0.83333rem 0 0 0; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 1.45833rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 2.70833rem 0 0 7.29167rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.625rem; } .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.72917rem; width: 0.72917rem; } .TeamDetailsGrid .projects-tiles .interests-container { max-width: 1720px; padding: 0 2.08333rem; margin-top: 7.03125rem; } .TeamDetailsGrid .projects-tiles .interests-container .title { font-size: 2.34375rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list { margin-top: 1.77083rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item { padding: 0.625rem 0 0.625rem 1.97917rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content { font-size: 1.04167rem; } .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before { height: 0.20833rem; width: 1.04167rem; top: 1.5625rem; } } @media only screen and (min-width: 320px) { .homepage-main-container .ticker-wrap * { box-sizing: border-box; } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .homepage-main-container .ticker-wrap { position: fixed; top: 0; width: 100%; overflow: hidden; background-color: #00555a; padding-left: 60%; box-sizing: content-box; z-index: 9999999; } .homepage-main-container .ticker-wrap .ticker { display: inline-block; white-space: nowrap; padding-right: 60%; box-sizing: content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 50s; } .homepage-main-container .ticker-wrap .ticker__item { display: inline-block; padding: 17px 0; cursor: pointer; opacity: 0.8; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #ffffff; white-space: nowrap; } .homepage-main-container .top-banner { background-image: linear-gradient(122deg, #00797b 8%, #005077 88%); background-image: url("../assets/blue_lines_full.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 142px 0 38px 0; } .homepage-main-container .top-banner .carousel { position: unset; } .homepage-main-container .top-banner .carousel-inner { position: unset; } .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; /* bottom: 0;*/ left: 0; } .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container video { object-fit: cover; } .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container { width: 100%; height: 70.3rem; } .homepage-main-container .top-banner .text-wrapper { padding: 0 9.4rem; margin-top: 30px; } .homepage-main-container .top-banner .text-wrapper .title { font-size: 11.6rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; } .homepage-main-container .top-banner .text-wrapper .desc { font-size: 4.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper { position: relative; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button { border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.8rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; min-width: 177px; padding: 13px 25px; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 6px; height: 11px; margin-left: 15px; } .homepage-main-container .tile-scroll-component .fixed-content { background-image: linear-gradient(to bottom, #add484, #00a0b4); padding: 8.8rem 8rem 10.7rem 8rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-title { font-size: 9.9rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; } .homepage-main-container .tile-scroll-component .scrollable-container::-webkit-scrollbar { width: 0; height: 0; } .homepage-main-container .tile-scroll-component .scrollable-container::-moz-scrollbar { width: 0; height: 0; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item { padding: 11.7rem 8rem 9.3rem 8rem; text-align: center; border-bottom: 1px solid rgba(52, 146, 146, 0.3); } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count { font-size: 4.8rem; font-weight: 200; font-stretch: normal; font-style: normal; letter-spacing: normal; padding-bottom: 0.5rem; border-bottom: 3px solid #000000; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image { margin-top: 5.3rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img { width: 40rem; height: 40rem; object-fit: contain; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item { background: url("../assets/program-carousel.png"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 12rem 9.6rem 67.9rem 9.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index { font-size: 8.5rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0.28px; padding: 10px 0; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title { font-size: 8.5rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: 0.35px; margin-top: 1.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title { opacity: 0.96; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers { list-style: none; padding-left: 0; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail { opacity: 0.96; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; display: flex; align-items: flex-start; padding-left: 6.66667rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before { content: ""; height: 1.1rem; width: 3.5rem; background-color: #ffffff; display: block; margin-top: 3.2rem; margin-left: -6.66667rem; position: absolute; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper { position: relative; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 2.7rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.9rem 3.2rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .homepage-main-container .interactive-carousel .carousel .mobile-indicator { position: absolute; left: 10.66667rem; bottom: 15.73333rem; z-index: 5; color: #ffffff; font-size: 3.2rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators { margin: 0 9.6rem 7.5rem 9.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator { font-size: 3.2rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.83; letter-spacing: normal; text-indent: unset; opacity: 1; position: relative; visibility: hidden; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after { content: ""; display: block; border-radius: 25px; border: 1px solid #ffffff; height: 20px; width: 20px; margin-top: 12px; visibility: visible; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator.active::after { background-image: linear-gradient(to bottom, #add484, #00a0b4); } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before { content: ""; height: 1px; position: absolute; background: #ffffff; bottom: 10px; left: 20px; right: -1.5rem; visibility: visible; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator:last-child::before { right: 0; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container { padding: 16rem 40px; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0 8.3rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { opacity: 0.6; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 8.3rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list { justify-content: space-between; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper { background-color: #f0fbfb; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot span { background: #017a7b; opacity: 0.2; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot.active span { opacity: 1; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 6rem 8.3rem; position: relative; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 2.7rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.9rem 3.2rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .homepage-main-container .canvas-text-action { min-height: 176rem; padding-top: 12rem; position: relative; } .homepage-main-container .canvas-text-action .carousel { position: unset; } .homepage-main-container .canvas-text-action .carousel-inner { position: unset; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item { position: unset; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container video { object-fit: cover; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container img { object-fit: cover; object-position: center; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 74.7rem; margin: auto; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper { position: relative; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 3.2rem; margin-bottom: 50px; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.2rem; margin-left: 12px; } .homepage-main-container .cta-video .cta-video-container { flex-direction: column-reverse; padding: 11.2rem 4rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 8.5rem; padding: 0 4rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { opacity: 0.6; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper { position: relative; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 3.2rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .homepage-main-container .cta-video .cta-video-container .video-container { padding: 2.1rem 2.1rem 0 0; position: relative; } .homepage-main-container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: 0; } .homepage-main-container .cta-video .cta-video-container .video-container .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 12rem; height: 12rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .homepage-main-container .head_second_grid { background-color: #e2f7f7; } .homepage-main-container .head_second_grid .Campus_Visit { padding: 8rem 8rem 11.2rem 8rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00555a; color: transparent; font-size: 12.8rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text { font-size: 4.3rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button { border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); text-transform: uppercase; background: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 2.9rem 3.2rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .homepage-main-container .campus-carousel .carousel-item { height: 181.33333rem; } .homepage-main-container .campus-carousel .carousel-item video, .homepage-main-container .campus-carousel .carousel-item img { object-fit: cover; object-position: center; } .homepage-main-container .campus-carousel-prev, .homepage-main-container .campus-carousel-next { position: absolute; top: calc(50% - 22.5px); } .homepage-main-container .campus-carousel-prev img, .homepage-main-container .campus-carousel-next img { height: 45px; width: 21px; } .homepage-main-container .campus-carousel-prev { left: 30px; } .homepage-main-container .campus-carousel-next { right: 30px; } .homepage-main-container .blog-tiles .blog-tiles-container { padding: 11.2rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .heading { padding: 0 8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .title { -webkit-text-stroke: 1.3px #00555a; font-size: 12.8rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; color: transparent; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title { opacity: 0.6; font-size: 4.3rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { background-repeat: no-repeat; background-size: cover; background-position: center; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper { position: relative; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after, .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png"); padding: 8rem 8rem 18.7rem 8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 4.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 3.2rem; margin: 2.66667rem 0 4rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 1.1rem; flex-direction: column; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 8rem 8rem 18.7rem 8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png"); margin: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png"); border: solid 1px #707070; margin: 0; margin-top: 1.1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 4.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 3.2rem; margin: 2.66667rem 0 4rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { object-position: center; object-fit: cover; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 4.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #434343; margin-left: 4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #767676; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #015959; position: relative; display: flex; align-items: center; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { content: ""; background-image: url("../assets/rightArrowGreen.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 41.3rem; width: 41.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { padding: 8rem; border-bottom: solid 1px #adadad; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2.7rem 0 5.3rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.7rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 5.3rem; padding: 0 8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 32rem; width: 32rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-left: 0; } .homepage-main-container .get-social { background-image: linear-gradient(118deg, #00797b 8%, #005077 88%); } .homepage-main-container .get-social .get-social-container { margin: auto; padding: 11.2rem 8rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .title { font-size: 12.8rem; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; -webkit-text-stroke: 1.3px #ffffff; color: transparent; } .homepage-main-container .get-social .get-social-container .heading-wrapper .desc { font-size: 4.3rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.89; letter-spacing: normal; color: #ffffff; } .homepage-main-container .get-social .get-social-container .content-wrapper { margin-top: 7.5rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper { margin: 0 -1.3rem; flex-direction: row; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item { height: 26rem; width: 26rem; border: solid 0.3px #ffffff; margin: 1.3rem; padding: 3.2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container { height: 100%; justify-content: center; align-items: center; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img { height: 8rem; width: 8rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name { font-size: 2.7rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #ffffff; display: none; align-items: center; position: relative; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name::after { content: ""; background: url("../assets/social-right-arrow-green.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; display: block; width: 4rem; min-height: 3.7rem; margin-left: 3.9rem; position: absolute; right: 0; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details { display: none; position: relative; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count { font-size: 1.5rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; color: #005778; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title { font-size: 0.6rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; color: #005778; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after { content: ""; background: url("../assets/social-right-arrow-green.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; display: block; position: absolute; right: 0; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover { background: #ffffff; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container { justify-content: space-between; align-items: unset; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container .icon-name { color: #000000; display: flex; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col { margin-top: 4rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container { margin: -2.6rem 0 0 -2rem; justify-content: space-between; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper { margin: 2.6rem 0 0 2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image { height: 40rem; width: 40rem; } } @media only screen and (min-width: 768px) { .homepage-main-container .top-banner { padding: 154px 0 68px 0; } .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container { height: 56.25rem; } .homepage-main-container .top-banner .text-wrapper { padding: 0 5.2rem; margin-top: 30px; } .homepage-main-container .top-banner .text-wrapper .title { font-size: 3.9rem; } .homepage-main-container .top-banner .text-wrapper .desc { font-size: 1.8rem; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button { font-size: 2rem; padding: 18px 30px; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button::after { width: 8px; height: 15px; margin-left: 20px; } .homepage-main-container .tile-scroll-component .fixed-content { padding: 7.8rem 5.2rem 19.5rem 5.2rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-title { font-size: 3.9rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.8rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item { padding: 7.8rem 6.5rem; text-align: left; border-right: 1px solid rgba(52, 146, 146, 0.3); border-bottom: 0; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count { font-size: 2.1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000000; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title { font-size: 2.1rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image { margin-top: 17rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img { width: 22rem; height: 24.7rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item { padding: 4rem 5.2rem 17.2rem 5.2rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index { font-size: 3.9rem; padding: 5px 0; border-bottom: 5px solid #ffffff; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title { font-size: 3.9rem; margin-top: 2.7rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title { font-size: 1.8rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail { font-size: 1.8rem; padding-left: 4.94792rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before { height: 0.5rem; width: 2.6rem; margin-top: 1.5625rem; margin-left: -4.94792rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators { margin: 0 5.2rem 5rem 5.2rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator { font-size: 1.8rem; visibility: visible; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before { right: -11.8rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container { padding: 5.2rem 40px; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0 5.2rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 3.9rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1.8rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 3.9rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 4rem 5.2rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { font-size: 2rem; padding: 2.3rem 3.9rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 1rem; height: 2rem; margin-left: 1.8rem; } .homepage-main-container .canvas-text-action { min-height: 60.5rem; padding-top: 6.5rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 44.4rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 3.9rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 1.8rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 2rem; padding: 2.3rem 3.9rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { width: 1rem; height: 2rem; margin-left: 15px; } .homepage-main-container .cta-video .cta-video-container { padding: 7.68rem 5.20833rem 9.4rem 5.20833rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper { margin-top: 3.9rem; padding: 0 5.2rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.9rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.8rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { font-size: 2rem; padding: 2.3rem 3.9rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { width: 1rem; height: 3rem; margin-left: 2.6rem; } .homepage-main-container .cta-video .cta-video-container .video-container { padding: 1.3rem 1.5rem 0 0; } .homepage-main-container .cta-video .cta-video-container .video-container::after { bottom: 1.3rem; left: 2.2rem; } .homepage-main-container .cta-video .cta-video-container .video-container .video-play { width: 7.68229rem; height: 7.68229rem; } .homepage-main-container .head_second_grid .Campus_Visit { padding: 7.8rem 5.2rem 5.2rem 5.2rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title { font-size: 6.5rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text { font-size: 1.8rem; max-width: 50%; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button { font-size: 2rem; padding: 2.3rem 3.9rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after { width: 1rem; height: 2rem; margin-left: 1.8rem; } .homepage-main-container .campus-carousel .carousel-item { height: 52.47396rem; } .homepage-main-container .campus-carousel-prev, .homepage-main-container .campus-carousel-next { top: calc(50% - 34.5px); } .homepage-main-container .campus-carousel-prev img, .homepage-main-container .campus-carousel-next img { height: 69px; width: 33px; } .homepage-main-container .campus-carousel-prev { left: 30px; } .homepage-main-container .campus-carousel-next { right: 30px; } .homepage-main-container .blog-tiles .blog-tiles-container { padding: 7.8rem 5.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading { padding: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .title { font-size: 5.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 2.1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0 -15px; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0 15px; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6.5rem 7.2rem 13.9rem 7.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 1.8rem; margin: 1.30208rem 0 3.90625rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.6rem; padding: 2rem 2.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1rem; height: 2rem; margin-left: 3.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 5.3rem; flex-direction: row; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 3.9rem 2.6rem 5.3rem 3.9rem; max-width: calc(50% - 2.6rem); } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.6rem; margin-top: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 2.1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 1.6rem; margin: 1.30208rem 0 3.90625rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.4rem; padding: 1.4rem 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.6rem; margin-left: 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0 -15px; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0 15px; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2.3rem; margin-left: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 1rem; height: 2rem; margin-left: 1.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 5.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 27.3rem; width: 27.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3.9rem; padding: 0 4.8rem 0 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 1.4rem 0 2rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2.6rem; padding: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 18.5rem; width: 18.5rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2.6rem; width: 100%; border-bottom: solid 1px #adadad; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 5rem; } .homepage-main-container .get-social .get-social-container { padding: 7.8rem 5.2rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .title { font-size: 6.5rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .desc { font-size: 2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper { margin-top: 5.2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper { margin: 0 -3.25rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item { height: 25.5rem; width: 25.5rem; margin: 3.25rem; padding: 3.3rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container { justify-content: space-between; align-items: unset; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img { height: 5.5rem; width: 5.5rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name { font-size: 1.8rem; display: flex; position: unset; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name::after { display: none; position: unset; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count { font-size: 3rem; height: 2.60417rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title { font-size: 1.6rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after { width: 2.7rem; min-height: 2.6rem; margin-left: 2.2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container { height: auto; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .item-details { display: flex; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col { margin-top: 0; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container { margin: -1.9rem 0 0 -1.9rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper { margin: 1.9rem 0 0 1.9rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image { height: 42.6rem; width: 42.6rem; } } @media only screen and (min-width: 992px) { .homepage-main-container .top-banner { padding: 17.64113rem 0 66px 0; } .homepage-main-container .top-banner .text-wrapper { padding: 0 8.1rem; margin-top: 40px; } .homepage-main-container .top-banner .text-wrapper .title { font-size: 4rem; } .homepage-main-container .top-banner .text-wrapper .desc { font-size: 1.6rem; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button { font-size: 1.5rem; } .homepage-main-container .tile-scroll-component .fixed-content { padding: 6.1rem 3.5rem 4rem 4.3rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-title { font-size: 4rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.6rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item { padding: 6.1rem 5rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count { font-size: 1.6rem; padding-bottom: 0.5rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title { font-size: 1.8rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image { margin-top: 12.6rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img { height: 19.7rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item { padding: 4.1rem 0 12.9rem 8.1rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content { max-width: 60%; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index { font-size: 4rem; padding: 10px 0; border-bottom: 5px solid #ffffff; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title { font-size: 4rem; margin-top: 3.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title { font-size: 1.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail { font-size: 1.6rem; padding-left: 3.83065rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before { height: 0.4rem; width: 2rem; margin-top: 1.20968rem; margin-left: -3.83065rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators { margin: 0 8.1rem 3rem 8.1rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator { font-size: 1.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after { height: 20px; width: 20px; margin-top: 14px; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before { right: -12.7rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container { padding: 6.1rem 40px; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0 8.1rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 4rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1.6rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 3rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 6rem 8.1rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { font-size: 1.5rem; padding: 1.8rem 3rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 0.8rem; height: 1.5rem; margin-left: 2rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 45.8rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 4rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 1.6rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 1.5rem; padding: 1.8rem 3rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { width: 0.8rem; height: 1.5rem; margin-left: 15px; } .homepage-main-container .cta-video .cta-video-container { padding: 6rem 8rem 7.3rem 8rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper { margin-top: 3rem; padding: 0; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 4rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.6rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { font-size: 1.5rem; padding: 1.8rem 3rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { width: 0.8rem; height: 1.5rem; margin-left: 1.4rem; } .homepage-main-container .cta-video .cta-video-container .video-container { padding: 1.1rem 1.9rem 0 0; } .homepage-main-container .cta-video .cta-video-container .video-container::after { bottom: 1.1rem; left: 1.9rem; } .homepage-main-container .cta-video .cta-video-container .video-container .video-play { width: 7.25806rem; height: 7.25806rem; } .homepage-main-container .head_second_grid .Campus_Visit { padding: 4rem 8.1rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title { font-size: 7.1rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text { font-size: 1.6rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button { font-size: 1.5rem; padding: 1.8rem 3rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after { width: 0.8rem; height: 1.5rem; margin-left: 1.4rem; } .homepage-main-container .campus-carousel .carousel-item { height: 55.64516rem; } .homepage-main-container .campus-carousel-prev, .homepage-main-container .campus-carousel-next { top: calc(50% - 45.5px); } .homepage-main-container .campus-carousel-prev img, .homepage-main-container .campus-carousel-next img { height: 91px; width: 43px; } .homepage-main-container .campus-carousel-prev { left: 40px; } .homepage-main-container .campus-carousel-next { right: 40px; } .homepage-main-container .blog-tiles .blog-tiles-container { padding: 6rem 8.1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .title { font-size: 7.1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6rem 18.2rem 4.5rem 6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { margin: 1.5121rem 0 1.41129rem 0; font-size: 1.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.5rem; padding: 1.5rem 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.5rem; margin-left: 1.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem 3rem 4.4rem 3rem; max-width: calc(50% - 2.4rem); } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { margin: 1.00806rem 0 1.41129rem 0; font-size: 1.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.1rem; padding: 1.1rem 1.5rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.6rem; height: 1.1rem; margin-left: 1.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 1.5rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.8rem; height: 1.5rem; margin-left: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 21.2rem; width: 21.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3rem; padding-right: 4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2rem 0 3rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 14.3rem; width: 14.3rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 3.5rem; } .homepage-main-container .get-social .get-social-container { padding: 4rem 8rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .title { font-size: 7.1rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .desc { font-size: 1.6rem; } .homepage-main-container .get-social .get-social-container .content-wrapper { margin-top: 6rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper { margin: 0 -1.2rem; flex-direction: column; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item { height: 16.2rem; width: 16.2rem; margin: 1.2rem; padding: 2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img { height: 3.5rem; width: 3.5rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name { font-size: 1.2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count { font-size: 1.9rem; height: 2.01613rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title { font-size: 0.9rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after { width: 1.7rem; min-height: 1.6rem; margin-left: 1.5rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container { margin: 0; justify-content: flex-end; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper { margin: 1.2rem 0 0 1.2rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image { height: 26.5rem; width: 26.5rem; } } @media only screen and (min-width: 1200px) { .homepage-main-container .top-banner { padding: 0; } .homepage-main-container .top-banner .carousel-inner .carousel-item { padding: 189px 17.86rem 156px 17.86rem; } .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container { top: 189px; right: 17.86rem; bottom: 156px; left: 17.86rem; } .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container { padding: 30px 0 40px 0; max-width: 1525px; margin-left: auto; height: auto; } .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container .text-wrapper { max-width: 32.1rem; margin-left: -115px; } .homepage-main-container .top-banner .text-wrapper { padding: 0; margin-top: 0; } .homepage-main-container .top-banner .text-wrapper .title { font-size: 5rem; } .homepage-main-container .top-banner .text-wrapper .desc { font-size: 1.2rem; } .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button { font-size: 0.9rem; } .homepage-main-container .tile-scroll-component .fixed-content { padding: 8.3rem 5.2rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-title { font-size: 3.3rem; } .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.3rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item { padding: 8.3rem 5.2rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count { font-size: 1.3rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image { margin-top: 7.8rem; } .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img { width: 21rem; height: 23rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item { padding: 6.5rem 0 16.4rem 7.3rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content { max-width: 45%; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index { font-size: 2.7rem; padding: 10px 0; border-bottom: 7px solid #ffffff; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title { font-size: 3.3rem; margin-top: 1.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title { font-size: 1.3rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail { font-size: 1.3rem; padding-left: 1.97917rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before { height: 0.21rem; width: 1rem; margin-top: 1.14583rem; margin-left: -1.97917rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators { margin: 0 7.3rem 5.2rem 7.3rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator { font-size: 1.25rem; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after { margin-top: 12px; } .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before { right: -20rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container { max-width: 1720px; margin: auto; padding: 11rem 40px; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 3.1rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 4.2rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 0; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .canvas-text-action { min-height: 56.25rem; padding-top: 5.7rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 34.9rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 3.1rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 1.1rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { width: 0.4rem; height: 0.8rem; margin-left: 15px; } .homepage-main-container .cta-video { background-size: cover; background-position: center; background-repeat: no-repeat; } .homepage-main-container .cta-video .cta-video-container { max-width: 1720px; margin: auto; padding: 11.5rem 40px 8.9rem 40px; flex-direction: row; margin-top: 0; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.1rem; max-width: 27.91667rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1rem; max-width: 60%; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .cta-video .cta-video-container .video-container { max-width: 47.5rem; padding: 0.7rem 1.1rem 0 0; } .homepage-main-container .cta-video .cta-video-container .video-container::after { bottom: 0.7rem; left: 1.1rem; } .homepage-main-container .cta-video .cta-video-container .video-container .video-play { width: 4.16667rem; height: 4.16667rem; } .homepage-main-container .head_second_grid .Campus_Visit { max-width: 1720px; margin: auto; padding: 4.4rem 40px; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title { font-size: 4.9rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text { font-size: 1rem; max-width: unset; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button { font-size: 0.8rem; padding: 0.9rem 1.6rem; margin-top: 2.2rem; } .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .campus-carousel .carousel-item { height: 51.35417rem; } .homepage-main-container .campus-carousel-prev { left: 51px; } .homepage-main-container .campus-carousel-next { right: 51px; } .homepage-main-container .blog-tiles .blog-tiles-container { max-width: 1720px; margin: auto; padding: 6.25rem 40px; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .title { font-size: 4.9rem; } .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 4.2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 0.8rem; margin: 1.5625rem 0 0.72917rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { flex-wrap: wrap; margin-top: 0; flex-direction: column; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem; min-height: 17.2rem; max-width: unset; width: 100%; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-bottom: 15px; margin-right: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-top: 15px; margin-left: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 0.7rem; margin: 0.52083rem 0 0.72917rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper { margin-top: 1.6rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 0.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 0.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 10rem; width: 10rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 1.6rem; padding-right: 2rem; max-height: 10rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 0 0 1rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) { margin-top: 0.8rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 7.4rem; width: 7.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 1rem; max-height: 7.4rem; width: auto; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 1rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.4rem; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin: 0.4rem 0; } .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin-top: 0.4rem; } .homepage-main-container .get-social .get-social-container { max-width: 1720px; padding: 7.3rem 40px; } .homepage-main-container .get-social .get-social-container .heading-wrapper .title { font-size: 4.9rem; } .homepage-main-container .get-social .get-social-container .heading-wrapper .desc { font-size: 0.9rem; } .homepage-main-container .get-social .get-social-container .content-wrapper { margin-top: 0; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper { margin: 8rem -0.9rem 0 -0.9rem; flex-direction: row; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item { height: 12.3rem; width: 12.3rem; margin: 0.9rem; padding: 1.6rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img { height: 2.7rem; width: 2.7rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name { font-size: 1rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count { font-size: 1.5rem; height: 1.5625rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title { font-size: 0.6rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after { width: 1.25rem; min-height: 1.2rem; margin-left: 0.9rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper { margin: 0.7rem 0 0 0.7rem; } .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image { height: 16.4rem; width: 16.4rem; } } .reachus_main_wrap .head_top_grid { background-color: #207878; padding-top: 187px; } .reachus_main_wrap .head_top_grid .main_top_wrap { max-width: 1640px; margin: auto; padding: 50px 40px 0px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title { background-image: url("../assets/Ellipse22.png"); background-position: center; background-repeat: no-repeat; background-size: 70%; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; transition: background-size 1.5s; width: 750px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover { background-size: 200%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything { margin-top: 95px; margin-bottom: 120px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input { background: transparent; box-shadow: none; border: none; width: 100%; color: #ffffff; padding-bottom: 25px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.37; border-bottom: 1px solid #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-webkit-input-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-moz-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-ms-input-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-moz-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 10px 12px; margin-top: 25px; text-transform: uppercase; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything { padding: 30px 40px 40px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #15263b; width: 725px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: #015959; border-bottom: 3px solid #015959; display: inline-block; padding-bottom: 10px; margin-bottom: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating { position: relative; margin-top: 90px; margin-bottom: 90px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label, .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label { top: -20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton { width: 146px; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 30px; text-transform: uppercase; cursor: pointer; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close { opacity: 0.9; margin: 10px 10px 0px 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg { width: 20px; height: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info { width: 100%; background: #ffffff; padding: 65px 100px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box { padding: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im { width: 71px; height: 59px; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.41px; text-align: left; color: #017a7b; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; margin: 0px; } .reachus_main_wrap .head_second_grid { background-color: #e2f7f7; min-height: 200px; } .reachus_main_wrap .head_second_grid .main_mid_wrap { max-width: 1640px; margin: auto; padding: 0px 40px 50px 40px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back { width: 100%; background: #ffffff; padding: 65px 100px; -webkit-box-shadow: 0px -2px 3px -1px #e0e0e0; -moz-box-shadow: 0px -2px 3px -1px #e0e0e0; box-shadow: 0px -2px 3px -1px #e0e0e0; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title { font-weight: 600; color: #015959; border-bottom: 3px solid #015959; width: fit-content; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: normal; text-align: left; color: #15263b; margin-top: 1.5rem; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 30px; margin-top: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form { display: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid { margin-top: 60px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label { position: relative; margin-bottom: 100px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label { top: -18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label { top: -18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea { resize: none; overflow: hidden; overflow-x: hidden; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit { padding: 160px 0px 80px 0px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00555a; color: transparent; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container { display: flex; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); text-transform: uppercase; background: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 27px; margin-top: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .Reach_Last_Area .image-element { padding-left: 0; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap { width: 100% !important; height: 100% !important; } .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title { position: absolute; left: 80px; top: 90px; font-weight: 800; line-height: 1.18; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; width: 510px; } .reachus_main_wrap .Reach_Last_Area .Support_Text { padding: 6rem; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul { padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; list-style: none; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; margin-bottom: 20px; margin-left: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span { width: 19.1px; float: left; height: 4px; background: #000000; margin-top: 9px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); text-transform: uppercase; background: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 27px; margin-top: 50px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap button.cta-button { opacity: 0.9; } /* ========================================= Responsive Area ========================= */ @media only screen and (min-width: 320px) { .reachus_main_wrap .head_top_grid { padding-top: 60px; } .reachus_main_wrap .head_top_grid .main_top_wrap { padding: 90px 30px 0px 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title { width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text { font-size: 44px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover { background-size: 200%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything { margin-top: 0px; margin-bottom: 40px; padding-bottom: 10px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input { padding-bottom: 0; padding-top: 15px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton { width: auto; height: 40px; font-size: 12px; float: left; line-height: 1.42; padding: 6px 12px; margin-top: 10px; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after { content: ""; width: 6px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything { padding: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText { font-size: 20px; color: #15263b; width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 { font-size: 18px; line-height: 2.67; padding-bottom: 0px; margin-bottom: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating { margin-top: 40px; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input { font-size: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label { font-size: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton { width: 127px; height: 40px; font-size: 12px; font-weight: 600; padding: 18px 30px; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after { content: ""; width: 6px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close { width: 30px; height: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg { width: 25px; height: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info { width: 100%; padding: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box { padding: 0px; display: grid; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im { width: 36px; height: 30px; margin-bottom: 15px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.32px; margin-bottom: 15px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: 0.09px; margin: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls { display: flex; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_prev { position: absolute; top: 20px; left: 2%; display: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_next { position: absolute; top: 20px; right: 2%; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls img { width: 21px; height: 45px; } .reachus_main_wrap .head_second_grid { min-height: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap { padding: 0px 30px 0px 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back { padding: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: normal; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; margin-top: 15px; margin-bottom: 0px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button { width: auto; height: 40px; float: left; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: 0px; padding: 18px 30px; margin-top: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after { content: ""; width: 6px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form { display: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid { margin-top: 40px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label { position: relative; margin-bottom: 40px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus { outline: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.1; top: 10px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label { font-size: 12px; line-height: 1.4; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label { font-size: 12px; line-height: 1.4; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea { resize: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit { padding: 50px 0px 25px 0px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title { font-size: 40px; font-weight: 800; line-height: 1.33; margin-bottom: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container { flex-direction: column; align-items: flex-start; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text { font-size: 16px; line-height: 1.5; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button { width: auto; height: 40px; font-size: 12px; font-weight: 600; line-height: 1.42; padding: 18px 30px; margin-top: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after { content: ""; width: 6px; } .reachus_main_wrap .campus-carousel .carousel-item { height: 181.33333rem; } .reachus_main_wrap .campus-carousel .carousel-item video, .reachus_main_wrap .campus-carousel .carousel-item img { object-fit: cover; object-position: center; } .reachus_main_wrap .campus-carousel-prev, .reachus_main_wrap .campus-carousel-next { position: absolute; top: calc(50% - 22.5px); } .reachus_main_wrap .campus-carousel-prev img, .reachus_main_wrap .campus-carousel-next img { height: 45px; width: 21px; } .reachus_main_wrap .campus-carousel-prev { left: 30px; } .reachus_main_wrap .campus-carousel-next { right: 30px; } .reachus_main_wrap .Reach_Last_Area { padding: 0px; } .reachus_main_wrap .Reach_Last_Area .Support_Text { padding: 0rem; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title { font-size: 20px; line-height: 1.25; margin-bottom: 30px; margin-top: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text { font-size: 16px; line-height: 1.5; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p { font-size: 16px; line-height: 1.5; letter-spacing: normal; margin-left: 25px; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span { width: 13px; height: 4px; margin-top: 9px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button { width: auto; height: 40px; font-size: 12px; line-height: 1.42; padding: 18px 30px; margin-top: 30px; margin-left: 25px; margin-bottom: 30px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after { content: ""; width: 6px; } } @media only screen and (min-width: 768px) { .reachus_main_wrap .head_top_grid { padding-top: 140px; } .reachus_main_wrap .head_top_grid .main_top_wrap { max-width: 1640px; margin: auto; padding: 0px 40px 0px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title { width: 400px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text { font-size: 57px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover { background-size: 200%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything { margin-top: 40px; margin-bottom: 40px; border-bottom: 1px solid #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input { padding-bottom: 15px; font-size: 20px; padding-right: 35px; border-bottom: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 12px 16px; margin-top: 10px; text-transform: uppercase; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything { padding: 30px 40px 40px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #15263b; max-width: 725px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: #015959; border-bottom: 3px solid #015959; display: inline-block; padding-bottom: 10px; margin-bottom: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating { position: relative; margin-top: 90px; margin-bottom: 90px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label, .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label { top: -20px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton { width: 146px; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 30px; text-transform: uppercase; cursor: pointer; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close { opacity: 0.9; margin: 10px 10px 0px 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg { width: 20px; height: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info { padding: 50px 50px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box { padding: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im { width: 71px; height: 59px; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title { font-size: 16px; line-height: 1.38; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text { font-size: 18px; line-height: 1.33; margin: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls { display: flex; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_prev { position: absolute; top: 60px; left: 2%; display: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_next { position: absolute; top: 60px; right: 2%; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls img { width: 25px; height: 64px; } .reachus_main_wrap .head_second_grid { background-color: #e2f7f7; min-height: 200px; } .reachus_main_wrap .head_second_grid .main_mid_wrap { padding: 0px 40px 0px 40px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back { padding: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title { font-size: 22px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text { font-size: 14px; line-height: 1.5; margin-top: 1.5rem; width: 100%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 30px; margin-top: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form { display: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid { margin-top: 60px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label { position: relative; margin-bottom: 100px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label { top: -18px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label { top: -18px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea { resize: none; overflow: hidden; overflow-x: hidden; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit { padding: 40px 00px 0px 0px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title { font-size: 50px; text-align: left; margin-bottom: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container { flex-direction: row; align-items: center; margin-bottom: 30px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text { font-size: 14px; opacity: 9; width: 336px; margin-right: 50px; display: inline-block; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button { margin-top: 0; float: right; } .reachus_main_wrap .campus-carousel .carousel-item { height: 52.47396rem; } .reachus_main_wrap .campus-carousel-prev, .reachus_main_wrap .campus-carousel-next { top: calc(50% - 34.5px); } .reachus_main_wrap .campus-carousel-prev img, .reachus_main_wrap .campus-carousel-next img { height: 69px; width: 33px; } .reachus_main_wrap .campus-carousel-prev { left: 30px; } .reachus_main_wrap .campus-carousel-next { right: 30px; } .reachus_main_wrap .Reach_Last_Area .image-element { padding-left: 0; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap { width: 100% !important; height: 100% !important; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img { width: 100%; height: 100%; } .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title { left: 45px; top: 45px; line-height: 1.29; font-size: 50px; width: 225px; } .reachus_main_wrap .Reach_Last_Area .Support_Text { padding: 2.5rem 1rem; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title { font-size: 30px; line-height: 1.13; margin-bottom: 20px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text { font-size: 14px; line-height: 1.5; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p { font-size: 14px; margin-bottom: 20px; margin-left: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span { width: 19.1px; float: left; height: 4px; background: #000000; margin-top: 9px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button { margin-top: 40px; } } @media only screen and (min-width: 992px) { .reachus_main_wrap .head_top_grid { background-color: #207878; padding-top: 187px; font-size: 50px; } .reachus_main_wrap .head_top_grid .main_top_wrap { max-width: 1640px; margin: auto; padding: 0px 40px 0px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title { width: 460px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text { font-size: 66px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover { background-size: 200%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything { margin-top: 60px; margin-bottom: 45px; border-bottom: 1px solid #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input { padding-bottom: 15px; font-size: 26px; line-height: 1.62; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton { width: auto; height: 56px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 15px 18px; text-transform: uppercase; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything { padding: 30px 40px 40px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText { font-size: 2.82258rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #15263b; max-width: 725px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 { font-size: 2.41935rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: #015959; border-bottom: 3px solid #015959; display: inline-block; padding-bottom: 10px; margin-bottom: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating { position: relative; margin-top: 90px; margin-bottom: 90px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input { font-size: 2.82258rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label { font-size: 2.82258rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label, .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label { top: -20px; font-size: 1.6129rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton { width: 146px; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 1.5121rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 30px; text-transform: uppercase; cursor: pointer; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close { opacity: 0.9; margin: 10px 10px 0px 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg { width: 20px; height: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info { padding: 50px 50px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box { padding: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im { width: 71px; height: 59px; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title { font-size: 1.6129rem; line-height: 1.38; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text { font-size: 1.81452rem; line-height: 1.33; margin: 0px; } .reachus_main_wrap .head_second_grid { background-color: #e2f7f7; min-height: 200px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back { padding: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title { font-size: 2.21774rem; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text { font-size: 1.6129rem; line-height: 1.5; margin-top: 1.5rem; width: 85%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button { width: auto; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 1.5121rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 30px; margin-top: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form { display: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid { margin-top: 60px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label { position: relative; margin-bottom: 100px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select { font-size: 2.01613rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label { font-size: 2.01613rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label { top: -18px; font-size: 1.41129rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label { top: -18px; font-size: 1.41129rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea { resize: none; overflow: hidden; overflow-x: hidden; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit { padding: 80px 50px 0px 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title { font-size: 7.05645rem; text-align: left; margin-bottom: 20px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text { font-size: 1.6129rem; line-height: 1.5; opacity: 9; width: auto; float: left; margin-right: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button { margin-top: 0px; float: right; } .reachus_main_wrap .campus-carousel .carousel-item { height: 55.64516rem; } .reachus_main_wrap .campus-carousel-prev, .reachus_main_wrap .campus-carousel-next { top: calc(50% - 45.5px); } .reachus_main_wrap .campus-carousel-prev img, .reachus_main_wrap .campus-carousel-next img { height: 91px; width: 43px; } .reachus_main_wrap .campus-carousel-prev { left: 40px; } .reachus_main_wrap .campus-carousel-next { right: 40px; } .reachus_main_wrap .Reach_Last_Area .image-element { padding-left: 0; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap { width: 100% !important; height: 100% !important; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img { width: 100%; height: 100%; } .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title { left: 60px; top: 80px; line-height: 1.29; font-size: 7.05645rem; width: 300px; } .reachus_main_wrap .Reach_Last_Area .Support_Text { padding: 2.5rem 1.875rem; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title { font-size: 1.6129rem; line-height: 1.15; margin-bottom: 35px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text { font-size: 1.6129rem; line-height: 1.5; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p { font-size: 1.6129rem; margin-bottom: 20px; margin-left: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span { width: 19.1px; float: left; height: 4px; background: #000000; margin-top: 9px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button { margin-top: 40px; } } @media only screen and (min-width: 1200px) { .reachus_main_wrap .head_top_grid { background-color: #207878; padding-top: 187px; font-size: 50px; } .reachus_main_wrap .head_top_grid .main_top_wrap { max-width: 1640px; margin: auto; padding: 50px 40px 0px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title { background-image: url("../assets/Ellipse22.png"); background-position: center; background-repeat: no-repeat; background-size: 70%; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; transition: background-size 1.5s; width: 750px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; font-size: 104px; } .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover { background-size: 200%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything { margin-top: 95px; margin-bottom: 120px; border-bottom: 1px solid #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input { background: transparent; box-shadow: none; border: none; width: 100%; color: #ffffff; padding-bottom: 25px; font-size: 35px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.37; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-webkit-input-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-moz-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-ms-input-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-moz-placeholder { color: #81bcbc; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton { width: auto; height: 56px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 30px; margin-top: 10px; text-transform: uppercase; cursor: pointer; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything { padding: 30px 40px 40px 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #15263b; max-width: 725px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: #015959; border-bottom: 3px solid #015959; display: inline-block; padding-bottom: 10px; margin-bottom: 30px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating { position: relative; margin-top: 90px; margin-bottom: 90px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label { font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label, .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label { top: -20px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton { width: 146px; height: 60px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 30px; text-transform: uppercase; cursor: pointer; margin-bottom: 40px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close { opacity: 0.9; margin: 10px 10px 0px 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg { width: 20px; height: 20px; } .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus { outline: none; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info { width: 100%; background: #ffffff; padding: 65px 100px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box { padding: 0px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im { width: 71px; height: 59px; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.41px; text-align: left; color: #017a7b; margin-bottom: 25px; } .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; margin: 0px; } .reachus_main_wrap .head_second_grid { background-color: #e2f7f7; min-height: 200px; } .reachus_main_wrap .head_second_grid .main_mid_wrap { max-width: 1640px; margin: auto; padding: 0px 40px 50px 40px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back { width: 100%; background: #ffffff; padding: 65px 100px; -webkit-box-shadow: 0px -2px 3px -1px #e0e0e0; -moz-box-shadow: 0px -2px 3px -1px #e0e0e0; box-shadow: 0px -2px 3px -1px #e0e0e0; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title { font-weight: 600; color: #015959; border-bottom: 3px solid #015959; width: fit-content; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; font-size: 23px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text { font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: normal; text-align: left; color: #15263b; margin-top: 1.5rem; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button { width: auto; height: 56px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; float: right; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 30px; margin-top: 50px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form { display: none; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid { margin-top: 60px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label { position: relative; margin-bottom: 100px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000000; padding: 10px 0px; display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(112, 112, 112, 0.5); width: 100%; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus { outline: none; border-bottom: 2px solid #000000; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label { top: -18px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label, .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label { top: -18px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.5); } .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea { resize: none; overflow: hidden; overflow-x: hidden; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit { padding: 160px 0px 80px 0px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00555a; color: transparent; font-size: 120px; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container { flex-direction: column; align-items: flex-start; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button { width: auto; height: 56px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); text-transform: uppercase; background: #ffffff; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 19px 27px; margin-top: 42px; float: left; } .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } .reachus_main_wrap .campus-carousel .carousel-item { height: 51.35417rem; } .reachus_main_wrap .campus-carousel-prev { left: 51px; } .reachus_main_wrap .campus-carousel-next { right: 51px; } .reachus_main_wrap .Reach_Last_Area .image-element { padding-left: 0; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap { width: 100% !important; height: 100% !important; } .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img { width: 100%; height: 100%; } .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title { position: absolute; left: 60px; top: 80px; font-weight: 800; line-height: 1.18; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; font-size: 100px; width: 510px; } .reachus_main_wrap .Reach_Last_Area .Support_Text { padding: 4rem 0rem 4rem 4rem; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title { font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul { padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; list-style: none; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; margin-bottom: 20px; margin-left: 40px; } .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span { width: 19.1px; float: left; height: 4px; background: #000000; margin-top: 9px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button { width: auto; height: 56px; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); text-transform: uppercase; background: #ffffff; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 18px 27px; margin-top: 50px; } .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 8px; height: 15px; margin-left: 20px; } } .reachus_main_wrap button { white-space: nowrap; height: auto !important; } .TeamWrapper .TW_HeadGrid { background-image: url("../assets/team_head_img.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 400px; padding-bottom: 25px; } .TeamWrapper .TW_HeadGrid .PlakshaTeam { max-width: 38.28125rem; margin: 0px auto; } .TeamWrapper .TW_HeadGrid .PlakshaTeam h1 { font-size: 5.20833rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: center; color: #ffffff; margin: 0px 0px 0px 0px; } .TeamWrapper .TW_HeadGrid .PlakshaTeam p { font-size: 1.04167rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #ffffff; margin: auto; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam { margin: 0px auto; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; font-size: 0.78125rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 0.9375rem 1.5625rem; margin-top: 32px; text-transform: uppercase; white-space: nowrap; display: flex; align-items: center; cursor: pointer; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; margin-top: -1px; } .TeamWrapper .OurTeamGrid { max-width: 1640px; margin: auto; padding: 135px 40px 0px 40px; } .TeamWrapper .OurTeamGrid h2 { font-size: 4.89583rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: #ffffff; -webkit-text-stroke: 1px #00555a; } .TeamWrapper .OurTeamGrid .AlphaSearch { float: right; border-bottom: 2px solid #cecece; padding-bottom: 10px; margin-top: 20px; width: 355px; } .TeamWrapper .OurTeamGrid .AlphaSearch input { font-size: 1.25rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; text-align: left; color: #027878; border: none; } .TeamWrapper .OurTeamGrid .AlphaSearch input:focus { outline: none; } .TeamWrapper .OurTeamGrid .AlphaSearch input::-webkit-input-placeholder { color: #207878; opacity: 0.3; } .TeamWrapper .OurTeamGrid .AlphaSearch input::-moz-placeholder { color: #207878; opacity: 0.3; } .TeamWrapper .OurTeamGrid .AlphaSearch input:-ms-input-placeholder { color: #207878; opacity: 0.3; } .TeamWrapper .OurTeamGrid .AlphaSearch input:-moz-placeholder { color: #207878; opacity: 0.3; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon { width: 30px; float: left; margin: 6px 0px 0px 0px; } .TeamWrapper .OurTeamGrid .Shorting_Button { display: none; } .TeamWrapper .OurTeamGrid .FG_Wrap { width: 100%; margin-top: 94px; display: flex; } .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid { width: 25%; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid { width: 75%; display: flex; flex-wrap: wrap; justify-content: flex-start; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid .TD_Button { display: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid .TD_Button:hover { display: block !important; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul { padding: 0px; margin: 0px 0px 0px 17px; list-style-type: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li { position: relative; margin-bottom: 2.1875rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a { font-size: 1.25rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.55px; text-align: left; color: #207878; opacity: 0.45; text-decoration: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a:hover { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active { font-size: 1.25rem; font-weight: bold; color: #207878; opacity: 9; display: flex; align-items: center; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; height: 8px; margin-right: 16px; margin-left: -26px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul { padding: 0px 0px 0px 0px; margin: 30px 0px 0px 20px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li { margin-bottom: 30px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a { font-size: 1.04167rem; font-weight: 600; font-stretch: normal; font-style: italic; color: #207878; opacity: 0.5; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a:hover { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a.select { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox { background-color: #207878; width: 31.4%; position: relative; margin-left: 8px; margin-right: 8px; margin-bottom: 16px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic { padding: 70px 25px 0px 25px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic img { width: 100%; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails { text-align: center; position: absolute; background: #333; width: 100%; z-index: 100; bottom: 0px; background: #015959; background: linear-gradient(0deg, #015959 0%, #015959d4 33%, rgba(1, 89, 89, 0.55) 61%, rgba(1, 89, 89, 0) 100%); padding: 0 2.60417rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 { font-size: 1.25rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; color: #ffffff; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p { font-size: 0.83333rem; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 1.94; letter-spacing: normal; color: #ffffff; margin: 0px; margin-bottom: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TeamDetails p { margin-bottom: 15px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TD_Button { opacity: 1; display: block !important; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button { margin: 0px auto; border-radius: 5px; border: solid 1px rgba(1, 122, 123, 0.5); background: #ffffff; font-size: 0.78125rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #000000; padding: 0.9375rem 1.5625rem; margin-top: 15px; margin-bottom: 25px; text-transform: uppercase; display: flex; align-items: center; cursor: pointer; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; margin-top: -1px; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog { margin: 0rem; bottom: 0; position: absolute; top: 0; right: 0; left: 0; height: 100%; display: flex; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content { border: none; border-radius: 0rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header { padding: 13.06667rem 8rem 0rem 8rem; border-bottom: none; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header .navico { background: #ffffff; border: 0; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header .navico:focus { outline: none; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-body { background: #ffffff; margin-bottom: 9.33333rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer { background: #ffffff; padding: 0rem; border-top: solid 1px rgba(150, 150, 150, 0.36); border-radius: 0; position: fixed; bottom: 0; left: 0; right: 0; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul { padding: 0rem; margin: 0rem; list-style: none; width: 100%; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li { width: 50%; display: inline-block; text-align: center; float: left; border-right: solid 1px rgba(150, 150, 150, 0.36); } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li a { line-height: 3; font-size: 4.26667rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; text-align: center; display: block; color: #000000; opacity: 0.5; text-decoration: none; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li .active { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul { padding: 0px; margin: 10.66667rem 0rem 0rem 8rem; list-style-type: none; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li { position: relative; margin-bottom: 8rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a { font-size: 5.33333rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.35px; text-align: left; color: #207878; opacity: 0.46; text-decoration: none; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a:hover { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a.active { font-size: 5.33333rem; font-weight: bold; color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; position: absolute; left: -17px; top: 8px; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul { padding: 0rem; margin: 8rem 0rem 0rem 5.33333rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li { margin-bottom: 8rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li a { font-size: 5.33333rem; font-weight: 600; font-stretch: normal; font-style: italic; color: #207878; opacity: 0.5; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li a:hover { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked { display: flex; justify-content: space-between; padding-right: 8rem; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked a { color: #207878; opacity: 9; } .TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked::after { content: url("../assets/checkbox-green.svg"); height: 18px; width: 18px; object-position: center; object-fit: contain; } .banner-desdaw{ width: 100%;} .banner-desdaw img{ width: 100%;} .four-box-wrap{ position: relative;} .four-box-holder-content{ position: absolute; top: 0; left: 0; width: 100%;} .dsw-four-box{ background: #036a79; margin-top: -50px} .dsw-four-box .four-box-holder{height: 100%;height: 500px;} .dsw-four-box .four-box-holder ul{ margin:0; padding: 0;display: flex; flex-wrap:wrap; overflow: visible; height:100%; } .dsw-four-box .four-box-holder ul li{ width: 25%; padding: 60px 40px 50px; text-align: center; list-style-type: none;transform: skewY(4deg);transition: 1.2s transform ease-out; position: relative; height:100%; } .dsw-four-box .four-box-holder ul li:nth-child(1){ background: url(../assets/images/four-box-3.jpg); background-repeat: no-repeat; background-size: cover;transform-origin: 300% 0;} .dsw-four-box .four-box-holder ul:after{display: block; content: ""; background: #212121; position: absolute; bottom: 0; left: 0; width: 100%; height: 5.1vw; z-index: 95;} .dsw-four-box .four-box-holder ul:after{ background: white; /*border-top: 2px solid hsl(0, 0%, 17%);*/} .dsw-four-box .four-box-holder ul li:nth-child(2){ background: url(../assets/images/four-box-2.jpg); background-repeat: no-repeat; background-size: cover; transform-origin: 200% 0; } .dsw-four-box .four-box-holder ul li:nth-child(3){ background: url(../assets/images/four-box-1.jpg); background-repeat: no-repeat; background-size: cover;transform-origin: 100% 0;} .dsw-four-box .four-box-holder ul li:nth-child(4){background:url(../assets/images/admissions.jpg); background-repeat: no-repeat; background-size: cover;transform-origin: 0 0; transform: skewY(-12deg);} .content-dsw { top:0; left: 0;} .four-box-holder-content{ display: flex; flex-wrap: wrap;} .content-dsw{ float: left; width: 25%; ;padding: 30px 40px 50px; text-align: center; box-sizing: border-box; height: 100%; padding: 1em 1em;} .content-dsw img.icon{ padding-bottom: 25px;} .dsw-four-box .four-box-holder-content .content-dsw h2{ color: #fff; font-size: 18px; line-height: 22px; border-bottom: 1px solid #ffffff; padding-bottom: 15px; text-transform: uppercase; font-weight: 700;} .dsw-four-box .four-box-holder-content .content-dsw p{height: 110px; padding-bottom: 50px; color: #fff; font-size: 14px; font-weight: 100; padding-top: 5px; text-align: left;} .btn-dsw a{color: #000; background: #ffffff; padding: 0.9rem 1.6rem; border-radius: 5px; font-size: 12px; text-decoration: none; text-transform: uppercase; border: 1px solid #036a79;} .btn-dsw img{max-width: 6px; margin: -2px 0px 0px 5px;} .whi-bag{ width: 100%; background: #fff; margin-top: -100px; padding: 100px 0px;} p.card-text{font-size: 14px; font-weight: 400; text-align: left; color: #777777;} .dsw-upcoming-eventdaw{ padding: 0px 0px 40px; margin-top: -5px} h2.com-titledaw{ font-size: 32px; color: #036a79; font-weight: 700; margin-bottom: 30px} .events-dsw ul{ margin: 0; padding: 0;} .events-dsw ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; list-style-type: none; } .events-dsw ul li img{ width: 100%;} .events-dsw ul li h4{color: #036a79; font-size: 18px; text-align: center; padding-bottom: 4px; font-weight: 700; line-height: 22px;} .events-dsw ul li p{height: 110px; padding-bottom: 20px; font-size: 14px; font-weight: 400; color: #777777; text-align: left;} .events-dsw ul li .event-btnsdaw a{color: #000; background: #ffffff; padding: 0.9rem 1.6rem; border-radius: 5px; font-size: 12px; text-decoration: none; border: 1px solid #036a79; display: inline-block; text-transform: uppercase;} .events-dsw ul li .event-btnsdaw a:hover{box-shadow: 0 15px 50px 0 rgb(52 227 109 / 30%), 0 10px 15px -5px rgb(38 230 196 / 30%); } .btn-dsw a:hover{box-shadow: 0 15px 50px 0 rgb(52 227 109 / 30%), 0 10px 15px -5px rgb(38 230 196 / 30%);} .events-dsw ul li .event-btnsdaw{} .events-dsw ul li:nth-child(3n){ margin-right: 0;} .events-dsw ul li .event-btnsdaw img{max-width: 6px; margin: -2px 0px 0px 3px;vertical-align: middle;} .ev-contentdaw{background: #f9f9f9; padding: 20px 20px; border-radius: 0 0 5px 5px; } .events-dsw ul li img{ border-radius: 5px 5px 0 0px ;} /*student life*/ .carousel { position: relative; } .carousel-item img { object-fit: cover; } #carousel-thumbs { background: #f0f0f0; padding: 0 50px; } #carousel-thumbs-one { background: #e3f8f8; } #carousel-thumbs-two { background: #e3f8f8; } #carousel-thumbs { background: #e3f8f8; } #carousel-thumbs-three { background: #e3f8f8; } #carousel-thumbs-four { background: #e3f8f8; } #carousel-thumbs-five { background: #e3f8f8; } #carousel-thumbs-six { background: #e3f8f8; } #carousel-thumbs img:hover, #carousel-thumbs-one img:hover, #carousel-thumbs-two img:hover, #carousel-thumbs-three img:hover, #carousel-thumbs-four img:hover, #carousel-thumbs-five img:hover, #carousel-thumbs-six img:hover { opacity: 100%; } #carousel-thumbs img:hover, #carousel-thumbs-one img, #carousel-thumbs-two img, #carousel-thumbs-three img, #carousel-thumbs-four img, #carousel-thumbs-five img, #carousel-thumbs-six img { opacity: 80%; border: 3px solid transparent; cursor: pointer; height: 130px; object-fit: cover; } #carousel-thumbs .selected img, #carousel-thumbs-one .selected img, #carousel-thumbs-two .selected img, #carousel-thumbs-three .selected img, #carousel-thumbs-four .selected img, #carousel-thumbs-five .selected img, #carousel-thumbs-six .selected img { opacity: 100%; } .carousel-control-prev, .carousel-control-next { width: 50px; } #carousel-thumbs .carousel-control-prev-icon, #carousel-thumbs-one .carousel-control-prev-icon, #carousel-thumbs-two .carousel-control-prev-icon, #carousel-thumbs-three .carousel-control-prev-icon, #carousel-thumbs-four .carousel-control-prev-icon, #carousel-thumbs-five .carousel-control-prev-icon, #carousel-thumbs-six .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; } #carousel-thumbs .carousel-control-next-icon, #carousel-thumbs-one .carousel-control-next-icon, #carousel-thumbs-two .carousel-control-next-icon, #carousel-thumbs-three .carousel-control-next-icon, #carousel-thumbs-four .carousel-control-next-icon, #carousel-thumbs-five .carousel-control-next-icon, #carousel-thumbs-six .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; } .modal-content { border-radius: 0; background-color: transparent; border: none; } #lightbox-container-image img { width: auto; max-height: 520px; } /*student life End*/ /*tab-sec*/ .tablinks { color: #036a79; position: relative; align-items: center; display: flex; justify-content: center; border: none; } .tab-sec .tablinks.active { color: #036a79 !important; background: none; border-bottom: 2px solid #a0abac !important;; opacity: 1; } .tabcontent { display: none; padding: 6px 0px; border-top: none; margin-top: 20px; } .tablinks img.mr-2{ margin-right: 10px !important;} .tablinks img{ max-width: 15px;} .tablinks span{ font-size: 17px;} .tab-sec{ padding: 60px 0px; background: #e3f8f8; } .text-contain .learn{ align-items: flex-end !important } .text-contain .learn a{ font-size: 17px;} .box-see{ text-align: center; } p.see{ color: #fff; font-size: 30px;} .tab-sec .tablinks img.black{ display: none;} .tab-sec .tablinks.active img.black{ display: block;} .tab-sec .tablinks.active img.white{ display: none;} .tab-sec .tablinks{width: auto; float: left; color: #036a79; text-transform: uppercase; padding-left: 0 !important; padding-right: 0 !important; outline: none; background: none;font-size: 18px; font-weight: 700; padding-bottom: 10px; height: 50px; margin: 0px 50px 0px 0px; opacity: 0.3;} .tab-sec .nav-pills .nav-link{ border-radius: 0px !important;} /*news setion*/ .news-sec-dsw{background: #fff !important; padding: 60px 0px 60px 0px !important;} .news-boxes{ } .news-boxes ul{margin: 0; padding: 0;} .news-boxes ul li{ width: 23%; float: left; border:2px solid #6d6b6b; list-style-type: none; box-shadow: 4px 0px 0px 0px #fff1b5; margin-right: 2%;} .news-boxes ul li .date-se{ border-top:2px solid #6d6b6b; padding: 15px 10px; text-align: left; font-size: 14px} .news-boxes ul li img{ width: 100%;} .news-boxes ul li:last-child{ margin-right: 0;} .bm_0{ margin-bottom: 0 !important} .ful{ margin-bottom: 30px;} /*news-section-end*/ /* .load-slider-dsw { background: #f9f9f9; padding: 60px 0px 60px;;} .load-slider-dsw .slider-wrap{ position: relative; } .load-slider-dsw .image-slider{ height: 100vh; overflow: hidden; } .load-slider-dsw .img-wrap{ height: 100vh; position: relative; overflow: hidden; } .load-slider-dsw .img-wrap:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 1; } .load-slider-dsw .img-wrap img{ position: absolute; display: block; top: 50%; left: 50%; width: auto; height: 100%; min-width: 100%; max-width: none; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); object-fit: cover; } .load-slider-dsw h1{ font-size: 50px; line-height: 1.2; display: block; color: #fff; font-weight: 400; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; position: relative; z-index: 1; opacity: 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); padding: 75px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .load-slider-dsw h1.show{ letter-spacing: 0.15em; opacity: 1; } .load-slider-dsw .slick-arrow{ font-size: 0; line-height: 0; position: absolute; top: 0; bottom: 0; width: 60px; height: 60px; margin: auto; background-color: transparent; border-radius: 60px; border: 0px solid #fff; cursor: pointer; outline: none; z-index: 2; } .load-slider-dsw .slick-arrow.slick-prev{ left: 20px; } .load-slider-dsw .slick-arrow.slick-next{ right: 20px; } .load-slider-dsw .slick-arrow:before{ content: ''; width: 10px; height: 10px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border-top: 2px solid #fff; border-left: 2px solid #fff; } .load-slider-dsw .slick-arrow.slick-prev:before{ transform: rotate(-45deg) translate(2px, 2px); } .load-slider-dsw .slick-arrow.slick-next:before{ transform: rotate(135deg) translate(2px, 2px); } .load-slider-dsw .slider-progress{ position: absolute; left: 0; bottom: -40px; width: 100%; height: 5px;background: #999; } .load-slider-dsw .slider-progress span{ position: absolute; left: 0; bottom: 0; display: block; width: 0px; height: 100%; background-color: rgba(0,0,0,4.00); transition: all 0s linear; } .load-slider-dsw .slider-progress span.active{ width: 100%; } .load-slider-dsw .slick-arrow:before{ padding: 15px !important; font-weight: bold}*/ /*hero-slider*/ .mainbannerwrap{background: #f9f9f9; padding: 60px 0px 60px;} .sliderwrapdaw, .heroslider { max-width:100%; } .heroslider .slick-slide img{ width: 100%;} .slider-progress { width:100%; height:5px; background:#555; max-width:100%; position:relative; overflow:hidden; } .slider-progress .progress { width:0%; height:5px; background:#000; position:absolute; } /*hero-slider*/ /*banner-sliderdaw*/ .banner-desdaw { } .mainbannerwrap{background: #f9f9f9; padding: 60px 0px 60px;} .sliderwrapdaw, .banner-sliderdaw { max-width:100%; } .banner-sliderdaw .slick-slide img{width: 100%; height: 800px; object-fit: cover; object-position: center;} .banner-desdaw .slider-progress { width:100%; height:5px; background:#dfd5d5; max-width:100%; position:relative; overflow:hidden;top:-150px; margin: auto;max-width: 1140px; } .banner-desdaw .slick-counter{ max-width: 100%; margin: auto;} .banner-desdaw .slider-progress .progress { width:0%; height:5px; background:#fff; position:absolute; } .banner-desdaw .slick-counter{position: relative; top: -170px; color: #fff;} .banner-desdaw .item{ position: relative} .banner-desdaw .item .container{ position: absolute; z-index: 9999999999; top: 360px; transform: translate(-50%, -50%); left:50%;} .banner-desdaw .item .ov-con h2{ color: #ffffff; } .banner-desdaw .item .ov-con p{ color: #ffffff; } .ov-con h2{ font-weight: 700; font-size: 32px;} .ov-con p{ line-height: 32px;} .ov-con{ max-width: 600px;} .btn-b{ margin-top: 10px;background: #fff; display: inline-block; padding: 10px 15px; border-radius:5px;} .btn-b a{font-size: 16px; color:#000; text-decoration: none; font-weight: 600; text-transform: uppercase;} .btn-b img { max-width: 8px; height: auto !important; margin: -3px 0px 0px 5px; } .btn-b span{ display: inline;} .btn-b img{ display: inherit !important;} .heroslider .slick-next{right:-46px;} .hero .slider-progress{ top: 10px;} .hero .slick-counter{ margin-top: 15px;} .dsw-upcoming-eventdaw h2 { z-index: 99; position: relative; margin: -40px 0px 30px 0px; } .news-sec-dsw a { color: #007bff; text-decoration: underline; text-decoration-color: #ddb05d; } .tab { width: 1110px; } .tab-new { width: 100%; overflow-y: auto; } .slider-new-section { width: 100%; background: #f9f9f9; padding: 50px 0px 50px 0px; margin: 0px 0px 0px 0px; overflow: hidden; } .slider-new h4 { font-family: "Open Sans", sans-serif; font-size: 18px; color: #036a79; font-weight: 700; line-height: 25px; text-align: left; } .slider-new { padding: 20px 15px; } .button-new { position: absolute; left: -30px; top: 210px; } .button-new1 { position: absolute; right: -30px; top: 210px; } .button-new .fa { font-size: 22px; color: #000; } .button-new1 .fa { font-size: 22px; color: #000; } .slider-new-section h2 { margin: 0px 0px 30px 0px !important; } .slider-new-section .carousel-indicators { display: none; } .news-sec-dsw h2 { margin: 0px 0px 30px 0px !important; } .news-sec-dsw .card { border: 1px solid #a0a6a7; box-shadow: 4px 0px 0px 0px #fff1b5 !important; margin: 0px 4px 0px 0px !important; } .news-sec-dsw .card img { border-bottom: 1px solid #a0a6a7; } .slider-new .date-se { font-size: 14px; text-align: left; color: #777777; } .news-button { top: 40% !important; } .news-button1 { top: 40% !important; } .slider-new-section .card { box-shadow: -4px 4px 0px 0px #b9d3d6; margin: 0px 0px 0px 3px; } p { font-family: "Open Sans", sans-serif; font-size: 18px; } /*hero-slider*/ /*common-and-top new banner slider*/ .c-sli-daw h3 { margin:5px 0; font-size: 14px; opacity: 0.4; } .c-sli-daw .sliderContainer { position: relative; } .c-sli-daw .slider { width: 100%; margin: 30px 50px 50px; } .c-sli-daw .slick-slide { background: #3a8999; color: white; padding: 0; font-size: 30px; font-family: "Arial", "Helvetica"; text-align: center; } .c-sli-daw .slick-prev:before, .c-sli-daw .slick-next:before { color: black; } .c-sli-daw .slick-dots { bottom: -30px; } .c-sli-daw .slick-slide:nth-child(odd) { background: #e84a69; } .c-sli-daw .yellow-text h3{ color :#fff; opacity: 1 !important; } .c-sli-daw .progressBarContainer { position: absolute; bottom: 140px; width:88%; left:6%; } .c-sli-daw .progressBarContainer img{ width: 100% !important;} .c-sli-daw .progressBarContainer div { display: block; width: 19.5%; padding: 0; cursor: pointer; margin-right: 0; float: left; color: white; } .c-sli-daw .progressBarContainer div:last-child { margin-right: 0; } .c-sli-daw .progressBarContainer div span.progressBar { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.4); display: block; } .c-sli-daw .progressBarContainer div span.progressBar .inProgress { background-color: rgba(255, 255, 255, 1); width: 0%; height: 1px; } .c-sli-daw .sliderContainer .slider{ margin: 0 !important} .c-sli-daw b.nume{ display: none; font-weight: 400;} .c-sli-daw .slick-next{ right: 3% !important; font-size: 12px; color: #fff; top: inherit; bottom: 132px; width: 40px !important } .c-sli-daw .slick-next:hover{ color: #fff !important} .sliderwrapdaw .c-sli-daw .slick-next:before{ display: none;} .sliderwrapdaw .c-sli-daw .slick-prev{ display: none;} .descr{width: 100% !important; font-size: 14px; padding-top: 8px !important; opacity: 1 !important;} .news-sec-dsw .card-body a{font-size: 12px; color: #015959; font-weight: 600; text-decoration: none; display: block; padding-top: 10px;} .news-sec-dsw .card-body a img { max-width: 6px; margin: 0px 0px 0px 3px; border-bottom: none; display: inline; } /*acadmic-slider-css-start*/ span.progressBarz { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.4); display: block; } span.progressBarz .inProgressz { background-color: #393939; width: 0%; height: 1px; } .news-slider-wr .c-sli-daw .slick-slide{ background: none !important;} .news-slider-wr .slick-prev::before { content: "\f053" !important; font-family: 'FontAwesome' !important; } .news-slider-wr .slick-next::before { content: "\f054" !important; font-family: 'FontAwesome' !important; color: #000; } .news-slider-wr .slick-prev, .news-slider-wr .slick-next{ display: block !important;} .news-sec-dsw .slick-prev::before { content: "\f053" !important; font-family: 'FontAwesome' !important; color: #000;} .news-sec-dsw .slick-next::before { content: "\f054" !important; font-family: 'FontAwesome' !important; color: #000 !important; } .news-sec-dsw .slick-prev, .news-sec-dsw .slick-next{ display: block !important;} .news-slider-wr .c-sli-daw .progressBarContainer div span.progressBarz { width: 100%; height: 2px; background-color:#dbdbdb !important; display: block; } .news-slider-wr .c-sli-daw .progressBarContainer div span.progressBarz .inProgressz { width: 0%; height: 2px; } .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz{ color :#393939 !important; font-weight: 600;} .news-slider-wr .c-sli-daw .yellow-textz h3{ color :#393939 !important; opacity: 1 !important; } .news-slider-wr .c-sli-daw .progressBarContainer { display: none !important;} .news-slider-wr .c-sli-daw .slick-next{ top:50% !important; right: -30px !important; font-size: 0;} .slider-new h4 { height: 45px; } p.card-text { height: 160px; } .slider-new1 h4 { height: 105px; } .slider-new1 .date-se { height: 40px; } .ticker__item p a { font-size: 12px; } .ticker__item p { font-size: 12px; } /*acadmic-slider-css-END*/ @media (min-width: 768px) { .navbar-expand-md .navbar-collapse { justify-content: flex-end !important; } } @media only screen and (max-width:1700px) { .dsw-upcoming-eventdaw h2 { margin: -30px 0px 30px 0px; } } @media only screen and (max-width:1500px) { .dsw-upcoming-eventdaw h2 { margin: -20px 0px 30px 0px; } } @media only screen and (max-width:1300px) { .dsw-upcoming-eventdaw h2 { margin: 0px 0px 30px 0px; } } @media only screen and (max-width:1199px) { .navbar .nav-item { margin-right: 15px !important; } .tab-sec .tablinks.active { border-bottom: 0px !important; } .banner-desdaw .item .container { top: 300px; } .banner-sliderdaw .slick-slide img { height: 650px; } .btn-b img { margin: -7px 0px 0px 5px; } .events-dsw ul li p { height: 140px; } .tab-sec .tablinks { margin: 0px 20px 0px 0px; } p.card-text { height: 200px; } .slider-new1 h4 { height: 135px !important; } } @media only screen and (max-width:1042px) { .logo-header .container { width: 100% !important; max-width: 100% !important } } @media only screen and (max-width: 1199px) { .navbar .nav-item { margin-right: 0px !important; } } @media only screen and (max-width:1050px) { .btn-dsw img{ max-width: 7px;} .btn-dsw a{ padding: 12px 10px;} } @media only screen and (max-width:1020px) { .mainbannerwrap .sliderwrapdawperdaw { width: 87%; margin: 0 auto; } } @media only screen and (max-width:1010px) { .top-nav .navbar-dark .navbar-nav .nav-link { font-size: 16px; } } @media only screen and (max-width:991px) { .logo-header .container { width: 100% !important; max-width: 100% !important } .m-b-0-r { margin-bottom: 0 !important; } .mb-2-per { margin-bottom: 0 !important; } .tab-sec .tablinks{ margin-bottom: 15px; max-width: 28%;} .tabcontent{ margin-top: 0;} .events-dsw ul li p { height: 190px; } .slider-new h4 { height: 80px; } p.card-text { height: 330px; } .events-dsw ul li h4 { height: 50px; } } @media only screen and (max-width:940px) { .top-nav .navbar-dark .navbar-nav .nav-link { font-size: 15px; } } @media only screen and (max-width:919px) { .dsw-four-box .four-box-holder-content .content-dsw h2 { height: 60px; } .dsw-four-box .four-box-holder-content .content-dsw p { height: 160px; } } @media only screen and (max-width:875px) { .dsw-four-box .four-box-holder-content .content-dsw p{ padding-bottom: 30px;} .content-dsw{ padding: 16px 20px;} } @media only screen and (max-width:866px) { .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.3rem !important; padding-left: 0.3rem !important; } .navbar-brand img { width: 150px } } @media only screen and (max-width:767px) { .content-dsw{ padding: 16px 32px;} .dsw-four-box .four-box-holder ul li { width: 100%;} .content-dsw{ width: 100%; height: 470px} .dsw-four-box .four-box-holder{ height: auto;} .dsw-four-box .four-box-holder ul li{ height: 500px } .dsw-four-box{ background: none;} .ct-1{ transform-origin:80% 0 !important;} .ct-2 { transform-origin: -100% 0 !important; } .ct-3 { transform-origin: 300% 0 !important; } .ct-4 { transform-origin: -300% 0 !important; } .ct-1 img.icon{ margin-top: 6% !important;} .ct-3 img.icon{ margin-top: -6% !important;} .ct-2 img.icon{ margin-top: 0% !important;} .ct-4 img.icon{ margin-top: -6% !important;} .content-dsw {transition:1.2s transform ease-out} .four-box-holder .ct-1{transform: skewY(5deg) !important;} .four-box-holder .ct-2{transform: skewY(-5deg) !important;} .four-box-holder .ct-3{transform: skewY(5deg) !important;} .four-box-holder .ct-4{transform: skewY(-5deg) !important;} .banner-desdaw img{ height: 500px; object-fit: cover;} .content-dsw img.icon { margin-top: -6%;} .dsw-four-box .four-box-holder ul:after{ display: none;} .dsw-upcoming-eventdaw { margin-top: -132px; } .news-boxes ul li{width: 49%; box-shadow: 2px 0px 0px 0px #fff1b5; margin-bottom: 2%;} .news-boxes ul li:nth-child(2n){ margin-right: 0; } h2.com-titledaw{ font-size: 30px;} .button-new { top: 230px; } .button-new1 { top: 230px; } .btn-b img { margin: -10px 0px 0px 5px; } .banner-sliderdaw .slick-slide img { height: 570px; width: 100%; } .slider-new1 h4 { height: 215px !important; } .slider-new1 .date-se { height: 60px; } .dsw-four-box .four-box-holder-content .content-dsw h2 { height: initial; } .dsw-four-box .four-box-holder-content .content-dsw p { height: initial; } } @media only screen and (max-width:820px) { .top-nav .navbar-dark .navbar-nav .nav-link { font-size: 14px; } } @media only screen and (max-width:813px) { .progrme h2 { font-size: 22px; } } @media only screen and (max-width:767px) { .team-section img { margin-bottom: 30px; max-width: 200px; } .navbar-collapse { padding-top: 15px; } .navbar-dark .navbar-toggler { outline: none; } .logo-header .container { width: 100% !important; max-width: 100% !important } .navbar .nav-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1) } .top-nav .navbar-dark .navbar-nav .nav-link { font-size: 18px; } .banner-desdaw .slick-counter{ top: -109px;} .banner-desdaw .slider-progress {top: -100px;} .events-dsw ul li{ width: 49%;} .events-dsw ul li:nth-child(2n){ margin-right: 0 !important;} .events-dsw ul li:nth-child(3n) { margin-right: 2%; } .c-sli-daw .yellow-text h3{ display: block !important; } .c-sli-daw .progressBarContainer div{ display: none;} .c-sli-daw .progressBarContainer div.yellow-text{ display: block !important;} .c-sli-daw .progressBarContainer div.yellow-text span.progressBar .inProgress{ display: block !important;} .c-sli-daw .progressBarContainer div.yellow-text .descr{ display: block !important; width: 100%;} .c-sli-daw .progressBarContainer div{ width: 100%;} .c-sli-daw .progressBarContainer .progressBar{ display: none !important;} .c-sli-daw .progressBarContainer .yellow-text .progressBar{ display: block !important;} .c-sli-daw .progressBarContainer{ left: 7%; width: 78%;} .c-sli-daw b.nume{ display: inline;} .c-sli-daw .slick-next{ display: block !important; bottom: 148px; right: 5% !important;} /*acadmic-slider-css-START*/ .news-slider-wr .c-sli-daw .yellow-text h3{ display: block !important; } .news-slider-wr .c-sli-daw .progressBarContainer div{ display: none;} .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz{ display: block !important;} .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz span.progressBarz .inProgressz{ display: block !important;} .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz .descr{ display: block !important; width: 100%;} .news-slider-wr .c-sli-daw .progressBarContainer div{ width: 100%;} .news-slider-wr .c-sli-daw .progressBarContainer .progressBarz{ display: none !important;} .news-slider-wr .c-sli-daw .progressBarContainer .yellow-textz .progressBarz{ display: block !important;} .news-slider-wr .c-sli-daw .progressBarContainer{ left: 7%; width: 80%;} .news-slider-wr .c-sli-daw b.nume{ display: inline;} .news-slider-wr .c-sli-daw .slick-next{ display: block !important; top: inherit !important; bottom: -73px; right: 5% !important;} .news-slider-wr .c-sli-daw .progressBarContainer { display: block !important;} .news-slider-wr .c-sli-daw .progressBarContainer{ bottom: -90px !important;} .slider-new-section{ padding-bottom: 130px;} .news-slider-wr .slick-prev{ display: none !important;} .news-slider-wr .slick-next::before { content: "" !important; } .news-slider-wr .c-sli-daw .slick-next{color: #393939 !important; font-size: 14px !important; font-weight: 600;} .slider-new h4 { height: 130px; } p.card-text { height: 540px; } /*acadmic-slider-css-END*/ } @media only screen and (max-width:766px) { .slider-new h4 { height: inherit; } p.card-text { height: inherit; } .slider-new1 h4 { height: 115px !important; } .slider-new1 .date-se { height: 40px; } } @media only screen and (max-width:600px) { .content-dsw img.icon {margin-top: 2%;} .dsw-upcoming-eventdaw { margin-top: -120px; } } @media only screen and (max-width:576px) { .sliderwrapdaw, .heroslider { max-width: 90%; margin: 0 auto; } .heroslider .slick-prev { top: 38%; left: -48px; } .heroslider .slick-next { top: 38%; } .sliderwrapdaw, .banner-sliderdaw { max-width: 100% !important; } .banner-desdaw .slick-counter { top: -130px; } .banner-desdaw .slider-progress { top: -118px; } } @media only screen and (max-width:575px) { .logo-sec .row { margin-left: 0 !important; margin-right: 0 !important; } .ct-1 img.icon{} .content-dsw img.icon {margin-top: 8% !important;} .slider-new-section .carousel-inner { width: 80%; margin: 0 auto; } .button-new { left: 20px; } .button-new1 { right: 20px; } } @media only screen and (max-width:550px) { .dsw-upcoming-eventdaw { margin-top: -96px; } } @media only screen and (max-width:502px) { .slider-new1 h4 { height: 145px !important; } } @media only screen and (max-width:496px) { .tab-sec .tablinks { margin-bottom: 15px; } .c-sli-daw .slick-next{ right: 3% !important;} } @media only screen and (max-width:480px) { .news-plaskha .slick-list { padding:0 20% 0 0 !important; } .slider-new1 h4 { height: 165px !important; } .slider-new1 .date-se { height: 60px; } } @media only screen and (max-width:479px) { .slider-new1 h4 { height: 85px !important; } .slider-new1 .date-se { height: 40px; } } @media only screen and (max-width:450px) { .events-dsw ul li p { height: 230px; } } @media only screen and (max-width:400px) { .content-dsw img.icon {margin-top: 20% !important;} .events-dsw ul li{ width: 100%; margin-right: 0 !important;} .dsw-upcoming-eventdaw { margin-top: -56px; } .news-boxes ul li { width: 100%; margin-bottom: 10px; } .button-new { left: 0px; top: 200px; } .button-new1 { right: 0px; top: 200px; } .events-dsw ul li p { height: inherit; } .events-dsw ul li h4 { height: inherit; } } @media only screen and (max-width:390px) { .banner-sliderdaw .slick-slide img { height: 600px; } } @media only screen and (max-width:357px) { .slider-new1 h4 { height: 115px !important; } } @media only screen and (max-width:339px) { .banner-sliderdaw .slick-slide img { height: 660px; } .banner-desdaw .item .container { top: 330px; } } @media only screen and (max-width: 1199px) { .TeamWrapper .TW_HeadGrid { padding-top: 200px; padding-bottom: 100px; } .TeamWrapper .TW_HeadGrid .PlakshaTeam { max-width: 54.43548rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 { font-size: 6.04839rem; line-height: 2.4; } .TeamWrapper .TW_HeadGrid .PlakshaTeam p { font-size: 1.6129rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam { font-size: 1.5121rem; padding: 1.5121rem 2.01613rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after { width: 0.80645rem; height: 1.5121rem; margin-left: 1.6129rem; } .TeamWrapper .OurTeamGrid { padding: 75px 75px 0px 75px; } .TeamWrapper .OurTeamGrid h2 { font-size: 7.05645rem; line-height: 1.24; } .TeamWrapper .OurTeamGrid .AlphaSearch { width: 260px; margin-top: 28px; } .TeamWrapper .OurTeamGrid .AlphaSearch input { font-size: 1.6129rem; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon { width: 30px; float: left; margin: 0px 0px 0px 0px; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img { width: 17px; height: 17px; } .TeamWrapper .OurTeamGrid .Shorting_Button { display: none; } .TeamWrapper .OurTeamGrid .FG_Wrap { width: 100%; margin-top: 94px; display: flex; } .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid { width: 35%; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid { width: 65%; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul { padding: 0px; margin: 0px 0px 0px 17px; list-style-type: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li { margin-bottom: 30px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a { font-size: 1.6129rem; letter-spacing: -0.37px; line-height: 1.38; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active { font-size: 1.6129rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before { top: 6px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul { margin: 20px 0px 0px 0px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li { margin-bottom: 20px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a { font-size: 1.41129rem; font-weight: 600; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox { width: 47%; margin-bottom: 16px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic { padding: 70px 25px 0px 25px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails { padding: 0 4.03226rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 { font-size: 2.01613rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p { font-size: 1.20968rem; line-height: 1.5; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button { font-size: 1.5121rem; font-weight: 600; padding: 1.5121rem 2.01613rem; margin-top: 15px; margin-bottom: 25px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button::after { content: ""; width: 8px; } } @media only screen and (max-width: 991px) { .TeamWrapper .TW_HeadGrid { padding-top: 200px; padding-bottom: 100px; } .TeamWrapper .TW_HeadGrid .PlakshaTeam { max-width: 61.19792rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 { font-size: 6.77083rem; line-height: 2.4; } .TeamWrapper .TW_HeadGrid .PlakshaTeam p { font-size: 1.82292rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after { width: 1.04167rem; height: 1.95312rem; margin-left: 2.08333rem; } .TeamWrapper .OurTeamGrid { padding: 70px 40px 0px 40px; } .TeamWrapper .OurTeamGrid h2 { font-size: 6.51042rem; line-height: 1.74; } .TeamWrapper .OurTeamGrid .AlphaSearch { width: 260px; margin-top: 25px; } .TeamWrapper .OurTeamGrid .AlphaSearch input { font-size: 2.08333rem; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon { width: 30px; float: left; margin: 0px 0px 0px 0px; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img { width: 17px; height: 17px; } .TeamWrapper .OurTeamGrid .Shorting_Button { display: none; } .TeamWrapper .OurTeamGrid .FG_Wrap { width: 100%; margin-top: 40px; display: flex; } .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid { width: 400px; margin-right: 0px; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid { width: 100%; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul { padding: 0px; margin: 0px 0px 0px 17px; list-style-type: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li { margin-bottom: 30px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a { font-size: 2.08333rem; letter-spacing: -0.37px; line-height: 1.38; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active { font-size: 2.08333rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before { top: 6px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul { margin: 20px 0px 0px 0px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li { margin-bottom: 20px; } .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a { font-size: 1.82292rem; font-weight: 600; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox { width: 200px; margin-bottom: 16px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic { padding: 30px 25px 0px 25px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails { padding: 0 3.90625rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 { font-size: 2.08333rem; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p { font-size: 1.5625rem; line-height: 1.5; margin-bottom: 15px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button { display: none !important; } #carousel-thumbs img:hover, #carousel-thumbs-one img, #carousel-thumbs-two img, #carousel-thumbs-three img, #carousel-thumbs-four img, #carousel-thumbs-five img, #carousel-thumbs-six img { height: 80px; } } @media only screen and (max-width: 767px) { .TeamWrapper .TW_HeadGrid { padding-top: 320px; } .TeamWrapper .TW_HeadGrid .PlakshaTeam { max-width: unset; padding: 0 2.66667rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 { font-size: 12.8rem; line-height: 1.08; } .TeamWrapper .TW_HeadGrid .PlakshaTeam p { font-size: 3.73333rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam { font-size: 3.2rem; line-height: 1.42; padding: 2.93333rem 3.2rem; } .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after { width: 1.6rem; height: 3.01333rem; margin-left: 3.73333rem; } .TeamWrapper .OurTeamGrid { padding: 2.5rem 5.86667rem 0rem 5.86667rem; } .TeamWrapper .OurTeamGrid h2 { font-size: 10.66667rem; line-height: 1.33; } .TeamWrapper .OurTeamGrid .AlphaSearch { max-width: 42.66667rem; margin-top: 5.33333rem; float: left; padding-bottom: 0rem; border-bottom: 1px solid #017a7b; display: flex; margin-left: 8px; } .TeamWrapper .OurTeamGrid .AlphaSearch input { font-size: 3.73333rem; width: 42.66667rem; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon { width: 3.2rem; float: left; margin: 0rem; display: flex; align-items: center; } .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img { width: 3.2rem; height: 3.2rem; } .TeamWrapper .OurTeamGrid .Shorting_Button { background: #fff; border: none; float: right; font-size: 3.73333rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.7; letter-spacing: normal; color: #027878; margin-top: 8px; display: flex; } .TeamWrapper .OurTeamGrid .Shorting_Button:focus { outline: none; } .TeamWrapper .OurTeamGrid .Shorting_Button img { margin-right: 5px; } .TeamWrapper .OurTeamGrid .FG_Wrap { width: 100%; margin-top: 40px; display: flex; } .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid { display: none; } .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid { width: 100%; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox { width: 44%; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic { padding: 20px 5px 0px 5px; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic img { height: 40.26667rem; object-fit: cover; object-position: top; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails { text-align: center; position: relative; background: #fff; width: 100%; z-index: 100; bottom: 0px; padding: 0; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 { font-size: 4.26667rem; text-align: left; color: #000000; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p { font-size: 3.2rem; line-height: 1.5; text-align: left; margin-bottom: 0rem; color: #000000; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button { display: none !important; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TeamDetails p { margin-bottom: 0; } .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TD_Button { opacity: 0; display: none !important; } } @media only screen and (min-width: 320px) { #header { position: absolute; top: 50px; left: 0; right: 0; z-index: 2; text-transform: uppercase; } #header .navbar { padding: 13.33333rem 0; margin: auto; background-color: transparent; } #header .navbar .navbar-brand { background-image: url("../assets/logo-white.png?v=1"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 27.73333rem; height: 16.16rem; } #header .navbar .navbar-toggler { background-image: url("../assets/cross-black.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 18px; height: 18px; } #header .navbar .navbar-toggler:focus { outline: none; } #header .navbar .navbar-toggler.collapsed { background-image: url("../assets/hamburger-white.svg"); width: 26px; } #header .navbar .navbar-nav .nav-item .nav-link { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #ffffff; outline: none; } #header .navbar .navbar-nav .nav-item.active .nav-link:not(.hamburger-icon) { position: relative; font-weight: bold; } #header .navbar .navbar-nav .nav-item.active .nav-link:not(.hamburger-icon)::after { content: ""; position: absolute; height: 5px; left: 0.5rem; right: 0.5rem; bottom: -6px; background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%); } #header .navbar.invert-color { background-color: transparent; } #header .navbar.invert-color .navbar-brand { background-image: url("../assets/logo-green.png?v=3"); } #header .navbar.invert-color .navbar-toggler { background-image: url("../assets/hamburger-black.svg"); } #header .navbar.open { background-color: #ffffff; } #header .navbar.open .navbar-brand { background-image: url("../assets/logo-green.png?v=3"); } #header .navbar.open .header-wrapper .buttons-container .apply-button { display: none !important; } #header .navbar .header-wrapper { padding: 0 8rem; } #header .navbar #navbarSupportedContent { position: absolute; left: 0; right: 0; top: 99%; background-color: rgba(0, 0, 0, 0.4); height: 100vh; z-index: 99; } #header .navbar #navbarSupportedContent.collapsing { -webkit-transition: none; transition: none; display: none; } #header .navbar #navbarSupportedContent .hamburger-menu { padding: 0 3.2rem 9.86667rem 3.2rem; position: relative; top: -1px; } #mobileMegaMenu .card { padding: 0 4.8rem; } #mobileMegaMenu .card .card-header .btn { font-size: 5.33333rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.46px; color: #000000; text-decoration: none; display: flex; align-items: center; justify-content: space-between; } #mobileMegaMenu .card .card-header .btn:focus { outline: none; box-shadow: none; } #mobileMegaMenu .card .card-header .btn:not(.not-collapse)::after { content: ""; display: block; background: url("https://plaksha.edu.in/assets/mobile-hamburger-minus.svg"); height: 17px; width: 17px; } #mobileMegaMenu .card .card-header .btn.collapsed::after { background: url("https://plaksha.edu.in/assets/mobile-hamburger-plus.svg"); } #mobileMegaMenu .card.open, #mobileMegaMenu .card.invert-color { background: #f7f7f7; padding-bottom: 15px; } #mobileMegaMenu .card .show::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(92deg, #86d694 0%, #2db0a6 95%); } #mobileMegaMenu .card .card-body .link-list .link-item { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; opacity: 0.6; margin: 0 !important; text-transform: none; } #mobileMegaMenu .card .card-body .link-list .link-item a { color: #000000; padding: 15px 0; display: block; } #mobileMegaMenu .card .card-body .link-list .link-item.active { font-weight: 600; opacity: 1; } #header .navbar .apply-button { border: solid 1px #017a7b; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; border-radius: 5px; opacity: 0.9; font-size: 3.2rem; padding: 2.66667rem 3.2rem; } #header .navbar .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 5px; height: 11px; margin-left: 14px; } } @media only screen and (min-width: 768px) { #header .navbar { padding: 6.51042rem 0; } #header .navbar .navbar-brand { width: 23.51562rem; height: 6.91406rem; } #header .navbar .navbar-toggler { width: 20px; height: 20px; } #header .navbar .navbar-toggler.collapsed { width: 28px; } #header .navbar .header-wrapper { padding: 0 5.20833rem; } #header .navbar #navbarSupportedContent .hamburger-menu { padding: 0 3.90625rem 4.81771rem 3.90625rem; } #mobileMegaMenu .card { padding: 0 1.30208rem; } #mobileMegaMenu .card .card-header .btn { font-size: 2.60417rem; } #mobileMegaMenu .card .card-body .link-list .link-item { font-size: 2.60417rem; } #mobileMegaMenu .card .card-body .link-list .link-item a { padding: 15px 0; } #header .navbar .apply-button { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } #header .navbar .apply-button::after { width: 8px; height: 15px; margin-left: 20px; } } @media only screen and (min-width: 992px) { #header .navbar { padding: 5.04032rem 0; } #header .navbar .navbar-brand { width: 22.24798rem; height: 6.54234rem; } #header .navbar .navbar-toggler { width: 24px; height: 24px; } #header .navbar .navbar-toggler.collapsed { width: 32px; } #header .navbar .header-wrapper { padding: 0 8.06452rem; } #header .navbar .header-wrapper .navbar-nav .nav-item .hamburger-icon { background-image: url("../assets/hamburger-white.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 36px; height: 24px; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu { background-color: rgba(0, 0, 0, 0.4); height: 100vh; right: 0; top: 99%; padding: 0; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content:not(.hamburger-menu-desktop) { padding: 4.33468rem 0 8.26613rem 0; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content.hamburger-menu-desktop { text-transform: none; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper { padding: 0 2.87298rem; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-image { width: 34.27419rem; height: 19.35484rem; object-fit: cover; object-position: center; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-name { font-size: 2.01613rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu { margin: auto; padding: 0; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container { padding: 4.33468rem 0 8.06452rem 55px; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-title { font-size: 2.21774rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.65px; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item { font-size: 1.81452rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a { color: rgba(0, 0, 0, 0.6); position: relative; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover { text-decoration: none; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: -8px; background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%); } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-two, #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-three { margin-top: 9.07258rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container { padding: 4.33468rem 40px 8.26613rem 0; border-left: 1px solid rgba(0, 0, 0, 0.1); background-image: linear-gradient(151deg, #00797b 10%, #005077 94%); } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper { margin-left: 4.03226rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .overview-title { font-size: 2.21774rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.65px; color: #ffffff; margin-bottom: 1.00806rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list { margin-left: 2.72177rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item { padding-bottom: 3.52823rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a { opacity: 0.9; font-size: 1.81452rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; position: relative; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a:hover::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: -8px; background: #ffffff; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active { padding-top: 3.02419rem; margin-left: -2.72177rem; display: flex; align-items: center; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active a { font-weight: bold; opacity: 1; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active::before { content: url("../assets/white-triangle-right.svg"); margin-right: 1.81452rem; width: 0.90726rem; } #header .navbar.open .navbar-nav .nav-item.show .hamburger-icon, #header .navbar.invert-color .navbar-nav .nav-item.show .hamburger-icon { background-image: url("../assets/cross-black.svg"); width: 24px; } #header .navbar .apply-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } } @media only screen and (min-width: 1200px) { #header .navbar { padding: 2.60417rem 2.08333rem; } #header .navbar .header-wrapper { max-width: 1720px; padding: 0; } #header .navbar .header-wrapper .navbar-nav .nav-item .nav-link { font-size: 1.04167rem; } #header .navbar .header-wrapper .navbar-nav .nav-item .hamburger-icon { background-image: url("../assets/hamburger-white.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 36px; height: 24px; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu { background-color: rgba(0, 0, 0, 0.4); height: 100vh; right: 0; top: 99%; padding: 0; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content:not(.hamburger-menu-desktop) { padding: 2.23958rem 0 4.27083rem 0; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content.hamburger-menu-desktop { text-transform: none; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper { padding: 0 1.48438rem; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-image { width: 17.70833rem; height: 10rem; object-fit: cover; object-position: center; } #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-name { font-size: 1.04167rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu { margin: auto; padding: 0; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container { padding: 2.23958rem 0 4.27083rem 55px; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-title { font-size: 1.45833rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.65px; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item { font-size: 1.04167rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a { color: rgba(0, 0, 0, 0.6); position: relative; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover { text-decoration: none; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: -8px; background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%); } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-two, #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-three { margin-top: 4.6875rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container { padding: 2.23958rem 40px 4.27083rem 0; border-left: 1px solid rgba(0, 0, 0, 0.1); background-image: linear-gradient(151deg, #00797b 10%, #005077 94%); } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper { margin-left: 4.42708rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .overview-title { font-size: 1.45833rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.65px; color: #ffffff; margin-bottom: 0.52083rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list { margin-left: 1.40625rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item { padding-bottom: 1.82292rem; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a { opacity: 0.9; font-size: 1.14583rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; position: relative; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a:hover::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: -8px; background: #ffffff; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active { padding-top: 1.5625rem; margin-left: -1.40625rem; display: flex; align-items: center; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active a { font-weight: bold; opacity: 1; } #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active::before { content: url("https://plaksha.edu.in/assets/white-triangle-right.svg"); margin-right: 0.9375rem; width: 0.46875rem; } #header .navbar .header-wrapper .navbar-brand { width: 13.54167rem; height: 4.01042rem; } #header .navbar.open .navbar-nav .nav-item .nav-link, #header .navbar.invert-color .navbar-nav .nav-item .nav-link { color: #000000; } #header .navbar.open .navbar-nav .nav-item .hamburger-icon, #header .navbar.invert-color .navbar-nav .nav-item .hamburger-icon { background-image: url("https://plaksha.edu.in/assets/hamburger-black.svg"); } #header .navbar.open .navbar-nav .nav-item.show .hamburger-icon, #header .navbar.invert-color .navbar-nav .nav-item.show .hamburger-icon { background-image: url("https://plaksha.edu.in/assets/cross-black.svgg"); width: 24px; } #header .navbar.open .navbar-nav .nav-item:not(.show) .nav-link, #header .navbar.invert-color .navbar-nav .nav-item:not(.show) .nav-link { font-weight: 400; } #header .navbar.invert-color .navbar-nav .nav-item:not(.show) .nav-link { font-weight: 600; } #header .navbar .apply-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } } footer { background: #002938; } footer .footer-container { margin: auto; } footer .footer-container .card-component { background: #ffffff; } footer .footer-container .card-component .card-title { font-weight: 600; color: #015959; border-bottom: 3px solid #015959; width: fit-content; width: -moz-fit-content; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; } footer .footer-container .card-component .card-content .card-desc { font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } footer .footer-container .card-component .card-content .card-button-wrapper { position: relative; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button { border: solid 1px #017a7b; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; border-radius: 5px; opacity: 0.9; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after { content: ""; background-image: url("https://plaksha.edu.in/assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } footer .footer-container .footer-content #accordion .card .card-header .btn { opacity: 0.96; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.74px; } footer .footer-container .footer-content #accordion .card .card-header .btn:focus, footer .footer-container .footer-content #accordion .card .card-header .btn:hover { box-shadow: none; text-decoration: none; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a { opacity: 0.5; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a:focus, footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a:hover { text-decoration: none; } footer .footer-container .footer-content .connect-card { height: fit-content; border: solid 0.3px rgba(173, 212, 132, 0.2); } footer .footer-container .footer-content .connect-card .title { opacity: 0.96; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.79px; } footer .footer-container .footer-content .connect-card span { opacity: 0.5; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img { cursor: pointer; } footer .footer-container .copyright-text { font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.42px; text-align: left; color: #c9c9c9; opacity: 0.4; } @media only screen and (min-width: 320px) { footer .footer-container { padding: 9.06667rem 8rem; } footer .footer-container .card-component { padding: 6.4rem 8rem; } footer .footer-container .card-component .card-title { font-size: 5.33333rem; padding-bottom: 2.13333rem; margin-bottom: 4.26667rem; } footer .footer-container .card-component .card-content .card-desc { font-size: 4.26667rem; } footer .footer-container .card-component .card-content .card-button-wrapper { padding-top: 6.4rem; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button { font-size: 3.2rem; padding: 2.66667rem 3.2rem; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after { width: 5px; height: 11px; margin-left: 14px; } footer .footer-container .footer-content { margin-top: 30px; } footer .footer-container .footer-content #accordion .card .card-header { padding: 12px 0; } footer .footer-container .footer-content #accordion .card .card-header .btn { font-size: 5.33333rem; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item { padding: 8px 0; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a { font-size: 4.8rem; } footer .footer-container .footer-content .connect-card { padding: 8rem; margin-top: 12.8rem; } footer .footer-container .footer-content .connect-card .title { font-size: 5.33333rem; margin-bottom: 3.2rem; } footer .footer-container .footer-content .connect-card span { font-size: 4.8rem; } footer .footer-container .footer-content .connect-card span:first-of-type { margin-bottom: 1.06667rem; } footer .footer-container .footer-content .connect-card span:last-of-type { margin-top: 6.93333rem; } footer .footer-container .footer-content .connect-card .social-links-list { padding: 0; margin: 8rem 0 0 0; } footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img { height: 10.66667rem; width: 10.66667rem; } footer .footer-container .copyright-text { font-size: 3.2rem; margin-top: 5.33333rem; } } @media only screen and (min-width: 768px) { footer .footer-container { padding: 5.20833rem; } footer .footer-container .card-component { padding: 6.51042rem 11.97917rem 7.55208rem 6.51042rem; } footer .footer-container .card-component .card-title { padding-bottom: 1.04167rem; margin-bottom: 2.08333rem; font-size: 3.125rem; } footer .footer-container .card-component .card-content .card-desc { font-size: 2.08333rem; max-width: 60%; } footer .footer-container .card-component .card-content .card-button-wrapper { padding-top: 0; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after { width: 8px; height: 15px; margin-left: 20px; } footer .footer-container .footer-content { margin-top: 60px; } footer .footer-container .footer-content #accordion .card .card-header .btn { font-size: 2.60417rem; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a { font-size: 2.34375rem; } footer .footer-container .footer-content .connect-card { width: 48.4375rem; padding: 3.90625rem 4.6875rem 5.20833rem 3.90625rem; margin-top: 0; } footer .footer-container .footer-content .connect-card .title { font-size: 2.86458rem; margin-bottom: 3.90625rem; } footer .footer-container .footer-content .connect-card span { font-size: 2.34375rem; } footer .footer-container .footer-content .connect-card span:first-of-type { margin-bottom: 0.52083rem; } footer .footer-container .footer-content .connect-card span:last-of-type { margin-top: 3.90625rem; } footer .footer-container .footer-content .connect-card .social-links-list { margin: 5.85938rem 0 0 0; } footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img { height: 5.98958rem; width: 5.98958rem; } footer .footer-container .copyright-text { font-size: 2.08333rem; margin-top: 12.10938rem; } } @media only screen and (min-width: 992px) { footer .footer-container { padding: 6.04839rem 8.06452rem 10.58468rem 8.06452rem; } footer .footer-container .card-component { padding: 4.03226rem 5.04032rem 4.43548rem 5.04032rem; } footer .footer-container .card-component .card-title { font-size: 2.41935rem; padding-bottom: 0.80645rem; margin-bottom: 1.6129rem; } footer .footer-container .card-component .card-content .card-desc { font-size: 2.21774rem; max-width: unset; } footer .footer-container .card-component .card-content .card-button-wrapper { padding-top: 2.41935rem; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } footer .footer-container .footer-content { margin-top: 45px; } footer .footer-container .footer-content #accordion .card .card-header .btn { font-size: 3.02419rem; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a { font-size: 2.21774rem; } footer .footer-container .footer-content .connect-card { width: 44.85887rem; padding: 3.02419rem 2.92339rem 5.44355rem 2.92339rem; } footer .footer-container .footer-content .connect-card .title { font-size: 3.22581rem; margin-bottom: 3.02419rem; } footer .footer-container .footer-content .connect-card span { font-size: 2.21774rem; } footer .footer-container .footer-content .connect-card span:first-of-type { margin-bottom: 0.40323rem; } footer .footer-container .footer-content .connect-card span:last-of-type { margin-top: 3.02419rem; } footer .footer-container .footer-content .connect-card .social-links-list { margin: 5.04032rem 0 0 0; } footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img { height: 5.54435rem; width: 5.54435rem; } footer .footer-container .copyright-text { font-size: 1.81452rem; margin-top: 4.43548rem; } } @media only screen and (min-width: 1200px) { footer .footer-container { max-width: 1720px; padding: 4.16667rem 2.08333rem 2.5rem 2.08333rem; } footer .footer-container .card-component { padding: 2.60417rem 3.125rem 2.8125rem 3.125rem; } footer .footer-container .card-component .card-title { font-size: 1.19792rem; padding-bottom: 0.41667rem; margin-bottom: 0.83333rem; } footer .footer-container .card-component .card-content .card-desc { font-size: 1.5625rem; } footer .footer-container .card-component .card-content .card-button-wrapper { padding-top: 0; } footer .footer-container .card-component .card-content .card-button-wrapper .card-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } footer .footer-container .footer-content { margin-top: 120px; } footer .footer-container .footer-content #accordion .card .card-header .btn { font-size: 1.66667rem; } footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a { font-size: 1.25rem; } footer .footer-container .footer-content .connect-card { width: 31.25rem; padding: 2.34375rem 5.20833rem 2.08333rem 3.02083rem; } footer .footer-container .footer-content .connect-card .title { font-size: 1.77083rem; margin-bottom: 1.875rem; } footer .footer-container .footer-content .connect-card span { font-size: 1.25rem; } footer .footer-container .footer-content .connect-card span:first-of-type { margin-bottom: 0.20833rem; } footer .footer-container .footer-content .connect-card span:last-of-type { margin-top: 1.61458rem; } footer .footer-container .footer-content .connect-card .social-links-list { margin: 4.0625rem 0 0 0; } footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img { height: 3.33333rem; width: 3.33333rem; } footer .footer-container .copyright-text { margin-top: 4.375rem; font-size: 0.9375rem; } } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .Work-container-main .landing_page { background-image: url("../assets/work-at-plaksha.png"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; } .Work-container-main .landing_page .content-container { display: flex; flex-direction: column; align-items: center; text-align: center; } .Work-container-main .landing_page .content-container .headline .headline_Text { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.26px; color: #ffffff; } .Work-container-main .landing_page .content-container .main-description .main-description-text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #ffffff; } .Work-container-main .Detail_page { display: flex; justify-content: center; } .Work-container-main .Detail_page .side_sticky_nav { background-color: #e2f7f7; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: transparent; -webkit-text-stroke: 1px #00555a; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { list-style: none; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { display: flex; align-items: center; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; text-align: left; color: #027878; opacity: 0.45; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active { font-weight: bold; opacity: 1; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; display: block; max-height: 12px; margin-left: 1px; margin-right: 10px; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-weight: 600; font-stretch: normal; color: #000000; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-weight: normal; opacity: 0.6; } .Work-container-main .Detail_page .main_content_section .content_pointers { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #027878 rgba(2, 120, 120, 0.3); } .Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar { width: 4px; } .Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #027878; border-radius: 0px; opacity: 0.3; } .Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar-thumb { background: #027878; border-radius: 0px; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text { font-weight: bold; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000000; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header { list-style: none; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item { display: flex; align-items: top; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before { content: ""; height: 3px; background-color: #000000; opacity: 0.45; display: block; } .Work-container-main .Detail_page .main_content_section .content_contact_details { border-top: 1px solid rgba(2, 120, 120, 0.2); } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: left; color: #027878; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button { position: relative; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton { border: solid 1px #017a7b; border-radius: 5px; text-transform: uppercase; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .Work-container-main .Opportunities_page { display: flex; align-items: flex-end; position: relative; } .Work-container-main .Opportunities_page .carousel { position: unset; } .Work-container-main .Opportunities_page .carousel-inner { position: unset; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item { position: unset; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container video, .Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container img { object-fit: cover; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner { background-color: #ffffff; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: left; color: #000000; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner .Coming_soon .Coming_soon_Text { font-weight: bold; } .Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text { font-weight: bold; } @media only screen and (min-width: 320px) { .Work-container-main .landing_page { height: 178.66667rem; } .Work-container-main .landing_page .content-container { max-width: 78.66667rem; } .Work-container-main .landing_page .content-container .headline { height: 59.73333rem; } .Work-container-main .landing_page .content-container .headline .headline_Text { font-size: 12.8rem; } .Work-container-main .landing_page .content-container .main-description { height: 25.86667rem; padding-top: 12rem; } .Work-container-main .landing_page .content-container .main-description .main-description-text { font-size: 3.73333rem; } .Work-container-main .Detail_page { display: flex; flex-direction: column; } .Work-container-main .Detail_page .side_sticky_nav { padding: 7.46667rem 7.46667rem 0 7.46667rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 10.66667rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-wrap: nowrap; overflow-x: auto; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 4.26667rem; margin: 5.33333rem 10.66667rem 5.33333rem 0; white-space: nowrap; padding-bottom: 1.30208rem; } .Work-container-main .Detail_page .main_content_section { display: flex; flex-direction: column; padding: 8rem 0 0 0; } .Work-container-main .Detail_page .main_content_section .content_prelude { padding: 0 7.46667rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 4.8rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 5.33333rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary { margin-bottom: 7.46667rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 4.26667rem; } .Work-container-main .Detail_page .main_content_section .content_pointers { padding: 0 8rem 0 8rem; margin: 0 5.33333rem 14.66667rem 0; height: 106.66667rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text { font-size: 4.26667rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item { font-size: 4.26667rem; margin-top: 4rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before { margin: 2.93333rem 4rem 0 0; min-width: 2.13333rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details { padding: 10.66667rem 8.53333rem 0 8.53333rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 3.73333rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0rem 0 8rem 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 8.8rem 0 6.4rem 0; display: flex; align-items: center; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 4.26667rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 8rem; object-fit: contain; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button { width: 100%; margin-top: 2.93333rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton { font-size: 3.2rem; padding: 2.66667rem 3.2rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after { width: 5px; height: 11px; margin-left: 14px; } .Work-container-main .Opportunities_page { height: 105.49333rem; } .Work-container-main .Opportunities_page .Opportunities_Banner { max-width: 100rem; max-height: 57.76rem; padding: 6.13333rem 8rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon { height: 5.06667rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text { font-size: 3.73333rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities { height: 14.66667rem; margin-top: 2.66667rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text { font-size: 5.33333rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities { height: 20.53333rem; margin-top: 2.66667rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text { font-size: 4.26667rem; } } @media only screen and (min-width: 768px) { .Work-container-main .landing_page { height: 66.40625rem; } .Work-container-main .landing_page .content-container { max-width: 66.01562rem; } .Work-container-main .landing_page .content-container .headline { height: 19.40104rem; } .Work-container-main .landing_page .content-container .headline .headline_Text { font-size: 6.77083rem; } .Work-container-main .landing_page .content-container .main-description { height: 12.76042rem; padding: 0; } .Work-container-main .landing_page .content-container .main-description .main-description-text { padding-top: 0; font-size: 1.82292rem; } .Work-container-main .Detail_page { display: flex; flex-direction: column; } .Work-container-main .Detail_page .side_sticky_nav { padding: 5.20833rem 5.20833rem 0 5.20833rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title { padding-bottom: 5.20833rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 6.51042rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 2.34375rem; margin: 0 6.25rem 0 0; padding-bottom: 1.30208rem; } .Work-container-main .Detail_page .main_content_section { display: flex; flex-direction: column; padding: 5.20833rem 0 0 0; } .Work-container-main .Detail_page .main_content_section .content_prelude { padding: 0 5.20833rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 2.34375rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 3.90625rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary { margin-bottom: 2.60417rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.82292rem; } .Work-container-main .Detail_page .main_content_section .content_pointers { padding: 0 5.20833rem 0 5.20833rem; margin: 0 7.8125rem 7.16146rem 0; height: 45.57292rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text { font-size: 2.08333rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item { font-size: 1.82292rem; margin-top: 2.60417rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before { margin: 1.17188rem 3.32031rem 0 0; min-width: 1.5625rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details { padding: 3.90625rem 5.20833rem 0 5.20833rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 1.82292rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container { display: flex; justify-content: space-between; margin: 4.42708rem 0 4.42708rem 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 2.08333rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 4.6875rem; object-fit: contain; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button { width: auto; margin-top: 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after { width: 8px; height: 15px; margin-left: 20px; } .Work-container-main .Opportunities_page { height: 47.91667rem; } .Work-container-main .Opportunities_page .Opportunities_Banner { max-width: 63.84115rem; max-height: 28.82813rem; padding: 5.46875rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon { height: 2.47396rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text { font-size: 1.82292rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities { height: 11.06771rem; margin-top: 0.65104rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text { font-size: 3.90625rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities { height: 6.38021rem; margin-top: 0.65104rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text { font-size: 1.82292rem; } } @media only screen and (min-width: 992px) { .Work-container-main .landing_page { height: 66.02823rem; } .Work-container-main .landing_page .content-container { max-width: 58.97177rem; } .Work-container-main .landing_page .content-container .headline { height: 15.52419rem; } .Work-container-main .landing_page .content-container .headline .headline_Text { font-size: 6.04839rem; } .Work-container-main .landing_page .content-container .main-description { height: 10.78629rem; padding-top: 2.21774rem; } .Work-container-main .landing_page .content-container .main-description .main-description-text { font-size: 1.6129rem; } .Work-container-main .Detail_page { display: flex; flex-direction: row; } .Work-container-main .Detail_page .side_sticky_nav { padding: 5.04032rem 5.04032rem 0 5.04032rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title { padding-bottom: 2.52016rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 7.05645rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list { padding: 0; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-direction: column; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 1.81452rem; margin: 1.5121rem 0; padding: 0 0 0 2.52016rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { margin-left: -2.52016rem; margin-right: 14px; } .Work-container-main .Detail_page .main_content_section { padding: 3.02419rem 0 0 0; width: 100%; } .Work-container-main .Detail_page .main_content_section .content_prelude { padding: 4.03226rem 4.03226rem; padding-bottom: 0rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 3.02419rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 4.03226rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary { max-width: 54.7379rem; margin-bottom: 4.23387rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.6129rem; } .Work-container-main .Detail_page .main_content_section .content_pointers { padding: 0 4.03226rem 0 4.03226rem; margin: 0 3.02419rem 5.54435rem 0; height: 50.40323rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text { font-size: 1.81452rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item { font-size: 1.6129rem; margin-top: 4.6371rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before { margin: 1.10887rem 2.57056rem 0 0; min-width: 1.20968rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details { padding: 4.03226rem 14.1129rem 0 4.03226rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 1.41129rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container { display: flex; flex-wrap: wrap; margin: 3.42742rem 0 3.42742rem 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 0; width: auto; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 1.6129rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { width: 4.33468rem; height: 3.62903rem; object-fit: contain; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button { width: 100%; margin-top: 3.52823rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton { padding: 1.5121rem 2.01613rem; font-size: 1.5121rem; } .Work-container-main .Opportunities_page { height: 47.91331rem; } .Work-container-main .Opportunities_page .Opportunities_Banner { max-width: 67.2379rem; max-height: 28.83065rem; padding: 5.04032rem 7.05645rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon { height: 2.41935rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text { font-size: 1.81452rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities { height: 11.08871rem; margin-top: 1.00806rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text { font-size: 4.03226rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities { height: 5.04032rem; margin-top: 1.00806rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text { font-size: 1.6129rem; } } @media only screen and (min-width: 1200px) { .Work-container-main .landing_page { height: 56.25rem; } .Work-container-main .landing_page .content-container { max-width: 49.79167rem; } .Work-container-main .landing_page .content-container .headline { height: 13.59375rem; } .Work-container-main .landing_page .content-container .headline .headline_Text { font-size: 5.20833rem; } .Work-container-main .landing_page .content-container .main-description { height: 5.88542rem; padding-top: 1.66667rem; } .Work-container-main .landing_page .content-container .main-description .main-description-text { font-size: 1.04167rem; } .Work-container-main .Detail_page .side_sticky_nav { padding: 4.45312rem 7.03125rem 0 7.03125rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 5.72917rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-wrap: wrap; margin-left: -1.30208rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 1.25rem; margin: 0.83333rem 0; padding-left: 1.30208rem; } .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { margin-left: -1.04167rem; margin-right: 10px; } .Work-container-main .Detail_page .main_content_section { display: flex; flex-direction: column; padding: 4.45312rem 0 0 0; } .Work-container-main .Detail_page .main_content_section .content_prelude { padding: 0 7.29167rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 0.9375rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 3.125rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary { max-width: 44.47917rem; margin-bottom: 2.36979rem; } .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.04167rem; } .Work-container-main .Detail_page .main_content_section .content_pointers { padding: 0 7.29167rem 0 7.29167rem; margin: 0 3.125rem 2.86458rem 0; height: 27.34375rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text { font-size: 1.25rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item { font-size: 1.04167rem; margin-top: 2.39583rem; } .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before { margin: 0.78125rem 0.88542rem 0 0; min-width: 0.625rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details { padding: 2.08333rem 7.29167rem 0 7.29167rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 0.9375rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container { display: flex; flex-wrap: nowrap; justify-content: space-between; max-width: 49.73958rem; margin: 1.77083rem 0 1.77083rem 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 1.04167rem; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 2.44792rem; object-fit: contain; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button { width: auto; margin-top: 0; } .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .Work-container-main .Opportunities_page { height: 47.86458rem; } .Work-container-main .Opportunities_page .Opportunities_Banner { max-height: 20.83333rem; max-width: 50.39062rem; padding: 4.42708rem 8.22917rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon { height: 1.25rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text { font-size: 0.9375rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities { height: 6.77083rem; margin: 0.83333rem 0; } .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text { font-size: 2.5rem; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities { height: 2.5rem; margin-top: 0.72917rem; max-width: 60%; } .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text { font-size: 0.83333rem; } } @media only screen and (min-width: 320px) { .about_us_container .about_us_section { padding: 40rem 8rem 0 8rem; } .about_us_container .about_us_section .carousel-items { display: flex; justify-content: center; align-items: center; } .about_us_container .about_us_section .carousel-items .carousel-inner { width: unset; } .about_us_container .about_us_section .carousel-items .carousel-inner .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 12rem; height: 12rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .about_us_container .about_us_section .carousel-items .carousel-inner video, .about_us_container .about_us_section .carousel-items .carousel-inner img { height: 41.06667rem; } .about_us_container .about_us_section .begining { margin-top: 8.64rem; } .about_us_container .about_us_section .begining .title { -webkit-text-stroke: 1px #207878; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: transparent; font-size: 11.46667rem; } .about_us_container .about_us_section .begining .desc { margin-top: 3.73333rem; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #000000; } .about_us_container .about_us_section .begining .apply-button-wrapper { margin-top: 8.53333rem; margin-bottom: 9.33333rem; position: relative; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 2.7rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .about_us_container .pillar-section .pillar-title { padding: 10.66667rem 8rem 10.66667rem 8rem; background-image: linear-gradient(143deg, #00797b 9%, #005077 92%); } .about_us_container .pillar-section .pillar-title .pillar-count { -webkit-text-stroke: 0.8px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: transparent; font-size: 32rem; margin-right: 4rem; line-height: 1; } .about_us_container .pillar-section .pillar-title .pillar-header { -webkit-text-stroke: 0.8px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: transparent; font-size: 10.93333rem; } .about_us_container .pillar-section .pillar-title .pillar-desc .content { font-size: 3.73333rem; opacity: 0.6; margin-top: 6.66667rem; line-height: 1.79; color: #ffffff; } .about_us_container .pillar-section .scrollable-container .tile-item { padding: 10.66667rem 5.33333rem; text-align: center; border-bottom: 1px solid rgba(52, 146, 146, 0.3); } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count { font-size: 4.8rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; padding-bottom: 0.5rem; border-bottom: 3px solid #000000; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; margin-top: 5.33333rem; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: center; opacity: 0.6; margin: 4rem 2.4rem 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image { margin-top: 5.3rem; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img { width: 57.33333rem; height: 44.8rem; object-fit: contain; } .about_us_container .timeline-section { padding: 12rem 8rem 0 8rem; background-image: url("../assets/about-us-timeline.png"); transition: background 1s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: cover; } .about_us_container .timeline-section .timeline-heading { font-size: 6.4rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #ffffff; margin-bottom: 11.2rem; } .about_us_container .timeline-section .timeline { position: relative; overflow: auto; max-height: 500px; } .about_us_container .timeline-section .timeline .timeline-container { margin-bottom: 11.2rem; padding-left: 4.53333rem; margin-left: 4px; position: relative; } .about_us_container .timeline-section .timeline .timeline-container:before { content: ""; position: absolute; width: 2px; border: 1px solid #707070; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%); top: 2.66667rem; left: -1px; bottom: -11.2rem; } .about_us_container .timeline-section .timeline .timeline-container .marker { position: absolute; width: 2.4rem; height: 2.4rem; border: 1px solid #ffffff; top: 0; border-radius: 50%; z-index: 1; left: -1.06667rem; } .about_us_container .timeline-section .timeline .timeline-container .content { position: relative; border-radius: 6px; } .about_us_container .timeline-section .timeline .timeline-container .content h5 { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: left; color: #ffffff; } .about_us_container .timeline-section .timeline .timeline-container .content p { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #ffffff; } .about_us_container .timeline-section .timeline .timeline-container.active .content p { font-weight: 800; } .about_us_container .timeline-section .timeline .timeline-container.active .marker { background-image: linear-gradient(to top, #add484, #00a0b4); } .about_us_container .timeline-section .timeline .left { left: 0; } .about_us_container .timeline-section .timeline .right { left: 0%; } .about_us_container .timeline-section .timeline::-webkit-scrollbar { width: 0; } .about_us_container .timeline-section .timeline::-moz-scrollbar { width: 0; } .about_us_container .cta-video .cta-video-container { flex-direction: column-reverse; padding: 10.66667rem 4rem 0rem 4rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 8.5rem; padding: 0 4rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .title { font-size: 6.4rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title { opacity: 0.6; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; margin-top: 3.73333rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper { position: relative; margin-top: 8.53333rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 3.2rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.01333rem; margin-left: 3.73333rem; } .about_us_container .cta-video .cta-video-container .video-container { padding: 2.1rem 2.1rem 0 0; position: relative; } .about_us_container .cta-video .cta-video-container .video-container .background-container { height: 57.33333rem; } .about_us_container .cta-video .cta-video-container .video-container .background-container video, .about_us_container .cta-video .cta-video-container .video-container .background-container img { object-fit: cover; } .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 12rem; height: 12rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .about_us_container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: -1; } .about_us_container .canvas-text-action { min-height: 176rem; margin-top: 11.2rem; position: relative; } .about_us_container .canvas-text-action .carousel { position: unset; } .about_us_container .canvas-text-action .carousel-inner { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container video, .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container img { object-fit: cover; object-position: top; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 65.6rem; margin: auto; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; margin: 4.53333rem 0 9.06667rem 0; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper { position: relative; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 3.2rem; margin-bottom: 50px; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.01333rem; margin-left: 3.73333rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container { padding: 11.2rem 0 10.4rem 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0 8.3rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { opacity: 0.6; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; margin-top: 3.73333rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 8.3rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list { justify-content: space-between; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper { background-color: #f8f8f8; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot span { background: #017a7b; opacity: 0.2; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot.active span { opacity: 1; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 8.8rem 0 0 8rem; position: relative; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 2.7rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.9rem 3.2rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .about_us_container .plan { background-image: linear-gradient(141deg, #00797b 9%, #005077 92%); } .about_us_container .plan .header-div { padding: 9.33333rem; } .about_us_container .plan .header-div .plan-title { -webkit-text-stroke: 0.8px #ffffff; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: transparent; } .about_us_container .plan .inner-section { background-color: white; overflow-x: auto; flex-wrap: nowrap; } .about_us_container .plan .inner-section .card-wrapper { padding: 8rem; min-width: 66.66667rem; } .about_us_container .plan .inner-section .card-wrapper img { max-height: 8.53333rem; width: 9.33333rem; } .about_us_container .plan .inner-section .card-wrapper .count { font-size: 7.46667rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.64px; display: block; color: #017a7b; margin: 4.26667rem 0; } .about_us_container .plan .inner-section .card-wrapper .desc { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #000000; margin: 0; opacity: 0.6; } } @media only screen and (min-width: 768px) { .about_us_container .about_us_section { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; padding: 20.96354rem 3.38542rem 0 5.20833rem; margin-top: 0; } .about_us_container .about_us_section .carousel-items { align-items: flex-start; } .about_us_container .about_us_section .carousel-items .video-play { width: 7.68229rem; height: 7.68229rem; } .about_us_container .about_us_section .carousel-items video, .about_us_container .about_us_section .carousel-items img { height: 39.71354rem; width: 45.18229rem; } .about_us_container .about_us_section .begining { margin: 0 5.46875rem 0 0; } .about_us_container .about_us_section .begining .title { font-size: 5.59896rem; } .about_us_container .about_us_section .begining .desc { margin-top: 2.34375rem; font-size: 1.82292rem; } .about_us_container .about_us_section .begining .apply-button-wrapper { margin-top: 3.1901rem; margin-bottom: 6.77083rem; position: relative; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button { background-color: #ffffff; font-size: 1.95312rem; padding: 2.34375rem 3.90625rem; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.04167rem; height: 1.95312rem; margin-left: 2.60417rem; } .about_us_container .pillar-section .pillar-title { padding: 5.20833rem 5.85938rem 5.98958rem 5.27344rem; background-image: linear-gradient(143deg, #00797b 9%, #005077 92%); display: inline-flex; justify-content: left; } .about_us_container .pillar-section .pillar-title .pillar-count { font-size: 13.67188rem; margin-right: 1.5625rem; line-height: 0.9; } .about_us_container .pillar-section .pillar-title .pillar-header { -webkit-text-stroke: 0.8px #ffffff; font-size: 4.6875rem; min-width: 21.48438rem; } .about_us_container .pillar-section .pillar-title .pillar-desc .content { font-size: 1.82292rem; opacity: 0.6; line-height: 1.79; color: #ffffff; margin: 0 0 0 8rem; } .about_us_container .pillar-section .scrollable-container .tile-item { padding: 5.33854rem 0 5.20833rem 3.125rem; text-align: left; border-right: 1px solid rgba(52, 146, 146, 0.3); border-bottom: 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count { font-weight: 600; font-size: 1.5625rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000000; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title { font-size: 2.08333rem; margin: 3.125rem 2.08333rem 0 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content { text-align: left; font-size: 1.82292rem; margin: 1.17188rem 6.38021rem 0 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image { margin-top: 4.03646rem; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img { width: 26.43229rem; height: 20.57292rem; } .about_us_container .timeline-section { padding: 4.42708rem 0 0 3.90625rem; } .about_us_container .timeline-section .timeline-heading { font-size: 3.90625rem; margin-bottom: 25.52083rem; text-align: center; } .about_us_container .timeline-section .timeline { position: relative; overflow-x: auto; overflow-y: hidden; max-height: unset; display: flex; padding-bottom: 9.11458rem; } .about_us_container .timeline-section .timeline .timeline-container { padding-left: 0; margin-bottom: 0; max-width: 19.53125rem; margin-left: 5px; position: relative; } .about_us_container .timeline-section .timeline .timeline-container:before { content: ""; position: absolute; width: 2px; border: 1px solid #707070; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%); top: 1.30208rem; left: 0.78125rem; right: -0.52083rem; bottom: -5.46875rem; } .about_us_container .timeline-section .timeline .timeline-container .marker { position: absolute; width: 1.04167rem; height: 1.04167rem; border: 1px solid #ffffff; top: 0; border-radius: 50%; z-index: 1; left: 0rem; } .about_us_container .timeline-section .timeline .timeline-container .content { position: relative; border-radius: 6px; white-space: nowrap; margin: 1.95312rem 0; } .about_us_container .timeline-section .timeline .timeline-container .content h5 { font-size: 1.5625rem; } .about_us_container .timeline-section .timeline .timeline-container .content p { font-size: 1.82292rem; margin: 0; } .about_us_container .timeline-section .timeline .timeline-container.active .content p { font-weight: 800; } .about_us_container .timeline-section .timeline .timeline-container.active .marker { background-image: linear-gradient(to top, #add484, #00a0b4); } .about_us_container .timeline-section .timeline .above:before { bottom: 0; top: unset; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .above .marker { bottom: -0.39062rem; top: unset; } .about_us_container .timeline-section .timeline .below { transform: translateY(calc(100% - 2px)); } .about_us_container .timeline-section .timeline .below:before { bottom: unset; top: 0; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .below .marker { top: -0.39062rem; bottom: unset; } .about_us_container .timeline-section .timeline::-webkit-scrollbar { width: 0; } .about_us_container .timeline-section .timeline::-moz-scrollbar { width: 0; } .about_us_container .cta-video .cta-video-container { flex-direction: column-reverse; padding: 6.77083rem 6.64062rem 0 5.20833rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 2.60417rem; padding: 0; } .about_us_container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.90625rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.82292rem; margin-top: 2.60417rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper { position: relative; margin-top: 3.90625rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { opacity: 0.9; font-size: 1.95312rem; font-weight: 600; padding: 2.34375rem 3.90625rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.17188rem; height: 1.95312rem; margin-left: 2.60417rem; } .about_us_container .cta-video .cta-video-container .video-container { padding: 2.1rem 2.1rem 0 0; position: relative; } .about_us_container .cta-video .cta-video-container .video-container .background-container { height: 55.46875rem; } .about_us_container .cta-video .cta-video-container .video-container .background-container video, .about_us_container .cta-video .cta-video-container .video-container .background-container img { object-fit: cover; } .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play { width: 7.68229rem; height: 7.68229rem; } .about_us_container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: -1; } .about_us_container .canvas-text-action { min-height: 60.54688rem; margin-top: 5.20833rem; position: relative; } .about_us_container .canvas-text-action .carousel { position: unset; } .about_us_container .canvas-text-action .carousel-inner { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 58.59375rem; margin: auto; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 3.90625rem; font-weight: 600; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { font-size: 1.82292rem; margin: 2.60417rem 0 3.90625rem 0; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper { position: relative; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 1.95312rem; opacity: 0.9; color: #000000; padding: 1.95312rem 3.90625rem; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.04167rem; height: 1.95312rem; margin-left: 2.60417rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container { padding: 5.20833rem 0 0 0rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 5.20833rem 5.20833rem 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 3.90625rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1.82292rem; margin-top: 2.60417rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 3.90625rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list { justify-content: space-between; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper { background-color: #f8f8f8; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 4.16667rem 0 6.77083rem 5.20833rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { opacity: 0.9; font-size: 1.95312rem; padding: 2.34375rem 3.90625rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 1.04167rem; height: 1.95312rem; margin-left: 1.82292rem; } .about_us_container .plan { background-image: linear-gradient(141deg, #00797b 9%, #005077 92%); } .about_us_container .plan .header-div { padding: 7.16146rem 0 3.64583rem 5.20833rem; } .about_us_container .plan .header-div .plan-title { font-size: 6.51042rem; } .about_us_container .plan .inner-section { background-color: #ffffff; overflow-x: auto; flex-wrap: nowrap; } .about_us_container .plan .inner-section .card-wrapper { padding: 3.90625rem; min-width: 27.99479rem; } .about_us_container .plan .inner-section .card-wrapper img { max-height: 5.07812rem; width: 6.25rem; } .about_us_container .plan .inner-section .card-wrapper .count { font-size: 2.34375rem; color: #017a7b; margin: 2.08333rem 0 1.17188rem 0; } .about_us_container .plan .inner-section .card-wrapper .desc { font-size: 2.08333rem; } } @media only screen and (min-width: 992px) { .about_us_container .about_us_section { padding: 19.15323rem 6.75403rem 0 8.06452rem; margin-top: 0; } .about_us_container .about_us_section .carousel-items { align-items: flex-start; margin-bottom: 8.77016rem; } .about_us_container .about_us_section .carousel-items .video-play { width: 7.25806rem; height: 7.25806rem; } .about_us_container .about_us_section .carousel-items img, .about_us_container .about_us_section .carousel-items video { max-width: 36.59274rem; max-height: 32.15726rem; } .about_us_container .about_us_section .begining { margin: 0 6.55242rem 0 0; } .about_us_container .about_us_section .begining .title { font-size: 5.24194rem; } .about_us_container .about_us_section .begining .desc { margin-top: 2.21774rem; font-size: 1.6129rem; } .about_us_container .about_us_section .begining .apply-button-wrapper { margin-top: 3.52823rem; margin-bottom: 8.77016rem; position: relative; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button { background-color: #ffffff; font-size: 1.5121rem; padding: 1.81452rem 3.02419rem; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .about_us_container .pillar-section .pillar-title { padding: 6.04839rem 8.06452rem; background-image: linear-gradient(143deg, #00797b 9%, #005077 92%); display: inline-flex; justify-content: left; } .about_us_container .pillar-section .pillar-title .pillar-count { font-size: 14.61694rem; margin-right: 1.5121rem; } .about_us_container .pillar-section .pillar-title .pillar-header { -webkit-text-stroke: 0.8px #ffffff; font-size: 4.83871rem; min-width: 24.19355rem; } .about_us_container .pillar-section .pillar-title .pillar-desc .content { font-size: 1.6129rem; } .about_us_container .pillar-section .scrollable-container .tile-item { padding: 6.04839rem 0 6.04839rem 4.03226rem; text-align: left; border-right: 1px solid rgba(52, 146, 146, 0.3); border-bottom: 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count { font-size: 1.41129rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000000; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title { font-size: 1.81452rem; margin: 2.62097rem 3.22581rem 0 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content { text-align: left; font-size: 1.6129rem; margin: 1.20968rem 6.04839rem 0 0; opacity: 0.6; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image { margin-top: 6.85484rem; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img { width: 25.60484rem; height: 20.06048rem; } .about_us_container .timeline-section { padding: 6.04839rem 0 0 6.65323rem; } .about_us_container .timeline-section .timeline-heading { font-size: 4.03226rem; margin-bottom: 25.20161rem; text-align: center; } .about_us_container .timeline-section .timeline { position: relative; overflow-x: auto; overflow-y: hidden; max-height: unset; display: flex; padding-bottom: 9.57661rem; } .about_us_container .timeline-section .timeline .timeline-container { padding-left: 0; margin-bottom: 0; max-width: 18.14516rem; margin-left: 5px; position: relative; } .about_us_container .timeline-section .timeline .timeline-container:before { content: ""; position: absolute; width: 2px; border: 1px solid #707070; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%); top: 1.00806rem; left: 1.00806rem; right: -0.40323rem; bottom: -4.23387rem; } .about_us_container .timeline-section .timeline .timeline-container .marker { position: absolute; width: 1.00806rem; height: 1.10887rem; border: 1px solid #ffffff; top: 0; border-radius: 50%; z-index: 1; left: 0rem; } .about_us_container .timeline-section .timeline .timeline-container .content { position: relative; border-radius: 6px; white-space: nowrap; margin: 2.52016rem 0; } .about_us_container .timeline-section .timeline .timeline-container .content h5 { font-size: 1.41129rem; } .about_us_container .timeline-section .timeline .timeline-container .content p { font-size: 1.6129rem; } .about_us_container .timeline-section .timeline .timeline-container.active .content p { font-weight: 800; } .about_us_container .timeline-section .timeline .timeline-container.active .marker { background-image: linear-gradient(to top, #add484, #00a0b4); } .about_us_container .timeline-section .timeline .above:before { bottom: 0; top: unset; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .above .marker { bottom: -0.40323rem; top: unset; } .about_us_container .timeline-section .timeline .below { transform: translateY(calc(100% - 2px)); } .about_us_container .timeline-section .timeline .below:before { bottom: unset; top: 0; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .below .marker { top: -0.40323rem; bottom: unset; } .about_us_container .timeline-section .timeline::-webkit-scrollbar { width: 0; } .about_us_container .timeline-section .timeline::-moz-scrollbar { width: 0; } .about_us_container .cta-video .cta-video-container { flex-direction: column-reverse; padding: 6.95565rem 9.375rem 0 8.06452rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 3.02419rem; padding: 0; } .about_us_container .cta-video .cta-video-container .cta-wrapper .title { font-size: 4.03226rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.6129rem; margin-top: 2.01613rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper { margin-top: 3.02419rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { font-size: 1.5121rem; padding: 1.81452rem 3.02419rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { content: ""; width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .about_us_container .cta-video .cta-video-container .video-container { padding: 1.31048rem 1.31048rem 0 0; position: relative; } .about_us_container .cta-video .cta-video-container .video-container .background-container { height: 55.14113rem; } .about_us_container .cta-video .cta-video-container .video-container .background-container video, .about_us_container .cta-video .cta-video-container .video-container .background-container img { object-fit: cover; } .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play { width: 7.25806rem; height: 7.25806rem; } .about_us_container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: -1; } .about_us_container .canvas-text-action { min-height: 80.64516rem; margin-top: 6.04839rem; position: relative; } .about_us_container .canvas-text-action .carousel { position: unset; } .about_us_container .canvas-text-action .carousel-inner { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 58.46774rem; margin: auto; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 4.03226rem; font-weight: 600; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { margin: 2.01613rem 0 3.02419rem 0; font-size: 1.6129rem; line-height: 1.7; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper { position: relative; margin-top: 0; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 1.5121rem; opacity: 0.9; color: #000000; padding: 1.81452rem 3.02419rem; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container { padding: 6.04839rem 0 0 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding: 0 0 0 8.06452rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 4.03226rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1.6129rem; margin-top: 2.01613rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 3.02419rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list { justify-content: space-between; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper { background-color: #f8f8f8; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 4.13306rem 0 7.25806rem 8.06452rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { font-size: 1.5121rem; padding: 1.81452rem 3.02419rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 0.80645rem; height: 1.5121rem; margin-left: 1.41129rem; } .about_us_container .plan { background-image: linear-gradient(141deg, #00797b 9%, #005077 92%); } .about_us_container .plan .header-div { padding: 4.93952rem 0 3.32661rem 8.06452rem; } .about_us_container .plan .header-div .plan-title { font-size: 6.25rem; } .about_us_container .plan .inner-section { background-color: #ffffff; overflow-x: auto; flex-wrap: nowrap; } .about_us_container .plan .inner-section .card-wrapper { padding: 4.03226rem; min-width: 29.23387rem; } .about_us_container .plan .inner-section .card-wrapper img { max-height: 4.33468rem; width: 5.34274rem; } .about_us_container .plan .inner-section .card-wrapper .count { font-size: 2.01613rem; margin: 1.6129rem 0 0.90726rem 0; } .about_us_container .plan .inner-section .card-wrapper .desc { font-size: 1.81452rem; } } @media only screen and (min-width: 1200px) { .about_us_container .about_us_section { padding: 16.97917rem 13.33333rem 0 7.29167rem; margin-top: 0; } .about_us_container .about_us_section .carousel-items { align-items: flex-start; margin-bottom: 12.08333rem; } .about_us_container .about_us_section .carousel-items .video-play { width: 4.16667rem; height: 4.16667rem; } .about_us_container .about_us_section .carousel-items img, .about_us_container .about_us_section .carousel-items video { max-height: 27.44792rem; max-width: 31.35417rem; } .about_us_container .about_us_section .begining { margin: 0 9.79167rem 0 0; } .about_us_container .about_us_section .begining .title { font-size: 5rem; } .about_us_container .about_us_section .begining .desc { margin: 0.98958rem 0 0 0; font-size: 1.04167rem; } .about_us_container .about_us_section .begining .apply-button-wrapper { margin-top: 2.1875rem; margin-bottom: 13.07292rem; position: relative; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button { background-color: #ffffff; font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .about_us_container .pillar-section .pillar-title { padding: 6.30208rem 8.80208rem 7.08333rem 7.8125rem; background-image: linear-gradient(143deg, #00797b 9%, #005077 92%); display: inline-flex; justify-content: left; } .about_us_container .pillar-section .pillar-title .pillar-count { font-size: 13.54167rem; margin-right: 1.66667rem; } .about_us_container .pillar-section .pillar-title .pillar-header { -webkit-text-stroke: 0.8px #ffffff; font-size: 4.89583rem; min-width: 22.65625rem; } .about_us_container .pillar-section .pillar-title .pillar-desc .content { font-size: 1.04167rem; } .about_us_container .pillar-section .scrollable-container .tile-item { padding: 5.3125rem 0 5.20833rem 3.59375rem; text-align: left; border-right: 1px solid rgba(52, 146, 146, 0.3); border-bottom: 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count { font-size: 1.25rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000000; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title { font-size: 1.82292rem; margin: 1.04167rem 3.64583rem 0 0; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content { text-align: left; font-size: 1.04167rem; margin: 1.45833rem 8.75rem 0 0; opacity: 0.6; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image { margin-top: 6.5625rem; } .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img { width: 25.41667rem; height: 19.84375rem; } .about_us_container .timeline-section { padding: 5.72917rem 0 0 7.29167rem; } .about_us_container .timeline-section .timeline-heading { font-size: 3.125rem; margin-bottom: 27.34375rem; text-align: center; } .about_us_container .timeline-section .timeline { position: relative; overflow-x: auto; overflow-y: hidden; max-height: unset; display: flex; padding-bottom: 10.41667rem; } .about_us_container .timeline-section .timeline .timeline-container { padding-left: 0; margin-bottom: 0; max-width: 17.03125rem; margin-left: 5px; position: relative; } .about_us_container .timeline-section .timeline .timeline-container:before { content: ""; position: absolute; width: 2px; border: 1px solid #707070; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%); top: 0.52083rem; left: 1.04167rem; right: -0.20833rem; bottom: -2.1875rem; } .about_us_container .timeline-section .timeline .timeline-container .marker { position: absolute; width: 1.04167rem; height: 1.04167rem; border: 1px solid #ffffff; top: 0; border-radius: 50%; z-index: 1; left: 0rem; } .about_us_container .timeline-section .timeline .timeline-container .content { position: relative; border-radius: 6px; white-space: nowrap; margin: 1.30208rem 0; } .about_us_container .timeline-section .timeline .timeline-container .content h5 { font-size: 1.25rem; } .about_us_container .timeline-section .timeline .timeline-container .content p { font-size: 1.25rem; } .about_us_container .timeline-section .timeline .timeline-container.active .content p { font-weight: 800; } .about_us_container .timeline-section .timeline .timeline-container.active .marker { background-image: linear-gradient(to top, #add484, #00a0b4); } .about_us_container .timeline-section .timeline .above:before { bottom: 0; top: unset; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .above .marker { bottom: -0.46875rem; top: unset; } .about_us_container .timeline-section .timeline .below { transform: translateY(calc(100% - 2px)); } .about_us_container .timeline-section .timeline .below:before { bottom: unset; top: 0; width: unset; height: 2px; } .about_us_container .timeline-section .timeline .below .marker { top: -0.46875rem; bottom: unset; } .about_us_container .timeline-section .timeline::-webkit-scrollbar { width: 0; } .about_us_container .timeline-section .timeline::-moz-scrollbar { width: 0; } .about_us_container .cta-video .cta-video-container { flex-direction: row; padding: 13.38542rem 7.96875rem 0 7.29167rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 1.5625rem; margin-right: 7.03125rem; max-width: 30.72917rem; padding: 0; } .about_us_container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.125rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title { opacity: 1; font-size: 1.04167rem; margin-top: 1.04167rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button { opacity: 0.9; font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after { content: ""; width: 0.46875rem; height: 0.78125rem; margin-left: 1.04167rem; } .about_us_container .cta-video .cta-video-container .video-container { padding: 0.78125rem 1.04167rem 0 0; position: relative; } .about_us_container .cta-video .cta-video-container .video-container .background-container { height: 28.48958rem; } .about_us_container .cta-video .cta-video-container .video-container .background-container video, .about_us_container .cta-video .cta-video-container .video-container .background-container img { object-fit: cover; } .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play { width: 4.16667rem; height: 4.16667rem; } .about_us_container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: -1; } .about_us_container .canvas-text-action { min-height: 56.30208rem; margin-top: 12.8125rem; position: relative; } .about_us_container .canvas-text-action .carousel { position: unset; } .about_us_container .canvas-text-action .carousel-inner { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item { position: unset; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container { max-width: 45.05208rem; margin: auto; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title { font-size: 3.125rem; font-weight: 600; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc { margin: 0.9375rem 0 2.1875rem 0 !important; font-size: 1.04167rem; line-height: 1.7; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper { margin: 0; position: relative; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button { font-size: 0.78125rem; opacity: 0.9; color: #000000; padding: 0.9375rem 1.5625rem; } .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container { padding: 9.79167rem 0 0 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content { padding-left: 4.16667rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title { font-size: 3.125rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc { font-size: 1.04167rem; margin-top: 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container { margin-top: 5.3125rem; margin-bottom: 12.29167rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list { justify-content: space-between; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper { background-color: #f8f8f8; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper { padding: 2.1875rem 0 0 0; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button { font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 0.72917rem; } .about_us_container .plan { background-image: linear-gradient(141deg, #00797b 9%, #005077 92%); } .about_us_container .plan .header-div { padding: 5.10417rem 0 3.22917rem 7.29167rem; } .about_us_container .plan .header-div .plan-title { font-size: 4.89583rem; } .about_us_container .plan .inner-section { background-color: #ffffff; overflow-x: auto; flex-wrap: nowrap; margin: 0 7.29167rem; } .about_us_container .plan .inner-section .card-wrapper { padding: 3.02083rem 3.64583rem; min-width: unset; } .about_us_container .plan .inner-section .card-wrapper img { max-height: 3.07292rem; width: 3.69792rem; } .about_us_container .plan .inner-section .card-wrapper .count { font-size: 1.66667rem; margin: 1.19792rem 0 0.83333rem 0; } .about_us_container .plan .inner-section .card-wrapper .desc { font-size: 1.04167rem; } } .placements-main-container .placements-landing-page { position: relative; } .placements-main-container .placements-landing-page .carousel { position: unset; } .placements-main-container .placements-landing-page .carousel-inner { position: unset; } .placements-main-container .placements-landing-page .carousel-inner .carousel-item { position: unset; display: flex; align-items: center; justify-content: center; } .placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container video, .placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container img { object-fit: cover; } .placements-main-container .placements-landing-page .carousel-inner .carousel-item .placements-center-text { font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: center; color: #ffffff; } .placements-main-container .placements-landing-page .carousel-inner .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text { font-weight: bold; } .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #000000; } .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; } .placements-main-container .alumni-panel .alumni-panel-cards { display: flex; width: 87.5rem; margin-bottom: 10.625rem; overflow-x: auto; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential { padding-bottom: 0; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image { max-width: 100%; object-fit: cover; object-position: center; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters { background-image: linear-gradient(to bottom, rgba(0, 41, 56, 0), #002938); } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #ffffff; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text { font-weight: 300; font-stretch: normal; font-style: italic; letter-spacing: normal; text-align: center; color: #ffffff; } .placements-main-container .opportunities-main { display: flex; } .placements-main-container .opportunities-main .opportunities-left-panel { display: flex; flex-direction: column; background-color: #e2f7f7; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text { display: flex; flex-direction: column; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading { -webkit-text-stroke: 1px #00555a; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag { list-style: none; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: -0.55px; text-align: left; color: #017a7b; opacity: 0.3; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active { font-weight: bold; opacity: 1; display: flex; align-items: center; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; display: block; max-height: 12px; margin-left: 1px; margin-right: 10px; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item { display: flex; justify-content: flex-end; } .placements-main-container .opportunities-main .opportunities-right-panel { width: 100%; display: flex; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder { display: flex; align-items: flex-end; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image { object-fit: cover; object-position: bottom; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder { display: flex; flex-direction: column; align-items: flex-start; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.1; letter-spacing: normal; text-align: left; color: #ffffff; } .placements-main-container .opportunities-main .opportunities-right-panel .person-name { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: normal; text-align: center; color: #ffffff; } .placements-main-container .opportunities-main .opportunities-right-panel .person-designation { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.39; letter-spacing: normal; text-align: left; color: #ffffff; } .placements-main-container .fei-joa { background-color: #add484; } .placements-main-container .bondi-blue { background-color: #00a0b4; } .placements-main-container .somegreen { background-color: #77c58c; } .placements-main-container .hiring-companies { background-color: #f8f8f8; display: flex; flex-direction: column; } .placements-main-container .hiring-companies .hiring-companies-heading { -webkit-text-stroke: 1px #00555a; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .placements-main-container .hiring-companies .owl-carousel .owl-dots .owl-dot span { background-color: #017a7b; opacity: 0.3; } .placements-main-container .hiring-companies .owl-carousel .owl-dots .owl-dot.active span { opacity: 1; } .placements-main-container .hiring-companies .owl-carousel .item .logo-img { background-color: #ffffff; } .placements-main-container .ask-us-here { display: flex; align-items: center; justify-content: space-between; background-image: linear-gradient(95deg, #00797b 7%, #005077 85%); } .placements-main-container .ask-us-here .ask-us-here-phrase { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: #ffffff; } .placements-main-container .ask-us-here .extended-question { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: #ffffff; } .placements-main-container .ask-us-here .ask-us-here-button { opacity: 0.9; border-radius: 5px; border: 1px solid #017a7b; background-color: #ffffff; font-weight: 600; display: flex; align-items: center; } .placements-main-container .ask-us-here .ask-us-here-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .placements-main-container .roles-div { display: flex; } .placements-main-container .roles-div .side-panel-roles { background-image: url("../assets/Roles-sp-bg.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading { color: transparent; font-weight: 800; -webkit-text-stroke: 1px #ffffff; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head { list-style: none; padding: 0; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; display: flex; align-items: center; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before { content: ""; height: 3px; background-color: #000000; opacity: 0.45; display: block; } .placements-main-container .recruiters-feedback { background-image: linear-gradient(122deg, #00797b 8%, #005077 88%); } .placements-main-container .recruiters-feedback .heading-text { display: flex; flex-direction: column; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { -webkit-text-stroke: 1px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #ffffff; } .placements-main-container .recruiters-feedback #carousel-recruiters { display: flex; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { position: absolute; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item { background-color: #ffffff; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; align-items: center; text-align: center; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { background-color: #f8f8f8; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { display: flex; flex-direction: column; align-items: center; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #000000; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: normal; color: #017a7b; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-weight: 300; font-stretch: normal; font-style: italic; line-height: 2.39; letter-spacing: normal; color: #000000; } .placements-main-container .navy { background-color: #002938; } .placements-main-container .non-navy { background-color: #0d4153; } @media only screen and (min-width: 320px) { .placements-main-container .placements-landing-page { height: 177.86667rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements { padding-bottom: 1.86667rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text { font-size: 12.8rem; color: #ffffff; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements { max-width: 79.46667rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text { font-size: 3.73333rem; color: #ffffff; } .placements-main-container .alumni-panel { padding: 10.66667rem 0 0 0; } .placements-main-container .alumni-panel .alumni-panel-heading { padding: 0 0 5.33333rem 8.8rem; } .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text { font-size: 6.4rem; } .placements-main-container .alumni-panel .alumni-panel-summary { width: 73.33333rem; padding: 0 0 3.73333rem 8.8rem; } .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text { font-size: 3.73333rem; } .placements-main-container .alumni-panel .alumni-panel-cards { width: 100rem; margin-bottom: 0; padding-left: 0; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential { height: 55.2rem; position: relative; display: flex; flex-direction: column-reverse; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image { height: 50.93333rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters { display: flex; flex-direction: column; min-height: 24.8rem; align-items: center; justify-content: flex-end; padding-bottom: 6.32rem; z-index: 2; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text { font-size: 3.3rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text { font-size: 3.3rem; } .placements-main-container .opportunities-main { display: flex; flex-direction: column; } .placements-main-container .opportunities-main .opportunities-left-panel { max-width: auto; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading { font-size: 10.66667rem; margin: 10.13333rem 0 0 8rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary { font-size: 3.73333rem; margin: 5.33333rem 5.33333rem 8.26667rem 8rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav { margin: 0 0 8rem 8rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag { display: flex; flex-wrap: nowrap; padding: 0; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item { margin-bottom: 0; margin-right: 11.2rem; font-size: 4.26667rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item { max-width: 67.73333rem; display: none; min-height: 96rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img { width: 100%; object-fit: contain; object-position: bottom; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image { width: 42.13333rem; height: 58.13333rem; margin: 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder { margin: 10.66667rem 6.4rem 8rem 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe { width: 0; height: 0; margin-bottom: 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment { font-size: 3.73333rem; padding-bottom: 5.6rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-name { font-size: 4.26667rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-designation { font-size: 3.73333rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons { margin-top: 5.6rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left { margin-right: 5.6rem; height: 10.4rem; width: 5.33333rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right { height: 10.4rem; width: 5.33333rem; } .placements-main-container .hiring-companies { padding: 10.66667rem 8rem; } .placements-main-container .hiring-companies .hiring-companies-heading { margin: 0 0 8rem 0; font-size: 10.66667rem; } .placements-main-container .hiring-companies .owl-carousel .owl-dots { padding-top: 5.86667rem; } .placements-main-container .hiring-companies .owl-carousel .item .logo-img { width: 100%; margin-top: 5.33333rem; } .placements-main-container .ask-us-here { padding: 7.46667rem 8.8rem 5.86667rem 8.8rem; display: flex; flex-direction: column; align-items: flex-start; } .placements-main-container .ask-us-here .ask-us-here-phrase { font-size: 4.26667rem; display: flex; flex-direction: row; margin-bottom: 5.86667rem; } .placements-main-container .ask-us-here .ask-us-here-button { font-size: 3.2rem; padding: 3.2rem 3.2rem 3.2rem 3.2rem; } .placements-main-container .ask-us-here .ask-us-here-button::after { height: 3.2rem; width: 1.6rem; margin-left: 5.33333rem; } .placements-main-container .roles-div { display: flex; flex-direction: column; } .placements-main-container .roles-div .side-panel-roles { height: 113.33333rem; width: auto; padding: 9.6rem 0 0 9.06667rem; } .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading { font-size: 16rem; } .placements-main-container .roles-div .description-list-panel { padding: 12.8rem 0 0 8rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 5.33333rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 5.33333rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 6.4rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 4.26667rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers { padding-bottom: 10.66667rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item { padding-bottom: 6.93333rem; font-size: 4.26667rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before { min-width: 2.13333rem; margin-right: 4.8rem; } .placements-main-container .recruiters-feedback { height: 226.66667rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 10.66667rem; padding: 8.8rem 0 3.2rem 7.73333rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary { font-size: 3.73333rem; padding: 0 0 6.66667rem 8rem; } .placements-main-container .recruiters-feedback #carousel-recruiters { width: 84.26667rem; margin-left: 7.73333rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -16rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 1.86667rem; height: 1.86667rem; margin-right: 2.4rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: column-reverse; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 84.26667rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 66.93333rem; margin: 7.73333rem 0 0 8.8rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 0; height: 0; margin-bottom: 0; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 3.73333rem; margin-bottom: 5.6rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 4.26667rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 3.73333rem; padding-bottom: 8.8rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 84.26667rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img { width: 39.2rem; height: 24rem; margin: 9.86667rem 0 9.86667rem 0; } } @media only screen and (min-width: 768px) { .placements-main-container .placements-landing-page { height: 65.625rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements { padding-bottom: 2.60417rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text { font-size: 6.77083rem; color: #ffffff; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements { max-width: 43.09896rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text { font-size: 1.82292rem; color: #ffffff; } .placements-main-container .alumni-panel { padding: 5.20833rem 0 5.20833rem 0; } .placements-main-container .alumni-panel .alumni-panel-heading { padding: 0 0 2.60417rem 5.20833rem; } .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text { font-size: 3.90625rem; } .placements-main-container .alumni-panel .alumni-panel-summary { width: 89.71354rem; padding: 0 0 5.20833rem 5.20833rem; } .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text { font-size: 1.82292rem; } .placements-main-container .alumni-panel .alumni-panel-cards { width: 100rem; padding-left: 0; margin-bottom: 7.8125rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential { width: 35.41667rem; height: 41.40625rem; position: relative; display: flex; flex-direction: column-reverse; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image { height: 35.41667rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters { display: flex; flex-direction: column; width: 35.41667rem; min-height: 32.55208rem; align-items: center; justify-content: flex-end; padding-bottom: 4.11458rem; z-index: 2; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text { font-size: 1.82292rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text { font-size: 1.82292rem; } .placements-main-container .opportunities-main { display: flex; flex-direction: row; } .placements-main-container .opportunities-main .opportunities-left-panel { max-width: 51.17188rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading { font-size: 6.51042rem; margin: 3.25521rem 2.73438rem 0 5.20833rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary { font-size: 1.82292rem; margin: 2.73438rem 7.8125rem 2.73438rem 5.07812rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav { margin: 0 0 8.46354rem 5.20833rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag { display: block; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item { margin-bottom: 1.43229rem; font-size: 1.82292rem; padding-left: 2.47396rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active { margin-left: -2.73438rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item { max-width: 13.54167rem; display: flex; min-height: 19.14062rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img { width: 100%; object-fit: contain; object-position: bottom; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image { width: 17.57812rem; height: 24.34896rem; margin: 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder { margin: 3.90625rem 3.125rem 5.72917rem 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe { width: 3.64583rem; height: 2.73438rem; margin-bottom: 1.43229rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment { font-size: 1.82292rem; padding-bottom: 1.5625rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-name { font-size: 1.82292rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-designation { font-size: 1.5625rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons { margin-top: 3.125rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left { margin-right: 2.60417rem; width: 2.34375rem; height: 5.07812rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right { width: 2.34375rem; height: 5.07812rem; } .placements-main-container .hiring-companies { padding: 5.59896rem 5.33854rem 2.73438rem 5.33854rem; } .placements-main-container .hiring-companies .hiring-companies-heading { margin: 0 0 2.34375rem 0; font-size: 6.51042rem; } .placements-main-container .hiring-companies .owl-carousel .owl-dots { padding-top: 2.47396rem; } .placements-main-container .hiring-companies .owl-carousel .item .logo-img { width: 100%; margin-top: 2.08333rem; } .placements-main-container .ask-us-here { display: flex; flex-direction: row; align-items: center; padding: 4.03646rem 5.20833rem 4.03646rem 5.20833rem; } .placements-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.82292rem; display: flex; flex-direction: column; margin-bottom: 0; } .placements-main-container .ask-us-here .ask-us-here-button { padding: 1.95312rem 2.60417rem; font-size: 12px; } .placements-main-container .ask-us-here .ask-us-here-button::after { height: 1.95312rem; width: 1.04167rem; margin-left: 2.60417rem; } .placements-main-container .roles-div { display: flex; flex-direction: row; height: 69.79167rem; } .placements-main-container .roles-div .side-panel-roles { height: auto; width: 44.40104rem; padding: 4.29688rem 0 0 10.41667rem; } .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading { font-size: 7.8125rem; } .placements-main-container .roles-div .description-list-panel { padding: 5.20833rem 0 0 9.50521rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 3.64583rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 1.82292rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.60417rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.82292rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item { padding-bottom: 2.86458rem; font-size: 14px; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before { min-width: 0.78125rem; margin-right: 2.79948rem; } .placements-main-container .recruiters-feedback { height: 68.35938rem; padding-bottom: 7.8125rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 6.51042rem; padding: 5.72917rem 0 1.69271rem 7.29167rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary { font-size: 1.82292rem; padding: 0 0 2.47396rem 7.29167rem; } .placements-main-container .recruiters-feedback #carousel-recruiters { width: 85.54688rem; margin-left: 7.16146rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -5.20833rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 0.91146rem; height: 0.91146rem; margin-right: 1.04167rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 52.99479rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 47.26562rem; margin: 2.60417rem 2.86458rem 0 2.86458rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.55729rem; height: 3.38542rem; margin-bottom: 2.73438rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.82292rem; margin-bottom: 1.5625rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.82292rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 1.82292rem; padding-bottom: 1.95312rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.55208rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img { width: 18.35938rem; height: 11.32812rem; } } @media only screen and (min-width: 992px) { .placements-main-container .placements-landing-page { height: 66.73387rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements { padding-bottom: 1.20968rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text { font-size: 6.04839rem; color: #ffffff; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements { max-width: 39.81855rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text { font-size: 1.6129rem; color: #ffffff; } .placements-main-container .alumni-panel { padding: 6.04839rem 0 0 0; } .placements-main-container .alumni-panel .alumni-panel-heading { padding-bottom: 0 0 2.01613rem 8.06452rem; } .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text { font-size: 4.03226rem; } .placements-main-container .alumni-panel .alumni-panel-summary { width: 64.81855rem; padding-bottom: 5.04032rem; } .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text { font-size: 1.6129rem; } .placements-main-container .alumni-panel .alumni-panel-cards { margin-bottom: 11.08871rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential { width: 27.52016rem; height: 36.49194rem; position: relative; display: flex; flex-direction: column-reverse; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image { height: 33.56855rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters { display: flex; flex-direction: column; width: 27.52016rem; min-height: 25.20161rem; align-items: center; justify-content: flex-end; padding-bottom: 3.60887rem; z-index: 2; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text { font-size: 2.21774rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text { font-size: 1.6129rem; } .placements-main-container .opportunities-main .opportunities-left-panel { max-width: 51.31048rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading { font-size: 5.04032rem; margin: 5.44355rem 9.67742rem 0 8.26613rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary { font-size: 1.6129rem; margin: 1.5121rem 6.65323rem 3.125rem 8.16532rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav { margin: 0 0 10.48387rem 8.26613rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item { margin-bottom: 1.6129rem; font-size: 1.41129rem; padding-left: 1.91532rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active { margin-left: -2.11694rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item { max-width: 13.70968rem; display: flex; min-height: 19.55645rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img { width: 100%; object-fit: contain; object-position: bottom; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image { width: 17.43952rem; height: 26.20968rem; margin: 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder { margin: 5.14113rem 2.52016rem 0 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe { width: 3.72984rem; height: 2.82258rem; margin-bottom: 2.11694rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment { font-size: 1.6129rem; padding-bottom: 1.20968rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-name { font-size: 2.21774rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-designation { font-size: 1.6129rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons { margin-top: 2.01613rem; margin-bottom: 6.14919rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left { margin-right: 2.01613rem; width: 2.41935rem; height: 5.04032rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right { width: 2.41935rem; height: 5.04032rem; } .placements-main-container .hiring-companies { padding: 8.26613rem 8.06452rem 3.125rem 8.06452rem; } .placements-main-container .hiring-companies .hiring-companies-heading { margin: 0 0 3.62903rem 0; font-size: 5.04032rem; } .placements-main-container .hiring-companies .owl-carousel .owl-dots { padding-top: 4.23387rem; } .placements-main-container .hiring-companies .owl-carousel .item .logo-img { width: 100%; margin-top: 1.5121rem; } .placements-main-container .ask-us-here { display: flex; flex-direction: row; padding: 4.33468rem 8.46774rem 4.33468rem 8.46774rem; } .placements-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.41129rem; display: flex; flex-direction: row; margin-bottom: 0; } .placements-main-container .ask-us-here .ask-us-here-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } .placements-main-container .ask-us-here .ask-us-here-button::after { height: 1.5121rem; width: 0.80645rem; margin-left: 2.01613rem; } .placements-main-container .roles-div { display: flex; flex-direction: row; height: 67.2379rem; } .placements-main-container .roles-div .side-panel-roles { height: auto; width: 42.33871rem; padding: 8.16532rem 0 0 8.06452rem; } .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading { font-size: 7.05645rem; } .placements-main-container .roles-div .description-list-panel { padding: 8.87097rem 0 0 8.06452rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 1.5121rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 4.03226rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 1.71371rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.6129rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item { padding-bottom: 2.52016rem; font-size: 1.6129rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before { min-width: 0.74597rem; margin-right: 1.62298rem; } .placements-main-container .recruiters-feedback { height: 59.47581rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 5.04032rem; padding: 5.24194rem 0 1.6129rem 8.16532rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary { font-size: 1.6129rem; padding: 0 0 3.02419rem 8.16532rem; } .placements-main-container .recruiters-feedback #carousel-recruiters { width: 85.48387rem; margin-left: 7.15726rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -4.13306rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 1.00806rem; height: 1.00806rem; margin-right: 1.00806rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 53.02419rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 46.97581rem; margin: 3.125rem 3.02419rem 0 3.02419rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.6371rem; height: 3.42742rem; margin-bottom: 2.11694rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.6129rem; margin-bottom: 2.01613rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.6129rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 1.6129rem; padding-bottom: 1.6129rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.45968rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img { width: 16.12903rem; height: 9.87903rem; } } @media only screen and (min-width: 1200px) { .placements-main-container .placements-landing-page { height: 56.25rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements { padding-bottom: 2.60417rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text { font-size: 5.20833rem; color: #ffffff; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements { max-width: 31.61458rem; } .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text { font-size: 1.04167rem; color: #ffffff; } .placements-main-container .alumni-panel { padding: 5.20833rem 0 0 0; } .placements-main-container .alumni-panel .alumni-panel-heading { padding: 0 0 0.9375rem 7.29167rem; } .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text { font-size: 3.125rem; padding: 0; } .placements-main-container .alumni-panel .alumni-panel-summary { width: 44.27083rem; padding: 0 0 2.1875rem 7.29167rem; } .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text { font-size: 1.04167rem; } .placements-main-container .alumni-panel .alumni-panel-cards { width: 98.95833rem; margin-bottom: 10.63542rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential { width: 25.41667rem; height: 29.63542rem; position: relative; display: flex; flex-direction: column-reverse; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image { height: 25.41667rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters { display: flex; flex-direction: column; width: 25.41667rem; min-height: 13.02083rem; align-items: center; justify-content: flex-end; padding-bottom: 3.90625rem; z-index: 2; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text { font-size: 1.5625rem; } .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text { font-size: 0.9375rem; } .placements-main-container .opportunities-main .opportunities-left-panel { max-width: 46.09375rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading { font-size: 4.89583rem; margin: 5.20833rem 6.19792rem 0 7.29167rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary { font-size: 1.04167rem; margin: 0.78125rem 3.64583rem 4.0625rem 7.29167rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav { margin: 0 0 13.02083rem 7.29167rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item { margin-bottom: 1.66667rem; padding-left: 0.98958rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active { margin-left: -1.04167rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item { max-width: 13.22917rem; display: flex; min-height: 18.75rem; } .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img { width: 100%; object-fit: contain; object-position: bottom; } .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image { width: 21.35417rem; height: 25.15625rem; margin: 0; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder { margin-right: 5.52083rem; margin-top: 6.5625rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe { width: 4.63542rem; height: 3.4375rem; margin-bottom: 3.54167rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment { font-size: 1.04167rem; padding-bottom: 2.60417rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-name { font-size: 1.5625rem; } .placements-main-container .opportunities-main .opportunities-right-panel .person-designation { font-size: 0.9375rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons { margin-top: 3.69792rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left { margin-right: 1.04167rem; width: 1.71875rem; height: 3.48958rem; } .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right { width: 1.71875rem; height: 3.48958rem; } .placements-main-container .hiring-companies { padding: 4.16667rem 7.29167rem 2.70833rem 7.29167rem; } .placements-main-container .hiring-companies .hiring-companies-heading { margin: 0 0 1.97917rem 0; font-size: 4.89583rem; } .placements-main-container .hiring-companies .owl-carousel .owl-dots { padding-top: 2.1875rem; } .placements-main-container .hiring-companies .owl-carousel .item .logo-img { width: 100%; margin-top: 1.61458rem; } .placements-main-container .ask-us-here { display: flex; flex-direction: row; padding: 3.17708rem 6.66667rem 3.17708rem 6.66667rem; } .placements-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.25rem; display: flex; flex-direction: row; margin-bottom: 0; } .placements-main-container .ask-us-here .ask-us-here-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .placements-main-container .ask-us-here .ask-us-here-button::after { height: 0.78125rem; width: 0.41667rem; margin-left: 1.04167rem; } .placements-main-container .roles-div { display: flex; flex-direction: row; height: 56.25rem; } .placements-main-container .roles-div .side-panel-roles { height: auto; width: 32.86458rem; padding: 7.39583rem 0 0 5.3125rem; } .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading { font-size: 6.25rem; } .placements-main-container .roles-div .description-list-panel { padding: 8.22917rem 0 0 18.17708rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 1.45833rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 3.125rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.1875rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.04167rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item { padding-bottom: 2.39583rem; font-size: 0.9375rem; } .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before { min-width: 0.625rem; margin-right: 1.32812rem; } .placements-main-container .recruiters-feedback { height: 56.25rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 4.89583rem; padding: 4.63542rem 0 0.9375rem 7.39583rem; } .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary { font-size: 1.04167rem; padding: 0 0 2.34375rem 7.39583rem; } .placements-main-container .recruiters-feedback #carousel-recruiters { width: 85.41667rem; margin-left: 7.39583rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -6.25rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 0.78125rem; height: 0.78125rem; margin-right: 1.25rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 53.02083rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 33.75rem; margin: 4.53125rem 0 0 9.63542rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.63542rem; height: 3.4375rem; margin-bottom: 3.02083rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.04167rem; margin-bottom: 5.05208rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.5625rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 0.9375rem; padding-bottom: 3.90625rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.39583rem; } .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img { width: 16.09375rem; height: 9.89583rem; } } @media only screen and (min-width: 320px) { .admission-container { position: relative; } .admission-container .undergraduate-admission { background: url("../assets/undergraduate.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .admission-container .undergraduate-admission .undergraduate-header { padding: 122.93333rem 8.53333rem 5.33333rem; } .admission-container .undergraduate-admission .undergraduate-header .header { font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #ffffff; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper { position: relative; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button { margin-top: 8rem; opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .admission-container .undergraduate-admission .undergraduate-crousel { background: #ffffff; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper { display: flex; align-items: center; padding: 10.13333rem 0 10.13333rem 8rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num { font-size: 11.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.97px; text-align: left; color: #017a7b; margin-right: 4rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: 0.08px; text-align: left; color: #000000; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots { position: absolute; left: 0; right: 0; bottom: 0; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot { outline: none; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span { background-color: #017a7b; opacity: 0.2; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span :focus { outline: none; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot.active span { opacity: 1; } .admission-container .faq { z-index: 1000; position: fixed; top: 50%; right: 0; background: #ffffff; transform: rotate(-90deg) translate(50%, 50%); transform-origin: 70% 50%; padding: 1.33333rem 2.66667rem; border-radius: 5px 5px 0 0; border: solid 1px #017a7b; } .admission-container .faq1 { z-index: 1000; position: fixed; top: 75%; right: 0; background: #ffffff; transform: rotate(-90deg) translate(50%, 50%); transform-origin: 70% 50%; padding: 1.33333rem 2.66667rem; border-radius: 5px 5px 0 0; border: solid 1px #017a7b; } .admission-container .faq span { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.32px; text-align: center; color: #017a7b; } .admission-container .faq1 span { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.32px; text-align: center; color: #017a7b; } .admission-container .admission-info { background-color: #f0fbfb; } .admission-container .admission-info .eligibility { padding: 12rem 7.73333rem 0; } .admission-container .admission-info .eligibility img { height: 10.66667rem; width: 13.06667rem; } .admission-container .admission-info .eligibility .header { margin-top: 7.2rem; font-size: 5.33333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .admission-info .eligibility .list { margin: 5.6rem 0 0 0; } .admission-container .admission-info .eligibility .list li { font-size: 4.26667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; position: relative; color: #000000; margin-bottom: 7.73333rem; padding: 0 13.86667rem 0 6.4rem; } .admission-container .admission-info .eligibility .list li:before { content: ""; height: 2px; width: 8px; background-color: #000000; position: absolute; left: 0; top: 10px; opacity: 0.2; } .admission-container .admission-info .eligibility .list li:last-child { margin-bottom: 0; } .admission-container .admission-info .prerequisite { padding: 17.6rem 7.73333rem 8.8rem; } .admission-container .admission-info .prerequisite img { height: 10.66667rem; width: 13.06667rem; } .admission-container .admission-info .prerequisite .header { margin-top: 7.2rem; font-size: 5.33333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .admission-info .prerequisite .list { margin-top: 5.6rem; } .admission-container .admission-info .prerequisite .list li { font-size: 4.26667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; position: relative; color: #000000; margin-bottom: 7.73333rem; padding: 0 13.86667rem 0 6.4rem; } .admission-container .admission-info .prerequisite .list li:before { content: ""; height: 2px; width: 8px; background-color: #000000; position: absolute; left: 0; top: 10px; opacity: 0.2; } .admission-container .admission-info .prerequisite .list li:last-child { margin-bottom: 0; } .admission-container .admission-info .download-button-wrapper { padding: 0 0 11.46667rem 14.4rem; position: relative; } .admission-container .admission-info .download-button-wrapper .download-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .admission-container .admission-info .download-button-wrapper .download-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .admission-container .fees { background-color: #017a7b; padding-bottom: 10.66667rem; } .admission-container .fees .content { padding: 10.66667rem 8rem; } .admission-container .fees .content h3 { font-size: 6.4rem; font-weight: bold; line-height: 1.33; text-align: left; color: #ffffff; margin-bottom: 3.73333rem; } .admission-container .fees .content span { font-size: 3.73333rem; opacity: 0.8; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #ffffff; margin-bottom: 5.33333rem; } .admission-container .fees .fees-card-wrapper { position: relative; margin: 16px 14.66667rem 0 8rem; box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.15); } .admission-container .fees .fees-card-wrapper .fees-card { padding: 6.93333rem 8.53333rem 6.4rem 6.93333rem; background-color: #ffffff; position: relative; z-index: 2; } .admission-container .fees .fees-card-wrapper .fees-card img { height: 10.66667rem; width: 13.06667rem; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title { margin-top: 3.73333rem; border-bottom: 2px solid rgba(3, 161, 178, 0.11); padding: 5.33333rem 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 { font-size: 4.26667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title:first { padding-top: 0; } .admission-container .fees .fees-card-wrapper .fees-card .other-info { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.42; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.6; margin-top: 5.33333rem; } .admission-container .fees .fees-card-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -7px; right: -6px; bottom: 2.1rem; left: 2.1rem; z-index: 0; } .admission-container .timeline { padding: 11.2rem 8.53333rem; } .admission-container .timeline .timeline-title { margin-bottom: 10.93333rem; } .admission-container .timeline .timeline-title .header { -webkit-text-stroke: 0.8px #00555a; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #ffffff; margin-bottom: 3.2rem; } .admission-container .timeline .timeline-title .desc { opacity: 0.6; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; color: #000000; } .admission-container .timeline .timeline-wrapper { position: relative; max-height: 112rem; overflow-x: auto; padding-left: 5px; } .admission-container .timeline .timeline-wrapper .timeline-block { border-left: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; cursor: pointer; } .admission-container .timeline .timeline-wrapper .timeline-block .marker { width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #c1dede; background: #ffffff; position: absolute; left: -5px; z-index: 9; margin-top: 4px; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 15px; color: #666; margin-bottom: 10.66667rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #000000; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #000000; display: block; margin-bottom: 3.46667rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 3.73333rem; line-height: 1.5em; word-spacing: 1px; color: #888; margin: 0; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { position: relative; padding-top: 4.8rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .admission-container .timeline .timeline-wrapper .timeline-block.active .marker { background-image: linear-gradient(to bottom, #add484, #00a0b4); border: 1px solid #ffffff; margin-top: 0; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content { background-image: linear-gradient(to bottom, #add484, #00a0b4); margin-left: 4rem; padding: 4.26667rem; margin-bottom: 9.6rem; border-radius: 5px; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content h3, .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content span { color: #ffffff; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content { display: block; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p { color: #ffffff; } .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 0; } .admission-container .timeline .timeline-wrapper .timeline-block:first-child { margin-top: -4px; } .admission-container .timeline .timeline-wrapper .timeline-block:first-child.active { margin-top: 0; } .admission-container .timeline .timeline-wrapper::-webkit-scrollbar { width: 0; } .admission-container .timeline .timeline-wrapper::-moz-scrollbar { width: 0; } .admission-container .financial-aid { margin: 12rem 8rem; } .admission-container .financial-aid .img-wrapper { position: relative; } .admission-container .financial-aid .img-wrapper img { object-position: center; object-fit: cover; width: 100%; position: relative; } .admission-container .financial-aid .img-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -5px; right: -4px; bottom: 1.86667rem; left: 1.86667rem; z-index: -1; } .admission-container .financial-aid .content h3 { margin: 5.33333rem 0 3.73333rem 0; font-size: 6.4rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .financial-aid .content .desc { opacity: 0.6; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .financial-aid .content .content-footer { margin-top: 3.73333rem; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .contact .contact-info { background: linear-gradient(to bottom, #add484, #00a0b4); padding: 8.53333rem 8rem 10.66667rem 8rem; } .admission-container .contact .contact-info h3 { font-size: 6.4rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #ffffff; } .admission-container .contact .contact-info .basic { margin-top: 3.73333rem; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #ffffff; opacity: 1; margin-bottom: 6.4rem; } .admission-container .contact .contact-info .info { margin-bottom: 9.6rem; } .admission-container .contact .contact-info .info strong { display: block; font-size: 3.2rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: normal; text-align: left; color: #ffffff; } .admission-container .contact .contact-info .info span { font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #ffffff; } .admission-container .contact .contact-info .info:last-child { margin-bottom: 8.53333rem; } .admission-container .contact .contact-info .gmap-button-wrapper { position: relative; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .admission-container .contact .gmap-img img { object-fit: cover; object-position: center; width: 100%; } .admission-container .events { padding: 11.2rem 0 0 0; } .admission-container .events .event-title { font-size: 6.4rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #000000; margin: 0 0 3.2rem 8rem; } .admission-container .events .event-crousel .owl-carousel .item { padding-bottom: 11.2rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper { box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05); } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content { padding: 6.66667rem 5.33333rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: normal; text-align: left; opacity: 0.5; color: #000000; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header { font-size: 4.8rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: left; color: #000000; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.08; letter-spacing: normal; text-align: left; color: #000000; opacity: 0.8; display: block; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow { margin-left: auto; height: 1.6rem; width: 3.2rem; object-fit: contain; object-position: center; } .admission-container .events .event-crousel .owl-carousel .owl-prev, .admission-container .events .event-crousel .owl-carousel .owl-next { position: absolute; top: 0; bottom: 0; width: 25px; opacity: 0; } .admission-container .events .event-crousel .owl-carousel .owl-prev { left: 0; } .admission-container .events .event-crousel .owl-carousel .owl-next { right: 0; } } @media only screen and (min-width: 768px) { .admission-container { position: relative; } .admission-container .undergraduate-admission { background: url("../assets/undergraduate.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0 5.20833rem; } .admission-container .undergraduate-admission .undergraduate-header { padding: 27.99479rem 0 1.95312rem 0; display: flex; align-items: flex-end; } .admission-container .undergraduate-admission .undergraduate-header .header { font-size: 6.77083rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper { position: relative; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button { margin-top: 0; font-size: 1.5625rem; white-space: nowrap; padding: 1.69271rem 2.21354rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after { width: 0.8724rem; height: 1.6276rem; margin-left: 2.55208rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel { padding: 0 2.60417rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper { padding: 5.59896rem 3.90625rem 6.90104rem 3.90625rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num { font-size: 3.90625rem; margin-right: 2.86458rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc { font-size: 1.82292rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots { bottom: 2.08333rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span { height: 0.78125rem; width: 0.78125rem; margin: 0 0.78125rem; } .admission-container .faq { padding: 0.65104rem 1.30208rem; border-radius: 5px 5px 0 0; } .admission-container .faq1 { padding: 0.65104rem 1.30208rem; border-radius: 5px 5px 0 0; } .admission-container .faq span { font-size: 1.82292rem; } .admission-container .faq1 span { font-size: 1.82292rem; } .admission-container .admission-info { background-color: #f0fbfb; } .admission-container .admission-info .info { display: flex; justify-content: center; } .admission-container .admission-info .info .list-wrapper { padding: 4.03646rem 5.20833rem 2.60417rem; min-width: 50%; } .admission-container .admission-info .info .list-wrapper img { height: 4.16667rem; width: 5.07812rem; } .admission-container .admission-info .info .list-wrapper .header { margin-top: 2.34375rem; font-size: 2.08333rem; } .admission-container .admission-info .info .list-wrapper .list { margin: 2.34375rem 0 0 0; } .admission-container .admission-info .info .list-wrapper .list li { font-size: 1.82292rem; margin-bottom: 3.77604rem; padding: 0 0 0 3.125rem; } .admission-container .admission-info .info .list-wrapper .list li:before { content: ""; height: 2px; width: 8px; background-color: #000000; position: absolute; left: 0; top: 10px; opacity: 0.2; } .admission-container .admission-info .info .list-wrapper .list li:last-child { margin-bottom: 0; } .admission-container .admission-info .info .list-wrapper:first-child { border-right: 2px solid rgba(3, 161, 178, 0.11); } .admission-container .admission-info .download-button-wrapper { padding: 5.20833rem 0 0 0; position: relative; } .admission-container .admission-info .download-button-wrapper .download-button { font-size: 1.95312rem; padding: 1.5625rem 1.95312rem; } .admission-container .admission-info .download-button-wrapper .download-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.04167rem; height: 1.95312rem; margin-left: 2.60417rem; } .admission-container .fees { background-color: #017a7b; padding-bottom: 5.20833rem; display: flex; justify-content: center; } .admission-container .fees .content { padding: 8.72396rem 10.41667rem 0rem 7.8125rem; } .admission-container .fees .content h3 { font-size: 3.90625rem; margin-bottom: 2.60417rem; } .admission-container .fees .content span { font-size: 1.82292rem; margin-bottom: 5.59896rem; } .admission-container .fees .fees-card-wrapper { position: relative; margin: 7.42188rem 9.63542rem -23.4375rem 0; max-width: 31.64062rem; width: 100%; } .admission-container .fees .fees-card-wrapper .fees-card { padding: 3.90625rem; } .admission-container .fees .fees-card-wrapper .fees-card img { height: 3.64583rem; width: 4.42708rem; margin-bottom: 1.82292rem; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title { margin-top: 0; border-bottom: 2px solid rgba(3, 161, 178, 0.11); padding: 1.95312rem 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 { font-size: 1.82292rem; margin: 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong { font-size: 1.82292rem; } .admission-container .fees .fees-card-wrapper .fees-card .other-info { font-size: 1.5625rem; margin-top: 2.60417rem; line-height: 1.5; } .admission-container .fees .fees-card-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -7px; right: -6px; bottom: 2.1rem; left: 2.1rem; z-index: 0; } .admission-container .timeline { padding: 7.8125rem 0 7.29167rem 5.20833rem; } .admission-container .timeline .timeline-title { margin-bottom: 9.11458rem; } .admission-container .timeline .timeline-title .header { -webkit-text-stroke: 1px #00555a; font-size: 6.51042rem; margin-bottom: 2.60417rem; } .admission-container .timeline .timeline-title .desc { font-size: 1.82292rem; } .admission-container .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .admission-container .timeline .timeline-wrapper .timeline-block { border-left: 0; border-bottom: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; margin-bottom: 1.30208rem; } .admission-container .timeline .timeline-wrapper .timeline-block .marker { width: 1.69271rem; height: 1.69271rem; position: absolute; bottom: -7px; left: 50%; z-index: 9; margin-top: 0; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 5.20833rem; color: #666; margin-bottom: 2.34375rem; display: flex; flex-direction: column; justify-content: flex-end; text-align: center; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.82292rem; margin-bottom: 1.17188rem; white-space: nowrap; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.69271rem; margin-bottom: 1.17188rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.82292rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.82292rem; position: relative; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 1.5625rem; white-space: nowrap; color: #000000; padding: 1.95312rem 2.60417rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.91146rem; height: 1.17188rem; margin-left: 2.60417rem; } .admission-container .timeline .timeline-wrapper .timeline-block.active .marker { border: 1px solid #ffffff; margin-top: 0; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content { margin-left: 0rem; padding: 1.95312rem 3.90625rem; margin-bottom: 2.34375rem; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content h3, .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content span { color: #ffffff; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content { display: block; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p { color: #ffffff; } .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 2.34375rem; } .admission-container .timeline .timeline-wrapper .timeline-block:first-child { margin-top: 0; } .admission-container .financial-aid { margin: 23.95833rem 5.20833rem 7.8125rem; } .admission-container .financial-aid .img-wrapper { position: relative; } .admission-container .financial-aid .img-wrapper img { object-position: center; object-fit: cover; width: 100%; position: relative; } .admission-container .financial-aid .img-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -5px; right: -4px; bottom: 1.86667rem; left: 1.86667rem; z-index: -1; } .admission-container .financial-aid .content h3 { margin: 5.20833rem 0 2.60417rem 0; font-size: 3.90625rem; } .admission-container .financial-aid .content .desc { font-size: 1.82292rem; max-width: 67.44792rem; } .admission-container .financial-aid .content .content-footer { margin-top: 2.60417rem; font-size: 1.82292rem; } .admission-container .contact { display: flex; justify-content: center; } .admission-container .contact .contact-info { background: linear-gradient(to bottom, #add484, #00a0b4); padding: 3.38542rem 3.90625rem 4.42708rem 5.20833rem; } .admission-container .contact .contact-info h3 { font-size: 3.90625rem; } .admission-container .contact .contact-info .basic { margin-top: 2.08333rem; font-size: 1.82292rem; margin-bottom: 2.60417rem; } .admission-container .contact .contact-info .info { margin-bottom: 2.60417rem; } .admission-container .contact .contact-info .info strong { font-size: 1.82292rem; line-height: 1.5; } .admission-container .contact .contact-info .info span { font-size: 1.82292rem; line-height: 1.5; } .admission-container .contact .contact-info .info:last-child { margin-bottom: 3.90625rem; } .admission-container .contact .contact-info .gmap-button-wrapper { position: relative; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button { font-size: 1.95312rem; white-space: nowrap; padding: 1.95312rem 2.60417rem; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after { width: 1.04167rem; height: 1.95312rem; margin-left: 2.60417rem; } .admission-container .contact .gmap-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .admission-container .events { padding: 7.8125rem 0 0 0; } .admission-container .events .event-title { font-size: 3.90625rem; margin: 0 0 5.20833rem 5.20833rem; } .admission-container .events .event-crousel .owl-carousel .item { padding-bottom: 7.8125rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper { box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05); } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content { padding: 4.16667rem 2.60417rem 2.47396rem 3.51562rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date { font-size: 1.82292rem; font-weight: 600; line-height: 1.71; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header { font-size: 2.60417rem; line-height: 1.5; margin: 1.30208rem 0 1.95312rem 0; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc { font-size: 1.82292rem; line-height: 1.5; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow { height: 2.86458rem; width: 3.125rem; margin-top: 1.30208rem; } } @media only screen and (min-width: 992px) { .admission-container { position: relative; } .admission-container .undergraduate-admission { padding: 0 8.06452rem; } .admission-container .undergraduate-admission .undergraduate-header { padding: 31.75403rem 0 1.71371rem 0; display: flex; align-items: flex-end; } .admission-container .undergraduate-admission .undergraduate-header .header { font-size: 6.04839rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper { position: relative; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button { margin-top: 0; font-size: 1.5121rem; white-space: nowrap; padding: 1.5121rem 2.01613rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after { width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel { padding: 0 1.6129rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper { padding: 6.25rem 1.6129rem 6.25rem 1.6129rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num { font-size: 3.02419rem; margin-right: 1.00806rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc { font-size: 1.41129rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots { bottom: 2.01613rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span { height: 0.80645rem; width: 0.80645rem; margin: 0 0.75605rem; } .admission-container .faq { padding: 1.20968rem 2.21774rem; border-radius: 5px 5px 0 0; } .admission-container .faq span { font-size: 1.6129rem; } .admission-container .faq1 { padding: 1.20968rem 2.21774rem; border-radius: 5px 5px 0 0; } .admission-container .faq1 span { font-size: 1.6129rem; } .admission-container .admission-info { background-color: #f0fbfb; } .admission-container .admission-info .info { display: flex; justify-content: center; } .admission-container .admission-info .info .list-wrapper { padding: 4.03226rem 5.24194rem 2.01613rem; min-width: 50%; } .admission-container .admission-info .info .list-wrapper img { height: 4.23387rem; width: 5.14113rem; } .admission-container .admission-info .info .list-wrapper .header { margin-top: 2.01613rem; font-size: 2.41935rem; } .admission-container .admission-info .info .list-wrapper .list { margin: 1.81452rem 0 0 0; } .admission-container .admission-info .info .list-wrapper .list li { font-size: 1.6129rem; margin-bottom: 2.01613rem; padding: 0 0 0 2.41935rem; } .admission-container .admission-info .info .list-wrapper .list li:before { content: ""; height: 2px; width: 8px; background-color: #000000; position: absolute; left: 0; top: 12px; opacity: 0.2; } .admission-container .admission-info .info .list-wrapper .list li:last-child { margin-bottom: 0; } .admission-container .admission-info .info .list-wrapper:first-child { border-right: 2px solid rgba(3, 161, 178, 0.11); } .admission-container .admission-info .download-button-wrapper { padding: 4.03226rem 0 0 0; position: relative; } .admission-container .admission-info .download-button-wrapper .download-button { font-size: 1.5121rem; padding: 1.5121rem 2.01613rem; } .admission-container .admission-info .download-button-wrapper .download-button::after { width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .admission-container .fees { background-color: #017a7b; padding-bottom: 16.33065rem; display: flex; justify-content: center; } .admission-container .fees .content { padding: 8.87097rem 11.99597rem 0rem 8.87097rem; } .admission-container .fees .content h3 { font-size: 4.03226rem; margin-bottom: 1.10887rem; } .admission-container .fees .content span { font-size: 1.6129rem; margin-bottom: 0; } .admission-container .fees .fees-card-wrapper { position: relative; margin: 8.77016rem 12.19758rem -20.16129rem 0; max-width: 31.64062rem; width: 100%; } .admission-container .fees .fees-card-wrapper .fees-card { padding: 3.02419rem; } .admission-container .fees .fees-card-wrapper .fees-card img { height: 4.03226rem; width: 4.93952rem; margin-bottom: 1.41129rem; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title { margin-top: 0; border-bottom: 2px solid rgba(3, 161, 178, 0.11); padding: 2.01613rem 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 { font-size: 1.71371rem; margin: 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong { font-size: 1.71371rem; } .admission-container .fees .fees-card-wrapper .fees-card .other-info { font-size: 1.31048rem; margin-top: 2.01613rem; line-height: 1.5; } .admission-container .fees .fees-card-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -7px; right: -6px; bottom: 2.1rem; left: 2.1rem; z-index: 0; } .admission-container .timeline { padding: 6.04839rem 0 6.04839rem 8.06452rem; } .admission-container .timeline .timeline-title { margin-bottom: 6.04839rem; } .admission-container .timeline .timeline-title .header { font-size: 7.05645rem; margin-bottom: 2.01613rem; } .admission-container .timeline .timeline-title .desc { font-size: 1.6129rem; } .admission-container .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .admission-container .timeline .timeline-wrapper .timeline-block { border-left: 0; border-bottom: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; margin-bottom: 1.00806rem; } .admission-container .timeline .timeline-wrapper .timeline-block .marker { width: 1.00806rem; height: 1.00806rem; position: absolute; bottom: -5px; left: 50%; z-index: 9; margin-top: 0; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 4.43548rem; margin-bottom: 1.71371rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.6129rem; margin-bottom: 1.00806rem; white-space: nowrap; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.5121rem; margin-bottom: 1.00806rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.41129rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.10887rem; position: relative; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 1.00806rem; white-space: nowrap; color: #000000; padding: 1.00806rem 1.20968rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.48387rem; height: 0.91734rem; margin-left: 2.01613rem; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content { padding: 1.5121rem 3.02419rem; margin-bottom: 1.81452rem; } .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 1.71371rem; } .admission-container .financial-aid { margin: 14.1129rem 8.06452rem 6.04839rem; } .admission-container .financial-aid .img-wrapper { position: relative; } .admission-container .financial-aid .img-wrapper img { object-position: center; object-fit: cover; width: 100%; position: relative; } .admission-container .financial-aid .img-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 1.5121rem; left: 1.5121rem; z-index: -1; } .admission-container .financial-aid .content h3 { margin: 3.02419rem 0 2.01613rem 0; font-size: 4.03226rem; } .admission-container .financial-aid .content .desc { font-size: 1.6129rem; max-width: 69.05242rem; } .admission-container .financial-aid .content .content-footer { margin-top: 2.01613rem; font-size: 1.6129rem; } .admission-container .contact { display: flex; justify-content: center; } .admission-container .contact .contact-info { background: linear-gradient(to bottom, #add484, #00a0b4); padding: 6.04839rem 8.56855rem 6.04839rem 5.54435rem; } .admission-container .contact .contact-info h3 { font-size: 4.03226rem; } .admission-container .contact .contact-info .basic { margin-top: 3.02419rem; font-size: 1.6129rem; margin-bottom: 4.83871rem; } .admission-container .contact .contact-info .info { margin-bottom: 3.02419rem; } .admission-container .contact .contact-info .info strong { font-size: 1.6129rem; line-height: 1.5; } .admission-container .contact .contact-info .info span { font-size: 1.6129rem; line-height: 1.5; } .admission-container .contact .contact-info .info:last-child { margin-bottom: 3.62903rem; } .admission-container .contact .contact-info .gmap-button-wrapper { position: relative; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button { font-size: 1.5121rem; white-space: nowrap; padding: 1.5121rem 2.01613rem; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after { width: 0.80645rem; height: 1.5121rem; margin-left: 2.01613rem; } .admission-container .contact .gmap-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .admission-container .events { padding: 6.04839rem 0 0 0; } .admission-container .events .event-title { font-size: 4.03226rem; margin: 0 0 4.03226rem 8.06452rem; } .admission-container .events .event-crousel .owl-carousel .item { padding-bottom: 6.04839rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper { box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05); } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content { padding: 3.62903rem 3.32661rem 4.33468rem 3.125rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date { font-size: 1.71371rem; font-weight: 600; line-height: 1.71; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header { font-size: 2.41935rem; line-height: 1.5; margin: 1.00806rem 0 2.01613rem 0; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc { font-size: 1.6129rem; line-height: 1.5; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow { height: 2.52016rem; width: 2.72177rem; margin-top: 1.00806rem; } } @media only screen and (min-width: 1200px) { .admission-container { position: relative; } .admission-container .undergraduate-admission { padding: 0 7.1875rem; } .admission-container .undergraduate-admission .undergraduate-header { padding: 26.66667rem 0 1.77083rem 0; justify-content: space-between; } .admission-container .undergraduate-admission .undergraduate-header .header { font-size: 5.20833rem; max-width: 50%; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button { font-size: 0.78125rem; white-space: nowrap; padding: 0.9375rem 1.5625rem; } .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel { padding: 0 4.6875rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper { padding: 4.21875rem 2.08333rem 5.83333rem 2.08333rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num { font-size: 3.33333rem; margin-right: 0.9375rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc { font-size: 1.04167rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots { bottom: 2.29167rem; } .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span { height: 0.72917rem; width: 0.72917rem; margin: 0 0.625rem; } .admission-container .faq { padding: 0.78125rem 1.40625rem; border-radius: 5px 5px 0 0; } .admission-container .faq span { font-size: 1.04167rem; } .admission-container .faq1 { padding: 0.78125rem 1.40625rem; border-radius: 5px 5px 0 0; } .admission-container .faq1 span { font-size: 1.04167rem; } .admission-container .admission-info { background-color: #f0fbfb; } .admission-container .admission-info .info { display: flex; justify-content: center; } .admission-container .admission-info .info .list-wrapper { padding: 5.20833rem 6.875rem 4.79167rem; min-width: 50%; } .admission-container .admission-info .info .list-wrapper img { height: 4.21875rem; width: 5.10417rem; } .admission-container .admission-info .info .list-wrapper .header { margin-top: 1.40625rem; font-size: 2.1875rem; } .admission-container .admission-info .info .list-wrapper .list { margin: 2.23958rem 0 0 0; } .admission-container .admission-info .info .list-wrapper .list li { font-size: 1.04167rem; margin-bottom: 1.77083rem; padding: 0 0 0 1.25rem; } .admission-container .admission-info .info .list-wrapper .list li:before { content: ""; height: 2px; width: 8px; background-color: #000000; position: absolute; left: 0; top: 14px; opacity: 0.2; } .admission-container .admission-info .info .list-wrapper .list li:last-child { margin-bottom: 0; } .admission-container .admission-info .info .list-wrapper:first-child { border-right: 2px solid rgba(3, 161, 178, 0.11); } .admission-container .admission-info .download-button-wrapper { padding: 3.38542rem 0 0 0; position: relative; } .admission-container .admission-info .download-button-wrapper .download-button { font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .admission-container .admission-info .download-button-wrapper .download-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .admission-container .fees { padding-bottom: 9.32292rem; } .admission-container .fees .content { padding: 9.32292rem 21.875rem 0 7.34375rem; } .admission-container .fees .content h3 { font-size: 3.125rem; margin-bottom: 1.40625rem; } .admission-container .fees .content span { font-size: 1.04167rem; margin-bottom: 0; } .admission-container .fees .fees-card-wrapper { position: relative; margin: auto 14.6875rem -9.75rem 0; max-width: 28.125rem; width: 100%; } .admission-container .fees .fees-card-wrapper .fees-card { padding: 2.60417rem 2.60417rem 2.08333rem; } .admission-container .fees .fees-card-wrapper .fees-card img { height: 3.69792rem; width: 4.47917rem; margin-bottom: 1.45833rem; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title { margin-top: 0; border-bottom: 2px solid rgba(3, 161, 178, 0.11); padding: 2.23958rem 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 { font-size: 1.04167rem; margin: 0; } .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong { font-size: 1.25rem; } .admission-container .fees .fees-card-wrapper .fees-card .other-info { font-size: 0.83333rem; margin-top: 1.97917rem; line-height: 1.5; } .admission-container .fees .fees-card-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: -12px; right: -12px; bottom: 2.1rem; left: 2.1rem; z-index: 0; } .admission-container .timeline { padding: 5.78125rem 0 6.92708rem 7.29167rem; } .admission-container .timeline .timeline-title { margin-bottom: 3.54167rem; } .admission-container .timeline .timeline-title .header { font-size: 4.89583rem; margin-bottom: 1.25rem; } .admission-container .timeline .timeline-title .desc { font-size: 1.04167rem; } .admission-container .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .admission-container .timeline .timeline-wrapper .timeline-block { margin-bottom: 0.52083rem; } .admission-container .timeline .timeline-wrapper .timeline-block .marker { width: 1.04167rem; height: 1.04167rem; bottom: -0.52083rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 4.16667rem; margin-bottom: 1.09375rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.25rem; margin-bottom: 0.52083rem; white-space: nowrap; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.25rem; margin-bottom: 1.51042rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.04167rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.97917rem; position: relative; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 0.78125rem; white-space: nowrap; color: #000000; padding: 0.9375rem 1.5625rem; } .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.25rem; height: 0.47396rem; margin-left: 1.04167rem; } .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content { padding: 2.03125rem 1.97917rem; margin-bottom: 1.09375rem; } .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 1.09375rem; } .admission-container .financial-aid { margin: 17.03125rem 8.80208rem 11.25rem 7.29167rem; display: flex; align-items: center; justify-content: center; } .admission-container .financial-aid .img-wrapper { position: relative; } .admission-container .financial-aid .img-wrapper img { object-position: center; object-fit: cover; width: 100%; position: relative; } .admission-container .financial-aid .img-wrapper::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 0.78125rem; left: 0.78125rem; z-index: -1; } .admission-container .financial-aid .content { margin-left: 8.80208rem; } .admission-container .financial-aid .content h3 { margin: 0 0 1.40625rem 0; font-size: 3.125rem; } .admission-container .financial-aid .content .desc { font-size: 1.04167rem; max-width: unset; } .admission-container .financial-aid .content .content-footer { margin-top: 2.23958rem; font-size: 1.04167rem; } .admission-container .contact { display: flex; justify-content: center; } .admission-container .contact .contact-info { background: linear-gradient(to bottom, #add484, #00a0b4); padding: 5.98958rem 5.46875rem 6.61458rem 4.32292rem; min-width: 33.59375rem; } .admission-container .contact .contact-info h3 { font-size: 3.125rem; } .admission-container .contact .contact-info .basic { margin-top: 1.45833rem; font-size: 1.30208rem; margin-bottom: 3.38542rem; } .admission-container .contact .contact-info .info { margin-bottom: 2.96875rem; } .admission-container .contact .contact-info .info strong { font-size: 1.04167rem; line-height: 1.5; } .admission-container .contact .contact-info .info span { font-size: 1.30208rem; line-height: 1.5; } .admission-container .contact .contact-info .info:last-child { margin-bottom: 2.60417rem; } .admission-container .contact .contact-info .gmap-button-wrapper { position: relative; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button { font-size: 0.78125rem; white-space: nowrap; padding: 0.9375rem 1.5625rem; } .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .admission-container .contact .gmap-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .admission-container .events { padding: 6.09375rem 0 0 0; } .admission-container .events .event-title { font-size: 3.125rem; margin: 0 0 1.66667rem 7.8125rem; } .admission-container .events .event-crousel .owl-carousel .item { padding-bottom: 4.47917rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper { box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05); } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content { padding: 1.97917rem 3.48958rem 1.5625rem 2.23958rem; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date { font-size: 1.04167rem; font-weight: 600; line-height: 1.71; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header { font-size: 1.66667rem; line-height: 1.5; margin: 0.625rem 0 1.04167rem 0; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc { font-size: 0.9375rem; line-height: 1.5; } .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow { height: 1.51042rem; width: 1.61458rem; margin-top: 0.9375rem; } } @media only screen and (min-width: 320px) { .research-main .research-landing-page { height: 177.86667rem; position: relative; } .research-main .research-landing-page .carousel { position: unset; } .research-main .research-landing-page .carousel-inner { position: unset; } .research-main .research-landing-page .carousel-inner .carousel-item { position: unset; display: flex; align-items: center; justify-content: center; } .research-main .research-landing-page .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .research-main .research-landing-page .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .research-main .research-landing-page .carousel-inner .carousel-item .background-container video, .research-main .research-landing-page .carousel-inner .carousel-item .background-container img { object-fit: cover; } .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text { font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: center; color: #ffffff; } .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Headline_research { padding-bottom: 1.86667rem; } .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Headline_research .Headline_research_Text { font-size: 12.8rem; font-weight: bold; color: #ffffff; } .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Description_research { max-width: 79.46667rem; margin: 0 auto; } .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Description_research .Description_research_Text { font-size: 3.73333rem; color: #ffffff; } .research-main .research-innovation .header { padding: 8rem 8rem 6.66667rem; } .research-main .research-innovation .header h3 { font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; -webkit-text-stroke: 0.8px #00555a; text-align: left; color: transparent; } .research-main .research-innovation .content-section { position: relative; height: 35%; transition: height 1s; } .research-main .research-innovation .content-section .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 1s ease; } .research-main .research-innovation .content-section .bg-img img { height: 100%; width: 100%; object-fit: cover; object-position: right; } .research-main .research-innovation .content-section .content { border-top: 1px solid rgba(52, 146, 146, 0.3); padding: 5.86667rem 0 0 8rem; } .research-main .research-innovation .content-section .content .num { font-size: 5.33333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #027878; padding-bottom: 1.6rem; border-bottom: 2px solid #027878; } .research-main .research-innovation .content-section .content-wrapper { padding: 7.5rem 8rem; } .research-main .research-innovation .content-section .content-wrapper .content-title { display: flex; justify-content: space-between; align-items: center; } .research-main .research-innovation .content-section .content-wrapper .content-title h4 { font-size: 6.4rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; color: #027878; max-width: 46.66667rem; } .research-main .research-innovation .content-section .content-wrapper .content-title:after { content: ""; background: url("../assets/collapse-plus.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 5.33333rem; height: 5.33333rem; } .research-main .research-innovation .content-section .content-wrapper .content-body { position: absolute; margin-top: 5.33333rem; font-size: 3.73333rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; color: #ffffff; opacity: 0; visibility: hidden; transition: opacity 1s ease-in-out, visibility 1s; max-width: calc(100% - 16rem); } .research-main .research-innovation .content-section:hover { height: 100%; } .research-main .research-innovation .content-section:hover .bg-img { opacity: 1; } .research-main .research-innovation .content-section:hover .num { color: #ffffff; border-color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-body { visibility: visible; opacity: 1; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 { color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after { display: none; } .research-main .projects-tiles { background-color: #002938; padding: 11.2rem 0 18.66667rem 0; margin-bottom: -1px; } .research-main .projects-tiles .title-container { padding: 0 5.33333rem; margin: auto; flex-direction: column; } .research-main .projects-tiles .title-container .heading { font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; -webkit-text-stroke: 1px #ffffff; color: transparent; } .research-main .projects-tiles .title-container #projects-tab { margin-top: 9.33333rem; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 4.26667rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; color: #ffffff; opacity: 0.4; display: flex; align-items: center; padding: 0 4.8rem; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active { opacity: 1; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; display: block; max-height: 12px; margin-left: -15px; margin-right: 8px; } .research-main .projects-tiles #projects-tabContent { margin-top: 8rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 110.93333rem; flex-direction: column; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container .image { object-position: center; object-fit: cover; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { margin-top: 4.8rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 6.66667rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #ffffff; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 3.73333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.37px; color: #ffffff; margin: 3.2rem 0 0 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { position: relative; margin-top: 7.46667rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3.01333rem; margin-left: 1.86667rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { float: left; margin: 8rem 0 0 8rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 1.2rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 2.13333rem; width: 1.86667rem; opacity: 0.2; background-color: #ffffff; margin: 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot.active span { opacity: 1; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot:focus { outline: none; } } @media only screen and (min-width: 768px) { .research-main .research-landing-page { height: 65.625rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research { padding-bottom: 2.60417rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text { font-size: 6.77083rem; color: #ffffff; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research { max-width: 43.09896rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text { font-size: 1.82292rem; color: #ffffff; } .research-main .research-innovation .header { padding: 5.20833rem 0 5.20833rem 5.20833rem; } .research-main .research-innovation .header h3 { font-size: 5.20833rem; } .research-main .research-innovation .content-section { position: relative; height: 25%; transition: height 1s; } .research-main .research-innovation .content-section .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 1s ease; } .research-main .research-innovation .content-section .bg-img img { height: 100%; width: 100%; object-fit: cover; object-position: right; } .research-main .research-innovation .content-section .content { padding: 7.8125rem 0 5.20833rem 5.20833rem; } .research-main .research-innovation .content-section .content .num { font-size: 3.25521rem; padding-bottom: 1.30208rem; } .research-main .research-innovation .content-section .content-wrapper { padding: 0rem 5.20833rem; } .research-main .research-innovation .content-section .content-wrapper .content-title h4 { font-size: 3.90625rem; max-width: unset; } .research-main .research-innovation .content-section .content-wrapper .content-title:after { content: ""; width: 3.51562rem; height: 3.51562rem; } .research-main .research-innovation .content-section .content-wrapper .content-body { margin-top: 2.60417rem; font-size: 2.34375rem; max-width: 59.89583rem; opacity: 0; transition: opacity 1s ease-in-out; } .research-main .research-innovation .content-section:hover { height: 100%; } .research-main .research-innovation .content-section:hover .bg-img { opacity: 1; } .research-main .research-innovation .content-section:hover .num { color: #ffffff; border-color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 { color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after { display: none; } .research-main .research-innovation .content-section:hover .content-wrapper .content-body { display: block; opacity: 1; } .research-main .projects-tiles { padding: 5.20833rem 0 12.63021rem 0; } .research-main .projects-tiles .title-container { padding: 0 5.20833rem; flex-direction: row; justify-content: space-between; align-items: center; } .research-main .projects-tiles .title-container .heading { font-size: 6.51042rem; } .research-main .projects-tiles .title-container #projects-tab { margin-top: 0; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 2.08333rem; padding: 0 2.60417rem; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before { margin-left: -15px; margin-right: 15px; } .research-main .projects-tiles #projects-tabContent { margin-top: 5.85938rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 45.05208rem; padding: 0 0 3.90625rem 3.90625rem; align-items: flex-end; flex-direction: row; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { max-width: 60%; margin-top: 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 3.90625rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 1.82292rem; margin: 1.30208rem 0 0 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 2.60417rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 0.91146rem; padding: 0.91146rem 1.30208rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.50781rem; height: 0.9375rem; margin-left: 1.77083rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 2.86458rem 0 0 5.20833rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.78125rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.78125rem; width: 0.78125rem; } } @media only screen and (min-width: 992px) { .research-main .research-landing-page { height: 66.73387rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research { padding-bottom: 1.20968rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text { font-size: 6.04839rem; color: #ffffff; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research { max-width: 39.81855rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text { font-size: 1.6129rem; color: #ffffff; } .research-main .research-innovation .header { padding: 5.24194rem 0 5.84677rem 8.06452rem; } .research-main .research-innovation .header h3 { font-size: 7.05645rem; } .research-main .research-innovation .content-section { position: relative; transition: height 1s; } .research-main .research-innovation .content-section .content { padding: 6.04839rem 0 4.03226rem 4.03226rem; } .research-main .research-innovation .content-section .content .num { font-size: 2.52016rem; padding-bottom: 2.01613rem; } .research-main .research-innovation .content-section .content-wrapper { padding: 0rem 4.03226rem; } .research-main .research-innovation .content-section .content-wrapper .content-title h4 { font-size: 4.03226rem; max-width: unset; } .research-main .research-innovation .content-section .content-wrapper .content-title:after { content: ""; width: 2.72177rem; height: 2.72177rem; } .research-main .research-innovation .content-section .content-wrapper .content-body { margin-top: 3.02419rem; font-size: 1.81452rem; max-width: 55.44355rem; opacity: 0; transition: opacity 1s ease-in-out; } .research-main .research-innovation .content-section:hover { height: 100%; } .research-main .research-innovation .content-section:hover .bg-img { opacity: 1; } .research-main .research-innovation .content-section:hover .num { color: #ffffff; border-color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 { color: #ffffff; } .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after { display: none; } .research-main .research-innovation .content-section:hover .content-wrapper .content-body { display: block; opacity: 1; } .research-main .projects-tiles { padding: 6.04839rem 0 13.91129rem; } .research-main .projects-tiles .title-container { padding: 0 8.06452rem; } .research-main .projects-tiles .title-container .heading { font-size: 7.05645rem; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 2.01613rem; padding: 0 1.5121rem; } .research-main .projects-tiles #projects-tabContent { margin-top: 4.23387rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 47.07661rem; padding: 0 0 3.02419rem 5.04032rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content { max-width: 50%; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 4.03226rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 1.6129rem; margin: 1.41129rem 0 0 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 3.52823rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 1.10887rem; padding: 1.10887rem 1.5121rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.59476rem; height: 1.10887rem; margin-left: 1.45161rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 4.53629rem 0 0 8.06452rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.75605rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.80645rem; width: 0.80645rem; } } @media only screen and (min-width: 1200px) { .research-main .research-landing-page { height: 56.25rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research { padding-bottom: 2.60417rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text { font-size: 5.20833rem; color: #ffffff; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research { max-width: 31.61458rem; } .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text { font-size: 1.04167rem; color: #ffffff; } .research-main .research-innovation .header { position: absolute; padding: 5.72917rem 0 3.02083rem 4.6875rem; z-index: 4; } .research-main .research-innovation .header h3 { font-size: 4.89583rem; text-align: left; } .research-main .research-innovation .content-cotainer { height: 56.25rem; } .research-main .research-innovation .content-cotainer:hover .owl-stage-outer .owl-stage .owl-item { width: 26.17188rem !important; } .research-main .research-innovation .content-cotainer .owl-stage-outer { height: 100%; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage { height: 100%; width: max-content !important; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item { transition: all 1s; width: 33.02083rem !important; height: 100%; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section { border-right: 1px solid rgba(52, 146, 146, 0.3); position: relative; padding-top: 31.25rem; height: 100%; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .bg-img img { object-position: right; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content { border-top: none; margin-top: 0; padding: 3.125rem 0 2.08333rem 2.08333rem; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content .num { font-size: 1.30208rem; padding-bottom: 1.04167rem; top: 0; transition: all 1s; position: relative; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper { padding: 0rem 2.08333rem; top: 0; transition: all 1s; position: relative; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title { display: block; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title h4 { font-size: 2.08333rem; max-width: unset; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title:after { content: ""; width: 1.77083rem; height: 1.77083rem; float: right; margin-top: 90px; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-body { margin-top: 1.5625rem; font-size: 1.04167rem; max-width: 23.22917rem; position: relative; display: none; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section:hover { height: 56.25rem; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section:hover .content-wrapper .content-title h4 { max-width: 14.89583rem; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover { width: 47.65625rem !important; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .bg-img { opacity: 1; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .num { color: #ffffff; border-color: #ffffff; top: -10.05208rem; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper { top: -10.05208rem; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-title h4 { color: #ffffff; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-title:after { display: none; } .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-body { display: block; } .research-main .projects-tiles { padding: 5.98958rem 0 7.08333rem 0; } .research-main .projects-tiles .title-container { padding: 0 2.08333rem; max-width: 1720px; } .research-main .projects-tiles .title-container .heading { font-size: 4.89583rem; } .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link { font-size: 1.25rem; padding: 0 1.95312rem; } .research-main .projects-tiles #projects-tabContent { margin-top: 2.86458rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item { min-height: 36.45833rem; padding: 0 0 3.48958rem 2.1875rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title { font-size: 3.54167rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title { font-size: 0.83333rem; margin: 0.83333rem 0 0 0; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper { margin-top: 1.45833rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button { font-size: 0.78125rem; padding: 0.9375rem 1.5625rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after { width: 0.41667rem; height: 0.78125rem; margin-left: 1.04167rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots { margin: 2.70833rem 0 0 7.29167rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot { margin: 0 0.625rem; } .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span { height: 0.72917rem; width: 0.72917rem; } } @media only screen and (min-width: 320px) { .partners-main-container .partners-landing-page { height: 177.86667rem; position: relative; } .partners-main-container .partners-landing-page .carousel { position: unset; } .partners-main-container .partners-landing-page .carousel-inner { position: unset; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item { position: unset; display: flex; align-items: center; justify-content: center; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 80, 119, 0.2); } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container video, .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container img { object-fit: cover; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text { font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: center; color: #ffffff; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Headline_partners { padding-bottom: 1.86667rem; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text { font-size: 12.8rem; color: #ffffff; font-weight: bold; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Description_partners { max-width: 79.46667rem; } .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Description_partners .Description_partners_Text { font-size: 3.73333rem; color: #ffffff; } .partners-main-container .nested-carousel { background: #f8f8f8; padding: 0 0 13.33333rem 0; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item { padding-top: 8rem; text-align: center; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item .item-image { max-width: 77.86667rem; object-fit: contain; object-position: center; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev, .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next { position: absolute; top: 0; bottom: 0; left: 0; width: 18.66667rem; opacity: 0; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next { right: 0; left: unset; } .partners-main-container .nested-carousel .child-carousel .carousel { width: 84.26667rem; margin: auto; display: flex; text-align: left; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators { bottom: -13.33333rem; position: absolute; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li { border-radius: 100%; width: 1.86667rem; height: 1.86667rem; margin: 0 1.2rem; background-color: #017a7b; opacity: 0.2; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li.active { opacity: 1; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item { background-color: #ffffff; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv { display: flex; flex-direction: column-reverse; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 84.26667rem; background-image: linear-gradient(112deg, #00797b 8%, #005077 87%); } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 66.93333rem; margin: 8rem auto; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: normal; color: #ffffff; font-size: 4.8rem; margin-bottom: 4.26667rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 3.73333rem; margin-bottom: 5.6rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #ffffff; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 84.26667rem; min-height: 16.53226rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .partners-main-container .cta-video .cta-video-container { flex-direction: column-reverse; padding: 11.2rem 4rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper { flex-direction: column; justify-content: center; margin-top: 8.5rem; padding: 0 4rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { opacity: 0.6; font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .partners-main-container .cta-video .cta-video-container .video-container { padding: 2.1rem 2.1rem 0 0; position: relative; } .partners-main-container .cta-video .cta-video-container .video-container::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 2.1rem; left: 2.1rem; z-index: -1; } .partners-main-container .cta-video .cta-video-container .video-container .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 12rem; height: 12rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } } @media only screen and (min-width: 768px) { .partners-main-container .partners-landing-page { height: 65.625rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners { padding-bottom: 2.60417rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text { font-size: 6.77083rem; color: #ffffff; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners { max-width: 43.09896rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text { font-size: 1.82292rem; color: #ffffff; } .partners-main-container .nested-carousel { padding: 5.20833rem 0 7.8125rem 0; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item { padding-top: 0; text-align: left; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item .item-image { max-width: unset; object-fit: unset; object-position: unset; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item.selected { border: 1px solid #017a7b; display: flex; align-items: center; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item.selected::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; max-height: 12px; margin-left: -25px; margin-right: 16px; margin-left: -25px; margin-right: 16px; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev, .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next { width: 5.20833rem; } .partners-main-container .nested-carousel .child-carousel { margin-top: 3.90625rem; } .partners-main-container .nested-carousel .child-carousel .carousel { width: 89.0625rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators { bottom: -7.16146rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li { width: 0.78125rem; height: 0.78125rem; margin: 0 0.78125rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv { flex-direction: row-reverse; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 43.22917rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 32.55208rem; margin: 3.90625rem auto; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 2.60417rem; margin-bottom: 1.82292rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.82292rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 45.83333rem; min-height: 28.62903rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .partners-main-container .cta-video .cta-video-container { padding: 7.68rem 5.20833rem 9.4rem 5.20833rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper { margin-top: 3.9rem; padding: 0; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.9rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.8rem; } .partners-main-container .cta-video .cta-video-container .video-container { padding: 1.3rem 1.5rem 0 0; } .partners-main-container .cta-video .cta-video-container .video-container::after { bottom: 1.3rem; left: 2.2rem; } .partners-main-container .cta-video .cta-video-container .video-container .video-play { width: 7.68229rem; height: 7.68229rem; } } @media only screen and (min-width: 992px) { .partners-main-container .partners-landing-page { height: 66.73387rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners { padding-bottom: 1.20968rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text { font-size: 6.04839rem; color: #ffffff; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners { max-width: 39.81855rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text { font-size: 1.6129rem; color: #ffffff; } .partners-main-container .nested-carousel { padding: 7.56048rem 0 10.58468rem 0; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev, .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next { width: 6.04839rem; } .partners-main-container .nested-carousel .child-carousel { margin-top: 4.03226rem; } .partners-main-container .nested-carousel .child-carousel .carousel { width: 89.1129rem; margin: auto; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators { bottom: -6.55242rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li { width: 0.80645rem; height: 0.80645rem; margin: 0 0.75605rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 43.75rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 33.46774rem; margin: 4.83871rem auto; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 2.41935rem; margin-bottom: 1.6129rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.6129rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 45.3629rem; min-height: 37.29839rem; } .partners-main-container .cta-video .cta-video-container { padding: 6rem 8rem 7.3rem 8rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper { margin-top: 3rem; padding: 0; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 4rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1.6rem; } .partners-main-container .cta-video .cta-video-container .video-container { padding: 1.1rem 1.9rem 0 0; } .partners-main-container .cta-video .cta-video-container .video-container::after { bottom: 1.1rem; left: 1.9rem; } .partners-main-container .cta-video .cta-video-container .video-container .video-play { width: 7.25806rem; height: 7.25806rem; } } @media only screen and (min-width: 1200px) { .partners-main-container .partners-landing-page { height: 56.25rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners { padding-bottom: 2.60417rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text { font-size: 5.20833rem; color: #ffffff; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners { max-width: 31.61458rem; } .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text { font-size: 1.04167rem; color: #ffffff; } .partners-main-container .nested-carousel { padding: 5.20833rem 0 7.8125rem 0; } .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev, .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next { width: 3.64583rem; } .partners-main-container .nested-carousel .child-carousel { margin-top: 3.125rem; } .partners-main-container .nested-carousel .child-carousel .carousel { max-width: 85.26042rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators { bottom: -4.42708rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li { width: 0.72917rem; height: 0.72917rem; margin: 0 0.625rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 42.34375rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 30.88542rem; margin: 4.16667rem auto; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 1.5625rem; margin-bottom: 1.5625rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.04167rem; } .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 42.91667rem; min-height: 31.30208rem; } .partners-main-container .cta-video .cta-video-container { max-width: 89.42708rem; margin: auto; padding: 11.5rem 2.08333rem 8.9rem 2.08333rem; flex-direction: row; margin-top: 0; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .title { font-size: 3.1rem; max-width: 27.91667rem; } .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title { font-size: 1rem; max-width: 60%; } .partners-main-container .cta-video .cta-video-container .video-container { max-width: 47.5rem; padding: 0.7rem 1.1rem 0 0; } .partners-main-container .cta-video .cta-video-container .video-container::after { bottom: 0.7rem; left: 1.1rem; } .partners-main-container .cta-video .cta-video-container .video-container .video-play { width: 4.16667rem; height: 4.16667rem; } } .wog-main .wog-landing-page { background-color: #207878; } .wog-main .wog-landing-page .wog-heading { background-image: url("../assets/faq-text-bg.png"); background-position: center; background-repeat: no-repeat; background-size: 70%; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; transition: background-size 1.5s; color: transparent; } .wog-main .wog-landing-page .wog-heading .wog-heading-text { font-weight: 800; line-height: 1.05; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; color: transparent; } .wog-main .wog-landing-page .wog-heading:hover { background-size: 200%; } .wog-main .wog-landing-page .wog-summary { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.78; letter-spacing: normal; text-align: left; color: #ffffff; } .wog-main .wog-landing-page .wog-carousel { background-color: #ffffff; } .wog-main .wog-landing-page .wog-carousel .item { display: flex; flex-direction: column; } .wog-main .wog-landing-page .wog-carousel .item .item-number { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.36; text-align: left; color: #017a7b; } .wog-main .wog-landing-page .wog-carousel .item .item-details { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; } .wog-main .wog-roles-div { display: flex; background-color: #f8f8f8; } .wog-main .wog-roles-div .side-panel-roles { background-image: url("../assets/WOG_sidenav.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading { color: transparent; font-weight: 800; -webkit-text-stroke: 1px #ffffff; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; } .wog-main .wog-roles-div .description-list-panel .KnowMoreButton { border: solid 1px #017a7b; border-radius: 5px; text-transform: uppercase; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; } .wog-main .wog-roles-div .description-list-panel .KnowMoreButton::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .wog-main .wog-detail-page { display: flex; justify-content: center; } .wog-main .wog-detail-page .side_sticky_nav { background-color: #e2f7f7; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: transparent; -webkit-text-stroke: 1px #00555a; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { list-style: none; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { display: flex; align-items: center; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; text-align: left; color: #027878; opacity: 0.45; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active { font-weight: bold; opacity: 1; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; display: block; max-height: 12px; margin-left: 1px; margin-right: 10px; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-weight: 600; font-stretch: normal; color: #000000; line-height: 1.3; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-weight: normal; opacity: 0.6; line-height: 1.9; } .wog-main .wog-detail-page .main_content_section .content_contact_details { border-top: 1px solid rgba(2, 120, 120, 0.2); } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.42px; text-align: left; color: #027878; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; } @media only screen and (min-width: 320px) { .wog-main .wog-landing-page { padding: 0; } .wog-main .wog-landing-page .wog-heading { width: auto; margin: 0 8.53333rem 6.93333rem 8.53333rem; padding-bottom: 2.66667rem; padding-top: 43.2rem; } .wog-main .wog-landing-page .wog-heading .wog-heading-text { font-size: 9.73333rem; } .wog-main .wog-landing-page .wog-summary { width: auto; font-size: 3.73333rem; margin: 0 11.46667rem 14.66667rem 8.53333rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage { left: -45px; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item { padding: 12.26667rem 8rem 12rem 8rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number { font-size: 8.53333rem; margin-bottom: 2.13333rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details { font-size: 3.73333rem; } .wog-main .wog-roles-div { display: flex; flex-direction: column; padding-bottom: 10.66667rem; } .wog-main .wog-roles-div .side-panel-roles { padding: 11.46667rem 0 84rem 8rem; } .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 14.4rem; } .wog-main .wog-roles-div .description-list-panel { padding: 10.66667rem 8rem 0 8rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 3.73333rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 5.33333rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 8.53333rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 4.26667rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton { padding: 2.93333rem 3.2rem; font-size: 3.2rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton::after { width: 6px; height: 12px; margin-left: 14px; } .wog-main .wog-detail-page { display: flex; flex-direction: column; } .wog-main .wog-detail-page .side_sticky_nav { padding: 7.46667rem 7.46667rem 0 7.46667rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 10.66667rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-wrap: nowrap; overflow-x: auto; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 4.26667rem; margin: 5.33333rem 10.66667rem 5.33333rem 0; white-space: nowrap; padding-bottom: 1.30208rem; } .wog-main .wog-detail-page .main_content_section { display: flex; flex-direction: column; padding: 8rem 0 0 0; } .wog-main .wog-detail-page .main_content_section .content_prelude { padding: 0 7.46667rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 4.8rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 5.33333rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary { margin-bottom: 7.46667rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 4.26667rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details { padding: 10.66667rem 8.53333rem 0 8.53333rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 3.73333rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 9.06667rem 0 9.06667rem 0; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 0; display: flex; align-items: center; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 4.26667rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 12.53333rem; object-fit: contain; } } @media only screen and (min-width: 768px) { .wog-main .wog-landing-page { padding: 5.20833rem 5.20833rem 0 5.20833rem; } .wog-main .wog-landing-page .wog-heading { width: 77.99479rem; margin: 21.875rem 0 4.55729rem 0; padding-bottom: 1.30208rem; padding-top: 0; } .wog-main .wog-landing-page .wog-heading .wog-heading-text { font-size: 5.8125rem; } .wog-main .wog-landing-page .wog-summary { width: 74.08854rem; font-size: 2.08333rem; margin: 0 0 12.5rem 0; } .wog-main .wog-landing-page .wog-carousel .owl-stage { left: unset; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item { padding: 5.20833rem 6.51042rem 5.20833rem 6.51042rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number { font-size: 3.90625rem; margin-bottom: 0.78125rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details { font-size: 1.82292rem; } .wog-main .wog-landing-page .wog-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); right: 1.95312rem; } .wog-main .wog-landing-page .wog-carousel .owl-nav .owl-next img { max-width: 3.25521rem; max-height: 6.51042rem; object-fit: contain; object-position: center; } .wog-main .wog-roles-div { display: flex; flex-direction: row; padding-bottom: 0; } .wog-main .wog-roles-div .side-panel-roles { height: auto; min-width: 50rem; max-width: 50rem; padding: 10.54688rem 7.03125rem 0 5.98958rem; } .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 8.98438rem; } .wog-main .wog-roles-div .description-list-panel { padding: 17.57812rem 5.07812rem 19.14062rem 6.51042rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 2.60417rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 3.125rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 3.90625rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.82292rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton { padding: 2.34375rem 3.90625rem; font-size: 1.95312rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton::after { width: 8px; height: 15px; margin-left: 20px; } .wog-main .wog-detail-page { display: flex; flex-direction: column; } .wog-main .wog-detail-page .side_sticky_nav { padding: 5.20833rem 5.20833rem 0 5.20833rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title { padding-bottom: 5.20833rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 6.51042rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 2.34375rem; margin: 0 6.51042rem 0 0; padding-bottom: 1.30208rem; } .wog-main .wog-detail-page .main_content_section { display: flex; flex-direction: column; padding: 5.20833rem 0 0 0; } .wog-main .wog-detail-page .main_content_section .content_prelude { padding: 0 5.20833rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 2.34375rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 3.90625rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary { margin-bottom: 2.60417rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.82292rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details { padding: 3.90625rem 5.20833rem 0 5.20833rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 1.82292rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container { display: flex; justify-content: space-between; margin: 4.42708rem 0 4.42708rem 0; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 0; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 2.08333rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 4.6875rem; object-fit: contain; } } @media only screen and (min-width: 992px) { .wog-main .wog-landing-page { padding: 2.01613rem 2.01613rem 0 2.01613rem; } .wog-main .wog-landing-page .wog-heading { width: 65.42339rem; margin: 15.32258rem 0 3.02419rem 8.16532rem; padding-bottom: 1.00806rem; padding-top: 0; } .wog-main .wog-landing-page .wog-heading .wog-heading-text { font-size: 8.06452rem; } .wog-main .wog-landing-page .wog-summary { width: 56.14919rem; font-size: 1.6129rem; margin: 0 0 4.83871rem 8.16532rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item { padding: 4.53629rem 2.01613rem 4.53629rem 2.01613rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number { font-size: 3.02419rem; margin-bottom: 0.60484rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details { font-size: 1.41129rem; } .wog-main .wog-roles-div .side-panel-roles { height: auto; padding: 6.04839rem 8.06452rem 0 8.06452rem; min-width: 46.27016rem; max-width: 46.27016rem; } .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 7.05645rem; } .wog-main .wog-roles-div .description-list-panel { padding: 14.31452rem 7.35887rem 17.64113rem 4.33468rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 2.01613rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 2.82258rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 3.02419rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.6129rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } .wog-main .wog-detail-page { display: flex; flex-direction: row; } .wog-main .wog-detail-page .side_sticky_nav { padding: 5.04032rem 5.04032rem 0 5.04032rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title { padding-bottom: 3.52823rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 7.05645rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list { padding: 0; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-direction: column; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 1.81452rem; margin: 1.5121rem 0; padding: 0 0 0 2.52016rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { margin-left: -2.52016rem; margin-right: 14px; } .wog-main .wog-detail-page .main_content_section { padding: 3.02419rem 0 0 0; } .wog-main .wog-detail-page .main_content_section .content_prelude { padding: 4.03226rem 4.03226rem; padding-bottom: 0rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 3.02419rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 4.03226rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary { max-width: 54.7379rem; margin-bottom: 4.23387rem; padding-right: 7.05645rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.6129rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details { padding: 4.03226rem 14.1129rem 0 4.03226rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text { font-size: 1.41129rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container { display: flex; flex-wrap: wrap; margin: 3.42742rem 0 3.42742rem 0; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact { padding: 0; width: auto; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 1.6129rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { width: 4.33468rem; height: 3.62903rem; object-fit: contain; } } @media only screen and (min-width: 1200px) { .wog-main .wog-landing-page { padding: 7.13542rem 7.13542rem 0 7.13542rem; } .wog-main .wog-landing-page .wog-heading { width: 59.42708rem; margin: 7.29167rem 0 2.60417rem 0; padding-bottom: 0.52083rem; padding-top: 0; } .wog-main .wog-landing-page .wog-heading .wog-heading-text { font-size: 3.20833rem; } .wog-main .wog-landing-page .wog-summary { width: 49.58333rem; font-size: 0.9375rem; margin: 0 0 4.63542rem 0; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item { padding: 3.33333rem 1.82292rem 3.33333rem 1.82292rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number { font-size: 3.33333rem; margin-bottom: 1.14583rem; } .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details { font-size: 1.04167rem; } .wog-main .wog-roles-div { display: flex; flex-direction: row; } .wog-main .wog-roles-div .side-panel-roles { height: auto; padding: 7.39583rem 4.16667rem 0 4.16667rem; min-width: 41.77083rem; max-width: 41.77083rem; } .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 6.25rem; } .wog-main .wog-roles-div .description-list-panel { padding: 7.39583rem 0 0 8.22917rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 1.25rem; width: 30rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 1.97917rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.60417rem; width: 30rem; } .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.04167rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button { margin-bottom: 15.36458rem; } .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .wog-main .wog-detail-page .side_sticky_nav { padding: 4.6875rem 4.6875rem 0 4.6875rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text { -webkit-text-stroke: 1px #00555a; font-size: 4.89583rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header { display: flex; flex-wrap: wrap; margin-left: -1.30208rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers { font-size: 1.25rem; margin: 0.83333rem 0; padding-left: 1.30208rem; } .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before { margin-left: -1.04167rem; margin-right: 10px; } .wog-main .wog-detail-page .main_content_section { display: flex; flex-direction: column; padding: 6.71875rem 0 0 0; width: 100%; } .wog-main .wog-detail-page .main_content_section .content_prelude { padding: 0 18.22917rem 0 7.29167rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading { padding-bottom: 0.9375rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text { font-size: 3.125rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary { padding-bottom: 7.8125rem; padding-right: 0; max-width: 38.64583rem; } .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text { font-size: 1.04167rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container { display: flex; flex-wrap: nowrap; justify-content: space-between; max-width: 49.73958rem; margin: 1.77083rem 0 1.77083rem 0; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text { font-size: 1.04167rem; } .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo { height: 2.44792rem; object-fit: contain; } } .ug-programs-main { position: relative; } .ug-programs-main .ug-programs-landing-page { background-image: url("../assets/UG_programs_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .ug-programs-main .ug-programs-landing-page .ug-intro-heading { display: block; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #ffffff; } .ug-programs-main .ug-programs-landing-page .second-line-content { display: flex; justify-content: space-between; align-items: flex-end; } .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: normal; text-align: left; color: #ffffff; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more { opacity: 0.9; border-radius: 5px; border: 1px solid #017a7b; background-color: #ffffff; font-weight: 600; display: flex; align-items: center; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; text-align: left; color: #000000; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div { background-color: #ffffff; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading { border-bottom: 3px solid #017a7b; display: inline-block; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; text-align: left; color: #017a7b; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item { display: flex; flex-direction: column; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #017a7b; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: 0.11px; text-align: left; } .ug-programs-main .ug-degrees-info { background-color: #e2f7f7; display: flex; flex-direction: column; } .ug-programs-main .ug-degrees-info .ug-degrees-heading { -webkit-text-stroke: 1px #017a7b; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .ug-programs-main .ug-degrees-info .ug-degrees-summary { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: center; color: #000000; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item { height: 100%; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { max-width: 100%; object-fit: contain; object-position: bottom; } .ug-programs-main .tabs-carousel-cta { display: flex; background-color: #002938; } .ug-programs-main .tabs-carousel-cta .side-list { display: flex; flex-direction: column; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading { -webkit-text-stroke: 1px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.06; letter-spacing: normal; text-align: left; color: transparent; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #ffffff; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points { list-style: none; padding: 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li { opacity: 0.3; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.56px; text-align: left; color: #ffffff; display: flex; align-items: center; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active { font-weight: bold; opacity: 1; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; display: block; max-height: 12px; margin-left: 1px; margin-right: 10px; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel { padding: 2.1rem 2.1rem 0 0; position: relative; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel::after { content: ""; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: absolute; top: 0; right: 0; bottom: 9px; left: 11px; z-index: 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 12rem; height: 12rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #ffffff; display: block; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more { opacity: 0.9; border-radius: 5px; border: 1px solid #017a7b; background-color: #ffffff; font-weight: 600; display: flex; align-items: center; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; text-align: left; color: #000000; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .ug-programs-main .apply-programs-button .btn-apply { z-index: 1000; position: fixed; top: 50%; right: 0; background: #ffffff; transform: rotate(-90deg) translate(50%, 50%); transform-origin: 70% 50%; padding: 1.33333rem 2.66667rem; border-radius: 5px 5px 0 0; border: solid 1px #017a7b; transition: all 0.3s ease; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: -0.32px; text-align: center; color: #017a7b; } .ug-programs-main .apply-programs-button .btn-apply:hover { box-shadow: 0 -15px 50px 0 rgba(52, 227, 109, 0.3), 0 -10px 10px -5px rgba(38, 230, 196, 0.3); } .navy { background-color: #027878; } .non-navy { background-color: #047171; } @media only screen and (min-width: 320px) { .ug-programs-main { /* .apply-programs-button { .btn-apply { padding: size-sm(15) size-sm(27); border-radius: 5px 5px 0 0; font-size: size-sm(20); } */ } .ug-programs-main .ug-programs-landing-page { padding: 0 0 0 0; } .ug-programs-main .ug-programs-landing-page .ug-intro-heading { width: 83.73333rem; font-size: 10.66667rem; padding: 65.06667rem 0 1.86667rem 8rem; } .ug-programs-main .ug-programs-landing-page .second-line-content { flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0 0 10.66667rem 10.66667rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary { width: 78.66667rem; font-size: 3.73333rem; padding-bottom: 4.26667rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more { margin-top: 0.83333rem; padding: 2.93333rem 3.2rem; font-size: 3.2rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after { height: 11px; width: 6px; padding-left: 20px; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div { padding: 5.33333rem 8rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading { padding: 0 0 1.86667rem 0; margin-left: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text { font-size: 4.26667rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel { padding-top: 5.6rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item { padding: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading { padding-bottom: 3.73333rem; font-size: 3.73333rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context { font-size: 3.73333rem; } .ug-programs-main .ug-degrees-info { padding: 6.66667rem 0 0 0; } .ug-programs-main .ug-degrees-info .ug-degrees-heading { font-size: 9.86667rem; padding: 0 8rem 0 9.33333rem; padding-bottom: 3.2rem; } .ug-programs-main .ug-degrees-info .ug-degrees-summary { text-align: left; font-size: 4.26667rem; padding: 0 8rem 0 9.33333rem; padding-bottom: 10.66667rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item { height: 48.53333rem; flex-direction: row; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters { padding: 12.53333rem 4.8rem 0 4.26667rem; text-align: left; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 4.26667rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; max-width: 50%; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 100%; margin-top: 0; } .ug-programs-main .tile-scroll-component .fixed-content { background-image: linear-gradient(to bottom, #add484, #00a0b4); padding: 8.8rem 8rem 10.7rem 8rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-title { font-size: 9.9rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; } .ug-programs-main .tile-scroll-component .scrollable-container .tile-item { padding: 11.7rem 8rem 9.3rem 8rem; text-align: center; border-bottom: 1px solid rgba(52, 146, 146, 0.3); } .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-details .count { font-size: 4.8rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; padding-bottom: 0.5rem; border-bottom: 3px solid #000000; } .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title { font-size: 6.4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; } .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-image { margin-top: 5.3rem; } .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-image img { width: 40rem; height: 40rem; object-fit: contain; } .ug-programs-main .timeline { padding: 11.2rem 8.53333rem; background: #e2f7f7; } .ug-programs-main .timeline .timeline-title { margin-bottom: 10.93333rem; } .ug-programs-main .timeline .timeline-title .header { -webkit-text-stroke: 0.8px #00555a; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: transparent; margin-bottom: 3.2rem; } .ug-programs-main .timeline .timeline-title .desc { opacity: 0.6; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; color: #000000; } .ug-programs-main .timeline .timeline-title .btn-know-more { opacity: 0.9; border-radius: 5px; border: 1px solid #017a7b; background-color: #ffffff; font-weight: 600; display: flex; align-items: center; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; text-align: left; color: #000000; padding: 4rem 5.33333rem; font-size: 4rem; margin-top: 20px; } .ug-programs-main .timeline .timeline-title .btn-know-more::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .timeline .timeline-wrapper { position: relative; overflow-x: auto; padding-left: 5px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block { border-left: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; cursor: pointer; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker { width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #c1dede; background: #e2f7f7; position: absolute; left: -5px; z-index: 9; margin-top: 4px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 15px; color: #666; margin-bottom: 10.66667rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #000000; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #000000; display: block; margin-bottom: 3.46667rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 3.73333rem; line-height: 1.5em; word-spacing: 1px; color: #888; margin: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { position: relative; padding-top: 4.8rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; padding: 2.93333rem 3.2rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 2.93333rem; margin-left: 3.73333rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .marker { background-image: linear-gradient(to bottom, #add484, #00a0b4); border: none; margin-top: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content { background-image: linear-gradient(to bottom, #add484, #00a0b4); margin-left: 4rem; padding: 4.26667rem; margin-bottom: 9.6rem; border-radius: 5px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content h3, .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content span { color: #ffffff; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content { display: block; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p { color: #ffffff; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child { margin-top: -4px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child.active { margin-top: 0; } .ug-programs-main .timeline .timeline-wrapper::-webkit-scrollbar { width: 0; } .ug-programs-main .timeline .timeline-wrapper::-moz-scrollbar { width: 0; } .ug-programs-main .tabs-carousel-cta { padding: 0 0 0 0; flex-direction: column; } .ug-programs-main .tabs-carousel-cta .side-list { padding: 0 0 0 10.66667rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading { font-size: 13.33333rem; padding: 10.66667rem 8rem 5.33333rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary { font-size: 4.26667rem; padding: 0 8rem 6.93333rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points { display: flex; flex-wrap: nowrap; overflow-x: auto; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li { font-size: 4.8rem; padding: 0 11.46667rem 7.2rem 4.26667rem; white-space: nowrap; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active { margin: 0 0 0 -4.26667rem; } .ug-programs-main .tabs-carousel-cta .carousel-description { padding: 0 0 0 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel { padding: 1.06667rem 1.33333rem 0 0; width: 98.66667rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text { font-size: 3.73333rem; padding: 5.33333rem 8rem 5.86667rem 8rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more { padding: 4.8rem 8rem; font-size: 4rem; margin: 10.66667rem 0 10.66667rem 8rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .blog-tiles .blog-tiles-container { padding: 11.2rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .heading { padding: 0 8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .title { -webkit-text-stroke: 1.3px #00555a; font-size: 12.8rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; color: transparent; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title { opacity: 0.6; font-size: 4.3rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { background-repeat: no-repeat; background-size: cover; background-position: center; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper { position: relative; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { opacity: 0.9; border: solid 1px #017a7b; border-radius: 5px; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after, .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png"); padding: 8rem 8rem 18.7rem 8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 4.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 3.2rem; margin: 2.66667rem 0 4rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 1.1rem; flex-direction: column; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 8rem 8rem 18.7rem 8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png"); margin: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png"); border: solid 1px #707070; margin: 0; margin-top: 1.1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 4.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 3.2rem; margin: 2.66667rem 0 4rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 3.2rem; padding: 2.9rem 3.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 1.6rem; height: 3.2rem; margin-left: 3.7rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { object-position: center; object-fit: cover; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 4.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #434343; margin-left: 4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 3.7rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #767676; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0px; color: #015959; position: relative; display: flex; align-items: center; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { content: ""; background-image: url("../assets/rightArrowGreen.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.6rem; height: 3rem; margin-left: 3.7rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 41.3rem; width: 41.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { padding: 8rem; border-bottom: solid 1px #adadad; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2.7rem 0 5.3rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.7rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 5.3rem; padding: 0 8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 32rem; width: 32rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-left: 0; } } @media only screen and (min-width: 768px) { .ug-programs-main .ug-programs-landing-page { padding: 0 5.20833rem 0 5.20833rem; } .ug-programs-main .ug-programs-landing-page .ug-intro-heading { width: 53.125rem; font-size: 6.77083rem; padding: 16.79688rem 0 2.34375rem 0; } .ug-programs-main .ug-programs-landing-page .second-line-content { padding: 0 0 5.20833rem 0; flex-direction: row; align-items: flex-end; } .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary { width: 49.21875rem; font-size: 1.82292rem; padding-bottom: 0; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more { padding: 1.95312rem 2.60417rem; font-size: 1.95312rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div { padding: 2.60417rem 6.51042rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading { padding: 0 0 0.78125rem 0; margin-left: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text { font-size: 2.34375rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel { padding-top: 1.95312rem; max-width: 80%; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item { padding: 0 0 0 0rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading { padding-bottom: 1.30208rem; font-size: 1.82292rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context { font-size: 2.08333rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); right: -138px; margin: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-prev { display: none; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-next { margin: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-next img { height: 50px; width: 25px; object-fit: contain; object-position: center; } .ug-programs-main .ug-degrees-info { padding: 5.20833rem 5.20833rem 9.89583rem 5.20833rem; } .ug-programs-main .ug-degrees-info .ug-degrees-heading { font-size: 6.51042rem; padding: 0 0 0 0; padding-bottom: 2.60417rem; } .ug-programs-main .ug-degrees-info .ug-degrees-summary { text-align: left; font-size: 1.82292rem; padding: 0 0 0 0; padding-bottom: 3.125rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item { height: 33.20312rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters { padding: 2.21354rem 2.34375rem 0 2.34375rem; text-align: center; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.30208rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; position: relative; max-width: unset; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp::after { content: ""; position: absolute; top: 11.71875rem; right: 0; bottom: 0; left: 0; display: block; background-image: linear-gradient(to bottom, rgba(1, 89, 89, 0) 7%, rgba(1, 89, 89, 0.76) 61%, #015959); } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 23.4375rem; margin-top: 0; } .ug-programs-main .tile-scroll-component .fixed-content { max-width: 41.66%; padding: 7.8rem 5.2rem 19.5rem 5.2rem; min-height: 67.57812rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-title { font-size: 3.9rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.8rem; } .ug-programs-main .tile-scroll-component .scrollable-container { max-width: 58.33%; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer { height: 100%; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage { height: 100%; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item { height: 100%; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item { height: 100%; padding: 7.8rem 6.5rem; text-align: left; border-right: 1px solid rgba(52, 146, 146, 0.3); border-bottom: 0; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count { font-weight: 800; font-size: 2.1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000000; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .tile-title { font-size: 2.1rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image { margin-top: unset; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img { width: 22rem; height: 24.7rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); background: #ffffff; right: 3.90625rem; height: 9.11458rem; width: 4.55729rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-prev { display: none; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-next { opacity: 0.3; height: 100%; width: 100%; margin: 0; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-next img { object-position: center; object-fit: contain; height: 100%; width: 100%; } .ug-programs-main .timeline { padding: 7.8125rem 0 7.29167rem 5.20833rem; } .ug-programs-main .timeline .timeline-title { margin-bottom: 9.11458rem; } .ug-programs-main .timeline .timeline-title .header { -webkit-text-stroke: 1px #00555a; font-size: 6.51042rem; margin-bottom: 2.60417rem; } .ug-programs-main .timeline .timeline-title .desc { font-size: 1.82292rem; } .ug-programs-main .timeline .timeline-title .btn-know-more { padding: 1.5121rem 2.01613rem; font-size: 1.5121rem; margin-top: 20px; } .ug-programs-main .timeline .timeline-title .btn-know-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block { border-left: 0; border-bottom: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; margin-bottom: 1.30208rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker { width: 1.69271rem; height: 1.69271rem; position: absolute; bottom: -7px; left: 50%; z-index: 9; margin-top: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 5.20833rem; color: #666; margin-bottom: 2.34375rem; display: flex; flex-direction: column; justify-content: flex-end; text-align: center; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.82292rem; margin-bottom: 1.17188rem; white-space: nowrap; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.69271rem; margin-bottom: 1.17188rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.82292rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.82292rem; position: relative; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 1.5625rem; white-space: nowrap; color: #000000; padding: 1.95312rem 2.60417rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.91146rem; height: 1.17188rem; margin-left: 2.60417rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .marker { border: none; margin-top: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content { margin-left: 0rem; padding: 1.95312rem 3.90625rem; margin-bottom: 2.34375rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content h3, .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content span { color: #ffffff; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content { display: block; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p { color: #ffffff; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 2.34375rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child { margin-top: 0; } .ug-programs-main .tabs-carousel-cta { padding: 0 0 5.20833rem 0; } .ug-programs-main .tabs-carousel-cta .side-list { padding: 0 0 0 5.20833rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading { font-size: 6.51042rem; padding: 5.20833rem 22.00521rem 2.60417rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary { font-size: 2.08333rem; padding: 0 11.84896rem 3.38542rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points { display: flex; flex-wrap: nowrap; overflow-x: auto; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li { font-size: 2.34375rem; padding: 0 5.59896rem 3.51562rem 2.08333rem; white-space: nowrap; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active { margin: 0 0 0 -2.08333rem; } .ug-programs-main .tabs-carousel-cta .carousel-description { padding: 0 0 0 5.20833rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel { padding: 1.17188rem 0.78125rem 0 0; width: 43.22917rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text { font-size: 2.08333rem; padding: 2.34375rem 7.29167rem 2.86458rem 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more { padding: 2.34375rem 3.90625rem; font-size: 1.95312rem; margin: 0; margin-top: 40px; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .blog-tiles .blog-tiles-container { padding: 7.8rem 5.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading { padding: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .title { font-size: 5.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 2.1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper { margin: 0 -15px; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width { padding: 0 15px; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6.5rem 7.2rem 13.9rem 7.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 1.8rem; margin: 1.30208rem 0 3.90625rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.6rem; padding: 2rem 2.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 1rem; height: 2rem; margin-left: 3.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 5.3rem; flex-direction: row; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 3.9rem 2.6rem 5.3rem 3.9rem; max-width: calc(50% - 2.6rem); } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.6rem; margin-top: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 2.1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 1.6rem; margin: 1.30208rem 0 3.90625rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.4rem; padding: 1.4rem 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.6rem; margin-left: 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper { margin: 0 -15px; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width { padding: 0 15px; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2.3rem; margin-left: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 1rem; height: 2rem; margin-left: 1.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 5.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 27.3rem; width: 27.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3.9rem; padding: 0 4.8rem 0 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 1.4rem 0 2rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2.6rem; padding: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 18.5rem; width: 18.5rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2.6rem; width: 100%; border-bottom: solid 1px #adadad; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 5rem; } .ug-programs-main .apply-programs-button .btn-apply { padding: 1.95312rem 3.51562rem; border-radius: 5px 5px 0 0; font-size: 2.60417rem; } } @media only screen and (min-width: 992px) { .ug-programs-main .ug-programs-landing-page { padding: 0 2.01613rem 0 2.01613rem; } .ug-programs-main .ug-programs-landing-page .ug-intro-heading { width: 47.37903rem; font-size: 6.04839rem; padding: 33.26613rem 0 3.22581rem 4.03226rem; } .ug-programs-main .ug-programs-landing-page .second-line-content { padding: 0 0 6.04839rem 4.03226rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary { width: 54.23387rem; font-size: 1.6129rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more { padding: 1.5121rem 2.01613rem; font-size: 1.5121rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div { padding: 4.03226rem 4.03226rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading { padding: 0 0 1.00806rem 0; margin-left: 0; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text { font-size: 2.21774rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel { padding-top: 2.82258rem; max-width: unset; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item { padding: 0 1.10887rem 0 1.10887rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading { padding-bottom: 1.00806rem; font-size: 1.81452rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context { font-size: 1.41129rem; } .ug-programs-main .ug-degrees-info { padding: 6.65323rem 5.44355rem 8.06452rem 8.06452rem; } .ug-programs-main .ug-degrees-info .ug-degrees-heading { font-size: 7.05645rem; padding-bottom: 2.01613rem; } .ug-programs-main .ug-degrees-info .ug-degrees-summary { font-size: 1.6129rem; padding-bottom: 1.20968rem; text-align: left; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item { height: 31.14919rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters { padding: 3.02419rem 2.21774rem 0 2.21774rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.20968rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 22.07661rem; margin-top: 0; } .ug-programs-main .tile-scroll-component .fixed-content { max-width: 33.33%; padding: 6.1rem 3.5rem 4rem 4.3rem; min-height: 54.7379rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-title { font-size: 4rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.6rem; } .ug-programs-main .tile-scroll-component .scrollable-container { max-width: 66.66%; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item { padding: 6.1rem 5rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count { font-size: 1.6rem; padding-bottom: 0.5rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .tile-title { font-size: 1.8rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img { height: 19.7rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav { right: 3.02419rem; height: 7.05645rem; width: 3.52823rem; } .ug-programs-main .timeline { padding: 6.04839rem 0 6.04839rem 8.06452rem; } .ug-programs-main .timeline .timeline-title { margin-bottom: 6.04839rem; } .ug-programs-main .timeline .timeline-title .header { font-size: 7.05645rem; margin-bottom: 2.01613rem; } .ug-programs-main .timeline .timeline-title .desc { font-size: 1.6129rem; } .ug-programs-main .timeline .timeline-title .btn-know-more { padding: 1.5121rem 2.01613rem; font-size: 1.5121rem; margin-top: 20px; } .ug-programs-main .timeline .timeline-title .btn-know-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block { border-left: 0; border-bottom: 1px solid #c1dede; width: auto; display: flex; clear: both; position: relative; max-width: 32.66129rem; margin-bottom: 1.00806rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker { width: 1.00806rem; height: 1.00806rem; position: absolute; bottom: -5px; left: 50%; z-index: 9; margin-top: 0; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 4.43548rem; margin-bottom: 1.71371rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.6129rem; margin-bottom: 1.00806rem; white-space: nowrap; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.5121rem; margin-bottom: 1.00806rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.41129rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.10887rem; position: relative; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 1.00806rem; white-space: nowrap; color: #000000; padding: 1.00806rem 1.20968rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.48387rem; height: 0.91734rem; margin-left: 2.01613rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content { padding: 1.5121rem 3.02419rem; margin-bottom: 1.81452rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 1.71371rem; } .ug-programs-main .tabs-carousel-cta { padding: 0 0 2.92339rem 0; flex-direction: row; } .ug-programs-main .tabs-carousel-cta .side-list { padding: 0 0 0 8.06452rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading { font-size: 7.05645rem; padding: 6.04839rem 3.02419rem 3.02419rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary { font-size: 1.6129rem; padding: 0 8.36694rem 5.04032rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points { display: block; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li { font-size: 1.81452rem; padding: 0 0 3.02419rem 1.81452rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active { margin: 0 0 0 -1.81452rem; } .ug-programs-main .tabs-carousel-cta .carousel-description { padding: 8.46774rem 0 0 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel { padding: 0.50403rem 0.60484rem 0 0; width: 36.59274rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text { font-size: 1.6129rem; padding: 2.01613rem 4.03226rem 2.01613rem 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; margin-top: 40px; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .blog-tiles .blog-tiles-container { padding: 6rem 8.1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .title { font-size: 7.1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 6rem 18.2rem 4.5rem 6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { margin: 1.5121rem 0 1.41129rem 0; font-size: 1.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 1.5rem; padding: 1.5rem 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.8rem; height: 1.5rem; margin-left: 1.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { margin-top: 4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem 3rem 4.4rem 3rem; max-width: calc(50% - 2.4rem); } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-right: 2.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-left: 2.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { margin: 1.00806rem 0 1.41129rem 0; font-size: 1.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 1.1rem; padding: 1.1rem 1.5rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.6rem; height: 1.1rem; margin-left: 1.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 1.5rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.8rem; height: 1.5rem; margin-left: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 21.2rem; width: 21.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 3rem; padding-right: 4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 2rem 0 3rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 14.3rem; width: 14.3rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 3.5rem; } .ug-programs-main .apply-programs-button .btn-apply { padding: 1.5121rem 2.72177rem; border-radius: 5px 5px 0 0; font-size: 2.01613rem; } } @media only screen and (min-width: 1200px) { .ug-programs-main .ug-programs-landing-page { padding: 0 7.29167rem 0 7.29167rem; } .ug-programs-main .ug-programs-landing-page .ug-intro-heading { width: 40.83333rem; font-size: 5.20833rem; padding: 14.47917rem 0 1.14583rem 0; } .ug-programs-main .ug-programs-landing-page .second-line-content { padding: 0 0 3.02083rem 0; } .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary { width: 37.23958rem; font-size: 1.04167rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div { padding: 3.125rem 4.53125rem 3.125rem 1.40625rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading { padding: 0 0 0.72917rem 0; margin-left: 3.125rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text { font-size: 1.25rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel { padding-top: 2.03125rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item { padding: 0 0 0 3.02083rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading { padding-bottom: 0.83333rem; font-size: 1.04167rem; } .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context { font-size: 1.04167rem; } .ug-programs-main .ug-degrees-info { padding: 5.72917rem 7.29167rem 8.125rem 7.29167rem; } .ug-programs-main .ug-degrees-info .ug-degrees-heading { font-size: 4.89583rem; padding-bottom: 1.04167rem; } .ug-programs-main .ug-degrees-info .ug-degrees-summary { font-size: 1.04167rem; padding-bottom: 2.13542rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item { height: 31.61458rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters { padding: 3.69792rem 2.08333rem 0 2.08333rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.25rem; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; } .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 18.22917rem; margin-top: 5.20833rem; } .ug-programs-main .tile-scroll-component .fixed-content { padding: 8.3rem 5.2rem; min-height: 56.40625rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-title { font-size: 3.3rem; } .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc { font-size: 1.3rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item { padding: 8.3rem 5.2rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count { font-size: 1.3rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img { width: 21rem; height: 23rem; } .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav { right: 3.59375rem; height: 4.73958rem; width: 2.23958rem; } .ug-programs-main .timeline { padding: 5.78125rem 0 6.92708rem 7.29167rem; } .ug-programs-main .timeline .timeline-title { margin-bottom: 3.54167rem; max-width: 45%; } .ug-programs-main .timeline .timeline-title .header { font-size: 4.89583rem; margin-bottom: 1.25rem; } .ug-programs-main .timeline .timeline-title .desc { font-size: 1.04167rem; } .ug-programs-main .timeline .timeline-title .btn-know-more { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; margin-top: 40px; } .ug-programs-main .timeline .timeline-title .btn-know-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .timeline .timeline-wrapper { position: relative; max-width: 100rem; display: flex; overflow-y: auto; padding-left: 5px; } .ug-programs-main .timeline .timeline-wrapper .timeline-block { margin-bottom: 0.52083rem; max-width: 27.5rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker { width: 1.04167rem; height: 1.04167rem; bottom: -0.52083rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content { padding: 0 4.16667rem; margin-bottom: 1.09375rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 { font-size: 1.25rem; margin-bottom: 0.52083rem; white-space: nowrap; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span { font-size: 1.25rem; margin-bottom: 1.51042rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content { display: none; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p { font-size: 1.04167rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper { padding-top: 1.97917rem; position: relative; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button { font-size: 0.78125rem; white-space: nowrap; color: #000000; padding: 0.9375rem 1.5625rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after { width: 0.25rem; height: 0.47396rem; margin-left: 1.04167rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content { padding: 2.03125rem 1.97917rem; margin-bottom: 1.09375rem; } .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content { margin-bottom: 1.09375rem; } .ug-programs-main .tabs-carousel-cta { padding: 0 0 4.375rem 0; } .ug-programs-main .tabs-carousel-cta .side-list { padding: 0 0 0 6.66667rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading { font-size: 4.89583rem; padding: 6.14583rem 6.25rem 1.19792rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary { font-size: 1.04167rem; padding: 0 8.59375rem 2.76042rem 0; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li { font-size: 1.25rem; padding: 0 0 2.5rem 1.30208rem; } .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active { margin: 0 0 0 -1.30208rem; } .ug-programs-main .tabs-carousel-cta .carousel-description { padding: 7.08333rem 0 0 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel { padding: 0.46875rem 0.57292rem 0 0; width: 34.58333rem; } .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text { font-size: 1.04167rem; padding: 0.98958rem 13.4375rem 1.71875rem 0; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; margin-top: 40px; } .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after { height: 15px; width: 8px; margin-left: 20px; } .ug-programs-main .blog-tiles .blog-tiles-container { max-width: 1720px; margin: auto; padding: 6.25rem 40px; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .title { font-size: 4.9rem; } .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title { font-size: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item { padding: 4.2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title { font-size: 2rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title { font-size: 0.8rem; margin: 1.5625rem 0 0.72917rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles { flex-wrap: wrap; margin-top: 0; flex-direction: column; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item { padding: 2rem; min-height: 17.2rem; max-width: unset; width: 100%; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) { margin-bottom: 15px; margin-right: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) { margin-top: 15px; margin-left: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title { font-size: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title { font-size: 0.7rem; margin: 0.52083rem 0 0.72917rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button { font-size: 0.8rem; padding: 0.9rem 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper { margin-top: 1.6rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { font-size: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title { font-size: 0.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link { font-size: 0.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after, .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after { width: 0.4rem; height: 0.8rem; margin-left: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item { margin-top: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon { height: 10rem; width: 10rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content { margin-left: 1.6rem; padding-right: 2rem; max-height: 10rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title { margin: 0 0 1rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) { margin-top: 0.8rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container { margin-top: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item { margin-top: 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon { height: 7.4rem; width: 7.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content { margin-left: 1rem; max-height: 7.4rem; width: auto; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title { margin-bottom: 1rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) { margin-bottom: 0.4rem; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin: 0.4rem 0; } .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) { margin-top: 0.4rem; } .ug-programs-main .apply-programs-button .btn-apply { padding: 0.78125rem 1.40625rem; border-radius: 5px 5px 0 0; font-size: 1.04167rem; } } .course-main-container { position: relative; } .course-main-container .ug-landing { display: flex; align-items: flex-end; justify-content: space-between; flex-direction: column-reverse; background-color: #e2f7f7; } .course-main-container .ug-landing .content-wrapper { background-color: #ffffff; max-width: 100%; padding: 8.53333rem 8rem 22.93333rem; } .course-main-container .ug-landing .content-wrapper .sub-title { font-size: 4.26667rem; margin-bottom: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: normal; color: #015959; } .course-main-container .ug-landing .content-wrapper .title { font-size: 6.13333rem; margin-bottom: 3.73333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; color: #027878; } .course-main-container .ug-landing .content-wrapper .desc { font-size: 3.73333rem; margin-bottom: 4.26667rem; opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #000000; } .course-main-container .ug-landing .content-wrapper .sub-desc { font-size: 4.26667rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.96; letter-spacing: normal; } .course-main-container .ug-landing .img-wrapper { max-width: 100%; padding: 45rem 8rem 0; } .course-main-container .ug-landing .img-wrapper .landing-banner { object-fit: contain; width: 110%; margin-left: 1rem; } .course-main-container .ug-landing.yts { background-color: #1cd6b7; } .course-main-container .child-carousel { background-image: linear-gradient(112deg, #00797b 8%, #005077 87%); padding: 6.13333rem 8rem 13.33333rem; } .course-main-container .child-carousel .section-heading { padding-bottom: 3.46667rem; -webkit-text-stroke: 1px #ffffff; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: transparent; } .course-main-container .child-carousel .carousel { display: flex; text-align: left; } .course-main-container .child-carousel .carousel .carousel-indicators { bottom: -13.33333rem; position: absolute; } .course-main-container .child-carousel .carousel .carousel-indicators li { border-radius: 100%; width: 1.86667rem; height: 1.86667rem; margin: 0 1.2rem; background-color: #ffffff; opacity: 0.2; } .course-main-container .child-carousel .carousel .carousel-indicators li.active { opacity: 1; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv { display: flex; flex-direction: column-reverse; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 84.26667rem; background-color: #ffffff; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 66.93333rem; margin: 8rem auto; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: normal; color: #027878; font-size: 4.8rem; margin-bottom: 4.26667rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 3.73333rem; margin-bottom: 5.6rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #000000; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 84.26667rem; min-height: 16.53226rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .course-main-container .child-carousel.yts { background-image: linear-gradient(112deg, #e2f7f7 8%, #e2f7f7 87%); } .course-main-container .child-carousel.yts .section-heading { -webkit-text-stroke: 1px #017a7b; } .course-main-container .child-carousel.yts .carousel .carousel-indicators li { background-color: #017a7b; } .course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { background-color: #d2323c; } .course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title, .course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { color: #ffffff; } .course-main-container .pillar-section { position: relative; } .course-main-container .pillar-section .main-heading { -webkit-text-stroke: 1px #017a7b; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; color: transparent; margin: 10.66667rem 8rem 2.66667rem; } .course-main-container .pillar-section .scrollable-container .item { padding: 5.6rem 8rem 5.6rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image { height: 53.6rem; width: 84rem; position: relative; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image img { object-fit: cover; object-position: center; position: relative; height: 100%; width: 100%; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details { margin-top: 5.33333rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title { font-size: 5.33333rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content { font-size: 3.73333rem; margin-top: 3.2rem; font-weight: normal; opacity: 0.6; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; color: #000000; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card { padding: 0 4rem 6.66667rem 4rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img { bottom: -6.5px; left: -5.6rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-details .tile-title, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-details .content, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-details .tile-title, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-details .content, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-details .tile-title, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-details .content { color: #ffffff; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card { background-color: #ff8b00; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card { background-color: #d2323c; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card { background-color: #1cd6b7; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img { bottom: -6.5px; left: -6.5px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-bottom: 3.2rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon { display: block; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image { background-color: #ffc35a; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon { width: 25px; height: 25px; background: #ffc35a; border-radius: 50%; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image { background-color: #009cb1; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon { width: 25px; height: 25px; background: #009cb1; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image { background-color: #a9d382; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon { width: 25px; height: 25px; border-bottom: 25px solid #a9d382; border-left: 13px solid transparent; border-right: 13px solid transparent; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image { background-color: #027878; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper { margin-bottom: 6.66667rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon { border-style: solid; border-color: transparent transparent #027878 transparent; border-width: 0 6px 10px 6px; height: 0; width: 13px; box-sizing: content-box; position: relative; margin: 16px 0 20px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after { content: ""; position: absolute; top: 10px; left: -6px; width: 0; height: 0; border-style: solid; border-color: #027878 transparent transparent transparent; border-width: 12px 12.5px 0 12.5px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image { background-color: #005077; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon { width: 0; height: 0; border: 12.5px solid transparent; border-bottom-color: #005077; position: relative; top: -12.5px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after { content: ""; position: absolute; left: -12.5px; top: 12.5px; width: 0; height: 0; border: 12.5px solid transparent; border-top-color: #005077; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image { background-color: #d2323c; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-top: 8rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon { display: block; position: relative; width: 12.5px; box-sizing: content-box; border-width: 12px 6.25px 0; border-style: solid; border-color: #d2323c transparent; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before { content: ""; position: absolute; height: 0; width: 0; top: -24px; left: -6px; border-width: 0 12.5px 12.5px; border-style: solid; border-color: transparent transparent #d2323c; } .course-main-container .pillar-section .scrollable-container .owl-nav { position: absolute; right: 26.66667rem; top: 50%; transform: translateY(-50%); } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-prev { display: none; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next { margin: 0; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img { width: 43px; height: 91px; object-fit: contain; object-position: center; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next:focus { outline: none; border: none; } .course-main-container .pillar-section .scrollable-container .owl-stage { padding-left: 0 !important; } .course-main-container .pillar-section .scrollable-container .owl-stage .owl-item { height: 100%; } .course-main-container .bar-component .title-container { padding: 8rem; } .course-main-container .bar-component .title-container .title { font-size: 10.66667rem; margin-bottom: 4.26667rem; -webkit-text-stroke: 0.8px #00555a; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: transparent; } .course-main-container .bar-component .title-container .sub-title { font-size: 3.73333rem; opacity: 0.8; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; } .course-main-container .bar-component .bar-container .bar-item { border-top: solid 1px rgba(2, 120, 120, 0.2); padding: 8rem; position: relative; transition: all 0.5s; height: 100%; } .course-main-container .bar-component .bar-container .bar-item .bar-title { font-size: 5.33333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #027878; display: inline-flex; flex-direction: column; transition: all 0.5s; } .course-main-container .bar-component .bar-container .bar-item .bar-title::after { content: ""; background-color: #027878; margin-top: 6px; height: 3px; width: 100%; transition: all 0.5s; } .course-main-container .bar-component .bar-container .bar-item .bar-sub-title { margin-top: 9.6rem; font-size: 6.4rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #027878; transition: all 0.5s; } .course-main-container .bar-component .bar-container .bar-item .bar-desc { font-size: 3.73333rem; margin-top: 4.8rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; text-align: left; color: #f0fbfb; display: none; overflow: hidden; transition: all 0.5s; } .course-main-container .bar-component .bar-container .bar-item::after { content: ""; background-image: url("../assets/bottom-arrow-green.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 13px; width: 23px; position: absolute; top: 115px; right: 29px; transition: all 0.5s; } .course-main-container .bar-component .bar-container .bar-item:hover.feijoa { background-color: #add484; } .course-main-container .bar-component .bar-container .bar-item:hover.somegreen { background-color: #77c58c; } .course-main-container .bar-component .bar-container .bar-item:hover.tradewind { background-color: #4cb69e; } .course-main-container .bar-component .bar-container .bar-item:hover.somewhatCyan { background-color: #047171; } .course-main-container .bar-component .bar-container .bar-item:hover .bar-title { color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item:hover .bar-title::after { background-color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item:hover .bar-sub-title { color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item:hover .bar-desc { display: block; } .course-main-container .bar-component .bar-container .bar-item:hover::after { background-image: url("../assets/top-arrow-white.svg"); top: 38px; } .course-main-container .tabs-video { background-color: #002938; padding: 6.66667rem 0 13.33333rem; } .course-main-container .tabs-video .root-container { flex-wrap: wrap; } .course-main-container .tabs-video .root-container .controller-wrapper { width: 100%; } .course-main-container .tabs-video .root-container .controller-wrapper .title { -webkit-text-stroke: 1px #ffffff; font-size: 12.8rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; color: transparent; margin: 0 8rem; } .course-main-container .tabs-video .root-container .controller-wrapper .sub-title { opacity: 0.6; font-size: 4.26667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; margin: 4rem 8rem; color: #ffffff; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container { overflow-x: auto; display: flex; padding: 0 0.78125rem; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links { font-size: 5.33333rem; padding: 2.66667rem 4rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: -0.55px; text-align: left; opacity: 0.3; color: #ffffff; display: flex; align-items: center; white-space: nowrap; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before { content: ""; border-left: 9px solid #ffffff; border-bottom: 6px solid transparent; border-top: 6px solid transparent; margin-right: 4.26667rem; opacity: 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links.active { opacity: 1; font-weight: bold; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links.active::before { opacity: 1; } .course-main-container .tabs-video .root-container .content-wrapper { width: 100%; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper { width: 100rem; height: 63.46667rem; background-image: linear-gradient(to bottom, #add484, #00a0b4); position: relative; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image { height: 100%; width: 100%; object-fit: cover; object-position: center; position: relative; bottom: -5px; left: -4px; } .course-main-container .tabs-video .root-container .content-wrapper .content-data { font-size: 4.26667rem; margin-top: 7.46667rem; padding: 0 8rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #ffffff; } .course-main-container .wog-carousel { background-color: #ffffff; } .course-main-container .wog-carousel .owl-stage { padding-left: 0 !important; } .course-main-container .wog-carousel .owl-stage .item { display: flex; flex-direction: column; padding: 6.66667rem 8rem; } .course-main-container .wog-carousel .owl-stage .item .item-number { font-size: 5.33333rem; margin-bottom: 2.13333rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.36; text-align: left; color: #017a7b; } .course-main-container .wog-carousel .owl-stage .item .item-details { font-size: 2.66667rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: 0.11px; text-align: left; color: #000000; opacity: 0.6; } .course-main-container .video-carouel { padding: 9.33333rem 0; } .course-main-container .video-carouel .main-data { padding: 0 9.33333rem; } .course-main-container .video-carouel .main-data .video-container { background-image: linear-gradient(to bottom, #add484, #00a0b4); position: relative; margin-bottom: 6.66667rem; } .course-main-container .video-carouel .main-data .video-container video { position: relative; top: 1.33333rem; right: 1.33333rem; width: 100%; } .course-main-container .video-carouel .main-data .video-container .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 8.26667rem; height: 8.26667rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .course-main-container .video-carouel .main-data .content-wrapper .title { font-size: 6.4rem; margin-bottom: 3.73333rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; } .course-main-container .video-carouel .main-data .content-wrapper .sub-title { font-size: 3.73333rem; margin-bottom: 10.66667rem; opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; } .course-main-container .video-carouel .navigation-carousel .item .video-wrapper video { width: 100%; } .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play { background-image: url("../assets/video-play-btn.svg"); background-repeat: no-repeat; width: 5.06667rem; height: 5.06667rem; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; cursor: pointer; } .course-main-container .video-carouel .navigation-carousel .owl-stage { padding-left: 0 !important; } .course-main-container .recruiters-feedback { background-image: linear-gradient(122deg, #00797b 8%, #005077 88%); padding-bottom: 21.86667rem; } .course-main-container .recruiters-feedback .heading-text { display: flex; flex-direction: column; } .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 10.66667rem; padding: 8.8rem 8rem 3.2rem 8rem; -webkit-text-stroke: 1px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .course-main-container .recruiters-feedback .heading-text>div { padding: 0 8rem 6.66667rem 8rem; flex-direction: column; } .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary { margin-bottom: 4.26667rem; font-size: 3.73333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #ffffff; opacity: 0.6; } .course-main-container .recruiters-feedback #carousel-recruiters { display: flex; width: 84.26667rem; margin-left: 7.73333rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { position: absolute; bottom: -16rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 1.86667rem; height: 1.86667rem; margin-right: 2.4rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item { background-color: #ffffff; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { background-color: #047171; display: flex; flex-direction: column-reverse; align-items: center; text-align: center; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { background-color: #f8f8f8; width: 84.26667rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 66.93333rem; margin: 7.73333rem 0 0 8.8rem; display: flex; flex-direction: column; align-items: center; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 0; height: 0; margin-bottom: 0; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 3.73333rem; margin-bottom: 5.6rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; color: #000000; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 4.26667rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: normal; color: #017a7b; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 3.73333rem; padding-bottom: 8.8rem; font-weight: 300; font-stretch: normal; font-style: italic; line-height: 2.39; letter-spacing: normal; color: #000000; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 84.26667rem; display: flex; align-items: flex-end; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img { width: 100%; } .course-main-container .recruiters-feedback .view-button { border: solid 1px #017a7b; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; border-radius: 5px; opacity: 0.9; font-size: 3.2rem; padding: 2.66667rem 3.2rem; outline: none; } .course-main-container .recruiters-feedback .view-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 5px; height: 11px; margin-left: 14px; } .course-main-container #sec-accordian { background-color: #e2f7f7; } .course-main-container #sec-accordian .section-main { padding: 8rem 0 4.8rem; } .course-main-container #sec-accordian .section-main .categories-header { font-size: 11.2rem; padding: 0 8rem; -webkit-text-stroke: 1px #207878; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: transparent; display: block; } .course-main-container #sec-accordian .section-main .accordion-content { margin-top: 3.73333rem; } .course-main-container #sec-accordian .section-main .accordion-content .active { font-weight: bold !important; font-stretch: normal; font-style: normal; letter-spacing: -0.55px; text-align: left; color: #207878; } .course-main-container #sec-accordian .section-main .accordion-content .active::before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #207878; display: block; max-height: 12px; margin-left: -15px; margin-right: 16px; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu { padding-left: 8rem; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 4.26667rem 2.66667rem 4.26667rem 4.53333rem; font-size: 5.33333rem; display: inline-flex; align-items: center; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.55px; text-align: left; color: #207878; opacity: 0.3; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active { opacity: 1; font-weight: bold; } .course-main-container #sec-accordian .section-main .accordion-content .accordion { max-height: 99.46667rem; padding-right: 0rem; margin-top: 9.33333rem; background-color: transparent; border: 0; overflow-x: auto; } .course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar { width: 4px; } .course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #027878; border-radius: 0px; opacity: 0.3; } .course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar-thumb { background: #027878; border-radius: 0px; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card { background-color: transparent; border: 0; padding: 0 8rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body { font-size: 4.26667rem; margin-top: 4.26667rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container { margin-bottom: 5.33333rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper { height: 6.93333rem; width: 6.93333rem; border-radius: 25px; margin-right: 2.66667rem; transition: width 0.5s; display: flex; align-items: center; justify-content: space-evenly; overflow: hidden; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon { background-color: #ffffff; opacity: 0; transition: opacity 0.5s; height: 3.2rem; width: 3.2rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #ffffff; white-space: nowrap; opacity: 0; transition: opacity 0.5s; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.circle { background-color: #ffc35a; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.square { background-color: #009cb1; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.triangle { background-color: #a9d382; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover { width: 58.66667rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover .text, .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover .icon { opacity: 1; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body p { max-width: 95%; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 4.8rem; background-color: transparent; border: 0; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header button { border: 0; background-color: transparent; box-shadow: transparent; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header button:focus { border: 0; background-color: transparent; outline: transparent; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon { background: url("../assets/collapse-cross.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; height: 4rem; width: 4rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed { height: 4.8rem; width: 4.8rem; background: url("../assets/collapse-plus.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header span { max-width: 80%; line-height: 1.5; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header span:not(.collapsed) { background-color: transparent; border: 0; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .course-main-container #sec-accordian .section-main .accordion-content .accordion hr { margin: 8rem 0; border-bottom: 2px solid #e2f7f7 !important; opacity: 0.5; } .course-main-container #sec-accordian .section-main .accordion-content .tnc { opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.81; letter-spacing: normal; text-align: left; color: #000000; font-size: 2.66667rem; padding: 0 8rem; } .course-main-container .wog-roles-div { display: flex; flex-direction: column; padding-bottom: 10.66667rem; position: relative; } .course-main-container .wog-roles-div .side-panel-roles { padding: 11.46667rem 0 84rem 8rem; background-image: url("../assets/man-on-call.png"); background-position: center; background-size: cover; background-repeat: no-repeat; height: 110.66667rem; } .course-main-container .wog-roles-div .description-list-panel { padding: 8rem 21.33333rem 0 8rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 6.93333rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 5.33333rem; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #000000; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.66667rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 4.26667rem; opacity: 0.6; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.9; letter-spacing: normal; text-align: left; color: #000000; } .course-main-container .wog-roles-div .social-links-container { position: absolute; right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: solid 1px rgba(1, 123, 123, 0.9); border-right: 0; top: 118.66667rem; } .course-main-container .wog-roles-div .social-links-container ul { padding: 0; margin: 0; list-style: none; } .course-main-container .wog-roles-div .social-links-container ul li { margin: 3.73333rem; } .course-main-container .wog-roles-div .social-links-container ul li img { width: 5.86667rem; height: 5.86667rem; transform: rotate(90deg); object-fit: contain; object-position: center; } .course-main-container .ask-us-here { padding: 7.46667rem 8.8rem 5.86667rem 8.8rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background-image: linear-gradient(95deg, #00797b 7%, #005077 85%); } .course-main-container .ask-us-here .ask-us-here-phrase { font-size: 4.26667rem; display: flex; flex-direction: row; margin-bottom: 5.86667rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: left; color: #ffffff; } .course-main-container .ask-us-here .ask-us-here-button { opacity: 0.9; border-radius: 5px; border: 1px solid #017a7b; background-color: #ffffff; font-weight: 600; display: flex; align-items: center; font-size: 3.2rem; padding: 3.2rem 3.2rem 3.2rem 3.2rem; } .course-main-container .ask-us-here .ask-us-here-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; height: 3.2rem; width: 1.6rem; margin-left: 5.33333rem; } .course-main-container .dates-to-remember { padding: 10.66667rem 8rem 2.66667rem 8rem; background-color: #f0fbfb; } .course-main-container .dates-to-remember .title-container .calendar-icon { height: 8rem; width: 8rem; margin-bottom: 4.26667rem; object-fit: contain; object-position: center; } .course-main-container .dates-to-remember .title-container .main-title { font-size: 5.33333rem; margin-bottom: 10.66667rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; } .course-main-container .dates-to-remember .content-container .item-wrapper { padding: 0 0 10.66667rem 4.26667rem; position: relative; } .course-main-container .dates-to-remember .content-container .item-wrapper .date { font-size: 3.2rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; } .course-main-container .dates-to-remember .content-container .item-wrapper .item-title { font-size: 3.2rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; } .course-main-container .dates-to-remember .content-container .item-wrapper::before { content: ""; position: absolute; top: 0; left: 0; transform: translate(-50%, 0); height: 2.4rem; width: 2.4rem; border-radius: 100%; border: solid 1px #c0dedd; background-color: #f0fbfb; } .course-main-container .dates-to-remember .content-container .item-wrapper:not(:last-child) { border-left: solid 1px #c0dedd; } .course-main-container .other-programs { background-color: #027878; } .course-main-container .other-programs .heading { padding: 8rem; } .course-main-container .other-programs .heading .main-title { font-size: 10.66667rem; margin-bottom: 10.66667rem; -webkit-text-stroke: 0.8px #ffffff; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: transparent; } .course-main-container .other-programs .heading .cta-button { margin-bottom: 2.66667rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item { height: 100%; height: 70.66667rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters { padding: 7.2rem 8.8rem 0; text-align: center; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 3.2rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; position: relative; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp::after { content: ""; position: absolute; top: 11.71875rem; right: 0; bottom: 0; left: 0; display: block; background-image: linear-gradient(to bottom, rgba(1, 89, 89, 0) 7%, rgba(1, 89, 89, 0.76) 61%, #015959); } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { max-width: 100%; object-fit: contain; object-position: bottom; } .course-main-container .up-next { padding: 8rem 8rem 21.33333rem 8rem; } .course-main-container .up-next .content-wrapper .sub-title { font-size: 4.26667rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 4rem; display: block; } .course-main-container .up-next .content-wrapper .title-wrapper { align-items: flex-start; flex-direction: column; } .course-main-container .up-next .content-wrapper .title-wrapper .title { -webkit-text-stroke: 1px #017a7b; font-size: 10.66667rem; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; text-align: left; color: transparent; } .course-main-container .up-next .content-wrapper .title-wrapper .cta-button { margin-top: 9.33333rem; } .course-main-container .up-next.yts, .course-main-container .up-next.pg { background-image: linear-gradient(105deg, #00797b 7%, #005077 86%); } .course-main-container .up-next.yts .content-wrapper .sub-title, .course-main-container .up-next.pg .content-wrapper .sub-title { color: #ffffff; } .course-main-container .up-next.yts .content-wrapper .title-wrapper .title, .course-main-container .up-next.pg .content-wrapper .title-wrapper .title { -webkit-text-stroke: 1px #ffffff; } .course-main-container .overview-band { position: fixed; z-index: 99999; right: 0; bottom: 0; left: 0; background-color: #ffffff; } .course-main-container .overview-band .band-wrapper { flex-wrap: nowrap; width: 100%; overflow: auto; } .course-main-container .overview-band .band-wrapper .band-item { min-width: 42.66667rem; } .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) { margin-right: 6px; } .course-main-container .overview-band .band-wrapper .band-item .item-title { opacity: 0.6; font-size: 3.73333rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000000; padding: 2.66667rem 5.33333rem; margin: 0; } .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link { white-space: nowrap; display: flex; align-items: center; cursor: pointer; } .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after { content: ""; background: url("../assets/open-link.svg") center/contain no-repeat; display: block; margin-left: 6.2px; height: 7.2px; width: 7.2px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container { width: 100%; height: 6px; background: #eaeaea; } .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar { height: 6px; background-image: linear-gradient(119deg, #86d694 6%, #2db0a6 115%); width: 0%; } .course-main-container .overview-band .band-wrapper .band-item.active .item-title { font-weight: bold; color: #015959; opacity: 1; } .course-main-container .cta-button { outline: none; padding: 2.93333rem 3.2rem; font-size: 3.2rem; border: solid 1px #017a7b; border-radius: 5px; text-transform: uppercase; background-color: #ffffff; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: 0px; color: #000000; white-space: nowrap; } .course-main-container .cta-button::after { content: ""; background-image: url("../assets/rightArrowBlack.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 6px; height: 12px; margin-left: 14px; } @media only screen and (min-width: 768px) { .course-main-container .ug-landing { padding: 23.82812rem 5.20833rem 0; flex-direction: row; } .course-main-container .ug-landing .content-wrapper { padding: 0; background-color: transparent; max-width: 55%; padding-bottom: 13.54167rem; } .course-main-container .ug-landing .content-wrapper .sub-title { font-size: 2.08333rem; margin-bottom: 1.30208rem; } .course-main-container .ug-landing .content-wrapper .title { font-size: 3.90625rem; margin-bottom: 1.82292rem; } .course-main-container .ug-landing .content-wrapper .desc { font-size: 1.82292rem; margin-bottom: 2.60417rem; } .course-main-container .ug-landing .content-wrapper .sub-desc { font-size: 2.34375rem; } .course-main-container .ug-landing .img-wrapper { max-width: 45%; padding: 0; } .course-main-container .ug-landing.yts .content-wrapper .sub-title, .course-main-container .ug-landing.yts .content-wrapper .title, .course-main-container .ug-landing.yts .content-wrapper .desc, .course-main-container .ug-landing.yts .content-wrapper .sub-desc { color: #ffffff; opacity: 1; } .course-main-container .child-carousel { padding: 6.11979rem 5.20833rem 10.28646rem; } .course-main-container .child-carousel .section-heading { padding-bottom: 3.64583rem; font-size: 6.51042rem; } .course-main-container .child-carousel .carousel .carousel-indicators { bottom: -7.16146rem; } .course-main-container .child-carousel .carousel .carousel-indicators li { width: 0.78125rem; height: 0.78125rem; margin: 0 0.78125rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv { flex-direction: row-reverse; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 43.22917rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 32.55208rem; margin: 3.90625rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 2.60417rem; margin-bottom: 1.82292rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.82292rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 45.83333rem; min-height: 36.97917rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .course-main-container .pillar-section .main-heading { position: absolute; font-size: 6.51042rem; /* left: 2.60417rem; */ left: 1.60417rem; top: 3.90625rem; margin: 0; } .course-main-container .pillar-section .scrollable-container .item { height: 100%; padding: 15.625rem 2.60417rem 4.55729rem; border-right: solid 1px rgba(52, 146, 146, 0.3); } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image { height: 15.625rem; width: 27.39062rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details { margin-top: 1.95312rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title { font-size: 1.82292rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content { font-size: 1.82292rem; margin-top: 1.30208rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card { padding: 0 1.30208rem 1.95312rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img { bottom: -4px; left: -1.95312rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img { bottom: -4px; left: -4px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-bottom: 1.43229rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon { width: 17px; height: 17px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon { width: 17px; height: 17px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon { width: 17px; height: 17px; border-bottom: 17px solid #a9d382; border-left: 9px solid transparent; border-right: 9px solid transparent; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper { margin-bottom: 2.34375rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon { border-width: 0 4.5px 7px 4.5px; width: 9px; margin: 6px 0 7px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after { top: 7px; left: -4px; border-width: 9px 9px 0 9px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon { border: 8.5px solid transparent; border-bottom-color: #005077; top: -8.5px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after { left: -8.5px; top: 8.5px; border: 8.5px solid transparent; border-top-color: #005077; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-top: 2.86458rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon { width: 9px; border-width: 8.5px 4px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before { top: -17px; left: -4px; border-width: 0 8.5px 8.5px; } .course-main-container .pillar-section .scrollable-container .owl-nav { right: 4.03646rem; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img { width: 17px; height: 37px; } .course-main-container .bar-component { position: relative; height: 92.1875rem; display: flex; align-items: flex-end; padding: 0 5.20833rem; } .course-main-container .bar-component .title-container { position: absolute; top: 7.8125rem; left: 5.20833rem; padding: 0; } .course-main-container .bar-component .title-container .title { font-size: 6.51042rem; margin-bottom: 2.60417rem; } .course-main-container .bar-component .title-container .sub-title { font-size: 1.82292rem; } .course-main-container .bar-component .bar-container { width: 100%; } .course-main-container .bar-component .bar-container .bar-item { display: flex; flex-direction: column; justify-content: center; border-top: 0; padding: 5.20833rem 1.69271rem 4.55729rem 1.69271rem; width: 25%; } .course-main-container .bar-component .bar-container .bar-item .bar-title { font-size: 1.82292rem; color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item .bar-title::after { display: none; } .course-main-container .bar-component .bar-container .bar-item .bar-sub-title { margin-top: 1.04167rem; font-size: 1.82292rem; color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item .bar-desc { font-size: 1.82292rem; margin-top: 2.34375rem; color: #ffffff; } .course-main-container .bar-component .bar-container .bar-item::after { background-image: url("../assets/top-arrow-white.svg"); top: 15px; right: 50%; transform: translateX(50%); } .course-main-container .bar-component .bar-container .bar-item.feijoa { background-color: #add484; height: 16.01562rem; } .course-main-container .bar-component .bar-container .bar-item.somegreen { background-color: #77c58c; height: 19.92188rem; } .course-main-container .bar-component .bar-container .bar-item.tradewind { background-color: #4cb69e; height: 23.82812rem; } .course-main-container .bar-component .bar-container .bar-item.somewhatCyan { background-color: #047171; height: 27.73438rem; } .course-main-container .bar-component .bar-container .bar-item:hover { height: 62.5rem; } .course-main-container .bar-component .bar-container .bar-item:hover::after { top: 15px; } .course-main-container .tabs-video { padding: 5.20833rem; } .course-main-container .tabs-video .root-container .controller-wrapper { width: 100%; } .course-main-container .tabs-video .root-container .controller-wrapper .title { font-size: 6.51042rem; margin: 0; } .course-main-container .tabs-video .root-container .controller-wrapper .sub-title { font-size: 2.08333rem; margin: 3.25521rem 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container { padding: 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links { font-size: 2.34375rem; padding: 0 5.46875rem 1.95312rem 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before { margin-right: 2.08333rem; } .course-main-container .tabs-video .root-container .content-wrapper { width: 100%; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper { width: 44.01042rem; height: 29.81771rem; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image { bottom: -9px; left: -6px; } .course-main-container .tabs-video .root-container .content-wrapper .content-data { font-size: 2.08333rem; margin-top: 3.64583rem; padding: 0; } .course-main-container .wog-carousel .owl-stage .item { padding: 4.55729rem; } .course-main-container .wog-carousel .owl-stage .item .item-number { font-size: 3.25521rem; margin-bottom: 0.78125rem; } .course-main-container .wog-carousel .owl-stage .item .item-details { font-size: 1.82292rem; } .course-main-container .video-carouel { padding: 5.20833rem 0; } .course-main-container .video-carouel .main-data { padding: 0 5.07812rem 0 7.42188rem; } .course-main-container .video-carouel .main-data .video-container { margin-bottom: 4.6875rem; } .course-main-container .video-carouel .main-data .video-container video { top: 1.69271rem; right: 2.21354rem; } .course-main-container .video-carouel .main-data .video-container .video-play { width: 8.59375rem; height: 8.59375rem; } .course-main-container .video-carouel .main-data .content-wrapper .title { font-size: 3.90625rem; margin-bottom: 2.60417rem; } .course-main-container .video-carouel .main-data .content-wrapper .sub-title { font-size: 1.82292rem; margin-bottom: 5.33854rem; } .course-main-container .video-carouel .navigation-carousel { position: relative; } .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play { width: 4.55729rem; height: 4.55729rem; } .course-main-container .video-carouel .navigation-carousel .owl-nav { position: absolute; right: 4.55729rem; top: 50%; transform: translateY(-50%); margin: 0; } .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-prev { display: none; } .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next { margin: 0; width: 4.42708rem; height: 9.375rem; outline: 0; } .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .course-main-container .recruiters-feedback { padding-bottom: 7.8125rem; } .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 6.51042rem; padding: 5.72917rem 7.29167rem 1.69271rem 7.29167rem; } .course-main-container .recruiters-feedback .heading-text>div { padding: 0 7.29167rem 2.47396rem 7.29167rem; flex-direction: row; } .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary { margin-bottom: 0; font-size: 1.82292rem; } .course-main-container .recruiters-feedback #carousel-recruiters { width: 85.54688rem; margin-left: 7.16146rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -5.20833rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 0.91146rem; height: 0.91146rem; margin-right: 1.04167rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; align-items: unset; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 52.99479rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 47.26562rem; margin: 2.60417rem 2.86458rem 0 2.86458rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.55729rem; height: 3.38542rem; margin-bottom: 2.73438rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.82292rem; margin-bottom: 1.5625rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.82292rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 1.82292rem; padding-bottom: 1.95312rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.55208rem; } .course-main-container .recruiters-feedback .view-button { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } .course-main-container .recruiters-feedback .view-button::after { width: 8px; height: 15px; margin-left: 20px; } .course-main-container .recruiters-feedback .apply-button { font-size: 1.95312rem; padding: 1.95312rem 2.60417rem; } .course-main-container .recruiters-feedback .apply-button::after { width: 8px; height: 15px; margin-left: 20px; } .course-main-container #sec-accordian .section-main { padding: 5.20833rem 1.95312rem 5.20833rem 5.20833rem; } .course-main-container #sec-accordian .section-main .categories-header { font-size: 6.51042rem; padding: 0; } .course-main-container #sec-accordian .section-main .accordion-content { margin-top: 3.125rem; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu { padding-left: 0; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { font-size: 2.34375rem; padding: 2.08333rem 2.21354rem 2.08333rem 3.51562rem; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active::before { margin-left: -25px; } .course-main-container #sec-accordian .section-main .accordion-content .accordion { margin-top: 1.69271rem; max-height: 57.16146rem; padding-right: 2.99479rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card { padding: 0; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 2.34375rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon { height: 1.95312rem; width: 1.95312rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed { height: 2.34375rem; width: 2.34375rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 0.91146rem; font-size: 1.82292rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container { margin-bottom: 1.30208rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper { height: 3.90625rem; width: 3.90625rem; margin-right: 1.69271rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon { height: 1.95312rem; width: 1.95312rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text { font-size: 1.5625rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover { width: 26.04167rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion hr { margin: 3.90625rem 0; } .course-main-container #sec-accordian .section-main .accordion-content .tnc { font-size: 1.5625rem; padding: 0; } .course-main-container .wog-roles-div { display: flex; flex-direction: row; padding-bottom: 0; } .course-main-container .wog-roles-div .side-panel-roles { height: auto; min-width: 48.17708rem; max-width: 48.17708rem; padding: 10.54688rem 7.03125rem 0 5.98958rem; } .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 8.98438rem; } .course-main-container .wog-roles-div .description-list-panel { padding: 9.89583rem 0 8.72396rem 2.60417rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 9.11458rem; max-width: 36.71875rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 3.90625rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.60417rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.82292rem; } .course-main-container .wog-roles-div .social-links-container { top: 9.89583rem; } .course-main-container .wog-roles-div .social-links-container ul li { margin: 1.95312rem; } .course-main-container .wog-roles-div .social-links-container ul li img { width: 2.34375rem; height: 2.34375rem; } .course-main-container .ask-us-here { display: flex; flex-direction: row; align-items: center; padding: 4.03646rem 5.20833rem 4.03646rem 5.20833rem; } .course-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.82292rem; display: flex; flex-direction: column; margin-bottom: 0; } .course-main-container .ask-us-here .ask-us-here-button { padding: 1.95312rem 2.60417rem; font-size: 12px; } .course-main-container .ask-us-here .ask-us-here-button::after { height: 1.95312rem; width: 1.04167rem; margin-left: 2.60417rem; } .course-main-container .dates-to-remember { padding: 5.72917rem 5.20833rem 0 5.20833rem; } .course-main-container .dates-to-remember .title-container .calendar-icon { height: 3.64583rem; width: 3.25521rem; margin-bottom: 0.78125rem; } .course-main-container .dates-to-remember .title-container .main-title { font-size: 2.99479rem; margin-bottom: 3.64583rem; } .course-main-container .dates-to-remember .content-container { padding: 4.55729rem 0 4.55729rem 3.25521rem; background-color: #ffffff; } .course-main-container .dates-to-remember .content-container .item-wrapper { padding: 0 0 1.82292rem 0; } .course-main-container .dates-to-remember .content-container .item-wrapper .date { font-size: 1.5625rem; } .course-main-container .dates-to-remember .content-container .item-wrapper .item-title { font-size: 1.5625rem; white-space: nowrap; } .course-main-container .dates-to-remember .content-container .item-wrapper::before { top: unset; bottom: 0; transform: translate(0, 50%); height: 1.17188rem; width: 1.17188rem; border: unset; background-color: transparent; background-image: linear-gradient(to bottom, #add484, #00a0b4); } .course-main-container .dates-to-remember .content-container .item-wrapper:not(:last-child) { border-left: unset; border-bottom: solid 1px #c0dedd; } .course-main-container .other-programs .heading { padding: 3.51562rem 5.85938rem 3.51562rem 3.90625rem; max-width: 30%; } .course-main-container .other-programs .heading .main-title { font-size: 3.90625rem; margin-bottom: 2.86458rem; } .course-main-container .other-programs .heading .cta-button { margin-bottom: 0; } .course-main-container .other-programs .ug-degrees-info-carousel { max-width: 70%; } .course-main-container .other-programs .ug-degrees-info-carousel .item { height: 33.20312rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters { padding: 2.21354rem 2.34375rem 0 2.34375rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.30208rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp { max-width: unset; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 23.4375rem; margin-top: 0; } .course-main-container .up-next { padding: 4.81771rem 7.29167rem 7.8125rem 7.29167rem; } .course-main-container .up-next .content-wrapper .sub-title { font-size: 1.5625rem; margin-bottom: 1.95312rem; } .course-main-container .up-next .content-wrapper .title-wrapper { align-items: center; flex-direction: row; } .course-main-container .up-next .content-wrapper .title-wrapper .title { font-size: 6.51042rem; } .course-main-container .up-next .content-wrapper .title-wrapper .cta-button { margin-left: 5.20833rem; margin-top: 0; } .course-main-container .overview-band .band-wrapper .band-item { min-width: unset; } .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) { margin-right: 1.2px; } .course-main-container .overview-band .band-wrapper .band-item .item-title { font-size: 1.30208rem; padding: 0.65104rem 1.30208rem; } .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after { margin-left: 4px; height: 8px; width: 8px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container { height: 4.8px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar { height: 4.8px; } .course-main-container .cta-button { padding: 1.95312rem 2.60417rem; font-size: 1.5625rem; } .course-main-container .cta-button::after { width: 8px; height: 15px; margin-left: 20px; } } @media only screen and (min-width: 992px) { .course-main-container .ug-landing { padding: 18.85081rem 5.04032rem 0; } .course-main-container .ug-landing .content-wrapper { padding-bottom: 9.07258rem; } .course-main-container .ug-landing .content-wrapper .sub-title { font-size: 1.81452rem; margin-bottom: 1.71371rem; } .course-main-container .ug-landing .content-wrapper .title { font-size: 4.23387rem; margin-bottom: 1.31048rem; } .course-main-container .ug-landing .content-wrapper .desc { font-size: 1.6129rem; margin-bottom: 2.01613rem; } .course-main-container .ug-landing .content-wrapper .sub-desc { font-size: 2.01613rem; } .course-main-container .child-carousel { padding: 7.15726rem 5.04032rem 7.7621rem; } .course-main-container .child-carousel .section-heading { padding-bottom: 4.33468rem; font-size: 6.04839rem; } .course-main-container .child-carousel .carousel .carousel-indicators { bottom: -6.55242rem; } .course-main-container .child-carousel .carousel .carousel-indicators li { width: 0.80645rem; height: 0.80645rem; margin: 0 0.75605rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 44.55645rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 33.46774rem; margin: 4.23387rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 2.21774rem; margin-bottom: 1.6129rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.6129rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 45.3629rem; min-height: 37.29839rem; } .course-main-container .pillar-section .main-heading { font-size: 7.05645rem; /* left: 3.02419rem; */ left: 2.02419rem; top: 5.74597rem; } .course-main-container .pillar-section .scrollable-container .item { padding: 19.15323rem 3.02419rem 5.04032rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image { height: 15.625rem; width: 26.49597rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details { margin-top: 2.52016rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title { font-size: 1.6129rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content { font-size: 1.6129rem; margin-top: 1.20968rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card { padding: 0 1.5121rem 1.5121rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img { bottom: -5px; left: -2.01613rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img { bottom: -5px; left: -5px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-bottom: 1.6129rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon { width: 22px; height: 22px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon { width: 22px; height: 22px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon { width: 22px; height: 22px; border-bottom: 22px solid #a9d382; border-left: 11px solid transparent; border-right: 11px solid transparent; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper { margin-bottom: 3.02419rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon { border-width: 0 6px 7px 5px; width: 11px; margin: 8px 0 10px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after { top: 7px; left: -5px; border-width: 14px 11px 0 11px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon { border: 11px solid transparent; border-bottom-color: #005077; top: -11px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after { left: -11px; top: 11px; border: 11px solid transparent; border-top-color: #005077; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-top: 3.02419rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon { width: 11px; border-width: 10.5px 5px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before { top: -20px; left: -5px; border-width: 0 10.5px 10px; } .course-main-container .pillar-section .scrollable-container .owl-nav { right: 5.04032rem; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img { width: 22px; /* margin-right: -0.6rem; */ height: 48px; } .course-main-container .bar-component { height: 71.27016rem; padding: 0 8.06452rem; } .course-main-container .bar-component .title-container { top: 6.04839rem; left: 8.06452rem; } .course-main-container .bar-component .title-container .title { font-size: 7.05645rem; margin-bottom: 2.01613rem; } .course-main-container .bar-component .title-container .sub-title { font-size: 1.6129rem; } .course-main-container .bar-component .bar-container .bar-item { padding: 5.04032rem 2.01613rem 2.31855rem 2.01613rem; } .course-main-container .bar-component .bar-container .bar-item .bar-title { font-size: 1.6129rem; } .course-main-container .bar-component .bar-container .bar-item .bar-sub-title { margin-top: 0.60484rem; font-size: 1.41129rem; } .course-main-container .bar-component .bar-container .bar-item .bar-desc { font-size: 1.41129rem; margin-top: 1.91532rem; } .course-main-container .bar-component .bar-container .bar-item::after { top: 14px; } .course-main-container .bar-component .bar-container .bar-item.feijoa { height: 12.09677rem; } .course-main-container .bar-component .bar-container .bar-item.somegreen { height: 15.92742rem; } .course-main-container .bar-component .bar-container .bar-item.tradewind { height: 19.75806rem; } .course-main-container .bar-component .bar-container .bar-item.somewhatCyan { height: 23.58871rem; } .course-main-container .bar-component .bar-container .bar-item:hover { height: 45.46371rem; } .course-main-container .bar-component .bar-container .bar-item:hover::after { top: 14px; } .course-main-container .tabs-video { padding: 4.53629rem; } .course-main-container .tabs-video .root-container .controller-wrapper { width: 55%; } .course-main-container .tabs-video .root-container .controller-wrapper .title { font-size: 7.05645rem; } .course-main-container .tabs-video .root-container .controller-wrapper .sub-title { font-size: 1.6129rem; margin: 3.02419rem 0 5.04032rem; max-width: 80%; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container { display: block; max-width: 80%; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links { font-size: 1.81452rem; padding: 1.5121rem 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before { margin-right: 1.6129rem; } .course-main-container .tabs-video .root-container .content-wrapper { width: 45%; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper { width: 37.19758rem; height: 24.79839rem; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image { bottom: -5px; left: -6px; } .course-main-container .tabs-video .root-container .content-wrapper .content-data { font-size: 1.6129rem; margin-top: 2.52016rem; max-width: 36.29032rem; } .course-main-container .wog-carousel .owl-stage .item { padding: 3.62903rem 3.02419rem; } .course-main-container .wog-carousel .owl-stage .item .item-number { font-size: 2.72177rem; margin-bottom: 0.60484rem; } .course-main-container .wog-carousel .owl-stage .item .item-details { font-size: 1.6129rem; } .course-main-container .video-carouel { padding: 4.53629rem 0; } .course-main-container .video-carouel .main-data { padding: 0 8.26613rem 0 9.77823rem; } .course-main-container .video-carouel .main-data .video-container { margin-bottom: 4.7379rem; } .course-main-container .video-carouel .main-data .video-container video { top: 1.20968rem; right: 1.6129rem; } .course-main-container .video-carouel .main-data .video-container .video-play { width: 8.06452rem; height: 8.06452rem; } .course-main-container .video-carouel .main-data .content-wrapper .title { font-size: 4.03226rem; margin-bottom: 2.01613rem; } .course-main-container .video-carouel .main-data .content-wrapper .sub-title { font-size: 1.6129rem; margin-bottom: 2.11694rem; } .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play { width: 4.53629rem; height: 4.53629rem; } .course-main-container .video-carouel .navigation-carousel .owl-nav { right: 6.25rem; } .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next { width: 4.33468rem; height: 9.17339rem; } .course-main-container .recruiters-feedback { padding-bottom: 7.56048rem; } .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 5.04032rem; padding: 5.24194rem 8.16532rem 1.6129rem 8.16532rem; } .course-main-container .recruiters-feedback .heading-text>div { padding: 0 8.16532rem 3.02419rem 8.16532rem; } .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary { font-size: 1.6129rem; } .course-main-container .recruiters-feedback #carousel-recruiters { width: 85.48387rem; margin-left: 7.15726rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -4.13306rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 1.00806rem; height: 1.00806rem; margin-right: 1.00806rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 53.02419rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 46.97581rem; margin: 3.125rem 3.02419rem 0 3.02419rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.6371rem; height: 3.42742rem; margin-bottom: 2.11694rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.6129rem; margin-bottom: 2.01613rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.6129rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 1.6129rem; padding-bottom: 1.6129rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.45968rem; } .course-main-container .recruiters-feedback .view-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } .course-main-container .recruiters-feedback .apply-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } .course-main-container #sec-accordian .section-main { padding: 6.04839rem 2.62097rem 2.82258rem 5.04032rem; } .course-main-container #sec-accordian .section-main .categories-header { font-size: 7.05645rem; } .course-main-container #sec-accordian .section-main .accordion-content { margin-top: 24px; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points { overflow-x: hidden; white-space: normal; display: block; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 1.6129rem 2.52016rem; font-size: 1.81452rem; display: flex; align-items: center; } .course-main-container #sec-accordian .section-main .accordion-content .accordion { max-height: 44.25403rem; padding-right: 3.22581rem; margin-top: 0; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 1.27016rem; font-size: 1.6129rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container { margin-bottom: 2.21774rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper { height: 3.02419rem; width: 3.02419rem; margin-right: 1.31048rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon { height: 1.5121rem; width: 1.5121rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text { font-size: 1.20968rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover { width: 20.16129rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 2.01613rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon { height: 1.71371rem; width: 1.71371rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed { height: 2.21774rem; width: 2.21774rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion hr { margin: 4.03226rem 0; } .course-main-container #sec-accordian .section-main .accordion-content .tnc { font-size: 1.41129rem; } .course-main-container .wog-roles-div .side-panel-roles { height: auto; padding: 6.04839rem 8.06452rem 0 8.06452rem; min-width: 46.27016rem; max-width: 46.27016rem; } .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 7.05645rem; } .course-main-container .wog-roles-div .description-list-panel { padding: 9.97984rem 7.35887rem 17.64113rem 4.33468rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 3.02419rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 2.82258rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 2.01613rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.6129rem; } .course-main-container .wog-roles-div .social-links-container { top: 9.97984rem; } .course-main-container .wog-roles-div .social-links-container ul li { margin: 1.5121rem; } .course-main-container .wog-roles-div .social-links-container ul li img { width: 2.21774rem; height: 2.21774rem; } .course-main-container .ask-us-here { display: flex; flex-direction: row; padding: 4.33468rem 8.46774rem 4.33468rem 8.46774rem; } .course-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.41129rem; display: flex; flex-direction: row; margin-bottom: 0; } .course-main-container .ask-us-here .ask-us-here-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } .course-main-container .ask-us-here .ask-us-here-button::after { height: 1.5121rem; width: 0.80645rem; margin-left: 2.01613rem; } .course-main-container .dates-to-remember { padding: 5.54435rem 8.06452rem 0 8.06452rem; } .course-main-container .dates-to-remember .title-container .calendar-icon { height: 3.52823rem; width: 3.22581rem; margin-bottom: 0.70565rem; } .course-main-container .dates-to-remember .title-container .main-title { font-size: 3.125rem; margin-bottom: 2.31855rem; } .course-main-container .dates-to-remember .content-container { padding: 4.53629rem 0 4.53629rem 3.52823rem; } .course-main-container .dates-to-remember .content-container .item-wrapper { padding: 0 0 1.6129rem 0; } .course-main-container .dates-to-remember .content-container .item-wrapper .date { font-size: 1.20968rem; } .course-main-container .dates-to-remember .content-container .item-wrapper .item-title { font-size: 1.20968rem; } .course-main-container .dates-to-remember .content-container .item-wrapper::before { height: 1.00806rem; width: 1.00806rem; } .course-main-container .other-programs .heading { padding: 4.93952rem 3.02419rem 4.93952rem 2.21774rem; } .course-main-container .other-programs .heading .main-title { font-size: 5.04032rem; margin-bottom: 2.21774rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item { height: 31.14919rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters { padding: 3.02419rem 2.21774rem 0 2.21774rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.20968rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 22.07661rem; margin-top: 0; } .course-main-container .up-next { padding: 7.45968rem 7.15726rem; } .course-main-container .up-next .content-wrapper .sub-title { font-size: 1.6129rem; margin-bottom: 1.5121rem; } .course-main-container .up-next .content-wrapper .title-wrapper .title { font-size: 4.83871rem; } .course-main-container .up-next .content-wrapper .title-wrapper .cta-button { margin-left: 5.04032rem; } .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) { margin-right: 1.6px; } .course-main-container .overview-band .band-wrapper .band-item .item-title { font-size: 1.10887rem; padding: 0.63508rem 1.26008rem; } .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after { margin-left: 4.5px; height: 6.4px; width: 6.4px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container { height: 6.1px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar { height: 6.1px; } .course-main-container .cta-button { padding: 1.81452rem 3.02419rem; font-size: 1.5121rem; } } @media only screen and (min-width: 1200px) { .course-main-container .ug-landing { padding: 13.85417rem 9.375rem 0; } .course-main-container .ug-landing .content-wrapper { padding-bottom: 7.8125rem; } .course-main-container .ug-landing .content-wrapper .sub-title { font-size: 1.25rem; margin-bottom: 0.625rem; } .course-main-container .ug-landing .content-wrapper .title { font-size: 3.22917rem; margin-bottom: 1.30208rem; } .course-main-container .ug-landing .content-wrapper .desc { font-size: 1.04167rem; margin-bottom: 1.30208rem; } .course-main-container .ug-landing .content-wrapper .sub-desc { font-size: 1.30208rem; } .course-main-container .child-carousel { padding: 6.71875rem 7.8125rem 10.625rem; } .course-main-container .child-carousel .section-heading { padding-bottom: 2.13542rem; font-size: 5.3125rem; } .course-main-container .child-carousel .carousel .carousel-indicators { bottom: -4.42708rem; } .course-main-container .child-carousel .carousel .carousel-indicators li { width: 0.72917rem; height: 0.72917rem; margin: 0 0.625rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment { width: 41.95312rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper { max-width: 30.9375rem; margin: 4.76562rem 3.20312rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title { font-size: 1.5625rem; margin-bottom: 1.5625rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text { font-size: 1.04167rem; } .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo { width: 42.03125rem; min-height: 31.30208rem; } .course-main-container .pillar-section .main-heading { font-size: 4.89583rem; /* left: 2.86458rem; */ left: 1.66458rem; top: 5.20833rem; } .course-main-container .pillar-section .scrollable-container .item { padding: 15.625rem 2.86458rem 8.85417rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image { height: 15.3125rem; width: 27.01042rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details { margin-top: 2.08333rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title { font-size: 1.25rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content { font-size: 1.04167rem; margin-top: 0.9375rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card { padding: 0 1.30208rem 4.42708rem 1.82292rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img { bottom: -10px; left: -2.34375rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img { bottom: -9px; left: -9px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper, .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-bottom: 1.04167rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon { width: 42px; height: 42px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon { width: 42px; height: 42px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon { width: 42px; height: 42px; border-bottom: 42px solid #a9d382; border-left: 21px solid transparent; border-right: 21px solid transparent; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper { margin-bottom: 2.34375rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon { border-width: 0 11.5px 15px 11.5px; width: 22px; margin: 16px 0 20px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after { top: 15px; left: -11.5px; border-width: 24px 22px 0 23px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon { border: 21px solid transparent; border-bottom-color: #005077; top: -21px; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after { left: -21px; top: 21px; border: 21px solid transparent; border-top-color: #005077; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper { margin-top: 3.125rem; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon { width: 22px; border-width: 21px 10px 0; } .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before { top: -42px; left: -10px; border-width: 0 21px 21px; } .course-main-container .pillar-section .scrollable-container .owl-nav { right: 5.20833rem; } .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img { width: 43px; /* margin-right: 1.2rem; */ height: 91px; } .course-main-container .bar-component { height: 56.25rem; padding: 0 7.29167rem; } .course-main-container .bar-component .title-container { top: 5.10417rem; left: 7.29167rem; } .course-main-container .bar-component .title-container .title { font-size: 4.89583rem; margin-bottom: 1.25rem; } .course-main-container .bar-component .title-container .sub-title { font-size: 1.04167rem; } .course-main-container .bar-component .bar-container .bar-item { padding: 2.34375rem 2.03125rem 1.04167rem 2.03125rem; } .course-main-container .bar-component .bar-container .bar-item .bar-title { font-size: 1.25rem; } .course-main-container .bar-component .bar-container .bar-item .bar-sub-title { margin-top: 0.52083rem; font-size: 1.25rem; } .course-main-container .bar-component .bar-container .bar-item .bar-desc { font-size: 1.04167rem; margin-top: 1.61458rem; } .course-main-container .bar-component .bar-container .bar-item::after { top: 30px; } .course-main-container .bar-component .bar-container .bar-item.feijoa { height: 7.34375rem; } .course-main-container .bar-component .bar-container .bar-item.somegreen { height: 9.94792rem; } .course-main-container .bar-component .bar-container .bar-item.tradewind { height: 12.5rem; } .course-main-container .bar-component .bar-container .bar-item.somewhatCyan { height: 15.78125rem; } .course-main-container .bar-component .bar-container .bar-item:hover { height: 35.41667rem; } .course-main-container .bar-component .bar-container .bar-item:hover::after { top: 30px; } .course-main-container .tabs-video { padding: 5.20833rem 6.77083rem 9.375rem; } .course-main-container .tabs-video .root-container .controller-wrapper { width: 50%; } .course-main-container .tabs-video .root-container .controller-wrapper .title { font-size: 4.89583rem; } .course-main-container .tabs-video .root-container .controller-wrapper .sub-title { font-size: 1.04167rem; margin: 2.08333rem 0; max-width: 80%; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container { max-width: 80%; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links { font-size: 1.25rem; padding: 0.98958rem 0; } .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before { margin-right: 0.83333rem; } .course-main-container .tabs-video .root-container .content-wrapper { width: 50%; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper { width: 35.20833rem; height: 22.39583rem; } .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image { bottom: -9px; left: -11px; } .course-main-container .tabs-video .root-container .content-wrapper .content-data { font-size: 1.04167rem; margin-top: 1.5625rem; max-width: 33.85417rem; } .course-main-container .wog-carousel .owl-stage .item { padding: 4.375rem 4.6875rem; } .course-main-container .wog-carousel .owl-stage .item .item-number { font-size: 2.70833rem; margin-bottom: 1.14583rem; } .course-main-container .wog-carousel .owl-stage .item .item-details { font-size: 1.25rem; } .course-main-container .wog-carousel-container.yts { padding: 0 6.77083rem; background-color: #002938; } .course-main-container .video-carouel { padding: 7.03125rem 0 3.80208rem 0; } .course-main-container .video-carouel .main-data { padding: 0 10.3125rem 0 7.29167rem; margin-bottom: 6.875rem; display: flex; align-items: center; justify-content: space-between; } .course-main-container .video-carouel .main-data .video-container { width: 55%; margin-bottom: 0; } .course-main-container .video-carouel .main-data .video-container video { top: 0.625rem; right: 0.88542rem; } .course-main-container .video-carouel .main-data .video-container .video-play { width: 3.64583rem; height: 3.64583rem; } .course-main-container .video-carouel .main-data .content-wrapper { width: 35%; } .course-main-container .video-carouel .main-data .content-wrapper .title { font-size: 3.125rem; margin-bottom: 0.67708rem; } .course-main-container .video-carouel .main-data .content-wrapper .sub-title { font-size: 1.04167rem; margin-bottom: 0; } .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play { width: 2.39583rem; height: 2.39583rem; } .course-main-container .video-carouel .navigation-carousel .owl-nav { right: 3.22917rem; } .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next { width: 2.23958rem; height: 4.73958rem; } .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading { font-size: 4.89583rem; padding: 4.63542rem 7.39583rem 0.9375rem; } .course-main-container .recruiters-feedback .heading-text>div { padding: 0 7.39583rem 2.34375rem 7.39583rem; } .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary { font-size: 1.04167rem; } .course-main-container .recruiters-feedback #carousel-recruiters { width: 85.41667rem; margin-left: 7.39583rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators { bottom: -6.25rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li { border-radius: 100%; width: 0.78125rem; height: 0.78125rem; margin-right: 1.25rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv { display: flex; flex-direction: row; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment { width: 53.02083rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper { width: 33.75rem; margin: 4.53125rem 0 0 9.63542rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe { width: 4.63542rem; height: 3.4375rem; margin-bottom: 3.02083rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text { font-size: 1.04167rem; margin-bottom: 5.05208rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name { font-size: 1.5625rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe { font-size: 0.9375rem; padding-bottom: 3.90625rem; } .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo { width: 32.39583rem; } .course-main-container .recruiters-feedback .view-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .course-main-container .recruiters-feedback .apply-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .course-main-container #sec-accordian .section-main { padding: 4.375rem 2.76042rem 5.20833rem 7.29167rem; } .course-main-container #sec-accordian .section-main .categories-header { font-size: 4.89583rem; } .course-main-container #sec-accordian .section-main .accordion-content { margin-top: 4.94792rem; } .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li { padding: 0.83333rem 25px; font-size: 1.25rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion { max-height: 31.97917rem; padding-right: 4.53125rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body { margin-top: 1.35417rem; padding-top: 0; padding-bottom: 0; font-size: 1.14583rem; max-width: 90%; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container { margin-bottom: 1.82292rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper { height: 2.39583rem; width: 2.39583rem; margin-right: 1.04167rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon { height: 1.14583rem; width: 1.14583rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text { font-size: 0.9375rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover { width: 15.625rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header { font-size: 1.25rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon { height: 1.04167rem; width: 1.04167rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed { height: 1.35417rem; width: 1.35417rem; } .course-main-container #sec-accordian .section-main .accordion-content .accordion hr { margin: 2.86458rem 0; } .course-main-container #sec-accordian .section-main .accordion-content .tnc { font-size: 0.83333rem; } .course-main-container .wog-roles-div { display: flex; flex-direction: row; min-height: 43.69792rem; } .course-main-container .wog-roles-div .side-panel-roles { height: auto; padding: 7.39583rem 4.16667rem 0 4.16667rem; min-width: 41.77083rem; max-width: 41.77083rem; } .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading { font-size: 6.25rem; } .course-main-container .wog-roles-div .description-list-panel { padding: 11.30208rem 0 0 8.22917rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading { padding-bottom: 2.60417rem; width: 37.5rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text { font-size: 3.125rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary { padding-bottom: 1.25rem; width: 30rem; } .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text { font-size: 1.04167rem; } .course-main-container .wog-roles-div .description-list-panel .content_contact_KnowMore_Button { margin-bottom: 15.36458rem; } .course-main-container .wog-roles-div .social-links-container { top: 11.30208rem; } .course-main-container .wog-roles-div .social-links-container ul li { margin: 1.5625rem 1.45833rem; } .course-main-container .wog-roles-div .social-links-container ul li img { width: 1.82292rem; height: 1.82292rem; } .course-main-container .ask-us-here { display: flex; flex-direction: row; padding: 3.17708rem 6.66667rem 3.17708rem 6.66667rem; } .course-main-container .ask-us-here .ask-us-here-phrase { font-size: 1.25rem; display: flex; flex-direction: row; margin-bottom: 0; } .course-main-container .ask-us-here .ask-us-here-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } .course-main-container .ask-us-here .ask-us-here-button::after { height: 0.78125rem; width: 0.41667rem; margin-left: 1.04167rem; } .course-main-container .dates-to-remember { padding: 5.46875rem 7.29167rem 0 7.29167rem; } .course-main-container .dates-to-remember .title-container .calendar-icon { height: 3.54167rem; width: 3.22917rem; margin-bottom: 0.67708rem; } .course-main-container .dates-to-remember .title-container .main-title { font-size: 3.125rem; margin-bottom: 2.34375rem; } .course-main-container .dates-to-remember .content-container { padding: 5.3125rem 0 4.42708rem 5.72917rem; } .course-main-container .dates-to-remember .content-container .item-wrapper { padding: 0 0 1.71875rem 0; } .course-main-container .dates-to-remember .content-container .item-wrapper .date { font-size: 1.14583rem; margin-bottom: 0.9375rem; display: block; } .course-main-container .dates-to-remember .content-container .item-wrapper .item-title { font-size: 1.04167rem; } .course-main-container .dates-to-remember .content-container .item-wrapper::before { height: 1.04167rem; width: 1.04167rem; } .course-main-container .other-programs .heading { max-width: 40%; padding: 3.17708rem 5.67708rem 3.17708rem 7.1875rem; } .course-main-container .other-programs .heading .main-title { font-size: 4.89583rem; margin-bottom: 2.60417rem; } .course-main-container .other-programs .ug-degrees-info-carousel { max-width: 60%; } .course-main-container .other-programs .ug-degrees-info-carousel .item { height: 31.61458rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters { padding: 3.69792rem 2.08333rem 0 2.08333rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text { font-size: 1.25rem; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp { bottom: 0; } .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image { height: 18.22917rem; margin-top: 5.20833rem; } .course-main-container .up-next { padding: 7.03125rem 7.29167rem 9.375rem 7.29167rem; } .course-main-container .up-next .content-wrapper .sub-title { font-size: 1.04167rem; margin-bottom: 0.78125rem; } .course-main-container .up-next .content-wrapper .title-wrapper .title { font-size: 4.89583rem; } .course-main-container .up-next .content-wrapper .title-wrapper .cta-button { margin-left: 2.5rem; } .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) { margin-right: 3px; } .course-main-container .overview-band .band-wrapper .band-item .item-title { font-size: 0.9375rem; padding: 0.67708rem 2.29167rem; } .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after { margin-left: 10px; height: 12.3px; width: 12.3px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container { height: 12px; } .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar { height: 12px; } .course-main-container .cta-button { padding: 0.9375rem 1.5625rem; font-size: 0.78125rem; } } html, body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; font-size: 1vw; line-height: normal; } body, div, p, span, h1, h2, h3, h4, h5, h6, ul, li, a, strong { text-rendering: optimizeLegibility !important; } a:hover { text-decoration: none !important; } button.cta-button { transition: all 0.3s ease; text-decoration: none !important; } button.cta-button:hover { box-shadow: 0 15px 50px 0 rgba(52, 227, 109, 0.3), 0 10px 15px -5px rgba(38, 230, 196, 0.3); } .ticker__item a { color: white; } /* New Css */ .middle-navbar ul, .header-bottom ul, .dropdown ul { list-style: none; padding: 0; margin: 0; } .middle-navbar ul li { display: inline-block; padding-right: 47px; } .middle-navbar ul li:last-child { padding-right: 0px; } .middle-navbar ul li a { font-size: 14px; line-height: 22px; color: #CCCCCC; display: inline-block; } .middle-navbar ul li.active a { color: #FFFFFF; } .header-new { position: absolute; top: 50px; left: 0; width: 100%; z-index: 22; } .logo-area img { max-width: 200px; } .logo-area .logo-green { display: none; } .header-top { display: flex; align-items: center; justify-content: space-between; padding: 5px 80px; } .apply-btn { padding: 5px 38px 6px 16px; background: #FFFFFF; border-radius: 5px; text-transform: uppercase; color: #424242; font-weight: 600; position: relative; font-size: 11px; } .apply-btn::after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: 14px; background-image: url(../images/chevron-down.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 9px; height: 9px; } .header-bottom { background: rgba(255, 255, 255, 0.3); position: relative; display: flex; align-items: center; justify-content: center; padding: 0px 80px; } .header-bottom ul li { display: inline-block; position: relative; } .header-bottom ul li a { display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 19px; color: #fff; padding: 10px 16px; transition: all 0.3s; } .header-bottom ul .item-nav:hover .item-link { background-color: #005B78; transition: all 0.3s; } .dropdown { position: absolute; top: 110%; left: 0; margin-top: 10px; background-color: #fff; border-radius: 6px; z-index: 33; opacity: 0; visibility: hidden; transition: all 0.3s; } .right-apply-btn .dropdown { min-width: 166px; } .submenu { position: absolute; top: 0; left: 90%; background-color: #fff; min-width: 184px; border-radius: 6px; z-index: 33; opacity: 0; visibility: hidden; transition: all 0.3s; } .header-bottom ul li.has-dropdown a { padding-right: 30px; position: relative; } .header-bottom ul li.has-dropdown::before { position: absolute; content: ''; top: 50%; right: 5px; transform: translateY(-50%) rotate(180deg); background-image: url(../images/checvron-white-up.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 8px; z-index: 1; } .header-bottom ul li:hover .dropdown { top: 100%; opacity: 1; visibility: visible; transition: all 0.3s; } .header-bottom ul li .dropdown { min-width: 184px; left: 50%; transform: translateX(-50%); } .header-bottom ul li .dropdown ul li a { padding: 5px 12px; font-weight: 500; font-size: 13px; text-transform: capitalize; } .menu-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 80px; padding: 0; } .menu-btn img { width: 33px; } .right-apply-btn { position: relative; } .btn:focus { outline: none; box-shadow: none; } .right-apply-btn.active .dropdown { top: 100%; opacity: 1; visibility: visible; transition: all 0.3s; } .dropdown::before { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); content: ''; background-image: url(../images/checvron-white-up.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 8px; } .dropdown ul { padding: 15px 0px; } .dropdown ul li { position: relative; width: 100%; } .dropdown ul li:hover .submenu { left: 100%; opacity: 1; visibility: visible; transition: all 0.3s; } .dropdown ul li a { font-weight: 500; display: inline-block; width: 100%; font-size: 14px; color: #777777; line-height: 19px; padding: 5px 20px; transition: all 0.3s; } .dropdown ul li.has-submenu::before { position: absolute; content: ''; top: 50%; right: 10px; transform: translateY(-50%) rotate(90deg); background-image: url(../images/checvron-white-up.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 8px; z-index: 1; } .dropdown ul li a:hover { background-color: #005B78; color: #fff; transition: all 0.3s; } /* .trigger-btn-dropdown { padding: 0px 15px; } */ .trigger-btn-dropdown .dropdown-menu { background-color: rgb(0 0 0); height: 100%; right: 0; top: 99%; padding: 0; float: none; display: block; } .trigger-btn-dropdown .hamburger-menu .links-container { padding: 2.23958rem 0 4.27083rem 55px; } .trigger-btn-dropdown .hamburger-menu .links-container .link-title { font-size: 1.45833rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.65px; } .trigger-btn-dropdown .hamburger-menu .links-container .link-title .link-item { font-size: 1.04167rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } .trigger-btn-dropdown .link-item a { color: rgba(0, 0, 0, 0.6); } .trigger-btn-dropdown .overview-container { padding: 2.23958rem 40px 4.27083rem 0; border-left: 1px solid rgba(0, 0, 0, 0.1); background-image: linear-gradient( 151deg, #00797b 10%, #005077 94%); } .trigger-btn-dropdown .overview-wrapper { margin-left: 4.42708rem; } .trigger-btn-dropdown .overview-wrapper h3 { font-size: 1.45833rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.65px; color: #ffffff; margin-bottom: 0.52083rem; } .trigger-btn-dropdown .overview-wrapper .link-list { margin-left: 1.40625rem; } .trigger-btn-dropdown .overview-wrapper .link-item { padding-bottom: 1.82292rem; } .trigger-btn-dropdown .overview-wrapper .link-item.active { padding-top: 1.5625rem; margin-left: -1.40625rem; display: flex; align-items: center; } .trigger-btn-dropdown .overview-wrapper .link-item.active::before { content: url(../assets/white-triangle-right.svg); margin-right: 0.9375rem; width: 0.46875rem; } .trigger-btn-dropdown .overview-wrapper .link-item a { opacity: 0.9; font-size: 1.14583rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; position: relative; } .trigger-btn-dropdown .overview-wrapper .link-item.active a { font-weight: bold; opacity: 1; color: #fff; } .trigger-btn-dropdown { display: none; } .trigger-btn-dropdown.open { display: block; } .hamburger-close { display: none; } .menu-btn.times .hamburger-close { display: block; } .menu-btn.times .humber-menu { display: none; } .gallery-section { padding: 94px 0px; } .gallery-section-header h3 { font-style: normal; font-weight: 600; font-size: 60px; margin-bottom: 60px; color: #026B7B; } .gallery-box { margin: 20px 35px; position: relative; border-radius: 12px; overflow: hidden; } .gallery-box img { width: 100%; height: 210px; object-fit: cover; object-position: 50% top; } .galler-bx-content { padding: 12px 24px 30px; background: #F9F9F9; } .galler-bx-content h4 { font-size: 18px; color: #00747B; font-weight: bold; margin-bottom: 10px; } .galler-bx-content p { font-size: 14px; color: #777777; font-weight: normal; margin-bottom: 30px; } .galler-bx-content a { display: flex; align-items: center; font-weight: 500; font-size: 16px; color: #00747B; } .galler-bx-content a span { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #00747B; border-radius: 100%; margin-right: 18px; color: #fff; } @media(max-width:1200px) { .header-bottom { position: inherit; } .middle-navbar { text-align: center; background: #fff; } .middle-navbar ul li a { padding: 12px 24px; color: #005B78; } .middle-navbar ul li.active a { font-weight: 700; color: #005B78; } .menu-btn { position: relative; top: auto; transform: none; right: auto; } .apply-btn { margin-right: 30px; } .middle-navbar ul li { padding-right: 0px; } } @media(max-width:992px) { .header-top { padding: 5px 40px; } .apply-btn { padding: 10px 45px 10px 15px; } .menu-btn img { width: 25px; } .logo-area img { max-width: 145px; } .trigger-btn-dropdown .overview-wrapper { margin-left: 10px; } .trigger-btn-dropdown .overview-wrapper h3 { font-size: 14px; } .trigger-btn-dropdown .overview-wrapper .link-item a { font-size: 14px; font-weight: normal; } .trigger-btn-dropdown .overview-wrapper .link-item.active { padding-bottom: 0px; } .trigger-btn-dropdown .overview-wrapper .link-item.active::before { margin-right: 10px; width: 10px; } .trigger-btn-dropdown .hamburger-menu .links-container { padding: 20px; } .trigger-btn-dropdown .hamburger-menu .links-container .link-title { font-size: 14px; } .trigger-btn-dropdown .link-item a { font-size: 13px; } } @media(max-width:480px) { .header-top { padding: 0px 8px; } .apply-btn { margin-right: 20px; padding: 6px 34px 6px 12px; font-size: 12px; } .apply-btn::after { right: 10px; width: 12px; } .dropdown ul li a { padding: 5px 12px; } .right-apply-btn .dropdown { min-width: 134px; } .menu-btn img { width: 20px; } .middle-navbar ul li a { padding: 10px 16px; font-size: 14px; line-height: auto; } .trigger-btn-dropdown .hamburger-menu .links-container { padding: 10px; } .gallery-box { margin: 0px; margin-bottom: 20px; } .galler-bx-content { padding: 10px 15px 20px; } .galler-bx-content a span { width: 30px; height: 30px; font-size: 14px; } .galler-bx-content h4 { font-size: 16px; } } .npfPopup { z-index: 9999 !important; overflow: auto !important; /* position: relative; */ } .npfTitle img { float: right; position: relative; top: 2px !important; cursor: pointer; margin-left: 5px !important; margin-right: 21px !important; } .small-title { font-weight: 300 !important; font-size: 37px !important; } /* custom css */ .entry-main-content p { background-color: transparent !important; font-size: 1.1em; line-height: 1.75; } /* custom */ .entry-main-content a { color:#007bff !important; text-decoration: underline !important; } img, image, video { width: auto !important; max-width: 100%; display: block !important; margin-left: auto !important; margin-right: auto !important; }