EVOLUTION-NINJA
Edit File: foryou2.css
/* -----about-------------------- */ #no-about-new{ height: 610px !important; } #founder-main { /* width: 100%; */ min-height: 695px; background: #E7F1FF; } .f-textfirst { font-family: Poppins; font-weight: 600; font-size:16px; margin-top: 25px; } .meet { font-family: Poppins; font-size: 26px; font-weight: 700; text-align: left; color: #E44A23; } .card-body-content { background-color: #FFFFFF; width: 322.47px; /* height: 263.67px; */ border-radius: 5px; border: 1px 0px 0px 0px; border: 2px dashed #0098CD !important; /* margin-left: 39px; */ } .f-name { font-family: Poppins; font-size: 18px; font-weight: 700; line-height: 27px; text-align: left; color: #E44A23; } .f-text { font-family: Poppins; font-size: 13px; font-weight: 600; line-height: 19.5px; text-align: left; color: #003777; } .f-text1 { font-family: Poppins; font-size: 13px; font-weight: 600; line-height: 19.5px; text-align: left; color: #000000; } .meet { position: relative; display: inline-block; padding-bottom: 10px; } .meet::before { content: ""; position: absolute; bottom: 0; left: 0; width: 35%; /* underline from start to 50% */ border-bottom: 4px solid #2977DA; /* underline style */ } .meet::after { content: ""; position: absolute; bottom: 0; left: 40%; /* space of 20% from 50% */ width: 10%; /* 10% underline */ border-bottom: 4px solid #E44A23; /* underline style */ } .text-content { font-family: Poppins; font-size: 16px; font-weight: 600; border-radius: 10px; text-align: left; background-color: #FFFFFF; margin-top: 31px; padding: 26px; } .contentmain { width: 100%; height: 400px; background: linear-gradient(347.72deg, #94a2bd 7.81%, #597aa5 90.41%); padding: 19px; } .content1 { font-family: Poppins; font-size: 16px; font-weight: 500; line-height: 30px; text-align: left; color: #FFFFFF; } .contentmain2 { width: 100%; /* height: 407px; */ border-left: 10px solid #2977DA; border-radius: 10px; padding: 25px; box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.25); } .ourstrategy { font-family: poppins; font-size: 18px; font-weight: 700; margin-bottom: 21px; margin-top: -10px; /* line-height: 34px; */ text-align: left; color: #001740; } .paragraphlist { font-family: Poppins; font-size: 16px; font-weight: 500; text-align: left; color: #2B2B2B; display: flex; } .secondcontain { width: 100%; border-left: 10px solid #2977DA; border-radius: 10px; padding: 25px; box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.25); } .img-margin { width: 100%; height: 454px; margin-top: 28px; } .underline1 { position: relative; display: inline-block; padding-bottom: 20px; font-family: Poppins; font-size: 26px; font-weight: 700; line-height: 29.87px; text-align: left; color: #001740; /* Adjust the space as needed */ } .underline1::after { content: ""; position: absolute; bottom: 0; left: 20%; width: 70%; border-bottom: 4px solid #2977DA; } .underline1::before { content: ""; position: absolute; bottom: 0; right: 20%; width: 70%; border-bottom: 4px solid #2977DA; } .meet-our-board { text-align: center; } .maincard { text-align: center; background: linear-gradient(301.51deg, #B5ECFF 0%, #FFFFFF 101.59%); border: 2px dashed #0098CD !important; border-radius: 20px; position: relative; margin-top: 100px; height: 437px; width: 348px; border-radius: 164px; margin-bottom: 10px; } .maincard-outer { display: flex; justify-content: center; align-items: center; } .maincard-img { margin-top: -80px; } .card-title { font-family: Poppins; font-size: 18px; font-weight: 700; line-height: 27px; text-align: left; color: #003777; } .card-title { position: relative; display: inline-block; padding-bottom: 10px; padding-top: 10px; } .card-title::after::after { content: ""; position: absolute; bottom: 0; left: 110%; /* space of 10% from 80% */ width: 10%; /* 10% underline */ border-bottom: 4px solid #E44A23; /* red underline style */ } .card-par { font-family: Poppins; font-size: 16px; font-weight: 500; line-height: 30px; text-align: center; color: #101010; margin-top: 26px; } @media only screen and (max-width:600px) { .meet { font-family: Poppins; font-size: 30px; } .platform-about{ height: 699px !important; } .cutting-edge { text-align: left; font-size: 20px !important; } .cutting-edge-about { padding-top: 18px !important; } .new-contentmain{ margin-top: 25px !important; } .ourstrategy { font-size: 18px; } .underline1 { font-size: 26px; } .paragraphlist { font-size: 15px; } .text-content { font-size: 16px; padding: 12px; } .contentmain { min-height: 830px !important; padding: 34px; } .card-body-content { margin-left: 26px; } .i-mob { width: 100%; padding: 10px; } .i-mob1 { width: 100%; height: auto !important; } /* .contentmain { margin-top: 1837px; } */ .founder { /* margin: 54px; */ } .card-body-content { padding: 10px !important; } .f-text1 { font-size: 11px; } .card-im { width: 100% !important; } .f-textfirst { /* padding: 14px; */ } /* .text-content{ margin-top: 70.5rem !important; } */ .contentmain2 { padding: none; } #founder-main { width: 111%; height: auto !important; background: #E7F1FF; margin-top: -85px; } .listpar { padding: 0px !important; } } .listpar1 { /* margin-top: 30px; */ } .paragraphlist p::before { content: url(../images1/foryou_icon.png); } .cutting-edge-about { padding-top: 45px; } .future-violet{ color:rgba(79, 0, 114, 1); } .future-orange{ color:rgba(228, 74, 35, 1); } .foryou-para-user{ font-family: poppins !important; font-size: 26px; font-weight: 700 !important; text-align: left !important; color: rgba(22, 73, 157, 1); !important; margin-left: 43px; } /* -----about--------------end--------------- */ .vug{ font-family: Poppins; font-size: 26px; font-weight: 600; line-height: 57.8px; text-align: left; } @media only screen and (max-width:600px) { .vug{ font-family: Poppins; font-size: 26px; } .user-guide{ margin-top: -472px } .user-Doc .card-img-alt2 { width: 200px !important; height: 120px !important; } .user-Doc .card-img-alt { width: 211px !important; height: 114px !important; } .user-Documents { margin: 20px !important; width: 88%; margin-left: 15px !important; } } .medu-experts{ text-align: center; font-size: 14px; padding: 10px; } /* ------product------------------------------ */ /* learn and connect */ .ne-orproduct{ font-size: 40px !important; padding: 10px 0px 20px 0px; margin-bottom: 25px; } .learnConnect { width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; background-color: #E7F1FF; } .learnConnect h4 { font-size: 36px; font-weight: 700; color: #001740; text-align: center; span { color: #E44A23; } } .learnConnect .learnUnderline { text-align: center; } .learnConnect .contents { width: 70%; height: auto; margin: auto; margin-top: 20px; row-gap: 20px; } .learnConnect .contents>div { margin: auto; height: auto; padding: 10px 5px; background-color: #FFFFFF; border-left: 4px solid #2977DA; border-top-left-radius: 7px; border-bottom-left-radius: 7px; display: flex; align-items: center; } .learnConnect .contents>div h6 { color: #00337D; font-size: clamp(12px, 2vw, 14px); font-weight: 600; font-family: 'poppins', sans-serif; margin: 0; } .keyBenefits { width: 76%; margin: auto; margin-top: 20px; } .keyBenefits .row .clm1 { padding: 0; text-align: center; } .keyBenefits .row .clm1 img { width: max(87%, 200px); margin: auto } .keyBenefits .row .clm2 { margin-top: 15px; } .keyBenefits .row .clm2 p { color: #2B2B2B; font-size: clamp(12px, 4vh, 13px); font-weight: 600; text-align: justify; line-height: 29px; font-family: 'poppins', sans-serif; margin: 0; padding: 11px; } .keyBenefits .row .clm2 p span { font-size: clamp(16px, 1vw, 26px); line-height: 30px; color: #0046AA; } .keyBenefits .row .clm2 .benefits .ben1 { width: 40%; border-radius: 10px 0px 10px 0px; height: auto; background-color: #450C6E; display: flex; justify-content: center; align-items: center; } .keyBenefits .row .clm2 .benefits .ben2 { width: 60%; padding: 4px 8px; background-image: linear-gradient(to right, #E3FDF5, #FFE6FA); } .keyBenefits .row .clm2 .benefits .ben1 img { width: 80%; object-fit: contain; } .keyBenefits .row .clm2 .benefits .ben2 ul { margin: 0; padding: 0; } .keyBenefits .row .clm2 .benefits .ben2 ul li { list-style-type: none; color: #262626; font-size: 14px; text-wrap: wrap; font-weight: 600; font-family: Poppins; } .keyBenefits .row .clm2 .benefits .ben2 ul li img { margin-right: 10px; } .benefits { display: flex; margin-top: 20px; } .benefits h5 { color: #450C6E; font-size: 27px; padding: 2px 5px; font-weight: 700; font-family: Poppins; line-height: 28px; } .learning { width: 100%; margin-top: 20px; } .learning>.row .colm1 { background-image: linear-gradient(to right, #E3FDF5, #FFE6FA); } .learning>.row .colm1 .learnRow { width: 85%; margin-left: auto; padding: 14px 10px; } .learning>.row .colm1 .learnRow>div { padding: 0; padding: 2px 8px; border-bottom: 2px solid #450C6F; margin-bottom: 15px; } .learning>.row .colm1 .learnRow>div p { color: #3F3F3F; font-size: 14px; font-weight: 600; font-family: 'poppins', sans-serif; line-height: 24px; text-wrap: wrap; text-align: justify; } .learning>.row .colm1 .learnRow>div h5 { color: #0046AA; font-size: 22px; font-weight: 600; font-family: 'poppins', sans-serif; line-height: 25px; text-wrap: wrap; } .learning>.row .colm2 { display: flex; align-items: center; justify-content: center; } .learning>.row .colm2 img { width: 80%; } /* explore products page */ .exploreProducts { width: 100%; height: 370px; position: relative; } .exploreProducts .productNames { position: absolute; width: 17%; padding: 5px 1px; height: auto; top: 3%; left: 29%; /* margin-top: auto; */ /* margin-bottom: auto; */ } .exploreProducts .productNames .product { width: 100%; display: block; height: auto; border-bottom: 3px solid #2977DA; margin-top: 5px; border-radius: 5px; color: #00337D; font-size: 16px; padding: 3px 10px; text-wrap: wrap; font-weight: 500; font-family: 'poppins', sans-serif; background-color: #FFFFFF; } .exploreProducts .productNames .pro { font-weight: 700; font-size: 21px; font-family: Poppins; color: #E44A23 } .development { margin-top: 20px; } .development .row { width: 75%; margin: auto; height: 400px; } /* discover page */ .discover { width: 100%; height: auto; padding-top: 8px; padding-bottom: 8px; margin-top: 18px; margin-bottom: 10px; background-color: #EFF3FC; } .discover .discover1 { width: 68%; margin: auto; padding: 3px 8px; margin-top: 30px; margin-bottom: 10px; } .discover .discover1 .col-sm-6 { display: flex; flex-direction: column; } .discover .discover1 img { margin-top: 0px; width: 100%; height: auto; object-fit: cover; margin-bottom: auto; border-radius:6px 6px 0px 0px; } .discover .discover1 p { font-weight: 600; font-size: 14px; min-height: 267px; flex-grow: 1; font-family: poppins; color: #292929; text-align: left; line-height: 27px; background-color: #ffffff; margin: 0; padding: 10px } .discover .discover1 .discoverBtn { text-align: center; width: 100%; height: 40px; display: block; background-color: #D0DFFF; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .discover .discover1 .discoverBtn a { display: block; text-decoration: none; padding: 6px 10px; color: #222222; font-weight: 600; line-height: 25px; font-size: 20px; font-family: 'poppins', sans-serif; } .discover .discover2 { width: 85%; margin: auto; height: auto; margin-top: 20px; border-radius: 20px; background-color: #B7D4D8; text-align: center; } .discover .discover2 img { width: 78%; object-fit: contain; } /* products page */ .productIntro { margin-bottom: 25px; } .productIntro .pro1 { width: 80%; margin: auto; /* margin-top: 588px; */ } .productIntro .pro1 .deta { padding: 0px 0px; background-color: white; } .productIntro .pro1 .imgblo img { /* object-fit: cover; */ height: 100%; } .productIntro .pro1 .productsDetail { border-left: 4px solid #2977DA; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height: 100%; box-shadow: 0px 0px 1px #000000; } .productdesc { display: flex; justify-content: center; } .productsIcon { width: 10px; height: 10px; margin-top: 7px; margin-right: 7px; margin-left: 4px; } .par { color: #2B2B2B; font-weight: 500; font-size: 16px; font-family: 'poppins', sans-serif; display: inline-block; width: 94%; } /* pain management block */ .painManagement { width: 73%; margin: auto; height: auto; margin-top: 30px; padding: 3px 6px; margin-bottom: 10px; } .painManagement>h3 { color: #001740; font-size: clamp(13px, 2vw, 29px); font-weight: 700; line-height: 29px; text-align: center; } .painManagement .productline { text-align: center; } .painManagement .pain1 .col-sm-4 { margin-inline: auto; } .painManagement .pain1 .col-sm-4 { text-align: center; } .painManagement .pain1 .col-sm-4 .painImg { width: 90%; height: auto; object-fit: contain; } .manageDetail { border: 2px dashed #0098CD; height: 296px; padding: 4px 3px; background-image: url('../images1/pngwing 4.png'), linear-gradient(-50deg, #B5ECFF, #FFFFFF); background-repeat: no-repeat; background-position: bottom right; border-radius: 8px; } .manageDetail h3 { color: #003777; font-size: clamp(15px, 2vw, 26px); font-weight: 700; line-height: 29px; text-align: center; } .manageDetail ul li::marker { color: #089DD2; } .manageDetail ul li { color: #000000; font-size: clamp(13px, 1vw, 16px); font-weight: 700; line-height: 26px; font-family: 'poppins', sans-serif; text-align: left; } .painManagement .pain1 .col-sm-4 .lec { font-size: 26px; font-weight: 600; line-height: 31px; font-family: Poppins; color: #000000; margin-top: 10px; span { color: #A40A0A; } } .moreDetails { text-align: center; margin-top: 40px; padding-bottom: 5px; } .moreDetails h5 { color: #001740; font-size: clamp(15px, 2vw, 26px); font-weight: 700; line-height: 26px; font-family: 'ubuntu', sans-serif; } .moreDetailsButton { width: 150px; height: 45px; display: flex; justify-content: center; margin-inline: auto; margin-top: 15px; border-radius: 5px; align-items: center; background-image: linear-gradient(to right, #01599C, #009CD0, #01599C); } .moreDetailsButton a { display: block; text-decoration: none; color: white; } /* CARE BLOCK */ .care { width: 90%; height: 200px; margin-top: 30px !important; margin-bottom: 30px !important; margin: auto; background-image: linear-gradient(#003084, #0047A2); display: flex; padding: 15px; border-radius: 5px; } .care .careImg { width: 23%; height: 100%; display: flex; justify-content: center; align-items: center; } .care .careImg img { width: 50%; height: auto; object-fit: contain; } .care .careDetails { width: 70%; height: 100%; padding: 8px 10px; display: flex; flex-direction: column; justify-content: center; } .care .careDetails>h4 { color: #FAFF00; font-size: clamp(18px, 2vw, 26px); font-weight: 700; line-height: 26px; font-family: 'ubuntu', sans-serif; } .care .careDetails>p { color: #FFFFFF; font-size: clamp(15px, 1vw, 26px); font-weight: 600; line-height: 30px; font-family: 'poppins', sans-serif; text-align: justify; margin-bottom: 0; } .careButton { width: 200px; height: 30px; display: flex; justify-content: center; margin-left: auto; align-items: center; background-color: white; border: none; border-radius: 3px; } .care a { display: block; text-decoration: none; color: #00368B; } /* IMPACT BLOCK */ .impactBlock { width: 90%; margin: auto; height: auto; margin-top: 20px; padding: 3px 6px; margin-bottom: 10px; } .impactBlock>h3 { color: #001740; font-size: clamp(21px, 2vw, 26px); font-weight: 700; line-height: 29px; text-align: center; } .impactBlock .impactline { text-align: center; margin-bottom: 25px; } .impactBlock .row { width: 100%; margin: auto; margin-top: 10px; } .impactBlock .col-sm-3 { border: 2px dashed #0098CD; padding: 14px 12px; background-image: linear-gradient(-30deg, #B5ECFF, #FFFFFF); max-width: 23%; margin-inline: auto; border-radius: 5px; min-height: 69px; } .impactBlock .col-sm-3 p { color: #003777; font-size: clamp(13px, 2vw, 16px); font-weight: 700; line-height: 29px; text-align: left; padding: 2px; font-family: 'poppins', sans-serif; } /* training block */ .meduverseTraining { width: 100%; height: auto; background-color: #E7F1FF; margin-top: 8px; padding-bottom: 35px; padding-top: 30px; margin-top: 40px; } .meduverseTraining>.training { width: 80%; margin: auto; height: auto; } .meduverseTraining .training>.col-sm-7 { padding: 5px; } .meduverseTraining .training>.col-sm-7>.training-underline { margin-top: 10px; text-align: left; padding-left: 6px; } .meduverseTraining .training>.col-sm-7>h5 { color: #E44A23; font-size: clamp(21px, 2vw, 26px); font-weight: 700; line-height: 29px; font-family: Poppins; } .meduverseTraining .training>.col-sm-7>p { color: #001740; font-size: clamp(16px, 2vw, 26px); font-weight: 700; margin: 0; line-height: 31px; font-family: Poppins; } .meduverseTraining .training>.col-sm-5>img { width: auto; height: auto; object-fit: contain; } .meduverseTraining .training>.col-sm-7>.row { width: 100%; height: auto; margin: auto; margin-top: 20px; margin-bottom: 10px } .meduverseTraining .training>.col-sm-7>.row .col-sm-4 { min-height: 100%; max-width: 31%; margin-inline: auto; padding: 0; } .trainingimg { width: 100%; height: auto; background-image: url("../images1/image 7.png"); background-position: center; background-size: cover; border-radius: 6px 6px 0px 0px; } .trainingimg>img { width: 100%; height: 125px; object-fit: contain; background-image: url('../images1/verse-green.png'); background-repeat: no-repeat; background-size: cover; } .trainingDetails { text-align: center; min-height: 67%; background-color: #FFFFFF; position: relative; border-bottom: 5px solid #2977DA; border-radius: 0px 0px 6px 6px; } .trainingDetails>h5 { color: #00337D; font-size: clamp(26px, 2vw, 26px); font-weight: 500; line-height: 29px; font-family: 'poppins', sans-serif; } .trainingDetails>h6 { color: #E44A23; font-size: clamp(16px, 2vw, 19px); font-weight: 600; line-height: 29px; font-family: 'poppins', sans-serif; } .trainingDetails>p { color: #2B2B2B; font-size: clamp(16px, 1vw, 17px); font-weight: 400; font-family: 'poppins', sans-serif; flex-grow: 1; } .demoButton { width: 75%; height: 30px; display: flex; justify-content: center; margin-inline: auto; margin-top: 15px; border-radius: 5px; align-items: center; background-image: linear-gradient(to right, #01599C, #009CD0, #01599C); position: absolute; bottom: 13px; left: 12%; } .demoButton>a { display: block; text-decoration: none; color: white; font-size: 14px; } /* MEDUSYS PG TRAINERS */ .medusysPGtrainers { width: 70%; height: auto; margin: auto; margin-top: 23px; } .medusysPGtrainers .medusysPGtrainers1, .medusysPGtrainers .medusysPGtrainers2 { display: flex; } .medusysPGtrainers>.medusysPGtrainers1>div:nth-child(1) { width: 15%; margin: auto; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .medusysPGtrainers>.medusysPGtrainers1>div:nth-child(2) { width: 81%; height: 80px; margin: auto; text-align: center; padding: 10px; h4 { color: #FAFF00; font-size: clamp(15px, 2vw, 30px); font-weight: 500; } } .medusysPGtrainers>.medusysPGtrainers2>div:nth-child(1) { width: 15%; height: 373px; margin: auto; } .medusysPGtrainers>.medusysPGtrainers2>div:nth-child(2) { width: 81%; height: auto; margin: auto; display: grid; row-gap: 27px; column-gap: 24px; grid-template-columns: repeat(3, 1fr); padding: 16px 4px } .medusysPGtrainers>.medusysPGtrainers2 .mpg .pgDetails { padding: 6px 0px; border-top: 3px dashed #0098CD; border-bottom: 3px dashed #0098CD; border-radius: 32px; } .medusysPGtrainers>.medusysPGtrainers2 .mpg .pgDetails .pginner { width: 100%; min-height: 93px; background-image: linear-gradient(-10deg, #02257D 10%, #00B6F3); display: flex; border-radius: 5px; align-items: center; justify-content: center; text-align: center; } .medusysPGtrainers>.medusysPGtrainers2 .mpg .pgDetails .pginner h5 { font-size: clamp(10px, 2vw, 16px); color: #FFFFFF; font-weight: 600; } .pgdetail { background-color: #068B94; border-radius: 30px 30px 0px 0px; } .medusysPGtrainers .medusysPGtrainers2 .pgdetai2 { background-color: #068B94; border-radius: 30px 0px 0px 30px; text-align: center; position: relative; /* Add position relative */ overflow: hidden; /* Hide overflowing content */ width: 100%; /* Take full width */ height: 100%; /* Take full height */ } .medusysPGtrainers .medusysPGtrainers2 .pgdetai2 h4:nth-child(2) { color: #FAFF00; font-size: clamp(13px, 2vw, 22px); font-weight: 600; margin: 0; width: 400px; transform: translate(-50%, -50%) rotate(-90deg); position: absolute; top: 50%; left: 68%; flex: 1; } .medusysPGtrainers .medusysPGtrainers2 .pgdetai2 h4:nth-child(1) { color: #FAFF00; font-size: clamp(16px, 2vw, 24px); font-weight: 600; margin: 0; width: 400px; transform: translate(-50%, -50%) rotate(-90deg); position: absolute; top: 50%; left: 25%; flex: 1; } .pgLogo { text-align: center; } .pgLogo>h6 { font-size: clamp(11px, 2vw, 19px); color: #E44A23; margin: 0; font-weight: 600; } .pgLogo>img { width: 83%; object-fit: contain; } /* PRODUCT SYNOMPY SLIDER */ .product-symphony { width: 100%; height: auto; background-image: url('../images1/Rectangle 4119.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 15px 5px; margin-block: 19px; } .product-symphony>div:nth-child(1), .product-symphony>div:nth-child(2) { text-align: center; } .product-symphony>div:nth-child(1)>h4 { font-size: clamp(20px, 2vw, 27px); color: #001740; font-weight: 700; font-family: 'ubuntu', sans-serif; } .section-padding { width: 92%; margin: 0 auto; padding: 5px 0; } .owl-item .item { transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */ transform: scale(0.9); transition: all .25s ease-in-out; margin: 50px 0; /* OVERWRITE PLUGIN MARGIN */ } .screenshot_slider .owl-item .item img { -webkit-transition: 0.3s; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -o-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.80); -ms-transform: scale(0.80); transform: scale(0.80); width: 100%; object-fit: contain; } .screenshot_slider .owl-item.center .item img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .screenshot_slider .owl-nav { text-align: center; margin: -65px 0px 0px 0px; } .screenshot_slider .owl-nav button { font-size: 24px !important; margin: 10px !important; color: #72ADFF !important; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0 !important; font: inherit; /* background-color: #ccc !important; */ } /* -------OUR PRODUCTS SLIDER ----------- */ #ourProducts { background-image: url('../images1/Background OUR PRODUCT.PNG'); background-repeat: no-repeat; background-size: cover; height: auto; width: 100% !important; padding-bottom: 25px; } .ourContent { color: #001740; font-size: 31px; font-weight: 700; font-family: poppins; text-align: center; justify-content: center; margin: 15px; } .underline { position: relative; display: inline-block; padding-bottom: 10px; /* font-size: 26px !important; */ /* Adjust the space as needed */ } .underline::after { content: ""; position: absolute; bottom: 0; left: 20%; width: 70%; border-bottom: 4px solid #2977DA; } .underline::before { content: ""; position: absolute; bottom: 0; right: 20%; width: 70%; border-bottom: 4px solid #2977DA; } .card-button { width: 100%; height: 131px; top: 1250px; left: 186px; gap: 0px; border-radius: 25px 0px 25px 0px; opacity: 0px; color: #FFFFFF; background: linear-gradient(108.04deg, #0180B9 0%, #002C40 99.68%); display: flex; justify-content: center; align-items: center; } .slider { /* width: 801px; */ /* height: 509px; */ top: 1428px; left: 397px; gap: 0px; opacity: 0px; margin: 10px; } .pro-medverse{ font-size: 16px; font-weight: 500; text-align: left; padding: 10px 0px 5px 20px; } .i-mob1-new{ margin-left: 70px; } .i-mob{ height: 400px; } @media only screen and (max-width: 1028px) { /* discover page */ .discover .discover1 { width: 93%; } .i-mob1-new{ margin-left: 0px; } .pro-medverse { font-size: 16px; font-weight: 500; text-align: left; padding: 0px 0px 5px 50px; } .productsIcon { margin-top: 7px; } .medusysPGtrainers>.medusysPGtrainers2 .mpg .pgDetails { padding: 4px 0px; border-top: 2px dashed #0098CD; border-bottom: 2px dashed #0098CD; border-radius: 13px; } .discover .discover1 .col-sm-6 { height: auto } /* pain management */ .painManagement { width: 90%; margin: auto; margin-top: 20px; padding: 3px 6px; } .manageDetail { height: 334px; border: 2px dashed #0098CD; padding: 4px 3px; } } @media only screen and (max-width: 990px) { .exploreProducts .productNames { position: absolute; width: 21%; padding: 5px 1px; height: auto; top: 5%; left: 28%; } .exploreProducts .productNames .product { width: 100%; display: block; height: auto; border-radius: 5px; color: #00337D; font-size: 15px; padding: 3px 5px; text-wrap: wrap; font-weight: 500; font-family: 'poppins', sans-serif; background-color: #FFFFFF; } /* discover page */ .discover .discover1 { width: 92%; margin: auto; padding: 3px 8px; /* min-height: auto; */ margin-top: 30px; } .discover .discover1 .col-sm-6 { height: auto } .discover .discover1 p { max-height: 330px; font-weight: 600; min-height: 338px; font-size: 12px; flex-grow: 1; font-family: 'poppins', sans-serif; color: #292929; text-align: left; line-height: 27px; } /* training block */ .demoButton a { display: block; text-decoration: none; color: white; font-size: 12px; } } @media only screen and (max-width: 600px) { .platform { height: 800px; width: 95%; padding-left: 42px; } .learnConnect .contents { width: 90%; } .learnConnect h4 { font-size: 30px; font-weight: 600; } .productIntro .pro1 .deta{ margin: 15px 0px; } /* key benefits */ .keyBenefits { width: 95%; } .keyBenefits .row .clm2 { padding: 1px 5px; } .learning>.row .colm1 .learnRow>div h5 { font-size: 20px; } .keyBenefits .row .clm2 .benefits .ben2 ul li { font-size: 11px; } .learning>.row .colm1 .learnRow { width: 100%; margin: auto; padding: 14px 0px; } .learning>.row .colm1 .learnRow>div { border-bottom: 2px solid #450C6F; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .learning>.row .colm2 img { margin-top: 8px; width: 95%; } /* explore products page */ .exploreProducts { width: 100%; height: 160px; position: relative; } .exploreProducts .productNames { display: flex; position: absolute; height: auto; width: 100%; padding: 5px 1px; height: auto; top: 72%; left: 0; } .exploreProducts .productNames .product { width: 100%; display: inline-block; height: auto; margin-right: 3px; margin-left: 2px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 7px; padding: 0px 3px; } .exploreProducts .productNames .pro { position: absolute; right: 0; top: -38%; font-weight: 600; font-size: 19px; font-family: 'ubuntu', sans-serif; color: #E44A23 } /* discover block */ .discover .discover1 .col-sm-6 { height: auto; } .discover .discover1 .row>div { margin-top: 10px; } .discover .discover1 .row>div .pa { height: auto; } .discover .discover1 { width: 95%; margin: auto; height: auto; padding: 3px 8px; position: relative; } .discover .discover1 p { height: auto; min-height: auto; } .discover .discover1 .discoverBtn { width: 100% } .discover .discover2 { width: 96%; margin-top: 10px; } .discover .discover2 img { width: 90%; } .discover .discover1 .expimg { text-align: center; } .discover .discover1 img { object-fit: contain; margin-top: 0px; width: 100%; height: auto; } /* products page */ .productIntro { margin-bottom: 5px; margin-top: 66px; } .productIntro .pro1 { width: 94%; margin: auto; } .productIntro .pro1 .imgblo { text-align: center; margin-top: 124px; } .par { line-height: 22px; font-size: 14px; text-align: left; width: 94%; padding: 1px 3px; } .painManagement { width: 93%; } .painManagement .pain1 .col-sm-4 .painImg { width: 72%; height: auto; object-fit: contain; } .manageDetail { height: auto; border: 2px dashed #0098CD; padding: 4px 34px; } /* CARE BLOCK */ .care { width: 93%; height: auto; margin-top: 20px; margin-inline: auto; background-image: linear-gradient(#003084, #0047A2); display: block; padding: 15px; } .care .careImg { width: 100%; height: auto; padding: 4px; } .care .careImg img { width: 55%; object-fit: contain; } .care .careDetails { width: 100%; height: auto; padding: 8px 12px; } .care .careDetails>p { color: #FFFFFF; font-size: clamp(15px, 1vw, 20px); font-weight: 600; line-height: 30px; font-family: 'poppins', sans-serif; text-align: left; } .painImg { width: 120px } .impactBlock .col-sm-3 { max-width: 100%; margin-top: 5px; padding: 2px 12px; } .impactBlock .col-sm-3 p { margin: 0; } /* training block */ .meduverseTraining .training { width: 93%; margin: auto; height: auto; } .meduverseTraining .training .col-sm-5 { text-align: center; } .meduverseTraining .training .col-sm-7 .row .col-sm-4 { max-width: 100%; margin-top: 10px; padding-bottom: 15px; } .trainingDetails { min-height: auto; padding-bottom: 20px; } .meduverseTraining .training .col-sm-5 img { width: 81%; height: auto; } .demoButton { position: initial; bottom: 0; left: 12%; } /* MEDUSYS PG TRAINERS */ .medusysPGtrainers { width: 95%; } .medusysPGtrainers>.medusysPGtrainers2>div:nth-child(1) { width: 21%; height: 359px; margin: auto; } .medusysPGtrainers>.medusysPGtrainers2>div:nth-child(2) { row-gap: 18px; column-gap: 15px; grid-template-columns: repeat(3, 1fr); padding: 16px 4px; } .medusysPGtrainers>.medusysPGtrainers1>div:nth-child(2) { width: 77%; } .pgLogo>img { width: 150%; object-fit: contain; } /* EXPLORE PRODUCTS */ .contact-exploreProducts { width: 93%; margin: auto; margin-top: 0px !important; } .section-padding { width: 90%; margin: 0 auto; padding: 5px 0; } .screenshot_slider .owl-nav { text-align: center; margin: -66px 94px 0px 122px; } .owl-carousel.owl-drag .owl-item { margin-top: -31px; } .owl-carousel{ z-index: 0 !important; } /* ----------OUR PRODUCTS SLIDER--------- */ .ourImg-img { width: 100%; } .card-button { margin: 15px !important; } #main-div { margin-left: 15px; } #ourProducts { background-image: none; } .prevb { margin-left: 70px !important; } .nextb { margin-right: 70px; } .slider { margin-left: 15px; } .blog-footer { margin-top: 15px; } .platform-product{ height: 660px !important; } } .pro-brown{ font-family: Poppins; font-size: 22px; font-weight: 500; text-align: left; color: rgba(176, 0, 0, 1); } .platform-product{ padding-top: 30px; } /* ------product---------------end--------------- */ /*-----------------------------end product page-------------------------------------*/ /*-----------------------------more------login-------------------------------*/ .dr1 { position: absolute; } .drop1 { position: relative; margin-left: -30px; width: 123px; margin-top: 5px; } #login-btn { height: 46px; display: flex; position: relative; align-items: center; justify-content: center; width: 15%; margin-top: -33px; border-radius: 90px !important; font-size: 16px; font-weight: 600; background: rgba(0, 228, 242, 1); color: rgba(0, 24, 66, 1); margin-left: 103%; } .dr2 { position: absolute; } .drop2 { position: absolute !important; width: 115px; margin-left: 38px; margin-top: 130px; text-align: left; } #login-btn>li { padding: 10px 10px 10px 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #login-btn { border: none; } #login-btn:Focus { outline: none; } .loin-mem-adm{ margin-top: -3px; margin-left: 1px; } @media only screen and (max-width: 600px) { .contact-exploreProducts-mob{ } .dr1 { position: relative !important; } .dr2 { position: relative !important; } .loin-mem-adm{ } .drop1 { position: relative; margin-left: 18px !important; /* width: 123px; */ margin-top: 5px; } .drop2 { position: absolute !important; width: 147px !important; margin-left: 123px !important; margin-top: 92px; text-align: left; } .blog-footer-desktop{ display: none; } .blog-footer-mobile{ display: block !important; } .med-mob-vers{ position: relative; top: 15px; left: 33px; padding: 0px !important; } .ne-orproduct { font-size: 35px !important; padding: 10px 0px 20px -1px; margin-bottom: 25px; } .disco-new-main{ height: 681px !important; /* padding: 10px; */ margin: 10px 0px; } } .blog-footer-mobile{ display: none; } /*-----------------------------end more--- login----------------------------------*/ .faq-sectionmain { display: none; } .faq-sectionmain.open { width:100%; margin:auto; display:flex; } .Continue-reading{ background-color: rgba(208, 223, 255, 1); } .fot-header ul a:hover { color: rgb(60 157 232) !important; text-decoration: none; } .expimg img{ width: 100%; height: auto; border-radius: 13px; margin: 30px 0px; } .disco-new { padding: 10px; } .disco-new-main{ height: 592px ; } .belo-main-dis{ background-color: #EFF3FC !important; padding: 15px 0px; } /*------------------contact----------------*/ .office-contact { width: 90%; margin: auto; } .office-address, .office-address2 { width: 97%; background-image: url('../images1/wings.png'), linear-gradient(-23deg, #B5ECFF, #FFFFFF); background-repeat: no-repeat; background-position: right; margin: auto; border: 1px dashed #0098CD; padding-block: 7px; border-radius: 8px; } .office-address2 { margin-top: 20px; } .address-content { background-image: url('../images1/vertival line contact us.png'); background-repeat: no-repeat; background-position: right; background-size: auto; } .address-content>h5 { font-size: clamp(20px, 2vw, 26px); font-weight: 700; font-family: 'Poppins'; color: #001740; text-align: left; padding-inline: 46px; padding-block: 29px; } .officeAddress { width: 85%; margin: auto; height: 100%; padding-block: 30px; padding-left: 20px; } .off2 { display: flex; flex-direction: column; justify-content: center; } .officeAddress>h6 { font-size: 20px; font-weight: 600; font-family: 'poppins'; color: #E44A23; text-align: left; } .officeAddress>p>span { color: #B05F00; font-size: 18px; font-weight: 600; } .officeAddress>p { color: #003777; font-size: 16px; font-weight: 600; } .officeIcons { width: 40%; display: flex; justify-content: space-between; margin-top: 10px; } .officeIcons .ic { font-size: 21px; padding: 4px; } .email-phone { padding-top: 5px } .email-phone .emailblock, .email-phone .phonenumblock { display: flex; } .messageIcon { width: 41px; height: 41px; margin-block: 0px; } .phone-box, .emails-box { display: flex; flex-direction: column; padding-inline: 12px; a { text-decoration: none; font-size: 15px; color: #373737; font-family: 'poppins'; font-weight: 500; } } @media only screen and (max-width:600px) { .officeAddress { padding-block: 0px; padding-left: 0px; } .off2 { display: block; padding-block:15px; } .officeIcons { width: 86%; } .address-content { background-image: none; } .address-content>h5 { padding-inline: 30px; padding-block: 16px; } } /*---------end contact-----------*/ @media only screen and (max-width: 600px) { .user-guide { margin-top: -244px; } .user-img1-main { width: 100%; margin-top: 16px; } .helthcareGuide .guideDetail { height: auto !important; } .benifits-association-new{ margin-top: -425px !important; } .block2 { width: 100%; } } .btn-faq-question { text-wrap: balance !important; } .Continue-reading a{ text-decoration: none; color: black; } .Continue-reading a:hover{ text-decoration: none; color: black; } /*--------------iphone only------------------------*/ @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) { .block2 img { width: 100%; height: auto; } .btn-faq-question { text-wrap: balance !important; } } /* Safari-specific fix */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Your CSS rules specific to Safari */ .block2 img { width: 100%; height: auto; } .productIntro .pro1 .imgblo img { width: 100%; height: auto; margin-top: 10px; } /* CSS to enforce word wrapping for accordion buttons */ .btn-faq-question { white-space: normal; /* Ensures that text wraps within the button */ } /* Optional: Adjust button padding for better appearance */ .btn-faq-question { padding-right: 2.5rem; /* Adjust as needed */ } .pgdetail h4 { color: #FAFF00; font-size: clamp(15px, 2vw, 30px); font-weight: 500; } }