body {color:#444444 ; font-family: 'Montserrat' !important; font-size: 16px !important;  overflow-x: hidden;}
a:focus-visible{outline: 2px solid #000000 !important; border-radius: 5px !important;}
p{font-family: 'Montserrat' !important; color: #444444 !important; font-size: 16px !important;}
a{font-family: 'Montserrat' !important; text-decoration: none !important;}

/*Logo*/
.biglogo{margin-left: 7% !important;}
@media only screen and (max-width: 500px){.mobilelogo{width: 250px !important;}}
@media only screen and (max-width: 470px){.mobilelogo{width: 175px !important; margin-left:0.25em !important;}}
@media only screen and (max-width: 350px){.mobilelogo{width: 150px !important;}}

/*Header Navigation*/
.nav-item{padding-left: 20px !important; padding-right: 20px !important;}
.navbar{ padding:20px !important;}
@media only screen and (min-width: 480px){.navbar{ padding:20px 0px 20px 0px !important;}}
.navbar-expand-lg {	max-width: unset !important;margin-left: auto !important;margin-right: auto !important;}
.navbar {background-color: rgba(153, 51, 51, .9) !important; margin-top: 23px !important; position: absolute !important; z-index: 100 !important; width: 100% !important;}

@media only screen and (max-width: 1024px){.navbar.navbar-expand-lg.navbar-light{margin-top: unset !important; opacity: unset !important; position: unset !important; z-index: unset !important;width: unset !important;}}
.navbar a.nav-link {font-family: 'Montserrat' !important; color: #FFFFFF !important; font-size: 16px !important; padding: 15px 10px; text-decoration:none !important;}
.navbar a.nav-link:hover{color: #FFFFFF !important; font-weight: 700 !important;}
button.btn.btn-primary-customstyle.navbar-toggler {color: #FFFFFF !important; font-family: 'Montserrat' !important; font-size: 20px !important; background-color: transparent !important; border: 1px solid #eaeaf0 !important;  border-radius: .25rem !important;}
@media only screen and (max-width: 470px){button.btn.btn-primary-customstyle.navbar-toggler { font-size: 16px !important;}}
.navbar-light .navbar-toggler-icon {filter: brightness(0) invert(1) !important;}


/*Banner*/
.carousel-item.active {display: flex !important; justify-content: center !important; align-items: center !important; flex-direction:column !important;}
.carousel-caption{display: flex !important; justify-content: center !important; align-items: center !important;flex-direction:column !important;left:8% !important;text-align: left !important;}
.caraousel-heading h2{font-family: 'Montserrat' !important; font-size:48px !important; color:#FFFFFF !important; font-weight: 700 !important; text-shadow: 2px 2px 2px #030303 !important;}
@media only screen and (max-width:981px){.caraousel-heading h2{font-size:32px !important;}}
@media only screen and (max-width:767px){.caraousel-heading h2{font-size:24px !important;}}
@media only screen and (max-width:480px){.caraousel-heading h2{font-size:22px !important;}}
.caraousel-heading h1{font-family: 'Montserrat' !important; font-size:28px !important; color:#FFFFFF !important; font-weight: 700 !important; text-shadow: 2px 2px 2px #030303 !important;}
@media only screen and (max-width:981px){.caraousel-heading h1{font-size:18px !important;}}
@media only screen and (max-width:767px){.caraousel-heading h1{font-size:14px !important;}}
@media only screen and (max-width:480px){.caraousel-heading h1{font-size:12px !important;}}

/*Home Page*/
h2{font-family: 'Montserrat' !important; font-size:36px !important; font-weight: 400 !important; color: #993333 !important;}
@media only screen and (max-width:981px){h2{font-size:35px !important;}}
@media only screen and (max-width:767px){h2{font-size:28px !important;}}
h3{font-family: 'Montserrat' !important; font-size:24px !important; font-weight: 400 !important; color: #993333 !important;}
@media only screen and (max-width:981px){h3{font-size:24px !important;}}
@media only screen and (max-width:767px){h3{font-size:20px !important;}}
h3 a:hover{font-weight:700 !important;}
.threecolSection .wdg-free-text-desc, .threecolSection .wdg-free-text-desc .container{padding:unset !important;} 
.BestPractices p{font-family: 'Montserrat' !important; font-size:20px !important; color:#444444 !important;}


/*Button*/
.buttonwidgets a{font-family: 'Montserrat' !important; font-size:27px !important; border-radius: 40px !important; padding: 20px 30px;}
.buttonwidgetsection {border-radius: 30px;}
.buttonwidgets {padding: unset;}


/*Form*/	
.editing-form-control-nested-control {flex-direction: column !important;}
.form-field {margin: 4% 2% 2% 2% !important; padding: 0 15px !important}
.control-label{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important; font-weight: 700 !important; padding-bottom: 10px !important;}
.explanation-text{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important;}
form{border: 1px solid #000000 !important;}
.customform-title{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important; text-align: left !important; font-style: italic !important;}

.ktc-radio label{margin-left: 5px !important;}

.ktc-radio-list{
	margin-bottom: 10px !important;
	display: flex !important;
    gap: 15px;
    flex-direction: column !important;
	align-items: flex-start !important;}
.ktc-radio{font-family: 'Montserrat' !important; 
		   font-size: 16px !important; 
		   color:#444444 !important;
		   align-items: center;
		   display: flex;}

input[type="submit"]
{
	margin: 5% !important;
	padding: 10px !important;
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 16 !important;
	color: #000000 !important;
	background-color: #e5e5e5 !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 4px !important;
	transition: .3s ease !important;	
}
input[type="submit"]:hover{background-color: #c3c3c3 !important;}
.field-validation-error{font-family: 'Montserrat' !important; font-size: 16px !important; color:#E61111 !important;}

.formwidget-submit-text {
	font-family: 'Montserrat' !important; 
	font-size: 20px !important; 
	color:#444444 !important; 
	padding: 40px !important;
    font-weight: bold !important; 
	text-align: center !important;
	border: 1px solid #000000 !important;
}


/*Our Team Page*/
.employee-biolist-section .emp-list {border: unset !important;box-shadow: none !important; max-width: 25% !important; padding: unset !important; margin: unset; text-align: center;}
.emp-list{animation: none !important;}
.emp-items.know-more{text-align: center !important;}
.employee-biolist-section .justify-content-center{justify-content: unset !important;}
@media only screen and (max-width:480px){.employee-biolist-section .justify-content-center{justify-content: center!important;}}
@media only screen and (max-width:902px){.employee-biolist-section .emp-list{ max-width: 33% !important;}}
@media only screen and (max-width:797px){.employee-biolist-section .emp-list{ max-width: 50% !important;}}
@media only screen and (max-width:480px){.employee-biolist-section .emp-list{ max-width: 100% !important;}}
img.card-img-top.employee-list-image {max-width: 100%; width: auto; height: 240px !important;}

.employee-name, .modal-title{font-family: 'Montserrat' !important; font-size:19px !important; font-weight: 700 !important; color:#444444 !important;}
.employee-designation, .modal-body{font-family: 'Montserrat' !important; font-size:16px !important; font-weight: 400 !important; color:#444444 !important;}
.employee-biolist-section .card-body{text-align: center !important;}
.employee-biolist-section .know-more{height: unset !important;}
.employee-phone a{font-family: 'Montserrat' !important; font-size:16px !important; font-weight: 400 !important; color:#444444 !important;white-space: nowrap;}
.employee-phone a:hover{font-weight: 700 !important; color:#993333 !important;}
.team-memberinfo-btn a, .modal-body a{font-family: 'Montserrat' !important; font-size:16px !important; font-weight: 400 !important; color:#444444 !important; font-weight: bold !important;cursor: pointer;}
.team-memberinfo-btn a:hover, .modal-body a:hover{font-weight: 700 !important; color:#993333 !important;}
.employee-phone {word-wrap: break-word !important;}

/*Internal Banner*/
.banner-heading h1{font-family: 'Montserrat' !important; font-size:48px !important; color:#FFFFFF !important; font-weight: 700 !important; text-shadow: 2px 2px 2px #030303 !important;}
@media only screen and (max-width:981px){.banner-heading h1{font-size:32px !important;}}
@media only screen and (max-width:767px){.banner-heading h1{font-size:24px !important;}}
.banner-section {
    position: relative;
    width: 100%;
    max-height: 350px !important;
    overflow: hidden;
    display: flex;
    justify-content: center !important;
    align-items: center;
}
.banner-heading {
    display: flex !important;
    justify-content: left !important;
    padding: 5px 25px !important;   
    width: 100% !important;}

@media only screen and (min-width: 1399px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 1320px !important;}
.banner-heading{margin-top: 5% !important;}
}
@media only screen and (max-width:480px){.banner-heading{justify-content: center !important;}}
@media only screen and (max-width:480px){ #content-Our-Team h2{text-align:center !important;}}
@media only screen and (max-width: 578px) {.footer-feature {margin-top: 15px;}}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 1120px !important;}
.banner-heading{margin-top: 9% !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){.banner-heading{margin-top: 17% !important;}}
@media only screen and (max-width: 1199px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 960px !important;}
}
@media only screen and (max-width: 1024px){.banner-heading{margin-top: unset !important;}}
.SanJuanContactAddress a{color:#444444; font-family:Montserrat !important;font-size:16px !important;}
.SanJuanContactAddress a:hover{color:#993333 !important;font-weight:bold !important; }


/*Footer Navigation*/
.footer-links {font-family: 'Montserrat' !important; background-color: #993333 !important;}
.footer-disclaimer{font-family: 'Montserrat' !important; background-color: #993333 !important; color:#ffffff !important;}
.footer-navigation{color: #ffffff !important; text-align: left !important;}
.footer-navigation a:active, .footer-navigation a:visited, .footer-navigation a {font-weight:unset !important; font-family: 'Montserrat' !important; color: #ffffff !important; font-size:16px !important;}
.footer-navigation a:hover{font-weight:bold !important;}
.footer-copyright {font-family: 'Montserrat' !important; color: #ffffff !important; font-size:12px !important;}
.col-xl-6{align-content: center !important;}
.footer-feature p, .footer-feature a{font-family: 'Montserrat' !important; color: #ffffff !important; font-size: 16px !important;}
.footer-feature a:hover{font-weight: bold !important;}
