We are a premier web development and SEO company based in India, committed to providing top-notch services to businesses worldwide

Why Prolore Digital

Prolore is a modern marketing agency driven by excellence in delivery and focussed ROI. We are client oriented, young, energetic, enthusiastic, innovative and experienced. Happy clients are our core beneficiary.

About Us

We Offer Web Development & Digital Marketing Services

seo

SEO & Organic Search Services

Bring your website to the focal point. Increase organic ranking of your web pages for targeted keywords that drive revenue using our bespoke SEO that covers audits, recommendations, implementation, and reporting.

SEO Services
content Strategy

Content Strategy Services

A good content strategy is often the foundation of your attract and delight stages in a buyers’ journey. With 70% of marketers actively investing in content marketing, it’s often critical you develop a good content strategy to compete in your industry…

Content Strategy Services
Paid social media

Organic & Paid Social Media

The social media world changes faster than any other online space. Keeping up with it isn’t an easy task. We activate your brand’s online presence and stay connected with your audience using meticulously planned social media campaigns that align with and deliver to your brand’s core objectives.

Pay Per Click
Paid Search

Paid Marketing Search Services

Paid search campaigns on Google and Bing that drive true ROI and reduce CPA. From setting up the account to running optimized campaigns with creatives that entice a click, driving quality traffic to landing pages that convert with a lead or sale.

Search Engine Marketing
CMS Support

Magento eCommerce Development

There are thousands of eCommerce websites, applications, and online stores, but you need a robust and highly functional e-store, not just a commerce website in terms of looks, technicalities, and other features.

eCommerce Development
Support

Web Development & Support Services

Looking to build a business website or an MVP and POC for your startup? With a history of working with prominent incubators and startups, we can help you choose the right platform, build it, deploy your website/web app that is ready to take on transactions, or start delivering leads.

Website Development
Cloud Hosting

Amazon Web Services & AWS Cloud Hosting

Tired of the traditional hosting solutions for your website? Looking for a scalable and cost-effective solution? AWS [Amazon Web Services] may be a solution to your hosting perils. We can help architect and set up the right cloud hosting solution for your business for optimum performance, scalability, and high flexibility.

AWS Cloud Hosting
Data Consulting

Marketing Research Consulting Services

Having the right Marketing Technology stack can pivot your marketing efforts and have a major impact on your marketing ROI. Data is more important than ever before to optimize digital marketing whilst keeping your customer’s privacy at top priority.

Consultation Services

What are our clients saying about our work?

0

Completed Projects

Web Development
0

Happy Clients

SEO Retainers
0

On Average

Client Tenure

Recent Case Study

OUR BLOGS

  • SEO
  • July 20, 2021

Online Marketing for Small Scale Business Success

Gone are the days of relying solely on print ads, coupon mailers, or billboards to reach new customers. …

Learn More

All You Need To Know About Google Algorithm Florida 2 Core Update

Tech experts around the world are saying that the latest Google algorithm update known as Florida Core 2 …

Learn More

Our Clients

zoomcar
cozyhomz
cabs
docuvity
expressweather
brand-me
enventure
hatak-shaadi
intelligentia
janaagraha
oce
anish-project
kangan
kantime
love-times
mahiti
longueuil
pragathy-landscape
styletag
zinnov
india-australia-business-advisory-group
tamara-health
keeley-marine
iem
nasscom

Leadership Team

khadija

Khadija Shabbir

CEO
Khadija is a highly analytical thinker with an audience-first mindset. She has been associated with Prolore since 2013. Her in-depth experience with SEO, Website Analytics tools and constraints, ranking factors and search engine algorithms are gems for Prolore.
kamlesh

Kamlesh Jangir

CTO
Kamlesh has more than a decade of experience in web development and product management. He has been associated with Prolore since the establishment of the company and now leads the app development unit.
govind

Govind Jangir

COO
Govind specializes with an experience of a decade, in making web designs a reality and writing code that dictates how different parts of the website fit together.

Ready to speak with a marketing expert?

