/*
Theme Name: Custom Theme
Text Domain: Custom Theme
Version: 1.0
Tested up to: 1.0
Requires at least: 4.7
Requires PHP: 7.4
Description: Customized Theme for Wordpress
Author: Canisys Technologies
Author URI: https://canisys.com/
Theme URI: 
*/

html,body{
	margin:0px;
	padding:0px;
}


.cky-btn-revisit-wrapper h, .cky-btn-revisit-wrapper p, .cky-btn-revisit-wrapper a, .cky-btn-revisit-wrapper button, .cky-btn-revisit-wrapper span {
	font-family: 'Roboto', sans-serif !important;
}

.cky-consent-container h, .cky-consent-container p, .cky-consent-container a, .cky-consent-container button, .cky-consent-container span {
	font-family: 'Roboto', sans-serif !important;
}

.cky-modal h, .cky-modal p, .cky-modal a, .cky-modal button, .cky-modal span {
	font-family: 'Roboto', sans-serif !important;
}

button.cky-show-desc-btn:not(:hover):not(:active) {
    color: #3BABD9 !important;
}

.cky-accordion-header .cky-always-active {
    color: #ffb40d !important;
}



#services {
	scroll-margin-top: 110px;
}

#about-us {
	scroll-margin-top: 110px;
}

.home_banner h2 span{
	font-weight:normal;
	font-size:0.5em;
}

.header_section .current-menu-item a{
	background:url(images/menu-icon.png) no-repeat top center;
	background-size: 15px auto;
    font-weight: 600 !important;
}

.hfe-sticky{
	background:#24496beb;
}

.header_logo img{
	transition:all 0.2s;
}

.hfe-sticky .header_logo img{
	border-radius:0px !important;	
	max-width:165px;
}

h3 span{
	font-weight:700;
}

span.orange {
	color:#ffb40d;
}

.what_we_do_sec h4 span{
	font-weight:bold;
	color:#FFF;
}

.what_we_do_sec h3 span{
	font-weight:600;
}

.custom_list li svg{
	transform: scale(0.6);
}

.custom_list_white li svg{
	transform: scale(0.6);
}

.custom_list_white li svg path{
	fill: white;
}


#services .elementor-image-box-img {
	width: 100% !important;
}

#services .elementor-image-box-img img {
    height: 65px !important;
    width: auto !important;
}

#services .elementor-image-box-title {
    margin-bottom: 30px !important;
    margin-top: 10px !important;
}


#blog-posts-container {
	width: 100%;
	max-width: 1140px;
}

.blog-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    margin: 40px auto;
    max-width: 1200px;
}

.blog-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
	font-family: Roboto;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-card-image {
    height: 200px;
    background-size: cover;
    background-position: center;
}

.blog-card-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-card-content h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
    font-size: 1.2rem;
    color: #24496b;
    margin: 0px;
}

.blog-card-content h3 strong {
    color: #223344;
}

.blog-card-content p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
    font-size: 0.95rem;
    color: #666;
    line-height: 1.4;
}

.blog-card-content .post-date {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 10px;
    margin-bottom: 0px;
}

.explore-link {
	font-family: 'Roboto', sans-serif;
    margin-top: auto;
    font-weight: bold;
    color: #ffa500;
    text-decoration: none;
}

/* .explore-link:hover {
    text-decoration: underline;
} */

.load-more-wrapper {
	text-align: center;
    padding-top: 50px;
}

#load-more-posts {
    color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
    font-weight: bold;
	font-size: 15px;
    padding: 12px 24px;
	background-color: #3BABD9;
	border: none;
	cursor: pointer;
}

#load-more-posts:hover {
	background-color: #24496B;
}

#load-more-posts:focus-visible {
    outline: none;
}



.case-study-slider {
    width: 100%;
    padding: 40px 0;
}



.case-study-slider .slide-title {
    margin-top: 0px;
    font-size: 1.2rem;
    color: #fff;
    padding: 10px 0;
	font-size:1.4rem;
	font-weight:300 !important;
	text-align:center;
}


body.single header .hfe-sticky {
    background: #24496beb !important;
	padding-bottom: 0px !important;
}

body.single header .header_section {
  	background-color: #24496B;
	padding-bottom: 0px;
}

body.page-id-19 header .hfe-sticky {
    background: #24496beb !important;
    padding-bottom: 0px !important;
}

/*body.page-id-19 header .header_section {
    background-color: #24496B;
    padding-bottom: 0px;
}*/




.single-post-container {
  	max-width: 1140px;
  	margin: auto;
  	padding: 20px;
	padding-top: 200px;
    padding-bottom: 20px;
	display: flex;
    flex-direction: column;
    min-height: 100vh;	
}

.single-post-container article {
    flex: 1;
}



/* .single-post-container .main-banner-container {
  	background-image: url('https://canisys.in/mbrucke/wp-content/uploads/2025/04/blog-main-banner.jpg');
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
	min-height: 400px;
	display: flex;
    justify-content: center;
    align-items: center;
} */

.post-banner-text {
	font-family: "Roboto", Sans-serif;
    font-size: 2.9em;
    font-weight: 700;
    color: #FFFFFF;
}

