/*** ==================================================================== Attachment Css Files ==================================================================== ***/ @import url('global.css'); @import url('rtl.css'); @import url('header.css'); @import url('footer.css'); @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('swiper.css'); @import url('preloader.css'); @import url('jquery-ui.css'); @import url('custom-animate.css'); @import url('magnific-popup.css'); @import url('odometer-theme-default.css'); @import url('jquery.bootstrap-touchspin.css'); /*** ==================================================================== Main Slider Section ==================================================================== ***/ .slider-one{ position:relative; overflow:hidden; } .slider-one_slide{ position:relative; overflow:hidden; background-size:cover; padding:170px 0px 170px; } .slider-one_slide:before{ position:absolute; content:''; left:0px; top:0px; width:80%; bottom:0px; background: var(--color-five); background: linear-gradient(to right, var(--color-five) 1%, rgba(var(--white-color-rgb), 0) 100%); } .slider-one.style-two{ text-align:center; } .slider-one.style-two .slider-one_list li{ text-align:left; } .slider-one.style-two .slider-one_slide:before{ right:-1px; left:auto; background: linear-gradient(to left, var(--color-five) 1%, rgba(var(--white-color-rgb), 0) 100%); } .slider-one_content{ position:relative; max-width:620px; } .slider-one_content-inner{ position:relative; } .slider-one_title{ opacity: 0; font-weight:800; transform: scaleY(0); transform-origin: top; font-size:var(--font-24); color:var(--color-three); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; text-transform:capitalize; margin-bottom:var(--margin-bottom-20); } .slider-one .active .slider-one_title{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .slider-one_heading{ opacity: 0; letter-spacing:-2px; transform: scaleY(0); transform-origin: top; color:var(--color-two); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-30); } .slider-one_heading span{ color:var(--color-four); } .slider-one .active .slider-one_heading{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .slider-one_list{ opacity: 0; transform: scaleY(0); transform-origin: top; margin-bottom: var(--margin-bottom-40); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-one .active .slider-one_list{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .slider-one_list li:before{ position:absolute; content:'\f058'; left:0px; font-family: 'Font Awesome 6 Free'; } .slider-one_list li{ position:relative; font-weight:500; font-size:var(--font-18); color:var(--main-color); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-15); } .slider-one .slider-one_buttons{ opacity:0; transform: scaleY(0); transform-origin: top; display:inline-block; -webkit-transition: all 100ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .slider-one .slider-one_buttons .theme-btn{ margin-right:var(--margin-right-15); } .slider-one .active .slider-one_buttons{ opacity: 1; transform: scaleY(1); transition-delay:1200ms; } .slider-one .owl-dots{ display:none; } .slider-one:hover .owl-nav{ opacity:1; } .slider-one .owl-nav{ position:absolute; left:30px; top:50%; right:30px; opacity:0; margin-top:-30px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .slider-one .owl-nav .owl-prev{ position:absolute; left:0px; color:var(--color-four); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-left:var(--padding-left-15); border-left:3px solid var(--color-four); } .slider-one .owl-nav .owl-next{ position:absolute; right:0px; color:var(--color-four); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-right:var(--padding-right-15); border-right:3px solid var(--color-four); } .slider-one .owl-nav .owl-prev:hover, .slider-one .owl-nav .owl-next:hover{ color:var(--main-color); border-color:var(--main-color); } /*** ==================================================================== About One ==================================================================== ***/ .about-one{ position:relative; padding:110px 0px 90px; } .about-one_pattern{ position:absolute; left:0px; top:0px; bottom:0px; width:100%; background-position:left center; background-repeat:no-repeat; } .about-one_image-column{ position:relative; } .about-one_image-inner-column{ position:relative; margin-left:-120px; padding-bottom:var(--padding-bottom-70); } .about-one_image{ position:relative; display:inline-block; } .about-one_image-two{ position:absolute; right:50px; bottom:0px; } .about-one_icon{ position:absolute; right:135px; top:32%; z-index:1; border-radius:100px; display:inline-block; background-color:var(--white-color); } .about-one_icon:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; border-radius:100px; border:1px dashed var(--main-color); } .about-one_content-column{ position:relative; } .about-one_content-inner-column{ position:relative; padding-top:var(--padding-top-35); } .about-one .sec-title{ margin-bottom:var(--margin-bottom-25); } .about-one_bold{ position:relative; font-weight:800; color:var(--main-color); font-size:var(--font-30); margin-bottom:var(--margin-bottom-25); } .about-one_text{ position:relative; line-height:28px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-20); } .about-one_list{ position:relative; } .about-one_list li{ position:relative; font-weight:700; font-size:var(--font-14); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-15); } .about-one_list li:before{ position:absolute; content:'\f058'; left:0px; top:0px; color:var(--color-four); font-family: 'Font Awesome 6 Free'; } .about-one_button{ position:relative; margin-top:20px; } /*** ==================================================================== Services One ==================================================================== ***/ .services-one{ position:relative; overflow:hidden; padding:110px 0px 80px; background-color:var(--color-five); } .services-one.style-two{ padding-top:320px; margin-top:-190px; } .services-one_pattern{ position:absolute; left:0px; top:0px; width:383px; height:808px; } .services-one_pattern-two{ position:absolute; right:0px; top:0px; width:446px; height:885px; } .services-one .owl-dots, .services-one .owl-nav{ display:none; } .service-block{ position:relative; margin-bottom:var(--margin-bottom-30); } .service-block_inner{ position:relative; padding:30px 35px; background-color:var(--white-color); } .service-block_inner:before{ position:absolute; content:''; left:0px; top:0px; width:4px; bottom:0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--color-four); } .service-block_inner:hover::before{ width:100%; background-color:var(--main-color); } .service-one_smog-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:center center; background-repeat:no-repeat; } .service-block_icon{ position:relative; line-height:1em; display:inline-block; color:var(--main-color); font-family: "Flaticon"; font-size:var(--font-60); margin-bottom:var(--margin-bottom-25); } .service-block_inner:hover .service-block_icon{ color:var(--white-color); } .service-block_heading{ position:relative; font-weight:600; } .service-block_heading a{ position:relative; color:var(--color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_inner:hover .service-block_heading a{ color:var(--white-color); } .service-block_inner:hover .service-block_text{ color:var(--white-color); } .service-block_text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-15); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block-more{ position:relative; font-weight:700; display:inline-block; font-size:var(--font-16); color:var(--color-four); text-transform:uppercase; margin-top:var(--margin-top-20); padding-right:var(--padding-right-20); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block-more:before{ position:absolute; content:'\f101'; right:0px; top:0px; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } .service-block_inner:hover .service-block-more{ color:var(--white-color); } /*** ==================================================================== Modern One ==================================================================== ***/ .modern-one{ position:relative; padding:110px 0px 80px; } .modern-one_content-column{ position:relative; } .modern-one_content-inner{ position:relative; } .modern-one_block{ position:relative; } .modern-one_block-inner{ position:relative; line-height:28px; font-size:var(--font-16); color:var(--color-three); padding-left:var(--padding-left-100); } .modern-one_icon{ position:absolute; left:0px; top:5px; line-height:1em; color:var(--main-color); display:inline-block; font-family: "Flaticon"; font-size:var(--font-80); } .modern-one_bold{ position:relative; display:block; font-weight:700; color:var(--main-color); font-size:var(--font-24); margin-bottom:var(--margin-bottom-10); } .modern-one_button{ position:relative; margin-top:var(--margin-top-40); } .modern-one_image-column{ position:relative; } .modern-one_image-inner{ position:relative; } .modern-one_image{ position:relative; } .modern-one_image img{ position:relative; width:100%; display:block; } .modern-one .counter-one{ position:absolute; left:-300px; bottom:50px; right:50px; padding:35px 50px 0px; background-position:left bottom; background-repeat:no-repeat; } .counter-one{ position:relative; background-color:var(--main-color); } .counter-one_block{ position:relative; margin-bottom:var(--margin-bottom-30); } .counter-one_inner{ position:relative; padding-left:var(--padding-left-50); } .counter-one_icon{ position:absolute; left:0px; top:2px; line-height:1em; color:var(--white-color); display:inline-block; font-family: "Flaticon"; font-size:var(--font-40); } .counter-one_counter{ position:relative; line-height:1em; font-weight:700; color:var(--white-color); font-size:var(--font-40); } .counter-one_text{ position:relative; margin-left:-50px; color:var(--white-color); font-size:var(--font-18); margin-top:var(--margin-top-10); } /*** ==================================================================== Department One ==================================================================== ***/ .department-one{ position:relative; padding:110px 0px 110px; } .department-one .owl-nav{ display:none; } .department-one .owl-dots{ position:relative; text-align:center; margin-top:var(--margin-top-15); } .department-one .owl-dots .owl-dot{ position:relative; width:35px; height:4px; margin:0px 5px; display:inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background-color:var(--color-seven); } .department-one .owl-dots .owl-dot.active, .department-one .owl-dots .owl-dot:hover{ background-color:var(--color-four); } .department-one_image{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover; } .department-one_image:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; background-color:var(--main-color); } .department-one_block{ position:relative; margin-bottom:var(--margin-bottom-30); } .department-one_block-inner{ position:relative; } .department-one_block-image{ position:relative; } .department-one_block-image img{ position:relative; width:100%; display:block; } .department-one_block-content{ position:relative; padding:0px 30px 30px; background-color:var(--white-color); } .department-one_block-icon{ position:relative; width:62px; height:62px; margin-top:-35px; line-height:62px; text-align:center; display:inline-block; font-size:var(--font-40); color:var(--white-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-family: "Flaticon"; font-size:var(--font-34); background-color:var(--main-color); } .department-one_block-inner:hover .department-one_block-icon{ background-color:var(--color-four); } .department-one_block-icon:after{ position:absolute; content:''; left:-8px; top:-8px; right:-8px; bottom:-8px; opacity:0.20; border:8px solid var(--main-color); } .department-one_block-heading{ position:relative; font-weight:700; margin-top:var(--margin-top-25); } .department-one_block-heading a{ position:relative; color:var(--color-two); } .department-one_block-heading a:hover{ color:var(--color-four); } .department-one_block-text{ position:relative; line-height:28px; font-size:var(--font-14); color:var(--color-three); margin-top:var(--margin-top-10); } .department-one_block-more{ position:relative; font-weight:700; letter-spacing:1px; display:inline-block; color:var(--color-four); text-transform:uppercase; margin-top:var(--margin-top-15); padding-right:var(--padding-right-20); } .department-one_block-more:before{ position:absolute; content:'\f101'; right:0px; top:0px; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } .department-one_block-inner:hover .department-one_block-more{ color:var(--white-color); } /*** ==================================================================== Team One ==================================================================== ***/ .team-one{ position:relative; padding:110px 0px 80px; } .team-one_pattern{ position:absolute; left:15px; bottom:0px; width:438px; height:512px; background-repeat:no-repeat; } .team-one_content-column{ position:relative; margin-bottom:var(--margin-bottom-25); } .team-one_content-inner{ position:relative; } .team-one .sec-title{ margin-bottom:var(--margin-bottom-25); } .team-one_text{ position:relative; line-height:32px; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-15); } .team-one_buttons{ position:relative; margin-top:var(--margin-top-30); } .team-one_buttons a{ position:relative; margin-right:var(--margin-right-20); } .team-one_telescope{ position:relative; text-align:right; margin-top:var(--margin-top-30); } /* Team Block */ .team-block_one{ position:relative; margin-bottom:var(--margin-bottom-30); } .team-block_one-inner{ position:relative; } .team-block_one-image{ position:relative; overflow:hidden; } .team-block_one-image img{ position:relative; width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_one-inner:hover .team-block_one-image img{ filter: grayscale(100%); transform:scale(1.05,1.05); } .team-block_one-social{ position:absolute; right:20px; top:20px; z-index:2; bottom:20px; overflow:hidden; border-radius:50px; } .team-block_one-share{ position:relative; width:40px; height:40px; z-index:2; line-height:40px; border-radius:50%; text-align:center; display:inline-block; font-size:var(--font-16); color:var(--white-color); font-family: "Flaticon"; background-color:var(--color-four); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_one-inner:hover .team-block_one-share{ transform:rotate(45deg); } .team-block_one-social-list{ position:absolute; left:0px; top:-100%; width:40px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_one-inner:hover .team-block_one-social-list{ top:50px; } .team-block_one-social-list a{ position:relative; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50px; display:inline-block; font-size:var(--font-16); color:var(--black-color); background-color:var(--white-color); margin-bottom:var(--margin-bottom-10); } .team-block_one-social-list a.youtube{ color:#ff0000; } .team-block_one-social-list a.twitter{ color:#1da1f2; } .team-block_one-social-list a.facebook{ color:#4267b2; } .team-block_one-social-list a.instagram{ color:#e73a67; } .team-block_one-overlay{ position:absolute; left:30px; right:25px; z-index:1; bottom:10px; text-align:right; padding:18px 15px 15px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_one-gradient{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1; border-radius:5px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background: var(--color-five); background: linear-gradient(to top, var(--color-five) 0%, rgba(var(--white-color-rgb), 0) 100%); } .team-block_one-category{ position:relative; font-weight:700; font-size:var(--font-14); text-transform:capitalize; color:var(--color-three); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; margin-top:var(--margin-top-5); } .team-block_one-title{ font-weight:700; font-size:var(--font-22); color:var(--main-color); } .team-block_one-title a{ color:var(--color-fourtyfive); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-one_teams-column .team-block_one:nth-child(1){ transform:translateX(30px); } .team-one_teams-column .team-block_one:nth-child(2){ transform:translateX(30px) translateY(-30px); } .team-one_teams-column .team-block_one:nth-child(4){ transform:translateY(-30px); } /*** ==================================================================== Testimonial One ==================================================================== ***/ .testimonial-one{ position:relative; padding:110px 0px 80px; background-color:var(--color-five); } .testimonial-one_pattern{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:center center; background-repeat:repeat-x; } .testimonial-one .sec-title{ margin-bottom:var(--margin-bottom-25); } .testimonial-one .owl-dots{ display:none; } .testimonial-one .owl-nav{ position:absolute; right:15px; top:-70px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .testimonial-one .owl-nav .owl-prev{ position:relative; display:inline-block; color:var(--color-four); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-right:var(--padding-left-15); border-right:3px solid var(--color-four); } .testimonial-one .owl-nav .owl-next{ position:relative; display:inline-block; color:var(--color-four); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-left:var(--padding-right-15); } .testimonial-one .owl-nav .owl-prev:hover, .testimonial-one .owl-nav .owl-next:hover{ color:var(--main-color); border-color:var(--main-color); } .testimonial-one .owl-carousel .owl-stage-outer{ position:static; padding:20px 0px; } .testimonial-one .owl-theme .testimonial-block_one{ margin:0px 15px; } .testimonial-one .owl-carousel{ margin:0px -15px; width:auto; } .testimonial-block_one{ position:relative; margin-bottom:var(--margin-bottom-30); } .testimonial-block_one-inner{ position:relative; padding:35px 35px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.07); } .testimonial-block_one-inner:before{ position:absolute; content:''; right:0px; top:60px; width:2px; bottom:0px; border-right:2px dashed var(--color-four); } .testimonial-block_one-inner:after{ position:absolute; content:''; left:60px; height:2px; right:0px; bottom:0px; border-bottom:2px dashed var(--color-four); } .testimonial-block_one-author{ position:relative; display:inline-block; } .testimonial-block_one-author img{ position:relative; width:150px; height:150px; overflow:hidden; border-radius:50%; } .testimonial-block_one-quote{ position:absolute; right:0px; top:50%; width:70px; height:70px; line-height:68px; text-align:center; border-radius:50px; display:inline-block; font-size:var(--font-36); color:var(--white-color); background-color:var(--main-color); } .testimonial-block_one-content{ position:relative; text-align:right; margin-top:-50px; } .testimonial-block_one-rating{ position:relative; color:var(--color-six); } .testimonial-block_one-designation{ position:relative; font-weight:700; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-10); } .testimonial-block_one-heading{ position:relative; font-weight:700; font-size:var(--font-30); color:var(--black-color); margin-top:var(--margin-top-5); } .testimonial-block_one-text{ position:relative; line-height:30px; color:var(--color-three); font-size:var(--font-16); margin-top:var(--margin-top-20); } /*** ==================================================================== News One ==================================================================== ***/ .news-one{ position:relative; padding:110px 0px 80px; } .news-block_one{ position:relative; margin-bottom:var(--margin-bottom-30); } .news-block_one-inner{ position:relative; } .news-block_one-image{ position:relative; } .news-block_one-image img{ position:relative; width:100%; display:block; } .news-block_one-content{ position:relative; padding:35px 30px; background-color:var(--color-five); } .news-block_one-date{ position:relative; font-weight:700; min-height:40px; padding-top:8px; display:inline-block; font-size:var(--font-14); text-transform:capitalize; border-radius:0px 50px 50px 0px; padding-left:var(--padding-left-50); background-color:var(--white-color); padding-right:var(--padding-right-20); } .news-block_one-date span{ position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; font-size:var(--font-18); color:var(--white-color); background-color:var(--main-color); } .news-block_one-meta{ position:relative; margin-top:var(--margin-top-20); } .news-block_one-meta li{ position:relative; display:inline-block; font-size:var(--font-14); text-transform:capitalize; padding-left:var(--padding-left-25); margin-right:var(--margin-right-15); } .news-block_one-meta li span{ position:absolute; left:0px; top:5px; font-size:var(--font-12); color:var(--main-color); } .news-block_one-meta li:last-child{ margin-right:0px; } .news-block_one-heading{ position:relative; font-weight:700; margin-top:var(--margin-top-10); } .news-block_one-heading a{ position:relative; color:var(--color-two); } .news-block_one-heading a:hover{ color:var(--color-four); } .news-block_one-text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-10); } /*** ==================================================================== Newsletter Section ==================================================================== ***/ .newsletter-one{ position:relative; z-index:2; } .newsletter-one.style-two{ margin-top:var(--margin-top-120); } .newsletter-one_inner-container{ position:relative; padding:65px 70px; background-size:cover; background-position:center center; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .newsletter-one_icon{ position:absolute; left:50%; bottom:5px; display:inline-block; transform:translateX(-50%); } .newsletter-one_title-column{ position:relative; } .newsletter-one_title{ position:relative; line-height:40px; font-weight:800; color:var(--main-color); } .newsletter-one_form-column{ position:relative; } /*Subscribe Form*/ .subscribe-form{ position:relative; } .subscribe-form .form-group{ position:relative; display:block; margin:0px; width:100%; } .subscribe-form .form-group input[type="text"], .subscribe-form .form-group input[type="tel"], .subscribe-form .form-group input[type="email"], .subscribe-form .form-group textarea{ position:relative; display:block; width:100%; line-height:28px; height:60px; font-size:14px; color:#222222; border-radius:0px; padding-right:170px; background:#ffffff; border:1px solid #cccccc; padding:10px 15px 10px 30px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .subscribe-form .form-group input[type="submit"], .subscribe-form button{ position:absolute; right:0px; top:0px; width:60px; height:60px; cursor:pointer; font-weight:700; font-size:var(--font-20); color:var(--white-color); background-color:var(--color-four); } .subscribe-form .form-group input[type="submit"]:hover, .subscribe-form button:hover{ } .subscribe-form.style-two .form-group input[type="submit"], .subscribe-form.style-two button{ background-color:var(--main-color); } /*** ==================================================================== Services Two ==================================================================== ***/ .services-two{ position:relative; padding:110px 0px 110px; } .services-two .owl-carousel .owl-stage-outer{ position:static; padding:20px 0px; } .services-two .owl-theme .service-block_two{ margin:0px 15px; } .services-two .owl-carousel{ margin:0px -15px; width:auto; } .services-two .owl-nav{ display:none; } .services-two .owl-dots{ position:relative; text-align:center; margin-top:var(--margin-top-15); } .services-two .owl-dots .owl-dot{ position:relative; width:35px; height:4px; opacity:0.10; margin:0px 5px; display:inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background-color:var(--black-color); } .services-two .owl-dots .owl-dot.active, .services-two .owl-dots .owl-dot:hover{ opacity:1; background-color:var(--color-four); } .service-block_two{ position:relative; margin-bottom:var(--margin-bottom-30); } .service-block_two-inner{ position:relative; padding:35px 35px; background-color:var(--color-five); box-shadow:0px 0px 15px rgba(0,0,0,0.04); } .service-block_two-inner:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0; transform:scale(0.2,1); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--white-color); } .service-block_two-inner:hover::before{ opacity:1; transform:scale(1,1); } .service-block-two_pattern{ position:absolute; right:0px; top:0px; width:261px; height:180px; background-repeat:no-repeat; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_two-inner:hover .service-block-two_pattern{ opacity:0; } .service-block-two_pattern-two{ position:absolute; right:20px; top:0px; opacity:0; width:172px; height:363px; background-repeat:no-repeat; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_two-inner:hover .service-block-two_pattern-two{ opacity:1; } .service-block_two-icon{ position:relative; line-height:1em; display:inline-block; color:var(--main-color); font-family: "Flaticon"; font-size:var(--font-60); margin-bottom:var(--margin-bottom-25); } .service-block_two-heading{ position:relative; font-weight:600; } .service-block_two-heading a{ position:relative; color:var(--color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_two-heading a:hover{ color:var(--color-four); } .service-block_two-text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-15); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_two-more{ position:relative; font-weight:700; display:inline-block; font-size:var(--font-16); color:var(--color-four); text-transform:uppercase; margin-top:var(--margin-top-20); padding-right:var(--padding-right-20); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_two-more:before{ position:absolute; content:'\f101'; right:0px; top:0px; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } /*** ==================================================================== About Two ==================================================================== ***/ .about-two{ position:relative; overflow:hidden; padding:0px 0px 80px; } .about-two.style-two{ padding-top:var(--padding-top-110); } .about-two_pattern{ position:absolute; left:0px; top:0px; width:584px; height:989px; } .about-two_content-column{ position:relative; } .about-two_content-inner{ position:relative; padding-top:var(--padding-top-80); } .about-two .sec-title{ margin-bottom:var(--margin-bottom-25); } .about-two_text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-20); } .about-two_feature{ position:relative; line-height:32px; color:var(--color-three); font-size:var(--font-16); margin-bottom:var(--margin-bottom-35); } .about-two_feature-inner{ position:relative; min-height:68px; padding-left:var(--padding-left-85); } .about-two_feature-icon{ position:absolute; left:0px; top:0px; line-height:1em; color:var(--color-four); font-family: "Flaticon"; font-size:var(--font-60); } .about-two_feature strong{ position:relative; display:block; font-weight:700; line-height:34px; color:var(--color-two); font-size:var(--font-24); margin-bottom:var(--margin-bottom-15); } .about-two_signature{ position:relative; margin-left:var(--margin-left-15); } .about-two_author{ position:relative; font-weight:700; font-size:var(--font-18); color:var(--main-color); margin-left:var(--margin-left-15); } .about-two_author span{ position:relative; font-weight:400; display:block; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-10); } .about-two_images-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .about-two_video{ position:relative; z-index:1; display:inline-block; } .about-two_video img{ position:relative; max-width:inherit; display:block; width:auto; } .about-two_video-box{ position:absolute; left:50%; top:50%; z-index:1; width:120px; height:120px; border-radius:50%; text-align:center; line-height:120px; color:var(--main-color); font-size:var(--font-30); transform:translateX(-50%) translateY(-50%); background-color:rgba(var(--white-color-rgb), 0.80); } .about-two_video-box:after{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; border-radius:50%; border:1px dashed var(--main-color); } .about-two_image{ position:relative; margin-top:-130px; margin-left:var(--margin-left-120); } .about-two_image img{ position:relative; max-width:inherit; width:auto; } .about-two_tag{ position:absolute; left:70px; z-index:2; bottom:40px; width:140px; height:140px; } .about-two_tag:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:-1; background:url(../images/icons/tag.png); } /*** ==================================================================== CTA One ==================================================================== ***/ .cta-one{ position:relative; z-index:10; } .cta-one_pattern{ } .cta-one_inner-container{ position:relative; padding:100px 70px 100px 0px; } .cta-one_inner-container:before{ position:absolute; content:''; right:0px; top:0px; bottom:0px; width:400%; background:var(--main-color) url(../images/background/pattern-12.png) repeat-x; } .cta-one_icon{ position:relative; line-height:1em; font-weight:normal; font-family: "Flaticon"; font-size:var(--font-150); color:var(--white-color); } .cta-one_title{ position:relative; font-weight:700; letter-spacing:1px; font-size:var(--font-16); color:var(--white-color); text-transform:uppercase; } .cta-one_heading{ position:relative; font-weight:700; letter-spacing:1px; line-height:58px; color:var(--white-color); margin-top:var(--margin-top-25); } /*** ==================================================================== Specialist One ==================================================================== ***/ .specialist-one{ position:relative; margin-top:-180px; padding:280px 0px 80px; background-color:var(--color-five); } .specialist-one_pattern{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:left top; background-repeat:no-repeat; } /* About Tabs */ .specialist-tabs{ position:relative; } .specialist-tabs .tab-btns{ position:relative; text-align:center; } .specialist-tabs .tab-btns .tab-btn{ position:relative; line-height:24px; max-width:170px; width:100%; cursor:pointer; font-weight:700; text-align:center; display:inline-block; padding:30px 10px 30px; transition:all 500ms ease; color:var(--color-fifteen); text-transform:capitalize; font-size:var(--font-16); margin:0px 10px; background-color:var(--white-color); } .specialist-tabs .tab-btns .tab-btn .icon{ position:relative; display:block; line-height:1em; font-weight:normal; color:var(--main-color); text-transform:capitalize; font-size:var(--font-50); font-family: "Flaticon"; margin-bottom:var(--margin-bottom-20); } .specialist-tabs .tab-btns .tab-btn:hover, .specialist-tabs .tab-btns .tab-btn.active-btn{ color:var(--white-color); background-color:var(--color-four); } .specialist-tabs .tab-btns .tab-btn:hover .icon, .specialist-tabs .tab-btns .tab-btn.active-btn .icon{ color:var(--white-color); } .specialist-tabs .tab-btns .tab-btn:before{ position:absolute; content:''; left:0px; bottom:0px; right:0px; height:5px; opacity:0; transform:scale(0.4,1); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--main-color); } .specialist-tabs .tab-btns .tab-btn:hover::before, .specialist-tabs .tab-btns .tab-btn.active-btn::before{ opacity:1; transform:scale(1,1); } .specialist-tabs .tabs-content{ position:relative; padding:60px 0px 0px; } .specialist-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .specialist-tabs .tabs-content .tab.active-tab{ display:block; } .specialist-one_image{ position:relative; display:inline-block; padding-bottom:170px; } .specialist-one_image-two{ position:absolute; right:30px; bottom:0px; } .specialist-one_title{ position:relative; line-height:1.4em; margin-bottom:var(--margin-bottom-20); } .specialist-one_text{ line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-25); } .specialist-one_list{ position:relative; } .specialist-one_list li{ position:relative; font-weight:500; color:var(--color-three); font-size:var(--font-16); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-15); } .specialist-one_list li:before{ position:absolute; content:'\f004'; left:0px; top:4px; line-height:1em; font-weight:700; color:var(--color-four); font-family: 'Font Awesome 6 Free'; } .specialist-one_button{ position:relative; margin-top:var(--margin-top-20); } .specialist-one_icon{ position:absolute; left:0px; bottom:0px; } .specialist-one_icon-two{ position:absolute; right:50px; top:20px; } .specialist-one_color-one{ position:absolute; left:130px; bottom:100px; width:125px; height:125px; border-radius:50%; background-color:var(--color-four); } .specialist-one_color-two{ position:absolute; right:110px; bottom:220px; width:125px; height:125px; border-radius:50%; background-color:var(--main-color); } /*** ==================================================================== Team Two ==================================================================== ***/ .team-two{ position:relative; padding:110px 0px 80px; } /* Team Block */ .team-block_two{ position:relative; margin-bottom:var(--margin-bottom-30); } .team-block_two-inner{ position:relative; } .team-block_two-image{ position:relative; overflow:hidden; } .team-block_two-image img{ position:relative; width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_two-inner:hover .team-block_two-image img{ filter: grayscale(100%); transform:scale(1.05,1.05); } .team-block_two-social{ position:absolute; left:5px; bottom:5px; z-index:2; border-radius:0px; } .team-block_two-share{ position:relative; width:40px; height:40px; z-index:2; line-height:40px; border-radius:0px; text-align:center; display:inline-block; font-size:var(--font-16); color:var(--white-color); font-family: "Flaticon"; background-color:var(--color-four); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_two-social-list{ position:absolute; left:2px; bottom:-300px; width:40px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_two-inner:hover .team-block_two-social-list{ bottom:35px; } .team-block_two-social-list a{ position:relative; width:40px; height:40px; text-align:center; line-height:40px; border-radius:0px; display:inline-block; font-size:var(--font-16); color:var(--black-color); background-color:var(--white-color); margin-bottom:var(--margin-bottom-10); } .team-block_two-social-list a.youtube{ color:#ff0000; } .team-block_two-social-list a.twitter{ color:#1da1f2; } .team-block_two-social-list a.facebook{ color:#4267b2; } .team-block_two-social-list a.instagram{ color:#e73a67; } .team-block_two-content{ position:relative; z-index:1; text-align:right; padding:20px 0px 0px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_two-gradient{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1; border-radius:5px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background: var(--color-five); background: linear-gradient(to top, var(--color-five) 0%, rgba(var(--white-color-rgb), 0) 100%); } .team-block_two-category{ position:relative; font-weight:700; font-size:var(--font-14); text-transform:capitalize; color:var(--color-three); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; margin-top:var(--margin-top-5); } .team-block_two-title{ font-weight:700; font-size:var(--font-22); color:var(--main-color); } .team-block_two-title a{ color:var(--color-fourtyfive); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } /*** ==================================================================== Question One ==================================================================== ***/ .question-one{ position:relative; z-index:2; } .question-one.style-two{ margin-top:-300px; } .question-one-inner_container{ position:relative; padding:70px 70px; background-color:var(--color-five); background-position:left bottom; background-repeat:no-repeat; } .question-one_contact-list{ position:relative; } .question-one_contact-list li{ position:relative; line-height:28px; font-weight:500; color:var(--color-two); font-size:var(--font-16); padding-left:var(--padding-left-35); margin-bottom:var(--margin-bottom-15); } .question-one_contact-list li .icon{ position:absolute; left:0px; top:8px; line-height:1em; color:var(--color-four); } .question-one_contact-list li a{ position:relative; color:var(--color-two); } .question-one_contact-list li a:hover{ color:var(--color-four); } /*** ==================================================================== Comment Form ==================================================================== ***/ .default-form .form-group{ margin-bottom:var(--margin-bottom-25); } .default-form .form-group:last-child{ margin-bottom:0px; } .default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 25px; height:60px; border-radius:0px; font-size:var(--font-15); color:var(--color-fourtynine); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:var(--white-color); border:1px solid rgba(var(--black-color-rgb), 0.07); } .default-form .form-group textarea::-webkit-input-placeholder, .default-form .form-group input::-webkit-input-placeholder{ color:var(--color-twentyone); } .default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus{ border-color:var(--black-color); } .default-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:20px 25px 25px; font-size:var(--font-15); color:var(--color-fourtynine); height:190px; resize:none; border-radius:0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:var(--white-color); border:1px solid rgba(var(--black-color-rgb), 0.07); } .default-form .check-box{ position:relative; margin-left:var(--margin-left-30); } .default-form .check-box label{ color:#2b2b2b; } .default-form .check-box label{ position: relative; line-height: 22px; padding-left: 25px; padding: 2px 0px 0px 35px; font-size: var(--font-14); font-weight: 400; color: var(--color-two); cursor: pointer; margin-bottom: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .default-form .check-box input[type="checkbox"]:checked + label{ border-color: #25a9e0; } .default-form .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer; } .default-form .check-box label:before{ position: absolute; left: 0; top: 3px; height:20px; width: 20px; content: ""; border-radius: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:2px solid var(--color-three); } .default-form .check-box label:after { position: absolute; left: 4px; top: 3px; content: ""; height: 20px; line-height: 20px; max-width: 0; font-size: 12px; color: var(--white-color); font-weight: 800; overflow: hidden; background: transparent; text-align: center; line-height:20px; display:block; -webkit-transition: max-width 500ms ease; -moz-transition: max-width 500ms ease; -ms-transition: max-width 500ms ease; -o-transition: max-width 500ms ease; transition: max-width 500ms ease; } .default-form .check-box input[type="checkbox"] { display: none; } .default-form .check-box input[type="checkbox"]:checked + label:before{ background-color:var(--black-color); border-color:var(--black-color); } .default-form .check-box input[type="checkbox"]:checked + label:after { max-width: 20px; opacity: 1; } /*** ==================================================================== Testimonial Two ==================================================================== ***/ .testimonial-two{ position:relative; margin-top:-280px; padding:400px 0px 110px; background-color:var(--main-color); } .testimonial-two.style-two{ padding-bottom:400px; margin-top:var(--margin-zero); padding-top:var(--padding-top-110); } .testimonial-two_pattern{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:center center; background-size:cover; } .testimonial-two-reviews{ position:relative; font-weight:500; opacity:0.80; text-align:center; display:block; color:var(--white-color); text-transform:uppercase; text-decoration:underline; } .testimonial-two-reviews:hover{ opacity:1; color:var(--white-color); } .testimonial-two .client-thumb-outer{ position:relative; max-width:245px; margin:0 auto; overflow:hidden; margin-top:-90px; } .testimonial-two .client-thumb-outer .owl-item.active .author-info{ opacity:1; visibility:visible; } .testimonial-two .author-info{ position:relative; opacity:0; visibility:hidden; margin-left:-40px; margin-right:-40px; margin-top:40px; } .testimonial-two .author-info .author-name{ position:relative; font-weight:700; line-height:1.3em; color: var(--white-color); font-size:var(--font-20); font-family: var(--font-family-Jost); } .testimonial-two .location{ position:relative; font-size:var(--font-16); color: var(--white-color); margin-top:var(--margin-top-5) } .testimonial-two .owl-item.active .thumb-item .thumb-box{ z-index:999; -o-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .testimonial-two .client-thumb-outer .client-thumbs-carousel{ position: relative; max-width: 80px; margin: 0 auto; text-align:center; } .testimonial-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{ overflow:visible; } .testimonial-two .client-thumb-outer .thumb-item .thumb-box{ width:80px; height:80px; cursor:pointer; border-radius:50%; margin: 0 auto; overflow:hidden; -o-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonial-two .client-thumb-outer .owl-item{ z-index:0; } .testimonial-two .client-thumb-outer .owl-item.active{ z-index:10; } .testimonial-two .client-thumb-outer .thumb-item .thumb-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; background-color:rgba(255,255,255,0.50); } .testimonial-two .client-thumb-outer .owl-item.active .thumb-box:before{ opacity:0; } .testimonial-two .client-thumb-outer .client-thumbs-carousel .thumb-item img{ overflow:hidden; width:100%; height:100%; display:block; border-radius:50%; } .testimonial-two .owl-item.active .thumb-content{ opacity:1; } .testimonial-two .owl-dots{ display:none; } .testimonial-two .owl-nav{ position:absolute; left:15px; top:50%; right:15px; margin-top:-20px; } .testimonial-two .owl-nav .owl-prev{ position:absolute; left:0px; width:55px; height:55px; line-height:50px; text-align:center; display:inline-block; font-size:var(--font-20); color:var(--black-color); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: "flaticon"; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .testimonial-two .owl-nav .owl-next{ position:absolute; right:0px; width:55px; height:55px; line-height:50px; text-align:center; display:inline-block; font-size:var(--font-20); color:var(--black-color); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: "flaticon"; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .testimonial-two .owl-nav .owl-prev:hover, .testimonial-two .owl-nav .owl-next:hover{ color: var(--white-color); background-color: var(--color-four); } .testimonial-two .testimonial-four{ max-width:900px; margin:0 auto; } .testimonial-two .owl-carousel .owl-stage-outer{ padding:25px 0px 0px; } .testimonial-block_two{ position:relative; } .testimonial-block_two-inner{ position:relative; text-align:center; padding:0px 50px 100px; } .testimonial-block_two-quote{ position:relative; width:49px; margin:0 auto; margin-bottom:var(--margin-bottom-30); } .testimonial-block_two-text{ font-weight:500; line-height:40px; font-style:italic; font-size:var(--font-22); color:var(--white-color); } /*** ==================================================================== Timetable One ==================================================================== ***/ .timetable-one{ position:relative; padding:110px 0px 0px; } .timetable-one.style-two{ padding-bottom:var(--padding-bottom-100); } .doctors-time-table{ position: relative; width: 100%; height: auto; background-color: var(--white-color); min-width: 1170px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); } .doctors-time-table tr th.dark{ background-color: #222222; } .doctors-time-table thead tr{ background-color: var(--main-color); } .doctors-time-table thead tr th{ font-size: 16px; color: var(--white-color); font-weight: 700; height: 60px; text-align: center; width: 147px; padding: 0 15px; border: 1px solid var(--white-color); border-top: 0; } .doctors-time-table tbody tr{ position: relative; text-align: center; } .doctors-time-table tbody tr th{ font-size: 16px; font-weight: 700; text-align: center; width: 147px; padding: 0 15px; height: 92px; color: var(--white-color); background-color: var(--main-color); border-bottom: 1px solid var(--white-color); } .doctors-time-table tbody tr td{ position: relative; cursor: pointer; transition: all 300ms ease; } .doctors-time-table tbody tr td:hover{ background-color: var(--white-color) !important; box-shadow: 0 0 20px rgba(0,0,0,0.05); z-index: 9; } .doctors-time-table tbody tr td.empty:hover{ box-shadow: none; cursor: unset; } .doctors-time-table tbody tr td strong{ font-size: 14px; line-height: 18px; } .doctors-time-table tbody tr td p{ font-size: 12px; line-height: 18px; color: #777777; } .doctors-time-table tbody tr td:nth-child(even){ background-color: #f5f5f5; } .doctors-time-table tbody tr:nth-child(even) td:nth-child(even){ background-color: var(--white-color); } .doctors-time-table tbody tr:nth-child(even) td:nth-child(odd){ background-color: #f5f5f5; } .doctors-time-table .doctor-info{ position: absolute; left: 50%; top: -70px; padding: 20px 20px 20px 95px; min-height: 100px; background-color: var(--white-color); text-align: left; min-width: 220px; box-shadow: 0 5px 10px rgba(0,0,0,0.09); opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .doctors-time-table td:hover .doctor-info{ top: -100px; opacity: 1; visibility: visible; } .doctors-time-table .doctor-info .thumb{ position: absolute; left: 20px; top: 20px; height: 60px; width: 60px; } .doctors-time-table .doctor-info .name{ display: block; white-space: nowrap; font-size: 16px; line-height: 20px; color: #222222; font-weight: 700; margin-bottom: 10px; } .doctors-time-table .doctor-info .theme-btn{ height: 30px; min-width: 100px; font-size: 12px; line-height: 30px; padding: 0 10px; text-align: center; } /* News Block Two */ .news-block_two{ position:relative; margin-bottom:var(--margin-bottom-30); } .news-block_two-inner{ position:relative; box-shadow:0px 10px 15px rgba(0,0,0,0.10); } .news-block_two-image{ position:relative; } .news-block_two-image img{ position:relative; width:100%; display:block; } .news-block_two-search{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; font-family: "Flaticon"; background-color:rgba(var(--white-color-rgb), 0.70); -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .news-block_two-inner:hover .news-block_two-search{ opacity:1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .news-block_two-search:before{ position:absolute; left:50%; top:50%; z-index:1; line-height:1em; font-size:var(--font-40); color:var(--main-color); transform:translateX(-50%) translateY(-50%); } .news-block_two-content{ position:relative; padding:0px 30px 35px; background-color:var(--white-color); } .news-block_two-date{ position:relative; top:-12px; font-weight:700; padding:7px 17px; margin-top:-7px; display:inline-block; color:var(--white-color); font-size:var(--font-14); text-transform:uppercase; background-color:var(--main-color); } .news-block_two-date span{ position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; font-size:var(--font-18); color:var(--white-color); background-color:var(--main-color); } .news-block_two-meta{ position:relative; margin-top:var(--margin-top-10); } .news-block_two-meta li{ position:relative; display:inline-block; letter-spacing:1px; color:var(--color-two); font-size:var(--font-14); text-transform:uppercase; padding-left:var(--padding-left-25); margin-right:var(--margin-right-15); } .news-block_two-meta li span{ position:absolute; left:0px; top:5px; font-size:var(--font-12); color:var(--main-color); } .news-block_two-meta li:last-child{ margin-right:0px; } .news-block_two-heading{ position:relative; font-weight:700; margin-top:var(--margin-top-15); } .news-block_two-heading a{ position:relative; color:var(--color-two); } .news-block_two-heading a:hover{ color:var(--color-four); } .news-block_two-more{ position:relative; padding:10px 24px; letter-spacing:1px; display:inline-block; font-size:var(--font-16); text-transform:uppercase; color:var(--white-color); margin-top:var(--margin-top-20); background-color:var(--color-four); } .news-block_two-more:hover{ color:var(--white-color); background-color:var(--main-color); } /*** ==================================================================== Sponsors Section ==================================================================== ***/ .sponsors-one{ position:relative; padding:60px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .sponsors-one .auto-container{ max-width:1500px; } .sponsors-one_pattern{ position:absolute; left:0px; top:0px; width:119px; height:200px; background-repeat:no-repeat; } .sponsors-one_pattern-two{ position:absolute; right:0px; top:0px; width:173px; height:200px; background-repeat:no-repeat; } .sponsors-one .owl-dots, .sponsors-one .owl-nav{ display:none; } /*** ==================================================================== Main Slider Section ==================================================================== ***/ .slider-two{ position:relative; overflow:hidden; } .slider-two_slide{ position:relative; overflow:hidden; background-size:cover; background-position:center right; } .slider-two_slide:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.10; background: var(--black-color); } .slider-two_content{ position:relative; max-width:620px; } .slider-two_content-inner{ position:relative; padding:160px 0px 240px; } .slider-two_pattern{ position:absolute; right:0px; top:0px; bottom:0px; left:-500px; background-repeat:repeat; background-color:var(--main-color); transform: skewX(-10deg); } .slider-two_title{ opacity: 0; font-weight:800; transform: scaleY(0); letter-spacing:1px; transform-origin: top; font-size:var(--font-24); color:var(--white-color); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; text-transform:uppercase; margin-bottom:var(--margin-bottom-20); } .slider-two .active .slider-two_title{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .slider-two_heading{ opacity: 0; transform: scaleY(0); transform-origin: top; color:var(--white-color); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-30); } .slider-two .active .slider-two_heading{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .slider-two .slider-two_buttons{ opacity:0; transform: scaleY(0); transform-origin: top; display:inline-block; -webkit-transition: all 100ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .slider-two .slider-two_buttons .theme-btn{ margin-right:var(--margin-right-15); } .slider-two .active .slider-two_buttons{ opacity: 1; transform: scaleY(1); transition-delay:1200ms; } .slider-two .owl-dots{ display:none; } .slider-two:hover .owl-nav{ opacity:1; } .slider-two .owl-nav{ position:absolute; left:30px; top:50%; right:30px; opacity:0; margin-top:-30px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .slider-two .owl-nav .owl-prev{ position:absolute; left:0px; color:var(--white-color); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-left:var(--padding-left-15); border-left:3px solid var(--white-color); } .slider-two .owl-nav .owl-next{ position:absolute; right:0px; color:var(--white-color); font-size:var(--font-28); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding-right:var(--padding-right-15); border-right:3px solid var(--white-color); } .slider-two .owl-nav .owl-prev:hover, .slider-two .owl-nav .owl-next:hover{ color:var(--color-four); border-color:var(--color-four); } /*** ==================================================================== Services Three ==================================================================== ***/ .services-three{ position:relative; margin-top:-90px; z-index:10; padding:0px 0px 90px; } .service-block_three{ position:relative; margin-bottom:var(--margin-bottom-30); } .service-block_three-inner{ position:relative; padding:35px 35px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .service-block_three-inner:before{ position:absolute; content:''; left:0px; top:0px; width:20px; height:20px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--color-four); } .service-block_three-inner:hover::before{ width:100%; height:100%; } .service-block_three-icon-box{ position:relative; padding-left:var(--padding-left-70); } .service-block_three-icon{ position:absolute; left:0px; top:4px; line-height:1em; font-size:var(--font-50); color:var(--main-color); font-family: "Flaticon"; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_three-inner:hover .service-block_three-icon{ color:var(--white-color); } .service-block_three-heading{ position:relative; line-height:30px; } .service-block_three-heading a{ position:relative; font-weight:700; color:var(--color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_three-inner:hover .service-block_three-heading a{ color:var(--white-color); } .service-block_three-text{ position:relative; line-height:28px; color:var(--color-three); margin-top:var(--margin-top-20); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block_three-inner:hover .service-block_three-text{ color:var(--white-color); } /*** ==================================================================== Health One ==================================================================== ***/ .health-one{ position:relative; overflow:hidden; padding:0px 0px 90px; } .health-one_pattern{ position:absolute; right:0px; top:0px; width:388px; height:955px; background-repeat:no-repeat; } .health-one_pattern-two{ position:absolute; left:0px; top:-200px; width:360px; height:1808px; background-repeat:no-repeat; } .health-one_images-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .health-one_images-inner{ position:relative; } .health-one_image{ position:relative; z-index:1; display:inline-block; } .health-one_image-two{ position:relative; text-align:right; margin-top:-55px; } .health-one_color{ position:absolute; right:20px; top:60px; width:210px; height:200px; border-radius:45px; transform:rotate(45deg); background-color:var(--color-ten); } .health-one_color-two{ position:absolute; left:40px; bottom:40px; width:210px; height:200px; border-radius:45px; transform:rotate(45deg); background-color:var(--main-color); } .health-one_content-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .health-one_content-inner{ position:relative; } .health-block{ position:relative; margin-bottom:var(--margin-bottom-30); } .health-block_inner{ position:relative; line-height:28px; font-size:var(--font-16); color:var(--color-three); padding-left:var(--padding-left-90); } .health-block_icon{ position:absolute; left:0px; top:0px; font-size:70px; line-height:1em; color:var(--color-four); font-family: "Flaticon"; } .health-block strong{ position:relative; display:block; font-weight:700; font-size:var(--font-24); color:var(--main-color); margin-bottom:var(--margin-bottom-10); } /*** ==================================================================== Services Four ==================================================================== ***/ .services-four{ position:relative; padding:110px 0px 80px; } .service-block_four{ position:relative; margin-bottom:var(--margin-bottom-30); } .service-block_four-inner{ position:relative; padding:30px 20px 30px 100px; border-radius:0px 0px 25px 0px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .service-block_four-pattern{ position:absolute; left:0px; bottom:0px; width:137px; height:180px; } .service-block_four-pattern-two{ position:absolute; right:0px; bottom:0px; width:137px; height:180px; } .service-block_four-icon{ position:absolute; left:0px; top:35px; width:80px; height:80px; line-height:80px; text-align:center; font-family: "Flaticon"; font-size:var(--font-44); color:var(--white-color); border-radius:0px 10px 10px 0px; background-color:var(--main-color); } .service-block_four-title{ position:relative; font-weight:700; } .service-block_four-title a{ position:relative; color:var(--color-two); } .service-block_four-title a:hover{ color:var(--main-color); } .service-block_four-text{ position:relative; line-height:28px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-5); } .service-block_four.style-two .service-block_four-inner{ text-align:right; padding:30px 100px 30px 20px; } .service-block_four.style-two .service-block_four-icon{ right:0px; left:auto; border-radius:10px 0px 0px 10px; } /*** ==================================================================== Fluid One ==================================================================== ***/ .fluid-one{ position:relative; } .fluid-one .left-column{ position:relative; width:50%; float:left; } .fluid-one .left-column .ïnner-column{ position:relative; max-width:650px; float:right; width:100%; padding:20px 60px 20px 15px; } .fluid-one_pattern{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:var(--color-five); } .fluid-one .right-column{ position:relative; width:50%; float:right; height:100%; } .fluid-one .right-column .ïnner-column{ position:relative; width:100%; } /* Skills Section */ .default-skills{ position:relative; } .default-skill-item{ position:relative; margin-bottom:var(--margin-bottom-35); } .default-skill-item:last-child{ margin-bottom:var(--margin-zero); } .default-skill-title{ position:relative; font-weight:700; color:var(--color-two); font-size:var(--font-18); text-transform:capitalize; margin-bottom:var(--margin-bottom-15); } .default-skill-bar{ position:relative; width:100%; height:10px; overflow:hidden; border-radius:50px; background-color:var(--white-color); } .default-bar-inner{ position:relative; width:100%; height:10px; overflow:hidden; border-radius:50px; } .default-bar{ position:absolute; left:0px; top:0px; height:10px; width:0px; border-bottom:10px solid var(--main-color); -webkit-transition:all 2000ms ease; -ms-transition:all 2000ms ease; -o-transition:all 2000ms ease; -moz-transition:all 2000ms ease; transition:all 2000ms ease; } .default-count-box{ position:absolute; right:0px; top:0px; font-weight:700; color:var(--color-four); font-size:var(--font-18); } .fluid-one .right-column .image{ position:relative; object-fit:cover; background-size:cover; } .fluid-one .owl-nav{ position:absolute; left:30px; bottom:30px; } .fluid-one .owl-nav .owl-prev, .fluid-one .owl-nav .owl-next{ position:relative; width:70px; height:70px; margin:0px 5px; line-height:70px; text-align:center; display:inline-block; color:var(--main-color); font-size:var(--font-24); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--white-color); } .fluid-one .owl-nav .owl-prev:hover, .fluid-one .owl-nav .owl-next:hover{ color:var(--white-color); background-color:var(--color-four); } .fluid-one .white-color_layer{ position:absolute; left:0px; top:0px; right:0px; height:90px; z-index:2; background-color:var(--white-color); } .center-icon{ position:absolute; left:50%; top:0px; z-index:10; width:150px; height:150px; text-align:center; margin-left:-75px; line-height:110px; border-radius:150px; font-size:var(--font-60); font-family: "Flaticon"; color:var(--white-color); border:18px solid var(--white-color); background-color:var(--main-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } /*** ==================================================================== Counter Two ==================================================================== ***/ .counter-two{ position:relative; padding:110px 0px 70px; } .counter-two_block{ position:relative; margin-bottom:var(--margin-bottom-30); } .counter-two_inner{ position:relative; padding:45px 40px 40px; border-radius:0px 0px 0px 50px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); background-position:right top; background-repeat:no-repeat; } .counter-two_icon{ position:relative; line-height:1em; font-size:var(--font-60); color:var(--main-color); font-family: "Flaticon"; } .counter-two_counter{ position:relative; line-height:1em; font-weight:700; font-size:var(--font-48); color:var(--color-two); margin-top:var(--margin-top-15); } .counter-two_text{ position:relative; color:var(--color-three); font-size:var(--font-18); } /*** ==================================================================== Testimonial Three ==================================================================== ***/ .testimonial-three{ position:relative; overflow:hidden; } .testimonial-three_pattern{ position:absolute; right:0px; top:0px; width:451px; height:673px; } .testimonial-three .left-column{ position:relative; width:50%; } .testimonial-three .left-column .image{ position:relative; } .testimonial-three .left-column .image img{ position:relative; width:100%; display:block; } .testimonial-three_video{ position:absolute; right:0px; top:0px; width:371px; height:100%; z-index:1; text-align:center; font-size:var(--font-40); color:var(--white-color); background:url(../images/icons/play.png) right center no-repeat; background-size:cover; } .testimonial-three_video:before{ position:absolute; top:60%; margin-left:30px; } .testimonial-three .right-column{ position:relative; width:50%; } .testimonial-three .right-column .inner-column{ position:relative; max-width:650px; padding-left:var(--padding-left-50); } .testimonial-three .owl-nav{ position:absolute; right:0px; bottom:0px; } .testimonial-three .owl-nav .owl-prev, .testimonial-three .owl-nav .owl-next{ position:relative; width:50px; height:50px; margin:0px 5px; line-height:54px; text-align:center; display:inline-block; color:var(--white-color); font-size:var(--font-18); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--main-color); } .testimonial-three .owl-nav .owl-prev:hover, .testimonial-three .owl-nav .owl-next:hover{ color:var(--white-color); background-color:var(--color-four); } /* Testimonial Block Three */ .testimonial-block_three{ position:relative; } .testimonial-block_three-text{ position:relative; line-height:36px; font-size:var(--font-20); color:var(--color-three); } .testimonial-block_three-author{ position:relative; min-height:150px; padding-top:var(--padding-top-15); padding-left:var(--padding-left-190); margin-top:var(--margin-top-50); } .testimonial-block_three-quote{ position:absolute; right:-20px; top:50%; width:70px; height:70px; line-height:68px; text-align:center; border-radius:50px; display:inline-block; font-size:var(--font-36); color:var(--white-color); background-color:var(--main-color); } .testimonial-block_three-image{ position:absolute; left:0px; top:0px; width:150px; height:150px; } .testimonial-block_three-image img{ position:relative; overflow:hidden; border-radius:50%; } .testimonial-block_three-designation{ position: relative; font-weight: 700; font-size: var(--font-16); color: var(--color-three); margin-top: var(--margin-top-10); } .testimonial-block_three-heading{ position: relative; font-weight: 700; color: var(--black-color); margin-top: var(--margin-top-5); } .testimonial-block_three-rating{ position:relative; color:var(--color-six); margin-top: var(--margin-top-10); } /*** ==================================================================== Team Three ==================================================================== ***/ .team-three{ position:relative; padding:110px 0px 80px; } /* Team Block */ .team-block_three{ position:relative; margin-bottom:var(--margin-bottom-30); } .team-block_three-inner{ position:relative; background-color:var(--color-five); } .team-block_three-image{ position:relative; overflow:hidden; display:inline-block; } .team-block_three-image img{ position:relative; width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .team-block_three-inner:hover .team-block_three-image img{ filter: grayscale(100%); transform:scale(1.05,1.05); } .team-block_three-content{ position:relative; padding:15px 30px; } .team-block_three-title{ position:relative; font-weight: 700; } .team-block_three-title a{ position:relative; color: var(--color-two); } .team-block_three-title a:hover{ color: var(--main-color); } .team-block_three-designation{ position:relative; font-weight:500; letter-spacing:1px; font-size:var(--font-14); text-transform:uppercase; color:var(--color-three); margin-top:var(--margin-top-10); } .team-block_three-social{ position:relative; margin-top:var(--margin-top-15); } .team-block_three-social a{ position:relative; width:40px; height:40px; line-height:38px; text-align:center; border-radius:50px; display:inline-block; border:1px solid rgba(0,0,0,0.10); margin-right:var(--margin-right-5); color:rgba(var(--black-color-rgb), 0.50); } .team-block_three-social a:hover{ color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color); } .team-block_three-appoint{ position:relative; font-weight:600; letter-spacing:1px; display:inline-block; color:var(--main-color); text-transform:uppercase; margin-top:var(--margin-top-20); padding-right:var(--padding-right-20); } .team-block_three-appoint:before{ position:absolute; content:'\f101'; right:0px; font-family: 'Font Awesome 6 Free'; } .team-block_three-appoint:hover{ color:var(--color-four); } /*** ==================================================================== Faq One ==================================================================== ***/ .faq-one{ position:relative; overflow:hidden; padding:120px 0px 0px; } .faq-one_pattern{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .faq-one_accordion-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .faq-one_accordion-inner{ position:relative; padding-right:var(--padding-right-80); } .faq-image_pattern{ position:absolute; left:-58px; top:-50px; right:0px; bottom:0px; width:563px; } .faq-one_image-column{ position:relative; } .faq-one_image{ position:relative; margin-top:var(--margin-top-60); } .faq-one_image img{ position:relative; overflow:hidden; top:0px; display:inline-block; border-radius:280px 280px 0px 0px; } /*** ==================================================================== Accordion Style ==================================================================== ***/ .accordion-box{ position:relative; z-index:1; } .accordion-box .block{ position: relative; background-color:var(--white-color); margin-bottom:var(--margin-bottom-15); box-shadow:0px 0px 10px rgba(0,0,0,0.07); } .accordion-box .block:last-child{ margin-bottom:var(--margin-zero); } .accordion-box .block .acc-btn{ position:relative; cursor:pointer; line-height:30px; font-weight:800; font-size:var(--font-18); transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; padding:15px 15px 15px 75px; } .accordion-box .block .icon-outer{ position:absolute; left:5px; top:5px; font-size:var(--font-16); color:var(--black-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Font Awesome 5 Pro'; } .accordion-box .block .icon-outer .icon{ position: relative; right:0px; width:50px; height:50px; line-height:50px; text-align:center; color:var(--white-color); background-color:var(--main-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .acc-btn.active .icon-outer .icon{ background-color:var(--color-four); transform:rotate(90deg); } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content .content-text{ } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ position:relative; padding:0px 20px 15px 75px; } .accordion-box .block .content .text{ opacity:0.80; line-height:30px; font-size:var(--font-16); color:var(--color-two); } /* News Block Three */ .news-block_three{ position:relative; margin-bottom:var(--margin-bottom-30); } .news-block_three-inner{ position:relative; } .news-block_three-image{ position:relative; } .news-block_three-image img{ position:relative; width:100%; display:block; } .news-block_three-search{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; font-family: "Flaticon"; background-color:rgba(var(--white-color-rgb), 0.70); -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .news-block_three-inner:hover .news-block_three-search{ opacity:1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .news-block_three-search:before{ position:absolute; left:50%; top:50%; z-index:1; line-height:1em; font-size:var(--font-40); color:var(--main-color); transform:translateX(-50%) translateY(-50%); } .news-block_three-content{ position:relative; padding:30px 20px 0px; } .news-block_three-date{ position:relative; font-weight:700; padding:7px 17px; display:inline-block; color:var(--white-color); font-size:var(--font-14); text-transform:uppercase; background-color:var(--main-color); margin-right:var(--margin-right-15); } .news-block_three-date span{ position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; font-size:var(--font-18); color:var(--white-color); background-color:var(--main-color); } .news-block_three-meta{ position:relative; margin-top:var(--margin-top-10); } .news-block_three-meta li{ position:relative; display:inline-block; letter-spacing:1px; color:var(--color-three); font-size:var(--font-14); text-transform:capitalize; padding-left:var(--padding-left-25); margin-right:var(--margin-right-15); } .news-block_three-meta li span{ position:absolute; left:0px; top:5px; font-size:var(--font-12); color:var(--main-color); } .news-block_three-meta li:last-child{ margin-right:0px; } .news-block_three-heading{ position:relative; font-weight:700; margin-top:var(--margin-top-20); } .news-block_three-heading a{ position:relative; color:var(--color-two); } .news-block_three-heading a:hover{ color:var(--color-four); } .news-block_three-more{ position:relative; font-weight:600; display:block; padding:7px 20px; letter-spacing:1px; color:var(--color-four); text-transform:uppercase; font-size:var(--font-12); margin-top:var(--margin-top-25); padding-right:var(--padding-right-20); background:url(../images/background/pattern-28.png) repeat; } .news-block_three-more span{ position:relative; font-size:var(--font-10); font-family: 'Font Awesome 6 Free'; } .news-block_three-more:hover{ color:var(--main-color); } .news-block_three-text{ line-height:30px; color:var(--color-three); font-size:var(--font-16); margin-top:var(--margin-top-15); } .news-block_three-more-two{ position:relative; font-weight:600; padding:12px 20px; letter-spacing:1px; display:inline-block; color:var(--white-color); text-transform:uppercase; font-size:var(--font-12); margin-top:var(--margin-top-25); background-color:var(--color-four); } .news-block_three-more-two:hover{ color:var(--white-color); background-color:var(--main-color); } .news-block_three.style-two .news-block_three-inner{ box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .news-block_three.style-two .news-block_three-content{ padding:30px 30px; } /*** ==================================================================== Sponsors Two ==================================================================== ***/ .sponsors-two{ position:relative; padding:60px 0px; background-color:var(--main-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .sponsors-two .auto-container{ max-width:1500px; } .sponsors-two_pattern{ position:absolute; left:0px; top:0px; width:119px; height:200px; background-repeat:no-repeat; } .sponsors-two_pattern-two{ position:absolute; right:0px; top:0px; width:173px; height:200px; background-repeat:no-repeat; } .sponsors-two .owl-dots, .sponsors-two .owl-nav{ display:none; } /*** ==================================================================== Page Title ==================================================================== ***/ .page-title{ position:relative; background-size:cover; padding:120px 0px 120px; } .page-title h2{ font-weight:800; color:var(--color-two); text-transform:capitalize; } .page-title .bread-crumb{ position: relative; margin-top:var(--margin-top-20); } .page-title .bread-crumb li{ position: relative; font-weight:600; display:inline-block; color:var(--color-four); text-transform:uppercase; font-size: var(--font-16); margin-right: var(--margin-right-15); padding-right: var(--padding-right-15); } .page-title .bread-crumb li:before{ position: absolute; right: -6px; top:0px; font-weight:700; content: "\f105"; color:var(--color-two); font-size: var(--font-14); font-family: 'Font Awesome 6 Free'; } .page-title .bread-crumb li:last-child{ padding-right: 0; margin-right: 0; } .page-title .bread-crumb li:last-child:before{ display: none; } .page-title .bread-crumb li a{ color:var(--main-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .page-title .bread-crumb li a:hover{ color: var(--main-color); } /*** ==================================================================== Faq Page ==================================================================== ***/ .faq-page{ position:relative; padding:110px 0px 80px; } .faq-page .column{ position:relative; margin-bottom:var(--margin-bottom-30); } /*** ==================================================================== Doctor Detail ==================================================================== ***/ .doctor-detail{ position:relative; padding:110px 0px 0px; } .doctor-detail_image-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .doctor-detail_image{ position:relative; } .doctor-detail_image img{ position:relative; width:100%; display:block; } .doctor-detail_info-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .doctor-detail_designation{ position:relative; letter-spacing:1px; font-weight:600; font-size:var(--font-16); text-transform:uppercase; color:var(--color-three); } .doctor-detail_name{ position:relative; font-weight:700; color:var(--color-two); margin-top:var(--margin-top-10); } .doctor-detail h3{ position:relative; font-weight:700; color:var(--color-two); margin-bottom:var(--margin-bottom-20); } .doctor-detail p{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); } .doctor-detail_text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-15); } .doctor-detail_list{ position:relative; margin-top:var(--margin-top-30); } .doctor-detail_list li{ position:relative; font-size:var(--font-18); color:var(--color-three); padding-left:var(--padding-left-35); margin-bottom:var(--margin-bottom-15); } .doctor-detail_list li .icon{ position:absolute; left:0px; top:0px; line-height:1em; color:var(--main-color); font-size:var(--font-18); } .doctor-detail_list li a{ position:relative; color:var(--color-three); } .doctor-detail_list li a:hover{ color:var(--main-color); } .doctor-detail_social{ position:relative; margin-top:var(--margin-top-40); } .doctor-detail_social li{ position:relative; display:inline-block; margin-right:var(--margin-right-5); } .doctor-detail_social li a{ position:relative; width:50px; height:50px; line-height:48px; border-radius:50px; text-align:center; display:inline-block; font-size:var(--font-18); color:var(--color-three); border:1px solid rgba(0,0,0,0.20); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .doctor-detail_social li a:hover{ color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color); } .doctor-detail .default-skills{ margin-top:var(--margin-top-30); } .doctor-detail .default-skill-bar{ background-color:var(--color-five); } /* Doctor Detail Section */ .doctor-detail-section{ position:relative; padding:100px 0px 100px; } .doctor-detail-section .image-column{ position:relative; margin-bottom:30px; } .doctor-detail-section .image-column .inner-column{ position:relative; } .doctor-detail-section .image{ position:relative; } .doctor-detail-section img{ position:relative; width:100%; display:block; } .doctor-detail-section .number-box{ position:absolute; left:-15px; bottom:30px; color:#ffffff; font-size:18px; font-weight:700; border-radius:0px 50px 50px 0px; background-color:#1cba9f; padding:10px 25px 10px 90px; } .doctor-detail-section .number-box:before{ position:absolute; content:''; left:0px; bottom:-15px; border-top: 15px solid #0d7563; border-left: 15px solid transparent; } .doctor-detail-section .play-button{ position:absolute; left:20px; top:-8px; width:60px; height:60px; color:#ffffff; border-radius:50%; text-align:center; line-height:50px; display:inline-block; border:5px solid #ffffff; background-color:#4ed964; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; box-shadow: inset 0 0 10px rgba(0,0,0,0.20); } .doctor-detail-section .play-button:hover{ transform:scale(1.1,1.1); } .doctor-detail-section .number-box .ripple, .doctor-detail-section .number-box .ripple:before, .doctor-detail-section .number-box .ripple:after { position: absolute; top: 50%; left: 50%; height: 55px; width: 55px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, .9); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .9); -ms-box-shadow: 0 0 0 0 rgba(255,255,255, .9); -o-box-shadow: 0 0 0 0 rgba(255,255,255, .9); box-shadow: 0 0 0 0 rgba(255,255,255, .9); -webkit-animation: ripple-2 3s infinite; -moz-animation: ripple-2 3s infinite; -ms-animation: ripple-2 3s infinite; -o-animation: ripple-2 3s infinite; animation: ripple-2 3s infinite; } .doctor-detail-section .number-box .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .doctor-detail-section .number-box .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple-2 { 70% {box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } @keyframes ripple-2 { 70% {box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } .doctor-detail-section .content-column{ position:relative; } .doctor-detail-section .content-column .inner-column{ position:relative; padding-left:30px; padding-top:12px; } .doctor-detail-section h3{ margin-bottom:12px; color:var(--color-two); } .doctor-detail-section .social-box{ position:relative; } .doctor-detail-section .social-box li{ position:relative; margin-right:5px; display:inline-block; } .doctor-detail-section .social-box li a{ position:relative; width:36px; height:36px; color:#ffffff; font-size:14px; line-height:38px; text-align:center; border-radius:0px; display:inline-block; background-color:#1cba9f; } .doctor-detail-section .social-box li.facebook a{ background-color:#3b5998; } .doctor-detail-section .social-box li.twitter a{ background-color:#1da1f2; } .doctor-detail-section .social-box li.linkedin a{ background-color:#0077b5; } .doctor-detail-section .social-box li.youtube a{ background-color:#ff0000; } .doctor-detail-section .social-box li.vk a{ background-color:#45668e; } /* Doctor Info List */ .doctor-info-list{ position:relative; margin-bottom:40px; } .doctor-info-list li{ position:relative; color:#222222; font-size:16px; font-weight:500; margin-bottom:8px; padding-left:180px; } .doctor-info-list li span{ position:absolute; width:160px; left:0px; display:inline-block; } .doctor-info-list li span:before{ position:absolute; content:':'; right:0px; top:0px; color:#222222; font-weight:500; } /* Biography Section */ .biography-section{ position:relative; padding-bottom:var(--padding-bottom-100); } .biography-section .pattern-one{ position:absolute; content:''; left:0px; top:40px; width:436px; height:359px; display:inline-block; } .biography-section .title-column{ position:relative; margin-bottom:40px; } .biography-section .title-column h4{ position:relative; font-weight:700; color:#222222; padding-right:100px; display:inline-block; text-transform:capitalize; } .biography-section .title-column h4:after{ position:absolute; content:''; right:0px; top:20px; height:3px; width:80px; background-color:var(--main-color); } .biography-section .content-column{ position:relative; } .biography-section .content-column .inner-column{ position:relative; } .biography-section p{ position:relative; color:#313131; font-size:18px; line-height:1.6em; margin-bottom:25px; } .biography-section .signature{ position:relative; } /*** ==================================================================== Achievement Section ==================================================================== ***/ .achievement-section{ position:relative; padding:90px 0px 110px; background-color:var(--color-five); } .achievement-section .container{ position:relative; } .achievement-section .title-column{ position:relative; } .achievement-section .title-column .inner-column{ position:relative; padding-right:30px; } .achievement-section .title-column .text{ font-size:16px; line-height:26px; } .achievement-section .clients-column{ position:static; } .achievement-section .clients-column .inner-column, .achievement-section .clients-column .inner-column .owl-carousel{ position:static; } .achievement-section .clients-column .inner-column .inner-slide{ position:relative; border-left:1px solid rgba(0,0,0,0.07); } .achievement-section .clients-column .inner-column .column .image{ border-right:1px solid rgba(0,0,0,0.07); } .achievement-section .clients-column .inner-column .column .image img{ position:relative; width: auto; margin: 0 auto; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition: all 300ms ease; } .achievement-section .clients-column .inner-column .column .image img:hover{ filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .achievement-section .clients-column .inner-column .column:nth-child(1), .achievement-section .clients-column .inner-column .column:nth-child(2), .achievement-section .clients-column .inner-column .column:nth-child(3){ border-bottom:1px solid rgba(0,0,0,0.07); } .achievement-section .clients-column .inner-column .owl-dots{ display:none; } .achievement-section .clients-column .inner-column .owl-nav{ position:absolute; left:15px; bottom:-20px; } .achievement-section .clients-column .inner-column .owl-nav .owl-prev, .achievement-section .clients-column .inner-column .owl-nav .owl-next{ position:relative; width:40px; height:40px; color:#131313; font-size:14px; line-height:40px; border-radius:50%; text-align:center; display:inline-block; margin-right:15px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition: all 300ms ease; background-color:var(--white-color); box-shadow:0px 10px 8px rgba(0,0,0,0.10); } .achievement-section .clients-column .inner-column .owl-nav .owl-prev:hover, .achievement-section .clients-column .inner-column .owl-nav .owl-next:hover{ background-color:var(--main-color); color:var(--white-color); } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-page{ position:relative; padding:110px 0px 110px; } .pagination-outer{ position:relative; } .pagination-outer .pagination{ position:relative; display:inline-block; } .pagination-outer .pagination li{ position:relative; margin:0px 5px; display:inline-block; } .pagination-outer .pagination li a span{ font-size:var(--font-16); font-family: 'Font Awesome 6 Free'; } .pagination-outer .pagination li a{ position:relative; width:48px; height:48px; line-height:48px; text-align:center; font-weight:700; display:inline-block; font-size:var(--font-18); color:var(--black-color); background-color:var(--color-five); } .pagination-outer .pagination li a:hover, .pagination-outer .pagination li.active a{ color:var(--white-color); background-color: var(--main-color); } /*** ==================================================================== Coming Soon ==================================================================== ***/ .coming-soon{ position:fixed; width:100%; height:100%; display:block; overflow-y:auto; background-repeat: no-repeat; background-position: center right; background-size: cover; text-align: center; } .coming-soon .content{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; } .coming-soon .content:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--black-color); content: ""; opacity: .50; } .coming-soon .content .content-inner{ position: relative; padding: 90px 15px; display: table-cell; vertical-align: middle; } .coming-soon .content .content-inner .logo{ position:relative; margin-bottom: var(--margin-bottom-20); } .coming-soon .content .content-inner h2{ color: var(--white-color); margin-bottom: var(--margin-bottom-200); } .time-counter{ position:relative; } .time-counter .time-countdown{ position:relative; margin-bottom: var(--margin-bottom-150); } .time-counter .time-countdown .counter-column{ position:relative; display: inline-block; width:180px; height:180px; line-height: 1em; color:var(--white-color); text-transform:uppercase; font-size:var(--font-20); font-weight:600; text-align: center; z-index: 7; border-radius: 0px; box-shadow: 0 0 30px rgba(0,0,0,0.25); background-color: rgba(0,0,0,.80); margin:0 15px 20px; } .time-counter .time-countdown .counter-column .count{ position:relative; display:block; font-size:var(--font-70); line-height:30px; padding:60px 0px 30px; color:var(--white-color); font-weight:600; } .coming-soon .emailed-form{ position: relative; margin-bottom: var(--margin-bottom-40); } .coming-soon .emailed-form h3{ color:var(--white-color); margin-bottom: var(--margin-bottom-20); } .coming-soon .emailed-form .text{ display: block; color:var(--white-color); font-size: var(--font-18); margin-bottom: var(--margin-bottom-40); } .coming-soon .emailed-form .form-group{ position:relative; display:block; max-width:540px; width:100%; margin: 0 auto; } .coming-soon .emailed-form .form-group input[type="text"], .coming-soon .emailed-form .form-group input[type="tel"], .coming-soon .emailed-form .form-group input[type="email"], .coming-soon .emailed-form .form-group textarea{ position:relative; display:block; width:100%; line-height:28px; height:60px; color:var(--black-color); font-size: var(--font-16); overflow:hidden; padding:15px 50px 15px 20px; background: var(--white-color); border: 1px solid #f1f1f1; box-shadow: 0 0 13px rgba(0,0,0,0.10); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .coming-soon .emailed-form .form-group input:focus, .coming-soon .emailed-form .form-group select:focus, .coming-soon .emailed-form .form-group textarea:focus{ border-color:var(--main-color);; } .coming-soon .emailed-form .form-group input[type="submit"], .coming-soon .emailed-form button{ position:absolute; right:0px; top:0px; width: 60px; height:60px; line-height:40px; font-size: var(--font-18); color: var(--main-color); background-color: transparent; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .coming-soon .emailed-form .form-group input[type="submit"]:hover, .coming-soon .emailed-form button:hover{ color: var(--main-color-two); } .coming-soon .copyright-text{ position: relative; font-size: var(--font-18); line-height: 26px; color: var(--white-color); font-weight: 400; } .coming-soon .copyright-text a{ color: var(--main-color); } .coming-soon .copyright-text a:hover{ text-decoration: underline; } .clock-wrapper{ position: absolute; top: 50%; right: 0; left: 0; width: 250px; height: 250px; margin: auto; margin-top: -145px; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.05); background-color: rgba(0,0,0,.40); transform: scale(2); } .clock-base{ width: 250px; height: 250px; border-radius: 50%; } .click-indicator{ position: absolute; z-index: 1; top: 10px; left: 10px; width: 230px; height: 230px; } .click-indicator div{ position: absolute; width: 2px; height: 4px; margin: 113px 114px; } .click-indicator div > span{ height: 5px; width: 5px; background-color: var(--white-color); display: inline-block; border-radius: 50%; margin-left: -1px; margin-top: -1px; } .click-indicator div:nth-child(1) { transform: rotate(30deg) translateY(-120px); } .click-indicator div:nth-child(2) { transform: rotate(60deg) translateY(-120px); } .click-indicator div:nth-child(3) { transform: rotate(90deg) translateY(-120px); background-color: var(--main-color); } .click-indicator div:nth-child(4) { transform: rotate(120deg) translateY(-120px); } .click-indicator div:nth-child(5) { transform: rotate(150deg) translateY(-120px); } .click-indicator div:nth-child(6) { transform: rotate(180deg) translateY(-120px); background-color: var(--main-color); } .click-indicator div:nth-child(7) { transform: rotate(210deg) translateY(-120px); } .click-indicator div:nth-child(8) { transform: rotate(240deg) translateY(-120px); } .click-indicator div:nth-child(9) { transform: rotate(270deg) translateY(-120px); background-color: var(--main-color); } .click-indicator div:nth-child(10) { transform: rotate(300deg) translateY(-120px); } .click-indicator div:nth-child(11) { transform: rotate(330deg) translateY(-120px); } .click-indicator div:nth-child(12) { transform: rotate(360deg) translateY(-120px); background-color: var(--main-color); } .clock-hour{ position: absolute; z-index: 2; top: 75px; left: 123px; width: 4px; height: 65px; background-color: var(--main-color); border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,.2); transform-origin: 2px 50px; transition: .5s; -webkit-animation: rotate-hour 43200s linear infinite; -moz-animation: rotate-hour 43200s linear infinite; } .clock-minute{ position: absolute; z-index: 3; top: 55px; left: 123px; width: 4px; height: 85px; background-color: var(--main-color); border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,.2); transform-origin: 2px 70px; transition: .5s; -webkit-animation: rotate-minute 3600s linear infinite; -moz-animation: rotate-minute 3600s linear infinite; } .clock-second{ position: absolute; z-index: 4; top: 15px; left: 124px; width: 2px; height: 130px; background-color: var(--white-color); opacity: .9; box-shadow: 0 0 2px rgba(0,0,0,.2); transform-origin: 1px 110px; transition: .5s; -webkit-animation: rotate-second 60s linear infinite; -moz-animation: rotate-second 60s linear infinite; } .clock-second:after{ content: ""; display: block; position: absolute; left: -3px; bottom: 16px; width: 8px; height: 8px; background-color: var(--text-color); border: solid 2px var(--text-color); border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,.2); } .clock-center{ position: absolute; z-index: 1; width: 150px; height: 150px; top: 50px; left: 50px; box-shadow: 0 0 3px rgba(0,0,0,.2); border-radius: 50%; } .clock-center:after{ content: ""; display: block; width: 20px; height: 20px; margin: 65px; background-color: var(--text-color); border-radius: 50%; } .coming-soon .social-box{ margin-top:var(--margin-top-10); } .coming-soon .social-box li{ position:relative; display:inline-block; margin-right:var(--margin-right-10); } .coming-soon .social-box li a{ position:relative; color:var(--white-color); width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; border:1px solid var(--white-color); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .coming-soon .social-box li a:hover{ background-color:var(--main-color); border-color:var(--main-color); color:var(--white-color); } /*** ==================================================================== Privacy Section ==================================================================== ***/ .privacy-section{ position:relative; padding:110px 0px 80px; } .privacy-section .pattern-layer{ position:absolute; top:50px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:right top; } .privacy-section .privacy-content{ position:relative; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e2e2e2; } .privacy-section .privacy-content:last-child{ padding-bottom:0px; margin-bottom:0px; border:none; } .privacy-section h3{ color:var(--main-color-two); margin-bottom:var(--margin-bottom-20); } .privacy-section p{ margin-bottom:var(--margin-bottom-15); } .privacy-section .date{ position:relative; font-weight:500; color:var(--main-color); font-size:var(--font-18); margin-bottom:var(--margin-bottom-15); } .privacy-section h4{ color:var(--main-color-two); margin-bottom:var(--margin-bottom-20); } .privacy-section .privacy-list{ position:relative; margin-left:var(--margin-left-20); } .privacy-section .privacy-list li{ position:relative; font-weight:400; padding-left:26px; line-height:1.7em; font-size:var(--font-18); color:var(--main-color-two); margin-bottom:var(--margin-bottom-10); } .privacy-section .privacy-list li:before{ position:absolute; content:''; left:0px; top:10px; width:7px; height:7px; border-radius:50px; background-color:var(--main-color-two); } /*** ==================================================================== Pricing Section ==================================================================== ***/ .price-section{ position:relative; padding:105px 0px 100px; } .price-section .inner-container{ position:relative; box-shadow:0px 15px 40px rgba(0,0,0,0.10); } .price-section .pattern-layer-one{ position: absolute; content: ''; left: 0px; bottom: 70px; width: 177px; height: 600px; z-index: 1; background-repeat:no-repeat; background-position:left top; } .price-section .pattern-layer-two{ position: absolute; content: ''; right: 0px; top: 80px; width: 239px; height: 492px; z-index: 1; } .price-section .price-block{ float:left; padding:0px; } .price-block{ position:relative; z-index:1; } .price-block .inner-box{ position:relative; text-align:center; background-color:#ffffff; padding:35px 40px 30px; } .price-block .inner-box:before{ position:absolute; content:''; left:0px; top:0px; width:0px; height:100%; background-color:var(--main-color); transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .price-block .inner-box:hover::before{ width:100%; } .price-block .upper-box{ position:relative; } .price-block .upper-box h3{ position:relative; font-weight:700; line-height:1.4em; font-size:20px; color:#222222; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .inner-box:hover .price-list li, .price-block .inner-box:hover .price-list li:before, .price-block .inner-box:hover .package-plan, .price-block .inner-box:hover .price, .price-block .inner-box:hover .text, .price-block .inner-box:hover h3{ color:#ffffff; } .price-block .middle-box{ position:relative; padding:30px 0px; margin-top:30px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; border-top:1px solid #d2f1ec; border-bottom:1px solid #d2f1ec; } .price-block .text{ position:relative; font-size:16px; line-height:1.8em; color:rgba(0,0,0,0.70); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .lower-box{ position:relative; padding-top:20px; } .price-block .price{ position:relative; font-weight:700; line-height:1em; color:var(--main-color); font-size:36px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .package-plan{ position:relative; font-size:16px; margin-top:15px; margin-bottom:38px; color:rgba(0,0,0,0.70); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .inner-box .book-btn{ position:relative; font-weight:700; padding:9px 34px; border-radius:50px; display:inline-block; color:var(--main-color); border:1px solid #d2f1ec; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .book-btn span{ font-size:10px; margin-left:2px; } .price-block .book-btn{ border-color:#ffffff; background-color:#ffffff; } .price-block .price-list{ position:relative; margin-top:var(--margin-top-30); margin-left:var(--margin-left-15); } .price-block .price-list li{ position:relative; text-align:left; color:var(--color-three); font-size:var(--font-14); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-10); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block .price-list li:before{ position:absolute; content:'\f560'; left:0px; font-weight:800; color:var(--main-color); font-family: 'Font Awesome 6 Free'; } /*** ==================================================================== Services Page ==================================================================== ***/ .services-page{ position:relative; padding:110px 0px 80px; } /*** ==================================================================== Pricing One ==================================================================== ***/ .price-one{ position:relative; padding:110px 0px 80px; } .price-block_one{ position:relative; margin-bottom:var(--margin-bottom-30); } .price-block_one-inner{ position:relative; padding:45px 45px; border-radius:50px 0px 0px 0px; border:1px solid rgba(0,0,0,0.10); } .price-block_one-icon{ position:relative; line-height:1em; color:var(--color-four); font-size:var(--font-70); font-family: "Flaticon"; } .price-block_one-upper-content{ position:relative; text-align:right; } .price-block_one-title{ position:relative; font-weight:700; font-size:var(--font-24); text-transform:capitalize; color:var(--main-color); } .price-block_one-price{ position:relative; line-height:1em; font-weight:800; color:var(--color-two); font-size:var(--font-60); text-transform:capitalize; margin-top:var(--margin-top-10); } .price-block_one-price sub{ position:relative; font-size:var(--font-20); } .price-block_one-period{ position:relative; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-10); } .price-block_one-content{ position:relative; padding:35px 25px 35px; border-radius:0px 0px 50px 0px; margin-top:var(--margin-top-30); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .price-block_one-list{ position:relative; } .price-block_one-list li{ position:relative; font-size:var(--font-14); color:var(--color-three); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-15); } .price-block_one-list li:before{ position:absolute; content:'\f00c'; left:0px; font-weight:800; font-size:var(--font-14); color:var(--main-color); font-family: 'Font Awesome 6 Free'; } .price-block_one-list li.cross{ position:relative; } .price-block_one-list li:last-child{ margin-bottom:var(--margin-zero); } .price-block_one-button{ position:relative; margin-top:var(--margin-top-30); } .price-block_one-button .theme-btn{ padding:16px 44px; } .price-block_one-list li.cross:before{ content:'\f00d'; color:var(--color-four); } /*** ==================================================================== Process One ==================================================================== ***/ .process-one{ position:relative; padding:110px 0px 80px; } .process-one .process-block:nth-child(2n + 0){ transform:translateY(270px); } .process-block{ position:relative; margin-bottom:var(--margin-bottom-40); } .process-block_inner{ position:relative; } .process-block_content{ position:relative; } .process-block_title{ position:relative; padding-left:var(--padding-left-100); } .process-block_number:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:-1; background-color:var(--main-color); clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); } .process-block_number{ position:absolute; left:0px; top:0px; z-index:1; font-weight:700; display:inline-block; font-size:var(--font-14); color:var(--white-color); text-transform:uppercase; padding:17px 25px 17px 15px; } .process-block_heading{ position:relative; font-weight:700; color:var(--color-two); } .process-block_text{ position:relative; line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-30); } .process-block_image{ position:relative; margin-top:var(--margin-top-40); } .process-block_image img{ position:relative; width:100%; display:block; } .process-block_icon{ position:absolute; right:30px; top:-40px; width:80px; height:80px; z-index:2; text-align:center; line-height:80px; font-size:var(--font-44); color:var(--color-four); font-family: "Flaticon"; background-color:var(--color-five); } /*** ==================================================================== Contact One ==================================================================== ***/ .contact-one{ position:relative; padding:110px 0px 80px; } .contact-info-block{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-info-block_inner{ position:relative; padding:40px 30px; text-align:center; border:1px solid rgba(0,0,0,0.10); } .contact-info-block_icon{ position:relative; line-height:1em; color:var(--color-four); font-size:var(--font-60); font-family: "Flaticon"; } .contact-info-block_heading{ position:relative; font-weight:700; color:var(--color-two); margin-top:var(--margin-top-20); } .contact-info-block_text{ position:relative; line-height:28px; color:var(--color-three); font-size:var(--font-16); margin-top:var(--margin-top-15); } /*** ==================================================================== Map One ==================================================================== ***/ .map-one{ position:relative; } .map-one iframe{ position:relative; height:700px; width:100%; } /*** ==================================================================== Contact Form One ==================================================================== ***/ .contact-form-one{ position:relative; padding:110px 0px 110px; } .contact-form-one .inner-container{ position:relative; padding:60px 60px; background-color:var(--color-five); background-position:left bottom; background-repeat:no-repeat; } .contact-form-one .default-form .check-box label{ color:var(--color-three); font-size:var(--font-16); } .contact-form-one button{ padding:17px 44px; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:12px; color:#ff0000; font-weight:500; } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .contact-page-section{ position:relative; padding:100px 0px 70px; } .contact-page-section .info-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-page-section .info-column .inner-column{ position:relative; } .contact-page-section .info-column .info-box{ position:relative; margin-bottom:var(--margin-bottom-50); } .contact-page-section .info-column .info-box .box-inner{ position:relative; padding:40px 40px; border:1px solid #dddddd; } .contact-page-section .info-column .info-box .icon{ position:relative; display:block; line-height:1em; font-size:var(--font-50); color:var(--main-color); font-family: "Flaticon"; margin-bottom:var(--margin-bottom-10); } .contact-page-section .info-column .info-box h6{ text-transform:uppercase; margin-bottom:var(--margin-bottom-10); } .contact-page-section .info-column a{ position:relative; font-size:var(--font-16); color:var(--main-color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .contact-page-section .info-column a:hover{ color:var(--main-color); } .contact-page-section .info-column .social-box{ position:relative; } .contact-page-section .info-column .social-box li{ position:relative; display:inline-block; } .contact-page-section .info-column .social-box li a{ position:relative; color:var(--main-color-two); font-size:var(--font-16); width:40px; height:40px; line-height:38px; text-align:center; border-radius:0px; border:1px solid #dddddd; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .contact-page-section .info-column .social-box li a:hover{ background-color:var(--main-color); border-color:var(--main-color); color:var(--white-color) } .contact-page-section .form-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-page-section .form-column .inner-column{ position:relative; } .contact-page-section .form-column .contact-form .form-group .text{ font-weight:700; color:var(--main-color-two); } .contact-page-section .form-column iframe{ position: relative; left: 0; top: 0; width: 100%; height: 410px; margin-top:var(--margin-top-30); } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .contact-page-section-two{ position:relative; padding:100px 0px 0px; } .contact-page-section-two .map-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-page-section-two .map-column .inner-column{ position:relative; } .contact-page-section-two .map-column iframe{ position: relative; left: 0; top: 0; width: 100%; height: 570px; } .contact-page-section-two .info-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-page-section-two .info-column .inner-column{ position:relative; margin-left:var(--margin-left-60); border-left:1px solid rgba(var(--black-color-rgb), 0.10); } .contact-page-section-two .info{ position:relative; } .contact-page-section-two .info li{ position:relative; line-height:26px; color:var(--color-three); font-size:var(--font-18); padding-left:var(--padding-left-45); margin-bottom:var(--margin-bottom-40); padding-bottom:var(--padding-bottom-40); border-bottom:1px solid rgba(var(--black-color-rgb), 0.10); } .contact-page-section-two .info li span{ position:relative; display:block; font-weight:600; font-size:var(--font-22); color:var(--color-two); margin-bottom:var(--margin-bottom-10); } .contact-page-section-two .info li:last-child{ border-bottom:none; } /*** ==================================================================== Contact Form Section ==================================================================== ***/ .contact-form-section{ position:relative; padding:0px 0px 0px; } .contact-form-section .form-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .contact-form-section .form-column .inner-column{ position:relative; } .contact-form-section .form-column h3{ margin-bottom:var(--margin-bottom-40); } .contact-form-section .image-column{ position:relative; } .contact-form-section .image-column .inner-column{ position:relative; } /*** ==================================================================== Gallery One ==================================================================== ***/ .gallery-one{ position:relative; padding:110px 0px 110px; } .gallery-one .auto-container{ max-width:1570px; } .gallery-one .filters{ position:relative; z-index:1; } .gallery-one .filters .filter-tabs{ position:relative; text-align:center; margin-bottom:var(--margin-bottom-30); } .gallery-one .filters .filter-tabs .filter{ position:relative; color:var(--color-three); font-size:var(--font-16); cursor:pointer; margin:0px 5px; font-weight:600; padding:12px 28px; display:inline-block; text-transform:uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; margin-bottom:var(--margin-bottom-10); } .gallery-one .filters .filter-tabs .filter:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #cccccc; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .gallery-one .filters .filter-tabs .filter.active, .gallery-one .filters .filter-tabs .filter:hover{ color:var(--white-color); } .gallery-one .filters .filter-tabs .filter.active:before, .gallery-one .filters .filter-tabs .filter:hover:before{ background-color:var(--main-color); border-color:var(--main-color); z-index:-1; } .project-block.mix{ display:none; } .gallery-one .button-box{ position:relative; margin-top:var(--margin-top-20); } /* Project Block */ .project-block{ position:relative; margin-bottom:var(--margin-bottom-30); } .project-block .inner-box{ position:relative; } .project-block .image{ position:relative; } .project-block .image img{ position:relative; width:100%; display:block; } .project-block .image .overlay-box{ position: absolute; left: 20px; bottom: 20px; right: 20px; top: 20px; z-index: 2; opacity: 0; display: block; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .project-block .image .overlay-box:before{ position:absolute; content:''; right:0px; top:0px; width:100%; height:100%; display:block; opacity:0; text-align:center; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color:rgba(var(--main-color-rgb), 0.40); } .project-block .inner-box:hover .image .overlay-box:before{ opacity: 1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .project-block .image .overlay-box:after{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; text-align:center; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: right; -o-transform-origin: left; transform-origin: left; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color:rgba(var(--main-color-rgb), 0.40); } .project-block .inner-box:hover .image .overlay-box:after{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .project-block .inner-box:hover .image .overlay-box{ opacity: 1; } .project-block .image .overlay-box .icon-box{ position:relative; color:#ffffff; font-size:34px; z-index:1; margin-bottom:18px; } .project-block .image .overlay-box .plus{ position:relative; z-index:1; color:var(--white-color); font-size:var(--font-16); font-weight:600; margin-top:var(--margin-top-15); display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: "Flaticon"; } .project-block .image .overlay-box .plus:hover{ color:var(--color-four); } .project-block .image .overlay-box .overlay-inner{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; text-align: left; padding: 10px 20px; vertical-align: middle; } .project-block .image .overlay-box .overlay-content{ position: relative; text-align:center; display: table-cell; vertical-align: middle; } .project-block .image h6{ position:relative; color:var(--white-color); z-index:1; font-weight:500; line-height:1.3em; } .project-block .image h6 a{ position:relative; color:var(--white-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .project-block .image h6 a:hover{ color:var(--color-four); } /*** ==================================================================== Department One ==================================================================== ***/ .department-one{ position:relative; padding:110px 0px 80px; } .department-one_block-two{ position:relative; margin-bottom:var(--margin-bottom-30); } .department-one_block-two-inner{ position:relative; } .department-one_block-two_image{ position:relative; } .department-one_block-two_image img{ position:relative; width:100%; display:block; } .department-one_block-two_content{ position:relative; padding:30px 30px 30px; background-color:var(--white-color); border:1px solid rgba(0,0,0,0.10); border-top:none; } .department-one_block-two_icon{ position:absolute; right:40px; top:-32px; width:62px; height:62px; line-height:62px; text-align:center; display:inline-block; font-size:var(--font-40); color:var(--white-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-family: "Flaticon"; font-size:var(--font-34); background-color:var(--main-color); } .department-one_block-two_inner:hover .department-one_block-two_icon{ background-color:var(--color-four); } .department-one_block-two_icon:after{ position:absolute; content:''; left:-8px; top:-8px; right:-8px; bottom:-8px; opacity:0.20; border:8px solid var(--main-color); } .department-one_block-two_heading{ position:relative; font-weight:700; } .department-one_block-two_heading a{ position:relative; color:var(--color-two); } .department-one_block-two_heading a:hover{ color:var(--color-four); } .department-one_block-two_text{ position:relative; line-height:28px; font-size:var(--font-14); color:var(--color-three); margin-top:var(--margin-top-10); } .department-one_block-two_more{ position:relative; font-weight:700; letter-spacing:1px; display:inline-block; color:var(--color-four); text-transform:uppercase; margin-top:var(--margin-top-15); padding-right:var(--padding-right-20); } .department-one_block-two_more:before{ position:absolute; content:'\f101'; right:0px; top:0px; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } .department-one_block-two_inner:hover .department-one_block-two_more{ color:var(--white-color); } /* Services Single Section */ .services-single-section{ position:relative; padding:100px 0px 90px; } .services-widget{ position:relative; margin-bottom:60px; } .cat-list{ position:relative; } .cat-list li{ position:relative; margin-bottom:1px; box-shadow:0px 10px 30px rgba(0,0,0,0.05); } .cat-list li:before{ position:absolute; right:20px; top:24px; z-index:1; opacity:0; content: "\f13a"; font-family: "Flaticon"; font-size:var(--font-20); } .cat-list li:hover::before, .cat-list li.active::before{ opacity:1; color:var(--white-color); } .cat-list li a{ position:relative; font-size:16px; font-weight:500; padding:23px 28px; display:block; color:var(--color-two); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .cat-list li:hover a, .cat-list li.active a{ position:relative; color:var(--white-color); background-color:var(--main-color); } /* Schedule Widget */ .schedule-widget{ position:relative; } .schedule-widget .image{ position:relative; } .schedule-widget img{ position:relative; width:100%; display:block; } .schedule-widget .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, var(--main-color) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, var(--main-color) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, var(--main-color) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, var(--main-color))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, var(--main-color) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, var(--main-color) 100%); } .schedule-widget .content{ position:absolute; left:40px; bottom:30px; right:40px; padding-left:60px; } .schedule-widget h3{ position:relative; color:#ffffff; font-size:22px; font-weight:700; line-height:1.4em; } .schedule-widget .icon{ position:absolute; left:0px; top:8px; font-weight:400; font-size:45px; line-height:1em; font-family: "Flaticon"; color:var(--white-color); } .services-single-section .content-column{ position:relative; } .services-single-section .content-column .inner-column{ position:relative; } .services-single-section .services-page-carousel{ position:relative; } .services-single-section .carousel-outer{ position:relative; overflow:hidden; } .services-single-section .thumbs-carousel{ position:relative; width:145px !important; height:95px; margin:0 auto; overflow:visible; margin-top:10px; } .services-single-section .thumbs-carousel .owl-stage-outer{ overflow:visible; } .services-single-section .owl-stage-outer .owl-item.active li:before{ display:none; } .services-single-section .thumbs-carousel .owl-nav, .services-single-section .thumbs-carousel .owl-prev{ display:none; } .services-single-section .thumbs-carousel li{ cursor:pointer; } .services-single-section .thumbs-carousel li:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:1; opacity:0.8; background-color:var(--main-color); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .services-single-section .thumbs-carousel li:hover::before{ opacity:0; } .services-single-section .content-column h3{ font-weight:700; line-height:1.3em; margin-top:40px; margin-bottom:18px; color:var(--color-two); } .services-single-section .content-column h4{ font-weight:700; line-height:1.3em; margin-top:40px; margin-bottom:18px; color:var(--color-two); } .services-single-section .text{ position:relative; } .services-single-section p{ position:relative; line-height:30px; margin-bottom:15px; color:var(--color-three); font-size:var(--font-16); } /* Plan List */ .plan-list{ position:relative; } .plan-list li{ position:relative; margin-bottom:10px; color:#222222; font-size:16px; } .plan-list li i{ position:relative; padding-right:8px; background-color:#ffffff; } .plan-list li:before{ position:absolute; content:''; left:0px; top:13px; height:1px; width:100%; border:1px dashed #e5e5e5; } .plan-list li span{ position:absolute; right:0px; top:0px; padding-left:8px; background-color:#ffffff; } .doctor-detail_list-two{ position:relative; } .doctor-detail_list-two li{ position:relative; color:var(--color-three); font-size:var(--font-16); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-15); } .doctor-detail_list-two li:before{ position:absolute; content:'\f560'; left:0px; top:0px; font-weight:800; color:var(--main-color); font-family: 'Font Awesome 6 Free'; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:110px 0px 70px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:var(--margin-bottom-40); } .sticky-top{ top:90px; z-index:1; } /*** ==================================================================== Sidebar Widget ==================================================================== ***/ .sidebar-widget{ position:relative; margin-bottom:var(--margin-bottom-35); } .sidebar-widget.alternate .widget-content{ border-width:15px; } .sidebar-widget h4{ color:var(--color-two); margin-bottom:var(--margin-bottom-20); } .sidebar-widget .widget-content{ position:relative; border:30px solid var(--color-five); background-color:var(--white-color); } .sidebar-widget.style-two .widget-content{ background-color:var(--color-five); } /* Department List */ .department-list{ position:relative; } .department-list li{ position:relative; border-bottom:1px solid var(--color-five); } .department-list li a{ position:relative; font-weight:600; display:block; padding:20px 30px; color:var(--color-two); font-size:var(--font-16); background-color:var(--white-color); border-left:5px solid transparent; } .department-list li a:before{ position:absolute; content:'\f061'; right:30px; font-family: 'Font Awesome 6 Free'; } .department-list li.active a, .department-list li a:hover{ position:relative; color:var(--white-color); border-color:var(--color-four); background-color:var(--main-color); } .department-list.style-two li a{ padding:20px 20px; font-size:var(--font-14); } .time-widget .clock_icon{ position:absolute; right:30px; top:25px; opacity:0.25; line-height:1em; font-size:var(--font-70); color:var(--color-three); font-family: "Flaticon"; } /* Time Widget */ .time-widget_content{ position:relative; padding:30px 30px; } .working-time_list{ position:relative; } .working-time_list li{ position:relative; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-15); } .working-time_list li span{ position:absolute; right:0px; } /* Contact Info Widget List */ .contact-info_widget-list{ position:relative; } .contact-info_widget-list li{ position:relative; line-height:28px; color:var(--color-three); font-size:var(--font-16); padding-left:var(--padding-left-35); margin-bottom:var(--margin-bottom-20); } .contact-info_widget-list li .icon{ position:absolute; left:0px; top:10px; line-height:1em; color:var(--color-four); } .contact-info_widget-list li a{ position:relative; color:var(--color-three); } .contact-info_widget-list li a:hover{ color:var(--color-four); } .contact-info_widget-list li:last-child{ margin-bottom:var(--margin-zero); } /* Expert Widget */ .expert_widget{ position:relative; overflow:hidden; padding:35px 30px 0px; background-position:center top; background-repeat:no-repeat; background-color:var(--color-five); } .expert_widget .color-layer{ position:absolute; left:-80px; bottom:-20px; width:300px; height:300px; border-radius:50%; background-color:var(--main-color); } .expert_widget h3{ color:var(--color-two); margin-bottom:var(--margin-bottom-20); } .expert_widget .image{ position:relative; z-index:1; } .expert_widget .theme-btn{ position:relative; margin-bottom:var(--margin-bottom-20); } /* Department Detail */ .department-detail{ position:relative; } .department-detail .inner-box{ position:relative; } .department-detail .image{ position:relative; margin-bottom:var(--margin-bottom-30); } .department-detail .image img{ position:relative; width:100%; display:block; } .department-detail .bold-text{ position:relative; line-height:34px; font-weight:700; color:var(--color-two); font-size:var(--font-20); margin-bottom:var(--margin-bottom-20); } .department-detail h3{ color:var(--color-two); text-transform:capitalize; margin-bottom:var(--margin-bottom-15); } .department-detail p{ line-height:30px; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-10); } .department-detail p strong{ color:var(--color-two); } .department-detail .graph-outer{ position:relative; margin-top:var(--margin-top-25); } .department-detail .list{ position:relative; } .department-detail .list li{ position:relative; font-size:var(--font-16); color:var(--color-three); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-15); } .department-detail .list li:before{ position:absolute; content:'\f061'; left:0px; top:0px; font-weight:800; color:var(--color-four); font-family: 'Font Awesome 6 Free'; } /*** ==================================================================== Blog Page ==================================================================== ***/ .blog-page{ position:relative; padding:110px 0px 110px; } /* Search Widget */ .sidebar .search-box .form-group{ position:relative; margin:var(--margin-zero); } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; line-height:28px; font-size:var(--font-14); padding:10px 50px 10px 25px; background:none; display:block; width:100%; height:56px; border-radius:0px; color:var(--white-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--color-four); } .sidebar .search-box .form-group input::placeholder, .sidebar .search-box .form-group textarea::placeholder{ color:var(--white-color); } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:56px; width:56px; display:block; cursor:pointer; line-height:56px; font-weight:normal; border-radius:0px; font-size:var(--font-16); color:var(--white-color); background:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .search-box .form-group button:hover{ background-color:var(--main-color); color:var(--white-color); } /* Post Widget */ .post-widget .widget-content{ position:relative; } .post-widget .post{ position: relative; min-height: 70px; padding-left: var(--padding-left-95); margin-bottom: var(--margin-bottom-20); } .post-widget .post:last-child{ margin-bottom: var(--margin-zero); padding-bottom: var(--padding-zero); } .post-widget .post .thumb{ position: absolute; left: 0; top: 0; height: 70px; width: 80px; overflow: hidden; } .post-widget .post .thumb a{ display: block; } .post-widget .post .thumb img{ display: block; width: 100%; height: auto; } .post-widget .post h6{ line-height:24px; margin-top:3px; } .post-widget .post h6 a{ color:var(--black-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .post-widget .post h6 a:hover{ color:var(--main-color); } .post-widget .post .post-date{ position: relative; display: block; font-weight:500; letter-spacing:1px; color:var(--color-three); font-size: var(--font-12); text-transform:uppercase; } /* Category List */ .category-list{ position:relative; } .category-list li{ position:relative; margin-bottom: var(--margin-bottom-15); } .category-list li a{ position:relative; display:block; color:var(--color-three); font-size: var(--font-16); padding-left:var(--padding-left-25); } .category-list li a:before{ position:absolute; content:"\f105"; left:0px; top:0px; font-weight:800; font-size: var(--font-12); font-family: 'Font Awesome 6 Free'; } .category-list li span{ position:absolute; right:0px; } .category-list li:last-child{ margin-bottom:var(--margin-zero); } .category-list li a:hover{ color:var(--color-four); } /* Popular Tags */ .popular-tags a{ position:relative; padding:7px 18px; font-weight:600; letter-spacing:1px; display:inline-block; color:var(--main-color); font-size: var(--font-12); text-transform:uppercase; background-color:var(--white-color); margin-right: var(--margin-right-5); margin-bottom: var(--margin-bottom-10); } .popular-tags a:hover{ color:var(--white-color); background-color:var(--main-color); } /* News Block Three */ .blog-detail{ position:relative; } .blog-detail_inner{ position:relative; box-shadow:0px 0px 15px rgba(0,0,0,0.07); } .blog-detail_three-image{ position:relative; } .blog-detail_three-image img{ position:relative; width:100%; display:block; } .blog-detail_search{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; font-family: "Flaticon"; background-color:rgba(var(--white-color-rgb), 0.70); -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .blog-detail_inner:hover .blog-detail_search{ opacity:1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .blog-detail_search:before{ position:absolute; left:50%; top:50%; z-index:1; line-height:1em; font-size:var(--font-40); color:var(--main-color); transform:translateX(-50%) translateY(-50%); } .blog-detail_lower-content{ position:relative; padding:30px 30px 30px; } .blog-detail_date{ position:relative; font-weight:700; padding:7px 17px; display:inline-block; color:var(--white-color); font-size:var(--font-14); text-transform:uppercase; background-color:var(--main-color); margin-right:var(--margin-right-15); } .blog-detail_date span{ position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; font-size:var(--font-18); color:var(--white-color); background-color:var(--main-color); } .blog-detail_meta{ position:relative; margin-top:var(--margin-top-10); } .blog-detail_meta li{ position:relative; display:inline-block; letter-spacing:1px; color:var(--color-three); font-size:var(--font-14); text-transform:capitalize; padding-left:var(--padding-left-25); margin-right:var(--margin-right-15); } .blog-detail_meta li span{ position:absolute; left:0px; top:5px; font-size:var(--font-12); color:var(--main-color); } .blog-detail_meta li:last-child{ margin-right:0px; } .blog-detail_heading{ position:relative; font-weight:700; color:var(--color-two); margin-top:var(--margin-top-20); } .blog-detail p{ line-height:30px; color:var(--color-three); font-size:var(--font-16); margin-top:var(--margin-top-15); } .blog-detail p strong{ font-weight:600; color:var(--black-color); } .blog-detail .list{ position:relative; } .blog-detail .list li{ position:relative; color:var(--color-three); font-size:var(--font-16); margin-bottom: var(--margin-bottom-15); } .blog-detail .list li strong{ position:relative; color:var(--black-color); } .blog-detail blockquote{ position:relative; padding:30px 35px; font-weight:500; line-height:26px; color:var(--color-two); font-size:var(--font-16); background-color:var(--color-five); margin-top: var(--margin-top-20); margin-bottom: var(--margin-bottom-30); border-left:5px solid var(--main-color); } .blog-detail .list-two{ position:relative; margin-bottom: var(--margin-bottom-25); } .blog-detail .list-two li{ position:relative; color:var(--color-three); font-size:var(--font-16); padding-left:var(--padding-left-30); margin-bottom: var(--margin-bottom-10); } .blog-detail .list-two li:before{ position:absolute; content:'\f058'; left:0px; color:var(--color-four); font-family: 'Font Awesome 6 Free'; } /* Video Box */ .blog-detail_video{ position:relative; display:block; margin-bottom: var(--margin-bottom-30); } .blog-detail_video img{ position:relative; max-width:100%; display:block; width:auto; } .blog-detail_video-box{ position:absolute; left:50%; top:50%; z-index:1; width:120px; height:120px; border-radius:50%; text-align:center; line-height:120px; color:var(--main-color); font-size:var(--font-30); transform:translateX(-50%) translateY(-50%); background-color:rgba(var(--white-color-rgb), 0.80); } .blog-detail_video-box:after{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; border-radius:50%; border:1px dashed var(--main-color); } /* Post Share Options */ .post-share-options{ position:relative; margin-top:var(--margin-top-30); } .post-share-options .post-share-inner{ position:relative; padding:15px 20px; background-color:var(--color-five); } .post-share-options .tags span{ position:relative; font-weight:700; font-size:var(--font-16); color:var(--black-color); margin-right:var(--margin-right-10); } .post-share-options .tags a{ position:relative; font-weight:400; line-height: 1em; color:var(--color-three); font-size:var(--font-14); text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; margin-right: var(--margin-right-10); } .post-share-options .tags a:last-child{ margin-right: 0px; } .post-share-options .tags a:hover{ color:var(--main-color); } .post-share-options .social-box{ position:relative; } .post-share-options .social-box span{ position:relative; font-weight:600; font-size:var(--font-16); color:var(--black-color); margin-right:var(--margin-right-20); } .post-share-options .social-box li{ position:relative; display:inline-block; margin-right: var(--margin-right-15); } .post-share-options .social-box li:last-child{ margin-right:var(--margin-zero); } .post-share-options .social-box li a{ position:relative; font-weight:400; line-height: 1em; color:var(--color-three); font-size:var(--font-14); text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .post-share-options .social-box li a:hover{ color: var(--main-color); } /* Author Box */ .blog-author-box{ position:relative; overflow:hidden; padding:35px 35px; margin-top:var(--margin-top-60); background-color:var(--color-five); margin-bottom: var(--margin-bottom-30); } .blog-author-box .author-inner{ position:relative; padding-left: var(--padding-left-190); } .blog-author-box .thumb{ position:absolute; left:0px; top:0px; width: 156px; overflow: hidden; border-radius:50%; } .blog-author-box .thumb img{ display: block; width: 100%; height: auto; } .blog-author-box .name{ display: block; font-weight:600; font-size:var(--font-22); color: var(--color-thirtythree); margin-bottom:var(--margin-bottom-15); } .blog-author-box .text{ line-height:28px; color:var(--color-three); font-size: var(--font-14); margin-bottom:var(--margin-bottom-15); } .blog-author-box .social-box{ position:relative; } .blog-author-box .social-box li{ position:relative; display:inline-block; margin-right: var(--margin-right-15); } .blog-author-box .social-box li:last-child{ margin-right:var(--margin-zero); } .blog-author-box .social-box li a{ position:relative; font-weight:400; line-height: 1em; color:var(--text-color); font-size:var(--font-14); text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; color: var(--color-thirtyfour); } .blog-author-box .social-box li a:hover{ color: var(--main-color); } .blod-related_posts{ position:relative; } .blod-related_posts h4{ position:relative; margin-bottom:var(--margin-bottom-25); } /*** ==================================================================== Blog More Posts ==================================================================== ***/ .blog-more-posts{ position:relative; padding: 45px 0px; border-bottom:1px solid rgba(var(--black-color-rgb), 0.10); } .blog-more-posts a{ position:relative; font-weight:500; letter-spacing:1px; font-size:var(--font-16); text-transform:capitalize; color:var(--color-thirtythree); } .blog-more-posts a:hover{ color:var(--main-color); } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; padding-top:var(--padding-top-55); margin-bottom:var(--margin-bottom-50); } .sidebar-page-container .group-title{ position:relative; margin-bottom:var(--margin-bottom-30); } .sidebar-page-container .group-title h4{ font-weight:700; color:var(--color-fifteen); } .sidebar-page-container .group-title .text{ position:relative; font-size:var(--font-16); color:var(--color-twentyone); margin-top:var(--margin-top-5); } .sidebar-page-container .comments-area .comment-box{ position:relative; margin-bottom:var(--margin-bottom-40); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment-box:last-child{ margin-bottom:var(--margin-zero); } .sidebar-page-container .comments-area .comment{ position:relative; min-height:120px; font-size:var(--font-14); padding:0px 0px 0px 120px; } .sidebar-page-container .comments-area .reply-comment{ } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:90px; height:90px; overflow:hidden; border-radius:50%; margin-bottom:var(--margin-bottom-20); } .sidebar-page-container .comments-area .comment-box .author-thumb img{ width:100%; display:block; } .sidebar-page-container .comments-area .comment-info{ margin-bottom:var(--margin-bottom-15); } .sidebar-page-container .comments-area .comment-box strong{ position:relative; font-weight:600; display:block; font-size:var(--font-20); color:var(--black-color); text-transform:uppercase; } .sidebar-page-container .comments-area .comment-box .text{ line-height:28px; font-size:var(--font-16); color:var(--color-three); margin-bottom:var(--margin-bottom-15); } .sidebar-page-container .comments-area .comment-info .comment-time{ position:relative; font-weight:500; display:block; font-size:var(--font-14); color:var(--color-three); text-transform:uppercase; margin-top:var(--margin-top-5); } .sidebar-page-container .comments-area .comment-box .reply-btn{ position:absolute; right:0px; top:0px; padding:7px 20px; font-weight:500; font-size:var(--font-14); text-transform:uppercase; color: var(--white-color); background-color: var(--color-four); } .sidebar-page-container .comments-area .comment-box .reply-btn:hover{ color:var(--white-color); background-color: var(--main-color); } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form-outer{ position:relative; } .comment-form .form-group{ margin-bottom:var(--margin-bottom-25); } .comment-form .form-group:last-child{ margin-bottom:0px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 25px; height:60px; border-radius:0px; font-size:var(--font-14); color:var(--color-fourtynine); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:var(--white-color); border:1px solid rgba(var(--black-color-rgb), 0.10); } .comment-form .form-group textarea::-webkit-input-placeholder, .comment-form .form-group input::-webkit-input-placeholder{ color:var(--color-twentyone); } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:var(--black-color); } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:15px 25px 25px; font-size:var(--font-14); color:var(--color-fourtynine); height:190px; resize:none; border-radius:0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:var(--white-color); border:1px solid rgba(var(--black-color-rgb), 0.10); } .comment-form .theme-btn{ padding:17px 40px; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; text-align:center; padding:110px 0px 80px; } .error-section .content{ position:relative; } .error-section h1{ line-height:1em; font-size:340px; font-weight:700; color:rgba(var(--black-color-rgb), 0.15); } .error-section h2{ margin-top:var(--margin-top-15); } .error-section .text{ line-height:1.8em; font-size:var(--font-16); color:var(--color-three); margin-top:var(--margin-top-35); } .error-section .button-box{ margin-top:var(--margin-top-35); } .error-section .button-box .theme-btn{ border-radius:0px; padding:18px 40px; } /*** ==================================================================== Register Section ==================================================================== ***/ .register-section{ position:relative; padding:110px 0px 80px; } .register-section .row{ margin:0px -40px; } .register-section .column{ padding:0px 40px; } .register-section h4{ font-weight:500; color:var(--black-color); margin-bottom:var(--margin-bottom-30); } .styled-form{ position:relative; } .styled-form .submit-text{ font-weight:400; font-size:var(--font-15); color:var(--main-color-two); margin-top:var(--margin-top-10); } .styled-form .form-group{ position:relative; margin-bottom:var(--margin-bottom-30); } .styled-form .form-group label{ position:relative; display:block; font-weight:500; font-size:var(--font-16); margin-bottom:var(--margin-bottom-15); } .checkout-section .styled-form .form-group{ position:relative; margin-bottom:var(--margin-bottom-20); } .styled-form .form-group .check-box{ line-height:24px; font-size:var(--font-15); font-weight:normal; padding-top:var(--padding-top-5); color:var(--main-color-two); } .styled-form .form-group .check-box label{ position: relative; display: block; width: 100%; line-height: 22px; padding: 4px 10px 0px; padding-left: 25px; font-size: 16px; font-weight: 400; color: #4e4f51; cursor: pointer; margin-bottom: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .styled-form .form-group .check-box input[type="checkbox"] { display: none; } .styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{ border: 5px solid var(--main-color); background: var(--white-color); } .styled-form .form-group .check-box input[type="checkbox"]:checked + label:after { max-width: 20px; opacity: 1; } .styled-form .form-group .check-box label:before{ position: absolute; left: 0; top: 8px; height:14px; width: 12px; background-color: var(--white-color); content: ""; border-radius: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:1px solid rgba(var(--black-color-rgb), 0.15); } .styled-form input[type="text"], .styled-form input[type="email"], .styled-form input[type="password"], .styled-form input[type="tel"], .styled-form input[type="number"], .styled-form input[type="url"], .styled-form select, .styled-form textarea{ position:relative; display:block; width:100%; background:var(--white-color); line-height:30px; padding:8px 30px; height:56px; font-weight:400; border-radius:50px; font-size:var(--font-14); border:2px solid #f4f4f4; color:var(--color-three); transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; font-family:var(--font-family-Inter); } .checkout-section .styled-form input[type="text"], .checkout-section .styled-form input[type="email"], .checkout-section .styled-form input[type="password"], .checkout-section .styled-form select{ line-height:26px; height:44px; } .styled-form select option{ text-indent:20px; } .styled-form .form-group button{ font-weight:500; padding:15px 40px; letter-spacing:1px; } .styled-form textarea{ resize:none; height:110px; } .styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus{ border-color:var(--main-color); } /*** ==================================================================== Filter Box ==================================================================== ***/ .filter-box{ position:relative; margin-bottom:var(--margin-bottom-30); } .filter-box .left-box{ position:relative; } .filter-box .form-group{ line-height:38px; padding:0px 20px; margin-bottom:var(--margin-zero); color:var(--color-thirtyeight); border:2px solid rgba(var(--black-color-rgb), 0.08); } .filter-box .form-group .ui-button .ui-icon{ top:2px; } .filter-box .results{ position:relative; font-size: var(--font-16); color:var(--color-thirtyeight); } .filter-box .right-box{ position:relative; } .filter-box .pages-list{ position:relative; margin-left:var(--margin-left-5); } .filter-box .pages-list li{ position:relative; display:inline-block; margin-left:var(--margin-left-5); } .filter-box .pages-list li a{ position:relative; width:50px; height:42px; line-height:38px; text-align:center; display:inline-block; font-size: var(--font-18); color:var(--color-thirtyeight); border:2px solid rgba(var(--black-color-rgb), 0.08); } .filter-box .pages-list li a:hover{ color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color); } .shop-item{ position:relative; margin-bottom:var(--margin-bottom-20); } .shop-item .inner-box{ position:relative; } .shop-item .image{ position:relative; overflow:hidden; background-color:var(--color-seven); } .shop-item .image img{ position:relative; width:100%; display:block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .shop-item .image:before{ position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .shop-item .inner-box:hover .image:before{ -webkit-animation: shine 1s; animation: shine 1s; } .shop-item .image .cart-box{ position:absolute; left:0px; right:0px; bottom:0px; opacity:0; z-index:2; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .shop-item .inner-box:hover .image .cart-box{ opacity:1; } .shop-item .image .cart-box a{ position:relative; padding:10px 25px; display:inline-block; font-size:var(--font-12); color:var(--black-color); text-transform:capitalize; background-color:var(--white-color); font-family: var(--font-family-Outfit); border:1px solid var(--color-seventyeight); } .shop-item .image .cart-box a:hover{ color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color); } .shop-item .off-tag{ position:absolute; left:15px; top:15px; font-weight:500; padding:2px 15px; line-height:26px; display:inline-block; color:var(--white-color); font-size:var(--font-14); background-color:var(--black-color); } .shop-item .tag{ position:absolute; right:10px; top:10px; z-index:1; width:44px; height:44px; cursor:pointer; font-weight:600; line-height:44px; text-align:center; font-family: "flaticon"; color:var(--black-color); font-size:var(--font-16); background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .shop-item .inner-box:hover .tag{ color:var(--white-color); background-color:var(--main-color); } .shop-item .lower-content{ position:relative; padding-top:var(--padding-top-20); } .shop-item .rating{ position:relative; font-size:var(--font-14); color:var(--color-four); } .shop-item .rating .light{ position:relative; opacity:0.20; color:var(--black-color); } .shop-item h6{ font-weight:700; font-size:var(--font-16); text-transform:capitalize; margin-top:var(--margin-top-10); font-family: var(--font-family-Jost); margin-bottom:var(--margin-bottom-5); padding-bottom:var(--padding-bottom-15); border-bottom:1px solid rgba(var(--black-color-rgb), 0.06); } .shop-item h6 a{ position:relative; color:var(--black-color); } .shop-item .price{ position:relative; font-weight:500; display:inline-block; font-size:var(--font-12); color:rgba(var(--black-color-rgb), 0.50); } .shop-item .price span{ position:relative; padding:5px 5px; color:var(--main-color); text-decoration:line-through; } .shop-item .inner-box:hover .price:before{ opacity:1; } .shop-item .options-box{ position:absolute; right:15px; top:15px; z-index:2; bottom:15px; overflow:hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .shop-item .options-box .plus{ position:relative; width:42px; height:42px; z-index:1; line-height:42px; text-align:center; display:inline-block; font-family: "flaticon"; color:var(--black-color); background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .shop-item .inner-box:hover .options-box .plus{ color:var(--white-color); background-color:var(--main-color); } .shop-item .inner-box .options-box .plus:before{ display:inline-block; -webkit-transition:all 150ms ease; -moz-transition:all 150ms ease; -ms-transition:all 150ms ease; -o-transition:all 150ms ease; transition:all 150ms ease; } .shop-item .inner-box:hover .options-box .plus:before{ transform:rotate(45deg); } .shop-item .inner-box:hover .option-list{ top:0%; } .shop-item .option-list{ position:relative; top:-100%; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .shop-item .option-list li{ position:relative; width:42px; text-align:center; margin-bottom:var(--margin-bottom-5); } .shop-item .option-list li a{ position:relative; width:40px; height:40px; font-weight:800; text-align:center; line-height:40px; font-size:var(--font-14); color:var(--white-color); background-color:var(--main-color); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; font-family: 'Font Awesome 6 Free'; } .shop-item .option-list li:last-child{ margin-bottom:var(--margin-zero); } .shop-item .option-list li a:hover{ color:var(--white-color); background-color:var(--color-four); } .shop-item .product-time-countdown{ position:absolute; left:10px; bottom:10px; z-index:2; } /* Quality Box */ .quantity-box{ position:relative; } .select-size-box{ position:relative; } .select-size-box .select-box{ position:relative; float:left; text-align:center; margin:0px 10px 10px 0px; } .select-size-box .input-box{ position:relative; float:left; } .select-size-box .select-box input[type="radio"]{ left:0px; top:0px; visibility:hidden; position:absolute; opacity:0; } .select-size-box .select-box label{ display:block; line-height:24px; padding:4px 18px; text-align:center; font-weight:600; cursor:pointer; border-radius:0px; font-size:var(--font-12); transition:all 500ms ease; text-transform:uppercase; color:var(--color-fourtyseven); background-color:var(--color-fourtyeight); } .select-size-box .select-box input[type="radio"]:checked+label{ background-color:var(--black-color); color:#ffffff; } /* Item Quantity */ .item-quantity{ position: relative; width: 100%; max-width: 140px; padding: 0px 45px; display: inline-block; } .quantity-box .item-quantity .input-group{ position: relative; display: table; border-collapse: separate; max-width: 144px; width: 100%; height: 42px; } .quantity-box .item-quantity input.qty-spinner:focus{ background: none; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; height: 44px; width: 44px; background-color:var(--white-color); padding: 6px 0px !important; line-height: 30px; left: -40px; top: -42px; border:none !important; border-radius: 0px; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; height: 44px; width: 44px; background-color:var(--white-color); padding: 6px 0px !important; line-height: 30px; right: -42px; top: -42px; border:none !important; border-radius: 0px; margin-top: 0px; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:hover, .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:hover{ } .quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before { content: "\2b"; color: #000000; font-weight: 700; font-style: normal; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } .quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before { content: "\f068"; color: #000000; font-weight: 700; font-style: normal; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical i{ top: 6px; left: 14px; font-size: inherit !important; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } /*** ==================================================================== Shop Detail Section ==================================================================== ***/ .shop-detail-section{ position:relative; padding:120px 0px 100px; } .shop-detail-section .upper-box{ position:relative; } .shop-detail-section .gallery-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .shop-detail-section .gallery-column .inner-column{ position:relative; } .shop-detail-section .gallery-column .carousel-outer{ position:relative; padding-right:125px; } .shop-detail-section .gallery-column .image{ position:relative; text-align:center; } .shop-detail-section .gallery-column .image img{ position:relative; width:100%; display:block; } .shop-detail-section .gallery-column .thumbs-carousel{ position:absolute; right:0px; top:0px; width:105px; } .shop-detail-section .gallery-column .thumb{ cursor:pointer; margin-bottom:var(--margin-zero); border:1px solid rgba(var(--black-color-rgb), 0.06); } .shop-detail-section .content-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .shop-detail-section .content-column .inner-column{ position:relative; padding-left:var(--padding-left-60); } .shop-detail-section .content-column h3{ font-weight:600; color:var(--black-color); font-family:var(--font-family-Josefin); } .shop-detail-section .content-column .text{ position:relative; opacity:0.80; line-height:30px; font-size:var(--font-15); color:var(--color-fourtyfive); margin-top:var(--margin-zero); margin-bottom:var(--margin-bottom-25); } .shop-detail-section .content-column .rating{ position:relative; font-size:var(--font-16); color:var(--color-four); margin-top:var(--margin-top-15); } .shop-detail-section .content-column .rating .light{ opacity:0.20; color:var(--black-color); } .shop-detail-section .content-column .rating i{ position:relative; font-weight:500; font-style:normal; font-size:var(--font-14); color:var(--color-twelve); margin-left:var(--margin-left-10); } .shop-detail-section .content-column .price{ position:relative; font-weight:500; color:var(--black-color); font-size:var(--font-16); margin-top:var(--margin-top-25); margin-bottom:var(--margin-bottom-15); } .shop-detail-section .content-column .price i{ position:relative; top:-2px; border-radius:0px; padding:1px 10px; font-style:normal; display:inline-block; font-size:var(--font-13); color:var(--black-color); margin-left:var(--margin-left-5); border:1px solid var(--black-color); } .shop-detail-section .content-column .price span{ position:relative; font-weight:400; opacity:0.50; margin:0px 5px; font-size:var(--font-14); text-decoration:line-through; } .shop-detail-section .content-column .model{ position:relative; margin-top:var(--margin-top-5); margin-right:var(--margin-right-15); } .shop-detail-section .content-column .model .model-title{ position:relative; display:block; font-weight:500; display:inline-block; font-size:var(--font-16); color:var(--color-fourtysix); margin-bottom:var(--margin-bottom-15); } .shop-detail-section .content-column .button-box{ position:relative; } .shop-detail-section .content-column .button-box .theme-btn{ margin-right:var(--margin-right-20); text-transform:uppercase; font-size:var(--font-14); padding:17px 44px; } .shop-detail-section .content-column .social-box{ position:relative; margin-top:var(--margin-top-20); margin-bottom:var(--margin-bottom-25); } .shop-detail-section .content-column .social-box li{ position:relative; display:inline-block; margin-right:var(--margin-right-15); } .shop-detail-section .content-column .social-box li.share{ font-weight: 500; font-size:var(--font-16); color:var(--color-fourtysix); } .shop-detail-section .content-column .social-box li a{ position:relative; font-size:var(--font-16); color:var(--color-fourtysix); } .shop-detail-section .content-column .social-box li a:hover{ color:var(--main-color); } /* Quality Box */ .quantity-box{ position:relative; } .select-size-box{ position:relative; } .select-size-box .select-box{ position:relative; float:left; text-align:center; margin:0px 10px 10px 0px; } .select-size-box .input-box{ position:relative; float:left; } .select-size-box .select-box input[type="radio"]{ left:0px; top:0px; visibility:hidden; position:absolute; opacity:0; } .select-size-box .select-box label{ display:block; line-height:24px; padding:4px 18px; text-align:center; font-weight:600; cursor:pointer; border-radius:0px; font-size:var(--font-12); transition:all 500ms ease; text-transform:uppercase; color:var(--black-color); background-color:rgba(var(--black-color-rgb), 0.05); } .select-size-box .select-box input[type="radio"]:checked+label{ background-color:var(--black-color); color:#ffffff; } .shop-detail-section .content-column .categories{ position:relative; font-weight:400; font-size:var(--font-15); margin-top:var(--margin-top-15); color:rgba(var(--color-fourtyfive-rgb), 0.80); } .shop-detail-section .content-column .categories span{ position:relative; font-weight:500; font-size:var(--font-16); color:var(--color-fourtysix); } /* Item Quantity */ .item-quantity{ position: relative; width: 100%; max-width: 140px; padding: 0px 45px; display: inline-block; } .quantity-box .item-quantity .input-group{ position: relative; display: table; border-collapse: separate; max-width: 144px; width: 100%; height: 42px; } .quantity-box .item-quantity input.qty-spinner { line-height: 40px; height: 40px; width: 40px !important; padding: 0px !important; box-shadow: none !important; border: none; text-align: center; font-size:var(--font-14); font-weight: 500; color: #0B0B0B; border: none; border-radius: 0; background-color:#EDEDED !important; } .quantity-box .item-quantity input.qty-spinner:focus{ background: none; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; height: 44px; width: 44px; background-color:var(--white-color); padding: 6px 0px !important; line-height: 30px; left: -40px; top: -42px; border:none !important; border-radius: 0px; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; height: 44px; width: 44px; background-color:var(--white-color); padding: 6px 0px !important; line-height: 30px; right: -42px; top: -42px; border:none !important; border-radius: 0px; margin-top: 0px; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:hover, .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:hover{ } .quantity-box .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical i{ top: 6px; left: 14px; font-size: inherit !important; } .quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .shop-detail-section .prod-tabs{ position:relative; margin-top:var(--margin-top-30); } .shop-detail-section .prod-tabs .tab-btns{ position:relative; } .shop-detail-section .prod-tabs .tab-btns .tab-btn{ position:relative; display:inline-block; margin-right:var(--margin-right-40); background:var(--white-color); color:var(--black-color); text-transform:uppercase; font-size:var(--font-14); line-height:24px; cursor:pointer; font-weight:500; padding:14px 44px; transition:all 500ms ease; border:1px solid rgba(var(--black-color-rgb), 0.06); } .shop-detail-section .prod-tabs .tab-btns .tab-btn:hover, .shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn{ color:var(--white-color); border-color:var(--black-color); background-color:var(--black-color); } .shop-detail-section .prod-tabs .tabs-content{ position:relative; padding:40px 0px 0px; } .shop-detail-section .prod-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .shop-detail-section .prod-tabs .tabs-content .tab.active-tab{ display:block; } .prod-tabs .tabs-content p{ position: relative; line-height: 32px; font-size: var(--font-16); margin-bottom:var(--margin-bottom-30); font-family:var(--font-family-Jost); } .prod-tabs .tabs-content .tab .title{ position:relative; color:var(--text-color); font-size:var(--font-20); font-weight:400; margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-25); } /*Comment Form*/ .shop-comment-form{ position:relative; } .shop-comment-form h4{ margin-bottom:var(--margin-bottom-25); } .shop-comment-form .group-title{ margin-bottom:var(--margin-bottom-20); } .shop-comment-form .rating-box{ position:relative; margin-bottom:var(--margin-bottom-30); } .shop-comment-form .rating-box .text{ color:var(--main-color-two); margin-bottom:var(--margin-bottom-10); } .shop-comment-form .rating-box .rating{ position:relative; display:inline-block; border-right:1px solid #ebebeb; margin-right:var(--margin-right-10); padding-right:var(--padding-right-10); } .shop-comment-form .rating-box .rating:last-child{ border-right:0px; } .shop-comment-form .rating-box .rating .fa{ position:relative; display:inline-block; margin-right:var(--margin-right-5); } .shop-comment-form .rating-box .rating a{ position:relative; color: var(--color-eight); font-size:var(--font-16); display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form .rating-box .rating a:hover{ color:var(--main-color); } .shop-comment-form .form-group{ position:relative; margin-bottom:var(--margin-bottom-15); } .shop-comment-form .form-group label{ position:relative; display:block; font-weight:500; color:var(--black-color); font-size:var(--font-16); font-family: var(--font-family-Jost); margin-bottom:var(--margin-bottom-15); } .shop-comment-form .form-group:last-child{ margin-bottom:0px; } .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #efefef; height:50px; color:var(--main-color-two); font-weight:300; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus{ border-color:var(--main-color); } .shop-comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:var(--main-color-two); border:1px solid #efefef; height:105px; font-weight:300; background:var(--white-color); resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form button{ position:relative; margin-top:var(--margin-top-10); } .shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus{ border-color:var(--main-color); } /*** ==================================================================== Comments Area ==================================================================== ***/ .shop-detail-section .comments-area{ position:relative; margin-top:var(--margin-zero); margin-bottom:var(--margin-bottom-40); } .shop-detail-section .comments-area .comment-box{ position:relative; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; margin-bottom:var(--margin-bottom-30); } .shop-detail-section .comments-area .comment-box:nth-child(1){ padding-top:0px; } .shop-detail-section .comments-area .comment-box:hover{ border-color:var(--main-color); } .shop-detail-section .comments-area .comment-box.reply-comment{ margin-left:var(--marg-left-30); } .shop-detail-section .comments-area .comment{ position:relative; font-size: var(--font-14); padding:0px 0px 0px 80px; } .shop-detail-section .comments-area .comment .comment-inner{ position:relative; padding:15px 20px; border:1px solid #f4f4f4; } .shop-detail-section .comments-area .comment .comment-inner .rating{ position:absolute; right:15px; top:15px; } .shop-detail-section .comments-area .comment .comment-inner .rating .fa{ display:inline-block; font-size: var(--font-14); color: var(--color-eight); } .shop-detail-section .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; margin-bottom:var(--margin-bottom-20); } .shop-detail-section .comments-area .comment-box .author-thumb img{ width:60px; display:block; } .shop-detail-section .comments-area .comment-info{ position:relative; line-height:24px; font-weight:600; color: var(--black-color); font-size: var(--font-16); margin-bottom:var(--margin-bottom-10); } .shop-detail-section .comments-area .comment-box .text{ font-weight:400; font-size: var(--font-16); color: var(--main-color-two); margin-top:var(--marg-top-10); margin-bottom:var(--margin-bottom-10); } .shop-detail-section .related-products h4{ text-transform:uppercase; margin-bottom:var(--margin-bottom-30); } .shop-detail-section .lower-box h3{ color:var(--color-twelve); font-size:var(--font-28); font-family:var(--font-family-Jost); margin-bottom:var(--margin-bottom-15); } .shop-detail-section .lower-box h5{ margin-bottom:var(--margin-bottom-20); } .shop-detail-section .list-one{ position:relative; } .shop-detail-section .list-one li{ position:relative; font-size: var(--font-16); color: var(--color-fourtynine); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-25); font-family:var(--font-family-Jost); } .shop-detail-section .list-one li:before{ position:absolute; content:''; left:0px; top:5px; width:10px; height:10px; background-color: var(--black-color); } .shop-detail-section .list-one li:last-child{ margin-bottom:var(--margin-zero); } .shop-detail-section .list-two{ position:relative; margin-top:-40px; } .shop-detail-section .list-two li{ position:relative; font-size: var(--font-16); color: var(--color-fourtynine); padding-left:var(--padding-left-50); margin-bottom:var(--margin-bottom-25); } .shop-detail-section .list-two li:last-child{ margin-bottom:var(--margin-zero); } .shop-detail-section .list-two li:before{ position:absolute; content: "\f00c"; left:0px; top:0px; width:28px; height:28px; text-align:center; border-radius:50px; line-height:28px; font-weight:800; font-size:var(--font-12); color:var(--black-color); font-family: 'Font Awesome 6 Free'; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } /*** ==================================================================== Cart Section ==================================================================== ***/ .shoping-cart-section{ position:relative; padding:110px 0px 80px; } .shoping-cart-section .cart-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .shoping-cart-section .cart-column .inner-column{ position:relative; } .shoping-cart-section .cart-table { width: 100%; min-width: 740px; } .cart-total-outer{ position:relative; } .cart-section .cart-table{ width:100%; min-width:900px; } .cart-table .cart-header{ position:relative; width:100%; border-radius:0px; font-size:var(--font-16); text-transform:capitalize; color:var(--color-fiftyeight); } .cart-table thead tr th{ line-height:24px; padding:0px 15px 20px; min-width:120px; font-weight:500; font-size:var(--font-18); color:var(--color-fourtysix); } .cart-table thead tr th.prod-column{ text-align:left; padding-left:var(--padding-left-40); } .cart-table tbody tr td{ line-height:24px; min-width:100px; vertical-align:middle; padding:20px 10px 5px; } .cart-table .prod-title{ font-weight:500; font-size:var(--font-16); color:var(--color-fifty); } .cart-table .prod-text{ font-weight:400; font-size:var(--font-16); color:rgba(var(--color-fourtyfive-rgb), 0.80); } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:90px; padding-left:var(--padding-left-90); text-align:left; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; width:70px; left:0px; top:0px; padding:10px 10px; border:1px solid #f0f0f0; } .cart-table .cross-icon{ position:absolute; right:-8px; top:-8px; width:16px; height:16px; font-size:10px; font-weight:700; cursor:pointer; line-height:16px; text-align:center; border-radius:50px; color:var(--white-color); background-color:var(--main-color); } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h3{ margin-bottom:var(--margin-bottom-10); } .cart-table tbody tr .remove-btn{ position:relative; font-size:var(--font-18); color:var(--main-color-two); width:34px; height:34px; text-align:center; line-height:30px; display:inline-block; border:2px solid #ececec; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove-btn .fa{ position:relative; top:2px; font-size:var(--font-12); line-height:14px; width:14px; height:14px; margin-right:var(--margin-right-5); background:#f0f0f0; color:var(--white-color); text-align:center; overflow:hidden; text-indent:100px; } .cart-table tbody tr .remove{ text-align:center; } .cart-table tbody tr .remove-btn:hover{ color:var(--main-color); border-color:var(--main-color); } .cart-table tbody tr .remove-btn:hover .fa{ text-indent:0px; background:var(--main-color); } .cart-table tbody tr{ border-bottom:1px solid #f0f0f0; } .cart-table tbody tr td.price{ font-weight:500; font-size:var(--font-15); color:var(--color-fourtysix); } .cart-table tbody tr td.sub-total{ font-weight:500; font-size:var(--font-15); color:var(--color-fourtysix); } .shoping-cart-section .total-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .shoping-cart-section .total-column .inner-column{ position:relative; } .shoping-cart-section .total-column .title-box{ position:relative; text-align:center; margin-bottom:var(--margin-bottom-20); } .cart-total-box{ position:relative; padding:30px 30px; margin-bottom:var(--margin-bottom-30); border:1px solid rgba(var(--black-color-rgb), 0.06); } /* Cart Totals */ .cart-totals{ position:relative; } .cart-totals li{ position:relative; padding:15px 0px; font-size:var(--font-18); color:var(--black-color); margin-bottom:var(--margin-bottom-5); font-family:var(--font-family-Josefin); border-bottom:1px solid rgba(var(--black-color-rgb), 0.06); } .cart-totals li span{ position:absolute; right:0px; } .shoping-cart-section .check-box{ position:relative; margin-bottom:25px; margin-top:20px; } .shoping-cart-section .check-box label{ color:#2b2b2b; } .shoping-cart-section .check-box label{ position: relative; display: block; width: 100%; cursor: pointer; margin-bottom: 0; font-weight: 400; line-height: 22px; padding: 4px 10px 0px; padding-left: 30px; font-size:var(--font-16); color: var(--color-fiftyone); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .shoping-cart-section .check-box input[type="checkbox"]:checked + label{ border-color: var(--main-color); } .shoping-cart-section .form-group .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer; } .shoping-cart-section .check-box label:before{ position: absolute; left: 0; top: 6px; height:20px; width: 20px; background: #ffffff; content: ""; border-radius: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:1px solid rgba(var(--black-color-rgb), 0.10); } .shoping-cart-section .check-box label:after { position: absolute; left: 0px; top: 0; height: 15px; line-height: 15px; max-width: 0; font-size: 14px; color: #ffffff; font-weight: 800; overflow: hidden; background: transparent; text-align: center; font-family: 'FontAwesome'; -webkit-transition: max-width 500ms ease; -moz-transition: max-width 500ms ease; -ms-transition: max-width 500ms ease; -o-transition: max-width 500ms ease; transition: max-width 500ms ease; } .shoping-cart-section .check-box input[type="checkbox"] { display: none; } .shoping-cart-section .check-box input[type="checkbox"]:checked + label:before{ border: 8px solid var(--main-color); background-color: var(--white-color); } .shoping-cart-section .check-box input[type="checkbox"]:checked + label:after { max-width: 20px; opacity: 1; } .cart-total-outer .proceed-btn{ position:relative; padding:16px 15px; width:100%; border-radius:5px; text-align:center; font-weight:500; font-size:var(--font-15); color:var(--white-color); background-color:var(--main-color); font-family: var(--font-family-Outfit); } /* Shipping Outer */ .shipping-outer{ position:relative; } .shipping-outer .title-box{ position:relative; text-align:center; margin-bottom:var(--margin-bottom-20); } .shipping-outer .cart-shipping-box{ position:relative; padding:20px 30px 20px; margin-bottom:var(--margin-bottom-30); border:1px solid rgba(var(--black-color-rgb), 0.06); } /* Cart Totals */ .shipping-list{ position:relative; } .shipping-list li{ position:relative; padding:15px 0px; font-size:var(--font-16); color:var(--black-color); margin-bottom:var(--margin-bottom-5); font-family: var(--font-family-Outfit); border-bottom:1px solid rgba(var(--black-color-rgb), 0.06); } .shipping-outer .buttons-box{ position:relative; margin-top:var(--margin-top-25); } /* Checkout Section */ .checkout-section{ position:relative; padding:110px 0px 80px; } .checkout-section h4{ color:var(--color-fiftytwo); margin-bottom:var(--margin-bottom-25); } .checkout-section .form-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .checkout-section .form-column .inner-column{ position:relative; } .checkout-section .order-column{ position:relative; margin-bottom:var(--margin-bottom-30); } .checkout-section .order-column .inner-column{ position:relative; } /*** ==================================================================== Shipping Form ==================================================================== ***/ .shipping-form .form-group{ margin-bottom:var(--margin-bottom-30); } .shipping-form .form-group:last-child{ margin-bottom:0px; } .shipping-form .form-group input[type="text"], .shipping-form .form-group input[type="password"], .shipping-form .form-group input[type="tel"], .shipping-form .form-group input[type="email"], .shipping-form .form-group select, .shipping-form .form-group .ui-selectmenu-button.ui-button{ position:relative; display:block; width:100%; line-height:45px; padding:10px 25px; height:70px; border-radius:0px; font-size:var(--font-16); color: var(--color-fiftythree); background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:1px solid rgba(var(--black-color-rgb), 0.06); } .shipping-form .form-group .ui-button .ui-icon{ } .shipping-form .form-group textarea::-webkit-input-placeholder, .shipping-form .form-group input::-webkit-input-placeholder{ color: var(--color-sixtyone); } .shipping-form .form-group input[type="text"]:focus, .shipping-form .form-group input[type="password"]:focus, .shipping-form .form-group input[type="tel"]:focus, .shipping-form .form-group input[type="email"]:focus, .shipping-form .form-group select:focus, .shipping-form .form-group textarea:focus{ border-color:var(--main-color); } .shipping-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:20px 25px 25px; font-size:var(--font-16); color: var(--color-fiftythree); height:295px; background:var(--white-color); resize:none; font-size:16px; border-radius:0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:1px solid rgba(var(--black-color-rgb), 0.06); } .shipping-form .check-box{ position:relative; } .shipping-form .check-box label{ color:#2b2b2b; } .shipping-form .check-box label{ position: relative; display: block; width: 100%; cursor: pointer; margin-bottom: 0; font-weight: 400; line-height: 22px; padding: 4px 10px 0px; padding-left: 30px; font-size:var(--font-16); color: var(--color-sixtyone); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .shipping-form .check-box input[type="checkbox"]:checked + label{ border-color: var(--main-color); } .shipping-form .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer; } .shipping-form .check-box label:before{ position: absolute; left: 0; top: 2px; height:20px; width: 20px; background: #ffffff; content: ""; border-radius: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:1px solid rgba(var(--black-color-rgb), 0.10); } .shipping-form .check-box label:after { position: absolute; left: 0px; top: 0; height: 15px; line-height: 15px; max-width: 0; font-size: 14px; color: #ffffff; font-weight: 800; overflow: hidden; background: transparent; text-align: center; font-family: 'FontAwesome'; -webkit-transition: max-width 500ms ease; -moz-transition: max-width 500ms ease; -ms-transition: max-width 500ms ease; -o-transition: max-width 500ms ease; transition: max-width 500ms ease; } .shipping-form .check-box input[type="checkbox"] { display: none; } .shipping-form .check-box input[type="checkbox"]:checked + label:before{ border: 8px solid var(--main-color); background-color: var(--white-color); } .shipping-form .check-box input[type="checkbox"]:checked + label:after { max-width: 20px; opacity: 1; } .shipping-form .theme-btn{ cursor:pointer; padding:20px 44px; } .order-box{ position:relative; padding:25px 25px; border:1px solid rgba(var(--black-color-rgb), 0.10); } .order-totals{ position:relative; } .order-totals li{ position:relative; font-weight:600; padding:18px 25px; border-radius:3px; font-size:var(--font-14); text-transform:uppercase; color:var(--color-fiftythree); margin-bottom:var(--margin-bottom-30); font-family: var(--font-family-Outfit); border:1px solid rgba(var(--black-color-rgb), 0.07); } .order-totals li span{ position:absolute; right:25px; font-weight:500; color:var(--color-twelve); font-family: var(--font-family-Outfit); } .order-totals li:last-child{ background-color:var(--color-twentysix); } /* Voucher Box */ .voucher-box{ position:relative; } .voucher-box .form-group{ position:relative; margin:0px; width:100%; max-width:100%; } .voucher-box .form-group input[type="text"], .voucher-box .form-group input[type="email"]{ position:relative; line-height:38px; display:block; height:54px; width:100%; font-weight:500; border-radius:0px; box-shadow:inherit; font-size:var(--font-14); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding:10px 15px 10px 25px; color:var(--color-fiftythree); font-family: var(--font-family-Outfit); background-color:rgba(var(--white-color-rgb), 1); border:1px solid rgba(var(--black-color-rgb), 0.07); } .voucher-box .form-group input::placeholder, .voucher-box .form-group textarea::placeholder{ color:var(--color-fiftythree); } .voucher-box .form-group button{ position:absolute; right:0px; top:0px; font-weight:500; padding:16px 24px; font-size:var(--font-14); color:var(--white-color); text-transform:capitalize; background-color:var(--black-color); } .order-box .order-total{ position:relative; font-weight:500; font-size:var(--font-20); color:var(--black-color); margin-top:var(--margin-top-30); } .order-box .order-total span{ position:absolute; right:0px; } .order-box .button-box{ position:relative; margin-top:var(--margin-top-30); } .order-box .pay-btn{ position:relative; width:100%; text-align:center; padding:17px 15px; border-radius:6px; font-weight:600; color:var(--white-color); text-transform:uppercase; background-color:var(--main-color); } .order-box .pay-btn:hover{ letter-spacing:2px; background-color:var(--black-color); } /* Range Slider One */ .range-slider-one{ position: relative; } .range-slider-one .title{ float: right; opacity:0.60; font-weight:400; color:var(--color-thirty); font-size:var(--font-14); } .range-slider-one .input{ position: relative; float: left; max-height: 80px; } .range-slider-one .input input{ background:none; color:var(--color-thirty); font-size:var(--font-14); font-weight:500; width:auto; opacity:0.60; text-align:left; border: 0; padding: 0; height: auto; } .range-slider-one .ui-widget.ui-widget-content{ height:6px; border:none; border-radius:0px; margin-top:var(--margin-top-35); margin-bottom:var(--margin-bottom-20); background:rgba(var(--black-color-rgb), 0.06); } .range-slider-one .ui-slider .ui-slider-range{ top:0px; height:6px; border-radius:0px; background-color:var(--color-four); } .range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default{ top:-6px; width:4px; height:18px; z-index: 99; border-radius:0px; cursor:pointer; border: 4px solid var(--color-four); } .range-slider-one .theme-btn{ font-size:var(--font-14); line-height: 18px; font-weight: 500; padding: 9px 20px; letter-spacing:1px; color: var(--white-color); text-transform:uppercase; margin-top:var(--margin-top-20); background-color:var(--color-four); } .range-slider-one .theme-btn:hover{ background-color:var(--main-color); border-color:var(--main-color); color:var(--white-color); } /*** ==================================================================== Slider Section ==================================================================== ***/ .slider-section { position: relative; padding-top: 130px; overflow: hidden; background-position:left bottom; background-repeat:no-repeat; background-color:#0f1635; } .slider-section .content-column{ position: relative; } .slider-section .content-column .inner-column{ position: relative; padding-top:110px; padding-left:10px; margin-right:-20px; } .slider-section .content-column h2{ position: relative; color:#ffffff; font-weight: 800; line-height: 1.2em; opacity: 0; transform: scaleY(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section .active .content-column h2{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .slider-section .content-column .text{ position: relative; color:#e7e7e7; font-size: 16px; line-height: 1.9em; margin-bottom: 40px; margin-top: 30px; opacity: 0; max-width:580px; font-weight: 400; transform: scaleY(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section .active .content-column .text{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .slider-section .content-column .btns-box{ position:relative; opacity: 0; transform: scaleY(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section .active .content-column .btns-box{ position:relative; opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .slider-section .content-column .btns-box .theme-btn{ margin-right:20px; } .slider-section .image-column{ position: relative; } .slider-section .image-column .inner-column{ position:relative; margin-left:-130px; } .slider-section .image-column .inner-column .image{ position:relative; opacity: 0; transform: scaleX(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section .active .image-column .inner-column .image{ opacity: 1; transform: scaleX(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .slider-section .owl-dots, .slider-section .owl-nav{ display:none; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action-section{ position:relative; padding:28px 0px 25px; background-color:#5153ff; } .call-to-action-section .inner-container{ position:relative; max-width:830px; margin:0 auto; } .call-to-action-section .appointment{ position:relative; color:#ffffff; font-size:36px; font-weight:400; line-height:1.3em; } .call-to-action-section .appointment .icon{ position:relative; color:#ffffff; font-size:28px; margin-right:18px; font-family: "Flaticon"; } .call-to-action-section .phone{ position:relative; color:#ffffff; font-size:36px; font-weight:700; line-height:1.3em; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position:relative; padding:105px 0px 60px; } .services-section.style-three{ background-color:#f6f7fb; padding-bottom:80px; overflow:hidden; } .services-section.style-three .pattern-image{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-repeat:repeat; } .service-block{ position:relative; margin-bottom:30px; } .service-block .inner-box{ position:relative; text-align:center; border-radius:7px; padding:40px 35px 42px; background-color:#ffffff; box-shadow:0px 20px 25px rgba(0,0,0,0.05); } .service-block .inner-box .icon-box{ position:relative; width:65px; height:65px; color:#ffffff; font-size:28px; line-height:65px; text-align:center; margin:0 auto; border-radius:50px; background-color:#5153ff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: "Flaticon"; } .service-block .inner-box .icon-box .icon{ position:relative; } .service-block .inner-box:hover .icon-box{ transform:rotateY(360deg); } .service-block .inner-box h4{ position:relative; font-weight:700; line-height:1.3em; margin-top:25px; } .service-block .inner-box h4 a{ position:relative; color:#14193d; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-block .inner-box:hover h4 a{ color:#5153ff; } .service-block .inner-box .text{ position:relative; color:#4e4f51; font-size:16px; line-height:1.9em; margin-top:15px; } .service-block:nth-child(2) .inner-box .icon-box{ background-color:#50d5a0; } .service-block:nth-child(2) .inner-box:hover h4 a{ color:#50d5a0; } .service-block:nth-child(3) .inner-box .icon-box{ background-color:#f98f74; } .service-block:nth-child(3) .inner-box:hover h4 a{ color:#f98f74; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section{ position:relative; padding:60px 0px 60px; } .about-section .content-column{ position:relative; margin-bottom:40px; } .about-section .content-column .inner-column{ position:relative; } .about-section .content-column .sec-title{ margin-bottom:20px; } .about-section .content-column .sec-title .text{ max-width:550px; } .about-section .content-column .button-box{ position:relative; margin-top:25px; } .about-section.style-two .content-column .inner-column .text{ position:relative; color:#4e4f51; font-size:16px; line-height:1.9em; margin-top:10px; } .about-section .image-column{ position:relative; margin-bottom:40px; } .about-section .image-column .inner-column{ position:relative; } .about-section .image-column .inner-column .pattern-image{ position:absolute; right:-40px; top:-50px; width:620px; height:531px; z-index:-1; background-repeat:no-repeat; } .about-section .image-column .image{ position:relative; } .about-section .image-column .image img{ position:relative; width:100%; display:block; } /* List Style One */ .about-section .list-style{ position:relative; z-index:1; } .about-section .list-style li{ position:relative; color:#4e4f51; font-size:16px; font-weight:400; margin-bottom:10px; padding-left:30px; line-height:1.8em; } .about-section .list-style li:before{ position:absolute; left:0px; top:6px; width:16px; height:16px; content:''; display:block; background:url(../images/icons/dott.png) no-repeat; } /*** ==================================================================== Help Section ==================================================================== ***/ .help-section{ position:relative; padding:60px 0px 80px; } .help-section .title-column{ position:relative; } .help-section .title-column .inner-column{ position:relative; } .help-section .form-column{ position:relative; } .help-section .form-column .inner-column{ position:relative; padding-top:10px; } .help-section .form-column .help{ position:relative; text-align:right; color:#5153ff; font-size:14px; font-weight:400; margin-bottom:18px; } .help-section .form-column .search-box .form-group{ position:relative; margin:0px; } .help-section .form-column .search-box .form-group input[type="text"], .help-section .form-column .search-box .form-group input[type="search"]{ position:relative; line-height:43px; padding:10px 50px 10px 35px; border:1px solid transparent; background:#ffffff; display:block; font-size:14px; width:100%; height:60px; color:#000000; border-radius:50px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 30px rgba(0,0,0,0.05); } .help-section .form-column .search-box .form-group button{ position:absolute; right:0px; top:0px; width:170px; height:60px; display:block; font-size:14px; color:#ffffff; cursor:pointer; border-radius:50px; line-height:100%; font-weight:normal; background:#5153ff; padding:10px 20px; } .help-section .form-column .search-box .form-group input[type="text"]:focus, .help-section .form-column .search-box .form-group input[type="search"]:focus{ border-color:#5153ff; } /*** ==================================================================== Video Section ==================================================================== ***/ .video-section{ position:relative; text-align:center; padding:150px 0px 150px; background-attachment:fixed; background-size:cover; } .video-section.style-two::before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.20); } .video-section:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(13,102,145,0.30); } .video-section h4{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; margin-top:25px; text-transform:capitalize; } .video-section .video-box{ position:relative; width:80px; height:80px; color:#5153ff; font-size:24px; text-align:center; border-radius:50px; line-height: 80px; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-color:#ffffff; } .video-section .video-box .overlay-box span{ position: absolute; width:80px; height: 80px; left:50%; top: 50%; z-index:99; color: #ffffff; font-weight:400; font-size:16px; text-align: center; border-radius:50%; padding-left:7px; display: inline-block; margin-top: -40px; margin-left:-40px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .video-section .video-box .ripple, .video-section .video-box .ripple:before, .video-section .video-box .ripple:after { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin-left:.5px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .video-section .video-box .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .video-section .video-box .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position:relative; overflow:hidden; padding:110px 0px 70px; background-color:#f6f7fb; } .services-section-two .section-text{ position:absolute; left:0px; bottom:-30px; color:#ffffff; line-height:1em; font-size:250px; font-weight:700; } .services-section-two .title-column{ position:relative; margin-bottom:40px; } .services-section-two .title-column .inner-column{ position:relative; } .services-section-two .blocks-column{ position:relative; } .services-section-two .blocks-column .inner-column{ position:relative; } .service-block-two{ position:relative; margin-bottom:35px; } .service-block-two .inner-box{ position:relative; } .service-block-two.style-two .inner-box .number-box{ left:0px; } .service-block-two.style-two .inner-box{ text-align:center; } .service-block-two .inner-box .number-box{ position:relative; top:-10px; left:15px; width:64px; height:64px; text-align:center; border-radius:50px; margin-top: -30px; display: inline-block; border:2px solid #5153ff; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; background-color:#ffffff; } .service-block-two .inner-box:hover .number-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .service-block-two .inner-box .number-box .number{ position:relative; width:52px; height:52px; padding:3px; color:#ffffff; font-size:14px; line-height:26px; border-radius:50px; margin:4px 3px 3px 4px; border:11px solid #cfd2fc; background-color:#5153ff; } .service-block-two .inner-box h4{ position:relative; font-weight:700; margin-top:0px; margin-bottom:12px; } .service-block-two .inner-box h4 a{ position:relative; color:#14193d; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-block-two .inner-box .text{ position:relative; color:#4e4f51; font-size:15px; line-height:1.8em; } .service-block-two .inner-box:hover h4 a{ color:#5153ff; } .services-section-three .service-block-two:nth-child(1) .inner-box .number-box{ border-color:#e7d74f; } .services-section-three .service-block-two:nth-child(1) .inner-box .number-box .number{ border-color:#e7d74f; background-color:#e7d74f; } .services-section-three .service-block-two:nth-child(1) .inner-box:hover h4 a{ color:#e7d74f; } .services-section-three .service-block-two:nth-child(2) .inner-box .number-box{ border-color:#f98f74; } .services-section-three .service-block-two:nth-child(2) .inner-box .number-box .number{ border-color:#f98f74; background-color:#f98f74; } .services-section-three .service-block-two:nth-child(2) .inner-box:hover h4 a{ color:#f98f74; } .services-section-three .service-block-two:nth-child(3) .inner-box .number-box{ border-color:#50d5a0; } .services-section-three .service-block-two:nth-child(3) .inner-box .number-box .number{ border-color:#50d5a0; background-color:#50d5a0; } .services-section-three .service-block-two:nth-child(3) .inner-box:hover h4 a{ color:#50d5a0; } .services-section-three .service-block-two:nth-child(4) .inner-box .number-box .number{ border-color:#5153ff; background-color:#5153ff; } .services-section-three .service-block-two:nth-child(5) .inner-box .number-box{ border-color:#e97be8; } .services-section-three .service-block-two:nth-child(5) .inner-box .number-box .number{ border-color:#e97be8; background-color:#e97be8; } .services-section-three .service-block-two:nth-child(5) .inner-box:hover h4 a{ color:#e97be8; } .services-section-three .service-block-two:nth-child(6) .inner-box .number-box{ border-color:#74d5f9; } .services-section-three .service-block-two:nth-child(6) .inner-box .number-box .number{ border-color:#74d5f9; background-color:#74d5f9; } .services-section-three .service-block-two:nth-child(6) .inner-box:hover h4 a{ color:#74d5f9; } .services-section-three .service-block-two:nth-child(7) .inner-box .number-box{ border-color:#50d55d; } .services-section-three .service-block-two:nth-child(7) .inner-box .number-box .number{ border-color:#50d55d; background-color:#50d55d; } .services-section-three .service-block-two:nth-child(7) .inner-box:hover h4 a{ color:#50d55d; } .services-section-three .service-block-two:nth-child(8) .inner-box .number-box{ border-color:#fe6993; } .services-section-three .service-block-two:nth-child(8) .inner-box .number-box .number{ border-color:#fe6993; background-color:#fe6993; } .services-section-three .service-block-two:nth-child(8) .inner-box:hover h4 a{ color:#fe6993; } .services-section-three .service-block-two:nth-child(9) .inner-box .number-box{ border-color:#7073ff; } .services-section-three .service-block-two:nth-child(9) .inner-box .number-box .number{ border-color:#7073ff; background-color:#7073ff; } .services-section-three .service-block-two:nth-child(9) .inner-box:hover h4 a{ color:#7073ff; } .services-section-three .service-block-two:nth-child(10) .inner-box .number-box{ border-color:#21c6b5; } .services-section-three .service-block-two:nth-child(10) .inner-box .number-box .number{ border-color:#21c6b5; background-color:#21c6b5; } .services-section-three .service-block-two:nth-child(10) .inner-box:hover h4 a{ color:#21c6b5; } .services-section-three .service-block-two:nth-child(11) .inner-box .number-box{ border-color:#f25480; } .services-section-three .service-block-two:nth-child(11) .inner-box .number-box .number{ border-color:#f25480; background-color:#f25480; } .services-section-three .service-block-two:nth-child(11) .inner-box:hover h4 a{ color:#f25480; } .services-section-three .service-block-two:nth-child(12) .inner-box .number-box{ border-color:#339fa3; } .services-section-three .service-block-two:nth-child(12) .inner-box .number-box .number{ border-color:#339fa3; background-color:#339fa3; } .services-section-three .service-block-two:nth-child(12) .inner-box:hover h4 a{ color:#339fa3; } .services-section-three .btn-box{ position:relative; margin-top:30px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:110px 0px 110px; } .team-section.style-two{ padding:90px 0px 90px; background-color:#f6f7fb; } .team-section.style-three{ padding:90px 0px 90px; background-color:#f6f7fb; } .team-section.style-three .owl-nav .owl-prev:hover, .team-section.style-three .owl-nav .owl-next:hover{ background-color:#5153ff; } .team-section .pattern-image{ position:absolute; left:0px; top:0px; right:0px; height:100%; background-repeat:no-repeat; } .team-section .button-box{ position:relative; margin-top:20px; } .team-section .owl-dots{ display:none; } .team-section .owl-nav{ position:absolute; left:-20px; top:50%; right:-20px; margin-top:-30px; } .team-section .owl-nav .owl-prev{ position:absolute; left:0px; width:40px; height:40px; color:#808081; font-size:18px; font-weight:600; text-align:center; line-height:40px; border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .team-section .owl-nav .owl-next{ position:absolute; right:0px; width:40px; height:40px; color:#808081; font-size:18px; font-weight:600; text-align:center; line-height:40px; border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .team-section .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover{ background-color:#01bbbf; color:#ffffff; } .team-block{ position:relative; margin-bottom:30px; } .team-block .inner-box{ position:relative; overflow:hidden; border-radius:10px; } .team-block .inner-box .image{ position:relative; } .team-block .inner-box .image img{ position:relative; width:100%; display:block; } .team-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(53,53,53,0.20); } .team-block .inner-box:hover .image .overlay-box{ background-color:rgba(81,83,255,0.50); } .team-block .inner-box .image .overlay-box .content{ position:absolute; left:30px; bottom:30px; right:30px; } .team-block .inner-box .image .overlay-box .content h4{ position:relative; font-weight:700; line-height:1.3em; } .team-block .inner-box .image .overlay-box .content h4 a{ position:relative; color:#14193d; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .team-block .inner-box .image .overlay-box .content .designation{ position:relative; color:#5153ff; font-size:16px; line-height:1.3em; margin-top:8px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .team-block .inner-box:hover .image .overlay-box .content h4 a, .team-block .inner-box:hover .image .overlay-box .content .designation{ color:#ffffff; } .team-block .inner-box .image .overlay-box .social-box{ position:absolute; right:-60px; bottom:60px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .team-block .inner-box:hover .image .overlay-box .social-box{ right:30px; } .team-block .inner-box .image .overlay-box .social-box li{ position:relative; margin-bottom:16px; text-align:center; } .team-block .inner-box .image .overlay-box .social-box li:last-child{ margin-bottom:0px; } .team-block .inner-box .image .overlay-box .social-box li a{ position:relative; color:#ffffff; font-size:18px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box .image .overlay-box .social-box li a:hover{ color:#222222; } /*** ==================================================================== Appointment Section ==================================================================== ***/ .appointment-section{ position:relative; padding:100px 0px 100px; background-attachment:fixed; background-size:cover; background-repeat:no-repeat; } .appointment-section .inner-container{ position:relative; } .appointment-section .inner-container .appointment-box{ position:relative; padding:50px 60px; max-width:770px; width:100%; margin:0 auto; border-radius:10px; background-color:#ffffff; box-shadow:0px 0px 30px rgba(0,0,0,0.10); } /*** ==================================================================== Appointment Form ==================================================================== ***/ .appointment-form .row{ margin:0px -10px; } .appointment-form .form-group{ margin-bottom:15px; padding:0px 10px; } .appointment-form .form-group .icon{ position:absolute; right:40px; top:14px; color:#6c6c6e; font-size:15px; } .appointment-form .form-group .ui-button .ui-icon{ top:0px; } .appointment-form .form-group .ui-selectmenu-button.ui-button{ position:relative; display:block; width:100%; line-height:24px; padding:10px 25px; color:#888888; height:46px; font-size:14px; border-radius:50px; background:#ffffff; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 20px rgba(0,0,0,0.10); } .appointment-form .form-group input[type="text"], .appointment-form .form-group input[type="password"], .appointment-form .form-group input[type="tel"], .appointment-form .form-group input[type="email"], .appointment-form .form-group select{ position:relative; display:block; width:100%; line-height:24px; padding:10px 25px; color:#888888; height:46px; font-size:14px; border-radius:50px; background:#ffffff; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 20px rgba(0,0,0,0.10); } .appointment-form .form-group input[type="text"]:focus, .appointment-form .form-group input[type="password"]:focus, .appointment-form .form-group input[type="tel"]:focus, .appointment-form .form-group input[type="email"]:focus, .appointment-form .form-group select:focus, .appointment-form .form-group textarea:focus{ border-color:#5153ff; } .appointment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:15px 20px 20px; color:#888888; border:1px solid transparent; height:140px; background:#ffffff; resize:none; font-size:14px; border-radius:15px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 20px rgba(0,0,0,0.10); } .appointment-form.style-two .form-group input[type="text"]:focus, .appointment-form.style-two .form-group input[type="password"]:focus, .appointment-form.style-two .form-group input[type="tel"]:focus, .appointment-form.style-two .form-group input[type="email"]:focus, .appointment-form.style-two .form-group select:focus, .appointment-form.style-two .form-group textarea:focus{ border-color:#01bbbf; } .appointment-form.style-two .ui-state-active, .appointment-form.style-two .ui-widget-content .ui-state-active{ border-color:#01bbbf; background-color:#01bbbf; } .appointment-form .theme-btn{ cursor:pointer; margin-top:20px; } .ui-datepicker td span, .ui-datepicker td a{ text-align:center; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; padding:150px 0px 70px; } .news-section .title-column{ position:relative; margin-bottom:40px; } .news-section .title-column .inner-column{ position:relative; padding-top:100px; } .news-section .blocks-column{ position:relative; margin-bottom:40px; } .news-section .blocks-column .inner-column{ position:relative; } .news-section .blocks-column .inner-column .pattern-image{ position:absolute; right:0px; top:-50px; width:620px; height:531px; z-index:-1; background-repeat:no-repeat; } .news-block{ position:relative; } .news-block .inner-box{ position:relative; } .news-block .inner-box .image{ position:relative; overflow:hidden; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block .inner-box:hover .image img{ transform:scale(1.06,1.06); } .news-block .inner-box .lower-content{ position:relative; padding:28px 28px 30px; background-color:#f6f7fb; } .news-block .inner-box .lower-content h4{ position:relative; font-weight:700; color:#14193d; line-height:1.3em; } .news-block .inner-box .lower-content h4 a{ position:relative; color:#14193d; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block .inner-box .lower-content h4 a:hover{ color:#5153ff; } .news-block .inner-box .lower-content .text{ position:relative; color:#4e4f51; font-size:16px; line-height:1.8em; margin-top:15px; margin-bottom:20px; } .news-block .inner-box .lower-content .read-more{ position:relative; color:#5153ff; font-weight:500; border-bottom:1px solid #5153ff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news-block .inner-box .lower-content .read-more:hover{ color:#222222; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; padding:20px 0px 80px; } .testimonial-section .pattern-layer{ position:absolute; left:6%; top:5%; width:170px; height:170px; background-repeat:no-repeat; } .testimonial-section .pattern-layer-two{ position:absolute; right:6%; bottom:5%; width:170px; height:170px; background-repeat:no-repeat; } .testimonial-section .pattern-layer-three{ position:absolute; left:0px; top:-280px; right:0px; bottom:0px; background-repeat:no-repeat; background-color:#101737; } .testimonial-section .owl-carousel .owl-stage-outer{ padding-top:30px; } .testimonial-section .owl-dots{ display:none; } .testimonial-section .owl-nav{ position:absolute; left:-20px; top:50%; right:-20px; margin-top:-20px; } .testimonial-section .owl-nav .owl-prev{ position:absolute; left:0px; width:40px; height:40px; color:#808081; font-size:18px; font-weight:600; text-align:center; line-height:40px; border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .testimonial-section .owl-nav .owl-next{ position:absolute; right:0px; width:40px; height:40px; color:#808081; font-size:18px; font-weight:600; text-align:center; line-height:40px; border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover{ background-color:#5153ff; color:#ffffff; } /* Testimonial Block */ .testimonial-block{ position:relative; margin-bottom:30px; } .testimonial-block .inner-box{ position:relative; padding:0px 30px 30px; background-color:#f6f7fb; } .testimonial-block .inner-box .quote{ position:relative; font-size:60px; line-height:1em; color:#4788c7; margin-top:-29px; display:inline-block; font-family: "Flaticon"; } .testimonial-block .inner-box .text{ position: relative; color: #4e4f51; font-size: 16px; font-weight: 400; font-style: italic; line-height: 1.9em; margin-top: 20px; margin-bottom:20px; } .testimonial-block .inner-box .author-info{ position:relative; } .testimonial-block .inner-box .author-info .info-inner{ position:relative; padding-left:110px; min-height:87px; padding-top:15px; } .testimonial-block .inner-box .author-info .info-inner .thumb-item{ position:absolute; left:0px; top:0px; width:87px; height:87px; overflow:hidden; border-radius:50px; } .testimonial-block .inner-box .author-info .info-inner .author-name{ position:relative; color:#14193d; font-size:16px; font-weight:600; margin-bottom:4px; } .testimonial-block .inner-box .author-info .info-inner .rating{ position:relative; color:#fe911f; } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section{ position:relative; padding-top:120px; padding-bottom:90px; background-color:#111839; background-position:repeat; } .banner-section .content-column{ position:relative; margin-bottom:40px; } .banner-section .content-column .inner-column{ position:relative; padding-top:100px; } .banner-section .content-column h2{ position:relative; font-weight:700; color:#ffffff; line-height:1.2em; } .banner-section .content-column .buttons-box{ position:relative; margin-top:35px; } .banner-section .content-column .buttons-box .theme-btn{ position:relative; margin-right:15px; } .banner-section .image-column{ position:relative; margin-bottom:40px; } .banner-section .image-column .inner-column{ position:relative; margin-right:-40px; } .banner-section .lower-boxed{ position:relative; padding-top:80px; } /*** ==================================================================== Services Section Three ==================================================================== ***/ .services-section-three{ position:relative; padding:110px 0px 90px; } /*** ==================================================================== About Section Two ==================================================================== ***/ .about-section-two{ position:relative; padding:20px 0px 0px; } .about-section-two.style-two{ padding-bottom:70px; } .about-section-two .content-column{ position:relative; margin-bottom:40px; } .about-section-two .content-column .inner-column{ position:relative; padding-top:90px; } .about-section-two .content-column h2{ position:relative; color:#000000; margin-bottom:10px; font-weight:700; } .about-section-two .content-column .text{ position:relative; max-width:500px; } .about-section-two .content-column .text p{ position:relative; color:#4e4f51; font-size:16px; line-height:1.8em; margin-bottom:20px; } .about-section-two .content-column .text p:last-child{ margin-bottom:0px; } .about-section-two .content-column .button-box{ position:relative; margin-top:35px; } .about-section-two .image-column{ position:relative; margin-bottom:40px; } .about-section-two .image-column .inner-column{ position:relative; padding-left:40px; } .about-section-two .image-column .image{ position:relative; border-radius:8px; overflow:hidden; } .about-section-two .image-column .image img{ position:relative; width:100%; display:block; } /*** ==================================================================== Help Section Two ==================================================================== ***/ .help-section-two{ position:relative; z-index:1; padding:60px 0px 110px; } .help-section-two .inner-container{ position:relative; max-width:580px; margin:0 auto; width:100%; } .help-section-two .search-box .form-group{ position:relative; margin:0px; } .help-section-two .search-box .form-group input[type="text"], .help-section-two .search-box .form-group input[type="search"]{ position:relative; line-height:43px; padding:10px 50px 10px 35px; border:1px solid transparent; background:#ffffff; display:block; font-size:14px; width:100%; height:50px; color:#000000; border-radius:50px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 30px rgba(0,0,0,0.10); } .help-section-two .search-box .form-group button{ position:absolute; right:0px; top:0px; width:170px; height:50px; display:block; font-size:14px; color:#ffffff; cursor:pointer; border-radius:50px; line-height:100%; font-weight:normal; background:#01bbbf; padding:10px 20px; } .help-section-two .search-box .form-group input[type="text"]:focus, .help-section-two .search-box .form-group input[type="search"]:focus{ border-color:#01bbbf; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position:relative; z-index:1; padding:150px 0px 70px; } .news-section-two.style-two{ padding-top:90px; } .news-section-two.style-two .btn-box{ margin-top:50px; } .news-section-two.style-three{ padding-top:100px; background-color: #f6f7fb; } .news-section-two.style-four{ padding-top:0px; } .news-section-two .btn-box{ position:relative; margin-top:30px; } .news-section-two .sec-title .theme-btn{ margin-top:50px; } .news-block-two{ position:relative; } .news-block-two .inner-box{ position:relative; } .news-block-two .inner-box .image{ position:relative; overflow:hidden; border-radius:10px; } .news-block-two .inner-box .image img{ position:relative; width:100%; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-two .inner-box:hover .image img{ transform:scale(1.06,1.06); } .news-block-two .inner-box .lower-content{ position:relative; padding:28px 0px 0px; } .news-block-two .inner-box .lower-content h4{ position:relative; font-weight:700; color:#ffffff; line-height:1.4em; } .news-block-two .inner-box .lower-content h4 a{ position:relative; color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-two .inner-box .lower-content h4 a:hover{ color:#e7e7e7; } .news-block-two .inner-box .lower-content .text{ position:relative; color:#e7e7e7; font-size:16px; line-height:1.8em; margin-top:15px; margin-bottom:20px; } .news-block-two .inner-box .lower-content .read-more{ position:relative; color:#01bbbf; font-weight:500; border-bottom:1px solid #01bbbf; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news-block-two .inner-box .lower-content .read-more:hover{ color:#ffffff; } .news-block-two.style-two .inner-box .lower-content .text{ color:#4e4f51; } .news-block-two.style-two .inner-box .lower-content h4 a{ color:#14193d; } .news-block-two.style-two .inner-box .lower-content h4 a:hover{ color:#5153ff; } .news-block-two.style-two .inner-box .lower-content .read-more{ color:#5153ff; border-color:#5153ff; } /*** ==================================================================== Slider Section Two ==================================================================== ***/ .slider-section-two{ position: relative; overflow: hidden; } .slider-section-two .slide{ position:relative; padding-top: 200px; padding-bottom:200px; background-size:cover; } .slider-section-two .slide:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.20; background-color:var(--black-color); } .slider-section-two .content-boxed{ position: relative; } .slider-section-two .content-boxed .inner-boxed{ position: relative; text-align:center; } .slider-section-two .content-boxed h2{ position: relative; color:#ffffff; font-weight: 800; line-height: 1.2em; opacity: 0; margin-bottom:40px; transform: scaleY(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section-two .active .content-boxed h2{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .slider-section-two .content-boxed .btns-box{ position:relative; opacity: 0; transform: scaleY(0); transform-origin: center top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .slider-section-two .active .content-boxed .btns-box{ position:relative; opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .slider-section-two .content-boxed .btns-box .theme-btn{ margin:0px 10px; border-radius:0px; } .slider-section-two .owl-dots, .slider-section-two .owl-nav{ display:none; } /*** ==================================================================== Cases Section ==================================================================== ***/ .cases-section{ position:relative; overflow:hidden; } .cases-section .inner-container{ position:relative; padding:95px 0px 95px 190px; } .cases-pattern-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:right center; background-repeat:repeat; } .cases-section .inner-container:before{ position:absolute; content:''; left:0px; top:0px; height:100%; width:10000%; z-index:-1; background-color:#001024; } .case-block{ position:relative; } .case-block .inner-box{ position:relative; } .case-block .inner-box .content-column{ position:relative; margin-bottom:40px; } .case-block .inner-box .content-column .inner-column{ position:relative; padding-left:70px; } .case-block .inner-box .content-column .case-number{ position:absolute; left:0px; top:0px; line-height:1em; font-size:60px; font-weight:700; color:#ffffff; } .case-block .inner-box .content-column h4{ position:relative; font-weight:700; color:#ffffff; line-height:1.4em; } .case-block .inner-box .content-column .text{ position:relative; font-weight:400; color:#f3f3f3; line-height:1.7em; font-size:16px; margin-top:15px; } .case-block .inner-box .content-column .text span{ font-weight:700; } .case-block .inner-box .images-column{ position:relative; } .case-block .inner-box .images-column .inner-column{ position:relative; } .case-block .inner-box .images-column .image-column{ padding:0px; float:left; } .case-block .inner-box .images-column .image{ position:relative; border:3px solid #e0deec; } .case-block .inner-box .images-column .image img{ position:relative; width:100%; } .cd-image-container { position: relative; width: 100%; border:4px solid #ffffff; } .cd-image-container img { display: block; } .cd-image-label { position: absolute; bottom: 0; right: 0; color: #000000; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; font-weight:600; letter-spacing:1px; text-transform:uppercase; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; border-right:4px solid #ffffff; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: 44px; width: 44px; /* center the element */ left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border-radius: 50%; background: #0485e0 url("../images/cd-arrows.svg") no-repeat center center; cursor: move; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .cd-handle.draggable { /* change background color when element is active */ background-color: #445b7c; } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section-two{ position:relative; overflow:hidden; } .banner-section-two .content-column{ position:relative; width:50%; float:left; } .banner-section-two .content-column .inner-column{ position:relative; max-width:650px; float:right; width:100%; padding-top:120px; padding-bottom:110px; padding-right:15px; } .banner-section-two .content-column .title{ position:relative; color:#0385e1; font-size:20px; line-height:1.8em; margin-bottom:10px; font-weight:700; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .title{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-two .content-column h1{ position:relative; color:#001024; font-weight:700; line-height:1.2em; opacity: 0; font-size:60px; margin-bottom:28px; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column h1{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .banner-section-two .content-column .text{ position:relative; color:#001024; font-size:16px; line-height:1.8em; margin-bottom:20px; font-weight:400; opacity: 0; font-family: 'Poppins', sans-serif; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .text{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-two .content-column .btns-box{ margin-top:30px; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .btns-box{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-two .content-column .theme-btn{ margin-right:15px; } .banner-section-two .image-column{ position:absolute; right:0px; top:0px; width:50%; float:right; height:100%; display:block; background-size:cover; } .banner-section-two .image-column .inner-column{ position:relative; margin-right:-80px; overflow:hidden; } .banner-section-two .image-content{ position:absolute; left:0px; bottom:0px; z-index:1; padding:20px 70px; background-color:#0385e1; display:inline-block; } .banner-section-two .image-content h5{ position:relative; color:#ffffff; font-weight:600; margin-bottom:7px; } .banner-section-two .image-content .text{ position:relative; color:#ffffff; font-weight:400; opacity:0.8; font-size:16px; margin-top:5; line-height:1.7em; } .banner-section-two .image-column .image{ position:relative; display:none; } .banner-section-two .owl-dots{ display:none; } .banner-section-two .owl-nav{ position:absolute; left:50%; top:78%; z-index:1; width:100%; max-width: 683px; margin-left: -145px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .banner-section-two .owl-nav .owl-prev{ position:absolute; left:0px; width:145px; height:150px; color:#ffffff; line-height:150px; font-size:24px; text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:#00487b; } .banner-section-two .owl-nav .owl-next{ position:absolute; right:0px; color:#ffffff; font-size:24px; width:145px; height:150px; color:#ffffff; line-height:150px; text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:#00487b; } .banner-section-two .owl-nav .owl-prev:hover, .banner-section-two .owl-nav .owl-next:hover{ color:#ffffff; background-color:#001024; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section-four{ position:relative; } .services-section-four .upper-section{ position:relative; padding:105px 0px 155px; } .services-section-four .upper-section:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,16,36,0.90); } .services-section-four .upper-section .title-column{ position:relative; } .services-section-four .upper-section .title-column .inner-column{ position:relative; } .services-section-four .upper-section .text-column{ position:relative; } .services-section-four .upper-section .text-column .inner-column{ position:relative; } .services-section-four .upper-section .text-column .text{ position:relative; color:#d1d1d1; font-size:16px; line-height:1.8em; font-weight:400; padding-left:50px; margin-top:55px; border-left:4px solid #0478cc; } .services-section-four .upper-section .text-column .text span{ position:relative; color:#ffffff; font-weight:600; } .services-section-four .lower-section{ position:relative; margin-top:-110px; z-index:1; } .services-section-four .tab-btns{ position: relative; max-width: 570px; width: 100%; margin: 0 auto; text-align: center; margin-top: 40px; background: #e2e7ea; height: 16px; border-radius: 30px } .services-section-four .tab-btns li{ position: relative; float: left; width: 282px; border-radius: 30px; margin: 0px; height: 16px; cursor: pointer; transition: all 500ms ease; } .services-section-four .tab-btns li.active-btn:before{ right: 0px; } .services-section-four .tab-btns li:before{ position: absolute; top: 0px; height: 100%; width: 100%; border-radius: 30px; content: ""; right: -283px; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; background-color:#00487b; } .services-section-four .tab-btns li:last-child:before{ display: none; } .services-section-four .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-section-four .tabs-box .tab.active-tab{ display:block; } .services-section-four .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .services-section-four .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } /* Service Block */ .service-block-three{ position:relative; } .service-block-three .inner-box{ position:relative; } .service-block-three .inner-box .image{ position:relative; overflow:hidden; background-color:#0385e1; } .service-block-three .inner-box .image img{ position:relative; width:100%; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block-three .inner-box:hover .image img{ opacity:0.6; transform:scale(1.06,1.06); } .service-block-three .inner-box .lower-content{ position:relative; overflow:hidden; padding:30px 30px 30px 95px; background-color:#001024; } .service-block-three .inner-box .lower-content .icon-outer{ position:absolute; left:-20px; top:-20px; } .service-block-three .inner-box .lower-content .icon-outer:before{ position:absolute; content:''; left:0px; top:0px; width:110px; height:110px; opacity:0; border-radius:50%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(255,255,255,0.40); } .service-block-three .inner-box:hover .lower-content .icon-outer:before{ opacity:1; } .service-block-three .inner-box .lower-content .icon-outer .icon{ position:relative; width:95px; height:95px; color:#ffffff; text-align:center; line-height:95px; display:block; font-size:42px; padding-left:12px; padding-top:8px; border-radius:50px; background-color:#0385e1; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: "Flaticon"; } .service-block-three .inner-box:hover .lower-content .icon-outer .icon{ color:#0385e1; background-color:#ffffff; } .service-block-three .inner-box h5{ position:relative; font-weight:700; } .service-block-three .inner-box h5 a{ position:relative; color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .service-block-three .inner-box h5 a:hover{ color:#0385e1; } .service-block-three .inner-box .service-list{ position:relative; margin-top:10px; } .service-block-three .inner-box .service-list li{ position:relative; margin-bottom:6px; color:#ffffff; font-size:16px; padding-left:22px; font-weight:400; } .service-block-three .inner-box .service-list li:last-child{ margin-bottom:0px; } .service-block-three .inner-box .service-list li:before{ position:absolute; content: "\f109"; left:0px; top:0px; color:#0385e1; font-size:10px; font-weight:600; font-family: "Flaticon"; } .service-block-three .inner-box .read-more{ position:relative; display:block; color:#ffffff; font-size:15px; font-weight:700; padding:14px 15px; text-align:center; background-color:#0385e1; font-family: 'Poppins', sans-serif; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section-four{ position:relative; padding:90px 0px 60px; } .about-section-four .content-column{ position:relative; margin-bottom:40px; } .about-section-four .content-column .inner-column{ position:relative; } .about-section-four .content-column .sec-title{ margin-bottom:20px; } .about-section-four .content-column .text{ position:relative; color:#001024; font-size:16px; line-height:1.7em; } .about-section-four .content-column h5{ position:relative; font-weight:700; color:#001024; margin-top:15px; margin-bottom:15px; } .about-section-four .content-column .about-list{ position:relative; } .about-section-four .content-column .about-list li{ position:relative; margin-bottom:14px; padding-left:25px; color:#001024; font-size:16px; font-weight:500; line-height:1.8em; } .about-section-four .content-column .about-list li:before{ position:absolute; content: "\f109"; left:0px; top:0px; color:#0385e1; font-size:10px; font-weight:600; font-family: "Flaticon"; } .about-section-four .content-column .about-list li:last-child{ margin-bottom:0px; } .about-section-four .image-column{ position:relative; margin-bottom:40px; } .about-section-four .image-column .inner-column{ position:relative; padding-right:100px; } .about-section-four .image-column .image{ position:relative; } .about-section-four .image-column .image img{ position:relative; width:100%; display:block; } .about-section-four .image-column .side-text{ position:absolute; right:3px; top:153px; padding:20px 25px; background-color:#0385e1; transform: rotate(-90deg); transform-origin: 88% 63%; } .about-section-four .image-column .side-text:before{ position:absolute; content:''; left: -79px; top: 0px; border-top: 79px solid #03538c; border-left: 79px solid transparent; } .about-section-four .image-column .side-text h3{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; } /*** ==================================================================== Appointment Section ==================================================================== ***/ .appointment-section-two{ position:relative; padding:90px 0px; background-size:cover; background-color: #eceff6; background-position:center right; } .appointment-section-two .content-box{ position:relative; max-width:780px; } .appointment-section-two .content-box h2{ position:relative; color:#001024; font-weight:700; line-height:1.2em; } .appointment-section-two .content-box .info{ position:relative; color:#001024; font-size:16px; margin-top:8px; margin-bottom:16px; } .appointment-section-two .content-box .appointment-form-two{ max-width:440px; width:100%; } /* Appointment Form */ .appointment-form-two .form-group{ position:relative; margin-bottom:20px; } .appointment-form-two .form-group .field-label{ display:block; line-height:24px; margin-bottom:10px; color:#222222; font-weight:500; font-size:14px; } .appointment-form-two .form-group .field-label sup, .appointment-form-two .form-group .field-label .req{ color:#ff0000; font-size:14px; padding-left:5px; } .appointment-form-two input[type="text"], .appointment-form-two input[type="email"], .appointment-form-two input[type="password"], .appointment-form-two input[type="tel"], .appointment-form-two input[type="url"], .appointment-form-two select, .appointment-form-two textarea{ display:block; width:100%; line-height:24px; height:50px; font-size:13px; border:1px solid #e0e0e0; padding:12px 15px; background-color:#ffffff; color:#222222; border-radius:2px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .appointment-form-two .select-box{ position:relative; width:88px; text-align:center; display:inline-block; margin:0px 20px 0px 0px; } .appointment-form-two .select-box:last-child{ margin-right:0px; } .appointment-form-two .select-box input[type="radio"]{ left:0px; top:0px; visibility:hidden; position:absolute; opacity:0; } .appointment-form-two .select-box .icon{ position:relative; font-size:18px; } .appointment-form-two .select-box label{ display:block; line-height:24px; padding:11px 10px; text-align:center; font-size:14px; font-weight:500; color:#7e7e7e; border:1px solid #e1e1df; cursor:pointer; border-radius:2px; background-color:#ffffff; transition:all 500ms ease; } .appointment-form-two .select-box input[type="radio"]:checked+label{ background:#0385e1; border-color:#0385e1; color:#ffffff; } /*** ==================================================================== Counter Section ==================================================================== ***/ .counter-section{ position:relative; padding-top:100px; overflow:hidden; } .counter-section .counter-column .inner-column{ position:relative; } /* Fact Counter */ .fact-counter{ position:relative; } .fact-counter .column{ position:relative; margin-bottom:25px; } .fact-counter .column .inner{ position:relative; } .fact-counter .column .inner .content{ position:relative; text-align:center; } .fact-counter .column .inner .icon{ position:relative; display:block; color:#0385e1; font-size:36px; text-align:center; line-height:1em; font-weight: 400; margin-bottom:15px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: "Flaticon"; } .fact-counter .count-outer .percentage{ display:inline-block; font-weight:600; color:#000000; font-size:30px; line-height:1em; font-family: 'Poppins', sans-serif; } .fact-counter .column .inner .count-outer{ position:relative; font-weight:700; color:#000000; font-size:30px; width:122px; height:122px; padding-top:20px; line-height:1em; margin:0 auto; border-radius:10px; border:1px solid #eaebec; font-family: 'Poppins', sans-serif; } .fact-counter .column .inner .counter-title{ position:relative; font-size:16px; font-weight:500; margin-top:15px; color:#000000; } .counter-section .content-column{ position:relative; margin-bottom:40px; } .counter-section .content-column .inner-column{ position:relative; padding:55px 55px; background-position:right center; background-repeat:no-repeat; } .counter-section .content-column .inner-column:before{ position:absolute; content:''; left:0px; top:0px; width:10000%; height:100%; z-index:-1; border-radius:200px; background-color:#001024; } .counter-section .content-column .image-column{ position:relative; } .counter-section .content-column .image-column .image{ position:relative; border-radius:50%; overflow:hidden; display: inline-block; } .counter-section .content-column .fact-column{ position:relative; } .counter-section .content-column .fact-column .fact-inner-column{ position:relative; } .counter-section .content-column .fact-column .title{ position:relative; color:#0385e1; font-size:17px; font-weight:700; } .counter-section .content-column .fact-column h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.2em; margin-top:5px; } .counter-section .content-column .fact-column .text{ position:relative; color:#ffffff; font-size:16px; font-weight:400; line-height:1.9em; margin-top:20px; } /*** ==================================================================== Gallery Section ==================================================================== ***/ .gallery-section{ position:relative; padding:90px 0px 100px; background-position:left bottom; background-repeat:no-repeat; } .gallery-section .sec-title{ margin-bottom:80px; } .gallery-section .sec-title .text{ position: relative; color: #001024; font-size: 16px; line-height: 1.8em; font-weight: 400; padding-left: 50px; margin-top: 55px; border-left: 4px solid #0478cc; } .gallery-section .sec-title .text span{ font-weight:600; } .gallery-section .owl-dots{ display:none; } .gallery-section .owl-nav{ position:relative; margin-top:20px; text-align:center; } .gallery-section .owl-nav .owl-prev, .gallery-section .owl-nav .owl-next{ position:relative; width:56px; height:56px; color:#112033; font-size:20px; border-radius:50%; text-align:center; line-height:54px; margin:0px 10px; display:inline-block; border:1px solid #d9d9d9; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-section .owl-nav .owl-prev:hover, .gallery-section .owl-nav .owl-next:hover{ color:#ffffff; border-color:#0385e1; background-color:#0385e1; } .gallery-block{ position:relative; margin-bottom:30px; } .gallery-block .inner-box{ position:relative; } .gallery-block .inner-box .image{ position:relative; } .gallery-block .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .gallery-block .inner-box .image .overlay-box:before{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:80%; opacity:0.95; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #071629 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #071629 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #071629 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #071629)); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #071629 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #071629 100%); } .gallery-block .inner-box:hover .image .overlay-box:before{ opacity:1; } .gallery-block .inner-box .image .overlay-box .overlay-inner{ position:absolute; left:25px; right:25px; bottom:60px; } .gallery-block .inner-box .image .overlay-box .overlay-inner .content{ position:relative; } .gallery-block .inner-box .image .overlay-box .category{ position:relative; font-size:13px; color:#ffffff; } .gallery-block .inner-box .image .overlay-box h5{ position:relative; color:#ffffff; font-weight:700; line-height:1.4em; margin-top:8px; } .gallery-block .inner-box .image .overlay-box h5 a{ position:relative; color:#ffffff; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-block .inner-box .image .overlay-box h5 a:hover{ color:#0385e1; } .gallery-block .inner-box .image .overlay-box .arrow-box{ position:absolute; right:0px; bottom:0px; width:50px; height:50px; color:#ffffff; text-align:center; line-height:50px; display:block; font-size:20px; background-color:#0385e1; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; font-family: "Flaticon"; } .gallery-block .inner-box:hover .image .overlay-box .arrow-box{ background-color:#ffffff; color:#071629; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section-two{ position:relative; padding:80px 0px 70px; background-color:#eceff6; background-position:center center; background-repeat:no-repeat; } .team-block-two{ position:relative; z-index:1; margin-bottom:70px; } .team-block-two .inner-box{ position:relative; padding:15px 15px; background-color:#ffffff; border-radius:150px 150px 0px 0px; box-shadow:0px 0px 10px rgba(0,0,0,0.15); } .team-block-two .inner-box .image{ position:relative; width:100%; height:242px; overflow:hidden; border-radius:50%; margin:0 auto; border:5px solid #0385e1; } .team-block-two .inner-box .image img{ position:relative; width:100%; } .team-block-two .inner-box .lower-content{ position:relative; } .team-block-two .inner-box .lower-content .plus-box{ position:absolute; left:50%; bottom:-15px; width:56px; height:56px; color:#ffffff; opacity:0; z-index:-1; text-align:center; font-weight:700; line-height:56px; margin-left:-32px; display:inline-block; background-color:#021226; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; font-family: "Flaticon"; } .team-block-two .inner-box:hover .lower-content .plus-box{ bottom:-71px; opacity:1; } .team-block-two .inner-box .lower-content .content{ position:relative; text-align:center; padding:18px 5px 18px; } .team-block-two .inner-box .lower-content h5{ position:relative; color:#001024; font-size:20px; font-weight:700; line-height:1.3em; } .team-block-two .inner-box .lower-content h5 a{ position:relative; color:#001024; } .team-block-two .inner-box .lower-content .designation{ position:relative; color:#323d4c; font-size:15px; font-weight:400; line-height:1.3em; margin-top:7px; display:block; } .team-block-two .inner-box .lower-content .social-box{ position:relative; margin-top:18px; } .team-block-two .inner-box .lower-content .social-box li{ position:relative; display:inline-block; margin:0px 5px; } .team-block-two .inner-box .lower-content .social-box li a{ position:relative; color:#222222; font-size:16px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; font-family: "Font Awesome 6 Brands"; } .team-block-two .inner-box .lower-content .social-box li.facebook a{ color:#25319d; } .team-block-two .inner-box .lower-content .social-box li.twitter a{ color:#0c91f7; } .team-block-two .inner-box .lower-content .social-box li.instagram a{ color:#f95656; } .team-block-two .inner-box .lower-content .social-box li.linkedin a{ color:#2a7bcd; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-section{ position:relative; padding:80px 0px 0px; } /* Price Block */ .price-block-two{ position:relative; margin-bottom:30px; } .price-block-two .inner-box{ position:relative; padding:40px 10px; text-align:center; box-shadow:0px 0px 20px rgba(0,0,0,0.15); background-size:cover; } .price-block-two .inner-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(255,255,255,0.87); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block-two .inner-box:hover::before{ background-color:rgba(0,0,0,0.87); } .price-block-two .inner-box .border-one{ position:absolute; left:10px; top:10px; width:20px; height:20px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; } .price-block-two .inner-box .border-two{ position:absolute; right:10px; bottom:10px; width:20px; height:20px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; } .price-block-two .inner-box .icon-box{ position:relative; width:98px; height:98px; line-height:98px; text-align:center; border-radius:50px; display:block; margin:0 auto; color:#ffffff; font-size:50px; font-family: "Flaticon"; background-color:#0385e1; } .price-block-two .inner-box .icon-box .icon{ position:relative; } .price-block-two .inner-box h3{ position:relative; font-weight:700; color:#001024; margin-top:14px; font-size:24px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block-two .inner-box .text{ position:relative; font-weight:400; color:#001024; font-size:15px; margin-top:8px; line-height:1.8em; padding:0px 20px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .price-block-two .inner-box:hover h3, .price-block-two .inner-box:hover .text{ color:#ffffff; } .price-block-two .inner-box .price{ position:relative; font-weight:700; color:#001024; font-size:30px; margin-top:22px; margin-bottom:22px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; font-family: 'Poppins', sans-serif; } .price-block-two .inner-box:hover .price{ color:var(--white-color); } .price-block-two .inner-box .appointment-btn{ position:relative; color:#ffffff; font-weight:700; font-size:14px; padding:14px 30px; border-radius:50px; display:inline-block; background-color:#0385e1; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action-section-two{ position:relative; padding-top:50px; background-size:cover; } .call-to-action-section-two .image-column{ position:relative; } .call-to-action-section-two .image-column .inner-column{ position:relative; } .call-to-action-section-two .image-column .inner-column .image{ position:relative; } .call-to-action-section-two .content-column{ position:relative; } .call-to-action-section-two .content-column .inner-column{ position:relative; padding-left:150px; margin-top:55px; } .call-to-action-section-two .content-column .icon{ position:absolute; left:0px; top:0px; } .call-to-action-section-two .content-column h3{ position:relative; font-weight:400; color:#001024; line-height:1.2em; } .call-to-action-section-two .content-column .number{ position:relative; font-weight:700; font-size:48px; color:#0385e1; margin-top:35px; display:inline-block; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .call-to-action-section-two .content-column .number:hover{ color:#001024; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section-three{ position:relative; padding:80px 0px 70px; } .news-section-three .owl-nav{ display:none; } .news-section-three .owl-dots{ position:relative; text-align:center; margin-top:20px; } .news-section-three .owl-dots .owl-dot{ position:relative; width:12px; height:12px; margin:0px 5px; border-radius:50px; display:inline-block; background-color:#cdcbd5; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .news-section-three .owl-dots .owl-dot.active, .news-section-three .owl-dots .owl-dot:hover{ background-color:#0385e1; } .news-section-three .owl-carousel .owl-stage-outer{ position:relative; padding-bottom:20px; } /* News Block */ .news-block-three{ position:relative; } .news-block-three .inner-box{ position:relative; } .news-block-three .inner-box .image{ position:relative; overflow:hidden; } .news-block-three .inner-box .image img{ position:relative; width:100%; display:block; filter: grayscale(100%); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .news-block-three .inner-box:hover .image img{ filter: grayscale(0%); transform:scale(1.03,1.03); } .news-block-three .inner-box .lower-content{ position:relative; margin-left:30px; margin-right:30px; margin-top:-35px; z-index:1; padding:20px 25px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.12); } .news-block-three .inner-box .lower-content .content{ position:relative; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .news-block-three .inner-box:hover .lower-content .content{ transform:translateY(-30px); } .news-block-three .inner-box .lower-content .content .post-info{ position:relative; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .news-block-three .inner-box:hover .lower-content .content .post-info{ opacity:0; } .news-block-three .inner-box .lower-content .content .post-info li{ position:relative; margin-right:20px; color:#939393; font-size:14px; display:inline-block; } .news-block-three .inner-box .lower-content .content .post-info li:last-child{ margin-right:0px; } .news-block-three .inner-box .lower-content .content .post-info li .icon{ position:relative; margin-right:6px; } .news-block-three .inner-box .lower-content .content h5{ position:relative; margin-top:3px; } .news-block-three .inner-box .lower-content .content h5 a{ position:relative; color:#001024; font-weight:700; line-height:1.4em; } .news-block-three .inner-box .lower-content .content .read-more{ position:absolute; left:0px; bottom:0px; color:#0385e1; font-size:15px; font-weight:700; line-height:1.4em; margin-top:5px; opacity:0; display:inline-block; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .news-block-three .inner-box:hover .lower-content .content .read-more{ transform:translateY(30px); opacity:1; } /*** ==================================================================== Contact Section ==================================================================== ***/ .contact-section{ position:relative; padding:90px 0px 110px; } .contact-section:before{ position:absolute; content:''; left:0px; top:0px; right:0px; height:495px; background-color:#001024; } .contact-section .sec-title .text{ position: relative; color: #ffffff; font-size: 16px; line-height: 1.8em; font-weight: 400; padding-left: 50px; margin-top: 55px; border-left: 4px solid #0478cc; } .contact-section .sec-title .text span{ font-weight:600; } .contact-section .lower-section{ position:relative; } .contact-section .inner-container{ position:relative; padding:40px 40px 0px; background-color:#0385e1; background-position:right top; background-repeat:no-repeat; } .contact-section .map-column{ position:relative; } .contact-section .map-column .inner-column{ position:relative; } .contact-section .lower-section .inner-container .map-column iframe{ position:relative; height:350px; width:100%; display:block; } .contact-section .info-column{ position:relative; } .contact-section .info-column .inner-column{ position:relative; padding-left:40px; } .contact-section .info-column .info-list{ position:relative; } .contact-section .info-column .info-list li{ position:relative; color:#ffffff; font-size:16px; line-height:1.8em; margin-bottom:40px; padding-left:85px; } .contact-section .info-column .info-list li .icon{ position:absolute; left:0px; top:0px; width:62px; height:62px; color:#0385e1; font-size:26px; line-height:62px; text-align:center; border-radius:50%; display:inline-block; background-color:#ffffff; } .contact-section .info-column .info-list li strong{ position:relative; display:block; color:#ffffff; font-size:24px; font-weight:700; margin-bottom:8px; font-family: 'Poppins', sans-serif; } .contact-section .lower-section .lower-box{ position:relative; padding:25px 120px 5px; background-color:#001024; } .contact-section .lower-section .lower-box .title-column{ position:relative; } .contact-section .lower-section .lower-box .title-column .inner-column{ position:relative; } .contact-section .lower-section .lower-box .title-column h4{ position:relative; color:#ffffff; font-weight:400; margin-top:10px; } .contact-section .lower-section .lower-box .title-column h4 span{ font-weight:600; } .emailed-form .form-group{ position:relative; display:block; max-width:650px; margin:0 auto; width:100%; margin-bottom:20px; } .emailed-form .form-group input[type="text"], .emailed-form .form-group input[type="tel"], .emailed-form .form-group input[type="email"], .emailed-form .form-group textarea{ position:relative; display:block; width:100%; line-height:20px; height:50px; font-size:14px; color:#ffffff; overflow:hidden; border-radius:50px; padding:10px 50px 10px 30px; background:rgba(255,255,255,0.30); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .emailed-form input::-webkit-input-placeholder, .emailed-form select::-webkit-input-placeholder, .emailed-form textarea-webkit-input-placeholder{ color:#ffffff; } .emailed-form .form-group input[type="submit"], .emailed-form button{ position:absolute; right:5px; top:5px; width:160px; color:#001024; font-size:14px; font-weight:700; padding:8px 15px; text-align:center; background:#ffffff; border-radius:50px; text-transform:capitalize; font-family: 'Roboto', sans-serif; } .emailed-form button .icon{ position:relative; margin-right:10px; } /*** ==================================================================== Dental Section ==================================================================== ***/ .dental-transform{ position:relative; padding:100px 0px 100px; background-color: var(--color-five); } .dental-transform .cd-image-container{ border:10px solid #ffffff; }