@property --p { syntax: "<percentage>"; initial-value: 0%; inherits: false; } .captcha-div1 { margin-top: 12px; } .bg-patten { } .sec-form { padding: 0 20px; } .container-fluid { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 10px; } .row-form { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 0; } .column { flex: 1; min-width: 300px; } .content { padding: 20px; } .column.content h2 { color: #005978; font-weight: 700; font-size: 38px; text-transform: uppercase; margin-top: 0px; } .custom-bullets p { margin-bottom: 10px; font-size: 16px; margin-left: 30px; font-weight: 600; } ul.custom-bullets { list-style: none; padding: 0; margin-top: 73px; } .color-span { color: #005978; font-weight: 800; } ul.custom-bullets li { padding-left: 30px; position: relative; font-weight: 600; font-size: 22px; } ul.custom-bullets li::before { content: "»"; color: #005978; font-size: 1.5em; position: absolute; left: 0; font-size: 35px; top: -5px; } .request_form h2 { color: #006388; text-align: center; } .press-release { margin-top: 20px; padding: 12px; background: #fff !important; border-radius: 8px; } .basicSlider { padding: 5px 0 5px 0; } .basicSlider .MS-content .item { width: 20%; padding: 0 10px 0 2px; } .content { padding: 0 10px; } .request_submit { font-size: 16px; width: 45% !important; } @media (max-width: 991px) { .basicSlider .MS-content .item { width: 27%; } .keyplayers { left: 6%; } } @media (max-width: 767px) { .basicSlider .MS-content .item { width: 35%; border-right: 1px solid #e6e6e6; } .keyplayers { left: 2% !important; } } @media (max-width: 500px) { .keyplayers { left: 12% !important; text-align: center; } .basicSlider { padding: 9px 0px 4px 0; } .basicSlider .MS-content .item { text-align: center; } ul.custom-bullets li { font-size: 16px; } ul.custom-bullets li::before { content: "»"; color: #005978; font-size: 1.5em; position: absolute; left: 0; top: -11px; } .sample_request { font-size: 16px; } } .request_submit { cursor: pointer; width: 30% !important; border: 1px solid #2596be !important; color: #fff; font-size: 20px; margin-top: 10px; filter: drop-shadow(-5px 4px 1px rgba(0, 0, 0, 0.3)); font-weight: 600; padding: 10px 25px; background-image: linear-gradient(#028aca, #028aca, #0d3656) !important; border-radius: 8px !important; transition: all 0.3s ease-in-out; } .request_submit:focus, .request_submit:hover { text-decoration: none; box-shadow: 4px 2px 10px #928d8d; background-image: linear-gradient(#0277b5, #0277b5, #0a2c45) !important; } section.case-studies { padding: 30px 40px; } h3.study-head { color: #005978; font-weight: 700; margin-bottom: 30px; margin-left: 15px; } .case { display: flex; justify-content: center; background: none; } .case-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 75px; max-width: 1400px; width: 100%; margin: 0; } .testimonials { padding: 0 30px; } .item { display: flex; align-items: center; gap: 12px; text-align: left; } .icon { width: 90px; height: 90px; border-radius: 50%; display: flex; justify-content: center; mask: linear-gradient(red 0 0) padding-box, conic-gradient(red var(--p), transparent 0%) border-box; border: 1px solid #005978; align-items: center; flex-shrink: 0; overflow: hidden; } .item:hover .icon { transform: scale(1.1); animation: p 0.3s linear forwards; border-width: 3px; } @keyframes p { to { --p: 100%; } } .icon img { width: 75%; height: 100%; object-fit: contain; } .item span { font-size: 18px; font-weight: 500; } section.consult { padding: 80px 40px; } h3.consulting-head { color: #005978; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } .consult-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1400px; width: 100%; margin: 0 70px; } ul.custom-bullets-consult { list-style: none; padding: 0; } .content { padding: 20px; } .custom-bullets-consult p { margin-bottom: 10px; font-size: 16px !important; margin-left: 30px !important; font-weight: 600; color: #6b6b6b; } ul.custom-bullets { list-style: none; padding: 0; } .color-span { color: #005978; font-weight: 800; } ul.custom-bullets-consult li { padding-left: 30px; position: relative; font-weight: 600; font-size: 18px; } ul.custom-bullets-consult li::before { content: "»"; color: #005978; font-size: 1.5em; position: absolute; left: 0; font-size: 35px; top: -5px; } /* Testimonials */ .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .carousel-item .row { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } h3.test-head { color: #005978; font-weight: 700; margin-left: 30px; margin-bottom: 30px; text-transform: uppercase; } .testimonial { border: none; padding: 6px 30px; } request-form { width: 100%; } @media (max-device-width: 1024px) { .case-container { grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0 50px; } .icon { width: 70px; height: 70px; } .item span { font-size: 16px; } .column.content h2 { font-size: 28px !important; margin-top: 0; } ul.custom-bullets li { font-size: 20px; } .custom-bullets p { font-size: 16px; font-weight: 500; color: #5d5d5d; } h3.study-head { margin-left: 55px; } section.consult { padding: 80px 30px; } h3.test-head { margin-left: 25px; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .request_submit { font-size: 18px; } label { display: flex; align-items: center; gap: 8px; color: #2a7b9b; font-size: 12px; } section.case-studies { padding: 30px 0px; } } @media (max-width: 768px) { .case-container { grid-template-columns: repeat(2, 1fr); gap: 20px 50px; } .icon { width: 80px; height: 80px; } .item span { font-size: 15px; } .column.content h2 { font-size: 22px !important; margin-top: 0; } ul.custom-bullets li { font-size: 18px; } .custom-bullets p { font-size: 14px; font-weight: 500; color: #5d5d5d; text-align: left; margin-left: 24px; } .checkboxes-container { flex-direction: column; align-items: flex-start; gap: 5px !important; } p.thank-you-text { font-size: 12px !important; margin-bottom: 8px; color: #000; font-weight: 600; text-align: center; } .form-control { /* height: 30px; */ padding: 0.375rem 0.75rem !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #495057 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #5691ab !important; } .form-group { margin-bottom: 8px !important; } input[type="checkbox"] { width: 20px !important; height: 20px !important; flex-shrink: 0; } .form-control { border: 1px solid #5691ab !important; font-size: 8px !important; } label { display: flex; align-items: center; gap: 8px; font-size: 12px; white-space: nowrap; } .testimonial { border: none; padding: 6px 10px; } h3.test-head { margin-left: 0; } h3.study-head { margin-left: 33px; } } @media (max-width: 480px) { .case { padding: 0px 5px; } .case-container { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0; } .icon { width: 60px; height: 60px; } .item span { font-size: 13px; } .sec-form { padding: 0; } .content { padding: 0px; } section.consult { padding: 20px 5px; } ul.custom-bullets-consult li { font-size: 16px; } .custom-bullets-consult p { font-size: 14px !important; text-align: left; } } .email-invalid-input { border-color: #c7912e !important; border-width: 1px !important; border-style: solid !important; } .email-invalid-span { color: #c7912e !important; } .sample_request { color: #005978; font-weight: 500; font-size: 25px; } .healthcare h2 { color: #006388; text-align: center; } .input-group-text { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; padding: 0.375rem 0.75rem !important; margin-bottom: 0 !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5 !important; color: #495057 !important; text-align: center !important; white-space: nowrap !important; background-color: unset !important; border: 1px solid #5691ab !important; border-radius: 4px 0px 0px 4px !important; } .healthcare .form-control { border-radius: 0px 4px 4px 0px !important; } .intl-tel-input .tel { padding-left: 59px !important; } .disp_secur_code { border-radius: 4px 4px 4px 4px !important; } .form-control { padding: 0.375rem 0.75rem !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #495057 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #5691ab !important; } .selected-dial-code { display: none; } button { border-radius: unset !important; border: none !important; outline: none !important; } .form-check-label { color: #000; font-style: italic; font-size: 12.5px; margin-top: 10px; padding-left: unset !important; } #phone { border-radius: 4px 4px 4px 4px !important; } .security_placeholder { display: inline-block; width: 55.5%; clear: both; } .request_form { padding: 5px 41px 5px 41px; border-radius: 15px; background: #e0f3fe; border: 1px solid #2596be; } .input-group-text { background-color: unset; border: 1px solid #5691ab !important; } .form-control { border: 1px solid #5691ab !important; } .intl-tel-input .selected-flag { padding: 0 5px 0 6px; } .intl-tel-input.separate-dial-code .selected-flag { background-color: unset; border-right: 1px solid #5691ab !important; } #captcha_code { border: 1px solid #5691ab; border-radius: 8px; } .security_code { color: #005978; font-weight: 600; padding-right: 6px; font-style: italic; font-size: 17px; } .captcha-div { max-width: 45%; } .captcha-code { flex: 0 0 55%; max-width: 55%; } .request_img { box-shadow: -5px 4px 1px #b6b5b5; border-radius: 9px; } .request_img:hover { box-shadow: -5px 7px 7px #636363; transition: transform 0.5s ease 0s, filter 0.5s ease-in 0s; transform: scale(1.08); } .captcha-code1 { padding-left: 0px; } input::placeholder { color: #a6a6a6 !important; font-size: 14px; font-style: italic; } .input_icon { width: 24px; } .security_label { display: contents; } .captcha-div1.col-md-12 { text-align: center; } .refreshCaptcha { width: 7%; cursor: pointer; float: none !important; } .iti-flag { width: 20px !important; } .download_pdf { height: 35px; padding-left: 2px; } @media (max-width: 991px) { .request_submit { margin-left: unset; } .refreshCaptcha { width: 7%; } } @media only screen and (max-width: 768px) { .intl-tel-input .tel { padding-left: 50px !important; } .request_submit { margin-left: unset; } .refreshCaptcha { width: 30px; } .security_label { display: block; text-align: center; } .input-group-text { padding: 0.275rem 0.55rem; } .input_icon { width: 18px; } .iti-flag { width: 13px !important; } .intl-tel-input .selected-flag { padding: 0 4px 0 8px; } input::placeholder { font-size: 10px; } .request_form { padding: 20px 20px 5px 20px; } } @media (max-width: 475px) and (min-device-width: 375px) { .request_form { padding: 20px 20px 5px 20px; } } @media (max-width: 768px) and (min-device-width: 425px) { .request_form { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 1199px) and (min-device-width: 991px) { .security_placeholder { width: 48%; } input::placeholder { font-size: 10px; } } @media (max-width: 991px) and (min-device-width: 768px) { .request_form { flex: 0 0 75%; max-width: 100%; padding: 0 20px; } .security_placeholder { width: 49%; } input::placeholder { font-size: 12px; } } @media (min-device-width: 1567px) { .security_placeholder { width: 52%; } } @media (max-width: 768px) and (min-device-width: 463px) { .security_label { display: inline-block; } .security_placeholder { width: 57.2%; } ul.custom-bullets li { padding-left: 23px; position: relative; font-size: 19px; line-height: 2.2; margin-top: 10px; } .request_submit { width: 100% !important; font-size: 16px; margin-top: 10px; text-align: center; } .security_placeholder { width: 100%; margin-top: 5px; } .sample_request { font-size: 18px; } .request-form { padding: 0 10px; text-align: center; } .keyplayers { width: auto; height: 19px; position: absolute; padding: 0 10px; top: -12px; font-size: 11px; left: 4%; background: none !important; background-color: #fff !important; } .basicSlider .MS-content .item img { line-height: 20px; vertical-align: middle; width: 70px; height: 20px; } } @media (max-width: 462px) { .request-form { flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; } .security_placeholder { display: unset; width: unset; } .column.content p { font-size: 16px; margin-top: 10px; } ul.custom-bullets { margin-top: 10px; } .request_submit { margin-left: unset; width: 100% !important; font-size: 16px; margin-top: 10px; } .refreshCaptcha { width: 31px; } .disp_secur_code { margin-top: 10px; } .security_label { display: block; text-align: center; } .request-form { width: 100%; } .request_submit { width: 100%; font-size: 16px; margin-top: 10px; } .security_placeholder { width: 100%; margin-top: 5px; } } @media (max-width: 320px) { .download_pdf { height: 25px; } } @media (max-width: 1200px) { .searchbar1 { display: none; } } .catcha_error_psme { margin-bottom: 0.2rem; color: red; } input, textarea::placeholder { color: #a6a6a6 !important; font-size: 14px; font-style: italic; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } p.thank-you-text { font-size: 15px; margin-bottom: 15px; color: #000; font-weight: 600; text-align: center; } input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1.5px solid #2a84a5; border-radius: 4px; background-color: #ffffff; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; } input[type="checkbox"]::after { content: ""; background-image: url("../images/consulting_images/check1.png"); background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 52%; left: 70%; transform: translate(-50%, -50%) scale(0); transition: transform 0.3s ease-in-out; } input[type="checkbox"]:checked::after { transform: translate(-50%, -70%) scale(1.3); } .checkboxes-container { display: flex; justify-content: center; gap: 50px; } .column-check { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; } label { display: flex; align-items: center; gap: 8px; color: #2a7b9b; font-size: 14px; } .hidden-input { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } .custom-input1 { width: 188px; padding: 5px; font-size: 13px; border: 1.5px solid #2a84a5; border-radius: 6px; outline: none; transition: border-color 0.3s ease-in-out; } .dropdown-container { display: flex; opacity: 1; flex-direction: row; gap: 15px; width: 100%; margin: 5px auto; } #bookDate { display: none; opacity: 0; transition: opacity 0.3s ease-in-out, display 0s linear 0.3s; } #bookDate.show { display: flex; opacity: 1; transition: opacity 0.3s ease-in-out, display 0s linear 0s; } .custom-input { position: relative; width: 100%; padding: 5px; font-size: 21px; color: #2a84a5; border: 1.5px solid #2a84a5; border-radius: 6px; background: #fff; align-items: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } @media (min-width: 1600px) { section.case-studies { padding: 30px 120px; } section.consult { padding: 80px 120px; } h3.test-head { margin-left: 100px; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 45%; max-width: 45%; } } @media (max-width: 992px) { .keyplayers { left: 4% !important; } } @media (max-width: 767px) { .keyplayers { left: 20% !important; } }.form-control { height: calc(2.3em + .75rem + 2px) !important; padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #5691ab; }