/* ============================ Name: Consultic - Business Consulting Theme Version:1.0.0 Description: Author:Sujon mahamud Author URI: Location: ============================ */ /* CSS LIST =====> =========================== HEADER AREA CSS =========================== WELCOME AREA CSS =========================== LOGO AREA CSS =========================== FEAUTURE AREA CSS =========================== FEAUTURES MEETING AREA CSS =========================== PRICNIG AREA CSS =========================== COMPANY AREA CSS =========================== CLIENT AREA CSS =========================== FOOTER AREA CSS =========================== HOME PAGE 2 AREA CSS =========================== /*----===========HEADER AREA CSS----============*/ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap'); .img_left { background: #FFF; float: left; margin: 5px 30px 10px 0; padding: 3px; border: 1px solid #CCC; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04);} body, html { overflow-x:hidden; } /*.header-area { background:#fff; position:absolute; z-index:22; width:100%; }*/ .hero-area { position:relative; } .header-elements { display:flex; align-items:center; justify-content:space-between; } .stellarnav.mobile ul { position:absolute; width:100%; left:0; top:auto; } a.menu-toggle.full { text-align:right; } .stellarnav a.dd-toggle .icon-plus:after { border-bottom:solid 1px #777; } .stellarnav a.dd-toggle .icon-plus:before { border-bottom:solid 1px #777; } .our-brands2 { background-color:#f0fbff; } /*----===========HEADER AREA CSS----============*/ .home1-about .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.active { background:none; } /*----===========SIDEBAR AREA CSS----============*/ .demo-sidebar { position:fixed; width:95%; height:100%; background:#ffffff; top:0; right:-95%; z-index:999; transition:all 0.7s; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); transition-duration:1s; } .demo-sidebar:after { position:absolute; content:""; height:100%; width:0; background:#5c5b79; top:0; right:0; z-index:-2; opacity:0.5; transition:all 1s; transition-duration:1s; transition-delay:1s; } .demo-sidebar:before { position:absolute; content:""; height:100%; width:100%; background:#161540; top:0; right:0; z-index:-2; opacity:0.5; transition:all 1s; transition-duration:1s; transition-delay:1s; } .demo-sidebar.active-sidebar { right:-5%; transition:all 1s; transition-duration:1.5s; transition-delay:1s; } .demo-sidebar.active-sidebar:after { transition:all 0.3s; width:210%; transition-duration:1s; } .demo-sidebar.active-sidebar:before { transition:all 0.3s; width:210%; transition-duration:0.5s; } .demo-sidebar-content { text-align:center; } .demo-sidebar-wrap { position:relative; z-index:2; height:100%; width:100%; background:#fff; } .demo-sidebar-menu { position:absolute; padding:10px; background:#fff; top:50%; border-radius:8px 0px 0 8px; left:-44px; margin-top:-41.5px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); cursor:pointer; } .demo-sidebar-menu span, .demo-sidebar-menu span a { display:block; width:24px; height:24px; text-align:center; line-height:21px; font-size:16px; margin:5px 0px; border-radius:8px; transition:all 0.3s !important; color:#161540; } .demo-sidebar-menu span:hover, .demo-sidebar-menu span a:hover { color:#7977c6; transition:all 0.3s; } .demo-sidebar-content { position:relative; z-index:2; height:100%; width:95%; overflow-y:scroll; padding:30px; } .demo-sidebar-items { display:flex; align-items:center; justify-content:space-evenly; flex-flow:row wrap; } .demo-sidebar-items.inner-dmeos .single-demo-sidebar-item { width:calc(25% - 30px); } @media only screen and (min-width:992px) and (max-width:1199px) { .demo-sidebar-items.inner-dmeos .single-demo-sidebar-item { width:calc(50% - 30px); } } @media (max-width:767px) { .demo-sidebar-items.inner-dmeos .single-demo-sidebar-item { width:calc(100% - 30px); } } .single-demo-sidebar-item { width:calc(33% - 30px); margin-bottom:30px; } @media (max-width:767px) { .single-demo-sidebar-item { width:calc(100% - 30px); } } .demo-sidebar-item-img { position:relative; z-index:2; box-shadow:0 4px 16px rgba(0, 0, 0, 0.1); } .demo-sidebar-buttons { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-flow:row wrap; } .demo-sidebar-buttons a { display:block; margin:0 8px; } .demo-item-content { margin-top:15px; } .demo-item-content a { font-weight:500; font-size:24px; line-height:34px; color:#161540; margin-bottom:0; transition:all 0.3s; display:block; } @media (max-width:767px) { .demo-item-content a { font-size:20px; } } .demo-sidebar-item-img { transition:all 0.3s; overflow:hidden; border-radius:8px; max-height:280px; } .demo-sidebar-item-img img { width:100%; height:auto; object-fit:cover; } .demo-sidebar-item-img:after { position:absolute; content:""; height:100%; width:100%; background:#5c5b79; z-index:2; left:0; top:0; opacity:0; transition:all 0.3s; transform:scale(0.9); visibility:hidden; border-radius:8px; } .demo-sidebar-item-img:hover:after { visibility:visible; opacity:0.6; transform:scale(1); transition:all 0.3s; } .demo-sidebar-buttons { top:20px; visibility:hidden; opacity:0; transition:all 0.3s; z-index:4; } .demo-sidebar-item-img:hover .demo-sidebar-buttons { top:0; visibility:visible; opacity:1; transition:all 0.3s; } .demo-sidebar-buttons a { font-weight:700; font-size:16px; line-height:16px; text-align:center; display:inline-flex; color:#191a43; transition:all 0.3s; transform:translateY(0); padding:18px 30px; background-color:#fff } .demo-sidebar-buttons a::after { content:""; position:absolute; top:0; right:0; height:100%; width:0%; z-index:-1; background:#0E1681; transition:all.4s; } .demo-sidebar-buttons a:hover::after { width:100%; left:0; right:auto; transition:all.4s; } .demo-sidebar-buttons a:hover { color:#fff; transform:translateY(-5px); transition:all 0.3s; } .demosIcon svg { animation:spin linear infinite 3s; } .single-demo-sidebar-item.coming-soon .demo-sidebar-item-img:after { visibility:visible; opacity:0.6; transform:scale(1); } .coming-son-text { position:absolute; left:0; top:0; z-index:99; display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .coming-son-text h4 { font-size:40px; color:#fff; font-family:"satoshi"; } /*----===========SIDEBAR AREA CSS----============*/ /*.banner { margin-top:190px; }*/ /*----=================== ------HOME 1 AREA CSS---- ========================*/ .main-hero.main-hero1 { min-height:850px; display:flex; align-items:center; } .main-hadding { padding-top:130px; } .hero1-image-all { position:relative; height:600px; margin-right:-100px; margin-top:130px; } .hero1-img-1 { position:absolute; left:-50%; right:-50%; bottom:100px; } .hero1-img-1.aniamtion-key-1 { margin-right:81px; } .hero1-img-2 { position:absolute; right:0; bottom:0; } .hero1-img-3 { position:absolute; left:0; top:0; } .hero1-img-4 { position:absolute; bottom:182px; left:0; } .brand-area { background-color:#161540; height:100px; transform:rotate(-2deg); margin-top:60px; width:105%; margin-left:-10px; right:10px; } marquee.brand-area-all > div { display:inline-block; /* padding:30px 0; */ /* padding-top:37px; */ padding:37px; } .service1-box-icon { height:60px; width:60px; text-align:center; line-height:60px; background-color:#0E1681; border-radius:50%; margin-right:20px; margin-top:10px; } .service1-box { display:flex; align-items:start; border-radius:10px; border:1px solid #E8E8E8; padding:32px; margin-top:30px; transition:all.4s; } .service1-box:hover { background-color:#EEEFF7; transition:all.4s; transform:translateY(-10px); } .learn-more1 { color:var(--font-color, #03163B); font-size:16px; font-weight:500; text-transform:capitalize; transition:all.3s; } .learn-more1 span { margin-left:5px; transition:all.3s; display:inline-block; } .learn-more1:hover { color:#0E1681; transition:all.3s; } .learn-more1:hover span { margin-left:8px; } /*=========== home1 about area =============== */ .about1-image-all { position:relative; height:750px; } .about-1-img1 { position:absolute; left:0; bottom:0; } .about-1-img2 { position:absolute; /* right:-50%; */ left:50px; /* right:-50%; */ } .about-1-img3 { position:absolute; bottom:50px; right:0; } .about-1-img4 { position:absolute; bottom:100px; left:143px; } @media screen and (max-width:769px) { .about1-hadding { margin-top:30px; } } .about-counter-box { color:#fff; background:#0e1681; padding:24px; border:5px solid #fff; border-radius:20px; } .about-counter-text { display:flex; } .about-counter-text p { padding-left:10px; } .about-counter-text h1 { color:#FFF; font-size:44px; font-style:normal; font-weight:600; line-height:52px; /* 118.182% */ text-transform:capitalize; } .about-counter-text p { color:#FFF; font-size:16px; font-style:normal; font-weight:500; line-height:22px; /* 137.5% */ } .hero-counter-box { color:#03163B; background:#ffff; padding:24px; border:1px solid #F1F1F1; border-radius:20px; } .hero-counter-text { display:flex; align-items:center; } .hero-counter-text p { padding-left:10px; } .hero-counter-text h1 { font-size:44px; font-style:normal; font-weight:600; line-height:52px; /* 118.182% */ text-transform:capitalize; } .hero-counter-text p { font-size:16px; font-style:normal; font-weight:500; line-height:22px; /* 137.5% */ text-align:start; } /*=========== home1 about area =============== */ /*=========== home1 case area =============== */ .case-box-all { position:relative; margin-top:30px; } .case-box-after { position:absolute; bottom:0; background-color:#03163B; border-radius:0px 0px 5px 5px; padding:32px 52px; height:100px; width:100%; overflow:hidden; transition:all.4s; } .case-box-after.case-box-after-page { border-radius:0; } .case-box-img img { z-index:-2; transition:all.4s; } .case-box-hover { display:flex; align-items:center; justify-content:space-between; } .case-hover-hadding h4 a { color:rgba(255, 255, 255, 0.85); font-size:22px; font-style:normal; font-weight:500; line-height:30px; transition:all.4s; } .case-hover-hadding p { color:rgba(255, 255, 255, 0.85); font-size:16px; font-style:normal; font-weight:400; line-height:26px; transition:all.4s; } .case-hover-icon a { height:25px; width:25px; display:inline-block; background-color:#fff; text-align:center; line-height:25px; border-radius:50%; color:#03163B; transition:all.4s; } .case-hover-icon a svg { transition:all.4s; } .case-hover-icon { transition:all.4s; } .case-hover-icon2 a { height:25px; width:25px; display:inline-block; background-color:#fff; text-align:center; line-height:25px; border-radius:50%; color:#03163B; transition:all.4s; } .hover-block{ transform:translateY(50px); transition:all.4s; } .case-hover-icon { position:absolute; right:50px; bottom:35px; transition:all.4s; } .case-box-all:hover .case-hover-icon { right:auto; left:50px; transition:all.4s; display:none; } .case-box-all:hover .hover-block { transform:translateY(0); transition:all.6s; } .case-box-all:hover .case-box-after { height:206px; transition:all.4s; } .case-box-img { overflow:hidden; transition:all 1.9s; } .case-box-img img { transition:all 1.9s; transform:scale(1.1); } .case-box-all:hover .case-box-img img { transform:scale(1.2); transition:all 1.9s; } /*=========== home1 case area =============== */ /*=========== home1 counter area =============== */ .counter-hadding-p p { color:rgba(255, 255, 255, 0.85); font-size:16px; font-style:normal; font-weight:500; line-height:26px; } .counter-hadding-h { width:150px; } .counter-hadding-h h1 { color:rgba(255, 255, 255, 0.85); font-size:56px; font-style:normal; font-weight:500; line-height:62px; text-transform:capitalize; } .counter1-hadding { display:flex; position:relative; z-index:2; } .counter1 { position:relative; overflow:hidden; } .counter1-bg-img { position:absolute; left:-10%; top:-30%; } /*=========== home1 counter area =============== */ /*=========== home1 testimonial area =============== */ .testimonial1-image-all { position:relative; height:500px; } .testimonial1-img1 { /* text-align:center; */ /* display:flex; */ /* align-items:center; */ padding-top:100px; } .testimonial1-img2 { position:absolute; top:0; left:100px; } .testimonial1-img3 { bottom:0; position:absolute; right:0; bottom:0; top:80px; } .testimonial1-img4 { position:absolute; bottom:0; right:120px; } .testimonial1-img5 { position:absolute; bottom:100px; } .testimonial-stars ul { padding:0; margin:0; padding-bottom:20px; } .testimonial-stars ul li { display:inline-block; color:#F13F3F; padding:0 2px;; } .testimonial1-hadding p { color:#03163B; font-size:22px; font-style:normal; font-weight:500; line-height:34px; } .slider1-bottom h4 a { color:#03163B; font-size:22px; font-style:normal; font-weight:500; line-height:26px; } .slider1-bottom p { color:#03163B; font-family:Spline Sans; font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .trusred-slider-all { margin-left:50px; } .owl-nav { margin-top:40px; } .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; border:1px solid #E7E6E6; font-size:20px; transition:all.4s; } .owl-nav button:nth-child(2) svg { margin-left:15px; } .owl-nav button svg:hover { background-color:#0E1681; color:#fff; } /*=========== home1 testimonial area =============== */ /*=========== home1 testimonial area =============== */ .cta-hadding1 h1 { color:rgba(255, 255, 255, 0.90); font-size:44px; font-style:normal; font-weight:600; line-height:52px; text-transform:capitalize; } .cta-hadding1 p { color:rgba(255, 255, 255, 0.90); font-family:Spline Sans; font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .subscribe1 { position:relative; overflow:hidden; z-index:4; } .subscribe-img { position:absolute; right:0; top:-5%; z-index:-1; } .cta1-buttons { display:flex; align-items:center; justify-content:end; } .cta1-buttons a:nth-child(2) { margin-left:30px; } /*=========== home1 testimonial area =============== */ /*=========== home1 blog area =============== */ .blog1-hadding .span { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; display:inline-block; padding:4px 13px; border-radius:5px; background:#ECEDF6; display:inline-block; } .blog1-hadding h4 a { color:var(--font-color, #03163B); font-size:22px; font-style:normal; font-weight:500; line-height:30px; transition:all.3s; } .blog1-hadding h4 a:hover { color:#0E1681; transition:all.3s; } .blog1-hadding { padding:30px; } .blog1-single-box { border-radius:5px; margin-top:30px; transition:all.3s; position:relative; } .blog1-single-box::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #E4E8FB; visibility:hidden; transition:all.3s; z-index:-3; border-radius:5px; opacity:0; } .blog1-single-box.active::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #E4E8FB; visibility:visible; transition:all.3s; z-index:-3; border-radius:5px; opacity:1; } .blog1-single-box:hover::after { visibility:visible; transition:all.3s; opacity:1; } .blog1-single-box:hover { transition:all.3s; } .blog1-box-img { overflow:hidden; } .blog1-box-img img { transition:all.6s; } .blog1-single-box:hover img { transform:scale(1.1); transition:all.6s; } /*=========== home1 blog area =============== */ /*----=================== ------HOME 1 AREA CSS---- ========================*/ /*----=================== ------HOME 2 AREA CSS---- ========================*/ /*========== home2 hero area ========== */ .main-hero.main-hero2 { min-height:900px; display:flex; align-items:center; } .main-hadding2 span.span { color:#FFF; font-size:16px; font-style:normal; font-weight:500; line-height:22px; background-color:#254969; padding:4px 16px; border-radius:30px; display:inline-block; } .main-hadding2 h1 { color:var(--font-color, #03163B); font-size:56px; font-style:normal; font-weight:700; line-height:70px; letter-spacing:-1.12px; text-transform:capitalize; } .main-hadding2 p { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .main-hadding2 span.after2 { position:relative; } .main-hadding2 { padding-top:100px; } .main-hadding2 span.after2::after { content:""; position:absolute; bottom:-60px; left:0; height:100%; width:100%; } .brand2-slider-all h4 { color:var(--font-color, #03163B); font-size:22px; font-style:normal; font-weight:600; line-height:30px; } .brand2-slider.owl-carousel.owl-loaded.owl-drag div { height:27px; opacity:0.8; } .hero2-image-all1 { display:flex; } .hero2-img2 { margin-left:20px; } .brand2-slider-all { margin-right:100px; } .hero2-image-all1 { margin-top:100px; } .border-70 { border-radius:70px; } .border-70 img { border-radius:70px; } .border-80 { border-radius:80px; } .border-80 img { border-radius:80px; } /*========== home2 hero area ========== */ /*========== home2 about area ========== */ .about2-img1 { position:absolute; z-index:-1; margin-left:-30px; margin-top:-30px; } /*========== home2 about area ========== */ /*========== home2 service area ========== */ .serivce2-icon { background-color:#ffffffd8; height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; } .read-more-btn-w { color:rgba(255, 255, 255, 0.85); font-family:Plus Jakarta Sans; font-size:16px; font-style:normal; font-weight:600; line-height:normal; } .read-more-btn-w span { display:inline-block; transition:all.4s; padding-left:2px; } .read-more-btn-w:hover span { margin-left:5px; } .read-more-btn-w:hover { color:#fff; } .service2-box { transition:all.4s; border-radius:30px; background:#2F5577; padding:26px 32px; margin-top:30px; } .service2-box:hover { background:var(--main-color, #F13F3F); transition:all.4s; transform:translateY(-10px); } dive.brand-area-all.owl-carousel.owl-loaded.owl-drag > div img { height:32px; margin-top:37px; } /*========== home2 service area ========== */ /*========== home2 choose area ========== */ .counter2-box { border-radius:10px; border:1px solid #EEE; background:#FFF; display:flex; padding:22px; align-items:center; transition:all.4s; } .counter2-box h2 { color:var(--font-color, #03163B); font-size:44px; font-style:normal; font-weight:600; line-height:52px; text-transform:capitalize; width:65px; transition:all.3s; } .counter2-box:hover { background-color:#F13F3F; transition:all.4s; } .counter2-box:hover h2 { color:#fff; } .counter2-box:hover p { color:#fff; } .counter-boxs { display:flex; align-items:center; margin-top:30px; } .counter-boxs .counter2-box:nth-child(2) { margin-left:20px; } .choose2-img1 { position:absolute; right:-30px; top:-30px; z-index:-1; } .choose2-images { position:relative; } /*========== home2 choose area ========== */ /*========== home2 project area ========== */ .project-box { padding:36px 32px; border-radius:30px; position:relative; } .project-box::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#2F5577; border-radius:30px; z-index:-1; } .project-all-box { margin-top:30px; transition:all.4s; } .project-all-box .project-img img { border-radius:30px 30px 0px 0px; } .project-img img { overflow:hidden; transition:all.9s; } .project-img { overflow:hidden; } .project-img { border-radius:30px 30px 0px 0px; transition:all.9s; } .project-box { margin:0px 60px; margin-top:-120px; z-index:22; transition:all.4s; } .project-all-box:hover .project-box { transform:translateY(-16px); box-shadow:0px 4px 12px 0px #2f557746; transition:all.4s; } .project-all-box:hover .project-img img { transform:scale(1.1); transition:all.9s; } /*========== home2 project area ========== */ /*========== home2 testimonial area ========== */ .testimonial-single-slider { display:flex; align-items:center; background-color:#2950A0; padding:30px 36px 30px 0px; border-radius:30px; margin-top:30px; } .testimonial2-slider-img { width:80px; border:30px; margin-left:10px; } .testimonial2-slider-img img { border-radius:30px; } .testimonial1-hadding.testimonial2-hadding p { color:#DEE4E8; } .testimonial1-hadding.testimonial2-hadding h4 a { color:#fff; } .testimonial-single-slider2 { margin-right:10px; margin-top:30px; min-height:400px; } .testimonial2 .owl-nav { margin-top:40px; text-align:center; } .testimonial2 .owl-nav button i { /* background:red; */ padding:15px 17px; border-radius:50%; border:1px solid #E7E6E6; transition:all.4s; display:inline-block; color:#fff; } .testimonial2 .owl-nav button:nth-child(2) i { margin-left:15px; } .testimonial2 .owl-nav button i:hover { background-color:#F13F3F; color:#fff; border:1px solid #F13F3F; } .read-more-btn { background:#f7941d; padding:15px; color:#fff; margin-top:20px; font-size:16px; font-style:normal; font-weight:600; line-height:normal; display:inline-block; transition:all.4s; } .read-more-btn:hover { color:#fff; transition:all.4s; } .read-more-btn svg { transition:all.4s; } .read-more-btn:hover svg { margin-left:5px; transition:all.4s; color:#F13F3F; } .blog2-hadding { padding:24px; text-align:center; } .blog2-hadding h4 a { color:#03163B; font-size:22px; font-style:normal; font-weight:600; line-height:30px; display:inline-block; transition:all.4s; } .blog2-hadding h4 a:hover { color:#F13F3F; transition:all.4s; } .date2 { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; display:inline-block; } .date2:hover { color:#616976; } /*.blog2-box-img img { border-radius:30px 30px 0px 0px; transition:all.9s; }*/ /*.blog2-box-img { border-radius:30px 30px 0px 0px; }*/ .blog2-box-img { overflow:hidden; } .blog2-box-all { position:relative; transition:all.4s; margin-top:30px; padding:15px; } .blog2-box-all::after { position:absolute; content:""; top:0; left:0; width:100%; height:100%; z-index:-2; border:1px solid #EEE; background:#FFF; visibility:hidden; transition:all.4s; opacity:0; } .blog2-box-all.active::after { position:absolute; content:""; top:0; left:0; width:100%; height:100%; z-index:-2; border:1px solid #EEE; background:#FFF; visibility:visible; opacity:1; transition:all.4s; } .blog2-box-all:hover::after { visibility:visible; transition:all.4s; opacity:1; } .blog2-box-all:hover .blog2-box-img img { transform:scale(1.1); transition:all.9s; } .testimonial1-hadding.testimonial2-hadding { padding-left:30px; } /*========== home2 testimonial area ========== */ /*----=================== ------HOME 2 AREA CSS---- ========================*/ /*----=================== ------HOME 3 AREA CSS---- ========================*/ /*========== home3 hero area ========= */ .main-hero.main-hero3 { min-height:850px; display:flex; align-items:center; } .main-hadding3 h1 { color:var(--font-color, #03163B); font-size:56px; font-style:normal; font-weight:600; line-height:58px; text-transform:capitalize; } .main-hadding3 { padding-top:130px; } .main-hadding3 p { color:var(--paragraph, #636B78); font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .header3-btn a { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:600; line-height:normal; } .header3-btn a span { color:var(--paragraph, #636B78); font-size:18px; font-style:normal; font-weight:500; line-height:normal; display:inline-block; padding-left:5px; } .header3-buttons { display:flex; align-items:center; } .header3-btn { margin-left:10px; } .hero3-image-all { height:660px; position:relative; margin-top:130px; } .hero3-image-all:hover .hero3-img1.img100.border-70 { right:11px; top:20px; transition:all.6s; } .hero3-img1.img100.border-70 { position:absolute; right:11px; top:30px; transition:all.6s; } .hero3-img2.border50 { position:absolute; top:0; right:0; } .hero3-img3 { position:absolute; right:0; bottom:80px; } .hero3-img4 { position:absolute; top:150px; left:-30px; } @media screen and (max-width:769px) { .hero3-img4 { position:absolute; top:150px; left:0; } .main-hadding3 h1 { font-size:40px; line-height:48px; } } @media screen and (max-width:426px) { .hero3-image-all { height:509px; position:relative; margin-top:90px; } } /*========== home3 hero area ========= */ /*========== home3 service area ========= */ .service3-box-icon { padding-bottom:20px; } .service3-box-all { padding:0px 50px 50px 0px; position:relative; } .service3-box-all.border3-right { border-right:1px solid rgba(255, 255, 255, 0.30); } .service3-box-all.border3-top { border-top:1px solid rgba(255, 255, 255, 0.30); padding-top:50px; } .service3-box-all.p3-left { padding-left:50px; } .service3-box-all.after3-service::after { content:""; position:absolute; height:50px; width:50px; bottom:-25px; right:-25px; border:1px solid rgba(255, 255, 255, 0.30); border-radius:50%; background-color:#333982; z-index:1; } .service3-box-all.after3-service2::after { content:""; position:absolute; height:50px; width:50px; bottom:-32px; right:-26px; border:1px solid rgba(255, 255, 255, 0.30); border-radius:50%; background-color:#333982; z-index:1; } @media screen and (max-width:769px) { .service3-box-all.after3-service::after { display:none; } .service3-box-all.after3-service2::after { display:none; } .service3-box-all.p3-left { padding:0; } .service3-box-all.border3-top { border:none; padding:0; } .service3-box-all.border3-right { border:none; } .service3-box-all { margin-bottom:45px; } } /*========== home3 service area ========= */ /*========== home3 about area ========= */ .about3-images { position:relative; } .about3-img2 { position:absolute; right:50px; top:0; } .about-hadding3 { padding-left:30px; } @media screen and (max-width:769px) { .about-hadding3 { padding-left:0; padding-top:30px; } .hadding3 h1 { font-size:36px; line-height:44px; } } /*========== home3 about area ========= */ /*========== home3 mission area ========= */ .mission-box-icon { height:60px; width:60px; background-color:#fff; text-align:center; line-height:60px; border-radius:50%; margin-right:20px; } .mission-box { display:flex; } .mission-border { background:rgba(255, 255, 255, 0.20); height:1px; width:100%; margin:30px 0; } .mission-boxs-all { padding-left:60px; } @media screen and (max-width:769px) { .mission-boxs-all { padding-left:0; } .mission-hadding { padding-bottom:30px; } } /*========== home3 mission area ========= */ /*========== home3 Featured area ========= */ .featured-button { text-align:end; display:flex; justify-content:end; } .featured-slider-single { position:relative; } .featured-slider-hadding { position:absolute; top:36px; left:36px; } .featured-slider-img { position:relative; } .featured-slider-img::after { position:absolute; content:""; top:0; left:0; height:100%; width:100%; background-color:#00092cb9; border-radius:10px; } .featured-slider-button { position:absolute; bottom:36px; left:36px; } .featured .owl-nav button svg { /* background:red; */ padding:15px 17px; border:1px solid #E7F0FB; border-radius:50%; font-size:20px; transition:all.4s; } .featured .owl-nav { text-align:center; margin-top:60px; } .featured .owl-nav button svg:hover { border:1px solid var(--main-color, #2BB19A); background:#40EDCF; color:#03163B; } .testimonial3-hadding p { color:rgba(255, 255, 255, 0.85); font-size:22px; font-style:normal; font-weight:500; line-height:32px; } .slider3-bottom h4 a { color:rgba(255, 255, 255, 0.85); font-size:22px; font-style:normal; font-weight:500; line-height:30px; } .slider3-bottom p { color:rgba(255, 255, 255, 0.85); font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .slider3-bottom-all { display:flex; align-items:center; } .slider3-img { margin-right:20px; } .testimonial-stars.testimonial3-stars ul li { color:#2BB19A; } .testimonial3 .owl-nav { margin-top:40px; } .testimonial3 .owl-nav button svg { padding:15px 17px; border:1px solid #E7F0FB; border-radius:50%; font-size:20px; transition:all.4s; background:#fff; } .testimonial3 .owl-nav button svg:hover { background-color:#40EDCF; border:1px solid #2BB19A; color:#03163B; } @media screen and (max-width:769px) { .testimonial3-slider-all { margin-top:30px; } .featured-button { margin-bottom:30px; } .featured-button { display:flex; justify-content:start; margin-top:30px; } } /*========== home3 Featured area ========= */ /*========== home3 blog area ========= */ .blog3-hadding span { color:var(--paragraph, #636B78); font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .hadding3 h4 a { color:var(--font-color, #03163B); font-size:22px; font-style:normal; font-weight:500; line-height:30px; transition:all.4s; } .hadding3 h4 a:hover { color:#2BB19A; transition:all.4s; } .read-more3-3 { color:var(--font-color, #03163B); font-size:16px; font-style:normal; font-weight:500; line-height:normal; transition:all.4s; } .read-more3-3:hover { transition:all.4s; color:#2BB19A; } .read-more3-3 span { transition:all.4s; } .read-more3-3:hover span { margin-left:5px; transition:all.4s; color:#2BB19A; } .read-more3-3:hover { color:#2BB19A; } .blog3-hadding { padding:24px; } .blog3-box-all { position:relative; margin-top:30px; } .blog3-box-all::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; border:1px solid #E8E9E9; border-radius:10px; visibility:hidden; opacity:0; z-index:-2; } .blog3-box-all.active::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; border:1px solid #E8E9E9; border-radius:10px; visibility:hidden; z-index:-2; opacity:1; visibility:visible; } .blog3-box-all:hover::after { visibility:visible; opacity:1; } .blog3-box-img { border-radius:10px 10px 0px 0px; } .blog3-box-img img { border-radius:10px 10px 0px 0px; overflow:hidden; transition:all.4s; } .blog3-box-img { overflow:hidden; transition:all.4s; } .blog3-box-all:hover img { transform:scale(1.1); transition:all.4s; } .blog3-button { display:flex; justify-content:center; } .contact-input-signle3 .nice-select.wide { border:none; height:60px; border-bottom:1px solid #999DAB; border-radius:0; padding-top:10px; margin-top:10px; color:#D9DADF; width:98%; background:#00092c; } .contact-input-signle3 .nice-select.wide .list { left:0 !important; right:0 !important; background:#00092c; border:1px solid rgba(255, 255, 255, 0.60); } .contact-input-signle3 .nice-select.wide .list li:hover { background-color:#323c687e; } /* .contact-input-signle3 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color:#f6f6f6; background:#f6f6f6; } */ .nice-select:after { border-bottom:2px solid #999; border-right:2px solid #999; content:''; display:block; height:8px; margin-top:-4px; pointer-events:none; position:absolute; right:12px; top:50%; -webkit-transform-origin:66% 66%; -ms-transform-origin:66% 66%; transform-origin:66% 66%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; width:8px; } .contact-input-signle3 input::placeholder { color:#D9DADF; } .contact-input-signle3 textarea::placeholder { color:#D9DADF; } .contact-input-signle3 input { color:#fff; } .contact-input-signle3 textarea { color:#fff; } /*========== home3 blog area ========= */ /*----=================== ------HOME 3 AREA CSS---- ========================*/ /*----=================== ------HOME 4 AREA CSS---- ========================*/ .main-hadding4 h1 { color:#FFF; font-family:Catamaran; font-size:56px; font-style:normal; font-weight:700; line-height:60px; text-transform:capitalize; } .main-hadding4 p { color:#FFF; font-family:Catamaran; font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .main-hadding4 { padding-top:100px; } .hero4-image-all { position:relative; height:600px; margin-top:100px; } .hero4-img2 { position:absolute; top:0; left:-50%; right:-50%; } /*========== home4 brand area ========= */ .brand4-slider-all { padding-top:100px } .brand4-single-slider { width:170px; } .about4-img-all { position:relative; } .about4-img-2 { position:absolute; right:0; top:0; } /*========== home4 brand area ========= */ /*========== home4 service area ========= */ .service4-box-iocn { height:60px; width:60px; text-align:center; line-height:60px; background:rgba(45, 130, 254, 0.10); border-radius:50%; margin:auto; margin-bottom:16px; transition:all.4s; } .service4-box { background-color:#fff; padding:26px 28px; margin-top:30px; transition:all.4s; } .service4-box:hover { background-color:#2D82FE; } .read-more4 { color:var(--font-color, #021334); font-size:16px; font-style:normal; font-weight:600; line-height:normal; transition:all.4s; } .service4-box .hadding4 h4 a:hover { color:#fff; } .read-more4:hover span { margin-left:5px; transition:all.4s; } .read-more4:hover { color:#2D82FE; transition:all.4s; } .read-more4 span { transition:all.4s; margin-left:2px; } .service4-box:hover a { color:#fff; } .service4-box:hover p { color:#fff; } .service4-box:hover .service4-box-iocn { background-color:#EAEEF5; transition:all.4s; } /*========== home4 service area ========= */ /*========== home4 case area ========= */ .case4-box-all { position:relative; margin-top:30px; } .case4-box-hadding.hadding4-w { text-align:center; position:absolute; top:100px; z-index:9; } .case4-box-all::after { content:""; top:0; left:0; position:absolute; height:100%; width:100%; border-radius:5px; background-color:#03163be8; transition:all.6s; visibility:hidden; transition-timing-function:ease-out; opacity:0; } .hadding4-w h4 a { color:rgba(255, 255, 255, 0.85); font-family:Catamaran; font-size:22px; font-style:normal; font-weight:600; line-height:26px; } .hadding4-w p { color:rgba(255, 255, 255, 0.85); text-align:center; font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .read-more4-w { color:rgba(255, 255, 255, 0.85); font-size:16px; font-style:normal; font-weight:600; line-height:normal; } .read-more4-w:hover span { margin-left:5px; transition:all.2s; } .read-more4-w:hover { color:#fff; } .case4-box-hadding { padding:0 50px; transform:translateY(60px); visibility:hidden; transition:all.3s; transition-timing-function:ease-in; } .case4-box-all:hover::after { transform:scale(1); visibility:visible; opacity:1; } .case4-box-all:hover .case4-box-hadding { transform:translateY(0); visibility:visible; transition:all.4s; } .testimonial-stars.testimonial-stars3 ul li { color:#006fff; } .testimonial4 .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; border:1px solid #E7E6E6; font-size:20px; transition:all.4s; } .testimonial4 .owl-nav button svg:hover { background-color:#006fff; } .header3-buttons.header4-button-subsribe { display:flex; justify-content:center; } /*========== home4 case area ========= */ /*========== home4 blog area ========= */ .blog4-titel1 a { display:inline-block; color:var(--paragraph, #616976); font-family:Catamaran; font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ border-radius:5px; background:#ECEDF6; padding:10px 20px; } .blog4-titel2 a { color:var(--paragraph, #616976); font-family:Catamaran; font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ display:inline-block; } .blog4-box-hadding { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; } .blog-box-img.img100 { overflow:hidden; } .blog4-box:hover .blog-box-img.img100 img { transform:scale(1.1); transition:all.9s; } .blog-box-img.img100 img { overflow:hidden; transition:all.9s; } .blog4-hadding { padding:24px } .blog4-box { position:relative; margin-top:30px; } .blog4-box::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; border:1px solid #E8E5E5; z-index:-2; visibility:hidden; opacity:0; } .blog4-box.active::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; border:1px solid #E8E5E5; z-index:-2; visibility:visible; opacity:1; } .blog4-box:hover::after { visibility:visible; opacity:1; } /*========== home4 blog area ========= */ /* @keyframes marquee { 0% { transform:translateX(0); } 100% { transform:translatex(-100%); } } @keyframes marquee-2 { 0% { transform:translateX(-100%); } 100% { transform:translatex(0); } } .marquee-wrap, .marquee-title { overflow:hidden; display:block; background-color:#021334; } .marquee-title .marquee-text { -webkit-text-stroke:1px var(--theme-white-color); -webkit-text-fill-color:transparent; color:transparent; font-weight:600; } .marquee-wrap { background-image:linear-gradient(135deg, var(--theme-primary-color), var(--theme-secondary-color)); width:100%; padding:0; position:relative; margin-top:50px; margin-left:-5px; transform:rotate(-1deg); } .marquee-text { animation:marquee 50s linear infinite; display:flex; align-items:center; position:relative; font-size:100px; width:100%; white-space:nowrap; line-height:95px; font-weight:600; font-family:var(--theme-typography-secondory-font-family); color:var(--theme-white-color); } .brand-single-box { padding:0px 30px; } */ .brand-single-box { display:inline-block; padding:0px 30px; } @media (max-width:767px) { .theme-title h2 { font-size:36px !important; line-height:46px !important; } .theme-title p { font-size:16px; } .page-title h1 { font-size:30px; line-height:30px; } .header-top, .right-nav { display:none !important; } .admin-bar .sticky-header.fixed-header { top:0; } .themeht-tab.elementor-widget-tabs .elementor-tabs-wrapper { display:none; } .themeht-tab.elementor-widget-tabs .elementor-tab-title.elementor-tab-mobile-title { width:100%; } .counter span { font-size:40px } blockquote { padding:140px 20px 20px 20px !important; } blockquote:after { width:100%; height:100px; } #header-wrap .navbar-brand.logo, .sticky-header .navbar-brand.logo { margin-top:0; box-shadow:none; padding:15px 0; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display:block; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right:0; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left:0; margin-top:30px; } .elementor-widget-contact-btn h2 { font-size:50px; line-height:110px; } .elementor-widget-contact-btn .round-text { width:130px; height:130px; } .testimonial.style-1 { display:block; margin:0; } .testimonial.style-1 .testimonial-img { width:100%; } .testimonial.style-1 .testimonial-content { padding-left:0; border-left:none; margin-left:0; margin-top:30px; } .testimonial-content p { font-size:20px; line-height:32px; } .service-list { padding-left:0; } .service-item.style-1 { position:relative; } .service-list .service-item.style-1 .service-image { left:auto; right:0; z-index:9; width:170px; top:0; } .service-list .service-item.style-1.active .service-image { top:0; } .service-item.style-1 .rounded-button { position:relative; right:inherit; top:inherit; margin-top:30px; } .marquee-text { font-size:60px; line-height:80px; animation:marquee 10s linear infinite; } .round-text { width:130px; height:130px; } .text-btn-icon { font-size:40px; } .price-table { display:block; } .price-value h2 { font-size:60px; } .price-list { margin-top:30px; } .portfolio-list { padding-left:0; } .portfolio-item.style-2 { position:relative; } .portfolio-list .portfolio-item.style-2 .portfolio-image { left:auto; right:0; z-index:9; width:170px; top:0; padding-right:0; padding-bottom:0; } .portfolio-list .portfolio-item.style-2.active .portfolio-image { top:0; } .portfolio-item.style-2.active .portfolio-image:after { height:100px; width:100px; right:40px; bottom:-40px; } .portfolio-list.portfolio-six .portfolio-desc h4 { font-size:30px;} .award-items { display:block; } .award-title { width:100%; } .slider-img:after { height:300px; width:300px; bottom:-150px; } } @keyframes marquee { 0% { transform:translateX(0); } 100% { transform:translatex(-100%); } } @keyframes marquee-2 { 0% { transform:translateX(-100%); } 100% { transform:translatex(0); } } .marquee-wrap { background-image:linear-gradient(135deg, var(--theme-primary-color), var(--theme-secondary-color)); background-color:#00092c; width:100%; position:relative; transform:scale(1.1) rotate(-1deg); margin-top:50px; } .marquee-wrap, .marquee-title { overflow:hidden; display:block; height:95px; } .marquee-text { animation:marquee 50s linear infinite; margin-top:-5px; position:relative; font-size:100px; width:100%; white-space:nowrap; line-height:95px; font-weight:600; font-family:var(--theme-typography-secondory-font-family); color:var(--theme-white-color); } .marquee-text i { font-size:40px; display:inline-block; vertical-align:middle; line-height:1; margin:0 30px; color:var(--theme-text-dark-color); } .marquee-title .marquee-text { -webkit-text-stroke:1px var(--theme-white-color); -webkit-text-fill-color:transparent; color:transparent; font-weight:600; } /*======== home 4 cta======== */ .cta4-wrap { position:relative; margin:0px 60px; } .cta4-wrap input { padding:11px; border:none; background:#fff; font-size:18px; width:60%; } .subsribe-btn4 { position:absolute; right:72px; top:0; } .cta4 { padding:80px 0px 50px 0px; } /*======== home 4 cta======== */ /*----=================== ------HOME 4 AREA CSS---- ========================*/ /*----======================= ------ABOUT PAGE AREA CSS---- =============================*/ .page-hero { background-image:url(../img/bg/page-hero-bg.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:400px; display:flex; align-items:center; } .page-hero { padding-top:90px; } .page-hero-p a { color:#FFF; font-size:16px; font-style:normal; font-weight:400; line-height:26px; display:inline-block; } .page-hero-p p { color:#FFF; font-size:16px; font-style:normal; font-weight:400; line-height:26px; } .page-hero-p span { display:inline-block; padding:0 6px; color:#fff; } .page-hero-p { display:flex; align-items:center; padding-top:8px; } .page-hero-haddig h1 { color:#FFF; font-size:44px; font-style:normal; font-weight:600; line-height:52px; text-transform:capitalize; } .page-hadding-w h1 { color:rgba(255, 255, 255, 0.90); font-size:44px; font-style:normal; font-weight:700; line-height:52px; text-transform:capitalize; } .page-hadding-w p { color:rgba(255, 255, 255, 0.80); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .counter-hadding-p { text-align:start; } .counter-about-box { background-color:#192D54; padding:50px 60px; margin-top:30px; position:relative; z-index:9; min-height:210px; display:flex; align-items:center; justify-content:center; transition:all.4s; } .counter-about-box:hover { background-color:#142c5a; transform:translateY(-10px); transition:all.4s; } .counter-box-all { padding-left:80px } .counter-about-box h1 { color:#FFF; font-size:56px; font-style:normal; font-weight:700; line-height:62px; /* 110.714% */ text-transform:capitalize; } .counter-about-box p { color:rgba(255, 255, 255, 0.80); text-align:center; font-size:16px; font-style:normal; font-weight:400; line-height:22px; /* 137.5% */ transition:all.4s; } .about-page-service .service1-box { border-radius:0; } .about-brand { background:#EFF2F7; } .about-brand .brand4-slider-all { padding:0; } .about-brand { padding:80px 0; display:flex; align-items:center; } .about-team-box { border:1px solid #E5E4E4; margin:30px 10px 20px 10px; } .page-hadding h4 a { color:var(--font-color, #03163B); text-align:center; font-size:24px; font-style:normal; font-weight:500; line-height:32px; /* 133.333% */ display:inline-block; transition:all.4s; } .about-team-hadding { padding:24px 0px 40px 0px; } .about-team-icons { position:absolute; bottom:-21px; left:50%; margin-left:-75px; } .about-team-icons li a { height:40px; width:40px; border-radius:50%; border:1px solid #E5E4E4; display:inline-block; line-height:42px; font-size:18px; color:#03163B; background-color:#fff; transition:all.4s; } .about-team-icons li a:hover { background-color:#0E1681; color:#fff; transition:all.4s; } .about-team-icons li { display:inline-block; padding:0px 3px; } .about-team-box { border:1px solid #E5E4E4; transition:all.4s; } .about-team-box:hover { background-color:#0E1681; transition:all.4s; } .about-team-box:hover h4 a { color:#fff; transition:all.4s; } .about-team-box:hover p { color:#fff; transition:all.4s; } .about-team-img img { transition:all.4s; transform:scale(1.1); } .about-team-img { overflow:hidden; } .about-team-box:hover .about-team-img img { transform:scale(1.2); transition:all.4s; } .about-team .owl-carousel button.owl-dot { background:#DCDCDC; border:none; color:inherit; padding:0 !important; font:inherit; height:4px; width:30px; margin:0 6px; border:none; border-radius:5px; } .about-team .owl-dots { position:absolute; width:100%; bottom:-50px; right:0; text-align:center; } .about-team .owl-carousel button.owl-dot.active { background-color:#0E1681; } .about-team { padding:100px 0px 140px 0px; } .page-blog1-single-box.blog1-single-box { border-radius:none; } .page-blog1-single-box.blog1-single-box::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #E4E8FB; visibility:hidden; transition:all.3s; z-index:-3; border-radius:0; opacity:0; } .page-blog1-single-box.blog1-single-box.active::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #E4E8FB; visibility:visible; transition:all.3s; z-index:-3; border-radius:0; opacity:1; } .page-blog1-single-box.blog1-single-box:hover::after { visibility:visible; transition:all.3s; opacity:1; } .blog1-single-box.page-blog1-single-box:hover { transition:all.3s; } .blog1-single-box.page-blog1-single-box .blog1-box-img img { transform:scale(1.1); } .blog1-single-box.page-blog1-single-box:hover .blog1-box-img img { transform:scale(1.2); } .page-service-box2:hover { background-color:#eeeff7b5; transform:translateY(-10px); } /*----======================= ------ABOUT PAGE AREA CSS---- ============================*/ /*----======================= ------service details CSS---- ============================*/ .coll-help-icon a { height:64px; width:64px; background-color:#fff; border-radius:50%; text-align:center; line-height:64px; font-size:20px; color:#0E1681; display:block; } .coll-help-text a { color:rgba(255, 255, 255, 0.85); text-align:center; font-size:24px; font-style:normal; font-weight:400; line-height:32px; /* 133.333% */ padding-left:20px; } .coll-help { display:flex; align-items:center; bottom:30px; } .need-help-p { color:rgba(255, 255, 255, 0.85); text-align:center; font-size:24px; font-style:normal; font-weight:500; line-height:32px; /* 133.333% */ } .need-help-all { background-color:#0E1681; position:absolute; padding:24px 36px; bottom:35px; left:50%; margin-left:-135px; } .need-border { background:rgba(255, 255, 255, 0.85); height:1px; width:100%; margin:14px 0; } .download-button { background:var(--business-consulting, #0E1681); color:#FFF; font-size:16px; font-style:normal; font-weight:700; line-height:16px; /* 100% */ letter-spacing:-0.16px; display:inline-block; padding:20px; width:100%; text-align:start; margin-top:5px; transition:all.4s; } .download-button:hover { color:#fff; transform:translateY(-5px); transition:all.4s; } .download-button2 { background:#0e16811f; color:#14213D; font-size:16px; font-style:normal; font-weight:700; line-height:16px; /* 100% */ letter-spacing:-0.16px; display:inline-block; padding:20px; width:100%; text-align:start; margin-top:5px; transition:all.4s; } .download-button2:hover { transform:translateY(-5px); transition:all.4s; background:var(--business-consulting, #0E1681); color:#fff; } .download-button2 img { transition:all.4s; margin-right:8px; filter:brightness(0); } .download-button img { transition:all.4s; margin-right:8px; } .download-button2:hover img { filter:brightness(40); transition:all.4s; } .service-details-icon-box { margin-top:40px; } /*----======================= ------service details CSS---- ============================*/ /*----======================= ------case details CSS---- ============================*/ .Category-list { background-color:#EEF1F7; padding:24px ; } .project-details-hadding { background-color:#03163B; padding:16px 32px; } .project-details-hadding h6 { color:#FFF; font-size:24px; font-style:normal; font-weight:600; line-height:32px; } .Category-list li a { color:var(--font-color, #03163B); font-size:20px; font-style:normal; font-weight:500; line-height:26px; display:inline-block; } .Category-list li { border-bottom:1px solid #DFDFE0; padding:16px 0px; } .Category-list li:nth-last-child(1) { border:none; padding-bottom:0; } .Category-list li:nth-child(1) { padding-top:0; } .Category-list li a span { color:var(--paragraph, #616976); font-family:Spline Sans; font-size:16px; font-style:normal; font-weight:400; line-height:26px; display:inline-block; padding-left:3px; } .case-box-icon span { background-color:#EFEFF7; height:50px; width:50px; line-height:50px; text-align:center; color:var(--main-color, #0E1681); font-size:24px; font-style:normal; font-weight:500; display:inline-block; border-radius:50%; margin-right:20px; } .case-details-icon-box { display:flex; align-items:start; margin-top:30px; } /*----======================= ------case details CSS---- ============================*/ /*----======================= ------shop page css---- ============================*/ .shop-top-filter .nice-select { width:250px; border:1px solid #E3E3E3; color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; height:50px; padding-top:5px; border-radius:0; } .shop-sidebar-top { display:flex; justify-content:space-between; align-items:center; } .shop-img-single::after { content:""; position:absolute; top:0; left:0; background:#03163B; width:100%; height:100%; opacity:0; visibility:hidden; transition:all.4s; } .shop-img-single { overflow:hidden; } .shop-box-hover-effect { position:absolute; bottom:-20px; left:50%; margin-left:-65px; opacity:0; visibility:hidden; transition:all.4s; } .shop-single-box:hover .shop-box-hover-effect { visibility:visible; opacity:1; bottom:24px; transition:all.4s; } .shop-img._relative { overflow:hidden; } .shop-single-box { margin-top:30px; } .shop-single-box:hover .shop-img-single::after { visibility:visible; opacity:0.4; transition:all.4s; } .shop-img-single img { transition:all.4s; } .shop-single-box:hover .shop-img-single img { transform:scale(1.1); transition:all.4s; } .shop-hadding h4 a { color:var(--font-color, #03163B); font-size:20px; font-style:normal; font-weight:500; line-height:26px; } .shop-hadding p { color:var(--main-color, #0E1681); font-size:20px; font-style:normal; font-weight:500; line-height:32px; } .shop-box-border { height:1px; width:100%; background-color:#E9E7E7; margin:14px 0; } .shop-hadding p s { color:var(--paragraph, #B0B4BB); font-family:Spline Sans; font-size:20px; font-style:normal; font-weight:400; line-height:32px; /* 160% */ text-decoration-line:strikethrough; } /*-------- pricing-filter ---------*/ /* .single-widget h3 { font-family:"mantope"; font-weight:600; font-size:14px; line-height:14px; text-transform:uppercase; color:#161540; position:relative; z-index:2; padding-left:10px; margin-bottom:16px; } */ /* .single-widget h3:after { position:absolute; content:""; height:100%; width:2px; background:#7977C6; left:0; top:0; z-index:1; } */ .recent-post-content a { font-weight:600; font-size:16px; line-height:22px; color:#161540; } .single-widget .blog-date-time li a { font-size:14px; } /* .range-slider { .number-group { flex:1 0 auto; text-align:right; font-weight:$bold; font-size:16px; line-height:16px; font-family:$font3; color:#161540; .number-input { font-weight:$bold; font-size:16px; line-height:16px; font-family:$font3; color:#161540; border:0; // vendor-prefix exception &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance:none; } &:invalid, &:out-of-range { border:2px solid red; } } } .range-group { position:relative; flex:0 0 100%; height:47px; .range-input { position:absolute; left:0; bottom:0; margin-bottom:0; -webkit-appearance:none; width:100%; border-bottom:0; &:focus { outline:0; } &::-webkit-slider-runnable-track { width:100%; height:5px; cursor:pointer; animation:.2s; background:#F2F1F9; border-radius:1px; box-shadow:none; border:0; } &::-webkit-slider-thumb { z-index:2; position:relative; height:15px; width:15px; border-radius:50%; background:#161540; cursor:pointer; -webkit-appearance:none; margin-top:-5px; } &::-moz-range-track { width:100%; height:2px; cursor:pointer; animation:.2s; background:#3FAFFA; border-radius:1px; box-shadow:none; border:0; } &::-moz-range-thumb { z-index:2; position:relative; height:15px; width:15px; border-radius:50%; background:#161540; cursor:pointer; } &::-ms-track { width:100%; height:5px; cursor:pointer; animation:.2s; background:transparent; border-color:transparent; color:transparent; } &::-ms-fill-lower, &::-ms-fill-upper { background:#3FAFFA; border-radius:1px; box-shadow:none; border:0; } &::-ms-thumb { z-index:2; position:relative; height:18px; width:18px; border-radius:50%; background:#3FAFFA; cursor:pointer; } } } } */ .range-slider-output { display:flex; align-items:center; } .filter-options { margin-top:40px; display:flex; align-items:center; justify-content:space-between; } .range-slider-output { display:flex; align-items:center; } .range-slider .number-group .number-input::-webkit-outer-spin-button, .range-slider .number-group .number-input::-webkit-inner-spin-button { -webkit-appearance:none; } .range-slider .range-group { position:relative; flex:0 0 100%; height:47px; } .range-slider .range-group .range-input { position:absolute; left:0; bottom:0; margin-bottom:0; width:100%; border-bottom:0; } .range-slider .range-group .range-input:focus { outline:0; } .range-slider .range-group .range-input::-webkit-slider-runnable-track { width:100%; height:5px; cursor:pointer; animation:0.2s; background:#03163B; border-radius:1px; box-shadow:none; border:0; } .range-slider .range-group .range-input::-webkit-slider-thumb { z-index:2; position:relative; height:15px; width:15px; border-radius:50%; background:red; cursor:pointer; -webkit-appearance:none; margin-top:-5px; } .range-slider .range-group .range-input::-moz-range-track { width:100%; height:2px; cursor:pointer; animation:0.2s; background:red; border-radius:1px; box-shadow:none; border:0; } .range-slider .range-group .range-input::-moz-range-thumb { z-index:2; position:relative; height:15px; width:15px; border-radius:50%; background:red; cursor:pointer; } .range-slider .range-group .range-input::-ms-track { width:100%; height:5px; cursor:pointer; animation:0.2s; background:transparent; border-color:transparent; color:transparent; } .range-slider .range-group .range-input::-ms-fill-lower, .range-slider .range-group .range-input::-ms-fill-upper { background:red; border-radius:1px; box-shadow:none; border:0; } .range-slider .range-group .range-input::-ms-thumb { z-index:2; position:relative; height:18px; width:18px; border-radius:50%; background:red; cursor:pointer; } .filter-options { margin-top:40px; display:flex; align-items:center; justify-content:space-between; } .range-slider-output { display:flex; align-items:center; } .filter-options { margin-top:40px; display:flex; align-items:center; justify-content:space-between; } .range-slider-output { display:flex; align-items:center; } .range-slider-output p { margin-bottom:0; margin-right:10px; font-weight:700; font-size:16px; line-height:16px; text-align:right; } .filter-options { margin-top:40px; display:flex; align-items:center; justify-content:space-between; } .filter-options { margin-top:40px; display:flex; align-items:center; justify-content:space-between; } .range-slider .number-group .number-input { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ border:0; background:none; } .range-slider .number-group { flex:1 0 auto; text-align:right; font-weight:700; font-size:16px; line-height:16px; color:#161540; } /*-------- pricing-filter ---------*/ .product-items-hadding h6 a { color:var(--font-color, #03163B); font-family:Spline Sans; font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ } .product-items-p p { color:var(--paragraph, #616976); /* H3 */ font-family:Spline Sans; font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .review ul li { color:#0E1681; font-size:14px; display:inline-block; } .review ul li:nth-last-child(1) { color:#D0E6FD; } .product-items-all { display:flex; align-items:center; } .product-items-img { padding-right:16px; } .product-items-all { padding:12px 0px; } .product-items-p { display:flex; justify-content:space-between; } .review {/* position:absolute;*/ right:0; } /*----======================= ------shop page css---- ============================*/ /*----======================= ------shop details page css---- ============================*/ .number.shop-details { background:#fff; padding:0; width:90px; border-radius:4px; margin-right:24px; position:relative; } .number.shop-details input { background:#fff; padding:12px; width:90px; border:1px solid #E1E1E1; } span.plus.plus2 { position:absolute; right:12px; top:10px; } span.plus.plus2 { background:none; font-size:16px; font-weight:700; cursor:pointer; } span.minus.minus2 { background:none; font-size:16px; font-weight:700; position:absolute; right:12px; bottom:7px; cursor:pointer; } .number input:focus { outline:none; } .shop-details-list-hadding { margin-top:20px; } .shop-details-menus > div { display:flex; align-items:center; } .shop-details-menus > div { display:flex; align-items:center; } .number input:focus { outline:none; } .shop-page-hadding h4 a { color:var(--main-color, #0E1681); font-size:26px; font-style:normal; font-weight:500; line-height:normal; } .shop-review ul li { display:inline-block; color:#0E1681; } .shop-details-list ul li { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:500; line-height:normal; padding-bottom:8px; } .shop-details-list ul li span { color:var(--paragraph, #616976); font-size:18px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; padding-left:4px; } /* .review tab */ .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color:var(--font-color, #03163B); font-size:24px; font-style:normal; font-weight:500; line-height:32px; /* 133.333% */ background:none; } .nav-pills .nav-link{ color:#08121E; background:none; font-weight:600; font-size:22px; line-height:30px; } .nav-link.active { position:relative; transform:scale(1); } .nav-link.active::after { content:""; position:absolute; bottom:-17px; left:0; height:3px; width:100%; background:#0E1681; } .text-area-review textarea { border:0.9px solid #CAE3FD; background:#FFF; outline:none; margin-bottom:30px; padding:12px; } .review-input input { border:0.9px solid #CAE3FD; background:#FFF; outline:none; padding:15px 24px; } .sta-reiew li { display:inline-block; } /* .review tab */ /*----======================= ------shop details page css---- ============================*/ /*----======================= ------shop cart page css---- ============================*/ tr.cart-head { background:#131731; overflow:hidden; border:none; color:#FFF; border-radius:5px; line-height:50px; } td.cart-prodct.cart-product-img span { cursor:pointer; } tr.cart-product-list td { padding:32px 0 32px 0; vertical-align:middle; } tr.cart-product-list { border-bottom:1px solid #c4c4c4; } td.cart-prodct.cart-product-img img { margin-left:40px; } td.cart-prodct.cart-product-img img { margin-left:40px; margin-right:-65px; } .cart-price { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:500; line-height:26px; /* 144.444% */ } .cart-product-details p { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:500; line-height:26px; /* 144.444% */ } .coupon-input input { padding:11px; border:1px solid #E1E1E1; height:51px; border-radius:0; } .codepen-area { display:flex; justify-content:space-between; align-items:center; margin-top:20px; } .coupon-input { display:flex; } .coupon-input .all-3-btn { margin-left:16px; } .cart-totals-box { background:#f0f2f7; padding:30px; } .cart-totals-inner-box { padding:24px; background:#fff; border:1px solid #E1E1E1; } .cart-border { background-color:#E1E1E1; height:1px; width:100%; margin:12px 0; } .total-flex { display:flex; } .cart-price { padding-left:200px; } .cart-price-p { width:100px; } .cart-price-p p { color:#03163B; font-size:18px; font-style:normal; font-weight:500; line-height:normal; } .cart-price ul li { color:var(--paragraph, #616976); font-size:18px; font-style:normal; font-weight:500; line-height:normal; } .checkout-heads input { width:100%; padding:14px 20px; border:0.9px solid #E2E9F0; background:#FFF; outline:none; } .checkout-input p { padding-bottom:8px; } .optional-input p { padding-bottom:8px; } .optional-input { padding-top:30px; } .optional-input textarea { padding:13px; width:100%; border:1px solid #E0E0E0; } .checkout-heads .nice-select.country-area { border:0.9px solid #E2E9F0; background:#FFF; /* padding:14px 20px; */ height:60px; padding-left:14px; line-height:60px; width:100%; color:#757e9d; } .coupon-head { border:1px solid #E2E9F0; padding:30px 40px; } .checkout-headre p { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:500; line-height:26px; /* 144.444% */ } .coupon-author input { border:1px solid #E3E4E5; padding:10px; width:40%; } .coupon-author._relative { display:flex; } .coupon-author .coupon-author-button { padding-left:20px; } .form-check-input[type="checkbox"] { border-radius:0.25em; border:1px solid #142329; padding:8px; } .input-chack-box { display:flex; align-items:center; cursor:pointer; padding-top:20px; } .form-check-input:checked[type=checkbox] { height:10px; width:10px; background-color:#0E1681; box-shadow:none; } .form-check-input[type="checkbox"] { border-radius:0.25em; border:1px solid #142329; padding:7px; width:5px; border-radius:0; border:1px solid #e3e9f0; box-shadow:none; } label.form-check-label { padding-top:7px; padding-left:10px; } tr.cart-head-1 { background:#121313; border-radius:5px; color:#fff; } tr.cart-product-list-1.product-table td { padding:13px 112px; } tr.cart-product-list-1.product-table.backgroud-table { background:#E9EEF3; } tr.cart-head-1 th { padding:20px 112px; } .product-p1 { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .product-p2 { color:var(--font-color, #03163B); font-size:16px; font-style:normal; font-weight:600; line-height:26px; /* 162.5% */ } .product-p2 span { color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; margin-left:-60px; } .check-click-area { background:#F1F4F8; padding:24px 20px; } .checkout-input-selact label { color:var(--font-color, #03163B); font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ } .cleck-box { background-color:#fff; color:var(--paragraph, #616976); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ padding:12px 24px; margin-top:20px; position:relative; } .checkout-input-selact .cleck-box { display:none; } .checkout-input-selact.active .cleck-box { display:block; } p.cleck-box { position:relative; } p.cleck-box::after { position:absolute; content:""; top:-8px; left:23px; background:white; height:20px; width:15px; border-radius:1px; transform:rotate(45deg); } label.form-check-label2 { color:var(--font-color, #03163B); font-size:22px; font-style:normal; font-weight:500; line-height:30px; padding-top:5px; padding-left:10px; } .Registration-form { border-left:1px solid #e3e9f0; padding-left:30px; } .Forgot { color:var(--main-color, #0E1681); font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ } .Forgot:hover { color:#0E1681; } .lost-pass-p { color:var(--font-color, #03163B); font-size:18px; font-style:normal; font-weight:400; line-height:26px; /* 144.444% */ } .contact-hadding h4 a { color:var(--font-color, #03163B); font-size:24px; font-style:normal; font-weight:500; line-height:32px; /* 133.333% */ display:inline-block; } .contact-hadding a { color:var(--paragraph, #616976); text-align:center; font-size:16px; font-style:normal; font-weight:400; line-height:28px; /* 175% */ display:inline-block; } .contact-page-box { background-color:#F0F3F8; padding:54px; transition:all.4s; } .contact-page-box:hover { background-color:#d0d5dc; transition:all.4s; transform:translateY(-10px); } .contact-map iframe { width:100%; height:600px; margin-bottom:-10px; } /*--========accordion==========--*/ .accordion-item.accordion-item2 { margin-top:16px; border:none; border-radius:4px; } button.accordion-button.accordion-button2 { padding:24px; background:#fff; border-radius:0; box-shadow:none; border-bottom:1px solid #E9EAEA; } button.accordion-button.accordion-button2 img { margin-right:20px; filter:brightness(0); } .accordion-body.accordion-body2 { padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); color:#616976; border-radius:0; background:var(--business-consulting, #EDF0F6); font-weight:500; line-height:28px; padding-top:0; } button.accordion-button.accordion-button3 { border-bottom:1px solid #E8E5E5; } .accordion-button.accordion-button2:not(.collapsed) { color:var(--bs-accordion-active-color); background-color:var(--bs-accordion-active-bg); border-radius:5px; background:var(--business-consulting, #EDF0F6); color:#03163B; font-weight:700; border-radius:0; border:none; box-shadow:none; } .accordion-button.accordion-button2:not(.collapsed) img { filter:brightness(0); } .accordion-item button { font-weight:700; } .accordion-item h2 { font-size:16px; font-weight:700; } .active-headeractive-header2 button.accordion-button-active::after { position:absolute; content:""; font-family:"Font Awesome 5 pro"; right:23px; transition:all 0.3s; } .accordion-button::after { flex-shrink:0; width:var(--bs-accordion-btn-icon-width); height:var(--bs-accordion-btn-icon-width); margin-left:auto; content:""; background-image:var(--bs-accordion-btn-icon); background-repeat:no-repeat; background-size:var(--bs-accordion-btn-icon-width); transition:var(--bs-accordion-btn-icon-transition); filter:brightness(0); } .pricing-padding.sec-padding { margin-top:-120px; } .pricing-padding2 { padding-bottom:110px; } .accordion-item.accordion-item { margin-bottom:20px; } button.accordion-button.accordion-button3 { padding:24px; background:#EDF0F6; border-radius:0; box-shadow:none; border-bottom:1px solid #E8E5E5; } button.accordion-button.accordion-button3 img { margin-right:20px; filter:brightness(0); } .accordion-body.accordion-body3 { padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); color:#616976; border-radius:0; background:var(--business-consulting, #EDF0F6); font-weight:500; line-height:28px; padding-top:0; } .accordion-button.accordion-button3:not(.collapsed) { color:var(--bs-accordion-active-color); background-color:var(--bs-accordion-active-bg); border-radius:5px; background:var(--business-consulting, #EDF0F6); color:#03163B; font-weight:700; border-radius:0; border:none; box-shadow:none; } .accordion-button.accordion-button3:not(.collapsed) img { filter:brightness(0); } /*--========accordion==========--*/ .error-hadding { color:var(--font-color, #03163B); text-align:center; text-shadow:0px 4px 12px rgba(14, 22, 129, 0.12); font-size:180px; font-style:normal; font-weight:600; line-height:normal; text-transform:capitalize; } .error-page-hadding2 { color:var(--font-color, #03163B); text-align:center; font-size:44px; font-style:normal; font-weight:600; line-height:52px; /* 118.182% */ text-transform:capitalize; margin-top:-30px; } .header-icon-box { background:#EFEFF7; border-radius:10px; display:flex; padding:12px 20px; align-items:center; box-shadow:0px 4px 20px 0px rgba(51, 57, 130, 0.12); } .header-icon-text p { padding-left:10px; padding-top:2px; /* box-shadow:0px 4px 20px 0px rgba(51, 57, 130, 0.12); */ } .about4-counter { background:#021334; color:#fff; padding:20px 16px; border:5px solid #fff; /* display:flex; */ } .about4-counter-text { display:flex; align-items:center; } .about4-counter-text p { padding-left:8px; color:#FFF; font-size:16px; font-style:normal; font-weight:500; line-height:22px; /* 137.5% */ } .about4-counter-text h1 { color:#FFF; /* font-family:Catamaran; */ font-size:56px; font-style:normal; font-weight:600; line-height:52px; /* 92.857% */ text-transform:capitalize; } .accordion-item { border:none; } /*----======================= ------shop cart page css---- ============================*/ /*----======================= ------home5 page css---- ============================*/ .main-hadding5 h1 { color:#1C1C57; font-size:56px; font-style:normal; font-weight:700; line-height:62px; /* 110.714% */ text-transform:capitalize; } .main-hadding5 p { color:#73739A; font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ } .main-hadding5 h1 span.after2 { position:relative; } .main-hadding5 h1 span.after2::after { content:""; position:absolute; top:-29px; right:-55px; height:70px; width:70px; background-image:url(../img/shapes/hero5-headding-shap.svg); background-position:center; background-repeat:no-repeat; background-size:contain; } .main-hero.main-hero5 { min-height:850px; display:flex; align-items:center; } .hero5-images { position:relative; height:650px; } .hero5-img1 { position:absolute; right:-220px; } .hero5-img2 { position:absolute; left:0; bottom:0; } .hero5-img3 { position:absolute; bottom:100px; right:100px; display:flex; align-items:center; border-radius:5px; background:#FFF; box-shadow:0px 4px 18px 0px rgba(0, 0, 0, 0.10); padding:16px 20px; } .hero5-img3 p { color:#1C1C57; font-size:16px; font-style:normal; font-weight:500; line-height:16px; /* 100% */ margin-left:12px; } .commnet-area-hadding { position:relative; margin-top:80px } .commnet-area-hadding p { color:#1C1C57; text-align:center; font-size:16px; font-style:normal; font-weight:500; line-height:20px; /* 125% */ } .hero5-commnt-area { position:absolute; right:0; } .commnet-area-shape { position:absolute; left:-20px; top:-50px; } /*==== home5 about area ===== */ .about5-images { position:relative; height:570px; } .aobut5-img1 { position:absolute; left:-40px; top:-30px; } .aobut5-img2 { position:absolute; } /*==== home5 about area ===== */ /*==== home5 service area ===== */ .service5-box { border-radius:5px; border:1px solid #E6E6E6; padding:24px; } .service5-icon { height:60px; width:60px; background:var(--F-buton-color, linear-gradient(90deg, #9384FE 0%, #615AFF 100%)); text-align:center; line-height:60px; border-radius:50%; transition:all.4s; } .service5-icon img { filter:brightness(0) invert(1); transition:all.4s; } .service5-border { background-color:#E2E2E2; height:1px ; width:100%; margin-top:30px; margin-bottom:10px; } .learn-more5 { color:#1C1C57; font-size:16px; font-style:normal; font-weight:700; line-height:16px; /* 100% */ transition:all.4s; } .service5-box:hover { border-radius:5px; background:linear-gradient(90deg, #9384FE 0%, #615AFF 100%); transition:all.4s; } .service5-box:hover .learn-more5 { color:#fff; transition:all.4s; } .service5-box:hover .hadding5 h4 a { color:#fff; transition:all.4s; } .service5-box:hover .hadding5 p { color:#fff; transition:all.4s; } .service5-box:hover .service5-icon { background:#fff; transition:all.4s; } .service5-box:hover .service5-icon img { filter:none; transition:all.4s; } /*==== home5 service area ===== */ /*==== home5 industries area ===== */ .industries-slider-single { margin:0 10px; } .industries-hadding { position:absolute; bottom:20px; margin:0 20px; transition:all.4s; } .industries-slider-single:hover .industries-hadding { background-color:#1C1C57; transition:all.4s; } .industries-slider-single:hover .hadding5 h4 a { color:#fff; transition:all.4s; } .industries-slider { cursor:all-scroll; } .industries-slider-single:hover .hadding5 p { color:#fff; transition:all.4s; } .industries-slider-single:hover .learn-more5 { color:#fff; transition:all.4s; } .owl-nav { margin-top:40px; } .industries .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; font-size:20px; transition:all.4s; color:#fff; background-color:#494979; border:none; } .industries .owl-nav button:nth-child(2) svg { margin-left:15px; } .industries .owl-nav button svg:hover { border-radius:5px; background:linear-gradient(90deg, #9384FE 0%, #615AFF 100%); color:#fff; } .industries .owl-nav button.owl-next { position:absolute; top:50%; right:-60px; margin-top:-30px; } .industries .owl-nav button.owl-prev { position:absolute; top:50%; left:-60px; margin-top:-30px; } .tes5-box { box-shadow:0px 4px 48px rgba(0, 0, 0, 0.09); padding:24px; border-radius:5px; margin-top:30px; margin-left:5px; margin-right:5px; } .tes-icon { text-align:start; } .tes-icon img { height:40px; width:40px; } .owl-carousel .owl-item .tes-icon img { width:40px; } .owl-carousel .owl-item .tes5-img img { height:64px; width:64px; margin:auto; } .tes5-icons li { color:#FFB642; display:inline-block; } .tes5-icons li:nth-last-child(1) { color:#D5D6D8; } .tes5-box p { color:#1C1C57; font-size:18px; font-style:italic; font-weight:600; line-height:28px; /* 155.556% */ } .tes5-box::after { content:""; position:absolute; height:43px; width:42px; background:white; transform:rotate(45deg); left:50%; margin-left:-25px; border-radius:5px; margin-top:-1px; } .tes5-bottom-hadding h5 a { color:#1C1C57; font-size:18px; font-style:normal; font-weight:600; line-height:18px; /* 100% */ } .tes5-bottom-hadding p { color:#62686D; font-size:14px; font-style:normal; font-weight:500; line-height:14px; /* 100% */ } .tes5-slider { cursor:all-scroll; } .tes5 .owl-dots button { background:transparent; border:none; color:inherit; padding:0 !important; font:inherit; height:16px; line-height:10px; width:16px; margin:0 6px; border:none; border-radius:50%; padding:5px; margin:5px; background-color:#D9D9D9; } .tes5 .owl-dots button.active { background:linear-gradient(90deg, #9384FE 0%, #615AFF 100%); } .tes5 .owl-dots { position:absolute; bottom:-55px; width:100%; right:0; text-align:center; } .tes5 .owl-dots button { position:relative; border:2px solid #fff !important; } .tes5 .owl-dots button:after { position:absolute; content:""; height:18px; width:18px; background:linear-gradient(90deg, #9384FE 0%, #615AFF 100%); z-index:-1; border-radius:50%; left:-3px; top:-3px; transition:all .3s; visibility:hidden; opacity:0; } .tes5 .owl-dots button.active:after { visibility:visible; opacity:1; } /*==== home5 industries area ===== */ /*==== home5 blog area ===== */ .blog5-hadding { padding:20px; } .blog5-hadding h4 a { color:#1C1C57; font-size:22px; font-style:normal; font-weight:600; line-height:28px; /* 127.273% */ display:inline-block; transition:all.4s; } .blog5-hadding h4 a:hover { color:#615AFF; } .blog5-hadding p { color:#73739A; font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ } .blog5-learn { color:#1C1C57; font-size:16px; font-style:normal; font-weight:700; line-height:16px; /* 100% */ display:inline-block; transition:all.4s; } .blog5-learn:hover { color:#615AFF; transition:all.4s; } .blog5-box { background-color:#fff; border-radius:5px; margin-top:30px; } .blog5-img { border-radius:5px 5px 0px 0px; overflow:hidden; } .blog5-img img { transition:all.4s; } .blog5-box:hover .blog5-img img { transition:all.4s; transform:scale(1.1) rotate(4deg); } /*==== home5 blog area ===== */ /*==== home5 contact area ===== */ .contact5-form-input input { border:none; padding:13px; border:1px solid #DFDFE7; border-radius:5px; width:100%; margin-top:20px; } .contact5-form-input input::placeholder { color:#8D8DAB; font-size:16px; } .contact-form-all { border-radius:5px; background:#FFF; box-shadow:0px 0px 48px 0px rgba(0, 0, 0, 0.09); padding:48px 32px; } .nice-select.wide.contact5-select { height:56px; line-height:56px; border:none; border:1px solid #DFDFE7; margin-top:20px; color:#8D8DAB; font-size:16px; } .contact5-form-input textarea { border:none; padding:13px; border:1px solid #DFDFE7; border-radius:5px; width:100%; margin-top:20px; } .contact5-form-input textarea::placeholder { color:#8D8DAB; font-size:16px; } .contact5-icon-box { border-radius:5px; background:#FFF; box-shadow:0px 4px 40px 0px rgba(0, 0, 0, 0.09); padding:32px 24px; display:flex; align-items:start; margin-top:30px; } .contact5-icon-box:hover { background:linear-gradient(90deg, #9384FE 0%, #615AFF 100%); transition:all.4s; } .contact5-icon-box:hover .contact5-icon img { transition:all.4s; filter:brightness(0) invert(1); } .contact5-icon-box:hover .contact5-box-hadding h3 { color:#fff; transition:all.4s; } .contact5-icon-box:hover .contact5-box-hadding a { color:#fff; transition:all.4s; } .contact5-icon img { transition:all.4s; } .contact5-boxs { margin-left:20px; } .contact5-icon { margin-right:16px; } .contact5-box-hadding h3 { color:#1C1C57; font-size:20px; font-style:normal; font-weight:600; line-height:20px; /* 100% */ transition:all.4s; } .contact5-box-hadding a { color:#73739A; font-size:16px; font-style:normal; font-weight:500; line-height:26px; /* 162.5% */ transition:all.4s; } /*==== home5 contact area ===== */ /*----======================= ------home5 page css---- ============================*/ /*----======================= ------home6 page css---- ============================*/ .main-hadding6 h1 { color:#10242D; font-size:56px; font-style:normal; font-weight:600; line-height:60px; /* 107.143% */ letter-spacing:-0.56px; text-transform:capitalize; } .main-hadding6 { padding-top:80px; } .main-hadding6 p { color:#666; font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .main-hero .brand2-slider.brand2-slider6.owl-carousel.owl-loaded.owl-drag div { opacity:1; height:35px; } .brand6-logo { position:absolute; top:120px; left:50%; } .brand6-sahpe { position:absolute; top:140px; left:30%; } .hero6-images { position:relative; height:500px; text-align:end; margin-right:-100px; } .hero6-main-img { position:absolute; right:0; z-index:9; } .hero6-main-shape { position:absolute; top:-30px; right:-45px; } .hero6-counter-box { background:#fff; position:absolute; width:400px; bottom:0; z-index:10; border-radius:5px; padding:24px; } .hero6-counter-flex { display:flex; align-items:center; justify-content:space-around; } .hero6-counter h1 { color:#10242D; font-size:28px; font-style:normal; font-weight:500; line-height:28px; /* 100% */ letter-spacing:0.28px; } .hero6-counter p { color:#10242D; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .about6-images { position:relative; } .about6-img1 { position:absolute; margin-left:-30px; margin-top:-30px; z-index:-1; } /*==== home6 about ==== */ .about6-box { display:flex; align-items:start; background:#ECF5F6; padding:24px; border-radius:5px; transition:all.4s; margin-bottom:30px; } .about6-box:hover { transform:translateY(-10px); transition:all.4s; } .about6-icon { background-color:#08CE8A; height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; margin-right:20px; } .service6-box { background-color:#283A42; padding:24px; border-radius:5px; } /*==== home6 about ==== */ /*==== home6 service ==== */ .service6-leran { color:#FFF; font-size:16px; font-style:normal; font-weight:500; line-height:normal; transition:all.4s; } .service6-leran:hover { color:#fff; } .service6-border { height:1px; background-color:#48585E; margin:24px 0; transition:all.4s; } .service6-box-iocn { background-color:#48585E; height:70px; width:70px; text-align:center; line-height:70px; border-radius:50%; transition:all.4s; } .service6-box { transition:all.4s; margin-top:30px; } .service6-box:hover { background-color:#08CE8A; transition:all.4s; transform:translateY(-10px); } .service6-box:hover .service6-box-iocn { background-color:#fff; transition:all.4s; } .service6-box:hover .service6-border { background-color:#ffffff4f; transition:all.4s; } /*==== home6 service ==== */ .case6-box { position:relative; margin-top:30px; } .case6-img-box { overflow:hidden; border-radius:5px; } .case6-hadding-area { border-radius:2px; background:#FFF; box-shadow:0px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:24px; margin:0px 30px; margin-top:-75px; position:relative; z-index:2; } .case6-img-box img { transition:all.4s; } .case6-box:hover .case6-img-box img { transform:scale(1.1) rotate(4deg); transition:all.4s; } .case6-hadding-area h5 a { color:#10242D; font-size:18px; font-style:normal; font-weight:500; line-height:24px; /* 133.333% */ display:inline-block; position:relative; transition:all.4s; } .case6-hadding-area h5 a:hover { text-decoration-line:underline; transition:all.4s; } .case6-learn { color:#08CE8A; font-size:16px; font-style:normal; font-weight:500; line-height:normal; display:inline-block; } .case6-learn span { display:inline-block; margin-left:3px; } .case6-learn:hover { color:#08CE8A; } /*==== home6 testimonial ==== */ .tes6-single-slider { border-radius:2px; background:#FFF; padding:24px; margin:0px 5px; } .tes6-single-slider p { color:#10242D; font-size:22px; font-style:normal; font-weight:500; line-height:34px; /* 154.545% */ } .tes6-bottom-area { display:flex; align-items:center; justify-content:space-between; } .tes6-hadding h5 a { color:#10242D; font-size:20px; font-style:normal; font-weight:500; line-height:28px; /* 140% */ display:inline-block; } .tes6-hadding { margin-left:24px; } .tes6-hadding p { color:#666; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .tes6-bottom-hadding { display:flex; align-items:center; } .tes6-icons ul li { color:#FF9E58; display:inline-block; } .tes6-border { background-color:#E7E9EA; height:1px; width:100%; margin:24px 0; } .tes6-slider-icon { height:40px; width:40px; } .tes6 .owl-nav { text-align:center; } .tes6 .owl-nav button svg { /* background:red; */ padding:15px 20px; border-radius:50%; font-size:20px; transition:all.4s; display:inline-block; color:#10242D; border:1px solid #ECF5F6; background:#D6E0E2; margin-top:-60px; } .tes6 .owl-nav button:nth-child(1) svg { position:absolute; top:50%; left:-50px; } .tes6 .owl-nav button:nth-child(2) svg { margin-left:15px; position:absolute; top:50%; right:-50px; } .tes6 .owl-nav button svg:hover { background-color:#08CE8A; color:#fff; border:1px solid #08CE8A; } .tes6 .owl-dots button { background:transparent; border:none; color:inherit; padding:0 !important; font:inherit; height:16px; line-height:10px; width:16px; margin:0 6px; border:none; border-radius:50%; padding:5px; margin:5px; background-color:#D9D9D9; } .tes6 .owl-dots button.active { background:#08CE8A; } .tes6 .owl-dots { position:absolute; bottom:0; width:100%; right:0; text-align:center; } .tes6 .owl-dots button { position:relative; border:2px solid #ECF5F6 !important; } .tes6 .owl-dots button:after { position:absolute; content:""; height:18px; width:18px; background:#08CE8A; z-index:-1; border-radius:50%; left:-3px; top:-3px; transition:all .3s; visibility:hidden; opacity:0; } .tes6 .owl-dots button.active:after { visibility:visible; opacity:1; } /*==== home6 testimonial ==== */ /*==== home6 blog ==== */ .blog6-tag { color:#10242D; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ display:inline-block; border-radius:2px; background:#ECF5F6; padding:6px 10px; } .blog6-tag:hover { color:#10242D; } .hadding6 h3 a { color:#10242D; font-size:22px; font-style:normal; font-weight:500; line-height:28px; /* 127.273% */ display:inline-block; transition:all.4s; } .hadding6 h3 a:hover { text-decoration-line:underline; transition:all.4s; } .blog6-learn { color:#10242D; font-size:16px; font-style:normal; font-weight:500; line-height:normal; display:inline-block; transition:all.4s; } .blog6-learn span { display:inline-block; margin-left:2px; } .blog6-learn:hover { color:#10242D; text-decoration-line:underline; transition:all.4s; } .blog6-hadding { border-radius:0px 0px 2px 2px; background:#FFF; box-shadow:2px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:24px; } .blog6-box-img { overflow:hidden; border-radius:2px 2px 0px 0px; } .blog6-box-img img { transition:all.4s; } .blog6-box:hover .blog6-box-img img { transform:rotate(4deg) scale(1.1); transition:all.4s; } .blog6-box { margin-top:30px; } /*==== home6 blog ==== */ /*==== home6 contact ==== */ .contact6-input input { padding:12px; border:none; width:100%; border-radius:5px; background:#E1EBEC; margin-top:16px; } .contact6-input input::placeholder { color:#647479; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .contact6-input textarea::placeholder { color:#647479; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .contact6-input textarea { padding:12px; border:none; width:100%; border-radius:5px; background:#E1EBEC; margin-top:16px; } .nice-select.wide.selet6 { margin-top:20px; height:53px; line-height:53px; background-color:#e2ebec; color:#647479; font-size:16px; font-style:normal; font-weight:400; } .cta6 { background-color:#08CE8A; padding:70px 0; } .contact6-img { margin-top:30px; margin-left:30px; } .cta6-buttons { text-align:end; } /*==== home6 contact ==== */ /*----======================= ------home6 page css---- ============================*/ /*----======================= ------home7 page css---- ============================*/ /*==== home7 hero ==== */ .header6-btn { color:#0C1217; font-size:16px; font-style:normal; font-weight:500; line-height:16px; /* 100% */ margin-right:20px; } .header6-btn:hover { color:#0C1217; } .header6-buttons { display:flex; align-items:center; } .hero7-images { position:relative; height:600px; margin-right:-100px; margin-top:100px; } .hero7-img3 { position:absolute; top:0; right:0; } .hero7-img1 { position:absolute; top:0; left:50px; } .hero7-img2 { position:absolute; bottom:40px; left:50px; } .main-hadding7 { padding-top:50px; } .main-hadding7 h1 { color:#0C1217; font-size:56px; font-style:normal; font-weight:600; line-height:64px; /* 114.286% */ text-transform:capitalize; } .main-hadding7 p { color:var(--Paragraph-color, #666); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ text-transform:capitalize; } /*==== home7 hero ==== */ /*==== home7 service ==== */ .service7-box { background-color:#242A2E; padding:100px 24px 30px 24px; border-radius:5px; transition:all.4s; margin-top:30px; } .service7-icon { background-color:#3A3F43; height:70px; width:70px; text-align:center; line-height:70px; border-radius:10px; transition:all.4s; } .service7-icon img { filter:brightness(40); transition:all.4s; } .service-icon-align { position:absolute; right:24px; top:24px; } .service7-box:hover .service7-icon img { filter:none; } .service7-box:hover .service7-icon { background-color:#fff; transition:all.4s; } .service7-box:hover { background-color:#FF7D00; transition:all.4s; transform:translateY(-10px); } .about7-images { position:relative; height:490px; } .about7-img2 { position:absolute; bottom:0; right:20px; } .about7-img3 { text-align:center; width:180px; background:#f6732d; padding:45px 0; position:absolute; top:0; right:80px; border-radius:5px; } .about7-img3 h1 { color:#FFF; font-size:44px; font-style:normal; font-weight:700; line-height:30px; /* 68.182% */ text-transform:capitalize; } .about7-img3 p { color:#FFF; font-size:14px; font-style:normal; font-weight:400; line-height:normal; text-transform:capitalize; } .about7-counter-box { background-color:#F4F3EF; padding:24px; border-radius:5px; display:flex; align-items:center; margin-top:30px; } .about7-counter-box p { padding-left:16px; } /*==== home7 service ==== */ /*==== home7 team ==== */ .team7-icons li { display:inline-block; margin:0px 3px; } .team7-icons li a { height:36px; width:36px; color:#0C1217; display:inline-block; border-radius:50%; border:1px solid #777D83; text-align:center; line-height:36px; transition:all.4s; } .team7-icons li a:hover { background-color:#FF7D00; transition:all.4s; border:1px solid #FF7D00; color:#fff; } .team7-box-img { overflow:hidden; border-radius:5px; } .team7-box-img img { transition:all.4s; } .team7-box { margin-top:30px; } .team7-box:hover .team7-box-img img { transform:scale(1.1) rotate(4deg); transition:all.4s; } .tes6-single-slider.tes7-single-slider { background-color:#F4F3EF; } /*==== home7 team ==== */ /*==== home7 testimonial ==== */ .tes7 .owl-nav { text-align:center; } .tes7 .owl-nav button svg { /* background:red; */ padding:15px 20px; border-radius:50%; font-size:20px; transition:all.4s; display:inline-block; color:#10242D; border:1px solid #E7E6E6; background:transparent; margin-top:-60px; } .tes7 .owl-nav button:nth-child(1) svg { position:absolute; top:50%; left:-50px; } .tes7 .owl-nav button:nth-child(2) svg { margin-left:15px; position:absolute; top:50%; right:-50px; } .tes7 .owl-nav button svg:hover { background-color:#FF7D00; color:#fff; border:1px solid #FF7D00; } .tes7 .owl-dots button { background:transparent; border:none; color:inherit; padding:0 !important; font:inherit; height:16px; line-height:10px; width:16px; margin:0 6px; border:none; border-radius:50%; padding:5px; margin:5px; background-color:#D9D9D9; } .tes7 .owl-dots button.active { background:#FF7D00; } .tes7 .owl-dots { position:absolute; bottom:0; width:100%; right:0; text-align:center; } .tes7 .owl-dots button { position:relative; border:2px solid #fff !important; } .tes7 .owl-dots button:after { position:absolute; content:""; height:18px; width:18px; background:#FF7D00; z-index:-1; border-radius:50%; left:-3px; top:-3px; transition:all .3s; visibility:hidden; opacity:0; } .tes7 .owl-dots button.active:after { visibility:visible; opacity:1; } /*==== home7 testimonial ==== */ /*==== home7 counter ==== */ .counter7 { background-color:#F4F3EF; padding:60px 0; } .counter-box7 { background-color:#fff; padding:40px 0px ; border-radius:5px; text-align:center; transition:all.4s; } .counter-box7:hover { background-color:#FF7D00; transition:all.4s; transform:translateY(-10px); } .counter-box7 h1 { transition:all.4s; } .counter-box7 p { transition:all.4s; } .counter-box7:hover h1 { color:#fff; transition:all.4s; } .counter-box7:hover p { color:#fff; transition:all.4s; } /*==== home7 counter ==== */ .blog7 .blog6-tag { background-color:#FFF1E3; } .contact5-icon-box { transition:all.4s; } .contact5-boxs.contact7-boxs .contact5-icon-box:hover { background:#FF7D00; } .cta7 { background-color:#FF7D00; padding:70px 0; } /*----======================= ------home7 page css---- ============================*/ /*----======================= ------home8 page css---- ============================*/ /*==== home8 hero ==== */ .main-hadding8 span { color:#624CAB; font-size:16px; font-style:normal; font-weight:500; line-height:normal; } .main-hadding8 h1 { color:#0C1822; font-size:60px; font-style:normal; font-weight:500; line-height:66px; /* 110% */ text-transform:capitalize; } .main-hadding8 p { color:#5C6168; font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .hero8-images { position:relative; height:530px; margin-right:-100px; margin-left:100px; } .hero8-img1 { position:absolute; right:0; top:0; } .hero8-img2 { position:absolute; left:0; top:0; } .hero8-img3 { position:absolute; left:130px; top:50px; } .hero8-counter-box { background-color:#fff; width:190px; padding:16px; border-radius:5px; } .hero8-counter-box h1 { color:#0C1822; font-size:28px; font-style:normal; font-weight:500; line-height:28px; /* 100% */ text-transform:capitalize; } .hero8-counter-box p { color:#5C6168; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .hero8-counter-box1 { position:absolute; } .hero8-counter-box2 { position:absolute; top:150px; left:-70px; } /*==== home8 hero ==== */ /*==== home8 about ==== */ .about8-shape { position:absolute; top:-70px; left:-80px; z-index:-1; } .about8-img { margin-right:20px; } .service8-learn { color:#0C1822; font-size:16px; font-style:normal; font-weight:600; line-height:16px; /* 100% */ text-transform:capitalize; display:inline-block; transition:all.4s; } .service8-learn:hover { color:#0C1822; } .service8-learn span { color:#0C1822; margin-left:2px; transition:all.4s; } .service8-box { border-radius:5px; background:#FFF; padding:28px 24px; margin-top:30px; transition:all.4s; } .service8-box:hover { background-color:#624CAB; transition:all.4s; transform:translateY(-10px); } .service8-icon { height:70px; width:70px; background-color:#EFEDF7; border-radius:50%; line-height:70px; text-align:center; transition:all.4s; } .service8-box:hover .service8-icon { background-color:#fff; transition:all.4s; } .hadding8 h4 a { transition:all.4s; } .service8-box:hover .hadding8 h4 a { color:#fff; transition:all.4s; } .hadding8 p { transition:all.4s; } .service8-box:hover .hadding8 p { color:#fff; transition:all.4s; } .service8-box:hover .service8-learn { color:#fff; transition:all.4s; } .service8-box:hover .service8-learn span { color:#fff; transition:all.4s; } .progress8-hadding { padding-right:40px; } .progress8-shape { position:absolute; top:-60px; right:-60px; z-index:-1; } /*==== home8 about ==== */ /*==== home8 case ==== */ .case8 .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; font-size:20px; transition:all.4s; color:#624CAB; background-color:#CECDE5; border:none; } .case8 .owl-nav button:nth-child(2) svg { margin-left:15px; } .case8 .owl-nav button svg:hover { border-radius:5px; background:#624CAB; color:#fff; } .case8 .owl-nav button.owl-next { position:absolute; top:50%; right:-60px; margin-top:-30px; } .case8 .owl-nav button.owl-prev { position:absolute; top:50%; left:-60px; margin-top:-30px; } .case8 .industries-slider-single:hover .industries-hadding { background-color:#624CAB; } /*==== home8 case ==== */ /*==== home8 testimonial ==== */ .tes8-single-slider { box-shadow:0px 4px 48px rgba(0, 0, 0, 0.09); background-color:#fff; border-radius:5px; padding:24px; margin:10px; } .tes8-stars li { display:inline-block; color:#FF9C00; padding:0 1px; } .tes8-slider-box p { color:#0C1822; font-size:18px; font-style:normal; font-weight:400; line-height:28px; /* 155.556% */ } .tes8-border { background-color:#EFEDF7; height:1px; width:100%; margin:24px 0; } .tes8-bottom { display:flex; align-items:center; } .tes8-bottom-hadding h5 a { color:#0C1822; font-size:16px; font-style:normal; font-weight:600; line-height:16px; /* 100% */ } .tes8-bottom-hadding { padding-left:16px; } .tes8-bottom-hadding p { color:#5C6168; font-size:12px; font-style:normal; font-weight:400; line-height:12px; /* 100% */ } .tes8-icon { height:40px; width:40px; } .tes8 .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; font-size:20px; transition:all.4s; color:#624CAB; background-color:#CECDE5; border:none; } .tes8 .owl-nav button:nth-child(2) svg { margin-left:15px; } .tes8 .owl-nav button svg:hover { border-radius:5px; background:#624CAB; color:#fff; } .tes8 .owl-nav button.owl-next { position:absolute; top:50%; right:-60px; margin-top:-30px; } .tes8 .owl-nav button.owl-prev { position:absolute; top:50%; left:-60px; margin-top:-30px; } .tes8 .industries-slider-single:hover .industries-hadding { background-color:#624CAB; } .tes8 .owl-dots button { background:transparent; border:none; color:inherit; padding:0 !important; font:inherit; height:16px; line-height:10px; width:16px; margin:0 6px; border:none; border-radius:50%; padding:5px; margin:5px; border:1px solid #E0DBEE; } .tes8 .owl-dots button.active { background:#624CAB; } .tes8 .owl-dots { position:absolute; bottom:-30px; width:100%; right:0; text-align:center; } .blog8 .blog6-tag { background-color:#E9EDF4; } .cta8 { background-color:#624CAB; padding:70px 0; } .subscribe-footer5.subscribe-footer8 input { border-radius:30px; padding-left:20px; } /*==== home8 testimonial ==== */ /*----======================= ------home8 page css---- ============================*/ /*----======================= ------home9 page css---- ============================*/ /*==== home9 hero ==== */ .hero9-border-top { width:100%; height:1px; background-color:red; } .header-area9 .header-elements { border-bottom:1px solid #404040; padding-bottom:24px; } .header-area9.sticky .header-elements { border-bottom:none; padding-bottom:0; } .main-hadding9 h1 { color:#FFF; font-size:56px; font-style:normal; font-weight:700; line-height:64px; /* 114.286% */ text-transform:capitalize; } /* .main-hadding9 { margin-top:-200px; } */ .main-hadding9 p { color:rgba(255, 255, 255, 0.80); font-size:16px; font-style:normal; font-weight:400; line-height:26px; /* 162.5% */ } .hero9-images { position:relative; height:500px; } .hero9-img1 { position:absolute; right:0; top:0; } .hero9-img2 { position:absolute; top:20px; right:20px; } .hero6-counter-box { background:#fff; position:absolute; width:400px; bottom:-21px; z-index:10; left:-100px; border-radius:5px; padding:24px; } .hero9-counter-flex { display:flex; align-items:center; justify-content:space-around; } .hero9-counter h1 { color:#10242D; font-size:28px; font-style:normal; font-weight:500; line-height:28px; /* 100% */ letter-spacing:0.28px; } .hero9-counter p { color:#10242D; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ } .marquee-wrap.marquee-wrap2 { background:#196C68; position:relative; z-index:9; transform:rotate(-2deg); } .slider-after { height:100px; transform:rotate(6deg) scale(1.1); background-color:#2B2C32; margin-top:-100px; } /*==== home9 hero ==== */ /*==== home9 service ==== */ .about9-img2 { padding:24px; border-radius:5px; position:absolute; top:16px; right:16px; background-color:#fff; display:flex; align-items:center; } .about9-img2 h1 { color:#0C1822; font-size:40px; font-style:normal; font-weight:500; line-height:40px; /* 100% */ text-transform:capitalize; } .about9-img2 p { color:#5C6168; font-size:16px; font-style:normal; font-weight:400; line-height:16px; /* 100% */ padding-left:10px; } .about9-hadding { padding-left:20px; } .service9-box { background-color:#2B2C32; padding:28px 24px; border-radius:5px; display:flex; align-items:start; transition:all.4s; margin-top:30px; } .service9-learn { color:#FFF; font-size:16px; font-style:normal; font-weight:700; line-height:16px; /* 100% */ display:inline-block; } .service9-learn:hover { color:#fff; } .service9-box-icon { background-color:#196C68; height:64px; width:64px; border-radius:50%; text-align:center; line-height:64px; margin-right:24px; transition:all.4s; } .service9-box:hover { background-color:#196C68; transition:all.4s; transform:translateY(-10px); } .service9-box:hover .service9-box-icon { background-color:#478986; transition:all.4s; } .counter9-box { background-color:#36373C; padding:40px; border-radius:5px; transition:all.4s; } .counter9-box:hover { transition:all.4s; transform:translateY(-10px); background-color:#196C68; } /*==== home9 service ==== */ /*==== home9 case ==== */ .case9-hadding-area { border-radius:2px; background:#2B2C32; box-shadow:0px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:24px; margin:0px 30px; margin-top:-75px; position:relative; z-index:2; } .case6-img-box img { transition:all.4s; } .case6-box:hover .case6-img-box img { transform:scale(1.1) rotate(4deg); transition:all.4s; } .case9-hadding-area h5 a { color:#fff; font-size:18px; font-style:normal; font-weight:500; line-height:24px; /* 133.333% */ display:inline-block; position:relative; transition:all.4s; } .case9-hadding-area h5 a:hover { text-decoration-line:underline; transition:all.4s; } .case9-button { text-align:end; } /*==== home9 case ==== */ /*==== home9 testimonial ==== */ .tes9 .owl-nav button svg { /* background:red; */ padding:15px; border-radius:5px; font-size:20px; transition:all.4s; color:#fff; background-color:#55565B; border:none; } .tes9 .owl-nav button:nth-child(2) svg { margin-left:15px; } .tes9 .owl-nav button svg:hover { border-radius:5px; background:#196C68; color:#fff; } .tes9 .owl-nav button.owl-next { position:absolute; top:50%; right:-60px; margin-top:-30px; } .tes9 .owl-nav button.owl-prev { position:absolute; top:50%; left:-60px; margin-top:-30px; } .tes9 .industries-slider-single:hover .industries-hadding { background-color:#624CAB; } .tes9 .owl-dots button { background:transparent; border:none; color:inherit; padding:0 !important; font:inherit; height:16px; line-height:10px; width:16px; margin:0 6px; border:none; border-radius:50%; padding:5px; margin:5px; border:1px solid #55565B; } .tes9 .owl-dots button.active { background:#196C68; border:1px solid #196C68; } .tes9 .owl-dots { position:absolute; bottom:-30px; width:100%; right:0; text-align:center; } .tes9 .tes8-single-slider { box-shadow:0px 4px 48px rgba(0, 0, 0, 0.09); background-color:#36373C; border-radius:5px; padding:24px; margin:10px; } .tes9 .tes8-single-slider p { color:#FFFFFF; } .tes9 .tes8-bottom-hadding h5 a { color:#fff; padding-bottom:5px; } .tes9 .tes8-border { background-color:#333C40; } /*==== home9 testimonial ==== */ /*==== home9 contact ==== */ .contact9 .contact-form-all { background:#2B2C32; } .hadding9 h3 { color:#FFF; font-size:24px; font-style:normal; font-weight:700; line-height:24px; /* 100% */ } .contact9 .contact5-form-input input { border:none; padding:13px; border:1px solid #494A4F; border-radius:5px; width:100%; margin-top:20px; background:transparent; color:#fff; } .contact9 .contact5-form-input input::placeholder { color:#959598; } .contact9 .contact5-form-input textarea::placeholder { color:#959598; } .contact9 .contact5-form-input textarea { background:transparent; border:1px solid #494A4F; color:#fff; } .contact9 .nice-select.wide.contact5-select { height:56px; line-height:56px; border:none; border:1px solid #494A4F; margin-top:20px; color:#959598; font-size:16px; background:transparent; } .contact9 .contact5-icon-box { background:#404146; } .contact9 .contact5-boxs.contact7-boxs .contact5-icon-box:hover { background:#196C68; } .contact9 .contact5-icon img { filter:brightness(0) invert(1); } .contact9 .contact5-box-hadding h3 { color:#fff; } .contact9 .contact5-box-hadding a { color:#D9D9DA; } /*==== home9 contact ==== */ /*==== home9 blog ==== */ .blog9 .blog6-hadding { border-radius:0px 0px 2px 2px; background:#424349; box-shadow:2px 4px 48px 0px rgba(0, 0, 0, 0.09); padding:24px; } .blog9 .hadding6 h3 a { color:#fff; } .blog9 .hadding6 p { color:#CFCFD1; } .blog9 .blog6-tag { background:#57585D; color:#fff; } .cta9 { background-color:#196C68; padding:70px 0; } .footer-area9 .subscribe-footer5.subscribe-footer8 input { border-radius:5px; padding-left:20px; padding:13px 150px 13px 13px; } /*==== home9 blog ==== */ .testimonial-arrows > div button { background:red; height:60px; width:60px; border-radius:50%; border:1px solid #fff; color:#fff; } .testimonial-arrows .testimonial-prev-arrow button { position:absolute; right:0; top:50%; } /*----======================= ------home9 page css---- ============================*/ .hero10 .owl-nav { margin-top:40px; } .hero10 .owl-nav button { height:60px; width:60px; background:red; } .hero10 .owl-nav button svg { /* background:red; */ padding:18px 19px; border-radius:50%; border:1px solid #E7E6E6; font-size:20px; transition:all.4s; color:#fff; } .hero10 .owl-nav button:nth-child(2) svg { margin-left:15px; position:absolute; top:40%; right:70px; margin-top:-40px; } .hero10 .owl-nav button:nth-child(1) svg { margin-left:15px; position:absolute; top:40%; left:70px; margin-top:-40px; } .hero10 .owl-nav button svg:hover { background-color:#196C68; color:#fff; border:1px solid #196C68; } .main-hero.hero10.main-hero5 { min-height:1000px; } .carousel10-bg { position:relative; } .carousel10-bg::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-image:url(../img/bg/hero10-bg.png); z-index:-5; background-position:center; background-size:cover; background-repeat:no-repeat; transition:1.5s; } .carousel10-bg.carousel10-bg2::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-image:url(../img/bg/hero10-bg2.png); z-index:-5; background-position:center; background-size:cover; background-repeat:no-repeat; } .carousel10-bg.carousel10-bg3::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-image:url(../img/bg/hero10-bg3.png); z-index:-5; background-position:center; background-size:cover; background-repeat:no-repeat; } .carousel10-bg::before { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.6; z-index:-4; background-position:center; background-size:cover; background-repeat:no-repeat; } .hero10-benar { margin-top:-380px; position:relative; z-index:8; } .hero10-single-slider { margin-top:-200px; } .main-hadding9.main-hadding10 h1 { transform:translateY(100px); transition:all.9s; } .main-hadding9.main-hadding10 p { transform:translateY(100px); transition:1.2s; } .main-hadding9.main-hadding10 a { transform:translateY(100px); transition:1.8s; } .owl-item.active .main-hadding9.main-hadding10 h1 { transform:translateY(0); } .owl-item.active .main-hadding9.main-hadding10 p { transform:translateY(0); } .owl-item.active .main-hadding9.main-hadding10 a { transform:translateY(0); } .owl-item.active .carousel10-bg::after { transform:scale(1.1); } .about9-hadding { padding-left:30px; } .about8-hadding { padding-left:30px; } .footer-right-padding { padding-right:50px; } .contact-input-signle input.code{ float:left; width:48%;} .contact-form .captcha { background:#fafafa; border-radius:7px; padding:20px 16px; margin-left:5px; border:1px solid #cdcdcd; margin-top:16px; } /*onload popup css start*/ #enquirypopup .modal-dialog { width:550px; padding:0px; position:relative; margin-top:120px; z-index:99999; } #enquirypopup .modal-content { border-radius:0px; } #enquirypopup .modal-body { padding:0px; } #enquirypopup .modal-body h2 { background:#000F50; font-family:var(--ztc-family-font1); font-weight:400; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; } #enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; } #enquirypopup .modal-body h2 span a { color:#FFF; } #enquirypopup .modal-body h2 span a:hover { color:#FFF; } #enquirypopup .modal-body h2 p { font-family:var(--ztc-family-font1); font-weight:400; font-size:18px; color:#FFF; } #enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; } #enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; } #enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:var(--ztc-family-font1); color:#000; } #enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; } #enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; } #enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; } #enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; } #enquirypopup .popup_from .popup_from_inner p { font-family:var(--ztc-family-font1); font-weight:400; font-size:14px; color:#9F9F9F; text-align:left; margin-bottom:20px; } #enquirypopup .popup_from .popup_from_inner p i { color:#000F50; margin-right:5px; } #enquirypopup .popup_from .popup_from_inner .submit { margin:0px auto; text-align:center; font-family:var(--ztc-family-font1); font-size:20px; color:#FFF; font-weight:600; padding:12px 100px; background:#FF8933; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; } #enquirypopup .popup_from .popup_from_inner .submit:hover { background:#000F50; color:#FFF; outline:none; border-radius:none; } #enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; } #enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; } #enquirypopup .close { float:right; font-family:var(--ztc-family-font1); font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; } #enquirypopup .skip { float:left; top:0px; right:0px; font-family:var(--ztc-family-font1); font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; } /*onload popup css end*/ /*verify form css start*/ .verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all;} .verify_form h2 { font-family:var(--ztc-family-font1); font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; } .verify_form .form-group { margin:10px 0 10px 0; font-family:var(--ztc-family-font1); } .verify_form .form-control { font-family:var(--ztc-family-font1); border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; } .verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; } .verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; } .verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; } .verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; } .verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:var(--ztc-family-font1); color:#FFF; border-radius:2px; border:0; padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; } .verify_form .submit a { color:#FFF; text-decoration:none; } .verify_form .submit a:hover { color:#FFF; text-decoration:none; } .submit:hover { color:#FFF; text-decoration:none; } /*verify css end*/ @media only screen and (max-width:1600px) { #enquirypopup .close { display:none; } } @media only screen and ( max-width:768px) { /*onload popup css start*/ #enquirypopup .modal-dialog { width:90%; margin:0px auto; margin-top:150px; } #enquirypopup .modal-body h2 { padding:15px; font-size:20px; line-height:1.5em; } #enquirypopup .modal-body h2 span { font-size:24px; font-weight:600; } #enquirypopup .modal-body h2 p { font-weight:400; font-size:16px; } #enquirypopup .popup_from .popup_from_inner { padding:10px 20px; overflow:hidden; } #enquirypopup .popup_from .popup_from_inner .submit { font-size:20px; color:#FFF; font-weight:600; padding:12px 50px; } #enquirypopup .popup_from .logo_right img { display:none; } #enquirypopup .close { display:block; } #enquirypopup .skip { display:none; } /*onload popup css end*/ } .fa { display:inline-block; font:normal normal normal 14px / 1 FontAwesome; /* font-size:inherit; */ text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .logo { } .c_name { font-family: "satoshi", sans-serif; color:#15235F; margin-top:0; margin-bottom:0; font-size:24px; font-weight:500; }