/*!
Theme Name: Signal Business Theme A
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: signal-business-theme-a
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.

Signal Business Theme A is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/



/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}






/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=================                        ============*/
/*=================  Custom Theme Styles   ============*/
/*=================                         ===========*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/



.logged-in .fixed-top{
	position: fixed !important;
	top: 32px !important;
}



/*

body font
Neue Haas Unica W1G Light
font-family: "neue-haas-unica", sans-serif;
font-weight: 300;
font-style: normal;
Neue Haas Unica W1G Regular
font-family: "neue-haas-unica", sans-serif;
font-weight: 400;
font-style: normal;
Neue Haas Unica W1G Italic
font-family: "neue-haas-unica", sans-serif;
font-weight: 400;
font-style: italic;
Neue Haas Unica W1G Bold
font-family: "neue-haas-unica", sans-serif;
font-weight: 600;
font-style: normal;


Schoolbell Pro Regular
font-family: "schoolbell-pro", sans-serif;
font-weight: 400;
font-style: normal;


dunbar-tall FW1-FW9

font-family: "dunbar-tall", sans-serif;
font-weight: 900;
font-style: normal;

*/



html,
body {
  /*overflow-x: hidden;*/   /* Prevent scroll on narrow devices */
}
body{
	font-family: "neue-haas-unica", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-style: 20px;
	color: #312d32;
}

main{
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,p,li{
	overflow-wrap: normal;
}

h1,h2,h3,h4,h5,h6{

}
.sans{

}

.script{
	font-family: "schoolbell-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.uc{
	text-transform: uppercase;
}


.heading1{
	font-size: 66px;
	font-style: normal;
}

.heading2{
	letter-spacing: 2px;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
}

.heading3{
	font-size: 36px;
	font-style: normal;
}

.heading4{
	font-size: 28px;
	font-style: normal;
}

.heading5{
	font-size: 24px;
	font-style: normal;
}

.heading6{
	font-size: 20px;
	font-style: normal;
}

p{
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
}
.contentArea{
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
}

p .lg, .txt-lg{
  font-size: 24px !important;
  font-style: normal;
}
p .xl, .txt-xl{
  font-size: 28px !important;
  font-style: normal;
}
p.small, .small p, p .small, p small{
  font-size: 16px !important;
  font-style: normal;
}

.text-xs{
	font-size: 12px;
}

.hero .heading1{
  letter-spacing: 3px;
  font-size: 100px;
  line-height: auto;

}

.hero .heading2{
  letter-spacing: 0px;
  font-size: 36px;
  line-height: 1em !important;

}

.hero .heading3{

}

.hero .heading4{
	letter-spacing: 3px;
	font-size:28px;
	font-style: normal;
}
.hero .heading4.bold{
	font-weight: 800;
}

.hero .heading5{
	font-size: 22px;
}

.hero .heading6{
	font-size: 22px;
}


.txt-large, .txt-large p{
	font-size: 24px;
	font-weight: 200;
	line-height: 42px;
}
.txt-sm, .txt-small p{
	font-size: 16px;
	font-weight: 200 !important;
	line-height: 18px;
}

.x-bold{
	font-weight: 900 !important;
}





/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1299.98px) {

	.heading1{
		font-size: 50px;
		line-height: auto;
	}

	.heading2{
		font-size: 40px;
		line-height: auto;
	}

	.heading3{
		font-size: 34px;
		line-height: auto;
	}

	.heading4{
		font-size: 28px;
		line-height: auto;
	}

	.heading5{
		font-size: 24px;
		line-height: auto;
	}

	.heading6{
		font-size: 20px;
		line-height: auto;
	}

	.hero .heading1{
		
	}

	.hero .heading2{
		
	}

	.hero .heading3{
		
	}

	.hero .heading4{
		
	}
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

	.heading1{
		font-size: 80px;
		line-height: auto;
	}

	.heading2{
		font-size: 40px;
		line-height: auto;
	}

	.heading3{
		font-size: 34px;
		line-height: auto;
	}

	.heading4{
		font-size: 28px;
		line-height: auto;
	}

	.heading5{
		font-size: 24px;
		line-height: auto;
	}

	.heading6{
		font-size: 20px;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 80px;
		line-height: auto;
	}

	.hero .heading2{
		
	}

	.hero .heading3{
		
	}

	.hero .heading4{
		
	}
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

	.heading1{
		font-size: 40px;
		line-height: auto;
	}

	.heading2{
		font-size: 32px;
		line-height: auto;
	}

	.heading3{
		font-size: 28px;
		line-height: auto;
	}

	.heading4{
		font-size: 24px;
		line-height: auto;
	}

	.heading5{
		font-size: 20px;
		line-height: auto;
	}

	.heading6{
		font-size: 18x;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 50px;

	}

	.hero .heading2{
		font-size: 26px;

	}

	.hero .heading3{
		font-size: 24px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 26px;
		line-height: auto;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.txt-large, .txt-large p {
		font-size: 28px;
		line-height: 32px;
	}

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.heading1{
		font-size: 32px;
		line-height: auto;
	}

	.heading2{
		font-size: 26px;
		line-height: auto;
	}

	.heading3{
		font-size: 24px;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 36px;
		line-height: 38px;
	}

	.hero .heading2{
		font-size: 22px;
		line-height: 24px;
	}
	.hero .heading3{
		font-size: 22px;
		line-height: 24px;
	}

	.txt-large, .txt-large p {
		font-size: 22px;
		line-height: 28px;
	}



}





.text-xwide{
	letter-spacing: .14em;
}

.fw1{
	font-weight: 100 !important;
}
.fw2{
	font-weight: 200 !important;
}

.fw3{
	font-weight: 300 !important;
}

.fw4{
	font-weight: 400 !important;
}

.fw5{
	font-weight: 500 !important;
}

.fw6{
	font-weight: 600 !important;
}

.fw7{
	font-weight: 700 !important;
}

.fw8{
	font-weight: 800 !important;
}

.fw9{
	font-weight: 900 !important;
}


/*colors*/

.white{
	color: #fff;
}

.theme{
	color:#ccc;
}

.bg-theme{
	background:#ccc;
}
.bg-theme-dark{
	background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.6) 86%, rgba(0,0,0,.4) 100%), url('assets/img/background.jpg'); 
    background-size: cover; 
    background-position: center center;
    background-repeat:no-repeat;
}

