/**
* Theme Name: Creote Child
* Description: This is a child theme of Creote, generated by Merlin WP.
* Author: <a href="http://steelthemes.com/steelthemes">Steelthemes</a>
* Template: creote
* Version: 1.0.0
*/

:root {
  --primary-color-one: #272974;
}


/********** GLOBAL **********/
.title_all_box .title_sections .title {
	line-height: 150% !important;
}

.title_all_box .title_sections p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.header .header_content_collapse .navigation_menu .navbar_nav li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li {
	padding: 10px 0 !important;
}

.default_sickty_heaad .header_logo_box img {
	margin-top: 0 !important;
}

.header_area .navbar_nav li a span {
	padding-bottom: 3px;
}

.header_area .navbar_nav li:hover a {
	color: var( --e-global-color-accent ) !important;
}

.header_area .navbar_nav li a:hover {
	color: var( --e-global-color-accent ) !important;
}

.header_area .navbar_nav li a span:hover {
	color: var( --e-global-color-accent );
    border-bottom: 2px solid var(--e-global-color-accent);
}

.header_area .navbar_nav li a:hover span {
	color: var( --e-global-color-accent );
    border-bottom: 2px solid var(--e-global-color-accent);
}

.header_area .navbar_nav li:hover a span {
	color: var( --e-global-color-accent ) !important;
    border-bottom: 2px solid var(--e-global-color-accent);
}

.header_area .navbar_nav li.active a {
	color: var( --e-global-color-accent ) !important;
}

.header_area .navbar_nav li.active a span {
	color: var( --e-global-color-accent );
    border-bottom: 2px solid var(--e-global-color-accent);
}


.es-banner_btn, .git-banner_btn {
	transform: translateY(0);
	transition: transform 0.3s ease-out;
}

.es-banner_btn:hover, .git-banner_btn:hover {
	transform: translateY(-5px);
}

.es-banner_btn:hover a, .git-banner_btn:hover a{
	background-color: var( --e-global-color-f1712d7 ) !important;
	color: var( --e-global-color-accent ) !important;
}

.buttons-banner_wrap {
	flex-wrap: nowrap !important;
}



.services-box_wrap {
	transform: translateY(0);
	transition: transform 0.3s ease-out;
	padding: 30px !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px !important;
	margin-top: 40px !important;
}

.services-box_wrap:hover {
	transform: translateY(-20px);
	border-color: var(--e-global-color-accent);
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}




.expertise-box_wrap {
	transition: transform 0.3s ease-out;
	border-radius: 12px !important;
	padding: 1.5rem 1rem !important;
}

.expertise-box_wrap:hover {
	background-color: var( --e-global-color-f1712d7 ) !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.expertise-box_wrap p:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}



.contact-main_wrap .contact-info_wrap .title_all_box.style_five .title_sections .title {
	line-height: 150%;
}

.contact-main_wrap .contact-info_wrap .title_all_box.style_five .title_sections a {
	color: var(--heading-dark);
}

.contact-form_wrap .contact_form_box_all.type_one .contact_form_box_inner {
	background-color: var( --e-global-color-62e0a9f );
	box-shadow: none;
}

.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output {
	background-color: var(--heading-dark);
}

.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output::before {
	border-bottom-color: var(--heading-dark);
}

.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-not-valid-tip {
	color: red;
}

span.wpcf7-spinner {
	display: none;
}



/*.footer-menu_wrap .navbar_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}*/

#footer_contents .footer-menu_wrap .navbar_nav li {
	/*width: 100%;*/
	padding: 0 !important;
	margin: 0 0 0.75rem 0 !important;
}

#footer_contents .footer-menu_wrap .navbar_nav li + li {
	margin-left: 20px !important;
}

#footer_contents .footer-menu_wrap .navbar_nav li a:hover {
	color: var( --e-global-color-f1712d7 );
}

#footer_contents .social-media_wrap a:hover {
	background-color: var( --e-global-color-accent );
}

#footer_contents .social-media_wrap .social_media_v_one ul li a small {
	color: var(--heading-dark);
}

#footer_contents .copyright-main_wrap {
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#footer_contents .copyright-main_wrap p {
	margin-bottom: 0 !important;
}



