/**
Theme Name: Krishna Enterprise
Author: SAPYS InfoTECH
Author URI: https://sapysinfotech.com/about/
Description: Sapys Infotech began in 2019 when three friends with complementary tech skills realized they could create something special together. What started as casual collaboration on freelance projects quickly evolved into a full-service digital agency with a simple philosophy: combine technical excellence with marketing savvy to deliver solutions that actually work.

Today, we’re proud to have helped over 75 businesses across retail, healthcare, education, and finance establish powerful digital presences. From a healthcare app that serves 15,000 patients daily to an e-commerce platform that increased a local retailer’s revenue by 240%, our work speaks through the success of our clients.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krishna-enterprise
Template: astra
*/

/* Import Poppins and Aleo from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');




/* Apply Poppins to headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

/* Apply Aleo to body text */
body, p, li, ul, ol {
  font-family: 'Aleo', serif;
  font-weight: 400;
  line-height: 1.6;
}

/* Buttons and nav (optional) */
button, input[type="submit"], .elementor-button {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

/* Blockquotes or testimonials */
blockquote, .testimonial-text {
  font-family: 'Aleo', serif;
  font-style: italic;
}

/* Force Poppins for headings site-wide */
h1, h2, h3, h4, h5, h6,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
}

/* Force Aleo for paragraphs and content text */
body,
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Aleo', serif !important;
  font-weight: 400;
  line-height: 1.6;
}

/* Optional: Apply Poppins to buttons */
button,
input[type="submit"],
.elementor-button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
}


/* footer hover */
 .footer-link {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    transition: all 0.3s ease;
  }

  .footer-link:hover {
    color: #ED2F59; /* Change to any hover color you like */
    text-decoration: underline;
  }

/* social links css */
.social-icon i {
    color: #ffffff;
    text-decoration: none;
    margin-right: 12px;
    transition: color 0.3s ease;
  }
	.social-icon.facebook:hover i {
    color: #3b5998; /* Facebook blue */
  }

  .social-icon.twitter:hover i {
    color: #1da1f2; /* Twitter blue */
  }

  .social-icon.youtube:hover i {
    color: #ff0000; /* YouTube red */
  }

/*  */

.ast-builder-menu-1 .menu-item > .menu-link {
                line-height: 1.6em;
                font-size: 16px;
                font-size: 0.88888888888889rem;
                color: #1a5276;
                padding-top: 7px;
                padding-bottom: 7px;
                padding-left: 16px;
                padding-right: 16px;
	
            }

/* Quick Links */
  .footer-quick-links {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    padding: 10px 20px;
  }

  .footer-quick-links h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #ffffff;
	  text-align: left;
  }

  .footer-quick-links ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
	  text-align: left;
  }

  .footer-quick-links li {
    margin-bottom: 4px;
  }

  .footer-quick-links a.footer-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
  }

  .footer-quick-links a.footer-link:hover {
    color: #E8A828; /* highlight on hover */
  }

/* Responsive adjustments for Tablet view */
@media (max-width: 921px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
        grid-template-columns: 1fr;
    }
	.footer-quick-links h3 {
        text-align: center;
    }

  .footer-quick-links ul {
	text-align: center;
  }	
	
}


/* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .footer-quick-links {
      padding: 15px;
    }
    .footer-quick-links h3 {
      font-size: 15px;
		
    }
    .footer-quick-links a.footer-link {
      font-size: 15px;
    }
  }

  @media screen and (max-width: 480px) {
    .footer-quick-links h3 {
      font-size: 16px;
		text-align:center;
    }

    .footer-quick-links a.footer-link {
      font-size: 14px;
    }
	  
	  .footer-quick-links ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
	text-align: center;
  }
  }

/* contact info */
  .contact-info {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    font-size: 16px;
    padding: 10px 20px;
  }

  .contact-info h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #ffffff;
  }

  .contact-info p {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  .contact-info i {
    margin-right: 8px;
  }

  .contact-info a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .contact-info a:hover {
    color: #E8A828; /* hover color */
  }

  .social-links {
    margin-top: 15px;
    font-size: 18px;
  }

  .social-links a {
    margin-right: 12px;
    color: #ffffff;
    transition: color 0.3s ease;
  }

  .social-links a:hover {
    color: #E8A828;
  }

/* Responsive adjustments for Tablet view */
@media (max-width: 921px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
        grid-template-columns: 1fr;
    }
	.contact-info h3 {
        text-align: center;
    }

.contact-info .footer-col {
    text-align: center;
  }
 .contact-info .footer-col p {
    display: flex;
    justify-content: center;
    align-items: center;
  }	
	
	.social-links{
		text-align: center;
	}
}


  /* Responsive Styling */
  @media screen and (max-width: 768px) {
    .contact-info {
      padding: 15px;
      font-size: 15px;
    }

    .contact-info h3 {
      font-size: 15px;
/* 			text-align: left; */
    }
	  
	   .contact-info p {
    margin-bottom: 10px;
/*     display: flex; */
/*     text-align: left; */
  }

    .social-links {
      font-size: 17px;
    }
  }

  @media screen and (max-width: 480px) {
    .contact-info {
      font-size: 14px;
		
    }

    .contact-info h3 {
      font-size: 16px;
		text-align:center;
    }
  .contact-info p {
    margin-bottom: 10px;
    display: flex;
    text-align: center;
  }
    .social-links {
      font-size: 16px;
		text-align: center;
    }
  }

