/*!
Theme Name: Gaurav Dembla
Author: Nazim Husain
Author URI: https://nazimansari.com
Description: Custom Astra child theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gaurav-dembla
Template: astra
Version: 1.0
*/

/**********
* GLOBAL *
**********/

:root {
	--primary: #0c2d7e;
	--secondary: #1d2737;
	--headline: #111;
	--text: #5a5a5a;
}

html {
	scroll-behavior: smooth;
}

body {
/* 	-webkit-font-smoothing: auto; */
}

.page-template .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0 !important;
}

.site-container {
	max-width: 1140px;
	padding: 70px 20px;
	margin: 0 auto;
}

.section-title {
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	color: var(--headline);
}

.desc {
	font-size: 15px;
	line-height: 27px;
	font-weight: 400;
	color: var(--text);
}

.btn a,
.btn button {
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	padding: 12px 36px;
	border-radius: 5px;
	color: var(--headline);
	background: var(--brand);
	transition: 0.3s ease-in-out;
}

.elementor-heading-title a{
	text-decoration: none!important;
}

/* Slick Slider */
#page .slick-list,
#page .slick-list {
	margin: 0 -20px;
}

#page .slick-track {
	display: flex;
}

#page .slick-slide,
#page .slick-slide {
	margin: 0 20px;
	display: flex !important;
    flex-direction: column;
    height: initial;
    flex-grow: 1;
}

/* Slick Dots */
#page .slick-dots {
	bottom: -70px;
}

#page .slick-dots li {
	font-size: 16px;
	width: fit-content;
	height: fit-content;
}

#page .slick-dots li button {
	box-shadow: none;
	margin: 0 2px;
	width: 9px;
	height: 9px;
}

#page .slick-dots li button:before {
	font-size: 0;
	opacity: 1;
	width: 9px;
	height: 9px;
	background: #ddd;
	border-radius: 10px;
	box-shadow: none;
}

#page .slick-dots li.slick-active button:before {
	background: #045AE3;
}

/***********
* HOMEPAGE *
************/

/* Services */
#services .wrapper .elementor-element:hover h3,
#services .wrapper .elementor-element:hover p,
#services .wrapper .elementor-element:hover .elementor-button-text{
	color: #fff !important;
}

#services .wrapper .elementor-element:hover svg path {
	stroke: #fff;
}

/* Contact */
#contact .wpforms-container  {
	margin: 0 !important;
}

#contact .wpforms-field {
	padding: 12px 0;
}

#contact .wpforms-field input,
#contact .wpforms-field textarea {
	height: 60px;
	border-radius: 8px;
	border: 1px solid #DBDCDD;
	padding: 22px;
	color: #575861;
}

#contact .wpforms-field input:focus,
#contact .wpforms-field textarea:focus {
	box-shadow: none;
}


#contact .wpforms-field input::placeholder,
#contact .wpforms-field textarea::placeholder {
	opacity: 1;
}

#contact .wpforms-field textarea { 
	height: 160px;
}

#contact .wpforms-submit {
	display: block;
	width: 100%;
	background: #045AE3;
	height: auto;
	border-radius: 8px;
	font-size: 20px;
	padding: 20px 20px;
}



/****************
* MEDIA QUERIES *
*****************/

@media (max-width: 768px) {
	/**********
	* GLOBAL *
	**********/

	.site-container {
		max-width: 100%;
		padding: 50px 20px;
	}

	.section-title {
		font-size: 26px;
		line-height: 36px;
	}

	/* Slick Dots */
	#page .slick-dots {
		bottom: -50px;
	}
	
	/***********
	* HOMEPAGE *
	************/

	/* Contact */
	#contact .wpforms-field {
		padding: 7px 0;
		width: 100%;
		margin: 0;
	}

	#contact .wpforms-field input,
	#contact .wpforms-field textarea {
		height: 50px;
		padding: 18px;
		font-size: 15px;
	}

	#contact .wpforms-field textarea { 
		height: 100px;
	}

	#contact .wpforms-submit {
		font-size: 16px;
		padding: 17px 20px;
	}
}
}