/*
Theme Name: IT Services
Theme URI: https://www.themesglance.com/products/free-it-services-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: The IT Services Theme is a clean, professional, and fully responsive solution designed for IT companies, software developers, IT consultants, web agencies, cloud computing firms, technology startups, managed IT service providers, system integrators, app development companies, SaaS businesses, cloud service providers, cybersecurity firms, and tech solution companies seeking a strong online presence. Perfect for showcasing services such as IT strategy, digital transformation, software development, application development, system integration, network solutions, cybersecurity, cloud storage, data management, IT support, managed services, technology consulting, and enterprise solutions, this theme features a modern, minimalist design that conveys innovation and professionalism. Built on the Bootstrap framework with lightweight, SEO-friendly code, IT Services ensures fast loading, mobile responsiveness, and improved search visibility. It includes full-width responsive sliders, retina-ready visuals, Team and Testimonials sections, interactive Call To Action (CTA) buttons, and social media integration to boost engagement and conversions. Fully compatible with WooCommerce for service or product sales, Contact Form 7 for client communication, WPML for multilingual support, and Yoast SEO for optimization, the IT Services Theme provides a sleek, high-performing, and conversion-focused platform for IT firms, digital consultants, web agencies, and technology service providers. Demo: https://www.themesglance.com/it-company-pro/
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.1.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: it-services
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, news, e-commerce
*/

body{
	font-family: 'Raleway', sans-serif;
}
:root {
  --primary-color:#27bfff;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Abhaya Libre', serif;
}
.post-info a:focus, .copyright a:focus, .more-btn a:focus, .header a:focus, .header input:focus, .footerinner a:focus{
    outline-color: #000;
}
.entry-content p a, .comment p a, .footerinner .textwidget p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description a{
    text-decoration: underline;
}
.post-info .entry-date:hover, .post-info .entry-date:hover i, .post-info .entry-author:hover, .post-info .entry-author:hover i{
	color: #000;
}
.post-info,.grid-post-info,.blogbtn a,#sidebar .search-form input[type="submit"],.pagination .current,#sidebar .tagcloud a:hover,.woocommerce-product-search button,.inner,#footer .search-form input[type="submit"],.footerinner .tagcloud a:hover,.navigation .nav-previous a, .navigation .nav-next a,#comments a.comment-reply-link,#comments input[type="submit"].submit,.bradcrumbs a:hover,.nav-menu ul ul a,h1.page-title, h1.search-title,.woocommerce span.onsale,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,nav.woocommerce-MyAccount-navigation ul li,.page-template-custom-front-page .top-header,.more-btn a:hover,.we-do-box:hover,.tags a:hover,.back-to-top, input[type="submit"], a.button{
	background: var(--primary-color);
}
.woocommerce-message {
	border-color: var(--primary-color) ;
}
.woocommerce a.added_to_cart{
	display: block;
}
a,.grid-sec h2 a , .blog-sec h2 a,#sidebar h3,#sidebar ul li a:hover,.footerinner ul li a:hover,#we-do h2,.tags a i, .woocommerce-message::before{
	color: var(--primary-color);
}

.blog .blog-sec,.blog #sidebar .widget,#sidebar .widget,.blog-sec{
    box-shadow: 2px 2px #000 !important;
}
#wrapper .related-posts h2.related-posts-main-title, #wrapper .related-posts h3 a{
	color: var(--primary-color);
}
/* blog */
#blog_post .blog-sec h2:hover a{
	color: var(--primary-color);
}

#sidebar ul li a:hover,#sidebar ol li a:hover{
	padding-left: 8px; 
	color: var(--primary-color);
}
#blog_post .blog-sec:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)!important;
  }