/* certification */

.footer-certifications {
    text-align: left;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    padding: 10px 20px;
  }

  .footer-certifications h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #ffffff;
  }

  .footer-certifications img.certification {
    width: 50%;
    height: auto;
    max-width: 200px;
    transition: transform 0.3s ease;
  }

  .footer-certifications img.certification:hover {
    transform: scale(1.05); /* subtle zoom on hover */
  }

/* Responsive adjustments for Tablet view */
@media (max-width: 921px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
        grid-template-columns: 1fr;
    }
	.footer-certifications h3 {
        text-align: center;
    }

.footer-certifications {
	text-align: center;
/* 	  display:flex; */
  }	
	.social-links{
		text-align: center;
	}
}

  /* Responsive Styling */
  @media screen and (max-width: 768px) {
    .footer-certifications {
      padding: 15px;
    }

#block-16 .footer-certifications h3 {
	font-size: 15px;
}	  
	  
	  
    .footer-certifications h3 {
      font-size: 15px;
/* 	  text-align: left; */
		
    }
	
	  .elementor-widget-heading h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
		  font-size: 15px;
}
	  
    .footer-certifications img.certification {
      width: 60%;
      max-width: 180px;
    }
	    .footer-certifications {
/*    		 text-align: left; */
  		 color: #ffffff;
   		 font-family: 'Poppins', sans-serif;
  		 padding: 10px 20px;
/* 		 text-align:left; */
  }
  }

  @media screen and (max-width: 480px) {
    .footer-certifications h3 {
      font-size: 16px;
		text-align:center;
    }

    .footer-certifications img.certification {
      width: 70%;
      max-width: 160px;
		
    }
	  .footer-certifications {
    text-align: left;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    padding: 10px 20px;
	text-align:center;
  }
  }

/* ChatBot UI */


.chatbot-container {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 320px;
  height: 460px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
  display: none;
  flex-direction: column;
  z-index: 999;
  overflow: hidden;
  font-family: 'Segoe UI', sans-serif;
}

.chat-header {
  background: #4a90e2;
  color: white;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-chat {
  background: transparent;
  color: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.chat-body {
  flex: 1;
  padding: 15px;
  overflow-y: auto;
  font-size: 14px;
  background-color: #f8f9fb;
}

.chat-input-area {
  display: flex;
  border-top: 1px solid #ddd;
  padding: 10px;
  background-color: #fff;
}

.chat-input-area input {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  margin-right: 8px;
  font-size: 14px;
}

.chat-input-area button {
  padding: 10px 16px;
  background: #4a90e2;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}

.chat-input-area button:hover {
  background: #357bd8;
}

.chatbot-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #4a90e2;
  color: white;
  border: none;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  font-size: 24px;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  transition: background 0.3s;
}

.chatbot-toggle:hover {
  background: #357bd8;
}

.user-message {
  text-align: right;
  margin: 6px 0;
  background: #d1e7ff;
  padding: 8px 12px;
  border-radius: 15px 15px 0 15px;
  display: inline-block;
  max-width: 80%;
  float: right;
  clear: both;
}

.bot-message {
  text-align: left;
  margin: 6px 0;
  background: #e6e6e6;
  padding: 8px 12px;
  border-radius: 15px 15px 15px 0;
  display: inline-block;
  max-width: 80%;
  float: left;
  clear: both;
}

.typing {
  font-style: italic;
  color: gray;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}