:root { --mf-blue: #29407C; --mf-pink: #EC6E7A; --mf-text: #1A2942; --mf-black: #000000; --mf-white: #FFFFFF; --mf-purple: #5D51A3; --mf-yellow: #F4AD09; --mf-grey: #70707073; } /* width */ ::-webkit-scrollbar { width: 5px; height: 0; } /* Track */ ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgb(41 64 124 / 28%); } /* Handle */ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; background-color: #29407C; } body, html { overflow-x: hidden; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } a, a::before, a::after, button, :hover, :hover:before, :hover:after { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } :focus { outline: none !important; box-shadow: none !important; } img { max-width: 100%; vertical-align: top; } /* Aditional CSS */ /*patients centre */ .card_text_elipse .elementor-heading-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .purple_polygone, .pink_polygone, .blue_polygone, .sky_polygone { position: relative; } .purple_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-purple); } .pink_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-pink); } .blue_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-blue); } .sky_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid #6AA8D9; } @media(max-width:760px) { .scroll_horizontal>.e-con-inner, .scroll_horizontally { display: flex !important; flex-wrap: nowrap !important; overflow-x: scroll !important; } .cards_of_scroll_horizontal { min-width: 271px; } .purple_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-purple); } .pink_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-pink); } .blue_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid var(--mf-blue); } .sky_polygone::after { content: ""; position: absolute; bottom: 0; top: 17px; right: 36px; width: 0; height: 0; transform: rotate(-330deg); border-left: 105px solid transparent; border-top: 58px solid #6AA8D9; } } /* endo clinic */ .elementor-counter .elementor-counter-title { text-align: left !important; } .elementor-counter .elementor-counter-number-prefix { display: none !important; } .endo_banner_img>div { width: 100% !important; } @media(min-width:300px) { .scroll_horizontal_of_tech { display: flex !important; flex-wrap: nowrap !important; overflow-x: scroll !important; } .technology_cards { min-width: 252px; } } @media(min-width:1000px) { .scroll_horizontal_of_tech { display: flex !important; flex-wrap: nowrap !important; overflow-x: scroll !important; } .technology_cards { min-width: 320px; } } .purple_polygone_sec::after { content: ""; position: absolute; bottom: 0; top: 91px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-purple); } .pink_polygone_sec::after { content: ""; position: absolute; bottom: 0; top: 91px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-pink); } .blue_polygone_sec::after { content: ""; position: absolute; bottom: 0; top: 91px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-blue); } .sky_polygone_sec::after { content: ""; position: absolute; bottom: 0; top: 91px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid #6AA8D9; } @media(max-width:760px) { .purple_polygone_sec::after { top: 51px !important; } .pink_polygone_sec::after { top: 51px !important; } .blue_polygone_sec::after { top: 51px !important; } .sky_polygone_sec::after { top: 51px !important; } } /* Breast Css */ @media screen and (max-width:767px) { section.elementor-inner-section.elementor-element.elementor-element-f0d9126 .elementor-container.elementor-column-gap-default { display: flex; flex-wrap: nowrap !important; gap: 1.2rem; overflow: scroll; } section.elementor-inner-section.elementor-element.elementor-element-f0d9126 { width: 100%; overflow: hidden; } section.elementor-inner-section.elementor-element.elementor-element-f0d9126 .elementor-container.elementor-column-gap-default .elementor-column.elementor-col-25.elementor-inner-column.elementor-element { min-width: 261px; } section.elementor-inner-section.elementor-element.elementor-element-f0d9126 .elementor-container.elementor-column-gap-default::-webkit-scrollbar { width: 0px !important; } section.elementor-element.elementor-element-7721fe0 .elementor-column-gap-default { display: flex; flex-wrap: nowrap !important; gap: 2rem; overflow: scroll; padding-bottom: 14%; padding-left: 0; } section.elementor-element.elementor-element-7721fe0 .elementor-column-gap-default .elementor-column.elementor-col-33 { min-width: 300px; } section.elementor-element.elementor-element-7721fe0 .elementor-column-gap-default .elementor-column.elementor-col-33 .elementor-widget-wrap.elementor-element-populated { box-shadow: 9px 9px 35px 0px rgb(0 0 0 / 9%); } section.elementor-element.elementor-element-7721fe0 .elementor-column-gap-default::-webkit-scrollbar { width: 0px !important; } } /*MIMS */ .mims_sign_up .forminator-custom-form.forminator-custom-form-419 .forminator-col input { background-color: var(--mf-white) !important; border: var(--mf-white) !important; } .mims_sign_up .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button { background-color: transparent !important; padding: 0px 53px; border: 1px solid var(--mf-white) !important; } .mims_sign_up .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button:hover { background-color: var(--mf-white) !important; color: var(--mf-blue) !important; border: 1px solid var(--mf-blue) !important; } .mims_sign_up .forminator-custom-form.forminator-custom-form-419 .forminator-col input::placeholder { font-size: 15px; font-family: 'TT Norms Pro'; letter-spacing: 1.5px; color: #1A2942; text-transform: uppercase; opacity: 0.25; } /*MIMS detail page */ .apply_now_form .forminator-input, .forminator-ui#forminator-module-2812.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] { background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 0px 0px #00000029 !important; border: 1px solid var(--mf-blue) !important; border-radius: 9px !important; opacity: 1 !important; /* width: 534px !important; */ height: 55px !important; padding-left: 30px !important; font-family: 'TT Norms Pro' !important; font-size: 18px !important; color: #000000 !important; } .apply_now_form .forminator-button-submit { background: var(--mf-text) 0% 0% no-repeat padding-box !important; box-shadow: 0px 0px 0px #00000029 !important; border: 1px solid var(--mf-text) !important; border-radius: 42px !important; opacity: 1 !important; padding: 21px 123px !important; letter-spacing: 1.6px !important; color: var(--mf-white) !important; text-transform: uppercase !important; opacity: 1; font-family: 'TT Norms Pro' !important; font-size: 16px !important; } .apply_now_form .forminator-button-submit:hover { background: var(--mf-purple) !important; color: var(--mf-white) !important; border: 1px solid var(--mf-white) !important; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload { background: #CBCBCB 0% 0% no-repeat padding-box !important; box-shadow: 0px 0px 0px #00000029; border: 1px solid #1A2942; border-radius: 9px; opacity: 1; color: rgba(15, 15, 15, 0.66) !important; font-size: 0px !important; height: 55px; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload:hover { background: var(--mf-white) !important; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload:after { content: 'UPLOAD RESUME'; font-size: 15px; letter-spacing: 1.5px; color: #0F0F0F; text-transform: uppercase; opacity: 0.66; line-height: 17px; padding: 19px 24px; font-family: 'TT Norms Pro' !important; } .apply_now_form .forminator-file-upload>span { display: none !important; } /* Apply CSS to file upload button */ .apply_now_form .forminator-file-upload { border-radius: 9px; opacity: 1; } .apply_now_form .forminator-input::placeholder, .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { font: normal normal medium 15px/17px TT Norms Pro; letter-spacing: 1.5px; color: #000000; text-transform: uppercase; /* opacity: 0.36; */ } .apply_now_form .forminator-ui [class*=forminator-icon-]:before, .forminator-ui [class^=forminator-icon-]:before { color: rgba(0, 0, 0, 0.36) !important; font-size: 16px !important; } .forminator-select-dropdown-container--open .forminator-custom-form-2812.forminator-dropdown--default { width: 534px !important; border-radius: 5px !important; } .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field { display: flex; align-items: center; } .apply_now_form .forminator-row-last .forminator-field { display: flex; justify-content: center; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-description { color: var(--mf-white) !important; font-size: 16px !important; opacity: 0.66 !important; padding-left: 15px !important; font-family: 'TT Norms Pro' !important; } .forminator-row-last { display: flex; justify-content: center; align-items: center; } @media(max-width:1400px) { .apply_now_form .forminator-input, .forminator-ui#forminator-module-2812.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] { /* width: 404px !important; */ height: 55px !important; } .forminator-select-dropdown-container--open .forminator-custom-form-2812.forminator-dropdown--default { width: 404px !important; border-radius: 5px !important; } } @media(max-width:760px) { .apply_now_form .forminator-input, .forminator-ui#forminator-module-2812.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] { /* width: 383px !important; */ height: 46px !important; border-radius: 28px !important; padding-left: 0 !important; } .forminator-select-dropdown-container--open .forminator-custom-form-2812.forminator-dropdown--default { width: 383px !important; border-radius: 5px !important; } .apply_now_form .forminator-button-submit { padding: 18px 157px !important; font-size: 15px !important; } .apply_now_form .forminator-input::placeholder, .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { font-size: 13px !important; } .apply_now_form .forminator-ui [class*=forminator-icon-]:before, .forminator-ui [class^=forminator-icon-]:before { color: rgba(0, 0, 0, 0.36) !important; font-size: 12px !important; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload { margin: 0 !important; height: 45px; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload:after { content: 'UPLOAD RESUME'; font-size: 11px; padding: 0px 10px; } .forminator-ui#forminator-module-2812.forminator-design--default .forminator-description { color: var(--mf-white) !important; font-size: 14px !important; opacity: 0.66 !important; padding-left: 15px !important; } .apply_now_form .forminator-field-upload { padding: 15px 40px !important; } } @media(max-width:420px) { .apply_now_form .forminator-input, .forminator-ui#forminator-module-2812.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] { /* width: 334px !important; */ height: 46px !important; border-radius: 28px !important; } .forminator-select-dropdown-container--open .forminator-custom-form-2812.forminator-dropdown--default { width: 334px !important; border-radius: 5px !important; } .apply_now_form .forminator-button-submit { padding: 18px 135px !important; font-size: 15px !important; } .apply_now_form .forminator-field-upload { padding: 15px 21px !important; } body.admin-bar>.forminator-select.forminator-select-dropdown-container--open { margin-top: 47px !important; } } /* diagnosis */ .quick_links { box-shadow: 9px 9px 35px #00000029; } .scroll_horizontal_tag .e-con-inner { display: flex !important; flex-wrap: nowrap !important; overflow-x: scroll !important; } .cards_of_scroll_horizontal_tag { min-width: 306px; } @media(max-width:760px) { .cards_of_scroll_horizontal_tag { min-width: 271px; } } /*blog detail */ .subscribe_sec forminator-custom-form.forminator-custom-form-419 .forminator-col input { background: var(--mf-white) 0% 0% no-repeat padding-box !important; box-shadow: 0px 9px 15px #00000029 !important; border-radius: 42px !important; opacity: 1 !important; color: #000000 !important; padding: 10px 30px !important; } .subscribe_sec>div>div form button { background: #000000 0% 0% no-repeat padding-box !important; box-shadow: 0px 9px 15px #00000029 !important; border-radius: 42px !important; opacity: 1 !important; margin-left: -50px !important; padding: 10px 20px !important; border: 1px solid black !important; font-size: 0 !important; } .subscribe_sec>div>div form button:after { content: "subscribe" !important; font-size: 14px !important; vertical-align: middle; } .subscribe_sec .forminator-custom-form.forminator-custom-form-419 .forminator-col input { min-width: unset !important; background: var(--mf-white) 0% 0% no-repeat padding-box !important; box-shadow: 0px 9px 15px #00000029 !important; border-radius: 42px !important; opacity: 1 !important; color: #000000 !important; padding: 10px 30px !important; } .subscribe_sec .forminator-custom-form.forminator-custom-form-419 .forminator-col input::placeholder { text-transform: uppercase; font-size: 12px; } .subscribe_sec .forminator-custom-form.forminator-custom-form-419 { gap: 0 !important; } @media(max-width:1000px) { .subscribe_sec .forminator-custom-form.forminator-custom-form-419 { flex-wrap: nowrap !important; align-items: unset !important; } .subscribe_sec .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit { min-width: 161px !important; } } /*FAQS */ .faqs_sec .faq-title { font-size: 18px; font-family: "TT Norms Pro", Sans-serif; font-weight: 600; line-height: 26px; color: #000; padding: 12px 20px 16px 12px; margin: 0; border-bottom: 1px solid #E4E8EF; display: flex; align-items: center; justify-content: space-between; } .faqs_sec .faq-content { font-size: 16px; line-height: 24px; background-color: #2F44821F; padding: 12px 10px 26px 12px; margin-bottom: 12px; } .faq-contentt { font-size: 16px; line-height: 24px; padding: 12px 10px 78px 12px; margin-top: 8px; } .cards_of_scroll_horizontally_of_faq { min-width: 262px; } .bg_active .faq-title.active { background-color: #2F44821F; } .search-container { position: relative; } .search-container input { border: 1px solid #707070; padding: 12px; border-radius: 25px; } .search-container { padding: 12px; } .bg_blue { background-color: var(--mf-blue); padding-bottom: 47px !important; position: relative; } .bg_purple { background-color: var(--mf-purple); padding-bottom: 47px !important; position: relative; } .bg_pink { background-color: var(--mf-pink); padding-bottom: 47px !important; position: relative; } .bg_sky { background-color: #68A6D5; position: relative; } .bg_blue:after { content: ""; position: absolute; bottom: 0; top: 66px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-blue); } .bg_pink:after { content: ""; position: absolute; bottom: 0; top: 66px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-pink); } .bg_purple:after { content: ""; position: absolute; bottom: 0; top: 66px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid var(--mf-purple); } .bg_sky:after { content: ""; position: absolute; bottom: 0; top: 66px; right: 36px; width: 0; height: 0; transform: rotate(-227deg); border-left: 36px solid transparent; border-top: 25px solid #68A6D5; } .search-container .search-button { position: absolute; top: 50%; right: 19px; transform: translateY(-50%); border: none; cursor: pointer; background: var(--mf-pink); padding: 20px; border-radius: 30px; padding: 7px 14px 9px 14px; } .search-button img { vertical-align: middle; } /* TQ */ .top-questions { padding: 12px; margin-bottom: 71px; } .top-question .faq-title { color: var(--mf-white); /* background:var(--mf-pink); */ border-top-left-radius: 9px; border-top-right-radius: 9px; font-size: 24px; line-height: 30px; } .card_of_faqs { border: 1px solid #707070; border-radius: 9px; /* margin-right:18px; */ } .top-question .faq-content { padding: 15px 18px; } .faq-search-form h2 { font-size: 18px; font-family: "TT Norms Pro", Sans-serif; font-weight: 600; line-height: 24px; letter-spacing: 1.4; color: var(--mf-text); text-transform: uppercase; margin: 32px 12px; } .top-question-title { color: var(--mf-pink) !important; font-size: 14px !important; display: flex !important; justify-content: space-between; align-items: center !important; } .top-questions-container { display: flex; gap: 20px; } @media(max-width:1400px) { .top-questions-container { display: flex; gap: 20px; flex-wrap: wrap; justify-content: flex-start; } .card_of_faqs { width: 31% } } /* Styles for the arrow */ .arrow { display: inline-block; margin-left: 10px; width: 12px; height: 10px; background-size: contain; transition: transform 0.3s ease; background-repeat: no-repeat; } /* Rotate the arrow to point up when active */ .faq-title.active .arrow { transform: rotate(180deg); } .faq-title.active .arrow img.rotate-90 { transform: rotate(90deg); } /* mf foundation */ .ellipse_for_full_story .elementor-heading-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .display-content-data.active .elementor-heading-title { -webkit-line-clamp: unset; } .elementor-counter .elementor-counter-title { justify-content: unset !important; } .tab-pane p { font-family: 'TT Norms Pro'; font-size: 20px; line-height: 38px; } @media(max-width:760px) { .tab-pane p { font-family: 'TT Norms Pro'; font-size: 18px; line-height: 26px; } } .underline_at_link ul li:last-child a span { text-decoration: underline; } /* Aditional CSS END */ /* Mobile Header */ header { z-index: 999 !important; } .mobile_header { display: flex; } .mobile-header-block { display: flex; align-items: flex-end; justify-content: center; } .mobile_header button.hamburger-menu p { margin: 0; width: 22px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; overflow: hidden; } .mobile_header button.hamburger-menu p span.line { display: inline-block; height: 2px; width: 22px; background-color: var(--mf-blue); border-radius: 5px; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .mobile_header button.hamburger-menu { padding: 0; margin: 0; border-radius: 0; background: transparent; border: none; outline: none !important; } .mobile_header button.hamburger-menu.active p span.line:first-child { transform: translate(0, 8px) rotate(45deg); } .mobile_header button.hamburger-menu.active p span.line:last-child { transform: translate(0, -8px) rotate(-45deg); } .mobile_header button.hamburger-menu.active p span.line:nth-child(2) { transform: translateX(100%); } ul.mayflower-mobile-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--mf-blue); z-index: -1; padding: 130px 20px 20px; margin: 0; list-style-type: none; transform: translate(100%, -100%); -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } ul.mayflower-mobile-menu.active { transform: translate(0, 0); } ul.mayflower-mobile-menu a { color: var(--mf-white); font-size: 18px; font-weight: bold; font-family: 'TT Norms Pro'; } ul.mayflower-mobile-menu li:not(:last-child) { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255 255 255 / 40%); } /* Mobile Header END */ .mayflower-main-slider * { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .mayflower-main-slider { max-width: 100%; border-radius: 15px; overflow: hidden; } .mayflower-banner-slide { display: flex; align-items: stretch; justify-content: space-between; } .mayflower-banner-slide .mayflower-banner-image { width: calc(30% - 15px); height: 520px; } .mayflower-banner-slide:hover .mayflower-banner-image { width: calc(70% - 15px); } .mayflower-banner-slide .mayflower-banner-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 15px; } .mayflower-banner-slide .mayflower-banner-vector { width: calc(70% - 15px); height: 520px; position: relative; border-radius: 15px; overflow: hidden; } .mayflower-banner-slide:hover .mayflower-banner-vector { width: calc(30% - 15px); } .mayflower-banner-slide .mayflower-banner-vector img { max-width: 100%; width: 100%; height: 100%; transform: scale(1.15); object-fit: cover; object-position: right; } @media screen and (max-width: 767px) { .mayflower-banner-slide .mayflower-banner-image { height: 315px; width: calc(30% - 7.5px); } .mayflower-banner-slide .mayflower-banner-vector { height: 315px; width: calc(70% - 7.5px); } .mayflower-banner-slide:hover .mayflower-banner-image { width: calc(70% - 7.5px); } .mayflower-banner-slide:hover .mayflower-banner-vector { width: calc(30% - 7.5px); } .patient-experience-section .x-scroll .elementor-container { display: flex !important; flex-wrap: nowrap !important; overflow-x: scroll !important; } .patient-experience-section .x-scroll .elementor-container .elementor-column { min-width: 300px !important; } } /* Newslwtter Form */ .forminator-custom-form.forminator-custom-form-419 { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 20px; } .forminator-response-message { width: 100%; } .forminator-custom-form.forminator-custom-form-419 .forminator-row { margin: 0 !important; } .forminator-custom-form.forminator-custom-form-419 .forminator-col { padding: 0 !important; } .forminator-custom-form.forminator-custom-form-419 .forminator-col input { min-height: 54px !important; padding: 10px 25px !important; border: 1px solid var(--mf-text) !important; border-radius: 50px !important; color: var(--mf-text) !important; min-width: 340px !important; background-color: transparent !important; } .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button { padding: 10px 30px; min-height: 54px; border-radius: 50px; border: 1px solid var(--mf-purple) !important; background-color: var(--mf-purple) !important; font-weight: normal; } .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button:hover { background-color: var(--mf-white) !important; color: var(--mf-purple) !important; box-shadow: none; } @media screen and (max-width: 767px) { .forminator-custom-form.forminator-custom-form-419 .forminator-col input { border-color: var(--mf-white) !important; } .forminator-custom-form.forminator-custom-form-419 { justify-content: center; } .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit { min-width: 340px !important; width: 100% !important; border-color: var(--mf-text) !important; background-color: var(--mf-text) !important; } .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit:hover { background-color: var(--mf-white) !important; color: var(--mf-text) !important; } } .latest_in_section span.elementor-icon { padding: 10px; border: 1px solid var(--mf-grey); border-radius: 50%; } .latest_in_section .active span.elementor-icon { color: var(--mf-white); background-color: var(--mf-pink); border-color: var(--mf-pink); box-shadow: 0 3px 6px 0 rgba(0 0 0 / 16%); } /* Book An Appointment */ .forminator-custom-form.forminator-custom-form-386 { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; } #forminator-custom-form-386--page-1 .forminator-pagination--content { display: flex; flex-wrap: wrap; justify-content: space-between; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row { width: calc(50% - 100px); margin: 0 !important; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(2) { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(4) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(3) { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; margin-top: -57px !important; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(5) .forminator-label { display: none; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(5) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(6) { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; /* width: 100%; */ /* margin-top: 50px !important; */ text-align: center; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(7) { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; width: 100%; margin-top: 50px !important; text-align: center; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1.online-consultation .forminator-pagination--content.location-hidden .forminator-row:nth-child(1) { width: 100% !important; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content.location-hidden .forminator-row:nth-child(3) { /* margin: 0 !important; */ } .forminator-custom-form.forminator-custom-form-386 .static-price { width: 100%; } .forminator-custom-form.forminator-custom-form-386 .static-price p { font-size: 24px; color: #5c5c5c; font-family: 'TT Norms Pro'; text-align: center; width: 100%; } .forminator-custom-form.forminator-custom-form-386 .forminator-row:nth-child(8) .forminator-field { text-align: center; margin-bottom: 2%; } .forminator-custom-form.forminator-custom-form-386 .forminator-row .book_an_appointment_form_label, #forminator-custom-form-386--page-0 .forminator-field .forminator-label { font-size: 24px !important; font-weight: 700 !important; font-family: 'TT Norms Pro' !important; color: var(--mf-text) !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row input, .forminator-custom-form.forminator-custom-form-386 .forminator-row .select2-selection { background: var(--mf-white) !important; border: none !important; min-height: 57px !important; box-shadow: 0 6px 15px 0 rgba(0 0 0 / 16%) !important; border-radius: 23px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row input:not([name='phone-1']), .forminator-custom-form.forminator-custom-form-386 .forminator-row .select2-selection .select2-selection__rendered { padding-left: 20px !important; } .forminator-custom-form.forminator-custom-form-386 { padding: 50px 100px 40px !important; border: 1px solid var(--mf-purple) !important; border-radius: 0 0 10px 10px !important; } label.forminator-radio input[type='radio']+span.forminator-radio-bullet { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; width: unset !important; height: unset !important; z-index: -1; border: none !important; background: transparent !important; border-radius: 23px !important; box-shadow: 0 6px 15px 0 rgba(0 0 0 / 16%); } .forminator-pagination-footer { justify-content: center !important; gap: 20px; flex-wrap: wrap; } .forminator-pagination-footer .forminator-button-next, .forminator-pagination-footer .forminator-button-skip { color: var(--mf-text) !important; background: #DBDBDB !important; border-radius: 50px !important; border: 1px solid var(--mf-text) !important; padding: 16px 0 !important; font-size: 16px !important; font-family: 'TT Norms Pro' !important; min-width: 300px !important; max-width: 300px !important; box-shadow: none !important; } .forminator-pagination-footer .forminator-button-next:hover { background-color: var(--mf-blue) !important; color: var(--mf-white) !important; } .forminator-pagination-footer .forminator-button-skip { border-color: var(--mf-purple) !important; } .forminator-pagination-footer .forminator-button-skip:hover { background-color: var(--mf-purple) !important; color: var(--mf-white) !important; } .forminator-pagination-footer .forminator-button-back { display: none !important; } label.forminator-radio { min-height: 57px; } label.forminator-radio input[type='radio']+span.forminator-radio-bullet::before { display: none !important; } label.forminator-radio input[type='radio']+span.forminator-radio-bullet+span.forminator-radio-label { width: 100%; margin: 0 !important; padding: 18.5px 20px; font-size: 18px; text-transform: uppercase; color: rgba(0 0 0 / 36%); font-family: 'TT Norms Pro'; } label.forminator-radio input[type='radio']:checked+span.forminator-radio-bullet { background-color: var(--mf-text) !important; } label.forminator-radio input[type='radio']:checked+span.forminator-radio-bullet+span.forminator-radio-label { color: var(--mf-white); } .forminator-custom-form.forminator-custom-form-386 .forminator-button-submit { color: var(--mf-white) !important; background: var(--mf-text) !important; border-radius: 50px !important; border: 1px solid var(--mf-text) !important; padding: 16px 0 !important; font-size: 16px !important; font-family: 'TT Norms Pro' !important; min-width: 300px !important; max-width: 300px !important; letter-spacing: 1px; } .forminator-custom-form.forminator-custom-form-386 .forminator-button-submit:hover { background-color: var(--mf-white) !important; color: var(--mf-text) !important; } span.forminator-select-dropdown { background: var(--mf-white) !important; border: 1px solid #e4e4e4 !important; padding: 10px !important; } span.forminator-select-dropdown .select2-results__option { position: relative; padding: 0 0 0 30px !important; background: transparent !important; font-size: 14px !important; color: var(--mf-text) !important; opacity: 0.7; } span.forminator-select-dropdown .select2-results__option::after { content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid #b1b1b1; border-radius: 4px; } span.forminator-select-dropdown .select2-results__option.select2-results__option--selected { opacity: 1; } span.forminator-select-dropdown .select2-results__option.select2-results__option--selected::after { background-color: var(--mf-blue); } span.forminator-select-dropdown .select2-results__option::before { content: ""; width: 9px; height: 5px; border: 2px solid var(--mf-white); position: absolute; top: 50%; left: 5px; z-index: 2; transform: translateY(-50%) rotate(-45deg); border-top: none; border-right: none; } .ui-datepicker.ui-widget { background: var(--mf-white) !important; } .ui-datepicker:before { background-color: var(--mf-white) !important; border: 1px solid #d9d9d9 !important; } .ui-datepicker .ui-datepicker-header .ui-corner-all { background-color: #F1F1F1 !important; color: #000 !important; font-weight: 100 !important; } table.ui-datepicker-calendar span[title='Sunday'] { opacity: 0.6; } table.ui-datepicker-calendar tbody a { background: transparent !important; border: none !important; color: #000000 !important; font-size: 16px; } table.ui-datepicker-calendar tbody a.ui-state-active { background-color: var(--mf-blue) !important; color: var(--mf-white) !important; } table.ui-datepicker-calendar tbody td { background: transparent !important; } table.ui-datepicker-calendar td.disabledDate span { opacity: 1 !important; background: transparent !important; border: none !important; color: #D5D8DE !important; font-size: 16px; } .forminator-pagination[data-step="2"] .forminator-label { display: none !important; } .forminator-pagination[data-step="2"] .forminator-field { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; gap: 20px; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio { margin: 0 !important; width: calc((100% / 4) - (60px / 4)); display: flex; flex-direction: column; border: 1px solid var(--mf-grey); padding: 15px; border-radius: 10px; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio .forminator-radio-bullet { box-shadow: none !important; margin: 0 !important; border-radius: 10px !important; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio .forminator-radio-image { width: 100%; border: none !important; background: transparent !important; padding: 0 !important; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio .forminator-radio-image span { width: 100% !important; height: unset !important; aspect-ratio: 1/1; border-radius: 10px; background-position: center top !important; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio .forminator-radio-label { padding: 10px 0 0; font-size: 16px; text-transform: capitalize; color: var(--mf-text); } .forminator-pagination[data-step="2"] .forminator-pagination--content .forminator-row:last-child { padding-bottom: 50px; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(3) .forminator-label { display: none !important; } @media screen and (max-width: 1024px) { .forminator-custom-form.forminator-custom-form-386 { padding: 40px 50px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row { width: calc(50% - 15px) } .forminator-custom-form.forminator-custom-form-386 .forminator-row .book_an_appointment_form_label, #forminator-custom-form-386--page-0 .forminator-field .forminator-label { font-size: 20px !important; } } @media screen and (max-width: 767px) { .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row { width: 100% !important; } .forminator-custom-form.forminator-custom-form-386 #forminator-custom-form-386--page-1 .forminator-pagination--content .forminator-row:nth-child(3) { margin-top: 15px !important; margin-bottom: 40px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row .book_an_appointment_form_label, { #forminator-custom-form-386--page-0 .forminator-field .forminator-label font-size: 18px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row { -webkit-box-ordinal-group: unset !important; -moz-box-ordinal-group: unset !important; -ms-flex-order: unset !important; -webkit-order: unset !important; order: unset !important; width: 100%; } .forminator-custom-form.forminator-custom-form-386 { padding: 50px 20px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row:nth-child(4) { margin: 20px 0 30px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-button-submit { max-width: 100% !important; min-width: 100% !important; margin: 30px 0 0 !important; } .forminator-pagination[data-step="2"] .forminator-field { gap: 20px; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio { width: calc((100% / 2) - 10px); } .forminator-pagination[data-step="2"] .forminator-pagination--content .forminator-row:last-child { padding-bottom: 0 !important; } .forminator-pagination[data-step="2"] .forminator-field .forminator-radio .forminator-radio-label { padding: 10px 0 0; font-size: 14px; } .forminator-ui#forminator-module-386.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label { display: none !important; } } /* Our Department page */ .alphabet-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 20px; } .alphabet-links a.alphabet-link { font-size: 21px; line-height: normal; color: var(--mf-text); opacity: 0.4; pointer-events: none; font-weight: 600; } .alphabet-links a.alphabet-link.has-post { opacity: 1; pointer-events: all; } .department-filte-block .alphabet_list { max-width: 50%; margin-top: -17%; padding-bottom: 5%; } .search-section p { color: var(--mf-text); font-family: "TT Norms Pro", Sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; } .search-section .search-block { position: relative; max-width: 425px; } .search-section .search-block input.search-field { font-size: 16px; font-family: 'TT Norms Pro'; color: var(--mf-text); border: 1px solid #707070; border-radius: 50px; padding: 17px 50px 17px 20px; width: 100%; } .search-section .search-block img { position: absolute; top: 50%; right: 25px; transform: translateY(-50%); max-width: 25px; } .search-section .search-block button.clear-search { position: absolute; top: 110%; left: 20px; padding: 0; font-size: 12px; background: transparent; border: none; color: var(--mf-grey); display: flex; align-items: center; gap: 5px; display: none !important; } .expert-team h2.elementor-heading-title { white-space: nowrap; } .expert-team h2.elementor-heading-title b { font-style: normal; font-weight: bold; font-size: 16px; text-transform: uppercase; } .search-section { padding-bottom: 5%; } .search-section .search-block button.clear-search img { position: unset; max-width: 12px; transform: unset; } .elementor-container .departments_list { margin-bottom: 80px; } .departments_list .department-category-title h2 { font-size: 48px; font-weight: bold; color: var(--mf-text); margin: 0 0 30px; padding-bottom: 20px; border-bottom: 1px solid var(--mf-grey); } .departments_list .department-cards { display: flex; flex-wrap: wrap; gap: 50px; align-items: stretch; justify-content: flex-start; padding-bottom: 40px; } .departments_list .department-cards .department { width: calc((100% / 3) - (100px / 3)); box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 10px; } .departments_list .department-cards .content-block { padding: 0 25px 25px; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 190px); } .departments_list .department-cards .image-block { height: 190px; } .departments_list .department-cards .image-block img { height: 100%; width: 100%; -webkit-mask: url('data:image/svg+xml;utf8,'); mask: url('data:image/svg+xml;utf8,'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position: bottom right; object-fit: cover; object-position: center top; border-radius: 10px 10px 0 0; } .departments_list .department-cards .department-card { height: 100%; } .departments_list .department-cards .content-block h2 { font-family: 'TT Norms Pro'; font-size: 30px; font-weight: bold; line-height: 1; margin: 0; padding-bottom: 25px; min-height: 80px; } .departments_list .department-cards .content-block h2 span { display: block; font-family: 'TT Norms Pro'; font-size: 18px; font-weight: bold; line-height: normal; } .departments_list .department-cards .content-block p { font-family: 'TT Norms Pro'; font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0.8px; margin: 0; padding-bottom: 35px; } .departments_list .department-cards .content-block a { font-size: 14px; text-transform: uppercase; color: var(--mf-text); font-weight: 500; border: 1px solid var(--mf-text); padding: 10px 30px; border-radius: 50px; display: inline-block; } .departments_list .department-cards .content-block a:hover { color: var(--mf-white); background-color: var(--mf-text); } .procedures-and-conditions-card .content-block { display: flex; flex-direction: column; gap: 20px; justify-content: space-between; height: 100%; } .procedures-and-conditions-card { height: 100%; } .procedures-and-conditions-card .bottom { display: none; } .procedures-and-conditions-card .bottom a { font-size: 16px; font-family: 'TT Norms Pro'; color: var(--mf-text); padding-bottom: 3px; border-bottom: 1px solid var(--mf-grey); text-transform: uppercase; letter-spacing: 0.8px; } .all-department-page .elementor-container:last-child .departments_list { margin: 0; } .filter-by-location { display: flex; align-items: center; justify-content: flex-end; gap: 20px; transform: translateY(130%); z-index: 9; position: relative; } .filter-by-location h3 { margin: 0; font-size: 24px; font-family: 'TT Norms Pro'; } .filter-by-location .filter-items { display: flex; align-items: center; gap: 10px; } .filter-by-location .filter-items input[type='radio'] { display: none; } .filter-by-location .filter-items input[type='radio']+label { padding: 10px 20px; border: 1px solid #707070; border-radius: 30px; font-size: 16px; font-weight: 500; text-transform: uppercase; cursor: pointer; } .filter-by-location .filter-items input[type='radio']:checked+label { background-color: var(--mf-text); color: var(--mf-white); border-color: var(--mf-text); } .filter-by-location .filter-items input[type='radio']+label:hover { background-color: var(--mf-text); color: var(--mf-white); border-color: var(--mf-text); } .filter-by-location .mobile-dropdown input { display: none; } @media screen and (max-width: 767px) { .department-filte-block .alphabet_list { max-width: 100%; margin: 5% 0 0; } .filter-by-location .mobile-dropdown input[type="checkbox"]+label { padding: 7px 20px; border: 1px solid #707070 !important; display: inline-block; border-radius: 40px; cursor: pointer; } .filter-by-location .mobile-dropdown input+label h3 { font-size: 14px; display: flex; align-items: center; gap: 10px; } .filter-by-location .mobile-dropdown input[type="checkbox"]+label h3::before { content: ""; width: 14px; height: 14px; display: inline-block; background-image: url('https://mayflowerhospital.com/wp-content/uploads/2024/04/noun-filter-650046.svg'); background-repeat: no-repeat; background-size: contain; } .filter-by-location .mobile-dropdown input[type="checkbox"]+label h3::after { content: ""; width: 14px; height: 9px; display: inline-block; background-image: url('https://mayflowerhospital.com/wp-content/uploads/2024/04/Group-1684.svg'); background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .filter-by-location .mobile-dropdown input:checked+label h3::after { transform: rotate(180deg); } .filter-by-location { position: relative; } .filter-by-location .filter-items { position: absolute; top: 110%; right: 0; width: 234px; padding: 15px 20px; gap: 10px; border: 1px solid #707070; border-radius: 20px; background-color: var(--mf-white); flex-direction: column; overflow: hidden; height: 0; padding: 0; opacity: 0; pointer-events: none; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .filter-by-location .filter-items.open { height: auto; padding: 15px 20px; opacity: 1; pointer-events: all; } .filter-by-location .filter-items input[type='radio']+label { border: none; text-transform: capitalize; width: 100%; position: relative; padding-left: 35px; } .filter-by-location .filter-items .filter-item { width: 100%; } .filter-by-location .filter-items input[type='radio']:checked+label { background: transparent; color: inherit; border: none; } .filter-by-location .filter-items input[type='radio']+label::before { content: ""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid #707070; border-radius: 3px; background-color: var(--mf-pink); } .filter-by-location .filter-items input[type='radio']+label::after { content: ""; position: absolute; top: 50%; left: 4px; width: 12px; height: 6px; border: 3px solid var(--mf-white); display: inline-block; border-top: 0; border-right: 0; transform: translateY(-80%) rotate(-45deg); display: none; } .filter-by-location .filter-items input[type='radio']:checked+label::after { display: block; } .alphabet-links { gap: 12px; } .filter-by-location { transform: translateY(100%); } .departments_list .department-category-title h2 { font-size: 26px; } .search-section.department p { display: none; } .elementor-container .departments_list { margin-bottom: 20px; } .departments_list .department-cards .content-block h2 span { font-size: 14px; } .search-section .search-block input.search-field { padding: 11px 50px 11px 20px; } .search-section .search-block img { width: 22px; } .filter-and-search-section p { font-size: 12px !important; } } /* Department Single Page */ .mayflower-single-department .breadcrumb ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-bottom: 20px; } .mayflower-single-department .breadcrumb ul li.page:not(.current) { padding-right: 20px; position: relative; } .mayflower-single-department .breadcrumb ul li.page:not(.current)::after { content: ""; width: 6px; height: 6px; background-color: var(--mf-purple); position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; } .mayflower-single-department .breadcrumb ul li a { color: var(--mf-purple); line-height: normal; } .mayflower-single-department .breadcrumb ul li.current a { text-decoration: underline; } .department-banner { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 80px; border-bottom: 1px solid var(--mf-grey); } .department-banner .type-departments { width: 50%; } .department-banner .banner-image { width: 45%; } .department-banner .banner-image img { width: 100%; height: auto; border-radius: 15px; } .department-banner .type-departments h1.entry-title { font-size: 54px; font-family: 'TT Norms Pro'; font-weight: bold; margin: 0 0 40px; } .department-banner .type-departments p { font-size: 24px; font-family: 'TT Norms Pro'; line-height: 36px; } .mayflower-department-doctors .department-doctors { width: 100%; padding: 80px 0; border-bottom: 1px solid var(--mf-grey); } .section-title h2 { font-size: 48px; font-family: 'TT Norms Pro'; font-weight: bold; margin: 0 0 40px; } .filter-by.desktop-dropdown-section .desktop-dropdown input[type="checkbox"]+label { padding: 12.4px 25px; border: 1px solid #707070 !important; display: inline-block; border-radius: 40px; cursor: pointer; } .filter-by.desktop-dropdown-section .desktop-dropdown input+label h3 { font-size: 18px; display: flex; align-items: center; gap: 10px; margin: 0; text-transform: uppercase; letter-spacing: 0.7px; } .filter-by.desktop-dropdown-section .filter-items .filter-item input[type='radio'], .filter-by.desktop-dropdown-section .filter-items .filter-item input[type='checkbox'] { display: none; } .filter-by.desktop-dropdown-section .desktop-dropdown input[type="checkbox"]+label h3::before { content: ""; width: 17px; height: 17px; display: inline-block; background-image: url('https://mayflowerhospital.com/wp-content/uploads/2024/04/noun-filter-650046.svg'); background-repeat: no-repeat; background-size: contain; } .filter-by.desktop-dropdown-section .desktop-dropdown input[type="checkbox"]+label h3::after { content: ""; width: 14px; height: 9px; display: inline-block; background-image: url('https://mayflowerhospital.com/wp-content/uploads/2024/04/Group-1684.svg'); background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .filter-by.desktop-dropdown-section .desktop-dropdown input:checked+label h3::after { transform: rotate(180deg); } .filter-by.desktop-dropdown-section { position: relative; } .filter-by.desktop-dropdown-section .filter-items { position: absolute; top: 110%; right: 0; width: 234px; padding: 15px 20px; gap: 10px; border: 1px solid #707070; border-radius: 20px; background-color: var(--mf-white); display: flex; flex-direction: column; overflow: hidden; height: 0; padding: 0; opacity: 0; pointer-events: none; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; z-index: 2; } .filter-by.desktop-dropdown-section .filter-items.open { height: auto; padding: 15px 20px; opacity: 1; pointer-events: all; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label { border: none; text-transform: capitalize; width: 100%; position: relative; padding-left: 35px; } .filter-by.desktop-dropdown-section .filter-items .filter-item { width: 100%; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']:checked+label, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']:checked+label { background: transparent; color: inherit; border: none; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label::before, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label::before { content: ""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid #707070; border-radius: 3px; background-color: var(--mf-pink); } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label::after, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label::after { content: ""; position: absolute; top: 50%; left: 4px; width: 12px; height: 6px; border: 3px solid var(--mf-white); display: inline-block; border-top: 0; border-right: 0; transform: translateY(-80%) rotate(-45deg); display: none; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']:checked+label::after, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']:checked+label::after { display: block; } .filter-section button.clear-filters, .search-section button.clear-search { padding: 0; font-size: 12px; background: transparent; border: none; color: var(--mf-grey); display: flex; align-items: center; gap: 5px; } .filter-section button.clear-filters img, .search-section button.clear-search img { max-width: 12px; } .filter-section>p, .search-section>p { display: flex; align-items: center; gap: 30px; justify-content: space-between; } .filter-and-search-section { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 4%; } .filter-and-search-section p { margin-bottom: 10px; font-size: 16px; line-height: 20px; text-transform: uppercase; font-family: 'TT Norms Pro'; font-weight: bold; color: var(--mf-text); letter-spacing: 0.7px; } .desktop-dropdown label h3::before { display: none !important; } .filter-and-search-section input.search-field { padding: 11.2px 50px 11.2px 20px !important; } .filter-section .filter-dropdowns { display: flex; gap: 20px; } .filter-and-search-section .search-section .search-block>img { right: 4px; background-color: var(--mf-pink); max-width: 40px; height: 40px; border-radius: 50%; width: 100%; object-fit: scale-down; } .filter-and-search-section .filter-by { transform: none; } .filter-by .desktop-dropdown input[type="checkbox"] { display: none; } .filter-and-search-section .search-section { padding: 0; width: -webkit-fill-available; } .doctors-list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 30px; } .doctors-list .doctor { width: calc((100% / 4) - (90px / 4)); padding: 20px; min-height: 100%; border: 1px solid var(--mf-grey); border-radius: 10px; display: flex; flex-direction: column; gap: 18px; } .doctors-list .doctor img { width: 100%; border-radius: 10px; aspect-ratio: 1/1; object-fit: cover; object-position: center top; } .doctors-list .doctor .content-block { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .doctors-list .doctor h2 { font-size: 20px; font-family: 'TT Norms Pro'; font-weight: bold; color: var(--mf-black) !important; margin: 0 0 5px; } .doctors-list .doctor p { font-size: 18px; font-family: 'TT Norms Pro'; font-weight: normal; color: var(--mf-black) !important; margin: 0 0 15px; } .doctors-list .doctor .bottom a { color: var(--mf-black); padding-bottom: 3px; border-bottom: 1px solid var(--mf-grey); } .departments_list .button-block { display: flex; align-items: center; justify-content: center; } .doctors-list .doctor:hover { background-color: var(--mf-blue); } .doctors-list .doctor:hover h2, .doctors-list .doctor:hover p { color: var(--mf-white) !important; } .doctors-list .doctor:hover .bottom a { color: var(--mf-white); border-color: var(--mf-white); letter-spacing: 0.8px; } a.common-btn { display: inline-block; padding: 18px 40px; border: 1px solid var(--mf-pink); background-color: var(--mf-pink); font-size: 20px; font-family: 'TT Norms Pro'; text-transform: uppercase; font-weight: 500; border-radius: 50px; color: var(--mf-white); } a.common-btn:hover { background-color: var(--mf-white); color: var(--mf-pink); } .procedures-and-conditions { width: 100%; } .procedures-and-conditions .category-title { margin-bottom: 40px; } .procedures-and-conditions .category-title h2 { margin: 0; text-transform: lowercase; font-size: 28px; font-weight: normal; } .procedures-and-conditions .procedures-and-conditions-category-section { display: flex; flex-wrap: wrap; align-items: stretch; gap: 30px; justify-content: flex-start; padding-bottom: 90px; } .procedures-and-conditions .procedures-and-conditions-category-section article.procedures_and_conditions { width: calc((100% / 4) - (90px / 4)); min-height: 100%; padding: 25px; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 10px; } article.procedures_and_conditions h2 { margin: 0 0 20px; font-size: 24px; line-height: 32px; font-family: 'TT Norms Pro'; font-weight: bold; color: #333333; } article.procedures_and_conditions p { font-size: 18px; line-height: 28px; font-family: 'TT Norms Pro'; margin: 0; } .single-department-page { padding: 100px 0 0; } .mayflower-single-department .department-cards { padding-bottom: 50px; } .department-banner .type-departments p.desktop { display: block; } .department-banner .type-departments p.mobile { display: none; } @media screen and (max-width: 1200px) { .mayflower-single-department { padding: 0 20px; } .procedures-and-conditions .procedures-and-conditions-category-section article.procedures_and_conditions, .doctors-list .doctor { width: calc((100% / 3) - (60px / 3)); } } @media screen and (max-width: 1023px) { .department-banner .banner-image img { aspect-ratio: 5/4.5; object-fit: cover; } .department-banner .type-departments h1.entry-title { font-size: 40px; margin-bottom: 20px; } .department-banner .type-departments p { font-size: 20px; line-height: 30px; } .section-title h2 { font-size: 32px; } .procedures-and-conditions .procedures-and-conditions-category-section article.procedures_and_conditions, .doctors-list .doctor, .departments_list .department-cards .department { width: calc((100% / 2) - (30px / 2)); } .filter-and-search-section { flex-wrap: wrap; gap: 40px; padding-bottom: 40px; } } @media screen and (max-width: 767px) { .single-department-page .breadcrumb { display: none; } .single-department-page { padding: 20px 0 0; } .department-banner { flex-direction: column-reverse; gap: 20px; padding-bottom: 30px; } .department-banner .type-departments { width: 100%; } .department-banner .banner-image { width: 100%; } .department-banner .type-departments h1.entry-title { font-size: 32px; margin-bottom: 15px; } .department-banner .type-departments p { font-size: 18px; line-height: 28px; } .mayflower-department-doctors .department-doctors { padding: 30px 0; } .section-title h2 { font-size: 24px; margin-bottom: 30px; } .doctors-list .doctor { min-width: 240px; } .doctors-list { flex-wrap: nowrap; overflow-x: auto; } .doctors-list .doctor h2 { font-size: 18px; } .doctors-list .doctor p { font-size: 16px; } .procedures-and-conditions .procedures-and-conditions-category-section { flex-wrap: nowrap; overflow-x: auto; } .procedures-and-conditions .procedures-and-conditions-category-section article.procedures_and_conditions { min-width: 300px; } article.procedures_and_conditions h2 { font-size: 18px; } article.procedures_and_conditions p { font-size: 16px; } .departments_list .department-cards { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; padding: 0 20px 40px; } .departments_list .department-cards .department { min-width: 300px; } .departments_list .department-cards .content-block h2 { font-size: 18px; line-height: 24px; min-height: 70px; } .departments_list .department-cards .content-block p { font-size: 16px; } .mayflower-single-department .department-cards { padding-bottom: 30px; } .procedures-and-conditions .procedures-and-conditions-category-section { padding: 0 20px 45px; margin: 0 -20px; } .procedures-and-conditions .category-title { margin-bottom: 20px; } a.common-btn { padding: 14px 30px; font-size: 16px; } .filter-by.desktop-dropdown-section .desktop-dropdown input+label h3 { font-size: 12px; } .filter-by.desktop-dropdown-section .desktop-dropdown input[type="checkbox"]+label { padding: 7px 10px; } .filter-by.desktop-dropdown-section .desktop-dropdown input[type="checkbox"]+label h3::after { width: 10px; } .filter-section .filter-dropdowns { gap: 6px; } .filter-by.desktop-dropdown-section .filter-items { left: 0; padding: 15px !important; border-radius: 10px; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label { font-size: 12px; padding-left: 25px; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label::before, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label::before { width: 15px; height: 15px; } .filter-by.desktop-dropdown-section .filter-items input[type='radio']+label::after, .filter-by.desktop-dropdown-section .filter-items input[type='checkbox']+label::after { width: 9px; height: 5px; transform: translateY(-60%) rotate(-45deg); border-width: 2px; left: 3px; } /* .filter-by.desktop-dropdown-section .filter-items.open#qualification-filter { left: unset; right: 0; } */ .filter-and-search-section .filter-section { width: 100%; } .doctors-list-block { overflow: hidden; } .department-banner .type-departments p.desktop { display: none; } .department-banner .type-departments p.mobile { display: block; } } /* Home Page Doctoe Video Slider */ .doctor-video-slider .image-overlay { position: relative; } .doctor-video-slider .image-overlay img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 10px; } .doctor-video-slider .image-overlay .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 60px; border-radius: 10px; padding: 70px; background: linear-gradient(90deg, rgba(26, 41, 66, 1) 0%, rgba(255, 255, 255, 0) 70%); } .doctor-video-slider .image-overlay .content p.description { max-width: 60%; color: var(--mf-white); font-size: 24px; line-height: 36px; font-family: 'TT Norms Pro'; letter-spacing: 1.3px; } .doctor-video-slider .image-overlay .content h2.name { display: flex; flex-direction: column; color: var(--mf-white); margin: 0; gap: 10px; font-family: 'TT Norms Pro'; font-weight: bold; cursor: pointer; } .doctor-video-slider .image-overlay .content h2.name span { font-size: 36px; } .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button { display: flex; gap: 20px; font-size: 48px; } .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button img { aspect-ratio: 1/1; object-fit: contain; width: 35px; } .doctor-video-slider .video-slide { position: relative; } .doctor-video-slider .video-slide .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; z-index: -1; } .doctor-video-slider .video-slide .video iframe { aspect-ratio: 16/9; height: unset; border-radius: 10px; } .thumbnail-and-arrows { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px; } .thumbnail-and-arrows .navigation { width: 20%; } .thumbnail-and-arrows .doctor-video-thumbnail-slider { width: 75%; } .thumbnail-and-arrows .navigation h2 { font-weight: bold; font-size: 48px; font-family: 'TT Norms Pro'; color: var(--mf-text); margin: 0 0 20px; } .thumbnail-and-arrows .navigation .slider-arrows { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .video-thumbnail .image-block { position: relative; margin-bottom: 5px; } .video-thumbnail .image-block img { aspect-ratio: 16/9; border-radius: 10px; object-fit: cover; } .video-thumbnail .image-block img.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; object-fit: contain; height: 50px; } .video-thumbnail .content-block { margin-top: 10px; } .video-thumbnail .content-block p.name { margin: 0; font-size: 18px; font-family: 'TT Norms Pro'; color: var(--mf-text); font-weight: 500; text-transform: uppercase; } .video-thumbnail .content-block p.designation { text-transform: capitalize; margin: 0; letter-spacing: 1px; } .thumbnail-and-arrows .navigation .slider-arrows a { cursor: pointer; } .doctor-video-thumbnail-slider .slick-list { margin: 0 -15px; } .doctor-video-thumbnail-slider .slick-slide { margin-right: 15px; margin-left: 15px; } @media screen and (max-width: 1199px) { .doctor-video-slider .image-overlay .content p.description { display: none; } .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button { font-size: 32px; } .doctor-video-slider .image-overlay .content h2.name span { font-size: 28px; } .thumbnail-and-arrows .navigation { display: none; } .thumbnail-and-arrows .doctor-video-thumbnail-slider { width: 100%; } .doctor-video-slider .image-overlay .content { padding: 40px; } } @media screen and (max-width: 767px) { .doctor-video-thumbnail-slider .slick-slide { transform: translateX(-55%); } .thumbnail-and-arrows { padding-top: 30px; } .doctor-video-slider .image-overlay .content { padding: 40px 20px; justify-content: flex-start; } .doctor-video-slider .image-overlay .content h2.name span { font-size: 16px; } .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button { font-size: 22px; gap: 5px; } .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button img { width: 17px; } .doctor-video-slider .image-overlay .content h2.name { gap: 5px; } .video-thumbnail .content-block p.name { font-size: 14px; margin: 0; } .video-thumbnail .content-block p.designation { font-size: 14px; } .forminator-ui.forminator-custom-form-386.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-footer button { min-width: 100% !important; } .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-footer button { min-width: 100% !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-row input, .forminator-custom-form.forminator-custom-form-386 .forminator-row .select2-selection { min-height: 45px !important; } label.forminator-radio input[type='radio']+span.forminator-radio-bullet+span.forminator-radio-label { padding: 12.5px 20px; } label.forminator-radio { min-height: 45px; } .forminator-ui#forminator-module-419.forminator-design--default .forminator-input { text-align: center; } } /* Footer Newsletter CSS */ .footer-newsletter .forminator-custom-form.forminator-custom-form-419 .forminator-col input { background-color: var(--mf-white) !important; } .footer-newsletter .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit { width: 100%; background-color: var(--mf-purple) !important; border-color: var(--mf-purple) !important; text-align: left; } footer .footer-newsletter .forminator-custom-form.forminator-custom-form-419 .forminator-row, footer .footer-newsletter .forminator-custom-form.forminator-custom-form-419 .forminator-col { width: 100%; } .footer-newsletter .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit:hover { background-color: var(--mf-white) !important; color: var(--mf-purple) !important; } .footer-newsletter .forminator-custom-form.forminator-custom-form-419 .forminator-col input { width: 100% !important; min-width: unset !important; } .footer-newsletter .forminator-custom-form.forminator-custom-form-419 { gap: 15px; } /* IVF Page */ .ivf-blogs-list .elementor-container { overflow-x: auto; padding-bottom: 30px; } .ivf-blogs-list .elementor-column { min-width: 460px; } .horizontal-scroll-section { margin: 0 -20px; width: calc(100% + 40px) !important; } .horizontal-scroll-section>.elementor-container { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0; } @media screen and (max-width: 767px) { .ivf-blogs-list .elementor-column { min-width: unset; } .ivf-blogs-list .elementor-column:not(:last-child) { margin-bottom: 20px; } .horizontal-scroll-section .elementor-container { overflow-x: auto; display: flex; flex-wrap: nowrap; gap: 30px; margin: 0 -20px; padding: 0 20px 30px; } .horizontal-scroll-section .elementor-container .elementor-column { min-width: 280px; } .horizontal-scroll-section { margin: 0; width: 100% !important; } } /* Newsletter Page */ .newsletter-tabs .elementor-tabs-wrapper { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 5px solid var(--mf-purple); } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title { width: -webkit-fill-available; border: 2px solid var(--mf-grey) !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0; padding: 20px 50px; color: var(--mf-text); } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title { font-weight: 500; letter-spacing: 1px; } .elementor-widget-tabs .elementor-tab-content { padding-left: 0 !important; padding-right: 0 !important; } .elementor-widget-tabs .elementor-tab-content .elementor-widget-wrap { padding-left: 0; padding-right: 0; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active { background-color: var(--mf-purple); color: var(--mf-white); } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 { justify-content: center; gap: 0; box-shadow: 0 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 50px !important; max-width: fit-content; margin: 0 auto !important; } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col input { min-width: 350px !important; border-radius: 50px 0 0 50px !important; border-right: 0 !important; border-color: var(--mf-purple) !important; } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button { min-width: 200px; margin-left: -25px; background-color: var(--mf-purple) !important; } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col button.forminator-button:hover { background-color: var(--mf-white) !important; color: var(--mf-purple) !important; } .social-media-links .elementor-social-icon svg { opacity: 35%; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title .tab-title-image { display: none; } @media screen and (max-width: 767px) { .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col input { min-width: calc(100% - 150px) !important; } .newsletter-page-signup .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit { min-width: 150px !important; margin-bottom: 0 !important; } .newsletter-tabs .elementor-tab-title.elementor-tab-mobile-title { display: none; } .newsletter-tabs .elementor-tabs-wrapper { display: flex !important; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title { padding: 20px 20px; width: -webkit-fill-available !important; text-align: center; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title .tab-title-image { display: block; display: block; width: 55px; height: 55px; margin: 0 auto 10px; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title .tab-title-image img { width: 55px; height: 55px; object-fit: cover; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active { background-color: var(--mf-white); color: var(--mf-text); } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active .tab-title-image { display: block; width: 55px; height: 55px; margin: 0 auto 10px; background-color: var(--mf-purple); border-radius: 50%; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active .tab-title-image img { filter: brightness(5.5); } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title { border: none !important; border-bottom: 3px solid transparent !important; } .newsletter-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active { border: none !important; border-bottom: 3px solid var(--mf-purple) !important; } .newsletter-tabs .elementor-tabs-wrapper { border-bottom: 2px solid var(--mf-grey); } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-row:nth-child(2) { width: calc(100% - 125px); } } /* Doctors Listing Page */ .spinner-border { display: inline-block; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 50%; border-top-color: #000; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .doctors-list-block .load-more { padding-top: 3%; text-align: center; } .doctors-list-block { padding-bottom: 5%; } @media screen and (max-width: 767px) { .doctors-list.no-wrap { flex-wrap: wrap; overflow: hidden; gap: 7px; row-gap: 12px; } .doctors-list-block .load-more { padding-top: 10%; } .doctors-list.no-wrap .doctor { min-width: unset; width: calc((100% / 2) - (7px / 2)); padding: 12px; } .doctors-list.no-wrap .doctor h2 { font-size: 16px; } .doctors-list.no-wrap .doctor p { font-size: 14px; } .doctors-list.no-wrap .doctor a { font-size: 12px; } .doctors-list-block .load-more button { padding: 12px 30px; font-size: 14px; } } /* Single Doctor Page */ .single-doctor-banner { display: flex; align-items: stretch; gap: 30px; flex-wrap: wrap; width: 100%; } .single-doctor-banner .banner-image { width: calc(30% - 15px); } .single-doctor-banner .banner-image img { width: 100%; border-radius: 9px; aspect-ratio: 4/5; object-fit: cover; object-position: center top; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); } .single-doctor-banner .mf_doctors { width: calc(70% - 15px); display: flex; flex-direction: column; gap: 30px; } .single-doctor-banner .entry-header { display: flex; /* flex-wrap: wrap; */ align-items: stretch; justify-content: space-between; gap: 20px; } .single-doctor-banner .entry-header .column.designation { display: none; width: 100%; } .single-doctor-banner .entry-header .column { box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 9px; padding: 25px 15px; /* width: calc((100% / 3) - (40px / 3)); */ width: -webkit-fill-available; display: flex; align-items: center; flex-direction: column; justify-content: center; } .single-doctor-banner .entry-header .column.experience p, .single-doctor-banner .entry-header .column.surgeries p { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; font-size: 16px; text-transform: uppercase; font-family: 'TT Norms Pro'; font-weight: 600; margin: 0; line-height: normal; } .single-doctor-banner .entry-header .column.experience p span, .single-doctor-banner .entry-header .column.surgeries p span { font-size: 36px; color: var(--mf-pink); letter-spacing: -3px; line-height: 1; margin-bottom: 5px; } .single-doctor-banner .entry-header .column.degrees p { margin: 0; font-family: 'TT Norms Pro'; font-size: 18px; text-transform: uppercase; font-weight: 400; } .single-doctor-banner .mf_doctors .entry-content { height: -webkit-fill-available; padding: 20px 40px; border-radius: 9px; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); display: flex; align-items: center; justify-content: center; } .single-doctor-banner .mf_doctors .entry-content p { margin: 0; font-size: 18px; font-family: 'TT Norms Pro'; font-weight: normal; } .doctors-awards-block { width: 100%; margin: 100px 0; padding: 60px 50px; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 9px; } .awards-slider .slick-slider { margin: 0 -15px; } .awards-slider .slick-slide { margin-right: 15px; margin-left: 15px; } .awards-slider .slick-list { margin: 0 20px; } .awards-slider button.slick-arrow { font-size: 0; padding: 0; background: transparent; border: none; transform: translateY(-50%); } .awards-slider button.slick-arrow::before { content: ""; display: block; width: 13px; height: 13px; border: 2px solid #000; border-top: 0; border-right: 0; transform: rotate(45deg); } .awards-slider button.slick-arrow.slick-next::before { transform: rotate(-135deg); } .doctor-gallery-and-achievements { display: flex; align-items: stretch; justify-content: space-between; gap: 30px; max-width: 100%; padding-bottom: 100px; } .doctor-gallery-and-achievements .single-doctor-gallery { width: calc(65% - 15px); padding: 30px; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 15px; } .doctor-gallery-and-achievements .single-doctor-achievements { width: calc(35% - 15px); padding: 30px; box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 15px; } .achievements-block .achievement { display: flex; align-items: flex-start; gap: 20px; justify-content: flex-start; } .achievements-block .achievement p { margin: 0; font-size: 26px; line-height: 36px; font-family: 'TT Norms Pro'; } .achievements-block .achievement img { margin-top: 5px; } .achievements-block { display: flex; flex-direction: column; gap: 50px; } .gallery-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .gallery-slide { max-width: 100%; display: grid !important; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: repeat(10, 70px); grid-gap: 15px; grid-template-areas: "img1 img2 img3 img3" "img1 img2 img3 img3" "img1 img4 img3 img3" "img5 img4 img3 img3" "img5 img4 img3 img3" "img6 img6 img6 img7" "img6 img6 img6 img7" "img6 img6 img6 img7" "img6 img6 img6 img8" "img6 img6 img6 img8" } .gallery-slide img:nth-child(1) { grid-area: img1; } .gallery-slide img:nth-child(2) { grid-area: img2; } .gallery-slide img:nth-child(3) { grid-area: img3; } .gallery-slide img:nth-child(4) { grid-area: img4; } .gallery-slide img:nth-child(5) { grid-area: img5; } .gallery-slide img:nth-child(6) { grid-area: img6; } .gallery-slide img:nth-child(7) { grid-area: img7; } .gallery-slide img:nth-child(8) { grid-area: img8; } .gallery-images .slick-list { margin: 0 20px; } .gallery-images button.slick-arrow { font-size: 0; padding: 0; background: transparent; border: none; transform: translateY(-50%); } .gallery-images button.slick-arrow::before { content: ""; display: block; width: 13px; height: 13px; border: 2px solid #000; border-top: 0; border-right: 0; transform: rotate(45deg); } .gallery-images button.slick-arrow.slick-next::before { transform: rotate(-135deg); } .doctor-gallery-and-achievements.mobile-only { display: none; } .dictor-details.mobile-only { display: none; } .book-an-appointment-block label.forminator-label { display: none !important; } .book-an-appointment-block span.select2-selection { background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 0px 0px #00000029 !important; border: 1px solid var(--mf-blue) !important; border-radius: 9px !important; opacity: 1 !important; width: 100% !important; height: 55px !important; padding-left: 0 !important; font-family: 'TT Norms Pro' !important; font-size: 18px !important; color: #000000 !important; } .book-an-appointment-block .forminator-input-with-icon>label { display: none; } .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field { flex-wrap: wrap; } .book-an-appointment-block .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field, .book-an-appointment-block .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field .forminator-input-with-icon, .book-an-appointment-block .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field .forminator-input-with-icon input { width: 100% !important; } .book-an-appointment-block .apply_now_form .forminator-input { width: 100% !important; } .book-an-appointment-block .apply_now_form .forminator-ui.forminator-custom-form[data-design=default] .forminator-field .forminator-input-with-icon input { padding-left: 20px !important; } .forminator-custom-form.forminator-custom-form-3788 span.select2-selection__rendered { padding-left: 25px !important; } .dictor-details h2 { font-size: 48px; font-weight: bold; font-family: 'TT Norms Pro'; margin: 0 0 20px; } .dictor-details p.degrees.mobile-only { display: none; } .doctors-Testimonials-block { max-width: 100%; padding-bottom: 50px; } .Testimonials-slider .testimonial { padding-bottom: 20px; } .Testimonials-slider .testimonial .stars { display: flex; align-items: center; justify-content: center; gap: 10px; padding-bottom: 20px; } .Testimonials-slider .testimonial .stars img { max-width: 25px; } .Testimonials-slider .description { text-align: center; display: flex; flex-direction: column; gap: 30px; } .Testimonials-slider .description p { font-size: 18px; font-family: 'TT Norms Pro'; margin: 0; } .Testimonials-slider .description p:last-child { font-style: italic; } .doctors-Testimonials-block .section-title h2 { text-align: center; } .doctors-Testimonials-block ul.slick-dots { display: flex; align-items: center; justify-content: center; gap: 15px; } .doctors-Testimonials-block ul.slick-dots button { padding: 0 !important; width: 10px; height: 10px; background-color: var(--mf-grey); } .doctors-Testimonials-block ul.slick-dots li { margin: 0; height: unset; width: unset; } .doctors-Testimonials-block ul.slick-dots button::before { display: none !important; } .doctors-Testimonials-block ul.slick-dots .slick-active button { width: 14px; height: 14px; background-color: var(--mf-text); } .doctor-published-articles { padding-bottom: 100px; } .doctor-published-articles .articles-list { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; row-gap: 30px; } .doctor-published-articles .articles-list .post { width: calc((100% / 2) - 15px); box-shadow: 9px 9px 35px 0 rgba(0 0 0 / 16%); border-radius: 10px; } .doctor-published-articles .articles-list .post .image-block img, .card_text_elipse.blogs-images img { height: 220px; width: 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='572.729' height='187.318' viewBox='0 0 572.729 187.318'%3E%3Cpath id='Union_87' data-name='Union 87' d='M501.366,186.081,485.056,169H0V9A9,9,0,0,1,9,0H563.729a9,9,0,0,1,9,9V169H523.463l-16.311,17.081a4,4,0,0,1-5.786,0Z'/%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='572.729' height='187.318' viewBox='0 0 572.729 187.318'%3E%3Cpath id='Union_87' data-name='Union 87' d='M501.366,186.081,485.056,169H0V9A9,9,0,0,1,9,0H563.729a9,9,0,0,1,9,9V169H523.463l-16.311,17.081a4,4,0,0,1-5.786,0Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position: bottom right; object-fit: cover; object-position: center top; border-radius: 10px 10px 0 0; } .doctor-published-articles .articles-list .content-block { padding: 0 25px 25px; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 220px); } .doctor-published-articles .articles-list .content-block h2 { margin: 0 0 18px; font-size: 24px; } .doctor-published-articles .articles-list .content-block p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .doctor-published-articles .articles-list .content-block a { color: var(--mf-black); padding-bottom: 3px; border-bottom: 1px solid var(--mf-grey); } .doctors-Testimonials-block { display: none; } .fellowship-programs-select input[type="text"] { display: none !important; } @media screen and (max-width: 1023px) { .single-doctor-banner .banner-image { width: 100%; } .single-doctor-banner .banner-image img { aspect-ratio: 1/1; } .single-doctor-banner .mf_doctors { width: 100%; } .doctor-gallery-and-achievements { flex-wrap: wrap; } .doctor-gallery-and-achievements .single-doctor-gallery { width: 100%; } .doctor-gallery-and-achievements .single-doctor-achievements { width: 100%; } } @media screen and (max-width: 767px) { .single-doctor-banner .entry-header { flex-wrap: wrap; } .single-doctor-banner .entry-header .column.degrees { display: none; } .single-doctor-banner .entry-header .column:not(.both) { width: -webkit-fill-available; } .single-doctor-banner .entry-header .column.experience p, .single-doctor-banner .entry-header .column.surgeries p { flex-direction: column; align-items: flex-start; gap: 5px; } .single-doctor-banner .entry-header .column { padding: 15px 10px; width: calc(50% - 10px); } .single-doctor-banner .entry-header .column.designation { padding: 25px 10px; } .single-doctor-banner .entry-header .column.designation p { text-align: center; margin: 0; text-transform: uppercase; color: var(--mf-black); font-weight: 600; } .single-doctor-banner .mf_doctors .entry-content { padding: 20px; } .awards-slider .slick-list { margin: 0; } .doctors-awards-block { margin: 50px 0; padding: 30px; } .section-title h2 { text-align: center; } .doctors-awards-block .doctor-awards { padding: 0 30px; } .doctor-gallery-and-achievements.desktop-only { display: none; } .doctor-gallery-and-achievements.mobile-only { display: block; padding-bottom: 30px; } .doctor-gallery-and-achievements .single-doctor-gallery { padding: 15px; } .doctor-gallery-and-achievements .single-doctor-achievements { margin: 30px 0; } .doctor-published-articles { border-top: 1px solid var(--mf-grey); padding-top: 30px; } .doctor-published-articles .section-title h2 { text-align: left; } .achievements-block .achievement p { font-size: 14px; line-height: 22px; } .achievements-block { gap: 30px; } .gallery-images-mobile button { background: var(--mf-white); color: var(--mf-text); font-weight: normal; padding: 10px 30px; border-color: var(--mf-grey); font-size: 16px; } .gallery-images-mobile { display: flex; flex-direction: column; align-items: center; gap: 30px; } .gallery-images-mobile .image-group { max-width: 100%; display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(5, 75px) 200px; grid-gap: 15px; grid-template-areas: "img1 img2" "img1 img2" "img1 img4" "img3 img4" "img3 img4" "img5 img5" } .gallery-images-mobile .image-group img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .gallery-images-mobile .image-group img:nth-child(n + 1) { grid-area: img1; } .gallery-images-mobile .image-group img:nth-child(n + 2) { grid-area: img2; } .gallery-images-mobile .image-group img:nth-child(n + 3) { grid-area: img3; } .gallery-images-mobile .image-group img:nth-child(n + 4) { grid-area: img4; } .gallery-images-mobile .image-group img:nth-child(n + 5) { grid-area: img5; } .gallery-images-mobile .image-group:not(:last-child) { margin-bottom: 15px; } .dictor-details.mobile-only { display: block; padding-bottom: 15px; } .dictor-details.mobile-only h2 { margin: 0; font-size: 36px; color: var(--mf-text); } .dictor-details.mobile-only p { margin: 0; text-transform: uppercase; font-size: 18px; } .book-an-appointment-block span.select2-selection { height: 46px !important; border-radius: 50px !important; } .book-an-appointment-block .apply_now_form .forminator-button-submit, .book-an-appointment-block .forminator-row .forminator-col { max-width: 100% !important; width: 100% !important; } .book-an-appointment-block .apply_now_form .forminator-button-submit { padding: 12px 15px !important; } .apply_now_form .forminator-input { padding-left: 0; } .dictor-details p.degrees.mobile-only { display: block; } .book-an-appointment-block .apply_now_form { width: 100%; } .book-an-appointment-block .apply_now_form .forminator-input { padding-left: 20px !important; } .dictor-details h2 { font-size: 36px; margin: 0 0 10px; } .doctor-published-articles .articles-list { gap: 20px; } .doctor-published-articles .articles-list .post { width: 100%; } .doctors-Testimonials-block { display: block; } } /* Book An Appointment */ .forminator-pagination[data-step="3"] .forminator-label { display: none !important; } .forminator-pagination[data-step="3"] .forminator-row h3 { display: none; } .forminator-pagination[data-step="3"] .forminator-row p { font-size: 24px; color: #5C5C5C; font-family: 'TT Norms Pro'; } .forminator-pagination[data-step="3"] .forminator-pagination--content { display: flex; flex-wrap: wrap; justify-content: space-between; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row { margin-right: 0 !important; margin-left: 0 !important; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:first-child { width: 100%; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(2), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(3), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(4), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(5) { width: 45%; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:last-child, .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-last-child(2), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-last-child(3), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-last-child(4) { width: 100%; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-last-child(3) { padding-top: 50px; } .forminator-custom-form.forminator-custom-form-386 .getting_doctor_name input.forminator-input, .forminator-custom-form.forminator-custom-form-386 .getting_doctor_name input.forminator-label { visibility: hidden !important; height: 0 !important; width: 0 !important; pointer-events: none !important; min-height: unset !important; } .getting_doctor_name .forminator-field { flex-direction: column-reverse; } .forminator-pagination[data-step="2"] .forminator-field .doctor_options_section { width: 100%; } .forminator-pagination[data-step="2"] .forminator-field .doctor_options_section.hidden { display: none; } .forminator-pagination[data-step="2"] .forminator-field .doctor_options_section.open { display: block; } .doctor_options_section .department-title h2 { margin: 0 0 10px; font-size: 16px; text-transform: uppercase; color: rgba(0 0 0 / 40%); } .doctor_options_section .doctors-cards { display: flex; flex-wrap: wrap; gap: 20px; } .forminator-ui .forminator-pagination { width: 100%; } .forminator-pagination[data-step="2"] .doctor_options_section:not(:last-child) { padding-bottom: 30px; } .forminator-custom-form.slot-secured { background-image: url(https://mayflowerhospital.com/wp-content/uploads/2024/04/Path-1946.png); background-size: 400px; background-repeat: no-repeat; background-position: 98% 95%; } .load-more button.hidden { display: none; } .forminator-ui#forminator-module-386 #forminator-custom-form-386--page-0 .forminator-radio { width: 48%; } @media screen and (max-width: 767px) { .forminator-ui#forminator-module-386 #forminator-custom-form-386--page-0 .forminator-radio { width: 100%; } .forminator-custom-form.slot-secured { background-size: 95%; background-position: center 95%; } .forminator-pagination-footer .forminator-button-next { max-width: 200px !important; min-width: 200px !important; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(2), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(3), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(4), .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-child(5) { width: 100%; } .forminator-pagination[data-step="3"] .forminator-row h3 { display: block; } .forminator-pagination[data-step="3"] .forminator-row p { font-size: 18px; color: #838383; } .forminator-pagination[data-step="3"] .forminator-pagination--content .forminator-row:nth-last-child(2) { padding-top: 100px; } .ivf-blogs-list .elementor-section .elementor-container { padding: 0 20px 30px; margin: 0 -20px; } .procedures-and-conditions-card .bottom { display: block; } .single-doctor-banner .entry-header .column.designation { display: block; } } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow i.fa { display: none; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow::after { content: ""; width: 10px; height: 7px; background-image: url(https://mayflowerhospital.com/wp-content/uploads/2024/04/Group-1684.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .elementor-button * { transition: none; } .card_image_hover .elementor-widget-container { overflow: hidden; border-radius: 10px; } .card_image_hover .elementor-widget-container:hover img { transform: scale(1.1); } .date-picker-icon .forminator-field { position: relative; } .date-picker-icon .forminator-field::after { content: "⌄"; line-height: 1; font-family: forminator-icons-font !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; letter-spacing: 0; -webkit-font-feature-settings: "liga" 1; font-feature-settings: "liga" 1; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(0, 0, 0, 0.36) !important; font-size: 12px !important; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .date-picker-icon .forminator-field.forminator-is_active::after { transform: translateY(-50%) rotate(180deg); } body .apply_now_form .forminator-ui [class*=forminator-icon-]:before, body .forminator-ui [class^=forminator-icon-]:before { font-size: 12px !important; } .forminator-custom-form.forminator-custom-form-386 .forminator-pagination-footer { margin-top: 100px !important; } .breadcrumbs li.elementor-icon-list-item:last-child span { text-decoration: underline; } .section-title.doctors h2 { margin-bottom: 30px; } .doctors-list-block .load-more button { background-color: var(--mf-white); color: var(--mf-text); border-color: var(--mf-text); border-width: 1px; padding: 17px 40px; } .doctors-list-block .load-more button:hover { background-color: var(--mf-text); color: var(--mf-white); border-color: var(--mf-text); } .doctors-block .elementor-column:hover .elementor-widget-wrap { background-color: var(--mf-blue); } .doctors-block .elementor-column:hover h2.elementor-heading-title { color: var(--mf-white); } .doctors-block .elementor-column:hover p { color: var(--mf-white); } .doctors-block .elementor-column:hover .elementor-icon-list-text { color: var(--mf-white); } .forminator-pagination[data-step="3"] h3 { display: none !important; } .forminator-custom-form.slot-secured .forminator-pagination-footer { margin-top: 30px !important; } .forminator-custom-form.slot-secured .forminator-row:nth-last-child(2) { margin-bottom: 0 !important; } .image-block-section figure.elementor-image-box-img { margin-top: 6px !important; } h3.faq-title.top-question-title span.arrow { transform: rotate(90deg); margin: 0; } h3.faq-title.top-question-title.active span.arrow { transform: rotate(180deg); } .search-container .search-button { box-shadow: 0px 3px 6px #00000029; } .forminator-ui#forminator-module-419.forminator-design--default .forminator-button-submit { border-color: var(--mf-text) !important; background-color: var(--mf-text) !important; } .apply_now_form .forminator-ui#forminator-module-2812.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] { padding-left: 10px !important; } .apply_now_form .forminator-ui#forminator-module-2812.forminator-design--default .forminator-button-upload { border: none !important; } .purple_polygone::after, .pink_polygone::after, .sky_polygone::after, .blue_polygone::after { top: 11px !important; z-index: -1; border-radius: 7px; } .faqs-block .elementskit-card { margin: 0 !important; } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col .forminator-field { position: relative; } .newsletter-page-signup .forminator-custom-form.forminator-custom-form-419 .forminator-col span.forminator-error-message { position: absolute; bottom: 0; transform: translateY(120%); } .no-result { padding-top: 150px; text-align: center; } .no-result .no-result-error h2 { font-size: 42px; color: var(--mf-blue); } .no-result .no-result-error h2 span { color: red; } @media screen and (max-width: 767px) { .forminator-custom-form.slot-secured .forminator-pagination-footer { margin-top: 0 !important; } .no-result .no-result-error h2 { font-size: 24px; color: var(--mf-blue); } body .apply_now_form .forminator-input { padding-left: 20px !important; } } .forminator-pagination-steps .forminator-break::before { background-color: var(--mf-blue) !important; } .forminator-pagination-steps .forminator-step .forminator-step-label { white-space: nowrap !important; color: var(--mf-blue) !important; font-size: 14px !important; } .forminator-pagination-steps .forminator-step.forminator-current~.forminator-step .forminator-step-label { color: #777771 !important; } .forminator-pagination-steps .forminator-step .forminator-step-dot { background-color: var(--mf-blue) !important; } .forminator-pagination-steps .forminator-step.forminator-current~.forminator-step .forminator-step-dot { background-color: #777771 !important; } .select-doctor-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; width: 100%; margin-bottom: 30px; } .select-doctor-filter .filter-label p { font-size: 20px; font-weight: 500; margin: 0; } .select-doctor-filter button.clear-filters { padding: 0; font-size: 12px; background: transparent; border: none; color: var(--mf-grey); display: flex; align-items: center; gap: 5px; } .select-doctor-filter button.clear-filters img { max-width: 12px; } .select-doctor-filter button.clear-filters.hidden { display: none; } .pick-a-doctor-load-more { width: 100%; display: flex; align-items: center; justify-content: center; } .pick-a-doctor-load-more button { padding: 12px 30px; background: transparent; color: var(--mf-purple); font-weight: normal; border-width: 1px; font-size: 16px; display: flex; align-items: center; gap: 10px; } .pick-a-doctor-load-more button:hover { background: var(--mf-purple); color: var(--mf-white); } @media screen and (max-width: 767px) { .forminator-pagination-steps { display: flex !important; align-items: flex-end; justify-content: space-between; } .forminator-pagination-steps button { display: flex !important; flex-direction: column !important; height: unset !important; width: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .forminator-pagination-steps .forminator-break { display: block !important; } .forminator-pagination-steps .forminator-break { width: auto !important; height: 1px !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 7px 0 !important; } .forminator-pagination-steps button span.forminator-step-dot { margin: 0 !important; } .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-break { height: 1px !important; } .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-break:before { width: 100%; height: 3px; top: -1px; left: 0; } .forminator-pagination-steps .forminator-break:first-child, .forminator-pagination-steps .forminator-break:last-child { max-width: 35px; } } .forminator-custom-form-3788 .selected-doctor-name { display: none; } .forminator-col.select-dynamic-doctors { display: flex; gap: 30px; align-items: start; justify-content: space-between; } .forminator-col.select-dynamic-doctors select#doctors-page-select-doctor, .fellowship-programs-select select#doctors-page-select-doctor { background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 0px 0px #00000029 !important; border: 1px solid var(--mf-blue) !important; border-radius: 9px !important; opacity: 1 !important; height: 55px !important; padding-left: 25px !important; font-family: 'TT Norms Pro' !important; font-size: 18px !important; color: #000000 !important; -webkit-appearance: none; appearance: none; background-image: url("https://mayflowerhospital.com/wp-content/uploads/2024/05/down-arrow.svg") !important; background-position: calc(100% - 12px) center !important; background-size: 13px !important; width: 100% !important; } .programs-list { display: flex; align-items: stretch; flex-wrap: wrap; gap: 40px; padding: 100px 0; border-bottom: 1px solid var(--e-global-color-fdaafe5); } .programs-list .fellowship_programs { width: calc((100% / 3) - (80px / 3)); box-shadow: 9px 9px 35px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; } .programs-list .program .image-block { position: relative; } .programs-list .program .image-block p.courde-duration { position: absolute; margin: 0; top: 10px; right: 10px; color: var(--mf-white); padding: 8px 15px; border-radius: 8px; text-transform: uppercase; font-size: 14px; font-weight: 500; } .programs-list .program .image-block p.courde-duration.year { background-color: var(--mf-pink); } .programs-list .program .image-block p.courde-duration.day { background-color: var(--mf-purple); } .programs-list .program .image-block p.courde-duration.month { background-color: #68A6D5; } .programs-list .program .image-block img { height: 180px; width: 100%; -webkit-mask: url('data:image/svg+xml;utf8,'); mask: url('data:image/svg+xml;utf8,'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position: bottom right; object-fit: cover; object-position: center top; border-radius: 10px 10px 0 0; } .programs-list .program .image-block p.batch-no { position: absolute; top: 10px; left: 10px; margin: 0; color: var(--mf-white); text-transform: uppercase; font-weight: 500; text-decoration: underline; font-size: 14px; text-shadow: 0 0 10px rgba(0 0 0 / 0.5); } .programs-list .program .content-block { padding: 10px 20px 20px; } .programs-list .program .content-block h2 { margin: 0; font-size: 18px; color: #000; } .newsletter-block:not(.mobile-only) { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: var(--mf-purple); color: var(--mf-white); padding: 50px; margin: 100px 0; border-radius: 10px; } .newsletter-block:not(.mobile-only) h3 { margin: 0 0 40px; font-size: 27px; font-weight: bold; } .newsletter-block:not(.mobile-only) h2 { font-size: 48px; max-width: 350px; } .newsletter-block.mobile-only { display: none; } @media screen and (max-width: 991px) { .programs-list { padding: 50px 0; margin: 0 20px; } .programs-list .fellowship_programs { width: calc((100% / 2) - 20px); } } @media screen and (max-width: 767px) { .newsletter-block.mobile-only { display: block; padding: 40px 20px; background-color: var(--mf-purple); text-align: center; margin-top: 40px; } .newsletter-block:not(.mobile-only) { display: none; } .programs-list .fellowship_programs { width: 100%; } .newsletter-block.mobile-only img { margin-bottom: 20px; max-width: 300px; } .newsletter-block.mobile-only p { font-size: 16px; font-weight: 500; color: var(--mf-white); max-width: 340px; margin: 0 auto 20px; } .newsletter-block.mobile-only h3 { font-size: 24px; color: var(--mf-white); font-weight: 600; margin-bottom: 30px; } } /* Program Detail page */ .program-banner { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .program-banner img { width: 100%; height: 400px; border-radius: 10px; margin-bottom: 30px; object-fit: cover; } .program-banner .content-block { width: calc(60%); } .program-banner .right-block { width: 35%; } .program-banner .right-block .brochure-block { min-height: 400px; margin-bottom: 30px; background-color: var(--mf-blue); padding: 30px; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-around; } .program-banner .right-block .brochure-block h2 { margin: 0; font-size: 54px; font-weight: bold; color: var(--mf-white); } .program-banner .right-block .brochure-block p { font-size: 20px; color: var(--mf-white); } .program-banner .right-block .brochure-block a { text-transform: uppercase; color: var(--mf-white); letter-spacing: 1px; padding: 20px 20px; font-size: 20px; border: 1.5px solid var(--mf-white); border-radius: 50px; text-align: center; } .program-banner .right-block .brochure-block a:hover { background-color: var(--mf-white); color: var(--mf-blue); } .course-details { padding: 25px 20px; border: 1px solid; border-radius: 10px; margin-bottom: 20px; } .course-details h3 { font-size: 24px; margin: 0 0 20px; } .course-details p { font-size: 18px; font-weight: 500; margin: 0; } .program-banner .mobile-only { display: none; } .recognised-by-block { width: 100%; padding: 100px 0; } .recognised-by-block h3 { color: var(--e-global-color-2c6c1f7); font-family: "TT Norms Pro", Sans-serif; font-size: 28px; font-weight: 700; line-height: 28px; margin-bottom: 40px; } .recognised-by-block .logos { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; width: 100%; } .recognised-by-block .logos img { max-width: calc((100% / 6) - (100px / 6)); height: 120px; object-fit: contain; object-position: center; } .course-points .points-list .course-points { width: calc(50% - 20px); } .course-points .points-list { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding-bottom: 100px; } .course-points .points-list h3 { margin: 0 0 40px; font-size: 22px; font-weight: bold; } .course-points .points-list ul { padding: 0; list-style-type: none; margin: 0; display: flex; flex-direction: column; gap: 30px; } .course-points .points-list ul li { display: flex; align-items: flex-start; gap: 15px; } .course-points .points-list ul li p { margin: 0; font-size: 18px; width: calc(100% - 40px); } .course-points .points-list ul li svg { margin-top: 5px; width: 25px; } .program-course-note h3 { font-size: 22px; font-weight: 600; line-height: 2; } .apply_now_section { background-color: var(--mf-purple); padding: 50px; border-radius: 15px; margin: 60px 0; width: calc(100% + 40px) !important; } .apply_now_section h3 { font-size: 48px; color: var(--mf-white); margin-bottom: 40px; font-weight: 600; } .apply_now_form label.forminator-label { display: none !important; } .department-doctors .doctors-list { flex-wrap: nowrap; overflow-x: auto; } .department-doctors .doctors-list .doctor { min-width: calc((100% / 3.8) - (90px / 4)); } .fellowship-programs-select .forminator-field { width: 100%; } @media screen and (max-width: 991px) { .department-doctors .doctors-list .doctor { min-width: calc((100% / 2.8) - (90px / 4)); } .program-banner .mobile-only { display: block; } .program-banner .desktop-only { display: none; } .program-banner .content-block, .program-banner .right-block { width: 100%; } .course-moile-detail:not(:last-child) { margin: 0 0 20px; border-bottom: 1px solid var(--e-global-color-fdaafe5); padding-bottom: 20px; } .course-moile-detail h3 { font-size: 24px; margin: 0 0 15px; } .course-moile-detail ul { list-style-type: none; padding: 0; margin: 0; } .course-moile-detail p { margin: 0; font-size: 16px; font-weight: 500; } .course-detail-block { padding-bottom: 30px; } .course-detail-block ul.chip { display: flex; align-items: center; gap: 15px; } .course-detail-block ul.chip p { padding: 5px 15px; border: 1px solid #333333; border-radius: 30px; font-weight: 500; } .single-department-page.single-fellowship-program-page .breadcrumb { display: block !important; } .mayflower-single-department .breadcrumb ul { flex-wrap: wrap; row-gap: 3px; } .recognised-by-block .logos img { max-width: calc((100% / 4) - (60px / 4)); height: 100px; } } @media screen and (max-width: 767px) { .department-doctors .doctors-list .doctor { min-width: calc((100% / 1.6) - (90px / 4)); } .program-banner img { height: 230px; } .course-moile-detail h3 { font-size: 22px; font-weight: bold; } .program-banner .right-block .brochure-block h2 { font-size: 24px; } .program-banner .right-block .brochure-block { gap: 20px; min-height: auto; align-items: flex-start; } .recognised-by-block { padding: 40px 0 60px; } .program-banner .right-block .brochure-block a { padding: 15px 20px; font-size: 16px; } .recognised-by-block .logos img { max-width: calc((100% / 3) - (40px / 3)); height: 70px; } .recognised-by-block h3 { font-size: 20px; margin-bottom: 25px; } .course-points .points-list { flex-wrap: wrap; gap: 60px; } .course-points .points-list .course-points { width: 100%; } .course-points .points-list h3 { margin: 0 0 30px; } .course-points .points-list ul { gap: 20px; } .course-points .points-list ul li p { font-size: 16px; width: calc(100% - 35px); } .course-points .points-list ul li svg { width: 20px; } .course-points .points-list { padding-bottom: 50px; } .program-course-note h3 { font-size: 18px; font-weight: 500; line-height: 1.4; } .apply_now_section h3 { font-size: 24px; text-align: center; } .apply_now_section { padding: 30px 20px; margin: 50px -20px 0; border-radius: 0; } .forminator-col.select-dynamic-doctors select#doctors-page-select-doctor, .fellowship-programs-select select#doctors-page-select-doctor { height: 46px !important; border-radius: 30px !important; } .select-dynamic-doctors .forminator-field { width: 100%; } .select-dynamic-doctors { flex-wrap: wrap; gap: 20px !important; } .filter-section .filter-dropdowns { flex-wrap: wrap; column-gap: 20px; row-gap: 10px; } .scroll_horizontal_tag>.e-con-inner { padding-bottom: 30px; padding-right: 30px; margin-bottom: -30px; } } .department-doctors-list .doctors-list { flex-wrap: nowrap; overflow-x: scroll; } .department-doctors-list .doctors-list .doctor { min-width: 300px; } .terms-block a { color: #FFFFFF; } @media screen and (max-width: 1025px) { .design_dev_at { justify-content: flex-start !important; } } .ivf_two_special_cls .forminator-custom-form { padding: 50px 100px !important; border: 1px solid var(--mf-text) !important; margin: 0 !important; border-radius: 0 0 10px 10px !important; } .ivf_two_special_cls .forminator-custom-form label { display: none !important; } .ivf_two_special_cls .forminator-custom-form input { margin: 0 !important; padding: 18.5px 20px !important; font-size: 18px; color: rgba(0 0 0 / 36%); font-family: 'TT Norms Pro'; border: none !important; background: 0 0 !important; border-radius: 23px !important; box-shadow: 0 6px 15px 0 rgba(0 0 0 / 16%) !important; } .ivf_two_special_cls .forminator-custom-form .forminator-row-last .forminator-field { display: flex; justify-content: center; margin-top: 30px; } .ivf_two_special_cls .forminator-custom-form .forminator-row-last .forminator-field button { color: var(--mf-white) !important; background: var(--mf-text) !important; border-radius: 50px !important; border: 1px solid var(--mf-text) !important; padding: 16px 0 !important; font-size: 16px !important; font-family: 'TT Norms Pro' !important; min-width: 300px !important; max-width: 300px !important; box-shadow: none !important; } .ivf_two_special_cls .forminator-custom-form .forminator-row-last .forminator-field button:hover { color: var(--mf-text) !important; background: var(--mf-white) !important; } @media screen and (max-width: 767px) { .ivf_two_special_cls .forminator-custom-form { padding: 20px !important; } .ivf_two_special_cls .forminator-custom-form input { padding: 14px 20px !important; border-radius: 15px !important; font-size: 16px !important; } .ivf-doctors-list .doctors-list { gap: 10px; } .ivf-doctors-list .doctors-list .doctor { min-width: 250px; } } .ivf-faqs .elementskit-card-body>ul { margin-left: 25px; } .ivf-faqs .elementskit-card-body>ul ul { margin-left: 25px; } .ivf_two_special_cls .forminator-field p { text-align: center; } .video-thumbnail .image-block img.play-btn, .doctor-video-slider .image-overlay .content h2.name span.doctor-name.play-button img { display: none; } .booking-status-page { max-width: 1240px; margin: 5% auto; background-image: url(https://mayflowerhospital.com/wp-content/uploads/2024/04/Path-1946.png); background-position: bottom right; background-repeat: no-repeat; background-size: contain; border: 2px solid #5d51a3; border-radius: 24px; padding: 50px; } .booking-status-page p { text-align: center; font-family: "TT Norms Pro", Sans-serif; font-size: 22px; font-weight: 400; line-height: 28px; letter-spacing: .7px; max-width: 710px; margin: 0 auto; } /* Responsive Table */ .booking-info-container { overflow-x: auto; /* Enable horizontal scrolling */ } .booking-info-table { width: 100%; border-collapse: separate; border-spacing: 0; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .booking-info-table th, .booking-info-table td { padding: 15px; font-weight: normal; } .booking-info-table thead th { background-color: rgb(26 41 66 / 100%); color: #FFFFFF; font-weight: bold; text-align: left; font-size: 1.1em; } .booking-info-table tbody tr:nth-child(even) { background-color: #f8f8f8; } .booking-info-table tbody tr td { border-top: 1px solid #e0e0e0; } /* Buttons */ .booking-status-page a { display: inline-block; text-align: center; background-color: var(--e-global-color-secondary) !important; font-family: "TT Norms Pro", Sans-serif !important; font-size: 24px !important; font-weight: 400 !important; line-height: 36px !important; letter-spacing: 2px !important; color: #707070 !important; border: 1px solid #707070 !important; border-radius: 9px !important; padding: 20px 35px !important; text-decoration: none; transition: all 0.3s ease-in-out; margin-bottom: 10px !important; } .booking-status-page a:hover { opacity: 0.8; } .booking-status-page a.booking-btn { background-color: var(--e-global-color-primary) !important; color: #FFFFFF !important; } /* 🔹 Responsive Styles for Tablets (Max Width: 1024px) */ @media (max-width: 1024px) { .booking-status-page { padding: 30px; } .booking-status-page p { font-size: 20px; line-height: 26px; } .booking-info-table th, .booking-info-table td { padding: 10px; font-size: 16px; } .booking-status-page a { font-size: 20px !important; padding: 15px 30px !important; } } /* 🔹 Responsive Styles for Mobile Devices (Max Width: 768px) */ @media (max-width: 768px) { .booking-status-page { padding: 20px; margin: 10% 15px; border-radius: 15px; } .booking-status-page p { font-size: 18px; line-height: 24px; max-width: 100%; } .booking-info-container { overflow-x: auto; -webkit-overflow-scrolling: touch; } .booking-info-table { width: 100%; font-size: 14px; } .booking-info-table th, .booking-info-table td { padding: 8px; font-size: 14px; } .booking-status-page a { font-size: 18px !important; padding: 12px 20px !important; letter-spacing: 1px !important; } } /* 🔹 Responsive Styles for Extra Small Screens (Max Width: 480px) */ @media (max-width: 480px) { .booking-status-page { padding: 15px; margin: 10% 15px; } .booking-status-page p { font-size: 16px; line-height: 22px; } .booking-info-table th, .booking-info-table td { padding: 6px; font-size: 14px; } .booking-status-page a { font-size: 16px !important; padding: 10px 15px !important; letter-spacing: 0.5px !important; } } .select-doctor-top-bar { width: 100%; display: flex; justify-content: space-between; align-items: center; } .select-doctor-top-bar .select-doctor-filter { width: auto; } .select-doctor-top-bar .select-doctor-filter button.forminator-button.forminator-button-skip-new { color: var(--mf-text) !important; background: #dbdbdb !important; border-radius: 50px !important; border: 1px solid var(--mf-text) !important; padding: 16px 0 !important; font-size: 16px !important; font-family: 'TT Norms Pro' !important; min-width: 200px !important; max-width: 200px !important; box-shadow: none !important; } .select-doctor-top-bar .select-doctor-filter button.forminator-button.forminator-button-skip-new:hover { background-color: var(--mf-text) !important; color: #dbdbdb !important; } .substack-archive .e-con-inner { display: block; max-width: min(100%, 1240px); height: 100%; margin: 0 auto; padding: 20px 0 120px; } .substack-archive form.substack-filter-form { display: flex; justify-content: space-between; align-items: center; } .substack-archive form.substack-filter-form select { width: fit-content; } .substack-archive form.substack-filter-form input { width: 100%; max-width: 300px; } .substack-archive .substack-filters { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .substack-archive .substack-grid { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 30px; width: 100%; } .substack-archive .substack-grid .substack-card { width: calc((100% / 3) - (60px / 3)); border: 2px solid #707070a1; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; gap: 0; } .substack-archive .substack-grid .card-image img { width: 100%; aspect-ratio: 3/2; object-fit: cover; } .substack-archive .substack-grid .card-content { padding: 0 20px 20px; } .substack-archive .substack-grid .card-content h3 { font-size: 24px; color: #1A2942; line-height: 1.4; } .substack-archive .substack-grid .card-content p.card-description.highlight-text { font-size: 16px; color: #1a2942; line-height: 1.4; } .substack-archive .substack-grid .card-image { position: relative; } .substack-archive .substack-grid .card-image span.category-name { display: inline-block; position: absolute; top: 5px; left: 5px; padding: 6px 12px; background-color: #1a2942; border-radius: 8px; color: #FFFFFF; font-size: 14px; letter-spacing: 0.5px; } .pagination-wrapper { border: 1px solid #040404; color: #ffffff; border-radius: 100px; padding: 5px; background-color: #ffffff; display: flex; gap: 10px; width: fit-content; margin: 0 auto; } .pagination-wrapper .page-number { display: inline-flex; width: 44px; aspect-ratio: 1/1; align-items: center; justify-content: center; padding: 3px 12px; border-radius: 100px; } .pagination-wrapper .page-number:hover { border: 1px solid #1a2942; } .pagination-wrapper .page-number.active { background-color: #040404; color: #FFFFFF; } .pagination-wrapper .next, .pagination-wrapper .prev { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: auto; background-color: #040404; color: #FFFFFF; border-radius: 30px; color: #040404; font-size: 18px; padding: 5px; height: 44px; aspect-ratio: 1/1; white-space: nowrap; } .pagination-wrapper .next img, .pagination-wrapper .prev img { width: 12px; height: 12px; filter: brightness(100); } .pagination-wrapper .next img { transform: rotate(45deg); } .pagination-wrapper .prev img { transform: rotate(-135deg); } div#substack-ajax-results { display: flex; flex-direction: column; align-content: flex-start; flex-wrap: wrap; gap: 40px; } .substack-archive form.substack-filter-form .filter { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .substack-archive form.substack-filter-form .filter button { padding: 0; background: transparent; border: none; color: #8b8b8b; font-weight: normal; text-transform: capitalize; font-size: 18px; } .substack-archive .substack-grid .card-content p.card-meta { opacity: 0.8; color: gray; } .substack-archive .substack-grid .card-content .card-bottom button { background-color: transparent !important; color: #1a2942; border-radius: 0; font-weight: 500; padding: 0; border: none; font-size: 18px; text-transform: uppercase; text-decoration: underline; } .substack-archive .substack-grid .card-content .card-bottom button:hover { background-color: transparent !important; } .substack-archive .substack-grid .substack-card:hover .card-content .card-bottom button { color: #FFFFFF; text-decoration: underline; } .substack-archive .substack-grid .substack-card:hover { background-color: #1a2942; } .substack-archive .substack-grid .substack-card:hover .card-content h3 { color: #FFFFFF; } .substack-archive .substack-grid .substack-card:hover .card-content p.card-description.highlight-text { color: #FFFFFF; } .substack-archive .substack-grid .substack-card:hover .card-content p.card-meta { color: #FFFFFF; } body .forminator-custom-form.forminator-ui .forminator-field--phone.forminator-input, .forminator-ui#forminator-module-8469.forminator-design--default .forminator-field--phone.forminator-input { padding-left: 90px !important; } .forminator-iti-input.iti.iti { width: 100%; } .substack-grid .elementor-container { width: 100%; } .substack-ajax-results .elementor-container { width: 100%; } .substack-archive .filter-and-search-section .filter-section { max-width: 350px; width: 100%; } .substack-archive .filter-and-search-section .search-section { max-width: 400px; width: 100%; } .substack-archive .filter-and-search-section .filter-by, .substack-archive .filter-by.desktop-dropdown-section .desktop-dropdown, .substack-archive .filter-by.desktop-dropdown-section .desktop-dropdown input[type=checkbox]+label { width: 100%; } .filter-by.desktop-dropdown-section .desktop-dropdown input+label h3 { justify-content: space-between; } @media screen and (max-width: 767px) { .substack-archive .substack-grid .substack-card { width: 100%; } } .elementor-widget-html { display: none !important; } .elementor-widget-html.visible { display: block !important; } .shortcode-substack-blog { padding: 20px 0; } .substack-grid.newsletter-display { display: flex; align-items: stretch; justify-content: space-between; } .substack-grid.newsletter-display .left-grid { width: calc(35% - 15px); } .substack-grid.newsletter-display .right-grid { width: calc(65% - 15px); display: flex; flex-direction: column; gap: 30px; } .substack-grid.newsletter-display .right-grid a { display: flex; align-items: stretch; gap: 0; } .substack-grid.newsletter-display .right-grid .card-image { width: 40%; position: relative; } .substack-grid.newsletter-display .right-grid .card-image img { height: 100%; object-fit: cover; } .substack-grid.newsletter-display .right-grid .card-content { width: 60%; } .substack-grid.newsletter-display .card-image span.category-name { display: inline-block; position: absolute; top: 5px; left: 5px; padding: 6px 12px; background-color: #1a2942; border-radius: 8px; color: #fff; font-size: 14px; letter-spacing: .5px; } .substack-grid.newsletter-display .card-image { position: relative; } .substack-grid.newsletter-display .substack-card { border: 1px solid #707070a1; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; gap: 0; } .substack-grid.newsletter-display .card-content { padding: 10px 20px; } .substack-grid.newsletter-display h3.card-title { font-size: 24px; color: #1a2942; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .substack-grid.newsletter-display p.card-description { font-size: 16px; color: #1a2942; line-height: 1.4; } .substack-grid.newsletter-display p.card-meta { opacity: .8; color: gray; } .substack-grid.newsletter-display .bottom { background-color: transparent !important; color: #1a2942; border-radius: 0; font-weight: 500; padding: 0; border: none; font-size: 18px; text-transform: uppercase; text-decoration: underline; } .substack-grid.newsletter-display .left-grid .substack-card { height: 100%; } .view-all-container { display: flex; align-items: center; justify-content: space-around; padding-top: 30px; } .view-all-container a.view-all-btn { background-color: #1a2942; color: #fff; border-radius: 32px; box-shadow: 0px 4px 10px 0px #0000001F; border-color: #1a2942; cursor: pointer; font-family: 'TT Norms Pro' !important; font-weight: 700; font-size: 18px; line-height: normal; letter-spacing: 4px; text-transform: uppercase; padding: 15px 36px; } @media screen and (max-width: 767px) { .substack-grid.newsletter-display { flex-direction: column; gap: 20px; } .substack-grid.newsletter-display .left-grid { width: 100%; } .substack-grid.newsletter-display .right-grid { width: 100%; } .substack-grid.newsletter-display .substack-card { flex-direction: column; } .substack-grid.newsletter-display .right-grid a { flex-direction: column; } .substack-grid.newsletter-display .right-grid .card-image { width: 100%; } .substack-grid.newsletter-display .right-grid .card-image img { height: unset; aspect-ratio: 16/9; } .substack-grid.newsletter-display .right-grid .card-content { width: 100%; } .substack-grid.newsletter-display .right-grid { gap: 20px; } }