:root{/* Font */ --primary_font: 'Jost', sans-serif; --secondary_font: 'Open Sans', sans-serif; /* Color */ --primary_color: #183B56; --secondary_color: #4A6075; --accent_color: #4E6BFF; --color_one: #FFFFFF; --color_two: #EDEDED; --bg_color: #FAFBFF;}/* Selection */::selection{color: var(--color_one); background: var(--primary_color);}/* Selection *//* Preloader CSS */.preloader{display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; transition: opacity 1s ease; opacity: 1;}.preloader.hide{opacity: 0; pointer-events: none;}.preloader img{width: 100px; height: 50px;}/* Preloader CSS *//* Global Style Start */html{scroll-behavior: smooth;}body{overflow-x: hidden;}h1,h2,h3,h4,h5{color: var(--primary_color); font-family: var(--primary_font);}h2{font-weight: 600; font-size: 50px; margin-bottom: 25px; text-transform: capitalize;}h4{font-size: 30px;}h5{font-weight: 500; font-size: 24px; color: var(--accent_color); text-transform: capitalize;}p{font-family: var(--secondary_font); font-weight: 400; font-size: 19px; color: var(--secondary_color); margin-bottom: 0;}a{text-decoration: none;}.d2c_btn{font-family: var(--primary_font); font-weight: 700; font-size: 17px; color: var(--color_one); padding: 10px 50px 9px 50px; background: var(--accent_color); border: 2px solid var(--accent_color); border-radius: 70px; transition: all ease 0.4s; text-transform: capitalize;}.d2c_btn:hover{background: var(--color_one); color: var(--accent_color); border: 2px solid var(--accent_color); transition: all ease 0.4s;}section{padding: 100px 0px;}/* Global Style End *//* Navbar Start */header{transition: 0.4s; background: var(--color_one); z-index: 999;}header.sticky{background: var(--color_one);}.nav-link{font-family: var(--primary_font); font-weight: 500; font-size: 19px; color: var(--primary_color); transition: all ease 0.4s; padding: 0px 18px !important;}.nav-link:hover{color: var(--accent_color); transition: all ease 0.4s;}.navbar-nav{margin: 0 auto;}.navbar-brand img{max-width: 143px;}.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: var(--accent_color)!important;}.d2c_nav_btn{margin-left: 15px; padding: 10px 34px 9px 34px;}.show_width{max-width: 14.625rem; width: 100%; height: 100vh; position: absolute; right: -380px; top: 0; transition: 0.5s; padding: 20px 15px; background-color: #e0eaf1; 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;}.navbar-toggler{color: var(--primary_color) !important;}.d2c_mobile_view .navbar-toggler{padding-left: 10px !important;}.d2c_mobile_view .d2c_download_btn{padding: 7px 0px 0px 0px !important; color: var(--primary_color); background: transparent; text-align: left; font-family: var(--primary_font); font-weight: 700; font-size: 16px; margin-left: 10px !important; border: none;}/* Navbar End *//* Hero Section Start */.d2c_hero_wrapper{position: relative; padding: 100px 0px;}.d2c_bg_img{position: absolute; inset: 0; z-index: -3; height: 100%;}h1{font-weight: 800; font-size: 60px;}h1 span{font-weight: 300;}.d2c_designation{font-weight: 400; text-transform: capitalize;}.d2c_designation span{color: var(--accent_color);}.list-group{padding-top: 25px;}.list-group .list-group-item:first-child{padding-left: 0;}.list-group .list-group-item:first-child a{background: var(--primary_color); border-color: var(--primary_color);}.list-group .list-group-item:first-child a:hover{background: var(--color_one); border-color: var(--primary_color); color: var(--primary_color);}.list-group .list-group-item a i{font-size: 20px; color: var(--primary_color); transition: all ease 0.4s;}.list-group .list-group-item a i:hover{color: var(--accent_color); transition: all ease 0.4s;}.d2c_right_wrapper{margin-top: 100px;}.d2c_right_wrapper img:first-child{width: 82.5%; display: block; margin: 0 auto;}.d2c_right_wrapper img:nth-child(2){width: 100%; position: absolute; top: -130px; left: -25px; z-index: -2;}.d2c_right_wrapper img:nth-child(3){width: 100px; height: 100px; position: absolute; top: -95px; left: 100px; animation-name: imageone; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}@keyframes imageone{from{top: -120px;}to{top: -60px;}}.d2c_right_wrapper img:nth-child(4){width: 100px; height: 100px; position: absolute; top: 0; right: -8px; animation-name: imagetwo; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}@keyframes imagetwo{from{top: 100px;}to{top: 160px;}}.d2c_right_wrapper img:last-child{width: 100px; height: 100px; position: absolute; top: 245px; left: 0; animation-name: imagethree; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear;}@keyframes imagethree{from{top: 250px;}to{top: 190px;}}.d2c_scroll_btn{width: 30px; height: 52px; border: 3px solid var(--primary_color); position: relative; display: block; border-radius: 100px; margin: 0 auto;}.d2c_scroll_btn::after{content: ""; width: 3px; height: 9px; background: var(--primary_color); position: absolute; top: 8px; left: 50%; border-radius: 100px; transform: translateX(-50%); animation-name: example; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate;}@keyframes example{from{top: 8px;}to{top: 30px;}}/* Hero Section End *//* Background Image Wrapper Start */.d2c_bg_image_wrapper{background-image: url(../images/About_bg_1.png), url(../images/About_bg_2.png); background-repeat: no-repeat; background-size: auto; background-position: top right, 100% 420px;}/* Background Image Wrapper End *//* About Section Start *//* Features Card Start */.d2c_card_wrapper{padding: 40px 40px; background: var(--color_one); box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.05); border-radius: 10px; height: 100%;}.d2c_about_wrapper .d2c_card_wrapper .d2c_about_logo{max-width: 76px; filter: brightness(0) saturate(100%) invert(19%) sepia(9%) saturate(3776%) hue-rotate(164deg) brightness(95%) contrast(93%); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}.d2c_about_wrapper .d2c_card_wrapper:hover .d2c_about_logo{filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1390%) hue-rotate(217deg) brightness(105%) contrast(101%); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}.d2c_card_wrapper h5{font-weight: 700; color: var(--primary_color); transition: all ease 0.4s;}.d2c_card_wrapper:hover h5{color: var(--accent_color); transition: all ease 0.4s;}/* Features Card End */.d2c_about_info{margin-top: 100px;}.d2c_about_wrapper .d2c_btn{display: inline-block; margin-top: 25px;}.d2c_about_image_wrapper{background-image: url(../images/About_shape.png); background-position: 12px center; background-repeat: no-repeat; background-size: contain; position: relative;}.d2c_about_image_wrapper img{display: block; margin: 0 auto; width: 86%;}.d2c_about_image_wrapper .d2c_counter_box{background: var(--color_one); padding: 26px 55px; box-shadow: 0px 0px 26px rgba(110, 80, 240, 0.06); border-radius: 10px; display: flex; align-items: center; max-width: 264px; position: absolute;}.d2c_about_image_wrapper .d2c_counter_box:nth-last-child(2){top: 145px; left: -20px;}.d2c_about_image_wrapper .d2c_counter_box:last-child{bottom: -30px; right: 0px;}.d2c_counter_box p{font-family: var(--primary_font); font-weight: 600; font-size: 50px; color: var(--accent_color);}.d2c_counter_box h6{font-family: var(--primary_font); font-weight: 600; font-size: 20px; color: var(--primary_color); margin: 0 0 0 24px; text-transform: capitalize;}/* About Section End *//* Portfolio Section Start */.d2c_portfolio_wrapper .nav-link{border: none; background: transparent; font-size: 20px; transition: all ease 0.4s; margin: 40px 0px 20px; text-transform: capitalize;}.d2c_portfolio_wrapper .nav-link:hover{text-decoration: underline; transition: all ease 0.4s;}.d2c_grid{column-count: 3; column-gap: 20px;}.d2c_grid_item{margin-bottom: 20px; border-radius: 10px; overflow: hidden; position: relative;}.d2c_grid_item.is-visible{animation: Items .6s ease-in forwards;}.d2c_grid .d2c_grid_item:nth-child(1){height: 480px;}.d2c_grid .d2c_grid_item:nth-child(2){height: 320px;}.d2c_grid .d2c_grid_item:nth-child(3){height: 320px;}.d2c_grid .d2c_grid_item:nth-child(4){height: 480px;}.d2c_grid .d2c_grid_item:nth-child(5){height: 480px;}.d2c_grid .d2c_grid_item:nth-child(6){height: 320px;}.d2c_grid .d2c_grid_item img{height: 100%; width: 100%; object-fit: cover;}/* Portfolio Section End *//* Skills Section Start */.d2c_skills_wrapper img{width: 86.5%;}.d2c_progress h3{margin: 25px 0px; color: var(--primary_color); text-transform: capitalize;}.d2c_progress .progress{background-color: var(--accent_color); margin-bottom: 30px; height: 12px;}.d2c_progress .progress-bar{background-color: var(--primary_color);}.d2c_skills_title{width: 481px;}/* Skills Section End *//* Service Section Start */.d2c_service_wrapper{background: var(--bg_color);}.d2c_service_content{margin-bottom: 50px;}.d2c_service_wrapper .d2c_card_wrapper{background: var(--color_one); box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.06); border-radius: 10px; padding: 40px; position: relative; z-index: 1; transition: 0.4s all ease;}.d2c_service_wrapper .d2c_card_wrapper::before{position: absolute; content: ""; inset: 0; background-image: linear-gradient(180deg, #4E6BFF -193.58%, #183B56 139.86%); z-index: -1; transition: 0.4s all ease; opacity: 0; border-radius: 10px;}.d2c_service_wrapper .d2c_card_wrapper:hover::before{opacity: 1; border-radius: 10px;}.d2c_service_img_wrapper{width: 74px; height: 74px; background-image: linear-gradient(180deg, #4E6BFF -193.58%, #183B56 139.86%); box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.06); border-radius: 10px; padding: 17px; margin: 0 auto; position: relative; z-index: 1; transition: 0.4s all ease;}.d2c_service_img_wrapper img{width: 100%; height: 100%;}.d2c_service_wrapper .d2c_card_wrapper .d2c_service_img_wrapper::before{position: absolute; content: ""; inset: 0; background: #FFFFFF; opacity: 0; z-index: -1; transition: 0.4s all ease; border-radius: 10px;}.d2c_service_wrapper .d2c_card_wrapper:hover .d2c_service_img_wrapper::before{opacity: 0.1; border-radius: 10px; transition: 0.4s all ease;}.d2c_service_wrapper .d2c_card_wrapper h4{font-weight: 700; margin: 30px 0px 35px; transition: all ease 0.4s; text-transform: capitalize;}.d2c_service_wrapper .d2c_card_wrapper p{font-size: 22px; color: var(--primary_color); margin-bottom: 0; transition: all ease 0.4s;}.d2c_service_wrapper .d2c_card_wrapper:hover h4{color: var(--color_two); transition: all ease 0.4s;}.d2c_service_wrapper .d2c_card_wrapper:hover p{color: var(--color_two); transition: all ease 0.4s;}/* Service Section End *//* Testimonial Section Start */.d2c_testimonial_wrapper{background: var(--bg_color);}.d2c_testimonial_title{margin-bottom: 40px;}.d2c_card p{font-style: italic; font-size: 30px; text-align: center; padding: 0 38px; position: relative; margin-bottom: 40px;}.d2c_card p::before{content: url('../images/Testimonial_1.png'); position: absolute; top: 0; left: 43px;}.d2c_card p::after{content: url('../images/Testimonial_2.png'); position: absolute; bottom: -30px; right: 15px;}.d2c_card h6{font-family: var(--secondary_font); font-weight: 400; font-size: 18px; color: var(--secondary_color); text-align: center; margin-bottom: 0;}.slick-prev.slick-arrow::before{color: var(--primary_color); font-size: 30px; font-weight: 900; position: absolute; left: -70px;}.slick-next.slick-arrow::before{color: var(--primary_color); font-size: 30px; font-weight: 900; position: absolute; right: -70px;}.slick-prev.slick-arrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060"; opacity: 1;}.slick-next.slick-arrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; opacity: 1;}/* Testimonial Section End *//* Partner Section Start */.d2c_partner_wrapper{text-align: center;}.d2c_partner_title{margin-bottom: 50px;}.d2c_partner_wrapper .d2c_image_wrapper{background: var(--color_one); box-shadow: 0px 10px 35px rgba(24, 59, 86, 0.04); border-radius: 10px; padding: 78px 0;}.d2c_partner_wrapper .d2c_image_wrapper .d2c_partner{position: relative;}.d2c_partner_wrapper .d2c_image_wrapper .d2c_partner::after{content: ''; height: 100px; width: 1px; background: #BAC4CC; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}.d2c_partner_wrapper .d2c_image_wrapper .d2c_partner:last-child::after{display: none;}.d2c_partner_wrapper .d2c_image_wrapper .d2c_partner img{max-width: 134px; filter: brightness(0) saturate(100%) invert(19%) sepia(9%) saturate(3776%) hue-rotate(164deg) brightness(95%) contrast(93%); opacity: 0.3; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}.d2c_partner_wrapper .d2c_image_wrapper .d2c_partner img:hover{filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1390%) hue-rotate(217deg) brightness(105%) contrast(101%); opacity: 1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}/* Partner Section End *//* Newsletter Section Start */.d2c_newsletter_body{padding: 100px 100px; background-image: url(../images/news_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px;}.d2c_newsletter_body h5{color: var(--color_one);}.d2c_newsletter_body h2{color: var(--color_one);}.d2c_newsletter_body p{color: var(--color_one);}.d2c_newsletter_body .form-control{padding: 12px 30px 12px 33px; font-family: var(--secondary_font); font-weight: 400; font-size: 19px; color: var(--secondary_color); border: 0;}.d2c_newsletter_body .form-control:focus{box-shadow: none;}.d2c_newsletter_body .btn{font-family: var(--primary_font); font-weight: 400; font-size: 24px; color: var(--color_one); background: var(--accent_color); padding: 12px 33px; border: 0;}.d2c_newsletter_body .btn:hover{color: var(--color_one); background: var(--accent_color); border: 0;}.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{color: var(--color_one); background: var(--accent_color); border: 0; border: none;}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left: 0px;}/* Newsletter Section End *//* Contact Section Start */.d2c_contact_wrapper{background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), url(../images/Contact.png), #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: cover;}.d2c_contact_title{margin-bottom: 50px;}.d2c_contact_wrapper .form-control{padding: 20px 30px 20px 30px; font-family: var(--secondary_font); font-weight: 400; font-size: 19px; color: var(--secondary_color); background: #FFFFFF; border: 1px solid rgba(24, 59, 86, 0.25); border-radius: 10px; margin: 0px 0px 24px;}.d2c_contact_wrapper .form-control:focus{box-shadow: none;}textarea{font-family: var(--secondary_font); font-weight: 400; font-size: 19px; color: var(--secondary_color); padding: 23px 30px; background: #FFFFFF; border: 1px solid rgba(24, 59, 86, 0.25); border-radius: 10px; margin-bottom: 40px;}textarea:focus{outline: none;}.d2c_contact_info{background: #FFFFFF; border: 1px solid rgba(24, 59, 86, 0.25); border-radius: 10px; padding: 17px 17px 25px 25px;}.d2c_contact_info h3{font-weight: 700; font-size: 20px; border-bottom: 1px solid rgba(24, 59, 86, 0.25); padding-bottom: 10px; margin-bottom: 20px; text-transform: capitalize;}.d2c_contact_info h6{font-family: var(--secondary_font); font-weight: 700; font-size: 16px; color: var(--primary_color); margin-bottom: 28px;}.d2c_contact_info h6:nth-child(5){border-top: 1px solid rgba(24, 59, 86, 0.25); padding-top: 20px;}.d2c_contact_info p{margin-bottom: 20px;}.d2c_contact_info img{margin-right: 15px;}.d2c_contact_info p:last-child{margin-bottom: 0;}.d2c_contact_wrapper .d2c_btn:active{border: 2px solid var(--accent_color);}/* Contact Section End *//* Footer Section Start */.d2c_footer_wrapper{padding: 100px 0px 0px; background-image: url(../images/footer_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}.d2c_footer_logo{max-width: 172px;}.d2c_footer_wrapper img{margin-bottom: 30px;}.d2c_footer_wrapper p{color: var(--color_one);}.d2c_social_icon{padding-left: 0; list-style-type: none; display: flex; margin: 30px 0px 0px;}.d2c_social_icon li a{font-size: 20px; color: var(--color_one); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #ffffff14; border-radius: 100%; margin-right: 25px; transition: all ease 0.4s;}.d2c_social_icon li a:hover{background: var(--accent_color); transition: all ease 0.4s;}.d2c_footer_wrapper h6{font-family: var(--secondary_font); font-weight: 600; font-size: 20px; color: var(--color_one); margin-bottom: 30px;}.d2c_footer_wrapper ul{padding-left: 0; list-style-type: none;}.d2c_footer_wrapper ul li{padding: 7px 0px;}.d2c_footer_wrapper ul li a{font-family: var(--secondary_font); font-weight: 400; font-size: 19px; color: var(--color_one); transition: .4s all ease; text-transform: capitalize;}.d2c_footer_link ul li a:hover{color: var(--accent_color); transition: .4s all ease;}.d2c_footer_copyright{font-family: var(--secondary_font); font-weight: 400; font-size: 16px; text-transform: capitalize; color: var(--color_one); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 25px 0px; margin-bottom: 0px; margin-top: 50px;}/* Footer Section 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(--color_one); box-shadow: 0 0 20px rgb(0 0 0 / 15%); font-size: 20px; color: var(--accent_color); border-radius: 50px; width: 35px; height: 35px; position: fixed; z-index: 9999; bottom: 3%; right: 5%; transition: .4s; display: flex; align-items: center; justify-content: center; border: 2px solid var(--accent_color);}#scrollBtn a i:hover{color: var(--color_one); background: var(--accent_color); transition: .4s;}/* Scroll Button End *//* Template Name: GraphixPro Template URI: https://www.designtocodes.com/product/graphixpro-graphic-designer-professional-portfolio-template Description: GraphixPro - Bootstrap Graphic Designer Professional Portfolio Template is designed to meet the requirements of graphic designers, offering a smooth platform to display your masterpieces with style and elegance. Author: DesignToCodes Author URL: https://www.designtocodes.com Text Domain: GraphixPro*/