/********** RESPONSIVE 1200px **********/
@media(max-width: 1200px) {
	.elementor-10 .elementor-element.elementor-element-96b9276 .title_all_box .title_sections .title {
		font-size: 35px !important;
	}

	.title_all_box.style_five .title_sections h2.title {
		font-size: 28px !important;
	}

	.services-box_wrap .title_all_box.style_five .title_sections h3.title {
		font-size: 18px !important;
	}

	.es-banner_btn a, .git-banner_btn a {
		font-size: 12px !important;
	}

	.expertise-box_wrap .title_all_box.style_five .title_sections h4.title {
		font-size: 16px !important;
	}


	.sticky_header_main > .auto-container > div.d-flex {
		width: 100% !important;
		max-width: 1140px !important;
		margin: 0 auto !important;
	}

	.default_sickty_heaad .header_content_collapse .header_menu_box {
		display: block;
	}

	.sticky_header_main .header_logo_box img {
		width: 90px !important;
	}

	.header .navbar_togglers, .sticky_header_main .navbar_togglers {
		display: none;
	}

	.header_content_collapse {
		display: block !important;
	}

	.header .logo_column, .sticky_header_main .logo_column {
		width: 50%;
	}

	.mobile_header .container {
		max-width: 100% !important;
		padding: 0 20px;
	}

	.main-section_wrap {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.services-box_wrap {
	    width: 48% !important;
	}

	.elementor-10 .elementor-element.elementor-element-c6efbd1 .title_all_box .title_sections .title {
		text-align: center;
		font-size: 18px !important;
	}

	.contact-info_wrap {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.contact-info_wrap > div {
		width: 100% !important;
		max-width: 100% !important;
	}

	.contact-info_wrap .elementor-icon-wrapper {
		text-align: center !important;
	}

	.contact-main_wrap .contact-info_wrap .title_all_box.style_five .title_sections .title {
		text-align: center !important;
	}

	.contact-main_wrap .contact-info_wrap .title_all_box.style_five .title_sections p {
		text-align: center !important;
	}

	.foooter-col_mwrap {
		flex-wrap: wrap !important;
		text-align: center !important;
	}

	.foooter-col_mwrap .foooter-col_wrap {
		width: 100% !important;
		text-align: center !important;
	}

	.foooter-col_mwrap .foooter-col_wrap .title, .foooter-col_mwrap .foooter-col_wrap p {
		text-align: center !important;
	}

	.foooter-col_mwrap .foooter-col_wrap .navigation_menu .navbar_nav {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
	}
}


/********** RESPONSIVE 1050px **********/
@media(max-width: 1050px) {
	.why-choose_wrap .why-col_mwrap {
		flex-wrap: wrap;
		margin-top: 0 !important;
	}

	.why-choose_wrap .why-col_mwrap .why-col_wrap {
		width: 50% !important;
		max-width: 50% !important;
		margin-top: 20px;
	}
}

/********** RESPONSIVE 991px **********/
@media(max-width: 991px) {
	.about-main_wrap .e-con-full.e-flex {
		flex-wrap: wrap !important;
	}

	.about-main_wrap .about-us_col {
		width: 100% !important;
		max-width: 100% !important;
	}

	.about-main_wrap .about-us_col .about-us_img {
		text-align: center !important;
	}

	.contact-col_mwrap {
		flex-wrap: wrap !important;
	}

	.contact-col_mwrap .contact-col_wrap {
		width: 100% !important;
		max-width: 100% !important;
	}

    /*.contact-col_wrap .elementor-icon-wrapper {
    	text-align: center !important;
    }*/
}

/********** RESPONSIVE 767px **********/
@media(max-width: 767px) {
	.services-box_wrap {
	    width: 100% !important;
	}

    .main-section_wrap {
   	 	padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .services-box_wrap {
    	padding: 20px !important;
    }

    .expertise-box_wrap .title_all_box .title_sections .title, .expertise-box_wrap .title_all_box .title_sections p {
    	text-align: center !important;
    }
}

/********** RESPONSIVE 600px **********/
@media(max-width: 600px) {
	.why-choose_wrap .why-col_mwrap .why-col_wrap {
		width: 100% !important;
		max-width: 100% !important;
	}
}