/* Theme Name: Digital Perfection Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/ Author: Proximate Solutions Author URI: https://proximatesolutions.com/ Description: Wordpress theme designed for Digital Perfection. Version: 1.0.93 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: digitalperfection Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar */ :root{ --primary:#007DFE; --primary-dark: #0e87ff; --secondary: #121E36; --secondary-dark: #1D233B; --grey:#f5f5f5; --grey2:#f8f8f8; --navy: #102C4C; } body { line-height: 1.7; color: #0a0c0c; overflow-x: hidden; text-transform: capitalize; font-family: "Space Grotesk", sans-serif;} img {max-width:100%; height:auto;} a {color:var(--primary); transition:all linear 0.2s; text-decoration: none;} a:hover, a:focus {text-decoration:none; outline:0; color:#0a0c0c;} h4, h5, h6 {line-height: 1.5;} .h1, .h2, .h3, .h4, .h5, h1, h2, h3 {font-weight: 600; font-family: "neutronic", sans-serif;} :root .pull-left { float:left;} :root .pull-right { float:right;} :root .alignleft { float:left; margin:0 15px 10px 0;} :root .alignright { float:right; margin:0 0 10px 15px;} :root .aligncenter { text-align:center; margin:0 auto 10px; display:block;} :root .alignnone { float:none;} :root .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;} :root .wp-caption img { margin:0; padding:0; border:0;} :root .wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;} .bg-primary {background: var(--primary) !important;} .btn-warning:hover, .btn-warning:focus {background: var(--yellow-dark); border-color: var(--yellow-dark); color: #000 !important;} .btn-primary {background: var(--primary); border-color: var(--primary); color: #fff !important;} .btn-primary:hover, .btn-primary:focus {background: var(--primary-dark); border-color: var(--primary-dark); color: #fff !important;} .bg-grey{background: var(--grey);} .bg-grey2{background: var(--grey2);} .heading,.overViewWrapper h2{font-weight: bold; margin-bottom: 20px;} .heading span{color: #58AAFF;} @media(min-width:992px){ h2, .h2{font-size: 40px;} } b {font-weight: 600;} .font_18 {font-size: 18px;} section {padding:80px 0; overflow: hidden;} .small_title {text-transform: uppercase; font-weight: 200; font-size: 20px; letter-spacing: 3px;} @media(min-width:1570px){ .container {max-width: 1560px;} } @keyframes menu_sticky { 0% {margin-top:-240px;} 50% {margin-top: -90px;} 100% {margin-top: 0;} } header {position: absolute; z-index: 9; top:0; left:0; right: 0; padding:40px 0 0;} header.sticky { margin:0; position: fixed; background:white; top:0; left:0; width:100%; z-index:99; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); padding: 25px 0;} header .container, footer .container-fluid {max-width: 1700px;} .logo {display: inline-block;} .logo img{height: 50px; width: auto;} .black_logo{display: none;} #menu ul{list-style:none;margin:0;padding:0;display:block; text-align: right;} #menu ul li{display:inline-block;position:relative} #menu ul li a{color:white;padding:0 15px;display:block;text-decoration:none;position:relative; font-weight: 300; font-size: 1em; } .inner_header #menu ul li a{color:black;} #menu li > a:after{content:"\f282";font-family:bootstrap-icons;margin-left:5px;position:relative;top:3px;font-size:14px} #menu li > a:only-child:after{margin-left:0;content:""} #menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{color:var(--primary);} .inner_header #menu ul li a:hover,.inner_header #menu ul li.active a,.inner_header #menu ul li.current_page_item > a,.inner_header #menu ul li.current-menu-ancestor > a,.inner_header #menu ul li.current-menu-item > a,.inner_header #menu ul li.current-menu-parent > a{color:var(--primary)} #menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current_page_item > a:before,#menu ul li.current-menu-ancestor > a:before,#menu ul li.current-menu-item > a:before,#menu ul li.current-menu-parent > a:before{opacity:1} #menu li.active ul li a{color:white;background:#000} #menu li.active ul li a:hover{color:black !important;background:var(--primary)} #menu li > ul{position:absolute;left:0;top:100%;z-index:999;min-width:192px;white-space:nowrap;border-radius: 17px; overflow: hidden;} #menu ul li.active ul li a{background:black;color:white !important;border-bottom:1px solid #333!important} #menu li > ul li{display:block;position:relative;margin:0;text-align:left} #menu li > ul li a:after{content:"\F285";font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px} #menu li ul li.current_page_item > a,#menu li ul li.current-menu-ancestor > a,#menu li ul li.current-menu-item > a,#menu li ul li.current-menu-parent > a{background:var(--primary);color:white !important} #menu > li{border-left:1px solid #999} #menu > li:first-child,#menu > li.has-submenu + li{border-left:0} #menu li > ul > li > ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0} #menu li > ul > li:hover > ul{visibility:visible;opacity:1;display:block} #menu li > ul{visibility:hidden;opacity:0;background-color:white;padding:0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} #menu li:hover > ul{visibility:visible;opacity:1} #menu li > ul li a{padding:12px 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:transparent;color:black;font-weight:500;} #menu li > ul li:last-child a{border-bottom:0} #menu li > ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;transform-origin:right center;z-index:-1} #menu li:hover > ul li a{padding:12px 25px} #menu li > ul li a:hover{background-color:var(--primary);color:white!important;} header.sticky #menu ul li a {color: var(--secondary);} header.sticky #menu ul li a:hover{color: var(--primary);} header.sticky .black_logo{display: inline-block;} header.sticky .white_logo{display: none;} .btn-theme{position: relative; padding: 21px 20px 23px; line-height: 0;} .btn_styled {padding:18px 20px 17px; line-height: 0;} .btn_styled i {font-size: 20px; font-weight: bold;transform: translateY(-50%) rotate(-45deg); position: absolute; right: 12px; top: 50%;} .btn_styled span{position:relative;overflow:hidden;display:inline-block;width:16px;height:10px;color:white;font-size:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit; font-weight: 900;} .btn_styled span .arry1{top:1px;left:2px} .btn_styled span .arry1,.btn_styled span .arry2{position:absolute;transition:.3s cubic-bezier(.37,.08,.02,.93);font-size:20px;color:white;transform:rotate(-45deg); font-weight: 900;} .btn_styled span .arry2{bottom:-15px;left:-10px; opacity: 0;} .btn_styled:hover span .arry1{top:-15px;left:15px;color:black} .btn_styled:hover span .arry2{top:1px;left:2px;color:white; opacity: 1;} .banner_home{background-color: var(--secondary); color: white; padding:140px 0 80px 0; height: 100dvh; display: flex; align-items: center; position: relative; background-position: center bottom; background-size: cover; background-repeat: no-repeat;} .home_banner_content h1{font-size: 4.6rem; font-weight: 700; margin-bottom: 40px;} .home_banner_content p{font-size: 28px; color: #C7C7C7; margin-bottom: 45px; } ul.logos_list {list-style: none; padding: 0; margin: 0; margin-top: 130px; text-align: end; position: absolute; bottom:55px; right:6%;} ul.logos_list li{display: inline-block; vertical-align: middle;} ul.logos_list li img{width: 100px; height: 26px; object-fit: scale-down; } ul.logos_list2 {list-style: none; padding: 0; margin: 0; margin-top: 30px; } ul.logos_list2 li{display: inline-block; vertical-align: middle;} ul.logos_list2 li img{width: 100px; height: 26px; object-fit: scale-down; } .heading_line p {margin-bottom: 0;} .what_we_do{background-color: var(--primary); color: white;} .small_heading{font-size: 20px; font-weight: 500; margin-bottom: 10px; letter-spacing: 3px; text-transform: uppercase;} .what_do_heading p{font-size: 18px;} .size-18{font-size: 18px;} .whoWeAreThumb{width: 100%;max-width: 674px; height: 475px; object-fit: cover; object-position: center; border-radius: 20px;} .counter_wraper2{margin-top: 80px;} .counter_block .counter-value , .counter_sign{font-size:60px; margin-bottom: 0; display: inline-block; line-height: 1.2; font-weight: 500;} .inner_stat_box{padding: 25px;} .counter_block p{margin-bottom: 0; font-size: 18px;} .cta {background-color: var(--secondary); color: white; padding: 75px 0; background-position: center; background-repeat: no-repeat; background-size: cover;} .cta h2 {font-size:36px;} .cta p{font-size: 20px; } .small_nav{display: none;} .testimonial_slider { width: 100%; margin: 0 auto; overflow: hidden;} .testimonial_slider .testi_card+.testi_card {margin-top: 20px;} .testinav {position: relative;} .testi_card{padding: 40px; border-radius: 17px; background-color: #FAFAFA;} .stars i{color: #ffb000; font-size: 18px; line-height: 1;} .auther_name h5{margin-bottom: 0; font-weight: 700;} .auther_name p{margin-bottom: 0;} .review_content{margin: 25px 0; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .review_content p{margin-bottom: 0;} .testimonial_slider .item .testi_card+.testi_card{margin-top: 20px;} .testimonial_slider.owl-theme .owl-nav [class*="owl-"] { top: -78px;} .testimonial_slider .owl-nav .owl-prev {left:inherit; right: -135%; } .testimonial_slider .owl-nav .owl-next {right:-144%;} .video_wrapper {width: 100%; height: 545px; position: relative; overflow: hidden; border-radius: 17px; display: block;} .videoThumb{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px;} .play_button{position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100px; } ul.industries_list{list-style: none; padding: 0; margin: 0;} ul.industries_list li{border: 1px solid #121E361A; border-right: 0; overflow: hidden;} ul.industries_list li:nth-child(1){border-top-left-radius: 10px; } ul.industries_list li:nth-child(4){border-right: 1px solid #121E361A; border-top-right-radius: 10px;} ul.industries_list li:nth-child(7){border-right: 1px solid #121E361A;} ul.industries_list li:nth-child(5){border-top: 0; border-bottom-left-radius: 10px;} ul.industries_list li:nth-child(6){border-top: 0;} ul.industries_list li:nth-child(7){border-top: 0; border-bottom-right-radius: 10px;} .indusry_box{background-color: white; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 65px 25px;} .indusry_box img{width: 65px; height: 65px; object-fit: scale-down;} .indusry_box h6{margin-top: 15px;} ul.top_header_right {list-style: none; margin: 0; padding: 0;} ul.top_header_right li{display: inline-block; vertical-align: middle;} ul.top_header_right li+li{margin-left: 20px;} .we_do_slider {margin-top: 30px;} .we_do_slider .owl-stage{margin-left: -80px;} .we_do_slider .swiper-slide {width: 30% !important;} .blog_slider .swiper-slide {width: 30% !important;} .clicknav {position: relative;} .clicknav .swiper-button-prev, .clicknav .swiper-button-next{ top: inherit; bottom: 11px;} .clicknav .swiper-button-prev {left: inherit; right: 60px;} .clicknav .swiper-button-prev, .clicknav .swiper-button-next{ top: inherit; bottom: 42px;} .clicknav .swiper-button-next{right: 0;} .we_do_block {padding: 30px 40px; background: var(--grey2); border-radius: 10px; margin: 10px 10px 40px; transition: all 0.5s ease;} .we_do_block h3{font-weight: 200; margin-bottom: 15px; font-size: 36px;} .we_do_block p{font-size: 16px;} .we_do_text{min-height: 160px;} .more_link {color: black; font-size: 24px;} .more_link i {margin-right: 5px;} .we_do_block:hover{box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; background: white; } .we_do_block:hover .more_link i{color: var(--primary);} .small_hedding{text-align: right; padding-right: 150px; font-weight: 600;} .small_hedding i{margin-right: 8px;} .owl-nav {margin: 0;} .we_do_slider.owl-theme .owl-nav [class*="owl-"]{top:-120px; } .we_do_slider .owl-nav .owl-prev {right:23%; left: inherit; } .we_do_slider .owl-nav .owl-next {left: inherit; right:20%;} .project_slider { margin-top: 40px;} .project_slider .item, .project_slider .swiper-slide{position: relative; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; padding: 40px 60px; color: white;} .project_slider .item img{width: auto;} .project_slider .item h4, .project_slider .swiper-slide h4{font-size: 32px; line-height: 54px;} .project_slider .item p, .project_slider .swiper-slide p{font-size: 24px;} .project_slider .item .small_title, .project_slider .swiper-slide .small_title {font-size: 13px;} .project_logo {text-align: center; font-weight: bold;} .project_logo_img {width: 115px; height: 115px; margin: 0 auto 10px; border-radius: 50%; overflow: hidden; background: white;position: relative; } .project_logo_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 69px;width: 82px;object-fit: scale-down;} .project_logo h5 {font-size: 24px; font-weight: 700;} ul.case_list {list-style: none; margin: 0; padding: 0; margin-top: 30px;} ul.case_list li{display: inline-block; margin-right: 50px;} .portfolio_wrap {margin: 0 auto;} .project_wrapper .container, .portfolio_wrapper .container {overflow: hidden;} .project_wrapper .clicknav .swiper-button-prev, .project_wrapper .clicknav .swiper-button-next, .portfolio_wrapper .clicknav .swiper-button-prev, .portfolio_wrapper .clicknav .swiper-button-next{bottom: 0} .owl-theme .owl-nav [class*="owl-"].disabled{ opacity: 0.5; } .project_slider.owl-theme .owl-nav [class*="owl-"]{top:-75px; } .comparison_slider.owl-theme .owl-nav [class*="owl-"]{top:-75px; } .owl-carousel .owl-nav [class*="owl-"]{color: black; position: absolute; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 20px; line-height: 40px;background:transparent; width: 42px; height: 42px; border: black 1px solid; border-radius: 5px; } .swiper-button-next:after, .swiper-button-prev:after {display: none;} .swiper-button-next, .swiper-button-prev {font-size: 20px; line-height: 40px;background:transparent; width: 42px !important; height: 42px !important; border: black 1px solid; border-radius: 5px; color: black !important; } .testinav {position: relative;} .testinav .swiper-button-prev {left: inherit; right: 70px;} .testinav .swiper-button-prev, .testinav .swiper-button-next{ top: inherit; bottom:23px;} .project_slider .owl-nav .owl-prev {left:inherit; right: 60px; } .project_slider .owl-nav .owl-next {right:0;} .prortfolio_slider {margin-top: 40px; } .portfolio_wrap .portfolio_img{border-radius:15px;overflow:hidden} .portfolio_wrap .portfolio_img img{transition:.2s linear; width: 100%; height: 436px; object-fit: cover; object-position: top;} .portfolio_contents{position:relative;padding:30px 0} .portfolio_logo{position:absolute;right:30px;top:-50px;width:90px;height:90px;text-align:center;box-shadow:#00000026 2px 6px 15px;padding:15px 10px 0;border-radius:100%;background:#fff} .portfolio_logo img{height:50px;width:50px;object-fit:scale-down;position: absolute; top: 50% ; left: 50%; transform: translate(-50%, -50%);} .portfolio_contents .portfolio_name{font-weight:800;font-size:30px;text-transform:uppercase; margin-bottom: 8px;} .portfolio_contents .portfolio_name a{color:#000} .portfolio_contents p{font-size:14px;font-weight:400;margin:0} .prortfolio_slider.owl-theme .owl-nav [class*="owl-"]{top:-78px; } .prortfolio_slider .owl-nav .owl-prev {left:inherit; right: 60px; } .prortfolio_slider .owl-nav .owl-next {right:0;} .portfolio_wrap:hover .portfolio_img img { transform: scale(1.05);} .slide_wrapper {position: relative; overflow: hidden; margin-left: 10%; } .blog_slider {margin-top: 30px;} .blog_slider .clicknav .swiper-button-prev,.blog_slider .clicknav .swiper-button-next{ top: inherit; bottom: 23px;} .blog_wrapper .clicknav .swiper-button-prev, .blog_wrapper .clicknav .swiper-button-next{ top: inherit; bottom: 25px;} .blog_block { margin: 10px;} .blog_block a{ color: black;} .blog_img { margin-bottom: 20px; } .blog_img img { width: 100%; border-radius: 10px; height: 300px; object-fit: cover; object-position: center;} .blog_block h4{font-weight: 500; font-size: 20px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .blog_block p {font-size: 18px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} footer {background-color: var(--secondary-dark); color: white; padding-top: 80px;} .footer_logo{height: 40px; } footer a{color: #C7C7C7;} footer a:hover{color: var(--primary);} footer p{color: #C7C7C7;} .footer_heading{font-weight: 700; font-size: 18px; margin-bottom: 15px;} ul.footer_list{list-style: none; padding: 0; margin: 0;} ul.footer_list li+li{margin-top: 10px;} .newsletter_wrapper .btn{width: 100%; padding: 20px 15px 22px;} .newsletter_wrapper .form-control{background: transparent; color: white !important; font-weight: 400;padding: 10px 15px; border-radius: 10px;} .newsletter_wrapper .form-control:focus{box-shadow: none;} .newsletter_wrapper .form-control::placeholder{color: white; font-weight: 400;} .company_address p{width: 100%; max-width: 340px;} .contact_wrapper{margin-top: 50px; padding-top: 50px; border-top: 1px solid #D9D9D91A;} .contact_wrapper p{margin-bottom: 0;} .btn_contact_us input{padding: 22px 32px 24px 28px;} ul.social_list{list-style: none; padding: 0; margin: 0;} ul.social_list li{display: inline-block; margin-right: 5px;} ul.social_list li a{width: 35px; height: 35px; border-radius: 100%; border: 2px solid white; position: relative; display: inline-block;} ul.social_list li a img{height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); filter: invert(100%) sepia(96%) saturate(17%) hue-rotate(269deg) brightness(103%) contrast(105%);} ul.social_list li a:hover{background-color: white;} ul.social_list li a:hover img{filter: invert(0%) sepia(94%) saturate(7450%) hue-rotate(124deg) brightness(118%) contrast(96%);} .copyright{margin-top: 50px; padding: 20px 0; border-top: 1px solid #D9D9D91A;} .copyright p{margin-bottom: 0;} ul.privacy_policy{list-style: none; padding: 0; margin: 0; } ul.privacy_policy li{display: inline-block; } ul.privacy_policy li+li{margin-left: 25px; } .btn-block .btn {margin: 0 10px;} .specific-expertise .subservice_box {background: var(--grey2); width: 100%;} .btn-outline-light{background: transparent; border: 1px solid white; color: white;} .btn-outline-light:hover , .btn-outline-light:focus , .btn-outline-light:active{background: white; border: 1px solid white; color: black;} .inner_banner{height: auto; text-align: center;} .inner_banner .home_banner_content p{color: #E8E8E8; font-size: 26px; margin-bottom: 20px;} .bannerpara{font-size: 20px; color: #E8E8E8; margin-bottom: 40px;} @media(min-width: 1024px){ .inner_banner .home_banner_content h1 {font-size: 65px;} .inner_banner.banner_home {padding: 210px 0 120px 0;} } .shopify_agency p{line-height: 2;} .shopify_agency ul{margin-bottom: 40px;} .agency_thumb{width: 100%; height: 450px; object-fit: cover; object-position: center; border-radius: 17px;} .shpopify_testimonials .testi_card{background-color: white;} .subservice_box{background: white; padding: 40px; border-radius: 17px; width: 100%;} .subservice_box h3{margin-bottom: 20px;} .who_we_are ul{margin: 30px 0;} .who_we_are ul li+li{margin-top: 10px; font-weight: 400;} .why-us ul li+li{margin-top:10px;} .why-us .agency_thumb {height: 510px; object-position: center ;} .why_shopify .whoWeAreThumb {height: 523px; object-position: left ;} .accordion{--bs-accordion-border-width: none ; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-color: black; --bs-accordion-active-bg: transparent; --bs-accordion-inner-border-radius: 15px;} .accordion-button:after{ background-image: url(images/icons/down.svg);} .accordion-button:not(.collapsed):after{background-image: url(images/icons/up.svg);} .faq .accordion .accordion-item{border: 1px solid #E8E9EB; border-radius: 15px;overflow: hidden; padding: 0px;} .faq .accordion .accordion-item+.accordion-item{margin-top: 15px;} .faq .accordion .accordion-button{font-size: 20px; font-weight: 500; padding: 15px 40px 20px 40px; } .faq .accordion .accordion-body{ padding: 0 40px 20px 40px;} .faq .accordion-button:not(.collapsed), .faq .accordion .accordion-body {background: var(--grey);} .web_banner .home_banner_content p{margin-bottom: 35px;} ul.dot_list{list-style: disc; padding: 0px; margin: 0;} ul.dot_list{list-style: disc; padding: 0px; margin: 0;} .tab_d{background-color: var(--grey); padding:40px 70px; border-radius: 17px; margin-top: 80px;} .tab_d h3{font-size: 24px; font-weight: 700; margin-bottom: 15px;} .tab_d p{font-size: 20px ;margin-bottom: 0;} .icon-wrapper { width: 75px; height: 75px; background: white;display: flex;align-items: center; margin-bottom: 15px;justify-content: center;box-shadow: 0 0 10px rgba(0,0,0,0.05); clip-path: polygon(50% 0%, 93% 25%,93% 75%, 50% 100%, 7% 75%, 7% 25%);} .icon-wrapper img { width: 35%;} .servicetabs ul.nav-pills{width: 83px;display: block; text-align: center; padding: 10px; border: 1px solid #E0E0E0; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .servicetabs .nav-link{width: 60px;height: 60px; display: flex;align-items: center;justify-content: center; padding: 0;} .servicetabs .nav-link img{width: 20px; filter: invert(62%) sepia(3%) saturate(6%) hue-rotate(355deg) brightness(87%) contrast(86%);} .servicetabs .nav-link.active img{filter: invert(50%) sepia(73%) saturate(6739%) hue-rotate(198deg) brightness(102%) contrast(105%);} .servicetabs .nav-link.active{background:#F8F8F8;box-shadow: 0 0 10px rgba(0,0,0,0.05);clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);} .mockup_wrapper{position: relative; overflow: hidden;} .mockup_wrapper .mockup_content{position: absolute; top: 112px; left: 65px; right: 246px; opacity: 0;} .mockup_wrapper .mockup_content .service_tumb{text-align: center;} .mockup_wrapper .mockup_content .service_tumb img{display: inline-block; margin: 0 auto; margin-bottom: 25px; transform: translateX(100px);transition: all 0.2s linear;} .mockup_wrapper .mockup_content h5 , .mockup_wrapper .para_loading{ transform: translateY(50px); transition: all 0.2s linear;} .mockup_wrapper .mockup_content h5{font-size: 18px; font-weight: 700; color: #9E9E9E; } .mockup_wrapper .mockup_content .para_loading{width: 100%; height: 12px; border-radius: 20px; background-color: #F8F8F8; margin-top: 15px;} .mockup_wrapper .mockup_content .para_loading2{width: 60%;} .mockup_wrapper .mockup_content.active {opacity: 1;} .mockup_wrapper .mockup_content.active .service_tumb img{transform: translateX(0);transition: all 0.2s linear; } .mockup_wrapper .mockup_content.active h5 ,.mockup_wrapper .mockup_content.active .para_loading{transform: translateY(0);transition: all 0.2s linear;} .para_ofsticky{ font-size: 22px; margin-bottom: 50px;} .subservice_box ul {margin-bottom: 0; list-style: none; margin: 0; padding: 0;} .subservice_box ul li{position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 18px; } .subservice_box ul li::before{position: absolute; content: "\F633"; font-family: bootstrap-icons; width: 12px; color: var(--primary); left: 0; top: 0;} .service_number {width: 36px;height: 36px;background-color: black;color: white;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease-in-out;} .service_number_outer {display: inline-block;border: 2px solid black;padding: 5px;border-radius: 100%;margin-bottom: 10px;background-color: white;position: relative;z-index: 1;} ul.processRunning_list {list-style: none;padding: 0;margin: 0;display: flex;justify-content: space-between;position: relative;} ul.processRunning_list li {text-align: center;} ul.processRunning_list::before {position: absolute;content: "";height: 2px;background-color: #88888899;top: 26px;left: 95px;width: 87%;z-index: 0;} ul.processRunning_list::after {position: absolute;content: "";height: 2px;background-color: black;top: 26px;left: 95px;width: 0;z-index: 0;transition: width 2s ease-in-out;} .numberoneservice{position: relative;} .numberoneservice::before{position: absolute; content: ""; background-color: var(--grey); width:106px; height: 50px; left: -108px; } .indusry_box{width: 100%; text-align: center;} .counter_section{padding: 35px 0 50px 0;} ul.industryList_8_box {border-radius: 17px; overflow: hidden !important; border: 1px solid #121E361A;} ul.industryList_8_box li{border-radius: 0; border: 0; border-bottom: 1px solid #121E361A; border-right: 1px solid #121E361A;} ul.industryList_8_box li:nth-child(4){ border-right: 0;} ul.industryList_8_box li:nth-child(5){ border-bottom: 0;} ul.industryList_8_box li:nth-child(6){ border-bottom: 0;} ul.industryList_8_box li:nth-child(7){ border: 1px solid #121E361A; border-top: 0; border-radius: 0; border-bottom: 0; border-left: 0;} ul.industryList_8_box li:nth-child(8){border-bottom: 0;} ul.industryList_8_box li:last-child{border-right: 0; } ul.stack_wrapper{ overflow: hidden ; list-style: none; padding: 0; margin: 0;} ul.stack_wrapper li{border: 3px solid #F8F8F8; margin: 0 !important;} .bg-grey ul.stack_wrapper li {background: white;} .stack_box{width: 100%; padding: 40px; text-align: center;} .stack_box img{width: 150px; height: 120px; object-fit: scale-down; display: inline-block;} ul.stack_wrapper li:first-child{border-top-left-radius: 22px;} ul.stack_wrapper li:nth-child(6){border-top-right-radius: 22px;} ul.stack_wrapper li:nth-child(13){border-bottom-left-radius: 22px;} ul.stack_wrapper li:last-child{border-bottom-right-radius: 22px;} ul.stack_wrapper2 li:last-child{border-bottom-right-radius: 0 !important;} ul.industriesList_5_box li:nth-child(4) {border-radius: 0; border-right: 0;} ul.industriesList_5_box li:nth-child(5) {border-radius: 0; border-top: 1px solid #121E361A; border-right: 1px solid #121E361A; border-top-right-radius: 10px;} ul.industriesList_5_box .indusry_box {padding: 46px 25px; background: var(--grey);} .email_services .subservice_box{background-color: white; padding: 50px;} .email_services .subservice_box .service_number {position: static; margin-bottom: 15px;} .email_services .subservice_box h3 { margin-bottom: 0;} .webinar_industries .indusry_box{background-color: white !important;} .whats_include .table{text-align: center;} .whats_include .table th{background-color: #F8F8F8;} .whats_include .table tr{vertical-align: middle;} .podcast_video video{width: 100%; height: 500px; object-fit: cover; object-position: center; border-radius: 10px;} ul.why-online-reputation{margin-bottom: 0;} ul.why-online-reputation li{font-size: 20px; font-weight: 500;} ul.why-online-reputation li span{font-size: 16px; font-weight: 400; display: block;} ul.why-online-reputation li+li{margin-top: 20px; } .why-online .agency_thumb{height: 650px;} .servicetabs .accordion-button , .servicetabs .accordion-body{padding-left: 0; padding-right: 15px;} .clicknav .bi{line-height: 0;} @media(min-width: 992px){ .subservice_head p{font-size: 24px;} } .subService_icon{width: 60px; height: 60px; border-radius: 6px; display: flex; justify-content: center; align-items: center; background-color: rgba(248, 248, 248, 1); margin-bottom: 8px;} .subService_icoon img{width: 30px; height: 30px; } .email-services .subservice_box{background-color: var(--grey);} .email-services .subservice_box .subService_icon{background-color: white;} .email_industries ul.industriesList_5_box .indusry_box {background-color: white;} ul.processRunning_list li{width: 100%; max-width: 250px;} .email_process ul.processRunning_list .numberoneservice::before {position: absolute;content: "";background-color: white;width: 106px;height: 50px;left: -108px;} .platform_box{text-align: center;} .platform_box img{display: inline-block; margin-bottom: 5px; width: 56px; height: 56px; object-fit: scale-down;} .social_counter .counter_block {text-align: center;} .whats_include .table tr td:first-child{text-align: left;} .whats_include .table tr td{width: 33%; padding: 10px 20px;} .disable-animation {transition: none !important;width: 0 !important;} .testimonial_modal video{width: 100%;} .modalclosebtn i{color: black; font-size: 40px; cursor: pointer;} .modalclosebtn { position: absolute; top: -18px; right: -20px; cursor: pointer; background-color: white; line-height: 0; border-radius: 100%;} .testimonial_modal .modal-body {padding: 5px 5px 0px 5px !important;} .table_wrapper table {display: block;overflow-x: auto;white-space: nowrap;} .table_outer{width: 100%; overflow-x: auto;} .table_outer table td,.table_outer table th{padding: 15px; vertical-align: middle;} .table_outer table tr td{position: relative;} .table_outer table tr td span{position: absolute; content: ""; background-color: red; width: 25px; height: 25px; border-radius: 100%; display: flex; justify-content: center; align-items: center; right: -13px; top: 50%; transform: translateY(-50%); z-index: 1;} .table_outer table tr td span img{width: 11px;} .proof_thumb{width: 100%; max-width: 643px; } .why-ai-digi{width: 744px; height: 418px; object-fit: cover; object-position: center; border-radius: 20px;} .who_we_what_do .we_do_block{background-color: white;} .form-control , .form-select{padding: 15px 25px; border-radius: 17px;} .form-control:focus , .form-select:focus {box-shadow: none;} ul.contact_list{list-style: none; padding: 0; margin: 0;} ul.contact_list li {position: relative; color: var(--secondary); padding-left: 30px;} ul.contact_list li a{ color: var(--secondary);} ul.contact_list li img{position: absolute; left: 0; top:4px; width: 23px; height: 23px; object-fit: scale-down;} ul.contact_list li+li{margin-top: 20px;} .map_wrapper iframe{width: 100%; height: 300px; margin-top: 30px; border-radius: 10px;} ul.project_slider{list-style: none; padding: 0; margin: 0; } ul.project_slider .portfolio_item+.portfolio_item{margin-top: 50px;} .casestudySec .portfolio_contents {padding: 10px 0;} /* case study detail */ .LeftcontentSide .big2 a {font-weight: 700;margin-bottom: 12px;display: block} .LeftcontentSide .subTitle {color: var(--theme);font-size: 20px;margin-bottom: 16px;font-weight: 500;line-height: 1.4} .LeftcontentSide .description {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;min-height: 56px} .caseDescription span {font-weight: 600;display: block} .caseDescription a {color: #000} .caseDescription a:hover {text-decoration: underline} .comparison-container {max-width: 100%;position: relative;overflow: hidden;border-radius: 10px;box-shadow: 0 10px 30px rgba(0,0,0,.1)} .comparison-wrapper {width: 100%;position: relative;overflow: hidden} .comparison-after,.comparison-before {width: 100%;position: absolute;top: 0;left: 0} .comparison-before {z-index: 1;clip-path: polygon(0 0,50% 0,50% 100%,0 100%)} .comparison-after {z-index: 0} .comparison-after img,.comparison-before img {width: 100%;display: block;object-fit: cover} .comparison-slider {position: absolute;z-index: 3;width: 5px;height: 100%;background-color: var(--primary);left: 50%;transform: translateX(-50%);cursor: ew-resize;top: 0} .comparison-slider::after {content: '';position: absolute;width: 40px;height: 40px;border-radius: 50%;background-color: var(--primary);top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;color: #fff} .comparison-slider::before {content: '\F6A2' ;font-family: "bootstrap-icons" ;position: absolute;color: #fff;font-size: 20px;font-weight: 700;top: 49.7%;left: 50%;transform: translate(-50%,-50%);z-index: 4} .comparison-label {position: absolute;background-color: var(--primary);color: #fff;padding: 5px 10px;border-radius: 4px;font-size: 14px;font-weight: 500;z-index: 2;transition: opacity .3s ease} .before-label {top: 20px;left: 20px} .after-label {top: 20px;right: 20px} .caseOverview .project_slider .swiper-slide{padding: 0;} .caseOverview .project_slider {margin-top: 75px;} .comparison_slider {margin-top: 75px;} .caseOverview .clicknav .swiper-button-prev,.caseOverview .clicknav .swiper-button-next {bottom: -49px;} .approch_section {background-color: #f5f5f5;padding-bottom: 0} .caseDetailMokup {display: inline-block;position: relative;z-index: 9} ul.approach_list {list-style: none;margin: 0;padding: 0;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 270px;width: 100%;max-width: 1010px} ul.approach_list li {width: 299px;position: absolute;text-align: center} ul.approach_list li .approach_item {z-index: -1} ul.approach_list .approach_item h5 {font-size: 18px;font-weight: 500;margin-bottom: 5px} ul.approach_list .approach_item p {font-size: 13px} ul.approach_list .approach_item img {position: absolute} ul.approach_list li:first-child {top: 0;left: 0} ul.approach_list li:first-child img {top: -48px;right: -170px} ul.approach_list li:nth-child(2) {top: 0;right: 0} ul.approach_list li:nth-child(2) img {top: -62px;left: -120px} ul.approach_list li:nth-child(3) {top: 170px;left: 40px} ul.approach_list li:nth-child(3) img {top: -85px;left: 170px} ul.approach_list li:nth-child(4) {top: 168px;right: 0} ul.approach_list li:nth-child(4) img {top: -62px;left: -40px} ul.approach_list li:nth-child(5) {top: 340px;left: 0} ul.approach_list li:nth-child(5) img {top: -85px;left: 150px} ul.approach_list li:nth-child(6) {top: 360px;right: -30px} ul.approach_list li:nth-child(6) img {top: -77px;left: -80px} ul.approach_list li:nth-child(7) {top: 460px;left: -60px} ul.approach_list li:nth-child(7) img {top: 10px;left: 310px} ul.approach_list li:nth-child(8) {top: 490px;right: 0} ul.approach_list li:nth-child(8) img {top: -60px;left: -220px} .mockupwrapper {padding-left: 90px} .min_768_max_991 {display: none} .caseMockframe {position: relative;z-index: 9;transition: all 6s linear} .caseMockframe img {width: 477px} .sliderMockup {position: absolute;top: 90px;width: 288px;left: 62px;z-index: -1;height: 590px;overflow: hidden;border-radius: 0 0 10px 10px} .sliderMockup img {position: absolute;top: 0;left: 0;transition: transform 15s linear} .case_cta {background-color: #2a1454;background-repeat: no-repeat;background-position: center;background-size: contain;color: #fff;padding: 60px 0} .case_cta h3 {font-size: 30px;color: #fff;margin-bottom: 0;font-weight: 700} .approch_accordion {text-align: left} .approch_accordion .accordion {--bs-accordion-btn-focus-box-shadow: none;--bs-accordion-active-bg: transparent;--bs-accordion-bg: transparent;--bs-accordion-active-color: black} .approch_accordion .accordion .accordion-button {font-weight: 600} .approch_accordion .accordion .accordion-button::after {background: 0 0;content: "\F282";font-family: bootstrap-icons;transform: none} .approch_accordion .accordion .accordion-button:not(.collapsed)::after {content: "\F286";font-family: bootstrap-icons;transform: none} .approch_accordion .accordion .accordion-body {padding-top: 0} .approch_accordion .accordion .accordion-body p {margin-bottom: 0} .result_stats {text-align: center} .result_stats img {max-width: 100%} .result_accordian .accordion-item{margin-bottom: 20px;} .result_accordian .accordion-button{border-radius: 10px !important;background-color: var(--grey) !important; } .result_accordian .accordion-button:not(.collapsed) { outline: 0!important; box-shadow: none!important; } .result_accordian .accordion-button:not(.collapsed)::after {filter: brightness(50)!important} ul.tabs_list {list-style: none;padding: 0;margin: 0;text-align: center;margin-bottom: 50px;display: block} .tabs_list li {display: inline-block;margin: 0 -4px} .tabs_list .nav-link {list-style: none;display: block;padding: 8px 15px;color: var(--secondary);font-size: 18px;font-weight: 500;border-bottom: 1px solid gray; border-radius: 0;} .tabs_list .nav-link.active {color: white;border-bottom: 1px solid var(--primary); background-color: var(--primary); border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .achievements_box {background-color: #fff;padding: 40px;border-radius: 10px;width: 100%} .achievements_box img {width: auto;height: 70px;margin-bottom: 20px;display: none} .achievements_box h3 { margin-bottom: 15px;} .achievements_box p {margin-bottom: 0} .result-card {display: flex;width: 100%;max-width: 520px;align-items: center} .result-icon {width: 60px;height: 60px;background-color: var(--grey);border-radius: 8px;display: flex;align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0} .result-content {flex-grow: 1} .result-title {font-weight: 400;font-size: 1.1rem;margin-bottom: 0;line-height: 1.3;color: #212529} .result-icon img {height: 35px; filter: invert(36%) sepia(37%) saturate(5344%) hue-rotate(196deg) brightness(98%) contrast(108%);} .seoStatBox{background-color: var(--grey); padding: 20px 30px; border-radius: 30px; width: 100%;} .statTitle{text-transform: uppercase; font-weight: 600; color: rgb(0, 0, 0); } .statNumbers{font-size: 50px; font-weight: 600; margin-top: 80px; line-height: 1; color: rgb(0, 0, 0);} .statTimePeriod{color: rgb(0, 0, 0); font-size: 12px; margin-top: 10px;} .statBox1{background-color: #D6EEFF;} .statBox2{background-color: #d4d0f8;} .statBox3{background-color: #FFDAD6;} .wpcf7-not-valid-tip { display:none !important;} .wpcf7-not-valid { border:1px solid #F00 !important;} .wpcf7-checkbox.wpcf7-not-valid { border:none !important;} .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;} .wpcf7-list-item { margin:0 15px 0 0;} .wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/} .wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;} .wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;} .wpcf7-spinner { position:absolute !important;} .custom_pagination,.woocommerce-pagination{text-align:center} .page-numbers{display:inline-block;padding:0;margin:0} .page-numbers>li{display:inline} .page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd} .page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px} .page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px} .page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--primary);background-color:#eee;border-color:#ddd} .page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)} .page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)} .page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd} div.tnp-subscription, div.tnp-profile, form.tnp-subscription, form.tnp-profile { max-width:400px; margin:0;} .tnp-subscription label, .tnp-profile label { font-weight:normal; padding:0 0 5px 0;} .tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription select, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile select { background:none !important; border:#ced4da 1px solid !important; width:100%; height:auto; padding:6px 12px;} .tnp-subscription input[type=text]:focus, .tnp-subscription input[type=email]:focus, .tnp-subscription select:focus, .tnp-profile input[type=text]:focus, .tnp-profile input[type=email]:focus, .tnp-profile select:focus { outline:none !important; border-color:#999 !important;} .tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit { background:var(--primary) !important; cursor:pointer; padding:6px 12px; font-size:16px; line-height:1.5;} .tnp-subscription input.tnp-submit:hover, .tnp-subscription input.tnp-submit:focus, .tnp-profile input.tnp-submit:hover, .tnp-profile input.tnp-submit:focus { background:var(--primary-dark) !important; outline:none !important;} .tags_list{margin-bottom:10px;} .tags_list i{margin-right:5px;} .tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;} .tags_list a:hover{background:var(--primary);border-color:var(--primary);color:#fff;} .tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;} .tagcloud a:hover{background:var(--primary);border-color:var(--primary);color:#fff;} .comment_sec { margin-top:20px;} .comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;} .comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;} .comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px; border-radius:5px;} .comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;} .comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;} .comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3; border-radius:3px;} .comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;} .comment_sec ol.commentlist li .comment-body p { clear:both;} .comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;} .comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;} .blog_section .blog_side img,.blog_section .inner_blog_banner img {width:95% !important;margin-bottom:15px;} .blog_section .category_side{background-color:var(--bs-body-color);color:#fff;text-align:center;padding:50px 30px;border-radius:8px;margin-top:65px} .blog_section .category_side h4,.blog_section .category_side .h4{font-size:22px;font-weight:700} .blog_section .category_side .form-control{margin-top:15px} .blog_section .category_list h4,.blog_section .category_list .h4{font-weight:700;color:var(--secondary)} .blog_section .category_list ul{list-style-type:none;padding:0;margin:0} .blog_section .category_list ul li{border-bottom:1px solid #c6c6c6} .blog_section .category_list ul li:last-child{border-bottom:0} .blog_section .category_list ul li a{display:block;padding:8px 0;color:var(--bs-body-color)} .blog_section .category_list ul li a:hover{color:var(--theme-hover);padding-left: 25px;} .sidebar .widget { margin-bottom:30px;} .sidebar ul { list-style:none; margin:0; padding:0;} .sidebar ul li { margin-bottom:2px;} .sidebar ul li a { color:#000; display:block; padding:8px 5px 8px 20px; position:relative; text-decoration:none; border-radius:5px;} .sidebar ul li a:before { content:"\F285"; font-family:'bootstrap-icons'; font-size:12px; position:absolute; left:6px; top:11px;} .sidebar ul li a:hover, .sidebar ul li.is-active a, .sidebar ul li.current_page_item > a, .sidebar ul li.current-menu-ancestor > a, .sidebar ul li.current-menu-item > a, .sidebar ul li.current-menu-parent > a { background:var(--primary); color:#fff; text-decoration:none;padding-left: 25px} .capitalized_text{text-transform: capitalize;} .company_mail{text-transform: lowercase !important;} .we_do_block h3 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 88px;} .about_team p{font-size: 18px; } .team_thumb{width: 100%; max-width: 600px; display: inline-block;} .wProcess_card{background-color: var(--grey); padding: 50px 70px; border-radius: 20px; width:47%; display: inline-block; text-align: start !important;} ul.wProcess_list{list-style: none; padding: 0; margin: 0;} ul.wProcess_list li {position: relative;} ul.wProcess_list li:nth-child(even){text-align: end;} .wProcess_card h4{font-weight: 600;} .footer_list a:hover { color: #007dfe !important; } .footer_list a { color: #C7C7C7 !important; text-decoration: none !important; } .white_process .numberoneservice::before {background-color: white ;} .caseDetail_banner .home_banner_content p{font-size: 16px !important;} .dots {width: 0; height:0; left:50%; position:absolute; top:0; line-height:inherit!important; z-index: 1;} .stuck_arrow { position:absolute; } .stuck_arrow:after {background:url("images/blue_arrow.svg") no-repeat!important; content:""; cursor:pointer; width:30px; height:30px; left:50%; top:100%; margin:-17px 0 0 -17px; position:absolute; transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:transform 1s ease-in-out 0s; -webkit-transition:transform 1s ease-in-out 0s; z-index:1; line-height:50px!important;} .v_line_1 {top:0; width:1px; border-left: #000 dotted 2px; left:0;} .h_line_1 {top:100%; height:1px; border-bottom: #000 dotted 2px; left: 0;} .h_line_1:after {left: 100%!important; transform: rotate(270deg)!important; -webkit-transform: rotate(270deg)!important; margin-top:-15px!important;} .v_line_2 {top:0; width:1px; border-left: #000 dotted 2px; left:100%; right:0;} .h_line_2 {top:100%; height:1px; border-bottom: #000 dotted 2px; left:auto; right:0;} .h_line_2:after {left:inherit!important; right:100%; transform: rotate(-270deg)!important; -webkit-transform: rotate(-270deg)!important; margin-top:-15px!important; margin-right:-23px!important;} .v_line_3 {top:0; width:1px; border-left: #000 dotted 2px; left:0;} .h_line_3 {top:100%; height:1px; border-bottom: #000 dotted 2px; left: 0;} .h_line_3:after {left: 100%!important; transform: rotate(270deg)!important; -webkit-transform: rotate(270deg)!important; margin-top:-15px!important;} .v_line_4 {top:0; width:1px; border-left: #000 dotted 2px; left:100%; right:0;} .h_line_4 {top:100%; height:1px; border-bottom: #000 dotted 2px; left:auto; right:0; } .h_line_4:after {left:inherit!important; right:100%; transform: rotate(-270deg)!important; -webkit-transform: rotate(-270deg)!important; margin-top:-15px!important; margin-right:-23px!important;} .v_line_5 {top:0; width:1px; border-left: #000 dotted 2px; left:0;} .h_line_5 {top:100%; height:1px; border-bottom: #000 dotted 2px; left: 0;} .h_line_5:after {left: 100%!important; transform: rotate(270deg)!important; -webkit-transform: rotate(270deg)!important; margin-top:-15px!important;} .v_line_6 {top:0; width:1px; border-left: #000 dotted 2px; left:100%; right:0;} .h_line_6 {top:100%; height:1px; border-bottom: #000 dotted 2px; left:auto; right:0;} .h_line_6:after {left:inherit!important; right:100%; transform: rotate(-270deg)!important; -webkit-transform: rotate(-270deg)!important; margin-top:-15px!important; margin-right:-23px!important;} @media (min-width: 992px) { .blogDetail_banner.banner_home { padding: 64px 0; } .blog_detail h1{font-size: 36px; font-weight: 600;} .blog_detail h2{font-size: 24px; font-weight: 600;} .blog_detail h3{font-size: 22px; font-weight: 600;} .blog_detail h4{font-size: 20px; font-weight: 600;} .blog_detail h5{font-size: 18px; font-weight: 600;} .blog_detail h6{font-size: 16px; font-weight: 600;} } @media (max-width: 991px) { .blogDetail_banner.banner_home {padding: 0;} .blog_detail h1{font-size: 36px; font-weight: 600;} .blog_detail h2{font-size: 24px; font-weight: 600;} .blog_detail h3{font-size: 22px; font-weight: 600;} .blog_detail h4{font-size: 20px; font-weight: 600;} .blog_detail h5{font-size: 18px; font-weight: 600;} .blog_detail h6{font-size: 16px; font-weight: 600;} } .blog_detail h2 ,.blog_detail h3 , .blog_detail h4, .blog_detail h5, .blog_detail h6{padding-top: 15px;} .blogDetail_thumb{border-radius: 15px;} .blog_detail_cta{margin: 30px 0; border-radius: 12px; padding: 40px;} .blog_detail_cta p{font-size: 16px;} ul.recent_post_list{list-style: none; padding: 0; margin: 0;} ul.recent_post_list li{width: 100%; max-width: 330px;} ul.recent_post_list li h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; padding-top: 0 !important; font-weight: 500 !important;} ul.recent_post_list li+li{margin-top: 20px;} .recent_thumb{width: 120px; height: 70px; border-radius: 8px; object-fit: cover; object-position: center;} .blogDetail_rightBlock{margin-bottom: 60px;} .blogDetail_rightBlock h3{margin-bottom: 20px;} ul.service_list_detail{list-style: none; padding: 0; margin: 0; } ul.service_list_detail li+li{margin-top: 10px;} ul.service_list_detail li a{color: black; position: relative; padding-left: 25px;} ul.service_list_detail li a:hover{color: var(--primary)} ul.service_list_detail li a:hover::before{color: black} ul.service_list_detail li a::before{position: absolute; content: "\F231"; font-family: "bootstrap-icons"; left: 0; top: 1px; font-size: 15px; color: var(--primary);} .blogDetail_thumb{width: 100%; height: 451px; object-fit: cover; object-position: top;} .detail_ad_banner{width: 100%; max-width: 350px; border-radius: 8px;} .project_wrapper ul.tabs_list{margin-bottom: 0px;} ul.share_social{list-style: none; padding: 0; margin: 0;} ul.share_social li{display: inline-block; margin-right: 8px;} ul.share_social li a i{font-size: 16px ; color: var(--primary); } .recent_post_list a{color: black ;} .blogDetail_rightBlock h3 { font-size: 1.8em !important; font-weight: bold !important; margin-bottom: 15px !important; } .service_list_detail { list-style: none !important; padding: 0 !important; margin: 0 !important; } .service_list_detail li { font-size: 1em !important; margin-bottom: 8px !important; display: flex !important; align-items: center !important; } .service_list_detail li::before { color: #007bff !important; /* Blue arrow */ font-size: 0.8em !important; margin-right: 8px !important; } .casee-logo-image{width: 40px; height: 40px; border-radius: 5px; background-color: var(--grey); display: flex; justify-content: center; align-items: center;} .casee-logo-image img{width: 25px; height: 25px; object-fit: scale-down;} .portfolio_wrap .row .col-lg-3 { flex: 0 0 auto; width: auto; } .portfolio_wrap .row { gap: 15px; /* adjust as needed */ } .subService_icon img{ filter: invert(29%) sepia(50%) saturate(4140%) hue-rotate(200deg) brightness(106%) contrast(105%);width: 30px;height: 30px;object-fit: scale-down;} ul.inner_logos_list li img{width: auto;height: 23px; margin-left: 15px;} .policy-banner p { font-size: 16px !important; } .apart .subservice_box{background-color: var(--grey);} .sets_apart video{width: 100%;max-width: 450px;height: 550px;object-fit: cover; object-position: center; display: inline-block; border-radius: 12px;} ul.apart_list li+li{margin-top: 6px;} .blog_content strong{font-weight: bold;} /* blog new */ .helptabs{padding-top: 60px;} .helptabs ul.nav-pills {} .helptabs ul.nav-pills li{display: block; width: 100%; } .helptabs ul.nav-pills li .nav-link{color: #0000004D; font-weight: 500; padding: 8px 0; position: relative; font-size: 18px; padding-right: 17px; padding-left:8px ;} .helptabs ul.nav-pills li .nav-link:hover{color: black } .helptabs ul.nav-pills li .nav-link.active{color: black; background-color: transparent;} .helptabs ul.nav-pills li .nav-link.active::after{position: absolute; content: ""; font-family: "bootstrap-icons"; font-weight: 500; top: 50%; transform: translateY(-50%); height: 70%; width: 2px; background-color: black; left: 0;} .helptabs .tab-content h2{ font-size: 26px; margin-bottom: 15px;} .helptabs .accordion{--bs-accordion-bg: transparent; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: black; --bs-accordion-border-width: 0; --bs-accordion-btn-focus-box-shadow: none; margin-top: 25px;} .helptabs .accordion-body {padding: 5px 0; padding-left: 25px;} .helptabs .accordion-button {padding: 10px 0; font-weight: 500; font-size: 18px; padding-left: 25px;} .helptabs .accordion-item { margin-bottom: 10px;} .helptabs .accordion-button::after {position: absolute; background: none; content: "\F285"; font-family: "bootstrap-icons"; transform: none; left: 0;} .helptabs .accordion-button:not(.collapsed)::after {background: none; content: "\F282";} .helptabs .tab_d {margin-bottom: 30px; margin-top: 0px; background: transparent; padding: 0;} .helptabs .tab-content {padding-left: 50px;} .blogDetail_thumb {height: auto;} .blogdateMetaa{margin-top: 15px;} .blogDatee{font-size: 14px; font-weight: 300;} ul.share_social li a i {font-size: 21px;color: black;} ul.share_social li {margin-right: 13px;} .tabs_data img {margin-top:15px!important;} ul.ai_info_text_list {list-style: none; margin: 0; padding: 0;border: #ddd 1px solid;} ul.ai_info_text_list li{border-bottom: #ddd 1px solid; padding-bottom: 10px; padding-top: 10px; padding-left: 15px;} ul.ai_info_text_list li:nth-child(even){background-color: var(--grey);} ul.ai_info_text_list li .row [class*="col-"]+[class*="col-"]{border-left: #ddd 1px solid;} ul.ai_info_text_list li .row [class*="col-"]:last-child{text-align: center;} ul.ai_info_text_list li:last-child{border-bottom: 0;} ul.ai_info_text_list li .btn{min-width: 180px;} ul.ai_info_text_list li h5{margin-bottom: 0;} .ai_thumb img{border-radius: 12px;} .feature_ai_accordian .accordion .accordion-item{border: 1px solid #E8E9EB; border-radius: 15px;overflow: hidden; padding: 0px;} .feature_ai_accordian .accordion .accordion-item+.accordion-item{margin-top: 15px;} .feature_ai_accordian .accordion .accordion-button{font-size: 20px; font-weight: 500; padding: 15px 40px 20px 40px; } .feature_ai_accordian .accordion .accordion-body{ padding: 0 40px 20px 40px;} .feature_ai_accordian .accordion-button:not(.collapsed), .feature_ai_accordian .accordion .accordion-body {background: white;} @media(max-width:767px){ .blogDetailThumbb{padding-bottom: 20px; padding-top: 40px;} } @media(max-width:575px){ .blogDetailThumbb{padding-bottom: 20px; padding-top: 20px;} ul.share_social li a i {font-size: 16px;} } .form_modal .modal-content{border-radius:0;background:var(--secondary);color:white;border:0; border-radius: 12px; padding: 30px; position: relative; overflow: hidden;} .form_modal .form-control { height: auto; padding: 12px 15px;border-color: rgba(0, 0, 0, 0.500);} .form_modal .btn_submit { padding: 22px 32px 24px 28px;} .form_modal .btn-close { background: white; color: black; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; position: absolute; top: 15px; right: 15px; opacity: 1; z-index: 99; font-size: 20px;} .project_slider.stat-swipe .swiper-slide {background-color: var(--secondary);} .project_slider.stat-swipe .project_logo {margin: 0 auto 30px;} .project_slider.stat-swipe .image_stat img{border-radius: 12px; border: #ddd 1px solid; max-width: 550px;}