/* Global Style Start */ :root { /* Font */ --primary_font: "Ubuntu", sans-serif; --secondary_font: "Inter", sans-serif; /* Color */ --primary_color: #212326; --secondary_color: #FFE1ED; --accent_color: #C5819C; --text_color: #797979; --default_color: #FFFFFF; /* BG */ --primary_bg: linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); } /* selection */ ::selection { color: var(--default_color); background: var(--primary_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; } a { text-decoration: none; font-family: var(--primary_font); } img { object-fit: cover; } ul { list-style-type: none; padding-left: 0px; } h1,h2,h3,h4,h5,h6 { font-family: var(--primary_font); } h1,h2 { color: var(--primary_color); font-weight: 700; } h3,h4,h5,h6 { font-weight: 600; } h2 { color: var(--primary_color); font-size: 30px; font-weight: 500; text-transform: capitalize; } h3 { background: -webkit-linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 24px; font-weight: 500; text-transform: capitalize; } h4 { color: #646464; font-size: 20px; font-weight: 500; text-transform: capitalize; } ul li,p { color: var(--text_color); font-size: 17px; font-family: var(--secondary_font); font-weight: 400; } /* h1 { font-size: 40px; text-transform: capitalize; margin-bottom: 26px; } */ .d2c_title { font-size: 40px; font-weight: 700; font-family: var(--primary_font); text-transform: capitalize; margin-bottom: 26px; } .d2c_title .d2c_color_content { background: var(--primary_color); display: inline-block; } .d2c_title .d2c_color_content span { background: -webkit-linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); background-clip: text; -webkit-text-fill-color: transparent; line-height: 0; padding: 25px 10px 26px; } /* Global BG Start */ .d2c_gradient_bg { padding: 150px 0px; background-image: url(../images/gradient_bg_left.png), url(../images/gradient_bg_right.png), linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); background-repeat: no-repeat; background-position: bottom left, center right; background-size: contain } /* Global BG End */ /* Card Style Start */ .d2c_card_wrapper { background: var(--default_color); border-radius: 20px; border: 1px solid #F3F3F3; height: 100%; } /* Card Style End */ /* Button Style Start */ .d2c_btn_wrapper { background: var(--primary_bg); padding: 1px 1px; border-radius: 50px; display: inline-block; transition: 0.4s all; } .d2c_btn { font-family: var(--secondary_font); font-size: 16px; font-weight: 500; color: var(--primary_color); background: var(--primary_bg); border-radius: 50px; text-transform: capitalize; padding: 11px 32px 10px; display: inline-block; transition: 0.4s all; } .d2c_btn_wrapper:hover .d2c_btn { background: var(--default_color); color: var(--primary_color); transition: 0.4s all; } .d2c_btn_wrapper .d2c_secondary_btn { background: var(--default_color); color: var(--primary_color); transition: 0.4s all; } .d2c_btn_wrapper .d2c_secondary_btn:hover { background: var(--primary_bg); color: var(--primary_color); transition: 0.4s all; } /* Button Style End */ /* Header Style Start */ .d2c_header_wrapper { margin-bottom: 26px; } .d2c_sub_title { color: var(--accent_color); font-size: 18px; font-family: var(--secondary_font); font-weight: 500; text-transform: capitalize; background: var(--secondary_color); display: inline-block; padding: 7px 20px; border-radius: 50px; margin-bottom: 12px; } .d2c_content { color: var(--text_color); font-size: 17px; font-family: var(--secondary_font); font-weight: 400; margin-bottom: 0px; } /* Header Style End */ /* breadcrumb start */ .breadcrumb-item { color: var(--text_color); font-size: 20px; font-family: var(--primary_font); font-weight: 600; text-transform: capitalize; } .breadcrumb-item a { color: var(--text_color); } .dropdown-item.active, .dropdown-item:active { background: #e9ecef; color: var(--primary_color); } /* breadcrumb End */ /* Top Navbar Start */ .d2c_top_nav_wrapper { background: var(--primary_bg); padding: 15px 0px; } .d2c_top_nav_wrapper a { color: var(--primary_color); font-size: 15px; font-family: var(--secondary_font); font-weight: 400; } .d2c_top_nav_wrapper a i { font-size: 15px; font-weight: 900; margin-right: 12px; } /* Top Navbar End */ /* Navbar Start */ .d2c_navbar { background: var(--default_color); border-bottom: 1px solid rgba(33, 35, 38, 0.20); z-index: 1000; } .d2c_navbar .d2c_btn_wrapper { margin-left: 25px; } .navbar-brand { max-width: 160px; } .navbar { padding: 15px 0px; } .d2c_navbar .navbar-nav { margin-left: 42px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 10px; 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(--secondary_font); font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 0px 0px; background: transparent; line-height: 0; padding: 16px 14px 17px; transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link:hover { color: var(--default_color); background: var(--primary_color); transition: .4s all ease; } .d2c_navbar .navbar-nav .nav-link.active { color: var(--default_color); background: var(--primary_color); transition: .4s all ease; } .sticky-top { top: -1px; } /* 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(--secondary_color); 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 */ /* Global Style End */ /* Home Page Start */ /* Hero Section Start */ .d2c_hero_wrapper { padding: 160px 0px; background-image: url(../images/hero_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: auto; } .d2c_hero_wrapper .d2c_header_wrapper::before { content: url(../images/props_one.png); position: absolute; top: 140px; left: -110px; } .d2c_hero_wrapper .d2c_header_wrapper::after { content: url(../images/props_two.png); position: absolute; top: 50px; right: -100px; } .d2c_hero_wrapper .d2c_title { font-size: 80px; } .d2c_hero_wrapper p { padding: 0px 150px; } .d2c_hero_wrapper .d2c_hero_top { margin-bottom: 250px; } .d2c_video_wrapper { background: var(--primary_bg); padding: 0px 60px 0px; border-radius: 50px; } .video-container { position: relative; max-width: 100%; height: 486px; bottom: -60px; border-radius: 37px; } .thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; display: block; border-radius: 37px; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; cursor: pointer; } .video-iframe { width: 100%; height: 100%; border: none; display: none; border-radius: 37px; } /* Hero Section End */ /* About Section Start */ .d2c_about_left { padding: 0px 60px; background: var(--primary_bg); border-radius: 37px; } .d2c_about_left .d2c_img_wrapper { position: relative; bottom: -60px; width: 100%; height: 487px; } .d2c_about_left .d2c_img_wrapper img { box-shadow: 2px 15px 20px rgba(231.63, 231.63, 231.63, 0.20); border-radius: 37px; } .d2c_about_right { padding-left: 80px; } .d2c_about_right ul li { margin-bottom: 10px; } .d2c_about_right ul li i { margin-right: 10px; } .d2c_about_right .d2c_btn_wrapper { margin-top: 25px; } /* About Section End */ /* SEO Fundamental Section Start */ .d2c_seo_wrapper .accordion::before { content: ""; width: 1px; height: 100%; background-image: var(--primary_bg); position: absolute; top: 7px; left: 0; } .d2c_seo_wrapper .accordion-button { background: -webkit-linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 24px; font-weight: 500; text-transform: capitalize; padding-left: 30px; } .d2c_seo_wrapper .accordion-button:not(.collapsed) { position: relative; box-shadow: none; } .d2c_seo_wrapper .accordion-button:not(.collapsed)::before { content: url(../images/seo_props.svg); position: absolute; top: 0; left: -8px; } .d2c_seo_wrapper .accordion-item { border: 0; } .d2c_seo_wrapper .accordion-button::after { display: none; } .d2c_seo_wrapper .accordion-button:focus { box-shadow: none; } .d2c_seo_wrapper .accordion-body { padding: 0px 0px 20px 30px; } .d2c_seo_wrapper .accordion-body h2 { margin-bottom: 25px; } .d2c_seo_wrapper ul li { margin-bottom: 15px; } .d2c_seo_wrapper ul li img { margin-right: 10px; } .d2c_seo_wrapper .d2c_seo_img_wrapper { padding-left: 50px; } /* SEO Fundamental Section End */ /* Counter Section Start */ .d2c_counter { background: rgba(255, 255, 255, 0.30); border-radius: 20px; backdrop-filter: blur(40px); padding: 55px 0px; } .d2c_counter h1 { font-size: 64px; margin-bottom: 10px; } .d2c_counter p { color: #646464; font-size: 20px; font-family: var(--primary_font); font-weight: 500; text-transform: capitalize; } /* Counter Section End */ /* Services Section Start */ .d2c_services_wrapper .d2c_header_wrapper { margin-bottom: 60px; } .d2c_services_wrapper .d2c_card_wrapper { padding: 50px 50px; box-shadow: 0px 0px 0px rgba(231.63, 231.63, 231.63, 0.20); transition: 0.4s all; } .d2c_services_wrapper .d2c_card_wrapper:hover { box-shadow: 2px 15px 20px rgba(231.63, 231.63, 231.63, 0.20); transition: 0.4s all; } .d2c_services_wrapper .d2c_card_wrapper img { margin-bottom: 20px; } .d2c_services_wrapper .d2c_card_wrapper h2 { margin-bottom: 20px; } /* Services Section End */ /* SEO Needs Section Start */ .seo_needs_wrapper .d2c_btn_wrapper:hover { background: var(--primary_color); transition: 0.4s all; } .seo_needs_wrapper .d2c_seo_needs_card { background: rgba(255, 255, 255, 0.30); border-radius: 20px; backdrop-filter: blur(40px); padding: 40px 0px; } .d2c_seo_needs_card img { margin-bottom: 30px; } /* SEO Needs Section End */ /* Our Team Section Start */ .d2c_team_wrapper .d2c_header_wrapper { margin-bottom: 80px; } .d2c_team_wrapper .d2c_card_wrapper { padding: 20px 20px; box-shadow: 0px 0px 0px rgba(231.63, 231.63, 231.63, 0.20); transition: 0.4s all; } .d2c_team_wrapper .d2c_card_wrapper:hover { box-shadow: 2px 15px 20px rgba(231.63, 231.63, 231.63, 0.20); transition: 0.4s all; } .d2c_team_wrapper .d2c_img_wrapper { height: 365px; margin-bottom: 30px; } .d2c_team_wrapper .d2c_img_wrapper img { border-radius: 10px; } .d2c_team_wrapper .d2c_card_wrapper h2 { margin-bottom: 20px } .d2c_team_wrapper .d2c_card_wrapper p { margin-bottom: 30px } .d2c_team_wrapper .d2c_card_wrapper ul { display: inline-flex; justify-content: center; } .d2c_team_wrapper .d2c_card_wrapper ul li { margin: 0px 15px; } .d2c_team_wrapper .d2c_card_wrapper ul li a { color: var(--primary_color); font-size: 24px; transition: 0.4s all; } .d2c_team_wrapper .d2c_card_wrapper ul li a:hover { background: linear-gradient(101deg, #FFDFB8 0%, #FFD0E3 52%, #C0C5FF 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color:transparent; transition: 0.4s all; } .d2c_team_wrapper .d2c_card_wrapper .d2c_img_wrapper .d2c_sub_title { margin-bottom: 0px; position: absolute; bottom: 20px; right: 20px; } /* Our Team Section End */ /* Pricing Section Start */ .d2c_pricing_wrapper .d2c_card_wrapper { padding: 50px 50px; } .d2c_pricing_wrapper h6 { margin-bottom: 30px; } .d2c_pricing_wrapper h2 { font-size: 70px; margin-bottom: 30px; } .d2c_pricing_wrapper h2 sup { font-size: 30px; top: -35px; } .d2c_pricing_wrapper hr { margin: 50px 0; color: #F3F3F3; border: 0; border-top: 1px solid; opacity: 1; } .d2c_pricing_wrapper ul li { color: var(--primary_color); font-size: 20px; font-family: var(--primary_font); font-weight: 500; text-transform: capitalize; margin-bottom: 10px; } .d2c_pricing_wrapper ul li span { color: var(--text_color); font-weight: 300; } /* Pricing Section End */ /* Call To Action Section Start */ .d2c_c2a_wrapper .d2c_btn_wrapper:hover { background: var(--primary_color); transition: 0.4s all; } .d2c_c2a_wrapper .d2c_title { font-size: 60px; } /* .d2c_c2a_wrapper .d2c_color_content h1 { padding: 44px 10px 45px; } */ /* Call To Action Section End */ /* Testimonial Section Start */ .d2c_testimonial_card_wrapper .d2c_card_wrapper { padding: 40px 40px; } .d2c_testimonial_card_wrapper [class*="col-"]:nth-child(odd) .d2c_card_wrapper { background: linear-gradient(180deg, #FFF8F0 0%, rgba(255, 255, 255, 0) 100%); } .d2c_testimonial_card_wrapper [class*="col-"]:nth-child(even) .d2c_card_wrapper { background: linear-gradient(180deg, rgba(246,255,244,1) 0%, rgba(255,255,255,0) 100%); } .d2c_testimonial_card_left .d2c_img_wrapper { width: 78px; height: 78px; } .d2c_testimonial_card_left_content { padding-left: 10px; } .d2c_testimonial_card_left_content h4 { color: var(--primary_color); } .d2c_testimonial_card_left_content p { font-size: 16px; } .d2c_testimonial_card_wrapper ul li { padding: 0px 3px; } .d2c_testimonial_card_wrapper ul li i { font-size: 20px; color: #FFB04E; } .d2c_testimonial_card_wrapper .d2c_testimonial_content { margin-top: 40px; } .d2c_testimonial_wrapper .d2c_header_wrapper { margin-bottom: 60px; } /* Testimonial Section End */ /* Partner Section Start */ .d2c_partner_wrapper { overflow-x: hidden; } .d2c_partner_wrapper .d2c_header_wrapper { margin-bottom: 60px; } .d2c_partner_img_box { border-radius: 10px; border: 1px solid #F3F3F3; display: flex; justify-content: center; align-items: center; } .d2c_partner_img_box img { padding: 25px 35px; max-width: 307px; max-height: 78px; } .d2c_partner_wrapper .slick-slide { padding: 0 15px; margin: 12px; } /* Partner Section End */ /* Newsletter Section Start */ .d2c_newsletter_wrapper .d2c_title { font-size: 60px; margin-bottom: 16px; } .d2c_newsletter_wrapper .input-group { background: var(--default_color); padding: 3px 3px; border-radius: 50px; margin-top: 34px; } .d2c_newsletter_wrapper .form-control { background: var(--default_color); border-radius: 26px; border: 0; color: var(--primary_color); font-size: 17px; font-family: var(--secondary_font); font-weight: 400; padding: 0px 25px; } .d2c_newsletter_wrapper .form-control:focus { box-shadow: none !important; } .d2c_newsletter_wrapper .d2c_btn { border: 0; border-radius: 50px !important; } .d2c_newsletter_wrapper .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0px; } .d2c_newsletter_wrapper::placeholder { color: var(--text_color); font-size: 17px; font-family: var(--secondary_font); font-weight: 400; } /* Newsletter Section End */ /* Footer Section Start */ .d2c_footer_wrapper { background: var(--primary_color); padding: 140px 0px 0px; } .d2c_footer_wrapper img { max-width: 183px; margin-bottom: 20px; } .d2c_footer_content { width: 246px; margin-bottom: 36px; } .d2c_footer_wrapper .d2c_social_media li { padding: 0px 8px; } .d2c_footer_wrapper a { color: #7A7E84; transition: 0.4s all; } .d2c_footer_wrapper a:hover { color: var(--default_color); transition: 0.4s all; } .d2c_footer_wrapper p { color: #7A7E84; font-size: 16px; } .d2c_footer_wrapper h5 { color: var(--default_color); font-size: 16px; font-family: var(--secondary_font); font-weight: 700; text-transform: capitalize; margin-bottom: 30px; } .d2c_footer_wrapper .d2c_footer_link li { margin-bottom: 12px; } .d2c_footer_wrapper a { color: #7A7E84; font-size: 16px; font-family: var(--secondary_font); font-weight: 400; text-transform: capitalize; } .d2c_footer_contact i { margin: 3px 15px 0px 0px; } .d2c_copy_right { padding: 25px 0px; margin-top: 80px; } .d2c_copy_right::before { content: ""; width: 100%; height: 1px; background: radial-gradient(circle, rgba(169,163,194,0.2049194677871149) 0%, rgba(169,163,194,0) 100%); position: absolute; top: 0; left: 0; } /* Footer Section End */ /* Home Page End */ /* btn */ .d2c_team_btn { width: fit-content; margin: 0 auto; } .d2c_services_btn { width: fit-content; margin: 0 auto; } .d2c_testimonial_btn { width: fit-content; margin: 0 auto; } /* btn */ /* About Page Start */ /* Video Section Start */ .d2c_video_section_wrapper { padding: 100px 0px 160px; } /* Video Section End */ /* Contact Page Start */ /* Banner Section Start */ .d2c_banner_wrapper { padding: 80px 0px; background: var(--primary_bg); border-radius: 0px 0px 50px 50px; } .d2c_banner_header { background: var(--default_color); border-radius: 29px; padding: 100px 0px; } .d2c_banner_header h1 { margin-bottom: 16px; } .breadcrumb-item+.breadcrumb-item::before { content: "\f105"; font-family: 'Font Awesome 5 Free'; color: var(--primary_color) !important; font-weight: 700; } .breadcrumb-item { color: var(--primary_color) !important; font-size: 18px; font-family: var(--secondary_font); font-weight: 500; text-transform: capitalize; } .breadcrumb-item a { color: var(--primary_color) !important; font-size: 18px; font-family: var(--secondary_font); font-weight: 500; text-transform: capitalize; } /* Banner Section End */ /* Contact Section Start */ .d2c_contact_wrapper .d2c_icon_wrapper { width: 52px; height: 52px; background: #FFE1ED; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .d2c_contact_wrapper .d2c_icon_wrapper i { color: var(--accent_color); } .d2c_contact_wrapper .d2c_contact_details { margin-left: 16px; } .d2c_contact_wrapper .d2c_contact_details p { color: #A9A9A9; font-size: 16px; margin-bottom: 4px; } .d2c_contact_wrapper .d2c_contact_details h4 { color: var(--primary_color); } .d2c_contact_wrapper ul li { margin-bottom: 30px; } .d2c_contact_wrapper .form-label { color: var(--primary_color); font-size: 16px; font-family: var(--primary_font); font-weight: 500; } .d2c_contact_wrapper .form-control { color: var(--primary_color); font-size: 16px; font-family: var(--secondary_font); font-weight: 400; padding: 11px 16px 12px; border-radius: 10px; border: 0; } .d2c_contact_wrapper ::placeholder { color: #A9A9A9; font-size: 16px; font-family: var(--secondary_font); font-weight: 400; } .d2c_contact_wrapper .form-control:focus { box-shadow: none; } .d2c_input_border { background: var(--primary_bg); padding: 1px 1px; border-radius: 10px; } .d2c_contact_wrapper .d2c_btn_wrapper { margin-top: 40px; } /* Contact Section End */ /* Contact Page End */ /* Login Page Start */ .d2c_authentication_bg { background-image: url(../images/authentication_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 100vh; padding: 0px 0px; } .d2c_authentication { width: 100%; height: 100%; background: linear-gradient(101deg, rgba(255, 223.15, 183.81, 0.50) 0%, rgba(255, 208.25, 226.80, 0.50) 52%, rgba(192.31, 197.16, 255, 0.50) 100%); backdrop-filter: blur(110px); display: flex; justify-content: center; align-items: center; } .d2c_authentication p { color: var(--primary_color); font-size: 18px; font-weight: 500; text-transform: capitalize; } .d2c_authentication p a { color: var(--primary_color); font-size: 18px; font-weight: 700; text-transform: capitalize; } .d2c_authentication .form-control { background: rgb(255 255 255 / 49%); border-radius: 10px; backdrop-filter: blur(40px); padding: 12px 20px; color: #4D4D4D; font-size: 16px; font-family: var(--secondary_font); font-weight: 400; border: 0; } .d2c_authentication .form-control:focus { box-shadow: none; border: 0; } .d2c_authentication .form-check-input { width: 20px; height: 20px; background-color: rgb(255 255 255 / 49%); border: 1px solid #333333; border-radius: 2px; margin-right: 20px; } .d2c_authentication .form-check-input:focus { box-shadow: none; } .d2c_authentication .d2c_btn { border: 0; } .d2c_authentication .d2c_divider { color: var(--default_color); font-size: 18px; font-weight: 700; text-transform: capitalize; margin: 25px 0px; position: relative; } .d2c_authentication .d2c_divider::before { content: ""; width: 293px; height: 1px; background: #E1E1E1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .d2c_authentication .d2c_divider::after { content: ""; width: 293px; height: 1px; background: #E1E1E1; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .d2c_company_btn_wrapper .d2c_company_btn { background: rgba(255, 255, 255, 0.30); border-radius: 10px; backdrop-filter: blur(40px); padding: 13px 0px 14px; color: var(--primary_color); font-size: 18px; font-family: var(--secondary_font); font-weight: 700; text-transform: capitalize; display: inline-block; } .d2c_company_btn_wrapper .d2c_company_btn i { margin-right: 18px; } /* Login Page End */ /* Scroll Button Start */ #scrollBtn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; } #scrollBtn.show { display: block; } #scrollBtn a i { background: var(--accent_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: 1px solid var(--accent_color); } #scrollBtn a i:hover { color: var(--default_color); background: var(--accent_color); border: 1px solid var(--accent_color); transition: all ease 0.4s; } /* Scroll Button End */ /* Template Name: {{SEO Centric: Best OnePage Bootstrap Paid Template for SEO Expert}} Template URL: {{https://designtocodes.com/product/seo-centric-best-onepage-bootstrap-template}} Description: {{Take your SEO efforts to the next level with our user-friendly SEO Centric OnePage Bootstrap Paid Template. Designed specifically for SEO experts, try now!}} Author: DesignToCodes Author URL: https://www.designtocodes.com Text Domain: {{ SEOCentric }} */