/* Global Style Start */ :root { /* Font */ --primary_font: 'Inter', sans-serif; /* Color */ --primary_color: #00122A; --secondary_color: #004CBC; --accent_color: #C0C0C0; --text_color: #6A6A6A; --default_color: #FFFFFF; /* Linear */ --primary_linear: linear-gradient(90deg, #004CBC 0%, #00122A 100%); --secondary_linear: linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); /* BG */ --primary_bg: #FBFCFF; } /* selection */ ::selection { color: var(--default_color); background: var(--secondary_color); } /* selection */ /* Preloader End */ .preloader { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--default_color); z-index: 9999; transition: opacity 0.5s ease; opacity: 1; } .preloader.hide { opacity: 0; pointer-events: none; } .preloader img { max-width: 200px; max-height: 50px; } /* Preloader End */ html { scroll-behavior: smooth; } body { overflow-x: hidden; font-family: var(--primary_font); } section { padding: 100px 0px; background: var(--primary_bg); } a { text-decoration: none; } img { object-fit: cover; } ul { list-style-type: none; padding-left: 0px; } h1,h2,h3,h4,h5,h6 { font-family: var(--primary_font); } h2 { font-size: 38px; font-weight: 700; background: -webkit-linear-gradient(0deg, #004CBC 0%, #00122A 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: capitalize; } h4 { color: var(--default_color); font-size: 28px; font-weight: 700; text-transform: capitalize; } h5 { color: var(--primary_color); font-size: 24px; font-weight: 600; text-transform: capitalize; } h6 { font-size: 16px; font-weight: 700; text-transform: capitalize; } p { color: var(--text_color); font-size: 18px; font-family: var(--primary_font); font-weight: 400; } /* btn */ .btn { color: var(--default_color) !important; font-size: 16px; font-family: var(--primary_font); font-weight: 600; text-transform: capitalize; padding: 11px 28px 10px; border-radius: 4px; border: 0px; background: linear-gradient(90deg, #004CBC 0%, #00122A 100%); transition: 0.4s all ease; } .btn:hover { color: var(--default_color) !important; background: linear-gradient(90deg, #004CBC 0%, #00122A 100%); transition: 0.4s all ease; } /* Global Style End */ /* Navbar Start */ .d2c_navbar { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.03) } .navbar-brand { max-width: 106px; padding: 2px 0px 8px; } .navbar { padding: 16px 0px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 14px; display: flex; align-items: center; } .d2c_navbar .navbar-nav .nav-item:last-child { margin-right: 0; } .d2c_navbar .navbar-nav .nav-link { color: var(--primary_color); font-family: var(--primary_font); font-size: 20px; font-weight: 600; text-transform: capitalize; padding: 0px 0px; background: transparent; transition: .4s all ease; border-radius: 4px; position: relative; } .d2c_navbar .navbar-nav .nav-link:hover { color: var(--secondary_color); transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link::before { content: ''; width: 0px; height: 2px; background-color: var(--secondary_color); position: absolute; bottom: -5px; transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link:hover::before { content: ''; width: 25px; height: 2px; background-color: var(--secondary_color); position: absolute; bottom: -5px; transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link.active { color: var(--secondary_color); transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link.active::before { content: ''; width: 25px; height: 2px; background-color: var(--secondary_color); position: absolute; bottom: -5px; transition: .4s all ease; } /* Nav Item Show From Side */ body .d2c_mobile_view { position: fixed; height: 100vh; inset: 0; opacity: 1; } .navbar.d2c_mobile_view_body .navbar-nav { width: 100%; } .navbar.d2c_mobile_view_body .nav-item { margin-right: 0; } .d2c_mobile_view .show_width { max-width: 14.625rem; width: 100%; height: 100vh; position: absolute; right: -380px; top: 0; transition: 0.5s; padding: 20px 30px; background-color: var(--primary_bg); overflow: scroll; z-index: 9999; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); } .d2c_mobile_view.show .show_width { right: 0; transition: 0.5s; } .hide_width { max-width: 15.625rem; width: 100%; height: 100vh; position: absolute; right: -380px !important; top: 0; transition: 0.5s !important; padding: 20px 15px; background-color: var(--default_color); overflow: scroll; z-index: 9999; } .navbar-toggler:focus { box-shadow: none; } .navbar-toggler { border: 1px solid var(--primary_color); color: var(--primary_color); padding: 7px 10px; width: 44px; margin-left: 0px; transition: .4s all ease; } .navbar-toggler:hover { background: transparent; color: var(--primary_color); transition: .4s all ease; } .d2c_cross_btn { width: auto; border: none; } @media only screen and (min-width:991px) { body .d2c_mobile_view { opacity: 0; transition: .5s; } } /* Navbar End */ /* Home Page Style Start */ /* Hero Section Start */ .d2c_hero_wrapper { padding: 30px 0px 100px; background: url(../images/home_hero_bg.png), linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-repeat: no-repeat; background-position: center; background-size: cover; } h1 { font-size: 62px; font-weight: 700; background: -webkit-linear-gradient(0deg, #004CBC 0%, #00122A 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: capitalize; margin-bottom: 20px; line-height: 1.2; } .d2c_hero_wrapper p { margin-bottom: 40px; } .d2c_hero_wrapper .btn { margin-bottom: 50px; } .d2c_short_service { border: 1px solid #E2EAF8; border-radius: 10px; } .d2c_short_service_content { height: 100%; padding: 25px; border-right: 1px solid #E2EAF8; } .d2c_short_service_content i { font-size: 40px; color: var(--secondary_color); margin-bottom: 20px; } .d2c_short_service_content p { color: #00122A; font-weight: 600; text-transform: capitalize; line-height: 1.2; } .d2c_hero_right_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_hero_right_wrapper .d2c_img_wrapper { width: 519px; height: 755px; } .d2c_overlay { background: linear-gradient(180deg, rgba(250, 251, 254, 0) 73%, #EEF5FF 100%); position: absolute; inset: 0; } /* Hero Section End */ /* About Section Start */ .d2c_about_wrapper { padding: 100px 0px 150px; background-image: url(../images/home_about_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .d2c_about_left_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_about_left_wrapper .d2c_img_wrapper { width: 460px; height: 668px; } .d2c_about_left_wrapper img { margin-top: -50px; } .d2c_about_wrapper h6 { margin-bottom: 20px; letter-spacing: 1.6px; } .d2c_about_card { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); border-radius: 10px; padding: 40px; position: absolute; bottom: -100px; right: 0; } .d2c_icon_wrapper { width: 60px; height: 60px; background: var(--primary_color); border-radius: 100px; display: flex; justify-content: center; align-items: center; margin-right: 20px; } .d2c_icon_wrapper i { font-size: 24px; background: -webkit-linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .d2c_number_wrapper h6 { color: var(--secondary_color); margin-bottom: 10px; } .d2c_about_wrapper h2 { margin-bottom: 30px; } .d2c_about_wrapper p { margin-bottom: 50px; } .d2c_about_wrapper h5 { color: var(--secondary_color); } .d2c_about_card h5 { color: var(--primary_color); } .d2c_about_content p { margin-bottom: 30px; } .d2c_about_icon { margin: 2px 0px 0px 0px; width: 30px; height: 30px; border: 1px solid var(--secondary_color); border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; } .d2c_dot_icon { width: 22px; height: 22px; background: var(--secondary_color); border-radius: 100px; } .d2c_about_icon::before { content: ''; width: 1px; height: 93px; background: var(--secondary_color); position: absolute; top: 28px; left: 13px; } ul li:last-child .d2c_about_icon::before { display: none; } /* About Section End */ /* Service Section Start */ .d2c_services_wrapper { background: url(../images/home_service_bg.png), linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_services_wrapper .d2c_sub_heading { margin-bottom: 20px; } .d2c_services_wrapper h2 { margin-bottom: 30px; } .d2c_services_content { margin-bottom: 35px; } .d2c_services_wrapper i { font-size: 20px; color: var(--secondary_color); margin: 3px 15px 0px 0px; } .d2c_services_wrapper .d2c_card { height: 100%; background: var(--primary_bg); box-shadow: 0px 4px 30px rgba(1, 22, 50, 0.03); border-radius: 10px; padding: 50px 40px; position: relative; z-index: 0; transition: opacity 0.4s linear; } .d2c_services_wrapper .d2c_card::before { position: absolute; content: ""; inset: 0; background-image: linear-gradient(90deg, #004CBC 0%, #00122A 100%); z-index: -1; opacity: 0; border-radius: 10px; transition: opacity 0.4s linear; color: var(--default_color); } .d2c_services_wrapper .d2c_card:hover::before { opacity: 1; color: var(--default_color); transition: opacity 0.4s linear; } .d2c_services_wrapper .d2c_card i { font-size: 50px; color: var(--secondary_color); border-right: 1px solid #B0C7EB; padding-right: 45px; margin: 0px 15px 40px 0px; transition: 0.4s all; } .d2c_services_wrapper .d2c_card:hover i { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.4s all; } .d2c_services_wrapper .d2c_card:hover h6 { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.4s all; } .d2c_services_wrapper .d2c_card:hover h4 { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.4s all; } .d2c_services_wrapper .d2c_card:hover p { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.4s all; } .d2c_card_header { margin-bottom: 20px; } .d2c_card_header h4 { color: var(--secondary_color); transition: 0.4s all; } .d2c_services_wrapper ul li:last-child { margin-bottom: 25px; } /* Service Section End */ /* Care Section Start */ .d2c_care_wrapper { background-image: url(../images/home_care_bg.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .d2c_care_right_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_care_right_wrapper .d2c_img_wrapper { width: 519px; height: 704px; } .d2c_care_right_wrapper .d2c_overlay { background: linear-gradient(180deg, rgba(250, 251, 254, 0) 73%, #FBFCFF 100%); position: absolute; inset: 0; } .d2c_care_wrapper h2 { margin-bottom: 25px; } .d2c_care_wrapper p { margin-bottom: 50px; } .d2c_care_wrapper h5 { color: var(--secondary_color); } .d2c_care_wrapper .d2c_card { height: 100%; border-radius: 10px; border-right: 1px solid #E2EAF8; border-bottom: 1px solid #E2EAF8; } /* Care Section End */ /* Experience Section Start */ .d2c_experience_wrapper { background: linear-gradient(0deg, rgba(0, 18, 42, 0.96) 0%, rgba(0, 18, 42, 0.96) 100%), url(../images/home_experience_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .d2c_experience_wrapper h2 { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 25px; } .d2c_experience_wrapper h2 span { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 25px; } .d2c_experience_wrapper p { color: var(--primary_bg); margin-bottom: 60px; } .d2c_experience_wrapper h6 { color: var(--primary_bg); letter-spacing: 1.6px; } .d2c_counter { border-right: 2px solid #1D2F45; } /* Experience Section End */ /* Gallery Section Start */ .d2c_gallery_wrapper { background-image: url(../images/gallery_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_gallery_wrapper h2 { margin-bottom: 15px; } .d2c_gallery_wrapper p { margin-bottom: 60px; } .d2c_grid_item { border-radius: 10px; } .d2c_grid_item.is-visible { animation: Items .6s ease-in forwards; } .fancybox { display: block; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; transition: 0.4s all; border-radius: 10px; position: relative; } .fancybox .d2c_overlay { position: absolute; inset: 0; border-radius: 10px; background: linear-gradient(0deg, rgba(0, 20, 45, 0.20) 0%, rgba(0, 20, 45, 0.20) 100%); opacity: 0; transition: 0.4s all; } .fancybox:hover { transition: 0.4s all; } .fancybox:hover .d2c_overlay { opacity: 1; transition: 0.4s all; } .d2c_grid_item:nth-child(1) .fancybox { background: url(../images/home_gallery_img_one.jpg); height: 350px; } .d2c_grid_item:nth-child(2) .fancybox { background: url(../images/home_gallery_img_two.jpg); height: 350px; } .d2c_grid_item:nth-child(3) .fancybox { background: url(../images/home_gallery_img_three.jpg); height: 350px; } .d2c_grid_item:nth-child(4) .fancybox { background: url(../images/home_gallery_img_four.jpg); height: 336px; } .d2c_grid_item:nth-child(5) .fancybox { background: url(../images/home_gallery_img_five.jpg); height: 336px; } .d2c_grid_item:nth-child(6) .fancybox { background: url(../images/home_gallery_img_six.jpg); height: 336px; } .d2c_grid_item:nth-child(7) .fancybox { background: url(../images/home_gallery_img_seven.jpg); height: 336px; } /* Gallery Section End */ /* Call To Action Section Start */ .d2c_c2a_wrapper { padding: 100px 0px; background: url(../images/home_c2a_bg.png), var(--primary_color); background-repeat: no-repeat; background-position: center; background-size: cover; } .d2c_c2a_wrapper h6 { color: var(--default_color); margin-bottom: 20px; font-weight: 600; } .d2c_c2a_wrapper h2 { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 40px; } .d2c_c2a_wrapper .btn { background: var(--secondary_color); transition: 0.4s all; } .d2c_c2a_wrapper .btn:hover { color: var(--primary_color); background: var(--primary_bg); transition: 0.4s all; } .d2c_c2a_wrapper .btn:hover { color: var(--primary_color) !important; background: var(--primary_bg) !important; transition: 0.4s all; } /* Call To Action Section End */ /* Testimonial Section Start */ .d2c_testimonial_wrapper { background: url(../images/home_testimonial_bg.png), linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-repeat: no-repeat; background-size: contain; background-position: center; overflow-x: hidden; } .d2c_testimonial_wrapper .d2c_sub_heading { margin-bottom: 10px; } .d2c_testimonial_wrapper .d2c_card { height: 100% !important; background: #E9F2FF; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 10, 20, 0.10); transition: 0.4s all; } .slick-current.slick-active .d2c_card { box-shadow: 0px 0px 16px rgba(0, 19, 42, 0.12); transition: 0.4s all; } .d2c_testimonial_wrapper h2 { margin-bottom: 40px; } .d2c_testimonial_wrapper .d2c_img_wrapper { width: 100px; height: 100px; margin-bottom: 30px; } .d2c_testimonial_wrapper img { border-radius: 9px; } .d2c_testimonial_wrapper h5 { color: var(--secondary_color); position: relative; display: inline-block; } .d2c_testimonial_wrapper h5::before { content: url(../images/left_comma.svg); position: absolute; top: -24px; left: -60px; } .d2c_testimonial_wrapper h5::after { content: url(../images/right_comma.svg); position: absolute; bottom: -24px; right: -60px; } .d2c_testimonial_wrapper h6 { margin-bottom: 25px; } .d2c_testimonial_wrapper p { color: var(--primary_color); } .slick-slide { padding: 30px 12px; } .slick-track { height: 100%; } .slick-dots li button:before { font-size: 10px; opacity: 1; color: var(--secondary_color) !important; transition: 0.4 all; } .slick-dots li button:hover:before { font-size: 14px; opacity: 1; color: var(--primary_color) !important; transition: 0.4 all; } .slick-dots li.slick-active button:before { font-size: 14px; opacity: 1; color: var(--primary_color) !important; transition: 0.4 all; } /* Testimonial Section End */ /* Footer Section Start */ .d2c_footer_wrapper { padding: 90px 0px 0px; background: url(../images/footer_bg.png), var(--primary_color); background-repeat: no-repeat; background-position: center; background-size: cover; } .d2c_footer_wrapper img { max-height: 50px; margin-bottom: 30px; } .d2c_footer_wrapper h4 { margin-bottom: 30px; padding-top: 15px; } .d2c_footer_wrapper p { color: var(--primary_bg); font-weight: 400; margin-bottom: 40px; } .d2c_footer_wrapper .d2c_icon_wrapper { width: 35px; height: 35px; background: #2D3E55; transition: 0.4s all; } .d2c_footer_wrapper .d2c_icon_wrapper:hover { background: var(--secondary_color); transition: 0.4s all; } .d2c_footer_wrapper i { font-size: 14px; } .d2c_quick_link { padding-left: 80px; } .d2c_quick_link ul li:first-child { padding-top: 0; } .d2c_quick_link li { padding: 6px 0px; } .d2c_quick_link li a { font-size: 18px; font-weight: 400; font-family: var(--primary_font); color: var(--default_color); transition: 0.4s all; } .d2c_quick_link li a:hover { color: var(--secondary_color); transition: 0.4s all; } /* Copy Right Start */ .d2c_copy_right_wrapper { padding: 25px 0px; border-top: 2px solid #192940a4; margin-top: 40px; } .d2c_copy_right_wrapper .d2c_link { color: var(--primary_bg) !important; font-weight: 700; transition: 0.4s all; } .d2c_copy_right_wrapper .d2c_link:hover { color: var(--secondary_color) !important; transition: 0.4s all; } /* Copy Right End */ /* Footer Section End */ /* Home Page Style End */ /* ***************************** */ /* About Page Style Start */ /* About Archive Section Start */ .d2c_archive_wrapper { background: url(../images/about_archive_bg.png), linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-repeat: no-repeat; background-size: auto; background-position: center center; } .d2c_archive_wrapper h2 { margin-bottom: 20px; } .d2c_archive_wrapper h5 { color: var(--secondary_color); } .d2c_archive_right_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_archive_right_wrapper .d2c_img_wrapper { width: 465px; height: 775px; } .d2c_archive_left_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .d2c_archive_left_wrapper .d2c_img_wrapper { width: 564px; height: 744px; } .d2c_archive_left_wrapper .d2c_overlay { background: linear-gradient(180deg, rgba(250, 251, 254, 0) 73%, #F6F9FF 100%); } .d2c_service_item i { color: var(--secondary_color); font-size: 24px; margin-right: 10px; } .d2c_service_item p { line-height: 1.2; margin-bottom: 30px; } /* About Archive Section End */ /* About Page Style End */ /* ***************************** */ /* Service Page Style Start */ /* Service Hero Section Start */ .d2c_service_title { margin-bottom: 20px; } .d2c_service_sub_title { margin-bottom: 70px; } .d2c_service_btn { margin-top: 40px; } /* Service Hero Section End */ /* Service Guidline Section Start */ .d2c_guidline_wrapper { background: linear-gradient(0deg, rgba(0, 18, 42, 0.96) 0%, rgba(0, 18, 42, 0.96) 100%), url(../images/home_experience_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .d2c_guidline_wrapper h2 { background: -webkit-linear-gradient(90deg, rgba(250,251,254,1) 0%, rgba(233,242,255,1) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; } .d2c_guidline_wrapper p { margin-bottom: 60px; } .d2c_guidline_wrapper .d2c_guidline_content { color: var(--default_color); } .d2c_guidline_wrapper .d2c_number_wrapper { width: 44px; height: 44px; background: var(--secondary_linear); border-radius: 100px; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .d2c_guidline_wrapper h5 { margin-bottom: 20px; } .d2c_guidline_wrapper .d2c_number_wrapper span { color: var(--primary_color); font-size: 18px; font-family: var(--primary_linear); font-weight: 600; text-transform: capitalize; } .d2c_guidline_wrapper .d2c_number_wrapper::before { content: ''; width: 400px; height: 2px; background: #1E2F42; position: absolute; top: 22px; left: 100%; } .d2c_guidline_wrapper h5 { color: var(--default_color); } .d2c_guidline_wrapper p { color: #7D8895; } /* Service Guidline Section Start */ /* Service Page Style End */ /* ***************************** */ /* Contact Page Style Start */ /* Contact Section Start */ .d2c_contact_wrapper { padding: 100px 0px; background: url(../images/contact_bg.png), linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); background-repeat: no-repeat; background-position: center; background-size: contain; } .d2c_form_wrapper { background: var(--primary_bg); border-radius: 10px; padding: 50px; } .form-label { font-family: var(--primary_font); color: var(--primary_color); font-size: 18px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px !important; } .form-control { color: var(--primary_color); font-family: var(--primary_font); background: #E2E5EA; font-size: 16px; font-weight: 400; border-radius: 4px; border: 0; box-shadow: none; padding: 10px 20px; margin-bottom: 20px; } .form-control:focus { background: #E2E5EA; border-radius: 4px; border: 0; box-shadow: none; color: var(--primary_color); } textarea { margin-bottom: 30px !important; } .d2c_form_wrapper .btn{ width: 100%; } .d2c_contact_right_wrapper { background-image: url(../images/home_hero_img_bg.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .d2c_contact_wrapper .d2c_img_wrapper { width: 519px; height: 704px; } /* Contact Section End */ /* Contact Details Section Start */ .d2c_contact_details_wrapper { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); padding: 20px 0px 100px; } .d2c_contact_details_wrapper .d2c_contact_sub_title { margin-bottom: 50px; } .d2c_contact_details_wrapper .d2c_number_wrapper p { margin-bottom: 6px; } /* Contact Details Section End */ /* Contact Page Style End */ /* ***************************** */ /* Registration Page Style Start */ /* Sign In Section Start */ .d2c_sign_up_wrapper { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%) } .d2c_sign_up_wrapper .form-label { color: var(--secondary_color); } .d2c_sign_up_wrapper p { color: var(--primary_color); } .d2c_log_in { color: var(--primary_color); transition: 0.4s all; font-weight: 600; } .d2c_log_in:hover { color: var(--secondary_color); transition: 0.4s all; } .d2c_checkbox { margin-right: 10px; } .d2c_check_box_wrapper { margin-bottom: 30px; } .d2c_check_box_wrapper a { font-weight: 600; color: var(--primary_color) !important; transition: 0.4s all; } .d2c_check_box_wrapper a:hover { color: var(--secondary_color) !important; transition: 0.4s all; } .d2c_sign_up_wrapper .btn { width: auto; } .d2c_authentication_img { width: 519px; height: 775px; } /* Sign In Section Start */ /* Registration Page Style End */ /* ***************************** */ /* Log In Page Style Start */ .d2c_log_in_wrapper { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); } .d2c_log_in_wrapper .form-label { color: var(--secondary_color); } .d2c_log_in_wrapper p { color: var(--primary_color); } .d2c_log_in { color: var(--primary_color); transition: 0.4s all; } .d2c_log_in:hover { color: var(--secondary_color); transition: 0.4s all; } .d2c_checkbox { margin-right: 10px; } .d2c_check_box_wrapper { margin-bottom: 30px; } .d2c_check_box_wrapper a { color: var(--secondary_color); font-size: 18px; } .d2c_log_in_wrapper .btn { width: auto; } /* Log In Page Style End */ /* FP */ .d2c_forget_password_wrapper { background: linear-gradient(90deg, #FAFBFE 0%, #E9F2FF 100%); } .d2c_back_btn { font-size: 18px; font-weight: 600; font-family: var(--primary_font); color: var(--primary_color); transition: 0.4s all; } .d2c_back_btn:hover { color: var(--secondary_color); transition: 0.4s all; } .d2c_forget_password_wrapper h2 { margin-bottom: 30px; } .d2c_forget_password_wrapper .form-control { margin-bottom: 30px; } .d2c_forget_password_wrapper a { margin-left: 50px; } /* FP */ /* Scroll Button Start */ #scrollBtn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; } #scrollBtn.show { display: block; } #scrollBtn a i { background: var(--secondary_color); font-size: 20px; color: var(--default_color); border-radius: 4px; width: 35px; height: 35px; position: fixed; z-index: 9999; bottom: 7%; right: 4%; transition: all ease 0.4s; display: flex; align-items: center; justify-content: center; border: 2px solid var(--secondary_color); } #scrollBtn a i:hover { color: var(--default_color); background: var(--secondary_color); border: 2px solid var(--secondary_color); transition: all ease 0.4s; } /* Scroll Button End */ /* Template Name: {{Procares- Onepage Medical Website Template with basic pages download}} Template URL: {{https://designtocodes.com/product/procares-onepage-medical-website-template}} Description: {{Get yourself the perfect medical portfolio template ever and make your medical career online more visible with our Pro cares- onepage medical website template.}} Author: DesignToCodes Author URL: https://www.designtocodes.com Text Domain: {{ Pro Cares }} */