/*---- Header CSS ----*/
.header {
    background: transparent;
}
.it-services-logo-inner-box {
    clip-path: polygon(0 0, 100% 0%, 71% 100%, 0 100%);
    background: #fff;
    display: inline-grid;
    padding: 30px 50px;
}
.it-services-logo-box {
    filter: drop-shadow(0 10px 10px rgba(50, 50, 0, 0.5));
    position: absolute;
    z-index: 999;
}
.top-header {
    border-bottom: none;
    background: var(--primary-color);
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0 100%);
}
.it-services-logo h1 a, .it-services-logo p.site-title a,.it-services-logo p,.nav-menu li a,.we-do-box h3 a{
	color: #000;
}
.fixed-header {
	background: #fff;
}
.welcome i{
	font-size: 27px;
    color: white;
}
.page-template-custom-front-page .header {
    position: static;
    background-color: transparent !important;
}
.page-template-custom-front-page .top-header,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
	border: none !important;
}
.post-info i{
	margin-right: 5px;
}
#slider img{
	object-fit: cover;
}
/*---- Menu CSS ----*/
.nav-menu ul{
	text-align: right;
}
.bar-box {
    background: var(--primary-color);
    color: #fff;
    font-size: 35px;
    text-align: center;
}
.nav-menu ul ul{
	border-color: #000;
}
.nav-menu ul ul a:hover {
    background: #000;
}
.nav-menu ul ul a:hover,.tags a:hover{
	border-color: var(--primary-color);;
}
.contact-details:hover i, .contact-details p:hover,
.conatct-font:hover i, .conatct-font p:hover, .conatct-font:hover a p,.welcome i:hover,.welcome p:hover{
	color: #000 !important;
}
#slider .more-btn a{
	background: #fff ;
	color: #000 !important;
	border-radius: 30px !important;
}
 .more-btn a:hover,.we-do-box:hover a,.we-do-box:hover p,.bradcrumbs a{
	color: #fff ;
}
#slider .more-btn a:hover{
	background: var(--primary-color);
	color: #fff !important;
}
.we-do-box {
    border: solid 4px #e2e2e2;
    box-shadow: 0 0 18px 0px #e2e2e2;
}
.we-do-box h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
#footer{
	background: #000;
}
.back-to-top::after {
    border-bottom: 20px solid #000;
}
.back-to-top::before{
	border-bottom: 20px solid var(--primary-color);
}
.post-categories li a{
	background-color: var(--primary-color);
}
.bradcrumbs span,.woocommerce-account .addresses .title .edit{
	background: var(--primary-color);
	color: #fff;
}
.bradcrumbs a{
	background: var(--primary-color);
}
.bradcrumbs a:hover{
	background: #232c2b;
	color: #fff !important;
}
.blogbtn a,.woocommerce a.button,input#submit,.woocommerce .cart .button,a.checkout-button.button.alt.wc-forward.wp-element-button,button#place_order{
	border-radius: 30px;
}
#maincontent .background-img-skin{
	margin-top: 0;
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
  color:#fff;
  background: var(--primary-color);
}
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px ;
  color: #fff;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
#maincontent .wp-block-button a,.wp-block-search__button,.widget_calendar tbody a{
  background: var(--primary-color);
}
#sidebar .tagcloud a:hover,.footerinner .tagcloud a:hover{
	border: 1px solid var(--primary-color);
}
#footer h3, #footer .wp-block-search__label{
	border-color: var(--primary-color);
}
#sidebar h2,#sidebar .wp-block-search .wp-block-search__label{
	color: var(--primary-color);
}
 #sidebar .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:hover{
 	background: var(--primary-color);
 	border: 1px solid var(--primary-color);
 }
 .bradcrumbs span{
 	padding: 10px;
 }
 .wc-block-grid__product-onsale,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,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: var(--primary-color) !important;
 	border-color: var(--primary-color) !important;
 }
 .woocommerce a.added_to_cart{
 	background: var(--primary-color) !important;
 	color: #fff;
 	border-radius: 30px !important;
 	width: fit-content;
 	margin: 10px  auto 0 10px !important;
 	padding: 6px 15px !important;
 	font-weight: 700 !important;
 }
 .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
 	background-color: var(--primary-color);
 	border: 1px solid var(--primary-color);
 }
 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
 	border: 1px solid var(--primary-color);
 	color: var(--primary-color);
 }
 .woocommerce-notices-wrapper a.button.wc-forward{
 	background: var(--primary-color);
 }
  .woocommerce-notices-wrapper a.button.wc-forward:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
 	background: #000 !important;
 }
 #header .nav ul li:after{
 	display: none;
 }
 #sidebar .wp-block-search .wp-block-search__label{
	font-family: 'Abhaya Libre', serif !important;
 }

 .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    margin-left: 15px!important;
 }

 .product .add_to_cart_button{
	margin: 10px !important;
 }

 .woocommerce-products-header h1 {
	padding-left: 8px;
  }