.bg-theme-light{
	background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.3) 86%, rgba(0,0,0,.2) 100%), url('assets/img/background.jpg'); 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.btn-theme{
	background-color:#ccc;
}

.btn-theme:hover{
	background-color:#696969;
	color: #fff;
}

.margin-1{
	margin-top: 100px;
	margin-bottom: 100px;
}

.margin-2{
	margin-top: 200px;
	margin-bottom: 200px;
}

.padding-1{
	padding-top: 100px;
	padding-bottom: 100px;
}
.padding-2{
	padding-top: 200px;
	padding-bottom: 200px;
}
.padding-3{
	padding-top: 300px;
	padding-bottom: 300px;
}
.padding-4{
	padding-top: 400px;
	padding-bottom: 400px;
}

/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.padding-1{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.padding-2{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.padding-3{
		padding-top: 200px;
		padding-bottom: 200px;
	}
	.padding-4{
		padding-top: 220px;
		padding-bottom: 220px;
	}

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

	.txt-center-sm{
		text-align: center !important;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.txt-center-xs{
		text-align: center !important;
	}

	.padding-1{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.padding-2{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.padding-3{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.padding-4{
		padding-top: 120px;
		padding-bottom: 120px;
	}

}




.uc{
	text-transform: uppercase;
}

.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}

.iconLarge{
	font-size: 60px;
}

.swiper-wrapper{
  margin-bottom: 40px;
}

/* =========  colors ===========  */
a{
	color: #7da544;
	text-decoration: none;
}
a:hover{
	cursor: pointer !important;
}

.white, .white i{
	color: #fff !important;
}

.theme, .theme i, .green, .green i, .navbar-nav .green a{
	color:#7da544 !important;
}

.accent, .accent i, .lGreen, .lGreen i, .navbar-nav .lGreen a{
	color:#b8c13e !important;
}

.purple, .purple i, .navbar-nav .purple a{
	color:#834770 !important;
}
a:hover.purple, a:hover .purple{
	filter: brightness(120%);
}

.aqua, .aqua i, .navbar-nav .aqua a{
	color:#35a49b !important;
}
a:hover.aqua, a:hover .aqua{
	filter: brightness(120%);
}

.red, .red i, .navbar-nav .red a{
	color:#dd2f33 !important;
}
a:hover.red, a:hover .red{
	filter: brightness(120%);
}

.yellow, .yellow i, .navbar-nav .yellow a{
	color:#f8bf44 !important;
}
a:hover.yellow, a:hover .yellow{
	filter: brightness(120%);
}

.orange, .orange i, .navbar-nav .orange a{
	color:#ef8729 !important;
}
a:hover.orange, a:hover .orange{
	filter: brightness(120%);
}

.cream, .cream i, .navbar-nav .cream a{
	color:#f3efdd !important;
}
a:hover.cream, a:hover .cream{
	filter: brightness(120%);
}

.skyBlue, .skyBlue i, .navbar-nav .skyBlue a{
	color:#add0d3 !important;
}
a:hover.skyBlue, a:hover .skyBlue{
	filter: brightness(120%);
}

.pink,.pink i, .navbar-nav .pink a{
	color:#f2abad !important;
}
a:hover.pink, a:hover .pink{
	filter: brightness(120%);
}

.brown,.brown i, .navbar-nav .brown a{
	color:#644a37 !important;
}
a:hover.brown, a:hover .brown{
	filter: brightness(120%);
}


.ball{
	opacity: .3 !important;
}


.dGray, .dark{
	color:#312d32 !important;
}

.bg-white{
	background-color: #fff !important;
}

.bg-theme, .bg-green{
	background-color:#7da544;
}

.bg-lGreen{
	background-color:#b8c13e;
}

.bg-purple{
	background-color:#834770;
}

.bg-aqua{
	background-color:#35a49b;
}

.bg-red{
	background-color:#dd2f33;
}

.bg-yellow{
	background-color:#f8bf44;
}

.bg-orange{
	background-color:#ef8729;
}

.bg-cream{
	background-color:#f3efdd;
}

.bg-skyBlue{
	background-color:#add0d3 !important;
}

.bg-pink{
	background-color:#f2abad;
}

.bg-brown{
	background-color:#644a37;
}

.bg-dGray{
	background-color:#312d32;
}


.bg-landscape{
	background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.4) 100%), url('assets/img/dotted-textures--green.jpg') !important; 
  background-size: cover !important;  
  background-position: bottom right !important; 
  background-repeat:no-repeat;
}



.bg-landscape-skyBlue{
	background: linear-gradient(180deg, rgba(173,208,211,.6) 0%, rgba(173,208,211,.6) 50%, rgba(173,208,211,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-pink{
	background: linear-gradient(180deg, rgba(242,171,173,.6) 0%, rgba(242,171,173,.6) 50%, rgba(242,171,173,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-lPurple{
	background: linear-gradient(180deg, rgba(172,137,224,.6) 0%, rgba(172,137,224,.6) 50%, rgba(172,137,224,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-yellow{
	background: linear-gradient(180deg, rgba(248,191,68,.6) 0%, rgba(248,191,68,.6) 50%, rgba(248,191,68,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-lYellow{
	background: linear-gradient(180deg, rgba(255,236,139,.6) 0%, rgba(255,236,139,.6) 50%, rgba(255,236,139,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}



.bg-landscape-lGreen{
	background: linear-gradient(180deg, rgba(184,193,62,.6) 0%, rgba(184,193,62,.6) 50%, rgba(184,193,62,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-skyBlue{
	background: linear-gradient(180deg, rgba(173,208,211,.6) 0%, rgba(173,208,211,.6) 50%, rgba(173,208,211,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-landscape-skyBlue{
	background: linear-gradient(180deg, rgba(173,208,211,.6) 0%, rgba(173,208,211,.6) 50%, rgba(173,208,211,.6) 100%), url('assets/img/background-landscape.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;
}

.bg-theme{
	background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,.4) 100%), url('assets/img/background.jpg') !important; 
  background-size: contain !important;  
  background-position: top center !important; 
  background-repeat:repeat-y;

}

.bg-theme2{
	background: linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%), url('assets/img/background2.jpg') !important; 
  background-size: cover !important;  
  background-position: right center !important; 
  background-repeat:repeat-y;

}

.bg-theme2Light{
	background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,.8) 100%), url('assets/img/background2.jpg') !important; 
  background-size: cover !important;  
  background-position: right center !important; 
  background-repeat:repeat-y;

}

.bg-theme-dark{
	background: linear-gradient(180deg, rgba(49,45,50,.8) 0%, rgba(49,45,50,.8) 50%, rgba(49,45,50,.8) 100%), url('') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}

.bg-theme2dark{
	background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.9) 50%, rgba(0,0,0,.8) 100%), url('assets/img/background2.jpg') !important; 
  background-size: cover !important;  
  background-position: right 30% !important; 
  background-repeat:repeat-y;

}

.bg-theme-light{
	background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,.8) 100%), url('') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}





.grayScale {
    filter: gray;
    filter: grayscale(0);
}

.grayScale:hover {
    filter: gray;
    filter: grayscale(100%);
}

.txt-outline{
	color: rgba(255, 255, 255, 0.0);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}


.text-gradient{
	background: -webkit-linear-gradient(left,#7da544 0%,#b8c13e 72%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.drop-shadow{
	filter: drop-shadow(16px 16px 0px #ba1c21);
}



ul.arrow li:before {    
  font-family: 'FontAwesome';
  content: '\f138';
  color: #c92429;
  margin-right: 10px;
}

.btn-light{
	color: #000;
	background-color: #f3efdd;
	border-color: #f3efdd;
}
.btn-light:hover {
	color: #000;
	background-color:#e7e0c2;
	border-color: #f3efdd;
}


.btn-theme, .btn-green{
	background-color:#7da544 !important;
	color: #fff;
}
.btn-theme:hover, .btn-green:hover{
	background-color:#b8c13e; !important;
	color: #fff !important;
}

.btn-purple{
	background-color: #834770 !important;
	color: #fff;
}
.btn-purple:hover{
	background-color: #834770 !important;
	color: #fff !important;
}

.btn-purple{
	background-color: #834770 !important;
	color: #fff;
}
.btn-purple:hover{
	filter: brightness(120%);
	color: #fff !important;
}


.btn-lGreen{
	background-color:#b8c13e;
	color: #fff !important;
}
.btn-lGreen:hover{
	filter: brightness(120%);
	color: #fff !important;
}

.btn-aqua{
	background-color:#35a49b;
	color: #fff !important;
}
.btn-aqua:hover{
	filter: brightness(120%);
	color: #fff !important;
}

.btn-red{
	background-color:#dd2f33;
	color: #fff !important;
}
.btn-red:hover{
	filter: brightness(120%);
	color: #fff !important;
}

.btn-yellow{
	background-color:#f8bf44;
	color: #000 !important;
}
.btn-yellow:hover{
	filter: brightness(120%);
	color: #000 !important;
}

.btn-orange{
	background-color:#ef8729;
	color: #fff !important;
}
.btn-orange:hover{
	filter: brightness(120%);
	color: #fff !important;
}
.btn-cream{
	background-color:#f3efdd;
	color: #000 !important;
}
.btn-cream:hover{
	filter: brightness(120%);
	color: #000 !important;
}

.btn-skyBlue{
	background-color:#add0d3;
	color: #fff !important;
}
.btn-skyBlue:hover{
	filter: brightness(120%);
	color: #fff !important;
}

.btn-pink{
	background-color:#f2abad;
	color: #fff !important;
}
.btn-pink:hover{
	filter: brightness(120%);
	color: #fff !important;
}

.btn-brown{
	background-color:#644a37;
	color: #fff !important;
}

.btn-brown:hover{
	filter: brightness(120%);
	color: #fff !important;
}



/*

.btn-{
	background-color: !important;
	color: #fff;
}
.btn-:hover{
	background-color: !important;
	color: #fff !important;
}


.btn-{
	background-color: !important;
	color: #fff;
}
.btn-:hover{
	background-color: !important;
	color: #fff !important;
}


.btn-{
	background-color: !important;
	color: #fff;
}
.btn-:hover{
	background-color: !important;
	color: #fff !important;
}


.btn-{
	background-color: !important;
	color: #fff;
}
.btn-:hover{
	background-color: !important;
	color: #fff !important;
}



*/




/* ===== Header / Nav section   ========  */

.navbar-brand img{
	max-width: 300px;
}

#mainNav .nav-item{
  margin: 0px 10px;
  font-family: "schoolbell-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 38px;
}

#mainNav .nav-item.social-nav-item{
	font-size: 26px;
	margin: 0px 8px;
}

#mainNav .dropdown-menu li{
  font-family: "schoolbell-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 26px;
}



#mainNav .nav-item .nav-link{

}

#mainNav .dropdown-item{
	color: #000 !important;
}


#mainNav .dropdown-item.active, #mainNav .dropdown-item:active{
	color: #000;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0);
}

.navbar-light .navbar-nav .nav-link:hover {
	text-decoration: none !important;
}
.nav-link {
  border: none; /* Removes any border */
  outline: none; /* Removes the outline if present */
}


@media (max-width: 1399px) {

	#mainNav .navbar-brand img{
		max-width: 280px;
	}

	#mainNav .nav-item{
	  margin: 0px 8px;
		font-size: 34px;
	}

	#mainNav .nav-item.social-nav-item{
		margin: 0px 8px;\
	  font-size: 26px;
	}

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

	#mainNav .navbar-brand img{
		max-width: 230px;
	}

	#mainNav .nav-item{
	  margin: 0px 8px;
		font-size: 26px;
	}

	#mainNav .nav-item.social-nav-item{
		margin: 0px 4px;
	  font-size: 18px;
	}
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	#mainNav .navbar-brand img{
		max-width: 200px;
	}
}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====  Heros   ========  */

.hero{
	min-height: 600px;
	margin-top: 110px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

	.hero{
		min-height: 400px;
		height: 400px !important;
	}


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

	.hero{
		min-height: 300px;
		height: 300px !important;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.hero{
		min-height: 280px;
		height: 280px !important;
	}
}




/* =====  Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
/*  padding:80px 0px;*/
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding{
  padding: 10% !important;
  padding-top:60px !important;
  padding-bottom:60px !important;
}

.left_right_boxes .content-padding200{
  padding: 10% !important;
  padding-top:200px !important;
  padding-bottom:200px !important;
}

.left_right_boxes .content-padding150{
  padding: 10% !important;
  padding-top:150px !important;
  padding-bottom:150px !important;
}

.left_right_boxes .content-padding100{
  padding: 10% !important;
  padding-top:100px !important;
  padding-bottom:100px !important;
}

.left_right_boxes .content-padding50{
  padding: 10% !important;
  padding-top:50px !important;
  padding-bottom:50px !important;
}

.left_right_boxes .content-padding25{
  padding: 10% !important;
  padding-top:25px !important;
  padding-bottom:25px !important;
}

.left_right_boxes .content-padding0{
  padding: 10% !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
}




/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 3%;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 2%;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 10%;
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

  .image-right .imageColumn{
    order: 2 !important;
  }
  .image-right .contentColumn{
    order: 1 !important;
  }


}

/* =====  Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
  padding:80px 0px;
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}



/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {

}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    background: none !important;
    padding:0px;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


  .left_right_boxes .content_box{
    padding: 10% !important;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}



/* =====   Pricing Section   ========  */

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes wobble {
  0%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}

.spin {
  animation: spin 10s linear infinite;
}

.pricingCard:hover .wobble{
  animation: wobble 5s ease-in-out infinite;
}

.pricingCard:hover {
  filter: brightness(0.9);
}

.pricingCard:hover .btn {
  filter: brightness(1.1);
}


  .pricingCard {
    height:360px;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    position: relative;
    border: 10px solid rgba(255, 255, 255, .9);
  }

  .pricingCard h3{
    z-index: 99;
  }

  .pricingCard .content-wrap{
    z-index: 99;
    margin-top:auto;
  }

  .pricingCard .top-left {
    position: absolute;
    top: 10px;
    left: 10px;
    max-height: 50px; /* Adjust size as needed */
  }
  .pricingCard .center-center {
    max-height: 50px; /* Adjust size as needed */
    margin: auto;
    display: block;
  }
  .pricingCard .bottom-right {
    position: absolute;
    bottom: 10px;
    right: -20px;
    max-height: 150px; /* Adjust size as needed */
  }
  .pricingCard .bottom-left {
    position: absolute;
    bottom: 10px;
    left: -20px;
    max-height: 150px; /* Adjust size as needed */
  }

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .pricingCard .bottom-right {
    max-height: 100px; /* Adjust size as needed */
  }
  .pricingCard .bottom-left {
    max-height: 100px; /* Adjust size as needed */
  }


}






/* =====   contactInfoBox   section   ========  */

/* =================================================================== */
/* Icon Boxes
====================================================================== */
/*.icon-box-container { margin:  40px 0 45px 0; float:left; }
.icon-box-container p { margin: 0; }
*/

.contactInfoBox .icon-box{
  margin-bottom: 60px;
}

.contactInfoBox .icon-box p,
.contactInfoBox .icon-box h3 { 
  margin-left: 90px; 
}

.contactInfoBox .no-icon .icon-box p,
.contactInfoBox .no-icon .icon-box h3 { 
  margin-left: 0px; 
}

.contactInfoBox .icon-box i {
  float: left;
  font-size: 44px;
  margin: 8px 0 0 0px;
  color: #404040;
}
.contactInfoBox .icon-box p{
  font-size: 20px;
  line-height: 34px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}






/* =====           section   ========  */

.serviceBoxSpinSection .serviceBox {
  text-align: center;
  padding: 10px;
  padding-top: 40px;
  padding-bottom: 0px;
  min-height: 360px;
  border: 1px solid #e5e4e4;
  border-radius: 20px;
  background: #f0f0f0;
  position: relative;
  z-index: 1;
  background-position: center center !important; 
  background-repeat: no-repeat !important; 
  background-size: cover !important;
  -webkit-transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Updated transition for opacity */
}

.serviceBoxSpinSection .serviceBox:hover {
  background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.8) 100%) !important;
  opacity: 0.9; /* Add an opacity change on hover */
}