.post-banner img {
 	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.entry-title {
	color: #24496b;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  	font-size: 32px;
  	margin-bottom: 10px;
}

 .blog-heading a {
	color: #24496b;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
  	font-size: 1.2rem;
} 

.blog-subheading {
	color: #243640;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
  	font-size: 0.7rem;
    margin-top: 10px;
    margin-bottom: 0px;
}

/* .blog-heading:hover {
	text-decoration: underline;
} */

.post-date {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
  	font-size: 12px !important;
    color: #a39d9d !important;
}



.entry-subheading {
	color: #243640;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  	font-size: 16px;
  	margin-top: 0px;
	margin-bottom: 30px;
}

.entry-content {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  	font-size: 16px;
  	margin-bottom: 10px;
}

.blog-navigation-share {
    margin-top: auto;
	padding-top: 100px !important;
    padding: 20px 0px;
}

.blog-share {
	margin-bottom: 50px;
}

.blog-share p {
	margin-bottom: 10px;
}

.blog-share a {
	display: inline-block;
	margin-right: 10px;
}

.blog-navigation-share p, .blog-navigation-share a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  	font-size: 14px;
    color: #24496B;
	text-decoration: none;
}

.blog-nav-links {
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}




.contact-container p {
	margin-top: 0px;
}

.wpcf7-form{
	 font-family: 'Roboto', sans-serif;
}

.custom-form-wrapper {
  font-family: 'Roboto', sans-serif;
  max-width: 600px;
  margin: 0px auto;
  padding: 30px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}

.custom-form-wrapper .form-heading {
  color: #24496b;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.custom-form-wrapper .form-subheading {
  color: #243640;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin-top: 0px;
  margin-bottom: 30px;
}

.custom-form-wrapper label {
  display: block;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #333;
}

.custom-form-wrapper input[type="text"],
.custom-form-wrapper input[type="email"],
.custom-form-wrapper input[type="tel"],
.custom-form-wrapper textarea {
  width: 100%;
  padding: 10px 12px;
  margin-top: 6px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.custom-form-wrapper input:focus,
.custom-form-wrapper textarea:focus {
  border-color: #666;
  outline: none;
}

.custom-form-wrapper textarea {
  resize: vertical;
  min-height: 100px;
}

.custom-form-wrapper input[type="submit"] {
  background-color: #3babd9;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  padding: 12px 25px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-form-wrapper input[type="submit"]:hover {
  background-color: #24496B;
  color: #ffffff;
}

.copyright .elementor-shortcode {
	color: #f8f8f8;
	font-family: 'Roboto', sans-serif;
  	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	opacity: 0.5;
}


.footer-text .contact-divider {
	margin-left: 20px;
    margin-right: 20px;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	
	.hfe-sticky .header_logo img{
		max-width:120px;
	}
	
	.single-post-container {
		padding-top: 130px;
	}
	
	.hfe-menu-item {
		font-size: 0.95em;
	}
	
/* 	.footer-text .elementor-widget-container p a {
		text-align: center !important;
		font-size: 14px !important;
	} */
	
	.footer-text .contact-divider {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
	
	
	
}



@media only screen and (max-width: 1024px) {
	
	.absolute-container{
		position:static !important;
	}
	#blog-posts-container {
		width: 100%;
		max-width: 100%;
	}
	
	.hfe-sticky .header_logo img{	
		max-width:162px;
	}
	
	
}



@media only screen and (min-width: 821px) and (max-width: 1024px) {
	
	
	.single-post-container {
		padding-top: 170px;
	}
	
/* 	.social-icons-box {
		width: 12%;
	} */
	
	.elementor-30 .elementor-element.elementor-element-6917b19 {
		width: 86%;
    }

	
}


@media only screen and (min-width: 768px) and (max-width: 820px) {
	
	
/* 	.social-icons-box {
		width: 16%;
	} */

	
}


@media only screen and (min-width: 601px) and (max-width: 820px) {
	
	
	.elementor-14 .elementor-element.elementor-element-b6e63cc {
        width: 25%;
    }
	
	.single-post-container {
		padding-top: 140px;
	}
	
	.who-we-are-container {
		min-height: 50vh;
	}

	
}



@media only screen and (min-width: 391px) and (max-width: 430px) {
	
	
	.elementor-14 .elementor-element.elementor-element-b6e63cc {
        width: 50%;
    }
	
	
}



@media only screen and (max-width: 390px) {
	
	
	.elementor-14 .elementor-element.elementor-element-b6e63cc {
        width: 52%;
    }
	
	
}





/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.who-we-are-container{
		background-image:none !important;
	}
	.who-we-are-image{
		height: 100%;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 767px) {
	.footer-menus ul{
		margin-left:0 !important
	}
}

@media only screen and (min-width: 1500px) {
	
}
.hfe-flyout-wrapper .hfe-side{
	display:block !important;
	transition:all 300ms ease-in-out;
}
.hfe-menu-item{
	transition:all 300ms ease-in-out;
	display:inline-block !important;
}
.absolute-container{
	bottom:0;
}
.absolute-container *{
	height:100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1500px) {
	.blog-card{
		max-width:300px;
	}
}
.footer-menus *,.footer-text *{
	font-size:medium;
}