.welcome p {
    color: #fff!important;
	justify-content: center;
    display: flex;
}


@media screen and (max-width: 1000px){
	.it-services-logo-box{
		position: static;
	}
	.it-services-logo-inner-box {
	    clip-path: none;
	    padding: 30px 15px;
	}
	.bar-box {
	    display: none;
	}
	.top-header {
	    clip-path: none;
    	margin-top: 20px;
	}
	.welcome p{
		padding: 0;
	}
}

@media screen and (min-width: 320px) and (max-width: 425px) {
	#slider .inner_carousel h1 {
	    font-size: 20px;
	}
	#slider .carousel-caption {
	    left: 20% !important;
	    right: 20% !important;
	}
	input.search-field{
		width: 58%;
	}
	label {
	    display: inline;
	}
}
@media screen and (min-width: 720px) and (max-width: 768px) {
.wp-block-search__inside-wrapper{
	display: inline-block;
	}
	button.wp-block-search__button.wp-element-button{
		margin-left: 0em;
	}
}
@media screen and (min-width: 720px) and (max-width: 991px) {
	#footer .search-form input[type="submit"]{
		padding: 14px 4%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {	
	.it-services-logo-box{
	    position: static;
	}
	.it-services-logo-inner-box {
	    padding: 15px;
	}
}
thead, tbody, tfoot, tr, td, th {
	border-width: 1px;
}
@media screen and (max-width: 320px){
	.bradcrumbs span{
  	padding: 7px;
}
}
.nav-menu a:hover{
	color: var(--primary-color) ;
}
#sidebar .widget{
	padding: 15px ;
}

/* Custom B2B IT Outsourcing layout */
body {
  margin: 0;
  color: #132238;
  background: #f5f8fc;
  font-family: "Inter", Arial, sans-serif;
}

.its-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.its-geo-sticker {
  background: #f59e0b;
  color: #1a1200;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 8px 0;
}

.its-geo-sticker p {
  margin: 0;
}

.its-value-proposition {
  font-size: 17px;
  line-height: 1.55;
  background: #eaf1ff;
  border-left: 4px solid #1f6feb;
  padding: 14px 16px;
  border-radius: 8px;
  margin-bottom: 22px;
}

.its-cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding: 12px 16px;
  pointer-events: none;
  animation: its-cookie-slide-up 0.3s ease-out;
}

.its-cookie-bar[hidden] {
  display: none;
}

@keyframes its-cookie-slide-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.its-cookie-bar-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  color: #132238;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 -4px 24px rgba(8, 20, 37, 0.18), 0 8px 32px rgba(8, 20, 37, 0.12);
  border: 1px solid #e4ebf4;
  pointer-events: auto;
}

.its-cookie-bar-text strong {
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: #132238;
}

.its-cookie-bar-text p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #3d4f66;
}

.its-cookie-bar-text a {
  color: #1f6feb;
}

.its-cookie-bar .its-btn {
  flex-shrink: 0;
  min-width: 80px;
  border: 0;
  cursor: pointer;
  font-size: 15px;
}

@media (max-width: 640px) {
  .its-cookie-bar-inner {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .its-cookie-bar .its-btn {
    width: 100%;
  }
}

.its-client-login {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.its-client-login-message {
  font-size: 24px;
  font-weight: 600;
  color: #132238;
  margin: 0;
  padding: 40px 20px;
}

.its-topbar {
  background: #0b1c31;
  color: #d7e6ff;
  font-size: 14px;
}

.its-topbar .its-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
}

.its-topbar a,
.its-site-name,
.its-main-nav a {
  color: inherit;
  text-decoration: none;
}

.its-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #ffffff;
  border-bottom: 1px solid #e4ebf4;
}

