/*
Theme Name: Web Startup Agency
Theme URI: https://www.theclassictemplates.com/products/free-web-agency-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Web Startup Agency is a modern and dynamic WordPress theme designed specifically for web startup agencies, digital marketing firms, and technology companies. It is a great solution for such agencies to create a stunning online presence without hiring a web developer. The theme offers a visually stunning and contemporary design that reflects the cutting-edge nature of startup agencies. With its comprehensive features and sleek design, this theme provides an ideal platform to showcase services, highlight success stories, and attract potential clients. The theme is specifically designed for Startups, Agencies, Tech Firms, SaaS, IT Services, Digital Marketing, Consultancy, App Development, Branding, SEO Firms, Web Design, Creative Studios, Product Launch, Innovation, Fintech, along with agency, marketing, consulting, and creative agency use cases. It provides a range of visually appealing layouts, sliders, and sections to present services, team members, and client testimonials in an engaging and professional manner. The theme’s clean and sleek design elements create a sense of credibility and innovation, helping to establish trust with potential clients. It also provides essential features to enhance the user experience and streamline the website management process. The theme supports integration with popular plugins, allowing agencies to add interactive elements such as contact forms, social media feeds, and portfolio showcases. It also offers customization options to personalize colors, fonts, and layouts, enabling agencies to align the website with their brand identity. Additionally, the Web Startup Agency WordPress theme is fully responsive and mobile-friendly, ensuring that the website looks great and functions seamlessly on all devices. With a growing number of users accessing the internet through smartphones and tablets, having a mobile-friendly website is crucial for reaching a wider audience and maximizing engagement opportunities.
Template: smallbiz-startup
Version: 2.0.7
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: web-startup-agency
Tags: blog, e-commerce, portfolio, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, flexible-header, footer-widgets, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, theme-options

Web Startup Agency WordPress Theme has been created by classictemplate (theclassictemplates.com), 2023.
Web Startup Agency WordPress Theme is released under the terms of GNU GPL

Web Startup Agency WordPress Theme is child theme of Smallbiz Startup WordPress Theme, Copyright 2023 classictemplate (theclassictemplates.com)
Smallbiz Startup WordPress Theme is distributed under the terms of the GNU GPL
*/
body{
  font-family: 'poppins', sans-serif;
  overflow-x: hidden !important;
}
:root {
  --first-theme-color: #f9755c;
  --second-theme-color: #fca45e;
}
a, a:hover{
	text-decoration: none;
	color:var(--first-theme-color);
}
.woocommerce-message::before, .main-nav a:hover, a:hover,p.site-title a:hover, h1.site-title a:hover, .ftr-4-box h5 span, .listarticle h2 a:hover, #sidebar ul li a:hover, .ftr-4-box ul li a:hover, .ftr-4-box ul li.current_page_item a, .social-icons i:hover, .main-nav ul ul a:hover{
	color: var(--first-theme-color);
}
.listarticle a:focus, .wp-block-button a:focus{
  outline: 3px solid var(--first-theme-color) !important;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width: 125px !important;
}
/*header*/
.logo a{
  color: #000;
  font-weight: 600;
}
span.site-description{
  color:#000;
}
.main-nav a:hover{
  color: var(--first-theme-color);
}
.main-menu {
  display: inline-block;
  width: 100%;
}
.page-template-template-home-page .header .sticky-head, .sticky-head{
  background-color: #000;
}
.sticky-head .main-nav a{
  color: #fff;
}
.page-template-template-home-page .main-nav a:hover, .page-template-template-home-page .main-nav ul ul a:hover, .main-nav ul ul a:hover, .main-nav a:hover{
  color:var(--first-theme-color);
}
.page-template-template-home-page .main-nav ul ul a, .main-nav ul ul a{
  color: #000;
}
.page-template-template-home-page .header{
  position: absolute !important;
  background-color: transparent !important;
  width: 100%;
  z-index: 99;
}
.page-template-template-home-page .header.sticky-head, .sticky-head {
  background-color: #000 !important;
}
.main-nav a{
  color: #000;
}
span.onsale, .page-template-template-home-page .contact-us a, .contact-us a, .pagemore a, .serv-btn a, .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit{
  box-shadow: none !important;
}
.contact-us a, .pagemore a, .serv-btn a, .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit{
  border-radius: 70px 105px 0 70px;
}
.header-top {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, var(--first-theme-color) 20%, #000 15%) repeat scroll 0 0;
}
.woocommerce-message{
  border-top-color:var(--first-theme-color);
}
.woocommerce span.onsale, nav.woocommerce-MyAccount-navigation ul li, .postsec-list .search-form input.search-submit, #button, .tagcloud a:hover, .contact-us a, .pagemore a, .serv-btn a, .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
}
.contact-us a:hover, .pagemore a:hover, .serv-btn a:hover, .woocommerce ul.products li.product .button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, #commentform input#submit:hover{
  background: var(--first-theme-color);
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
}
button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
  background: var(--first-theme-color)
}
/*braedcrumb*/
.breadcrumb a{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
  color: #fff !important;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background: #f9765c;
  color:#fff;
}
/*slider*/
.slidesection img{
  object-fit: cover;
}
.slider-color{
  background-color: var(--first-theme-color);
  width:1800px;
}
.slider-color, .slidesection img{
  height: 700px !important;
}
.slidesection{
  background-color: #000;
  position: relative;
}
.slider-box{
  text-align: right;
  left: 50% !important;
  right: 0 !important;
  background-image: linear-gradient(to right, rgba(252, 164, 94, 0.8), rgba(249, 117, 92, 0.8));
  padding: 10em 11em 4em 10em;
  border-radius: 50% 50% 0 50%;
  position: absolute;
  
 bottom: 0;
 width: auto;
 height: 100%;
}
.slider-content{
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 10%;
  left: 20% ;
}
.slider-content h1 a:hover, #services_section .text-inner-box h3 a:hover{
  color: #000;
}
.owl-carousel {
	display: block;
}
.catwrapslider{
  width:100%; 
  position:relative; 
  box-sizing:border-box;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  height: fit-content;
  opacity: 0.7;
}
.catwrapslider .owl-controls{ 
  position: absolute; 
  top: 50%;    
  right:auto; 
  left:auto; 
  width:100%;
}
.catwrapslider .owl-prev:hover, .catwrapslider .owl-next:hover{
  background:none !important;
}
.catwrapslider .owl-prev, 
.catwrapslider .owl-next {
  border: none !important;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  bottom:15px; 
  width:22px; 
  height:22px; 
  font-size:40px; 
  right:0;
  background: none;
  outline: none;
}
.catwrapslider .owl-prev{
  left:10px;
}
.catwrapslider .owl-next{ 
  right:10px;
}
button.owl-prev span,
button.owl-next span{
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 50px;
}
.owl-prev,
.owl-next {
  border: solid 2px #fff;
  padding: 18px;
}
.catwrapslider{ 
  height:auto;
}
.slider-box h1 a {
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  margin: 20px 0 30px 0;
  font-weight: 700;
}
.slider-box p {
  color: #fff;
  font-size: 16px;
}
.pagemore {
  margin-top: 30px;
}
.slider-box span{
  font-size: 25px;
  text-transform: uppercase;
  color: #99cc03;
}
/*block css*/
.site-main .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button a:hover, 
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background: var(--first-theme-color);
  color: #fff !important;
}
.site-main .wp-block-button__link, .postsec-list .wp-block-button__link{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
  color:#fff !important;
  border-radius: 30px;
  margin-bottom: 10px;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--first-theme-color);
  color: #fff !important;
}
#mySidenav{
  text-align: right;
}
/*clearing floata*/
.page-links a, .page-links span{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
}
/*service*/
#services_section{
  padding: 3em 0;
}
.pagecontent {
  position: relative;
  box-shadow: none;
}
#services_section .ser-img img{
  width: 100%;
  height: 280px;
  border-radius: 10px;
  object-fit: cover;
}
#services_section .text-inner-box {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  z-index: 99;
  text-align: center;
  background-image: linear-gradient(to right, rgba(249, 118, 92, 0.8), rgba(255, 174, 95, 0.8));
  border-radius: 0 0 0 50px;
  padding: 0;
}
#services_section .text-inner-box h3 a{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 10px;
  display: inline-block;
}
.thumbbx img, .thumbbx, .serv-image{
  height:auto;
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 0 57px 0 57px;
}
.thumbbx{
  padding: 0;
  background: #000 !important;
}
.thumbbx img{
  opacity: 0.8;
}
.content-inner-box span, #services_section span{
  color: var(--first-theme-color);
  font-weight: 700;
}
#services_section h2{
  text-transform: uppercase;
  font-weight: 700;
  margin: 8px 0 35px 0;
}
.pagecontent img{
  height: 300px;
  object-fit: cover;
}
.nav-links .page-numbers{
  background-image: linear-gradient(to right, var(--first-theme-color) , var(--second-theme-color));
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background: #f9765c;
  color: #fff;
}
/*sidebar*/
#sidebar input[type="text"],
#sidebar input.search-submit,
#footer input.search-submit,.tagcloud a:hover,
form.woocommerce-product-search button, input.search-submit, .widget_calendar caption , .widget_calendar #today{
    background-color: var(--first-theme-color);
    color: #fff;
}
.header-top, .category-btn, .product-search button[type="submit"], span.item-count, .shop-now a:hover, #commentform input#submit:hover, #sidebar input.search-submit, form.woocommerce-product-search button, .woocommerce ul.products li.product .button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, nav.woocommerce-MyAccount-navigation ul li:hover{
    background-color: var(--first-theme-color);
    color: #fff;
}
#sidebar .widget a:hover,
#sidebar .widget a:active, .widget .tagcloud a:hover{
    color: var(--first-theme-color);
}
#sidebar ul li::before{
    color: var(--first-theme-color);
}
#sidebar .widget, .tagcloud a:hover, .widget .tagcloud a:hover,
#sidebar input[type="search"],
#footer input[type="search"]{
    border-color: var(--first-theme-color);
}
#sidebar .widget a, #sidebar .widget a:visited{
  color: #212529;
}
#sidebar h2{
  font-size: 30px;
  color: #000000;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 600;
  word-wrap: break-word;
} 
.page-template-template-home-page .main-nav a {
    color: #fff;
}
/* Progress Bar */
#progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background: var(--first-theme-color);
  z-index: 9999;
}
.admin-bar #progress-bar {
  top: 32px;
}
/*footer*/

