@charset "UTF-8";
/*
Theme Name: Alpine Shademaster
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */


--------------------------------------------------------------*/

html {line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {font-family: 'Open Sans', sans-serif; margin: 0 auto; width: 100%; min-width: 1200px; background: url('/wp-content/uploads/2025/10/mainbg-scaled.jpg')no-repeat top center; background-size: cover;  }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

div#techno-chatbot-floating-icon {
    z-index: 9999999999;
}

#techno-chatbot-window {
    z-index: 99999;
}
/*###################################
## Layouts
###################################*/
.row {max-width: 1386px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}

.home .entry-header{ display: none; }
.text-right { text-align: right; }

.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

#techno-chatbot-floating-icon {
    bottom: 100px;
    right: 20px;
}

/*###################################
## Fonts
###################################*/
h1, h2 , h3, h4, h5, h6 { padding: 0; margin: 0}
a { font-family: 'Montserrat', sans-serif; }
a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; -o-transition: all .5s ease; transition: all .5s ease;color: inherit;}
/*a:hover {text-shadow: 0px 0px 5px #000;}*/
a:focus {outline: none !important;}
h1, h2 , h3 {font-family: 'Staatliches', sans-serif; font-weight: 400; line-height: 1.2; margin: 0 auto; font-size: 75px; color: #FF4505}
h2 { color: #FF4505; font-size: 50px; }
h3 { font-size: 35px; color: #12A0FA }
h4{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; color: #1B1F28; line-height: 1.6 }
h2 {font-size: 60px;}
p, ul, ol {font-family: 'Montserrat', sans-serif; line-height: 1.6; font-weight: 600; font-size: 20px; color: #666666; padding: 0; margin: 0}
ul, ol{padding: 0 0 0 20px !important;}
p:last-of-type {margin: 0 !important; padding:  0!important}
.gallery figure{display:inline-block;margin: 20px;}

/*###################################
## Buttons
###################################*/
.btn { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; color: #fff!important; padding: 5px 0; width: 248px; background: #FF4505; position: relative; z-index: 1; display: block;  text-align: center;}
.btn::after {content: ""; background: #CE1E2B; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; position: absolute;  height: 100%; width: 100%;z-index: -1;left: 0; top: 0; ; }
.btn:hover::after {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}

/*###################################
## Forms
###################################*/
.ctc-hide{ display: none; }
form label {display: block; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; color: #111}
form input, form textarea{ border: 2px solid #DDDDDD; background: #EEEEEE; width: 100%; height: 36px; resize: none;}
form textarea { height: 108px; }
form .btn{ border: none; width: 100%; background: #2AAAFB}


/*###################################
## Menus
###################################*/
#top-menu {padding: 0px !important;}
/*Main Menu*/
.main-navigation {
	max-width: 893px; margin: auto;
}
.main-navigation ul {align-items: center; display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex; justify-content: space-between;}
.main-navigation ul li {display: flex; height: 127px; text-align: center;}
.main-navigation ul li a{ font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2; display: block; align-self: center; width: 100%; padding: 0 13px;}

.navs ul li:hover a, 
.navs ul li a:hover, 
.navs .current-menu-item a{ color: #FF4505; }
.main-navigation ul li:hover, 
.main-navigation .current-menu-item{ background: rgb(255,255,255); background: rgba(255,255,255,.2);}
/*.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}*/

/*Sub Menu*/
/*.main-navigation ul ul {background: rgba(106, 123, 100, .9); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 250px;display: block; opacity: 0;}
.main-navigation ul ul li {display: block; margin-right: 0;}
.main-navigation ul ul li a {padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}
.main-navigation ul ul li a:hover {background: #D7BA5A;}*/

/*Sub Sub Menu*/
/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px;  }
.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.main-navigation ul ul ul li {}*/

/*Footer Menu*/
.footer-navigation {  max-width: 1000px; width: 100%; margin: 0 auto; }
.footer-navigation ul{ list-style: none; }
.footer-navigation ul li{ padding-bottom: 10px; }
.footer-navigation ul li a{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.2; text-transform: uppercase;}
.footer-navigation ul li:hover a, 
.footer-navigation ul li a:hover, 
.footer-navigation .current-menu-item a{ font-weight: 700;  }

/*Social Menu*/
.social-navigation .screen-reader-text {display: none;}
.social-navigation ul {margin: 0 !important; list-style: none; padding: 0;  }
.social-navigation ul li {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear; border-radius: 50%; height: 34px; width: 34px;  background: #E13946; display: inline-block; vertical-align: middle;}
.social-navigation ul li:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000; -webkit-transform: rotateZ(360deg); -ms-transform: rotate(360deg); transform: rotateZ(360deg); background: #25A0A5; }
.social-navigation ul li a { display: block;}
.social-navigation ul li a svg{ fill: #fff; width: 100%; border-radius: 50%; display: block; height: 100%; }
.social-navigation li.fb_link a svg{ background: #3b5998; }
.social-navigation li.ig_link a svg{ background: #F20004; }
.social-navigation li.gp_link a svg{ background: #d53d30 }

.social-navigation li.li_link a svg{ background: #067eb8; }

.social-navigation li.tt_link a svg{ background: #00bcfb }

.social-navigation li.yt_link a svg{ background: #d53d30 }

/*###################################
## HEADER
###################################*/

.site-header { position: relative; margin-bottom: -104px; z-index: 999;}
.custom-logo-link { max-width: 357px; width: 100%; display: block; }
.custom-logo-link img{ width: 100%; display: block;}
.site-header .row{ align-items: flex-end; padding-top: 31px;}
.site-header .hright{ max-width: 571px; width: 100%;}
.site-header .hright p{ font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; color: #fff; text-shadow: 3px 3px 3px rgba(0,0,0,0.5); text-align: left;}
.site-header .hright p:last-of-type{ font-size: 25px; color: #FF4505; font-family: 'Poppins';  font-weight: 600;}
.site-header .hright p:last-of-type a{ color: #fff }


/*###################################
## BANNER
###################################*/


/*###################################
## CONTENT
###################################*/

.site-content { position: relative; }

/*WELCOME SECTION*/
.welcome img{ border: 14px solid #fff; }
.welcome h1{ padding-bottom: 25px; }
.welcome p{ padding:  30px 0 45px; letter-spacing: 1.2px;}
.welcome h4{ letter-spacing: 3px; }

/*APPLICATIONS SECTION*/
.applications h2{ padding-bottom: 15px }
.applications h3{ width: 100%; display: block; color: #00162D; padding: 15px 5px; background: #ff9b79}
.applications img{ width: 100%; display: block; }

/*CREATING SECTION*/
.creating h4{ font-size: 30px; color: #129FF9; letter-spacing: 6px}

/*DESIGNS SECTION*/
.designs img{ width: 100%; display: block; }
.designs .margibot{ margin-bottom: 25px }
.designs h4{ font-size: 24px; letter-spacing: 4.1px; padding-bottom: 35px }
.designs p{ padding: 40px 0 }
.designs .btn{ width: 100%; }

/*CONTACT SECTION*/
.contact h4{ font-size: 16px; padding: 15px 0 20px; letter-spacing: 3px; }
.contact p{ padding-bottom: 15px }
.maincontent {max-width: 1440px; margin: auto;}
.services > div {justify-content: space-between; margin-top: -77px;}
.serbox {width: 338px !important; max-width: 338px !important; overflow: hidden !important;}
/*###################################
## FOOTER
###################################*/

.site-footer { background: #445671; padding: 30px 0;}
.site-footer .custom-logo-link{ padding-bottom: 20px; }
.site-footer h4{ color: #2AAAFB; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 22px; padding: 37px 0 20px}
.site-footer ul{ list-style: none; }
.site-footer a, .site-footer li{ color: #fff }
.site-footer a:hover{ color: #FF4505 }
.site-footer .flex{ padding-bottom: 20px }
.site-footer .map{ padding-bottom: 20px }
.site-footer .cols{ width: 28% }
.site-footer .cols-sm{ width: 18% }
.site-footer .c-info li{ padding-bottom: 10px;}
.site-footer .c-info li a{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; }
.site-footer .c-info .fa{ width: 25px }
.site-footer .c-info .address{ max-width: 310px; }
.site-footer .c-info .phone a{ font-size: 24px; font-weight: 700 }
.site-footer .bhrs p{display: flex; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; color: #fff }
.site-footer .bhrs p span:first-of-type{ color: #FF4505; font-weight: 700; width: 150px}
.site-footer .copyright { max-width: 1000px; margin: 0 auto; text-align: center; }
.site-footer .copyright p, .site-footer .copyright a{ font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 400; color: #CCCCCC; text-transform: uppercase;} 
.site-footer .copyright img { width: 50px; display: inline-block; vertical-align: middle; }

/*###################################
## Inner Pages
###################################*/

/*CONTENT*/
form textarea {
    height: 160px !important;
    margin-bottom: 15px;
}

option, select,
footer input[type="tel"]::placeholder,
footer input[type="text"]::placeholder, 
footer input[type="email"]::placeholder, 
footer textarea::placeholder {
    color: #868686;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
}

.formflex p {
	display: flex; justify-content: space-between; gap: 16px;
}

.wpcf7-submit {
    color: #fff;
	border: none;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    max-width: 202px;
    display: flex;
    margin: auto;
	    height: 51px;
    transition: background-color 0.3s ease;
	background-color: transparent;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    background-image: linear-gradient(180deg, red 0%, #fe4103 100%);
    border-radius: 30px;
    padding: 6px 60px;
}

footer input[type="text"], footer input[type="email"], footer textarea, footer input[type="tel"], footer select {
    background-color: #FFFFFF;
    padding: 10px 10px 10px 17px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    height: 60px;
	margin-bottom: 18px;
}

.facebookbtn {
	max-width: 222px; margin: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .glsr-review-author {  display: none !important; }
.swiper-button-next svg, .swiper-button-prev svg, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { display: none !important; }
#testimonial .swiper-button-next, #testimonial .swiper-button-prev  {
	position: absolute !important;
	background-image: url('/wp-content/uploads/2025/10/s4.png') !important;
	height: 65px !important;
	width: 65px !important;
	bottom: 11px !important;
	right: 16px;
	top: unset;
}
#testimonial .swiper-button-prev {background-image: url('/wp-content/uploads/2025/10/s3.png') !important ;left: unset !important;right: 104px !important;}
.page-id-306 .row, .page-id-32 .row, .page-id-35 .row, .page-id-40 .row, .page-id-38 .row { background: #fff !important; }
.page-id-38 .entry-title, .entry-header, .custom-gallery-title { text-align: center; background: #fff; margin: auto; max-width: 1386px; }
    

.contacttocenter { margin: auto !important; }
.page-id-40 .formtoremove { display: none !important; }

.current-menu-item:after,
.hfe-menu-item:after {
	content: "" !important;
    position: absolute !important;
    top: -2px !important;
    width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(180deg, red 0%, #fe4103 100%) !important;
    padding: 11px 25px 8px 51px !important;
    height: 100% !important;
    border-radius: 13px !important;
    z-index: -1 !important;
}
.poppinkc a {font-family: "Poppins", Sans-serif !important;}
.inner #content {max-width: 1366px; background-color: #e6f2fe; padding: 10px 0; margin: 40px auto; min-height: 400px}
.inner #content h1 { text-align: center; margin: 0 auto 20px; }
#testimonial {    margin-left: -172px;
    margin-top: 21px;
    width: 830px;
    max-width: 830px;}
#pg-32-1, #pg-32-3 {
	max-width: 1386px;
	margin: auto;
	background: #fff;
}


/*###################################
## DESIGN AND INSTALLATION PAGE
###################################*/


/*###################################
## SERVICES PAGE
###################################*/


/*###################################
## GALLERY PAGE
###################################*/
.ngg-gallery-thumbnail img { width: 100% !important; }

/*###################################
## CONTACT PAGE
###################################*/


/*###################################
## Error Page
###################################*/
.error-404 {text-align: center;}

/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1439px) {
	#testimonial {    margin-left: 0px;
    width: 100%px;
    max-width: 100%;}
	.forrespon > div {flex-direction: column; align-items: center;
}
	.formflex p {
		flex-direction: column;
	}
	body {min-width: 320px;}

	/*HEADER*/
	.site-header .hright { max-width: 800px; }
}

@media screen and (max-width: 1199px) {
	.services {
	background: #fff;
	}

	/*HEADER*/
	.site-header .hright { max-width: 620px;}

	/*FOOTER*/
	.site-footer .cols { width: 48%!important; text-align: center;}
	.site-footer .cols:first-of-type { text-align: left;}
	.site-footer .bhrs p span:first-of-type{ width: 50% }

}

@media screen and (max-width: 1023px) {
	footer input[type="text"], footer input[type="email"], footer textarea, footer input[type="tel"], footer select {
	margin-bottom: 6px;
}
  .services>div {
    margin-top: 0px;
}
	/*HEADER*/
	.custom-logo-link{ margin: 0 auto 15px }
	.site-header .hright{ text-align: center; max-width: 100% }

	/*CONTENT*/
	.welcome, .creating h4, .designs, .contact{ text-align: center!important; }
	.btn{ margin: 0 auto }
	.welcome img, .contact img, .designs img, .applications .app_cols > div{ max-width: 400px!important;  margin: 10px auto!important; width: 100%}

	/*FOOTER*/
	.site-footer .cols { width: 100%!important; }
	.site-footer ul.c-info { max-width: 350px; margin: 0 auto; }
	.site-footer .bhrs p span:first-of-type{ text-align: right;  padding-right: 15px; }
	
	option, select,
footer input[type="tel"]::placeholder,
footer input[type="text"]::placeholder, 
footer input[type="email"]::placeholder, 
footer textarea::placeholder {
    font-size: 15px;
}


}

@media screen and (max-width: 767px) {

	.row{ padding: 0 5px}
	.inner #content { margin-left: 5px; margin-right: 5px; padding: 10px 5px}
	.inner #content .row{ padding: 0; }

	h1, h2{ font-size: 36px; }
	h3{ font-size: 28px; }
	h4{ font-size: 18px; letter-spacing: 1px!important}
	p, ul, ol, .site-footer .copyright a { font-size: 18px!important; letter-spacing: 0!important }
	.services > div {justify-content: center; margin-top: 0px;}
}


@media screen and (max-width: 374px) {

	.custom-logo-link {  max-width: 300px }
	.custom-logo-link img{ height: auto; }

  	/*HEADER*/
  	.site-header .hright p:last-of-type { font-size: 16px!important; }

  	/*CONTENT*/
  	.creating h4, .designs h4 { font-size: 18px; }

  	/*FOOTER*/
  	.site-footer .c-info, .site-footer .c-info li a{ font-size: 16px!important }
  	.site-footer .bhrs p span:first-of-type { width: 42%; }
}

.inner_list li a {
	color: #12A0FA;
	text-decoration: underline !important;
}