.its-nav-row {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
}

.its-branding {
  display: flex;
  align-items: center;
  gap: 12px;
}

.its-site-name {
  font-size: 20px;
  font-weight: 700;
}

.its-menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 18px;
  font-weight: 500;
}

.its-cta,
.its-btn {
  display: inline-block;
  padding: 11px 18px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
}

.its-cta,
.its-btn-primary {
  background: #1f6feb;
  color: #fff;
}

.its-btn-light {
  background: #e5edfb;
  color: #1a3d7a;
}

.its-hero {
  background: linear-gradient(110deg, #0d1f3a 0%, #1f6feb 100%);
  color: #fff;
  padding: 72px 0 60px;
}

.its-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 30px;
  align-items: start;
}

.its-hero-grid-single {
  grid-template-columns: 1fr;
}

.its-kicker {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  opacity: 0.85;
}

.its-hero h1 {
  color: #fff;
  font-size: 42px;
  line-height: 1.15;
  margin: 10px 0 16px;
}

.its-actions {
  margin: 24px 0;
  display: flex;
  gap: 12px;
}

.its-trust {
  margin: 0;
  padding-left: 18px;
}

.its-hero-card {
  background: #ffffff;
  color: #132238;
  border-radius: 14px;
  padding: 22px;
}

.its-hero-card form {
  display: grid;
  gap: 10px;
}

.its-hero-card input,
.its-hero-card button {
  width: 100%;
  border: 1px solid #d8e0ec;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}

.its-hero-card button {
  background: #1f6feb;
  color: #fff;
  border: 0;
  cursor: pointer;
}

.its-note {
  margin-top: 10px;
  font-size: 12px;
  color: #5f6f83;
}

.its-services,
.its-pricing,
.its-process,
.its-faq {
  padding: 70px 0;
}

.its-sla {
  background: #0f223e;
  color: #fff;
  padding: 64px 0;
}

.its-cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.its-card,
.its-tariff {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(16, 39, 72, 0.08);
}

.its-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

.its-banner-image {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(16, 39, 72, 0.14);
}

.its-card h3,
.its-card p,
.its-tariff h3,
.its-tariff ul,
.its-price {
  padding: 0 18px;
}

.its-tariff img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.its-card p,
.its-tariff ul {
  padding-bottom: 18px;
}

.its-price {
  color: #1f6feb;
  font-weight: 700;
}

.its-tariff.is-popular {
  border: 2px solid #1f6feb;
}

.its-sla-list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.its-sla-list div {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 18px;
  display: grid;
  gap: 8px;
}

.its-process ol {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.its-carousel {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.its-carousel-viewport {
  overflow: hidden;
}

.its-carousel-track {
  display: flex;
  transition: transform 0.35s ease;
}

.its-carousel-slide {
  min-width: 100%;
}

.its-carousel-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #c7d7ef;
  background: #fff;
  color: #1f6feb;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.its-carousel-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.its-faq details {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 14px 16px;
}

.its-footer {
  background: #081425;
  color: #cad8ee;
  padding-top: 48px;
}

.its-footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 24px;
}

.its-footer h3,
.its-footer h4 {
  color: #fff;
}

.its-footer a {
  color: #91b4ff;
}

.its-copyright {
  border-top: 1px solid #213753;
  margin-top: 28px;
  padding: 16px 0;
  font-size: 13px;
}

@media (max-width: 980px) {
  .its-nav-row,
  .its-hero-grid,
  .its-cards,
  .its-sla-list,
  .its-footer-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .its-menu {
    flex-wrap: wrap;
  }

  .its-carousel {
    grid-template-columns: 1fr;
  }

  .its-carousel-btn {
    display: none;
  }

}