/* ----- Theme CSS ----- */ header, nav, section, footer, #VisitContainer { width: 100%; margin: 0px; padding: 0px; position: relative; } #Header, #Footer, #Credibility, #Main-Menu, #Visit, #Outcome { max-width: 1200px; min-width: 300px; margin: 0px auto; padding: 0px; position: relative; } /* Selection CSS */ #Container ::selection { background: var(--themeOneBg); color: var(--fontLight); } /* Scroller CSS */ #Scroller a { background: var(--fontLight); border: 2px solid var(--themeOneBg); color: var(--themeThreeBg); border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); } /* Scroller CSS */ #gdpCookie, #gdp_popup .cc-cp-foot-byline { font: 400 14px/20px var(--siteFont) !important; } /* ----- Header ----- */ /* .stickyHeader { position: sticky !important; position: -webkit-sticky !important; position: -moz-sticky !important; position: -ms-sticky !important; position: -o-sticky !important; } */ #Header { min-height: 100px; } .logo { padding: 30px 5px; width: 500px; } .logo a { display: block; } .appoint { vertical-align: middle; } .topRightHead { margin-bottom: 5px; } .topRightHead ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: right; } .topRightHead li { text-transform: uppercase; font: 500 16px/20px var(--headingFont); color: var(--themeTwoBg); position: relative; } .topRightHead li a { display: block; padding: 5px 10px; } .topRightHead li a:hover { color:var(--themeOneBg); } .topRightHead li a::before { content: ''; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; margin-right: 5px; } .topRightHead .bookAppoint a::before { display: none; } .tel1.callAppoint { margin-right: 20px; } .callAppoint a::before { background: url(/images/call-appoint-img-ver2.png) no-repeat center 1px; } .callAppoint a::after { content: ''; position: absolute; width: 1px; height: 13px; background: var(--themeOneBg); right: -9px; top: 9px; } #VisitContainer { background: #edf2e2; position: relative; } #Visit { min-height:270px; } #Visit h3 { font: 300 60px/74px var(--siteFont); color: #191919; text-align: center; padding: 70px 0px 50px 0px; } #Visit h3 span { display: block; font: 300 18px/22px var(--siteFont); color: #5b5b61; } /* ----- Credibility ----- */ #Credibility { padding: 20px 0px 20px 0px; text-align: center; } #Credibility li { display: inline-block; vertical-align: middle; padding: 5px 0px; } #Credibility li a { width: 98%; display: block; margin: 0px auto; } /* ----- Footer ----- */ #Footer-Container { background: #191919; position: relative; } #Footer { text-align: center; /*background-color: rgb(255 255 255 / 0.01);*/ } .socLogo.large { padding: 0px; position: absolute; top: -220px; left: 0; right: 0; } .socLogo.large h3 { font: 300 60px/64px var(--siteFont); color: #191919; padding-bottom: 50px; } .socLogo.large h3 span { font: 400 16px/22px var(--siteFont); color: #be0016; display: block; text-transform: uppercase; letter-spacing: 3px; } .socLogo.large ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 2px; } .socLogo.large li { width: 170px; height: 180px; font: 400 16px/44px var(--siteFont); border: 1px solid #191919; text-align: center; margin-right: 80px; background: #f6f6f6; } .socLogo.large li:last-child { margin-right: 0px; } .socLogo.large ul li a { width: 94px; height: 94px; background: #ccc; border-radius: 100px; display: block; margin: 30px auto; text-align: center; position: relative; } .socLogo.large .instagram a { background: #dc2061; } .socLogo.large .facebook a { background: #3848a7; } .socLogo.large .linkedin a { background: #3479d1; } .socLogo.large .twitter a { background: url(/images/twitter-logo-off.png) no-repeat center #000; } .socLogo.large .threads a { background: #B02CD5; background: url(/images/threads-logo.png) no-repeat center; background: url(/images/threads-logo.png), linear-gradient(77deg, rgba(176, 44, 213, 1) 0%, rgba(203, 47, 169, 1) 27%, rgba(231, 54, 120, 1) 51%, rgba(229, 119, 53, 1) 70%, rgba(226, 127, 49, 1) 84%, rgba(218, 148, 38, 1) 97%); background-repeat: no-repeat, no-repeat; background-position: center; } .socLogo.large li a:hover { color: var(--themeTwoBg); } .socLogo.large li a::before { font-size: 40px; color: #fff; top: 25px; position: absolute; left: 0; right: 0; } .socLogo.large li span { position: absolute; bottom: -30px; text-align: center; left: 0; right: 0; display: block; font: 400 16px/16px var(--siteFont); color: #191919; background-color: rgb(255 255 255 / 0.01); } .socLogo { padding: 10px 0px; } .socLogo ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 2px; } .socLogo li { width: 60px; height: 46px; font: 400 16px/44px var(--siteFont); } .socLogo li a { width: 100%; height: 100%; display: block; border-radius: 10px; color: var(--fontDark); } .socLogo li a:hover { color: var(--themeTwoBg); } .socLogo li a::before { font-size: 30px; color: #fff; } .socLogo li a:hover::before { color: var(--themeOneBg); } .socLogo li span { display: none; } .twitter { background: url(/images/twitter-logo-off.png) no-repeat center; } .twitter a::before { display: none; } .footLinks { text-align: center; padding: 30px 0px 5px 0px; } .footLinks ul { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; gap: 10px; } .footLinks li { font: 400 16px/20px var(--siteFont); position: relative; } .footLinks li:not(:last-child)::after { content: ''; width: 4px; height: 4px; background: var(--themeOneBg); position: absolute; z-index: 0; right: -5px; top: 50%; transform: translateY(-50%); border-radius: 50%; } .footLinks a { display: block; padding: 10px; color: var(--fontLight); } .footLinks a:hover { color: var(--themeOneBg); } .footLinks span { display: inline-block; vertical-align: middle; } .copyright { padding: 20px 0px; color: #fff; } .copyright h2, .copyright p { font: 400 16px/20px var(--siteFont); } .copyright p { color: var(--themeOneBg); padding: 30px 0px 0px 0px; } .copyright p a { color: #fff; padding: 0px 10px; } .copyright p a:hover { color:var(--themeOneBg); } .ypoLogo { padding: 10px 0px 40px 0px; } .ypoLogo a { display: inline-block; } #Outcome { font: 300 18px/26px var(--siteFont); text-align: center; padding: 35px 0px 0px 0px; } #Outcome img { margin: 0px 0px 0px 10px; } .footerGrid { display: grid; grid-template-columns: auto auto auto; color: #fff; border-bottom: 2px solid #2b2a2a; padding: 155px 0px 30px 0px; } .grid1 { text-align: left; padding: 20px 0px 0px 0px; } .grid1 p { font: 300 16px/25px var(--siteFont); padding: 0px 0px 0px 35px; } .grid1 .fTel, .grid1 .fEmail { font: 300 17px/22px var(--siteFont); padding: 24px 0px 0px 35px; } .grid1 p::before { color: #dc1e34; font-size: 25px; position: absolute; left: 0; } .grid1 .fTel::before, .grid1 .fEmail::before { color: #dc1e34; font-size: 25px; position: absolute; left: 0; } .grid2 { text-align: center; max-width: 370px; } .grid3 { padding: 20px 0px 0px 0px; } .fiveStar { font: 300 16px/16px var(--siteFont); position: relative; } .fiveStar::before { position: relative; content: ''; background: url(/images/five-star-ico.png) no-repeat 0px 0px; width: 81px; height: 15px; margin-right: 8px; display: inline-block; } .genaral-soc { position: fixed; right: 30px; width: 40px; height: 225px; z-index: 9999; top: 210px; } .genaral-soc .font-icon { color: #fff; text-align: center; padding: 0px; line-height: 36px; } .genaral-soc li { display: block; vertical-align: top; width: 45px; height: 45px; font-size: 20px; text-align: center; margin: 2px 0; border-radius: 50%; border:3px solid; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .genaral-soc li:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .genaral-soc li a { display: block; width:100%; height:100%; } .genaral-soc li a:hover {-webkit-transform: rotate(360deg); transform: rotate(360deg); } .genaral-soc span { display: none; } .chatgpt { background: url(/images/open-ai-chat-gpt-icon.png) no-repeat center #000; } .chatgpt:hover { background-color: #191919; } .genaral-soc .medical { background: url(/images/healthtap-ico.png) no-repeat center #00b4ff; } @media screen and (max-width:1150px) { .socLogo.large li { width: 140px; height: 165px; margin-right: 10px; } .socLogo.large ul li a { width: 80px; height: 80px; } .socLogo.large li a::before { top: 17px; } .socLogo.large h3 { font: 300 55px/65px var(--siteFont); } .footerGrid { justify-content: space-between; gap: 20px; } .grid1 p::before { left: 6px; } .grid1 .fTel::before { left: 6px; } .footerGrid { padding: 120px 0px 30px 0px; } .socLogo li { width: 46px; } } @media screen and (max-width:980px) { .logo { width: 360px; } #Visit h3 { font: 300 50px/64px var(--siteFont); } } @media screen and (max-width:800px) { #Header .tableCell { display: inherit; text-align: center; width: 100%; } .logo { padding: 15px 5px; width: 100%; } .topRightHead ul { justify-content: center; } .topRightHead { margin-bottom: 10px; } } @media screen and (max-width:767px) { .socLogo.large li { width: 100px; height: 135px; } .socLogo.large ul li a { width: 60px; height: 60px; } .socLogo.large li a::before { font-size: 29px; top:8px; } .footerGrid { padding: 85px 0px 30px 0px; grid-template-columns: auto auto; justify-content:space-around; } .grid2 { max-width: 305px; } } @media screen and (max-width: 640px) { header { position: relative; } .footLinks a { padding: 5px 10px; } #gdpCookie, #gdp_popup .cc-cp-foot-byline { font: 400 12px/20px var(--siteFont) !important; } .cookie-main { padding: 5px !important; line-height: unset !important; margin: 0px !important; } .cookie-main p { padding: 0px 0px 5px 0px !important; margin: 0px !important; } .cookie-main li.cookie-button a { margin: 0px !important; } .cookie-main li.cookie-content { margin: 0px !important; } } @media screen and (max-width:560px) { .socLogo.large { padding: 50px 0px 0px 0px; position:static; } .socLogo.large h3 { font: 300 50px/60px var(--siteFont); color: #fff; padding-bottom:0; } .socLogo.large li { border: 0; background: none; width: auto; height: auto; } .socLogo.large ul li a { margin: 20px auto; } #VisitContainer{ display: none; } .socLogo.large li span { display: none; } .grid1 p { padding: 0px 0px 0px 0px; } .grid1 .fTel { padding: 0px 0px 0px 0px; } .grid1 .fTel, .grid1 .fEmail { padding: 24px 0px 0px 0px; } .footerGrid { grid-template-columns: auto; justify-content: center; padding: 0px 0px 30px 0px; } .grid1 p::before { position: relative; display: inline-block; margin-right: 20px; } .grid1 .fTel::before, .grid1 .fEmail::before { position: relative; display: inline-block; margin-right: 20px; } .grid2 { margin: 20px 0px 0px 0px; } #Visit h3 { font: 300 37px/60px var(--siteFont); padding: 30px 0px 0px 0px; } }