/* Sticky Copyright */
.sticky-copyright.active-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}
/* Mobile Portrait View */
@media screen and (max-width:767px) {
  .slider-box h1 a, .slider-box p{
    display: none;
  }
  .slider-box{
    padding: 0 !important;
    background: none !important;
    text-align: center !important;
    left: 10% !important;
    right: 10% !important;
  }
  .slider-color, .slidesection img{
    height: 400px;
  }
}
@media screen and (max-width:768px) {
  .slidesection img {
    height: 400px !important;
    object-fit: cover;
  }
}
@media screen and (min-width:767px) and (max-width:999px){
  .slider-box p{
    display: none;
  }
  .slider-box h1 a{
    font-size:25px;
  }
  .slider-box{
    padding: 45px !important;
  }
  #services_section .text-inner-box h3 a{
    padding: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px){
  .alignwide{
    margin-left: 0;
    margin-right: 0;
  }
  .toggle-nav button{
    border-color: #fff !important;
    color: #fff !important;
  }
  .admin-bar #mySidenav{
    margin-top:42px;
  }
  .main-menu{
    width: 100%;
  }
  .page-template-template-home-page .main-nav ul ul a, .main-nav ul ul a, .page-template-template-home-page .main-nav a{
    color: #fff !important;
  }
}
@media screen and (min-width:1000px) and (max-width:1024px){
 .slider-box{
    padding: 2em 5em 0em 1em;
  }
}