.serviceBoxSpinSection .serviceBox:hover.white {
  background:#fff !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.theme,
.serviceBoxSpinSection .serviceBox:hover.green {
  background: #7da544 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.accent,
.serviceBoxSpinSection .serviceBox:hover.lGreen {
  background: #b8c13e !important;
  opacity: 0.9; /* Add an opacity change on hover */
}

.serviceBoxSpinSection .serviceBox:hover.purple {
  background: #834770 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.aqua {
  background: #35a49b !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.red {
  background: #dd2f33 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.yellow {
  background: #f8bf44 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.orange {
  background: #ef8729 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.cream {
  background: #f3efdd !important;
  opacity: 0.9; /* Add an opacity change on hover */
}
.serviceBoxSpinSection .serviceBox:hover.brown,
.serviceBoxSpinSection .serviceBox:hover.dark {
  background: #644a37 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}

.serviceBoxSpinSection .serviceBox:hover.skyBlue {
  background: #add0d3 !important;
  opacity: 0.9; /* Add an opacity change on hover */
}

.serviceBoxSpinSection .serviceBox:hover.pink {
  background: #f2abad !important;
  opacity: 0.9; /* Add an opacity change on hover */
}

.serviceBoxSpinSection .serviceBox:hover.lPurple {
  background: #bb85aa !important;
  opacity: 0.9; /* Add an opacity change on hover */
}

.serviceBoxSpinSection .serviceBox:hover .white {
  color: #312d32 !important;
}


/* No changes needed below this line for the smooth transition effect */
.serviceBoxSpinSection .serviceBox .service-icon {
  color: #fff;
  background: #fff;
  font-size: 45px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  margin: 0 auto 30px;
  border-radius: 50%;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}

  .serviceBoxSpinSection .serviceBox .service-icon:before,
  .serviceBoxSpinSection .serviceBox .service-icon:after {
    content: "";
    background: linear-gradient(to right, #363839 50%, transparent 50%);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    transition: all ease 0.8s;
  }
  .serviceBoxSpinSection .serviceBox:hover .service-icon:before,
  .serviceBoxSpinSection .serviceBox:hover .service-icon:after {
    transform: rotateZ(180deg);
  }
  .serviceBox:hover .service-icon {
  .serviceBoxSpinSection   box-shadow: -5px 1px 5px rgba(0, 0, 0, 0.2);
  }

  .serviceBoxSpinSection .serviceBox .service-icon:after {
    background: #5d5b58;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }


  .serviceBoxSpinSection .serviceBox .title {
    color: #363839;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
/*    text-shadow: 1px 1px 0px rgba(0,0,0,0.9);*/
  }

  .serviceBoxSpinSection .serviceBox .description {
    color: #777;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0;
  }

  .serviceBoxSpinSection .serviceBox .card-footer{
    background:none;
  }

  .serviceBoxSpinSection .serviceBox .learnMore{
    display: none;
    
  }
  .serviceBoxSpinSection .serviceBox:hover .learnMore{
    display: block;
    color:#312d32 !important;
  }

  .serviceBoxSpinSection .serviceBox:hover .learnMore i{
       color:#000 !important;
  }



  .serviceBoxSpinSection .serviceBox.darkColor .service-icon:before {
    background: linear-gradient(to right, #e34a3a 50%, transparent 50%);
  }
  .serviceBoxSpinSection .serviceBox.darkColor .service-icon:after {
    background: #e34a3a;
  }
  .serviceBoxSpinSection .serviceBox.darkColor .title {
    color: #e34a3a;
  }

  .serviceBoxSpinSection .serviceBox.red .service-icon:before {
    background: linear-gradient(to right, #e34a3a 50%, transparent 50%);
  }
  .serviceBoxSpinSection .serviceBox.red .service-icon:after {
    background: #e34a3a;
  }
  .serviceBoxSpinSection .serviceBox.red .title {
    color: #e34a3a;
  }

  .serviceBoxSpinSection .serviceBox.blue .service-icon:before {
    background: linear-gradient(to right, #009cb5 50%, transparent 50%);
  }
  .serviceBoxSpinSection .serviceBox.blue .service-icon:after {
    background: #009cb5;
  }
  .serviceBoxSpinSection .serviceBox.blue .title {
    color: #009cb5;
  }

  .serviceBoxSpinSection .serviceBox.green .service-icon:before {
    background: linear-gradient(to right, #a1c52d 50%, transparent 50%);
  }
  .serviceBoxSpinSection .serviceBox.green .service-icon:after {
    background: #a1c52d;
  }
  .serviceBoxSpinSection .serviceBox.green .title {
    color: #a1c52d;
  }


/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .serviceBoxSpinSection .serviceBox{
    min-height: 300px;
    padding: 10px;
    padding-top: 30px;

  }
  .serviceBoxSpinSection .serviceBox .title{
    font-size: 20px;
  }

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .serviceBoxSpinSection .serviceBox {
    margin: 0 0 30px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}





/* =====    intro  section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.intro{
		padding-left:20px; 
		padding-right:20px;
	}
}





/* =====   event posts  section   ========  */
.post-thumbnail img{
	width:100%;
	height:auto;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}





/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* ===== Footer section   ========  */
.form-control{
	margin-bottom: 10px;
	margin-top: 10px;
}

  footer .newsletter-section {
    padding: 80px 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
   
  }

  footer .newsletter-section .single {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2; 
  }
  footer .newsletter-section .single h2 {

    text-transform: uppercase;
    margin-bottom: 40px; 
  }
  footer .newsletter-section .single .form-control {
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    border-color: transparent;
    border-radius: 20px 0 0 20px; 
  }
  footer .newsletter-section .single .form-control:focus {
    box-shadow: none;
    border-color: #243c4f; 
  }
  footer .newsletter-section .single .btn {
    min-height: 50px; 
    border-radius: 0 20px 20px 0;
  }


  footer{
    
    background-size: cover; 
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 200%;
    color: #fff;
    letter-spacing: 1px;
    letter-spacing: 1px;
  }

  footer .widget-title{
    color:#333;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
  }

  footer .widgets li{
    margin-bottom: 12px;
  }
  footer .widgets li a{
    color:#fff;
    text-decoration: none;
  }

  footer .social .list-inline-item{
    margin-right:16px;
    font-size: 30px;
  }
  footer .widgets i{
    color:#fff;
 
    margin-right: 10px;
  }

  footer .copyInfo p{
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color:#fff;
    line-height: 15px;
  }


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

	footer .widget-title{
		margin-top:30px;
	}

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}





/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}







/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}