Develop a winning strategy that places your brand at the focal point.

    see
    .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:30px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} :root { --h1size: 67px; --h2size: 45px; --h3size: 24px; --h4size: 20px; --h5size: 18px; --h6size: 16px; --bodysize: 18px; --h1height: 70px; --h2height: 50px; --h3height: 32px; --h4height: 28px; --h5height: 26px; --h6height: 26px; --bodyheight: 30px; --pfamily: 'Poppins', sans-serif; --red: #e93e2d; --gray: #c8c7c4; --text: #4a4a4a; --blue: #29589f; --darkblue: #222f5a; --white: #ffffff; --chalk: #f3f4f8; --green: #138589; --purple: #b12fad; --orange: #ef7f1a; --dark: #232323; --yellow: #ffab10; --body: #f5f6f7; --border: #eef0f6; --heading: #39404a; --primary: #9fedd7; --sub-heading: #565765; --green-chalk: #ddffd5; --green-dark: #244d4d; --gray-chalk: #cccccc; --intro-bg: #e5eef6; --facebook: #3b5998; --linkedin: #0e76a8; --twitter: #00acee; --google: #E60023; --instagram: #F77737; --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1); --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1) } * { margin: 0px; padding: 0px; outline: 0px } .bg-primary{ background: var(--primary) !important; } img { vertical-align: middle; max-width: 100%; height: auto; } a { text-decoration: none; display: inline-block; color: var(--green); } a:hover { text-decoration: none } ul, ol { padding: 0px; margin: 0; list-style: none } a, button, img, input, span { -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } html, body { scroll-behavior: smooth } body { color: var(--text); background: var(--white); font-size: var(--bodysize); font-family: var(--pfamily); line-height: var(--bodyheight); overflow-x: hidden; font-weight: 300; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--dark); margin-bottom: 30px; } h1 { font-size: var(--h1size); line-height: var(--h1height) } h2 { font-size: var(--h2size); line-height: var(--h2height); } h3 { font-size: var(--h3size); line-height: var(--h3height) } h4 { font-size: var(--h4size); line-height: var(--h4height) } h5 { font-size: var(--h5size); line-height: var(--h5height) } h6 { font-size: var(--h6size); line-height: var(--h6height) } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:14px; color:var(--dark) !important; text-transform:capitalize } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size:14px; color:var(--dark) !important; text-transform:capitalize } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-size:14px; color:var(--dark) !important; text-transform:capitalize } input::placeholder, textarea::placeholder { font-size:14px; color:var(--dark) !important; text-transform:capitalize } input, button { border: none; outline: none; background: none } button:focus { outline: none } @media (max-width: 575px) { .col { padding: 0px 8px } :root{ --h1size: 45px; --h2size: 38px; --h3size: 24px; --h1height: 55px; --h2height: 45px; --h3height: 32px; } } @media (max-width: 991px) { .content-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .section { padding: 50px 0; overflow: hidden; } .inner-section { padding: 50px 0; } .section-heading { text-align: center; margin-bottom: 30px } .service-section .section-heading { margin-bottom: 80px } .contact-section-form{ padding: 30px; background: var(--white); box-shadow: -15px 20px 40px 0 rgba(0, 2, 72, 0.1); text-align: center; } .contact-section-form h2{ font-size: 67px; line-height: 70px; } .section-btn-50 { text-align: center; margin-top: 50px } .section-btn-25 { text-align: center; margin-top: 25px } .whyus-section{ font-size: 20px; overflow: hidden; } .whyus-heading{ position: relative; height: 100%; display: flex; align-items: center; } .whyus-heading::before{ position: absolute; content: ''; left: -210%; top: 0; width: 300%; height: 100%; background: var(--primary); border-radius: 0 150px 150px 0; z-index: -1; } .whyus-heading h2{ font-size: 45px; margin-bottom: 0; } .whyus-section .row.flex-row-reverse .whyus-heading{ position: relative; height: 100%; padding-left: 20%; display: flex; align-items: center; } .whyus-section .row.flex-row-reverse .whyus-heading::before{ position: absolute; content: ''; left: inherit; right: -210%; top: 0; width: 300%; height: 100%; background: var(--primary); border-radius: 100px 0 0 100px; z-index: -1; } .section-heading2{ position: relative; padding-top: 50px; margin-bottom: 40px; } .section-heading2 h2{ font-size: 45px; } .section-heading2::before{ position: absolute; content: ''; left: -215%; top: 0; width: 300%; height: 346px; background: var(--primary); z-index: -1; border-radius: 0 173px 173px 0; } .serviceslider-part .flex-row-reverse .section-heading2{ text-align: right; } .serviceslider-part .flex-row-reverse .section-heading2::before{ position: absolute; content: ''; left: inherit; right: -200%; top: 0; width: 300%; height: 346px; background: var(--primary); z-index: -1; border-radius: 173px 0 0 173px; } .service-card{ padding: 30px; background: var(--white); box-shadow: 2px 3px 10px rgba(0,0,0,0.2); margin: 10px 20px 10px 20px; border-radius: 20px; text-align: center; } .service-card .service-media{ margin-bottom: 20px; height: 60px; display: flex; justify-content: center; align-items: center; } .service-content{ font-size: 16px; } .service-content p{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .service-c-title{ font-size: 25px; margin-bottom: 10px; } .service-card .service-media img{ height: 57px; } .service-card .service-media i{ font-size: 52px; } @media (max-width: 767px) { .section-heading h2 { font-size: 28px; line-height: 36px } .section{ padding: 40px 0; } .cta-banner-content{ flex-wrap: wrap; text-align: center; justify-content: center !important; } .cta-banner-content h4{ margin-bottom: 20px !important; } .sticky-social{ position: fixed; bottom: 15%; left: 0; z-index: 9; top: inherit !important; } .sticky-social .email{ display: none; } } .breadcrumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: none; margin: 0px; } .breadcrumb .active { color: var(--white) } .breadcrumb-item { padding: 0px !important; text-transform: capitalize } .breadcrumb-item a { color: var(--white) } .breadcrumb-item a:hover { color: var(--white); text-decoration: underline } .breadcrumb-item+.breadcrumb-item::before { color: var(--white); padding: 0px 8px } .backdrop { position: fixed; top: 0px; left: 0px; z-index: 4; width: 1000%; height: 100%; background: rgba(0,0,0,0.5); display: none } .backtop { position: fixed; right: 20px; bottom: 20px; z-index: 2; width: 48px; height: 48px; font-size: 15px; color: var(--white); line-height: 48px; text-align: center; display: none; border-radius: 50%; background: var(--primary); -webkit-box-shadow: 0px 0px 15px 3px rgba(71,254,126,0.5); box-shadow: 0px 0px 15px 3px rgba(71,254,126,0.5); -webkit-animation: ppr 2s infinite; animation: ppr 2s infinite; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .backtop:hover { color: var(--white) } @-webkit-keyframes ppr { 0% { margin-bottom:0px } 50% { margin-bottom:15px } } @keyframes ppr { 0% { margin-bottom:0px } 50% { margin-bottom:15px } } @media (max-width: 575px) { .backtop { width: 42px; height: 42px; line-height: 42px; font-size: 14px } } @media (max-width: 991px) { .backtop { bottom: 55px } } .btn { padding: 13px 40px; } .btn-primary, .wp-block-button__link, .ssa-leadgen-widget__btn-start { background: var(--gray) !important; border-color: var(--gray) !important; border-radius: 30px !important; transition: all .3s ease-out 0s; font-size: 16px; color: var(--dark) !important; font-weight: bold; box-shadow: 3px 3px 2px rgba(0,0,0,0.42); padding: 12px 30px !important; } .btn-primary:hover, .wp-block-button__link:hover, .ssa-leadgen-widget__btn-start:hover { background: var(--green-dark) !important; border-color: var(--green-dark) !important; color: var(--white) !important; } .cf7mls_next, .cf7mls_back, .wpcf7-submit { background: var(--gray) !important; border-color: var(--gray) !important; border-radius: 30px !important; transition: all .3s ease-out 0s; font-size: 16px; color: var(--dark) !important; font-weight: bold; box-shadow: 3px 3px 2px rgba(0,0,0,0.42); padding: 12px 30px !important; margin: 10px 5px 10px 0 !important; line-height: 1.6; } .seo-score-form .wpcf7-spinner{ position: absolute; } .fieldset-cf7mls p{ margin-bottom: 0; } .btn-success { background: var(--primary); border-color: var(--primary); border-radius: 5px; transition: all .3s ease-out 0s; font-size: 16px; text-transform: uppercase; } .btn-outline-primary{ border-color: var(--primary); color: var(--primary); border-width: 2px; font-weight: 500; } .is-style-outline>.wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background){ border-color: var(--border); } .btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important } .btn i { margin-right: 5px } .btn-inline { color: var(--white); background: var(--primary) } .btn-inline:hover { color: var(--primary); background: var(--white) } .btn-outline { color: var(--primary); background: var(--white) } .btn-outline:hover { color: var(--white); background: var(--primary) } .btn-sm { outline:0; font-size: 13px; font-weight: 500; padding: 8px 18px; text-transform: capitalize; } .btn-xs { outline:0; font-size: 12px; font-weight: 500; text-transform: capitalize; padding: 5px 8px; border-radius: 5px; } .home-index-slider .dandik, .home-index-slider .bamdik { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; visibility: hidden; opacity: 0; } .home-index-slider .dandik { left: 30px } .home-index-slider .bamdik { right: 30px } .home-index-slider .slick-dots { bottom: 50px } .banner-part { padding: 60px 0px; margin-bottom: 0; position: relative; z-index: 1; height: 600px; background-position: right; align-items: center; background-repeat: no-repeat; } .slider-form{ padding:30px; background: rgba(255,255,255,1); border-radius: 10px; position: relative; } .home-index-slider.slick-initialized .slick-slide{ display: flex; } .banner-content h2 { text-transform: capitalize; margin-bottom: 22px; font-size: 40px; font-weight: 700; } .banner-content p { font-size: 22px; line-height: 26px; margin-bottom: 30px; color: var(--dark); font-weight: 300; } .banner-content p:last-child { margin-bottom: 0 } .banner-part .justify-content-center .wp-block-buttons{ justify-content: center; } .banner-btn .btn { margin-right: 15px } .banner-img { position: relative; } .banner-img img { max-width: 100%; max-height: 450px; position: relative; } .banner-img::before { content: ''; position: absolute; top: -30px; left: 240px; width: 530px; height: 450px; background: var(--primary); z-index: -1; border-radius: 49%; } .home-index-slider .slick-active h2{ animation: 0.6s fadeInUp; } .home-index-slider .slick-active p{ animation: 1.6s fadeInUp; } .home-index-slider .slick-active .wp-block-button__link{ animation: 2.0s fadeInUp; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @media (max-width: 767px) { .banner-content h1 { font-size: 38px; line-height: 48px } .banner-btn .btn { margin: 8px } .banner-part{ height: auto; max-height: inherit; background-image: none !important; } .banner-content{ margin-bottom: 30px; } .whyus-heading{ margin-right: 20px } .whyus-heading h2{ padding: 30px 0; } } @media (min-width: 768px) and (max-width: 991px) { .banner-content h1 { font-size: 32px; line-height: 42px } .banner-btn .btn { padding: 14px 22px; margin-right: 10px } } .bg-grey-theme{ background: var(--chalk); } .bg-green-themes{ background: var(--green); } .bg-red-themes{ background: var(--red); } .bg-primary-themes{ background: var(--primary); } .bg-yellow-themes{ background: var(--yellow); } .menu-badge { font-size: 10px; padding: 0px 5px; margin-left: 5px; line-height: 18px; border-radius: 3px; letter-spacing: 0.3px; display: inline-block; text-transform: uppercase; color: var(--white); background: var(--red); text-shadow: var(--primary-tshadow) } .dropdown-arrow { position: relative; padding-right: 18px !important } .dropdown-arrow:hover::before { color: var(--primary) } .dropdown-arrow::before { position: absolute; content: "\f282"; font-family: "bootstrap-icons"; top: 50%; right: 0px; font-size: 15px; line-height: 15px; color: var(--text); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-megamenu .dropdown-position-list .dropdown-arrow::before{ content: ''; } .dropdown-link { position: relative; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-link:hover { color: var(--primary); background: var(--chalk) } .dropdown-link:hover::before { color: var(--primary) } .dropdown-link::before { position: absolute; top: 50%; right: 18px; content: "\f64d"; font-family: "bootstrap-icons"; font-size: 10px; font-weight: 900; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-link.active { color: var(--primary) } .dropdown-link.active::before { color: var(--primary); content: "\f2ea"; font-family: "bootstrap-icons"; } .dropdown-list { display: none; padding: 0px 20px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-list li a { width: 100%; font-size: 15px; line-height: 18px; border-radius: 8px; padding: 10px 15px 10px 35px; color: var(--text); position: relative; white-space: nowrap; text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-list li a:hover { color: var(--primary); background: var(--chalk) } .dropdown-list li a::before { position: absolute; top: 50%; left: 15px; content: "\f2ea"; font-family: "bootstrap-icons"; font-size: 10px; font-weight: 900; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .dropdown:hover .dropdown-position-list { visibility: visible; opacity: 1; top: 100% } ul.dropdown-position-list { position: absolute; top: 120%; left: 0px; z-index: 2; width: 220px; height: auto; visibility: hidden; opacity: 0; background: var(--white); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; } .dropdown-position-list li a { width: 100%; font-size: 15px; line-height: 18px; padding: 10px 15px; color: var(--dark); font-weight: 300; background: var(--white); white-space: nowrap; text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dropdown-position-list li a:hover { color: var(--primary); background: var(--chalk); } #primary-menu ul li{ position: relative; } #primary-menu ul li ul:not(.dropdown-megamenu){ position: absolute; top: 0; left: 220px; z-index: 2; width: 220px; height: auto; visibility: hidden; opacity: 0; } #primary-menu li > ul{ border-top: 2px solid var(--primary); } #primary-menu li.dropdown-megamenu ul ul{ border-top: 0 !important; } #primary-menu ul li:hover ul{ visibility: visible; opacity: 1; } #primary-menu ul li.menu-item-has-children > a::before { position: absolute; top: 50%; right: 15px; content: "\f285"; font-family: "bootstrap-icons"; font-size: 10px; font-weight: 900; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .dropdown-megamenu { position: static } li.dropdown-megamenu:hover > .dropdown-position-list { visibility: visible; opacity: 1; top: 100%; } #primary-menu ul li.dropdown-megamenu ul{ position: relative; opacity: 1; visibility: visible; } li.dropdown-megamenu > .dropdown-position-list { position: absolute; top: 120%; left: 50%; z-index: 2; width: 1180px; padding: 20px; background: var(--white); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; display: flex; } .dropdown-item.active, .dropdown-item:active{ color: var(--primary); background: var(--white); } li.dropdown-megamenu:hover > .dropdown-position-list a:hover, li.dropdown-megamenu:hover > .dropdown-position-list a.active{ color: var(--primary); background: var(--white); } li.dropdown-megamenu > .dropdown-position-list .dropdown-position-list{ position:relative !important; top: 0 !important; box-shadow: none; left: 0 !important; visibility: visible !important; opacity: 1 !important; } li.dropdown-megamenu > .dropdown-position-list > li > .dropdown-item{ margin-bottom:20px; font-weight: bold; } li.dropdown-megamenu > .dropdown-position-list > li > .dropdown-item::before{ content: '' !important; } .megamenu-scroll { height: 380px; overflow-y: scroll } .megamenu-wrap { margin-bottom: 30px } .megamenu-title { padding-bottom: 18px; margin-bottom: 20px; position: relative; text-transform: capitalize; border-bottom: 1px solid var(--border) } .megamenu-title::before { position: absolute; content: ""; bottom: -2px; left: 0px; width: 50px; height: 2px; background: var(--primary) } .megamenu-list { border-left: 1px solid var(--border) } .megamenu-list li a { width: 100%; border-radius: 5px; padding: 5px 0px 5px 25px; color: var(--text); white-space: nowrap; text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .megamenu-list li a:hover { color: var(--primary); background: var(--chalk) } .megamenu-promo a img { width: 100%; border-radius: 3px } @media (max-width: 1199px) { .megamenu { width: 100% } } #mobile-menu .nav-link{ margin-bottom: 2px; } #mobile-menu > li > ul{ margin:0; padding: 0; } #mobile-menu li.current-menu-item .nav-link, #mobile-menu .current-menu-ancestor > a { background: var(--chalk); } #mobile-menu li.current-menu-item > a{ font-weight: bold; } #mobile-menu > li > ul ul { display: block !important; } #mobile-menu .current-menu-ancestor > ul{ display: block; } .form-title { text-align: center; margin-bottom: 20px } .form-title h3 { text-transform: capitalize } .form-group { margin-bottom: 20px } .form-group small { color: var(--gray); letter-spacing: 0.3px; padding: 0px 0px 0px 20px } .form-group textarea { height: 150px; padding: 12px 20px } .form-label { font-weight: 500; margin: 0px 0px 7px 3px; white-space: nowrap; text-transform: capitalize } .form-control, textarea, .ssa-leadgen-widget__input { width: 100%; border-radius: 6px; padding: 12px 20px; color: var(--text); background: var(--white); border: 2px solid var(--border); } .form-control:focus-within, textarea:focus { background:var(--chalk); border-color:var(--primary); -webkit-box-shadow:none; box-shadow:none; outline:0 } .form-control[type=file]::-webkit-file-upload-button, .form-control[type=file]::file-selector-button { height:45px; color:var(--gray) } .form-control[type=file]::-webkit-file-upload-button:hover, .form-control[type=file]::file-selector-button:hover { } .form-control[type=file]::-webkit-file-upload-button:focus, .form-control[type=file]::file-selector-button:focus { } .form-select { height: auto; font-size: 15px; padding: 15px 20px; letter-spacing: 0.3px; background-size: 12px 10px; text-transform: capitalize; color: var(--text); cursor: pointer; padding-right: 25px; } .form-select:focus-within { -webkit-box-shadow:none; box-shadow:none; border-color:var(--primary) } .form-check-input:focus { border-color: var(--primary); -webkit-box-shadow: none; box-shadow: none } .form-check-input:checked { background-color: var(--primary); border-color: var(--primary) } .form-btn { width: 100%; height: 45px; font-size: 14px; font-weight: 400; line-height: 45px; border-radius: 6px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; color: var(--white); background: var(--primary) } .form-input-group { position: relative } .form-input-group:focus-within i { color:var(--primary) } .form-input-group input { padding: 0px 20px 2px 45px } .form-input-group textarea { padding: 12px 20px 12px 45px } .form-input-group i { position: absolute; top: 0px; left: 0px; width: 45px; height: 45px; font-size: 18px; line-height: 45px; border-radius: 50%; text-align: center } .form-btn-group { width: 100%; height: 45px; font-size: 14px; font-weight: 500; line-height: 45px; border-radius: 6px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; color: var(--white); background: var(--primary) } .form-btn-group i { font-size: 15px; margin-right: 5px; display: inline-block } .nav-tabs { border: none; padding: 18px 25px; border-radius: 8px; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--white) } .nav-tabs li { padding: 0px 25px; } .nav-tabs li:last-child { border: none } .tab-link { font-size: 15px; font-weight: 500; color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .tab-link:hover { color: var(--primary) } .tab-link i { font-size: 18px; margin-right: 3px } .tab-link.active { color: var(--primary) } .tab-pane { display: none; padding: 0px } .tab-pane.active { display: block } @media (max-width: 575px) { .nav-tabs { } .nav-tabs li { padding: 5px; border: none } } @media (min-width: 576px) and (max-width: 767px) { .nav-tabs { padding: 25px 10px } .nav-tabs li { padding: 0px 20px } } .pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .nav-links ul.page-numbers{ display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .nav-links ul.page-numbers li { margin-left: 10px } .nav-links ul.page-numbers li:first-child .page-link, .nav-links ul.page-numbers li:last-child .page-link { border-radius: 5px; } .nav-links ul.page-numbers li .page-numbers.current { color: var(--white); background: var(--primary) } .nav-links ul.page-numbers li .page-numbers { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; font-weight: 400; border: none; padding: 0px; color: var(--text); background: var(--chalk); display: block; } .nav-links ul.page-numbers li .page-numbers:hover { color: var(--white); background: var(--primary) } .nav-links ul.page-numbers li .page-numbers:focus { -webkit-box-shadow: none; box-shadow: none } @media (max-width: 991px) { .nav-links ul.page-numbers li .page-numbers { width: 35px; height: 35px; line-height: 35px } } @media (max-width: 767px) { .nav-links ul.page-numbers li { margin: 0px 3px } .account-title{ flex-wrap:wrap; } .account-title .btn-xs, .account-title h6{ margin-bottom:5px; } } .slider-arrow:hover .dandik, .slider-arrow:hover .bamdik { visibility: visible; opacity: 1 } .dandik, .bamdik { position: absolute; top: 110%; -webkit-transform: translateY(-110%); transform: translateY(-110%); font-size: 25px; width: 45px; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--dark); visibility: visible; opacity: 1; cursor: pointer; z-index: 1; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .dandik:hover, .bamdik:hover { color: var(--gray); } .dandik { right: 60px } .bamdik { right: 10px } .slider-dots ul { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .slider-dots ul li { width: 9px; height: 9px; margin: 0px 5px; border-radius: 30px; cursor: pointer; display: inline-block; background: var(--primary); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .slider-dots ul li button { display: none } .slider-dots ul li.slick-active { width: 25px; background: var(--primary); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } @media (max-width: 575px) { .slider-dots ul { bottom: 10px } .slider-dots ul li { margin: 0px 6px } } @media (min-width: 576px) and (max-width: 767px) { .slider-dots ul { bottom: 20px } .slider-dots ul li { margin: 0px 6px } } . .table-list { width: 100% } .table{ font-size:12px; } thead tr { background: var(--primary); } thead tr th { font-size: 15px; font-weight: bold; white-space: nowrap; text-align: center; text-transform: capitalize; padding: 12px 10px; border-right: 1px solid var(--border); color: var(--white); } tbody tr { border-bottom: 1px solid var(--border) } tbody tr td { padding: 12px 20px; text-align: center; border-right: 1px solid var(--border); vertical-align: middle; } .table-name { white-space: nowrap; text-transform: capitalize } .table-image img { width: auto; height: 100px } .table-price h6 { white-space: nowrap } .table-price h6 small { font-size: 13px; margin-left: 3px; color: var(--gray); font-family: sans-serif } .table-desc p { width: 150px; font-size: 15px; text-align: left } .table-desc p a { text-transform: capitalize } .table-desc p a:hover { text-decoration: underline } .table-vendor a { font-weight: 500; color: var(--heading); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .table-vendor a:hover { color: var(--primary) } .table-status h6 { text-transform: capitalize } .table-status .stock-in { color: var(--purple) } .table-status .stock-out { color: var(--orange) } .table-shop { width: 180px } .table-shop .product-add { color: var(--white); background: var(--primary) } .table-shop .action-plus i, .table-shop .action-minus i { background: var(--white) } .table-action a i { width: 35px; height: 35px; font-size: 16px; line-height: 35px; text-align: center; display: inline-block; border-radius: 5px; margin: 3px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .table-action .view i { color: var(--green); background: var(--white) } .table-action .view i:hover { color: var(--white); background: var(--green) } .table-action .wish i { color: var(--green); background: var(--white) } .table-action .wish.active i { color: var(--white); background: var(--green) } .table-action .trash i { color: var(--red); background: var(--white) } .table-action .trash i:hover { color: var(--white); background: var(--red) } @media (max-width: 1199px) { .table-scroll { overflow-x: scroll } } .modal-fullscreen .modal-body{ background: var(--chalk); } .modal-fullscreen .modal-header{ background: var(--chalk); } .modal-content { border: none; background: none; border-radius: 0px } .modal-close { position: absolute; top: -15px; right: -15px; z-index: 1; width: 35px; height: 35px; font-size: 18px; line-height: 35px; border-radius: 50%; text-align: center; display: inline-block; background: var(--white); -webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .modal-close:hover { color: var(--white); background: var(--primary) } #searchModal .btn-close{ width: auto; height: auto; padding: 15px; } #searchModal .btn{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 20px; } #searchModal .form-control{ border-color: var(--primary); } .modal-form { width: 400px; padding: 30px; border-radius: 8px; background: var(--white) } @media (max-width: 400px) { .modal-form, .modal-dialog { width: 100%; max-width: inherit } } @media (max-width: 1100px) { .modal-dialog { margin: 0px auto; } .modal-close { right: 50%; top: -45px; -webkit-transform: translateX(50%); transform: translateX(50%) } } .nav-pills .nav-link { font-weight: 400; list-style: decimal } .nav-pills .nav-link.active { color: var(--primary); background: transparent } @media (max-width: 991px) { .nav { margin-bottom: 30px } } .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .countdown-time { padding: 0px 30px; position: relative; color: var(--heading); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .countdown-time::before { position: absolute; content: ":"; top: 28%; right: -3px; font-size: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--heading) } .countdown-time:last-child::before { display: none } .countdown-time span { display: block; font-size: 40px; font-weight: 700; line-height: 40px; color: var(--primary) } .countdown-time small { font-size: 18px; font-weight: 500; text-transform: capitalize } @media (max-width: 575px) { .countdown-time { padding: 0px 12px } .countdown-time:first-child { padding-left: 0px } .countdown-time:last-child { padding-right: 0px } .countdown-time span { font-size: 35px } .countdown-time small { font-size: 16px } } .text-white .feature-rating i, .text-white .feature-rating a { color: var(--white); } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{ color: var(--white); } .sub-title{ color: var(--blue); } .about-section ul{ margin-bottom: 30px; } .about-section ul li{ position: relative; padding-left: 30px; margin-top: 8px; } .about-section ul li::before{ font-family: "bootstrap-icons"; content: "\f633"; position: absolute; left: 0; top: 0; color: var(--green); } .about-single-image{ position: relative; } .about-single-image::before{ position: absolute; content: ''; right: -220%; left: inherit; top: 0; width: 300%; height: 100%; background: var(--primary); z-index: -1; border-radius: 190px 0 0 190px; } .row.flex-row-reverse .about-single-image::before{ position: absolute; content: ''; left: -220%; top: 0; width: 300%; height: 100%; background: var(--primary); z-index: -1; border-radius: 0 190px 190px 0; } .row.flex-row-reverse .about-single-image::before{ position: absolute; content: ''; left: -220%; top: 0; width: 300%; height: 100%; background: var(--primary); z-index: -1; border-radius: 0 190px 190px 0; } .about-single-image.d_half::before{ background: transparent !important; border: 12px solid var(--primary); } .about-two-image { max-width: 550px; position: relative; } .about-two-image img { width: 67%; border-radius: 5px; } .about-two-image img:last-child { margin: -33% 0 0 33%; } .testimonial-card { padding: 50px 50px 0px; margin: 0px 15px 30px; text-align: center; border-radius: 8px; background: var(--primary) } .testimonial-card i { font-size: 45px; margin-bottom: 20px; color: var(--white); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .testimonial-card p { font-size: 22px; line-height: 32px; margin-bottom: 25px; font-style: italic; color: var(--white); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .testimonial-card h5 { color: var(--white); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .testimonial-card ul { font-size: 14px; color: var(--yellow); margin-bottom: 13px } .testimonial-card img { width: 80px; height: 80px; border-radius: 50%; margin-bottom: -35px; display: inline-block; border: 5px solid var(--body) } @media (max-width: 575px) { .testimonial-card { margin: 0px 0px 30px; padding: 25px 25px 0px } .testimonial-card p { font-size: 18px; line-height: 28px } } @media (max-width: 575px) { } .choose-card { display: -webkit-box; display: -ms-flexbox; display: flex } .choose-card:hover i { color: var(--white); background: var(--primary) } .choose-icon i { width: 75px; height: 75px; font-size: 40px; line-height: 75px; border-radius: 50%; margin-right: 30px; text-align: center; display: inline-block; color: var(--primary); background: var(--white); text-shadow: var(--primary-tshadow); -webkit-box-shadow: var(--primary-bshadow); box-shadow: var(--primary-bshadow); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .choose-text h4 { margin-bottom: 10px; text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .wp-block-image img{ height:auto; } .blog-slider .blog-card { margin: 0px 15px 25px; background: transparent; box-shadow: none; } .blog-content{ padding: 20px 0 0 0 !important; background: transparent; } .blog-card { margin-bottom: 0; box-shadow: 0 30px 40px 0 rgba(1,11,60,.06); border-radius: 6px; background: var(--white); border: 0; } .card-footer { padding: 15px 30px; background-color: transparent; border-top: 1px solid #f0f0f5; } .blog-card:hover .blog-img img { -webkit-transform: scale(1.05); transform: scale(1.05) } .blog-media { position: relative } .blog-media > a{ width: 100%; } .blog-media a img{ height:266px; width: 100%; object-fit: cover; overflow: hidden; } .blog-calender { position: absolute; top: 20px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 55px; height: 55px; border-radius: 6px; color: var(--white); background: rgba(0,0,0,0.6) } .blog-calender span { line-height: 20px } .blog-date { font-size: 20px; font-weight: 500 } .blog-month { font-size: 14px; letter-spacing: 0.3px; text-transform: uppercase } .blog-img { overflow: hidden; width: 100%; } .blog-img img { width: 100%; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-content { padding: 20px 30px; } .blog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px } .blog-meta li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px } .blog-meta li:last-child { margin: 0px } .blog-meta li i { color: var(--primary); margin-right: 8px; font-size: 14px } .blog-meta li a, .blog-meta li span { font-size: 14px; font-weight: 400; white-space: nowrap; } .blog-meta li a { color: var(--text); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-meta li a:hover { color: var(--primary) } .blog-title { font-size: 26px; line-height: 30px; margin-bottom: 15px; font-weight: bold; } .blog-title a { color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-title a:hover { color: var(--primary) } .blog-desc { width: 100%; } .blog-desc p{ color: var(--dark); font-size: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sngblog p:last-child{ margin-bottom: 0; } .blog-btn { font-weight: 500; color: var(--dark); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; display: flex; align-items: center; } .blog-btn i { transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-btn:hover { color: var(--primary); text-decoration: underline } .blog-btn:hover i { margin-left: 5px } @media (max-width: 575px) { .blog-meta li { margin-right: 25px } .blog-content { padding: 15px 8px 0px } } @media (min-width: 992px) and (max-width: 1199px) { .blog-content { padding: 15px 12px 0px } } .page-title{ padding: 18px 30px; margin-bottom: 25px; border-radius: 8px; border:1px solid var(--primary); background: var(--primary); color: var(--white); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-title h5{ color: var(--white); } .header-top { padding: 5px 0px; background: var(--primary); font-size: 13px; color: var(--white); } .header-top-welcome p { font-size: 14px; color: var(--white); letter-spacing: 0.3px } .header-top-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top-list li { margin-left: 15px; color: var(--white); } .header-top-list li:first-child { margin-left: 0; } .header-top-list li a { font-size: 15px; color: var(--white); letter-spacing: 0; font-weight: 300; white-space: nowrap; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-top .btn{ padding: 5px 8px; border:0; color: #121315; font-size: 13px; border-radius:5px; } .header-part .btn{ border:0; font-size: 12px; border-radius:5px; } .header-top .btn:hover{ color: #000; } .header-top-list li a:hover { color: var(--chalk) } @media (max-width: 767px) { .header-top-welcome, .header-top-list, .header-top-select, .header-top { display: none } .header-top-select { width: 270px; margin: 0px auto } .page-title{ flex-direction:column; } } @media (min-width: 768px) and (max-width: 991px) { .header-top-welcome { text-align: center; margin-bottom: 10px } } .header-part { background: var(--white); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); } body.admin-bar .header-part.active{ top:32px; } .header-part.active { position: -webkit-sticky; position: sticky; top: 0px; left: 0px; width: 100%; z-index: 3; background: var(--white); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-part.active .header-widget:hover i { background: var(--white) } .header-part.active .header-widget sup { border-color: var(--white) } .header-part.active .header-form { background: var(--white); border-color: var(--primary) } .header-content { padding: 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-logo { margin-right: 50px } .header-logo img { width: auto; height: 60px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-widget-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header-widget-group .header-widget { margin-left: 20px; cursor: pointer; } .header-widget-group .header-widget:first-child { margin-left: 0px } .header-widget { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .dropdown-menu{ z-index: 5002; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-menu li{ margin-left:0; } .dropdown-menu li a, .dropdown-menu li a:hover{ color: var(--dark); } .dropdown>.dropdown-toggle:active { pointer-events: none; } .menu-icon{ cursor:pointer; } .header-widget:hover i { color: var(--primary); } .header-widget:hover span { color: var(--primary) } .header-widget img { width: 40px; height: 40px; border-radius: 50% } .top-call{ border: 1px solid var(--green); color: var(--blue); border-radius: 5px; } .header-widget i { width: 30px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; display: inline-block; border-radius: 50%; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-widget span { font-size: 15px; font-weight: 400; margin-left: 8px; letter-spacing: 0.3px; white-space: nowrap; text-align: left; text-transform: capitalize; color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-widget span small { font-size: 16px; font-weight: 600; line-height: 20px; font-family: sans-serif; display: block } .header-widget sup { position: absolute; top: 0; left: 20px; width: 24px; height: 24px; font-size: 12px; line-height: 20px; border-radius: 50%; text-align: center; color: var(--white); } .header-search { width: 100%; max-width: 125px; margin: 0px; border-radius: 30px; position: relative; background: var(--white); border: 1px solid var(--green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-search:focus-within { border-color:var(--blue) } .header-search input { width: 100%; height: 32px; font-size: 15px; padding-left: 0; order: 2; } .header-search button { height: 32px; font-size: 13px; padding: 0 5px; text-align: center; border-radius: 5px; border:0; color: var(--blue); display: inline-block; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-media-group { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .header-media-group a img { width: auto; height: 45px } .header-user img, .header-src img { width: 40px; height: 40px; padding: 5px; } .header-user i, .header-src i { width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; display: inline-block; border-radius: 50%; color: var(--dark); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .header-user i:hover, .header-src i:hover { color: var(--primary); } @media (max-width: 991px) { .header-content { padding: 10px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .header-media-group { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex } .header-widget-group, .header-widget, .header-logo, .header-top, .header-top-select, .header-user-part { display: none } .header-form { display: none; margin: 10px 0px 0px } .header-form.active { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 992px) and (max-width: 1199px) { .header-widget span { display: none } } .navbar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .navbar-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-item { margin-right: 30px } .dropdown-position-list .navbar-item{ margin-right: 0; } .navbar-item:last-child { margin-right: 0px } .navbar-link { padding: 32px 0px; font-weight: 500; font-size: 18px; color: var(--green-dark); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .navbar-link:hover, .navbar-link.active { color: var(--dark) } .navbar-focus-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .navbar-focus-list li { margin-left: 30px } .navbar-focus-list li:first-child { margin-left: 0px } .navbar-focus-list li a { font-weight: 500; color: var(--text); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .navbar-focus-list li a:hover { color: var(--primary) } .navbar-focus-list li a i { font-size: 18px; margin-right: 5px } .navbar-info-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .navbar-info { margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-info:last-child { margin-right: 0px } .navbar-info i { font-size: 30px; margin-right: 15px; color: var(--primary) } .navbar-info p small { font-size: 14px; line-height: 16px; display: block; text-align: left; text-transform: capitalize } .navbar-info p span { font-size: 15px; font-weight: 500 } @media (max-width: 991px) { .navbar-part { display: none } } @media (min-width: 992px) and (max-width: 1199px) { .navbar-list li { margin-right: 18px } .navbar-link { font-size: 15px } .navbar-info { margin-right: 15px } .navbar-info p span { font-size: 14px } .navbar-info i { margin-right: 10px } } .nav-sidebar { position: fixed; top: 0px; left: -420px; width: 320px; height: 100vh; padding: 0px; z-index: 5003; background: var(--white); color: var(--dark); -webkit-box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15); box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .nav-sidebar .nice-select .option{ color: var(--dark) !important; } .nav-sidebar.active { left: 0px } #toogle-menu{ display: none; } #toogle-menu:checked ~ .nav-sidebar{ left: 0px } .nav-header { padding: 15px 0px; position: relative; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.15); } .nav-header a img { width: auto; height: 40px } .nav-close { position: absolute; top: 50%; right: -18px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .nav-close i { width: 35px; height: 35px; font-size: 18px; line-height: 35px; border-radius: 50%; text-align: center; display: inline-block; color: var(--text); background: var(--white); text-shadow: var(--primary-tshadow); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .nav-close i:hover { color: var(--white); background: var(--primary) } .nav-content { padding: 0px 18px; overflow-y: scroll; max-height: calc(100vh - 100px) } .nav-btn { width: 100%; padding: 50px 0px; margin-bottom: 20px; text-align: center; background: var(--chalk) } .nav-btn .btn { font-size: 14px; padding: 12px 28px; letter-spacing: 0.3px } .nav-btn .btn i { font-size: 14px } .nav-profile { width: 100%; text-align: center; padding: 18px 0px 0px } .nav-user { margin-bottom: 10px; border-radius: 50%; border: 2px solid var(--primary) } .nav-user img { width: 85px; height: 85px; border-radius: 50%; border: 2px solid var(--white) } .nav-name { margin-bottom: 18px; text-transform: capitalize } .nav-name a { color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .nav-name a:hover { color: var(--primary) } .nav-select-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.3); } .nav-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 18px; padding-right: 18px; line-height: 20px; border-right: 1px solid var(--gray-chalk) } .nav-select:last-child { padding: 0px; margin: 0px; border: none } .nav-select i { margin-right: 5px } .nav-list { width: 100% } .nav-list li { width: 100% } .nav-link { width: 100%; font-weight: 500; padding: 12px 15px; border-radius: 8px; color: var(--dark); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .nav-link:hover { color: var(--text); } .nav-sidebar .nav-link:hover { background: var(--chalk); } .nav-link::before { right: 15px } .nav-link i { font-size: 20px; margin-right: 0 } .nav-link.active { color: var(--primary); } .nav-info-group { padding: 20px 0px; margin-top: 15px; margin-bottom: 25px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--dark); } .nav-info-group ul{ margin-bottom:15px; } .nav-info-group ul li{ padding:3px 0; } .nav-info-group .btn{ display: block; padding: 5px 20px; border:0; margin: 10px 0; } .nav-info { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .nav-info:last-child { margin-bottom: 0px } .nav-info i { font-size: 30px; margin-right: 15px; color: var(--primary) } .nav-info p small { font-size: 14px; line-height: 18px; display: block; text-align: left; text-transform: capitalize } .nav-info p span { font-size: 16px; font-weight: 500 } .nav-info a { color: var(--dark); } .nav-footer { text-align: center } .nav-footer p { font-size: 14px; color: var(--gray) } .nav-footer p a { color: var(--primary) } .footer{ background: var(--primary); padding-top: 60px; color: var(--dark); font-weight: 300; position: relative; z-index: 1; } .footer h4{ font-size: 28px; color: var(--dark); margin-bottom: 30px; position: relative; } .footer h4::after{ content: ''; position: absolute; left: 0; bottom: -5px; height: 3px; width: 99px; background: var(--dark); } .footer .widget_nav_menu{ } .footer-iconlist li{ margin-bottom: 10px; } .footer-iconlist li a{ padding-left: 30px; position: relative; } .footer-iconlist li a i{ position: absolute; left: 0; top: 0; } .topsocials{ display: flex; gap: 30px; font-size: 22px; } .footer .widget_nav_menu ul li a{ color: var(--dark); position: relative; display: flex; margin: 0 0 15px 0px; font-size: 15px; } .copyright-nav{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; font-size: 15px; justify-content: flex-end; } .copyright-nav a{ color: var(--dark); } .copyright-nav li{ position: relative; display: flex; align-items: center; padding-right: 10px; } .copyright-nav li::after{ content: ''; position: absolute; right: 0; width: 1px; height: 10px; background: var(--dark); } .copyright-nav li:last-child{ padding-right: 0; } .copyright-nav li:last-child::after{ width: 0; } .footer a{ color: var(--dark); } .footer .widget_nav_menu ul li a::before{ display: inline-block; content: "\f231"; font-family: "bootstrap-icons"; top: 5px; position: relative; margin-right: 8px; opacity: 1; font-size: 16px; line-height: 1; color: var(--dark); } .category-sidebar { position: fixed; top: 0px; left: -320px; width: 280px; height: 100vh; z-index: 5; background: var(--white); -webkit-box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15); box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .category-sidebar.active { left: 0px } .category-header { padding: 15px 18px; position: relative; border-bottom: 1px solid var(--border); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .category-title { color: var(--primary); text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .category-title i { margin-right: 8px } .category-close { position: absolute; top: 50%; right: -18px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .category-close i { width: 35px; height: 35px; font-size: 18px; line-height: 35px; border-radius: 50%; text-align: center; display: inline-block; color: var(--text); background: var(--white); text-shadow: var(--primary-tshadow); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .category-close i:hover { color: var(--white); background: var(--primary) } .category-list { width: 100%; padding: 0px 15px; overflow-y: scroll; height: calc(100vh - 130px) } .category-item { width: 100%; border-bottom: 1px solid var(--border) } .category-link { font-size: 16px; font-weight: 400; padding: 12px 15px; color: var(--text); text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .category-link i { font-size: 25px; margin-right: 15px; display: inline-block } .category-footer { text-align: center; margin-top: 20px } .category-footer p { font-size: 14px; color: var(--gray) } .category-footer p a { color: var(--primary) } .mobile-menu { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 5001; background: var(--white); border-radius: 10px 10px 0px 0px; -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none } .mobile-menu a, .mobile-menu button, .mobile-menu label.header-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80px; padding: 8px 0px; border-radius: 8px; position: relative } .mobile-menu a.header-cart span, .mobile-menu label.header-cart span{ margin-left: 0; } .mobile-menu a:hover, .mobile-menu button:hover, .mobile-menu label.header-cart:hover { background: var(--chalk) } .mobile-menu a:hover i, .mobile-menu button:hover i, .mobile-menu label.header-cart:hover i { color: var(--primary) } .mobile-menu a:hover span, .mobile-menu button:hover span, .mobile-menu label.header-cart:hover span { color: var(--primary) } .mobile-menu a i, .mobile-menu button i, .mobile-menu label.header-cart i { font-size: 15px; margin-bottom: 5px; color: var(--text); text-shadow: 2px 3px 8px rgba(0,0,0,0.1) } .mobile-menu a span, .mobile-menu button span, .mobile-menu label.header-cart span { font-size: 10px; line-height: 12px; color: var(--text); text-transform: uppercase } .mobile-menu a sup, .mobile-menu button sup, .mobile-menu label.header-cart sup { position: absolute; top: -5px; left: 75%; width: 24px; height: 24px; font-size: 12px; line-height: 20px; border-radius: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: var(--white); background: var(--primary); border: 2px solid var(--green-chalk); text-shadow: var(--primary-tshadow) } .mobile-menu a .fas fa-shopping-basket, .mobile-menu button .fas fa-shopping-basket { font-size: 18px } @media (max-width: 991px) { .mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex } } .countdown-part { padding: 80px 0px; background: -webkit-gradient(linear, right top, left top, from(#c3ffda), to(#a1f3c0)); background: linear-gradient(to left, #c3ffda, #a1f3c0) } .countdown-content { text-align: center } .countdown-content h3 { font-size: 40px; font-weight: 700; line-height: 48px; text-transform: uppercase; margin-bottom: 12px } .countdown-content p { margin-bottom: 38px } .countdown-clock { margin-bottom: 45px } .countdown-img { position: relative } .countdown-img img { width: 100% } .countdown-off { width: 120px; height: 120px; border-radius: 50%; padding: 35px 30px 30px; background: var(--red); position: absolute; top: 0px; left: 0px } .countdown-off span { display: block; text-transform: uppercase; font-size: 30px; font-weight: 500; letter-spacing: 0.5px; color: var(--white) } @media (max-width: 767px) { .countdown-part { padding: 60px 0px } .countdown-img { margin-top: 30px } } .news-part { background-size: cover !important; padding: 70px 0px; position: relative; z-index: 1 } .news-part::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(6,23,56,0.8)), to(rgba(17,151,68,0.8))); background: linear-gradient(to right, rgba(6,23,56,0.8), rgba(17,151,68,0.8)); z-index: -1 } .news-text h2 { font-size: 35px; color: var(--white); margin-bottom: 5px } .news-text p { font-size: 18px; font-weight: 300; color: var(--white) } .news-form { width: 100%; padding: 6px; border-radius: 8px; background: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .news-form input { width: 100%; height: 50px; padding: 0px 20px; line-height: 50px } .news-form button span { width: 180px; font-size: 14px; font-weight: 500; padding: 12px 0px; border-radius: 8px; text-align: center; display: inline-block; text-transform: uppercase; color: var(--white); background: var(--primary) } .news-form button span i { margin-right: 5px } @media (max-width: 575px) { .news-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 767px) { .news-text { margin-bottom: 30px } } @media (max-width: 991px) { .news-part { padding: 50px 30px 60px } .news-part .container-fluid { padding: 0px } } .intro-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; } .intro-wrap .intro-quote i { font-size: 72px; color: var(--primary); opacity: 0.5; } .intro-icon { margin-right: 20px; } .intro-icon img { width:100px; min-width:100px; height: 100px; font-size: 18px; border-radius: 50%; text-align: center; display: inline-block; color: var(--primary); background: var(--white); } .testimonial-item{ background: var(--white); padding: 40px; margin: 15px; border-radius: 5px; box-shadow: 0px 0px 25px 0px hsl(0deg 0% 0% / 5%); } .intro-part{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 50px; } .intro-content h5 { font-size: 17px; margin-bottom: 8px; } .intro-content p { font-size: 15px; line-height: 22px } @media (max-width: 767px) { .intro-part { padding: 30px 0px; } .intro-wrap { margin-bottom: 30px } } @media (min-width: 768px) and (max-width: 991px) { .intro-part { padding: 80px 0px 50px } .intro-wrap { margin-bottom: 30px } } .footer-part { padding-top: 80px; background: var(--dark); color: var(--white); } .footer-widget { display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100% } .footer-logo { margin-bottom: 25px } .footer-logo img { width: 180px } .footer-desc { margin-bottom: 30px } .footer-social{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: flex-end; } .footer-social li { display: inline-block; margin-left: 15px } .footer-social li a { border-radius: 50%; color: var(--white); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .footer-widget .footer-social{ justify-content: flex-start; } .footer-widget .footer-social li{ margin-left: 0; margin-right:15px; } .footer-social li a:hover { } .footer-social li a img{ width: 34px; height: 34px; border-radius: 50%; } .footer-title { margin-bottom: 25px; letter-spacing: -0.3px; text-transform: capitalize; color: var(--white); } .footer-widget.contact { margin-left: 30px } .footer-contact li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px } .footer-contact p { margin-bottom: 0; } .footer-contact li:last-child { margin-bottom: 0px } .footer-contact li i { font-size: 24px; margin-right: 15px; color: var(--white); } .footer-contact li p span { display: block } .footer-contact li a{ color:var(--white); } .footer-links ul li:last-child { margin-bottom: 0px } .footer-links ul li a { color: var(--white); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .footer-links ul li a:hover { color: var(--primary); text-decoration: underline } .footer-app { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } .footer-app a img { width: 100% } .footer-bottom { background: var(--gray); color: var(--dark); padding: 20px 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center } .footer-copytext { font-size: 15px; color: var(--dark) } .footer-copytext a { color: var(--green-chalk) } .footer-copytext a:hover { text-decoration: underline } .footer-card a { margin-left: 10px } .footer-card a img { width: 50px; border-radius: 3px } @media (max-width: 768px) { .footer-part .container-fluid { padding: 0px 25px } .footer-widget.contact { margin-left: 0px } .footer-widget > h4{ background: #71c6ae; border: 1px solid var(--dark); padding: 5px 10px; text-align: center; margin-bottom: 0; cursor: pointer; font-size: 20px; } .footer-widget > h4::after{ content: '+'; bottom: inherit; left: inherit; height: 0; background: transparent; width: auto; padding-left: 10px; position: relative; top: 0; } .footer-social{ justify-content: center; } .footer-widget > div { display: none; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .footer-widget h4.active + div { display: block; } .footer-widget > h4.active{ margin-bottom: 20px; } .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-top: 0; } .footer .intro-part{ padding-bottom: 0;; } .footer{ padding-top:40px; } .footer-widget { margin-bottom: 0 } .footer-copytext { margin-bottom: 10px } .footer-card a { margin: 0px 3px } .footer-bottom{ margin-top: 0; } .copyright-nav{ justify-content: center; } } @media (min-width: 768px) and (max-width: 991px) { .footer-bottom { } } .footer .intro-part{ padding-bottom: 30px; } .footer .intro-icon{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: var(--white); background: var(--primary); border-radius: 50%; } .footer .intro-content p, .footer .intro-content h5{ margin-bottom: 0; } .blog-widget { margin-bottom: 30px; margin-left: 5px; padding: 25px 25px 25px; background: var(--white); box-shadow: 0 30px 50px 0 rgba(1,11,60,.1); border-radius: 6px; } .blog-widget:last-child { margin-bottom: 0px } .blog-widget h3, .blog-widget h4 { margin-bottom: 30px; position: relative; text-transform: capitalize; } .blog-widget li { display: block; border-bottom: 1px solid var(--border); } .blog-widget li:last-child{ border-bottom:0; } .blog-widget a { display: block; color: var(--dark); padding: 10px 0; } .wp-block-search__inside-wrapper { position: relative } .wp-block-search__inside-wrapper input { width: 100%; height: 45px; padding: 0px 60px 0px 15px; border-radius: 5px; background: var(--white); border: 1px solid var(--dark); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .wp-block-search__inside-wrapper input:focus-within { border-color:var(--primary) } .wp-block-search__inside-wrapper button, .wp-block-search .wp-block-search__button { position: absolute; top: 0px; right: 0px; height: 45px; text-align: center; color: var(--white); background: var(--primary); border:1px solid var(--primary); border-radius: 0 5px 5px 0; } .blog-widget .wp-block-search label{ display:none; } .blog-widget .wp-block-latest-posts__list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border) } .blog-widget .wp-block-latest-posts__list li:last-child { margin: 0px; padding: 0px; border: none } .blog-widget .wp-block-latest-posts__list li img { width: 60px; min-width: 60px; border-radius: 8px; margin-right: 0; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-widget .wp-block-latest-posts__list li a{ font-size: 16px; line-height: 24px; color: var(--dark); font-weight: 400; padding: 0; } .wp-block-latest-posts__featured-image.alignleft{ margin-right:20px !important; } .blog-widget-text a { color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-widget-text a:hover { color: var(--primary) } .blog-widget-text span { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; text-transform: uppercase } .wp-block-categories-list li, .wp-block-archives-list li { margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; } .wp-block-categories-list li:last-child, .wp-block-archives-list li:last-child { margin: 0px; padding: 0px; border: none } .wp-block-categories-list li:hover a, .wp-block-archives-list li:hover a { color: var(--primary) } .wp-block-categories-list li:hover a span { background: var(--primary) } .wp-block-categories-list li a, .wp-block-archives-list li a { width: 100%; font-size: 17px; color: var(--text); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; } .wp-block-categories-list li a::before, .wp-block-archives-list li a::before{ display: inline-block; content: "..."; top: -2px; position: relative; margin-right: 10px; opacity: 1; font-size: 20px; line-height: 1; color: #2058bf; } .blog-widget-category li a span { font-size: 14px; float: right; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 50%; color: var(--white); background: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-widget-tag li { display: inline-block; margin: 0px 8px 12px 0px } .blog-widget-tag li a { font-size: 14px; padding: 5px 12px; border-radius: 3px; color: var(--text); background: var(--chalk); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-widget-tag li a:hover { color: var(--white); background: var(--primary) } .blog-widget-social li { display: inline-block; margin-right: 10px } .blog-widget-social li a { width: 45px; height: 45px; font-size: 18px; line-height: 45px; text-align: center; border-radius: 3px; color: var(--white); background: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-widget-social li a:hover { background: var(--primary) } @media (max-width: 575px) { .blog-widget-social li { margin-right: 5px } .blog-widget-social li a { width: 40px; height: 40px; font-size: 16px; line-height: 40px } } @media (min-width: 992px) and (max-width: 1199px) { .blog-widget-media img { width: 95px } .blog-widget-social li { margin-right: 5px } .blog-widget-social li a { width: 40px; height: 40px; font-size: 16px; line-height: 40px } } @media (max-width: 991px) { .blog-widget { margin-left: 0px } } .single-banner { background-size: cover !important; padding: 120px 0px 0px 0px; text-align: center; position: relative; z-index: 1; min-height: 270px; display: flex; } .s-banner-left{ text-align: left; justify-content: start; } .s-banner-left .breadcrumb{ justify-content: flex-start; } .banner-sm { padding: 30px 0px; } .single-banner::after { content: ''; position: absolute; width: 500px; height: 250px; bottom: 0; left: 0; right: 0; margin: auto; background: var(--primary); z-index: -1; border-radius: 250px 250px 0 0; } .single-banner .banner-heading { font-size: 52px; line-height: 64px; margin-bottom: 0; color: var(--dark); font-weight: bold; } @media (max-width: 767px) { .single-banner { padding: 70px 0px 0px; min-height: 175px; } .single-banner .banner-heading { font-size: 38px; margin-bottom: 0; line-height: 40px; } .single-banner::after { content: ''; position: absolute; width: 300px; height: 150px; bottom: 0; left: 0; right: 0; margin: auto; background: var(--primary); z-index: -1; border-radius: 320px 320px 0 0; } } .top-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px } .filter-short { width: 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-show { width: 125px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-label { font-size: 14px; font-weight: 500; margin-right: 8px; white-space: nowrap; text-transform: uppercase } .filter-select { height: 40px; background-color: transparent } .filter-select:focus-within { border-color:#ced4da } .filter-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .filter-action a i { width: 40px; height: 40px; font-size: 16px; line-height: 40px; border-radius: 50%; text-align: center; color: var(--text); background: transparent } .filter-action a i:hover { color: var(--primary) } .filter-action .active i { color: var(--white); background: var(--primary) } .filter-action .active i:hover { color: var(--white) } @media (max-width: 575px) { .filter-label, .filter-action { display: none } .filter-show { width: 80px } .filter-short { width: 130px } } .bottom-paginate { padding-top: 25px; border-top: 1px solid var(--border); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .page-info { font-weight: 400; color: var(--text) } @media (max-width: 575px) { .bottom-paginate { margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .page-info { margin-bottom: 15px } } @media (min-width: 576px) and (max-width: 991px) { .bottom-paginate { margin-bottom: 30px } } .user-form-part { padding-top: 30px } .user-form-logo { text-align: center; margin-bottom: 25px } .user-form-logo img { width: 200px } .user-form-card { padding: 30px; border-radius: 8px; margin-bottom: 20px; background: var(--white); border: 1px solid var(--border) } .user-form-title { text-align: center; margin-bottom: 30px } .user-form-title h2 { font-size: 28px; line-height: 36px; margin-bottom: 5px; color: var(--primary) } .user-form-title p { text-transform: capitalize } .user-form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .user-form-social { width: 100% } .user-form-social li { margin-bottom: 20px } .user-form-social li a { width: 100%; font-size: 15px; padding: 10px 0px; border-radius: 8px; letter-spacing: 0.3px; text-align: center; text-transform: capitalize; color: var(--white); background: var(--primary) } .user-form-social li a i { font-size: 16px; margin-right: 10px } .user-form-social li:last-child { margin-bottom: 0px } .user-form-social .facebook { background: var(--facebook) } .user-form-social .twitter { background: var(--twitter) } .user-form-social .google { background: var(--google) } .user-form-social .instagram { background: var(--instagram) } .user-form-divider { width: 1px; height: 240px; margin: 0px 50px; background: var(--border); position: relative; z-index: 1 } .user-form-divider p { width: 40px; height: 40px; font-size: 14px; font-weight: 500; margin: 0 auto; font-style: italic; line-height: 38px; border-radius: 50%; text-align: center; color: var(--gray); background: var(--white); border: 1px solid var(--border); position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .user-form { width: 100% } .user-form .form-group { margin-bottom: 20px } .form-button { text-align: center } .form-button button { width: 100%; height: 45px; font-size: 14px; font-weight: 500; line-height: 45px; border-radius: 8px; letter-spacing: 0.3px; text-align: center; text-transform: uppercase; color: var(--white); background: var(--primary) } .form-button p { font-size: 15px; margin-top: 12px; text-transform: capitalize } .form-button p a { font-weight: 500; margin-left: 5px; color: var(--primary) } .form-button p a:hover { text-decoration: underline } .icon-box{ margin-bottom: 15px; } .icon-box i{ font-size:62px; color: var(--dark); } .icon-box img{ width: 90px; height: 90px; } .icon-box h4{ color: var(--dark); font-size: 20px; font-weight: bold; } .accordion { width: 100%; } .accordion .card { margin-bottom: 20px; border: 0; } .accordion .card .card-body{ padding-bottom: 0; } .accordion .toggle { display: none; } .accordion .option { position: relative; margin-bottom: 1em; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); } .accordion .card-header { padding: 0; margin: 0; background: var(--chalk); border: 0; } .accordion .card-header > button { padding: 0; margin: 0; display: block; width: 100%; text-align: left; } .accordion .card-header > button[aria-expanded=true] .title{ background: var(--primary); } .accordion .title{ width: 100%; cursor:pointer; padding: 20px 30px 20px 20px; display: flex; align-items: center; font-weight: bold; color: var(--dark); border-radius: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; } .accordion2 .title{ cursor: auto; } .accordion .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; } .accordion .title:after, .accordion .title:before { content: ""; position: absolute; right: 26px; top: 0; bottom: 0; margin: auto; width: 2px; height: 0.75em; background-color: var(--dark); transition: all 0.2s; } .accordion .card-header > button[aria-expanded=true] .title:before{ content: ""; background-color: transparent !important; } .accordion2 .title::after{ color: var(--dark); font-size: 16px; font-weight: 700; margin-left: auto; content: "\f138"; position: absolute; font-family: "bootstrap-icons"; padding: 12px 17px; border-radius: 4px; right: 20px; background-color: transparent; transform: rotate(0deg) !important; display: flex; align-items: center; } .accordion2 .title::before{ background-color: transparent; } .accordion .title:after { transform: rotate(90deg); } .accordion .content { max-height: 0; overflow: hidden; background-color: #fff; } .content > div { padding: 20px; border-top: 1px solid var(--border); } .toggle:checked + .title + .content { max-height: 1000px; } .toggle:checked + .title:before { transform: rotate(90deg) !important; } .faq-q{ position: relative; padding-left: 20px; font-weight: bold; margin-bottom: 0; } .faq-q span{ position: absolute; left: 0; top: 5px; width: 15px; height: 15px; font-size: 12px; background: var(--dark); color: var(--white); border-radius:50px; display: flex; justify-content: center; align-items: center; } .faq-a{ position: relative; padding-left: 20px; } .pc-tab > input, .pc-tab section > div { display: none; } #tab1:checked ~ section .tab1, #tab2:checked ~ section .tab2, #tab3:checked ~ section .tab3 { display: block; } #tab1:checked ~ nav .tab1, #tab2:checked ~ nav .tab2, #tab3:checked ~ nav .tab3 { } .pc-tab { width: 100%; background: var(--white); color: var(--dark); border-radius:8px; } .pc-tab ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-around; } .pc-tab ul li{ width: 100%; display: block; text-align: center; } .pc-tab ul li label { padding: 15px 25px; border-bottom: 0; background: var(--white); color: var(--dark); display: block; cursor: pointer; border-top-left-radius: 8px; border-top-right-radius: 8px; } .pc-tab ul li > a { padding: 15px 25px; border-bottom: 0; background: var(--white); color: var(--dark); display: block; cursor: pointer; border-top-left-radius: 8px; border-top-right-radius: 8px; } .pc-tab ul li:not(:last-child) label { border-right-width: 0; } .pc-tab section { clear: both; } .pc-tab section > div { padding: 30px; width: 100%; border: 1px solid var(--border); background: var(--white); } #tab1:checked ~ nav .tab1 label, nav .tab1.active a, #tab2:checked ~ nav .tab2 label, nav .tab2.active a, #tab3:checked ~ nav .tab3 label, nav .tab3.active a { background: white; position: relative; border:1px solid var(--border) !important; border-bottom:0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom:none !important } #tab1:checked ~ nav .tab1 label:after, nav .tab1.active a::after, #tab2:checked ~ nav .tab2 label:after, nav .tab2.active a::after, #tab3:checked ~ nav .tab3 label:after, nav .tab3.active a::after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; left: 0; bottom: -1px; z-index: 99; } .radio-img .image { width: 50px; height: 50px; background-position: center center; display: inline-block; margin: 0 10px 10px 0; background-size: 100%; background-repeat: no-repeat; border-radius:50%; padding: 4px; cursor: pointer; border: 4px solid transparent; } .radio-img > input { display: none; } .radio-img > input:checked + .image { border: 4px solid var(--primary); } .cd-switch { text-align: center; display: flex; justify-content: center; } .switchFilter { width: 0; display: inline-block; background-color: #DB6576; position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1); -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1); transition: all 0.4s cubic-bezier(0, 0, 0.25, 1); } .cd-switch label { cursor: pointer; text-transform: uppercase; border: 1px solid #3D4349; width: 120px; padding: 5px 10px; text-align: center; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-right: 0; } .cd-switch .switch { position: relative; display: flex; z-index: 1; margin: 10px auto; } .switch input[type=radio] { visibility: hidden; position: absolute; height: 100%; } .switch input[type=radio]#yes ~ label{ border-color:var(--green); color: var(--green); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .switch input[type=radio]#no ~ label{ border-color:var(--red); color: var(--red); border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .switch input[type=radio]#yes:checked ~ label[for=yes] { color: white; border: 1px solid var(--green); background:var(--green); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .switch input[type=radio]#yes:checked ~ .switchFilter { left: 0; opacity: 1; width: 120px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .switch input[type=radio]#no:checked ~ label[for=no] { color: white; border: 1px solid var(--red); background:var(--red); } .switch input[type=radio]#no:checked ~ .switchFilter { left: 120px; width: 120px; opacity: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .avn-img img{ max-height:400px; border:4px double var(--white); padding: 5px; border-radius: 10px; } .blog-details-thumb img { width: 100%; border-radius: 8px; height: auto; } .blog-details-content { margin-bottom: 30px; background: var(--white); } .blog-details-content a{ font-weight: 400; } .blog-details-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .blog-details-meta li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 40px } .blog-details-meta li:last-child { margin: 0px } .blog-details-meta li i { color: var(--primary); margin-right: 10px; font-size: 16px } .blog-details-meta li a, .blog-details-meta li span { font-size: 14px; white-space: nowrap; } .blog-details-meta li a { color: var(--text); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-meta li a:hover { color: var(--primary) } .blog-details-title { line-height: 44px; margin-bottom: 25px } .blog-details-desc { font-size: 17px; line-height: 30px; margin-bottom: 20px } .blog-details-quote { padding: 60px 60px 60px 180px; border-radius: 10px; margin-bottom: 20px; background: var(--heading); position: relative } .blog-details-quote::before { position: absolute; content: "\efcd"; left: 60px; top: 60px; font-size: 60px; font-family: "icofont"; color: var(--primary) } .blog-details-quote p { font-size: 28px; line-height: 1.4; margin-bottom: 20px; color: var(--white) } .blog-details-quote footer { letter-spacing: 3px; color: var(--green-chalk); text-transform: uppercase } .blog-details-grid { margin-bottom: 30px } .blog-details-grid img { border-radius: 10px } .blog-details-grid p { font-size: 17px; line-height: 30px } .blog-details-subtitle { margin-bottom: 30px } .blog-details-subtitle h3 { margin-bottom: 10px } .blog-details-subtitle p { font-size: 17px; line-height: 30px } .blog-details-list { list-style-type: decimal; margin: 0px 30px 0px 50px } .blog-details-list li { margin-bottom: 25px } .blog-details-footer { padding-top: 45px; margin-top: 50px; border-top: 1px solid var(--border); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .blog-details-share li span { font-size: 18px; font-weight: 500; display: block; margin-bottom: 10px; text-transform: capitalize } .blog-details-share li { margin-right: 8px; display: inline-block } .blog-details-share li a { width: 40px; height: 40px; font-size: 15px; line-height: 40px; border-radius: 50%; text-align: center; color: var(--text); background: var(--chalk); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-share li a:hover { color: var(--white); background: var(--primary) } .blog-details-tag li span { font-size: 18px; font-weight: 500; display: block; margin-bottom: 10px; text-transform: capitalize } .blog-details-tag li { margin-right: 8px; display: inline-block } .blog-details-tag li a { font-size: 14px; padding: 3px 12px; border-radius: 3px; color: var(--text); background: var(--chalk); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-tag li a:hover { color: var(--white); background: var(--primary) } .blog-details-profile { padding: 50px; border-radius: 10px; margin-bottom: 30px; background: var(--white); text-align: center } .blog-details-profile a img { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 15px; border: 8px solid var(--chalk) } .blog-details-profile h3 { text-transform: capitalize } .blog-details-profile h4 { font-size: 15px; font-weight: 400; color: var(--primary); margin-bottom: 15px } .blog-details-profile ul { margin-bottom: 25px } .blog-details-profile ul li { display: inline-block; margin: 0px 5px } .blog-details-profile ul li a { width: 40px; height: 40px; font-size: 15px; line-height: 40px; border-radius: 50%; text-align: center; color: var(--text); background: var(--chalk); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-profile ul li a:hover { color: var(--white); background: var(--primary) } .blog-details-profile p { font-size: 17px; line-height: 30px } .blog-details-navigate { padding: 30px; border-radius: 10px; margin-bottom: 30px; background: var(--white) } .blog-details-prev, .blog-details-next { margin: 15px } .blog-details-prev h4, .blog-details-next h4 { margin-bottom: 20px } .blog-details-prev h4 a, .blog-details-next h4 a { color: var(--heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-prev h4 a:hover, .blog-details-next h4 a:hover { color: var(--primary) } .blog-details-prev .nav-arrow, .blog-details-next .nav-arrow { font-size: 14px; padding: 10px 25px; border-radius: 5px; color: var(--heading); background: var(--chalk); text-transform: uppercase; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .blog-details-prev .nav-arrow:hover, .blog-details-next .nav-arrow:hover { color: var(--white); background: var(--primary) } .blog-details-next { text-align: right } .blog-details-comment { padding: 50px; border-radius: 10px; margin-bottom: 30px; background: var(--white) } .comment-title { margin-bottom: 30px; text-transform: capitalize } .comment-item { padding: 45px 45px; border-radius: 8px; margin-bottom: 30px; background: var(--chalk); border: 1px solid var(--border) } .comment-item:last-child { margin-bottom: 0px } .comment-media { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .comment-avatar { border-radius: 50%; margin-right: 20px; border: 2px solid var(--primary) } .comment-avatar img { width: 65px; border-radius: 50%; border: 2px solid var(--white) } .comment-meta a { color: var(--heading); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .comment-meta a:hover { color: var(--primary) } .comment-meta span { display: block; font-size: 14px; font-weight: 400; color: var(--heading); text-transform: capitalize } .comment-desc { margin-bottom: 20px } .comment-reply { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .comment-reply input { width: 100%; padding: 7px 18px; border-radius: 6px; margin-right: 20px; background: var(--white) } .comment-reply button { font-size: 15px; padding: 6px 15px; border-radius: 6px; color: var(--white); background: var(--primary); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .comment-reply button:hover { background: var(--heading) } .comment-reply button i { margin-right: 5px } .comment-reply-list { margin-left: 80px; margin-top: 35px; border-top: 1px solid var(--border) } .comment-reply-item { padding: 30px 0px; border-bottom: 1px solid var(--border) } .comment-reply-item:last-child { padding-bottom: 0px; border-bottom: none } .blog-details-form { padding: 50px; border-radius: 10px; background: var(--white) } .details-form-title { margin-bottom: 30px; text-transform: capitalize } .form-group textarea { height: 120px } @media (max-width: 575px) { .blog-details-content { padding: 20px } .blog-details-title { font-size: 28px; line-height: 38px } .blog-details-quote { padding: 75px 25px 25px } .blog-details-quote::before { font-size: 50px; left: 25px; top: 25px } .blog-details-quote p { font-size: 22px } .blog-details-list { margin: 0px 15px 0px 35px } .blog-details-footer { margin-top: 0px; padding-top: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .blog-details-share { margin-bottom: 30px } .blog-details-navigate li a { padding: 13px 13px } .blog-details-profile { padding: 25px 15px } .blog-details-comment { padding: 15px } .comment-item { padding: 20px 20px } .comment-reply { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .comment-reply input { margin-right: 0px; margin-bottom: 10px } .comment-reply-list { margin-left: 15px } .blog-details-form { padding: 20px } } @media (min-width: 576px) and (max-width: 767px) { .blog-details-quote { padding: 120px 60px 60px } .blog-details-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .blog-details-share { margin-bottom: 30px } .comment-reply-list { margin-left: 30px } } .service-box{ padding: 40px 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 100%; border-radius: 30px; background: var(--primary); position: relative; } .service-box:hover, .service-box.active{ border-color: transparent; background-color: var(--gray); } .service-box:hover .service-box-title, .service-box:hover .link, .service-box:hover .service-icon i{ } .service-box-thumb{ margin-bottom: 30px; } .service-box-thumb img{ height: 80px; object-fit: contain; } .service-icon{ margin-bottom: 30px; } .service-icon i{ font-size: 70px; } .service-box-title{ margin-bottom:30px; font-weight: bold; font-size: 26px; } .service-box-text{ margin-bottom:0; } .service-box-text ul li{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .service-box-text ul li:last-child{ margin-bottom: 0px; } .service-box-text ul li img{ width: 37px; height: 37px; margin-right: 10px; } .service-box-text ul li a{ color: var(--dark); } .service-box-content a.link{ margin-top:20px; color: var(--dark); } .service-box.style-2{ display: flex; max-width: 94%; margin: 0 auto; } .service-box.style-2 .service-box-thumb{ min-width:80px; margin-right:15px; } .service-box.style-2 .service-icon{ min-width:70px; margin-right:15px; margin-bottom: 0; } .service-box.style-2 .service-icon i{ font-size: 60px; color: var(--blue); } .service-box.style-2:hover .service-icon i{ color: var(--white); } .service-box.style-3{ text-align: center; } .service-box.style-4{ text-align: center; } .service-box.style-4 .service-box-title{ color:var(--dark); } .service_style_4{ background:var(--primary); color:var(--white); border-radius:5px; padding: 60px; } .service-box.style-4 .service-icon, .service-box.style-4 .service-box-thumb{ width: 130px; height: 130px; border-radius:50%; margin: 0 auto 20px; background: var(--white); display: flex; justify-content: center; align-items: center; } .service-box.style-4 .service-icon i, .service-box.style-4 .link{ color:var(--white); } .service_style_4 .service-box{ background:transparent; border-color: transparent; color: var(--white); } .service_style_4 .service-box:hover{ background:transparent; box-shadow: none; } .service_style_4 .section-heading h2, .service_style_4 .sub-title{ color:var(--white); } @media (max-width: 767px) { .service_style_4{ padding: 20px;; } .service-box-thumb img{ height: 70px; } } .service-box.style-5{ text-align: center; } .service-box.style-5 .service-box-title{ color:var(--white); } .service_section_style_5{ background-color:var(--primary); color:var(--white); } .service-box.style-5 .service-icon, .service-box.style-5 .service-box-thumb{ width: 100px; height: 100px; border-radius:50%; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; } .service-box.style-5 .service-icon i, .service-box.style-5 .link{ color:var(--white); } .service_style_5 .service-box{ background:transparent; border-color: transparent; color: var(--white); padding: 10px 20px; } .service_style_5 .service-box:hover{ background:transparent; box-shadow: none; } .service_style_5 .section-heading h2, .service_style_5 .sub-title{ color:var(--white); } .service-box.style-6{ padding: 0; } .service-box.style-6 .service-box-thumb{ margin-bottom: 0; } .service-box.style-6 .service-box-thumb img{ width: 100%; height: 200px; object-fit: cover; margin-bottom: 0; } .service-box.style-6 .service-box-content{ padding: 10px; } .service-box.style-7{ text-align: center; background: transparent; padding: 10px; } .service-box.style-7 .service-box-thumb img{ height:auto; width: auto; max-height: 150px; } .service-box.style-7 .service-icon{ min-width:130px; margin-bottom: 10px; } .service-box.style-7 .service-box-title{ margin-bottom: 10px; } .service-box.style-7 .service-icon i{ font-size: 60px; color: var(--blue); } .service-box.style-7:hover .service-icon i{ color: var(--white); } .service-box.style-8{ background: var(--primary); color: var(--white); } .service-box.style-8 .service-box-title, .service-box.style-8 .service-icon i, .service-box.style-8 .link{ color: var(--white); } .pricing-item { border-radius: 5px; text-align: center; background: var(--white); padding: 15px 15px 45px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .pricing-item:hover .pricing-header { background-color: var(--primary); color: var(--dark); } .pricing-item:hover .price, .pricing-item:hover .pricing-time, .pricing-item:hover .pricing-title { color: var(--dark); } .pricing-item ul { margin: 45px auto; width: fit-content; text-align: left; } .pricing-item ul li { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 18px; } .pricing-header { padding: 25px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border-radius: 5px; background-color: var(--chalk); } .pricing-header .pricing-title { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 15px; text-transform: uppercase; } .pricing-header .price { line-height: 1; font-size: 48px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: var(--green); font-weight: bold; } .pricing-header .price.dollor:before { content: '$'; font-size: 24px; } .pricing-header .price.inr:before { content: '₹'; font-size: 24px; } .pricing-header .pricing-time { opacity: 0.5; color: black; margin: 10px 0 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .parent-menu { padding: 20px 20px 0; background: var(--darkblue); border-radius: 5px; } .parent-menu li { margin-bottom: 10px; width: 100%; } .parent-menu li a { background: var(--white); color: var(--dark); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1px 1px 1px 20px; align-items: center; border-radius: 5px; border: 0; } @media only screen and (max-width: 375px) { .parent-menu li a { font-size: 16px; } } .parent-menu > li.page_item_has_children > a{ display: none; } .parent-menu li.current_page_item > a, .parent-menu li a:hover{ color: var(--primary); background: var(--chalk); } .parent-menu li a::after { color: var(--dark); font-size: 16px; font-weight: 700; margin-left: auto; content: "\f138"; font-family: "bootstrap-icons"; padding: 12px 17px; border-radius: 4px; } .parent-menu li.current_page_item a::after { color: var(--white); background: var(--primary); } .parent-menu li a:hover::after{ color: var(--white); background: var(--primary); } .parent-menu ul ul.children{ margin-top:10px; margin-left: 10px; display: none; } .parent-menu ul li.current_page_item ul.children, .parent-menu ul li.current_page_ancestor ul.children{ display: block; } .wp-block-column .container{ padding: 0; } .wp-block-column .section{ padding: 0; } @media all and (max-width: 999px) { .wp-block-columns{ flex-wrap: wrap; } .wp-block-column{ flex-basis: 100% !important; margin-left:0 !important; } } .bullets{ margin-bottom: 30px; } .bullets li{ position: relative; padding-left: 30px; padding-top: 5px; } .bullets li::before{ font-family: "bootstrap-icons"; content: "\f26a"; position: absolute; left: 0; top: 5px; color: var(--primary); } .bullets li li::before{ color: var(--gray) !important; } .bullets.style-1 li::before{ content: "\f633"; color: var(--primary); } .bullets.style-2 li::before{ content: "\f4b5"; color: var(--primary); } .bullets.style-3 li::before{ content: "\f26c"; color: var(--primary); } ol.bullets{ counter-reset: li; } ol.bullets ol{ counter-reset: li; } ol.bullets li::before { content: counters(li, "."); counter-increment: li; background: var(--primary); color: var(--white); width: 20px; height: 20px; display: flex; top: 10px; justify-content: center; align-items: center; font-size: 12px; line-height: 12px; padding-bottom: 2px; } ol.bullets li li::before{ color: var(--white) !important; } .sm-cta-banner{ background:var(--primary); color: var(--white); display: flex; justify-content: space-between; align-items: center; padding: 20px; border-radius: 5px; } .sm-cta-banner h4{ color: var(--white); margin-bottom: 0; } .sm-cta-banner .btn{ min-width: 120px; } .cta-banner{ padding:30px 0; position: relative; z-index: 1; } .cta-banner::before{ background:url(https://www.prolore.com/wp-content/themes/prolorenew/images/wave.png) bottom right no-repeat; content: ''; position: absolute; width: 100%; height: 100%; background-size: cover; opacity: 0.2; top: 0; left: 0; z-index: -1; } .cta-banner-content{ color: var(--dark); padding: 20px; text-align: center; } .cta-banner-content a{ color: var(--dark); } .cta-banner-content h4{ color: var(--dark); font-size: 30px; } .cta-banner-content .btn-desc{ min-width: 140px; font-size: 22px; color: var(--dark); border-color: var(--dark); } .cta-banner-content .btn-desc span{ color: var(--text); display: block; font-size: 14px; font-family: 'Crete Round', serif; font-style: italic; } .cta-banner-content .btn-desc:hover{ color: var(--white); border-color: var(--white); background: var(--green); } .cta-banner-content .btn-desc:hover span{ color: var(--white); } .section-counter{ position:relative; z-index:1; } .section-counter .success-item{ position:relative; z-index:1; height: 300px; max-width: 300px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; } .section-counter .success-item::before{ position:absolute; content: ''; top: 0; left: 0; right: 0; z-index:-1; background: var(--primary); border-radius: 50%; width: 100%; height: 100%; margin: 0 auto; max-width: 300px; } .success-item .counting { font-size: 60px; line-height: 1; font-weight: 700; margin-bottom: 20px; display: inline-block; color: var(--dark); } .success-item p { font-size: 25px; font-weight: bold; margin-bottom: 0; } .success-item span { font-size: 21px; font-weight: 300; margin-bottom: 0; } .success-item .counting.plus:after { content: '+'; padding-left: 0px; } .success-item .counting.percentage:after { content: '%'; padding-left: 0px; } .success-item .counting.kar:after { content: 'k'; padding-left: 0px; } .success-item .counting.years:after { content: '+ years'; padding-left: 0px; } .success-item .counting.months:after { content: 'months'; padding-left: 0px; } .success-item .counter-icon{ font-size:48px; margin-bottom: 20px; color: var(--primary); } .text-white .success-item .counter-icon, .text-white .success-item .counting{ color: var(--white); } .sidebar-sticky{ position: sticky; top: 120px; } body.admin-bar .sidebar-sticky{ top: 150px; } .casestudy-item { overflow: hidden; position: relative; margin-bottom: 10px; } .casestudy-item:hover .casestudy-content { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); background: var(--primary); } .casestudy-item img { width: 100%; height: 300px; object-fit: cover; border-radius: 5px; } .casestudy-item .casestudy-content { bottom: 20px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: absolute; padding: 22px 22px 10px; left: 30px; background: var(--white); border-radius: 5px; width: calc(100% - 60px); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .casestudy-item .casestudy-content .category { font-size: 12px; margin-bottom: 5px; display: inline-block; } .casestudy-item .casestudy-content a { color: var(--dark); } .casestudy-item:hover .casestudy-content a { color: var(--dark); } .casestudy-wrap .item.active{ display: inline-block; transition: all 0.5s ease; position: relative; } .casestudy-wrap .item.delete{ display: none; transition: all 0.5s ease; } .casestudy-filter { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } .casestudy-filter li { margin: 3px; font-size: 18px; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 500; padding: 3px 18px; border-radius: 5px; color: var(--dark); } @media only screen and (max-width: 480px) { .casestudy-filter li { font-size: 16px; } } .casestudy-filter li:hover, .casestudy-filter li.current { color:var(--white); background: var(--primary); } .video-player{ width:100%; min-height: 250px; position: relative; margin-bottom: 30px; } .wp-block-embed-youtube iframe{ height: 500px; } .video-player > a{ width:100%; } .video-player .video-img{ width: 100%; height: 100%; object-fit: cover; position: relative; min-height: 250px; } .overlay-play-icon{ position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; background-color:rgba(0, 0, 0, 0.2); transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out; } .overlay-play-icon:hover{ background-color:rgba(0, 0, 0, 0.4); } .overlay-play-icon i{ font-size: 48px; border-radius: 50%; } .video-button { position: relative; width: 50px; height: 50px; background: var(--primary); display: flex; justify-content: center; align-items: center; border-radius: 100%; color: var(--white); padding: 0; text-align: center; transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1); box-shadow: 0 0 1px 10px rgb(255 255 255 / 40%), 0 0 1px 20px rgb(255 255 255 / 6%); } .overlay-play-icon:hover .video-button { box-shadow: 0 0 1px 15px rgb(255 255 255 / 40%), 0 0 1px 30px rgb(255 255 255 / 10%), 0 0 1px 45px rgb(255 255 255 / 6%); } .popup-size{ max-width:520px; padding-bottom: 20px; } .contact-map{ position: relative; } .contact-map iframe{ max-width: 90%; } .contact-map::before{ position: absolute; content: ''; left: -220%; top: -50px; width: 300%; height: 100%; background: var(--primary); z-index: -1; border-radius: 0 190px 190px 0; } .contact-details{ background: var(--primary); color: var(--white); padding: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; position: relative; z-index: 1; } .contact-details::before{ background: url(https://www.prolore.com/wp-content/themes/prolorenew/images/wave.png) bottom right no-repeat; content: ''; position: absolute; width: 100%; height: 100%; background-size: cover; opacity: 0.5; z-index: -1; } .contact-info li { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-info li i { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: var(--white); margin: 5px 12px 0 0; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.25); line-height: 40px; border-radius: 50%; text-align: center; } .contact-info li a { color: var(--white); } body.error404 .header-part{ box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); } body.error404 .footer{ padding-top: 0; } body.error404 .footer-bottom{ margin-top: 0; } .sticky-social{ position: fixed; top: 40%; right: 0; z-index: 9; } .sticky-social ul{ margin: 0; padding: 0; } .sticky-social ul li a{ padding: 5px; display: flex; justify-content: center; align-items: center; font-size: 24px; width: 45px; height: 45px; border-radius: 5px; color: var(--white); background: var(--gray); } .sticky-social ul li button{ padding: 5px; display: flex; justify-content: center; align-items: center; font-size: 24px; width: 45px; height: 45px; border-radius: 5px; color: var(--white); background: var(--blue); border:0; } .sticky-social ul li .whatsapp{ color: var(--white); background: rgb(141,247,137); background: linear-gradient(180deg, rgba(141,247,137,1) 0%, rgba(91,182,67,1) 100%); } .c_popup{ max-width: 460px; border-radius: 8px; } .wpcf7-list-item{ margin-left: 0; width: 100%; } .wpcf7 form .wpcf7-response-output{ margin: 10px 0 0 !important; } .wpcf7-spinner{ position: relative; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .wpcf7-form .row p:last-child{ margin-bottom:0; } img[data-src] { opacity: 0; transition: opacity .25s ease-in-out; will-change: opacity; } img[data-src][src] { opacity: 1; } .brand-wrap{ padding: 15px; } .brand-media img{ margin: 0 auto; } .team-card { color: inherit; cursor: pointer; width: 100%; max-width: 380px; height: 320px; perspective: 1000px; position: relative; margin: 0 20px; } .team-card .front, .team-card .back { display: flex; text-align: center; justify-content: center; align-items: center; position: absolute; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: ease-in-out 600ms; background: var(--white); padding: 30px; box-shadow: -2px -2px 1px 2px var(--primary); border-radius: 40px; } .team-card .front { overflow: hidden; } .team-card:hover .front { transform: rotateY(180deg); } .team-card .back { background: #fff; transform: rotateY(-180deg); } .team-card:hover .back { transform: rotateY(0deg); } .team-card h3{ font-size: 25px; margin-bottom: 0; } .team-card .team-thumb{ width: 125px; height: 125px; margin: 0 auto; margin-bottom: 30px; } .team-card .team-thumb img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .team-card .back > div{ position: relative; width: 100%; font-size: 16px; line-height: 22px; } .team-card .back > div::before{ position: absolute; font-size: 78px; font-weight: bold; font-family: var(--pfamily); font-style: italic; content: ' " '; top: -10px; left: -10px; width: 50px; height: 50px; } .team-card .back > div::after{ position: absolute; font-size: 78px; font-weight: bold; font-family: var(--pfamily); font-style: italic; content: ' " '; bottom: -70px; right: 0; width: 50px; height: 50px; } @media (max-width: 767px){ .team-card{ margin: 0 auto; } } .blog-widget-form{ position: relative; } .widget_search input[type="text"]{ border: 2px solid var(--border); padding: 12px 20px; border-radius: 6px; background: var(--white); color: var(--text); width: 100%; } .widget_search input[type="text"]:focus{ border-color: var(--primary); } .blog-widget-form button{ position: absolute; right: 15px; top: 13px; } .follow-wrap{ display: flex; } .follow-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; color: var(--white); height: 60px; padding: 10px 60px 10px 30px; position: relative; font-size: 16px; font-weight: 600; width: 100%; } .follow-item:hover { opacity: .8; color: var(--white) } .follow-item>i { margin-right: 20px } .follow-item i { fill: currentColor } .follow-item .check { opacity: 0 } .follow-item.active .check { opacity: 1 } .follow-item.active .add { opacity: 0 } .facebook-bg-color { background-color: #3a589b } .twitter-bg-color { background-color: #08acee } .linkedin-bg-color { background-color: #007bb6 } .pinterest-bg-color { background-color: #ca2127 } .instagram-bg-color { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .whatsapp-bg-color { background-color: #25D366 } .post-pagination { margin: 100px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .post-pagination .btn-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--dark); } .post-pagination .btn-nav i{ font-size: 24px; } .post-pagination .btn-nav:hover .crumina-icon { fill: var(--primary); } .post-pagination .crumina-icon { fill: #949fac } .post-pagination .btn-nav.all-items{ background: var(--primary); width: 50px; height: 50px; color: #fff; display: flex; justify-content: center; border-radius: 50%; align-items: center; } .post-pagination .btn-nav.all-items:hover{ background: var(--primary); } .post-pagination .btn-next-wrap { width: 45%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .post-pagination .btn-next-wrap .btn-content { text-align: right; margin-right: 30px } .post-pagination .btn-next-wrap:hover .crumina-icon { fill: currentColor; -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px) } .post-pagination .btn-prev-wrap { width: 45% } .post-pagination .btn-prev-wrap .btn-content { margin-left: 30px } .post-pagination .btn-prev-wrap:hover .crumina-icon { fill: currentColor; -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px) } .post-pagination .btn-content-subtitle { font-size: 14px; color: var(--body-font-color) } .post-pagination .btn-content-title { margin-bottom: 0 } .recent-card{ text-align: center; margin: 10px 20px; position: relative; } .recent-media img{ width: 100%; height: 300px; object-fit: cover; object-position: top; } .recent-content{ background: var(--primary); margin: 0 40px; padding: 20px; } .recent-content h3{ font-size: 16px; font-weight: normal; margin-bottom: 0; } .recent-content a{ padding: 0 !important; margin: 0 !important; display: -webkit-flex; } .slick-dots{ display: flex; justify-content: center; } .slick-dots button{ width: 16px; height: 16px; border-radius: 50%; font-size: 0; background: var(--gray); margin: 5px 10px; } .slick-active button{ background: var(--dark); } .pagenav a{ color: var(--dark); } @media (max-width:767px){ .follow-wrap{ flex-wrap: wrap; } .follow-item { padding: 10px; width: 50%; } .post-pagination{ margin: 50px 0; flex-wrap: wrap; } .post-pagination .btn-nav { flex-wrap: wrap; width: 100%; justify-content: center; margin: 0 auto; } .post-pagination .btn-prev-wrap{ width: 100%; justify-content: center; } } .text-success{ color: var(--green) !important; } .about-section .heading-title{ font-size: var(--h2size); line-height: var(--h2height); } .callto{ font-size: 15px; } .callto > a{ color: var(--dark); font-size: 22px; font-weight: bold; } .step-box{ position: relative; text-align: center; z-index: 4; } .step-thumb{ width: 160px; height: 160px; border-radius: 50%; object-fit: cover; margin: 0 auto; position: relative; z-index: 5; background: var(--white); } .step-thumb img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .step-box-content{ margin-top: 30px; } .step-box-title{ margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.6; } .ssa-leadgen-widget{ border: 0 !important; font-family: var(--pfamily) !important; width: auto !important; max-width: 100vw; margin-left: calc( -100vw / 2 + 100% / 2 ) !important; margin-right: calc( -100vw / 2 + 100% / 2 ) !important; } .ssa-leadgen-widget__step1{ max-width: 450px; margin: 0 auto; } .ssa-leadgen-widget__label{ font-size: inherit !important; } .ssa-leadgen-widget__checkbox-label, .ssa-leadgen-widget__step2{ font-size: inherit !important; line-height: inherit !important; } .ssa-leadgen-widget__checkbox{ margin-top: 9px !important; } .ssa-leadgen-widget__btn-to-step1{ color: var(--green) !important; } .ssa-leadgen-widget__input { width: 100% !important; border-radius: 6px !important; padding: 12px 20px !important; color: var(--text) !important; background: var(--white) !important; border: 2px solid var(--border) !important; height: inherit !important; line-height: inherit !important; } .ssa-leadgen-widget__input:focus { background:var(--chalk) !important; border-color:var(--primary) !important; -webkit-box-shadow:none; box-shadow:none; outline:0 } .tab-section .nav-tabs li a{ font-size: 18px; } .tab-section .nav-tabs .tab-icon{ width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); } .tab-section .nav-tabs .tab-icon i{ font-size: 42px; } .tab-section .nav-tabs a.active .tab-icon, .tab-section .nav-tabs a.active .tab-thumb{ background: var(--primary); color: var(--white); } .tab-section .nav-tabs .tab-thumb{ width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); } .tab-section .nav-tabs .tab-thumb img{ width: 50px; height: 50px; } .tab-section .tabscontent ul li{ position: relative; padding-left: 30px; padding-top: 5px; } .tab-section .tabscontent ul li::before{ font-family: "bootstrap-icons"; content: "\f26a"; position: absolute; left: 0; top: 5px; color: var(--primary); }div[id^="wpcf7-f4544"] button.cf7mls_next { }div[id^="wpcf7-f4544"] button.cf7mls_back { }div[id^="wpcf7-f4131"] button.cf7mls_next { }div[id^="wpcf7-f4131"] button.cf7mls_back { }div[id^="wpcf7-f3942"] button.cf7mls_next { }div[id^="wpcf7-f3942"] button.cf7mls_back { }div[id^="wpcf7-f448"] button.cf7mls_next { }div[id^="wpcf7-f448"] button.cf7mls_back { }div[id^="wpcf7-f5"] button.cf7mls_next { }div[id^="wpcf7-f5"] button.cf7mls_back { }

    We are a premier web development and SEO company based in India, committed to providing top-notch services to businesses worldwide

    Why Prolore Digital

    Prolore is a modern marketing agency driven by excellence in delivery and focussed ROI. We are client oriented, young, energetic, enthusiastic, innovative and experienced. Happy clients are our core beneficiary.

    About Us

    We Offer Web Development & Digital Marketing Services

    seo

    SEO & Organic Search Services

    Bring your website to the focal point. Increase organic ranking of your web pages for targeted keywords that drive revenue using our bespoke SEO that covers audits, recommendations, implementation, and reporting.

    SEO Services
    content Strategy

    Content Strategy Services

    A good content strategy is often the foundation of your attract and delight stages in a buyers’ journey. With 70% of marketers actively investing in content marketing, it’s often critical you develop a good content strategy to compete in your industry…

    Content Strategy Services
    Paid social media

    Organic & Paid Social Media

    The social media world changes faster than any other online space. Keeping up with it isn’t an easy task. We activate your brand’s online presence and stay connected with your audience using meticulously planned social media campaigns that align with and deliver to your brand’s core objectives.

    Pay Per Click
    Paid Search

    Paid Marketing Search Services

    Paid search campaigns on Google and Bing that drive true ROI and reduce CPA. From setting up the account to running optimized campaigns with creatives that entice a click, driving quality traffic to landing pages that convert with a lead or sale.

    Search Engine Marketing
    CMS Support

    Magento eCommerce Development

    There are thousands of eCommerce websites, applications, and online stores, but you need a robust and highly functional e-store, not just a commerce website in terms of looks, technicalities, and other features.

    eCommerce Development
    Support

    Web Development & Support Services

    Looking to build a business website or an MVP and POC for your startup? With a history of working with prominent incubators and startups, we can help you choose the right platform, build it, deploy your website/web app that is ready to take on transactions, or start delivering leads.

    Website Development
    Cloud Hosting

    Amazon Web Services & AWS Cloud Hosting

    Tired of the traditional hosting solutions for your website? Looking for a scalable and cost-effective solution? AWS [Amazon Web Services] may be a solution to your hosting perils. We can help architect and set up the right cloud hosting solution for your business for optimum performance, scalability, and high flexibility.

    AWS Cloud Hosting
    Data Consulting

    Marketing Research Consulting Services

    Having the right Marketing Technology stack can pivot your marketing efforts and have a major impact on your marketing ROI. Data is more important than ever before to optimize digital marketing whilst keeping your customer’s privacy at top priority.

    Consultation Services

    What are our clients saying about our work?

    0

    Completed Projects

    Web Development
    0

    Happy Clients

    SEO Retainers
    0

    On Average

    Client Tenure

    Recent Case Study

    OUR BLOGS

    • SEO
    • July 20, 2021

    Online Marketing for Small Scale Business Success

    Gone are the days of relying solely on print ads, coupon mailers, or billboards to reach new customers. …

    Learn More

    All You Need To Know About Google Algorithm Florida 2 Core Update

    Tech experts around the world are saying that the latest Google algorithm update known as Florida Core 2 …

    Learn More

    Our Clients

    zoomcar
    cozyhomz
    cabs
    docuvity
    expressweather
    brand-me
    enventure
    hatak-shaadi
    intelligentia
    janaagraha
    oce
    anish-project
    kangan
    kantime
    love-times
    mahiti
    longueuil
    pragathy-landscape
    styletag
    zinnov
    india-australia-business-advisory-group
    tamara-health
    keeley-marine
    iem
    nasscom

    Leadership Team

    khadija

    Khadija Shabbir

    CEO
    Khadija is a highly analytical thinker with an audience-first mindset. She has been associated with Prolore since 2013. Her in-depth experience with SEO, Website Analytics tools and constraints, ranking factors and search engine algorithms are gems for Prolore.
    kamlesh

    Kamlesh Jangir

    CTO
    Kamlesh has more than a decade of experience in web development and product management. He has been associated with Prolore since the establishment of the company and now leads the app development unit.
    govind

    Govind Jangir

    COO
    Govind specializes with an experience of a decade, in making web designs a reality and writing code that dictates how different parts of the website fit together.

    Ready to speak with a marketing expert?

    Develop a winning strategy that places your brand at the focal point.

      see