/*
 Theme Name:   Bootstrap Basic
 Description:  Bootstrap Basic
 Template:     bootstrap-basic
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

input.wpcf7-captchar {width:200px;}
body { 
  font-size:16px;
  color:#000;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  background-color:#e8e9e8;
  line-height:26px;
}
.intro-txt ul {padding:0 0 0 15px;margin:0;display:block;}

.logo {margin-top:40px;}
@media only screen and (max-width: 576px) { 
.logo {margin-top:0px;}
.logo img {max-width:230px;height:auto; }
.social {display:none;}
.outer {padding: 20px 20px;}
}
.outer-page {margin-top:40px;}
.align-center { text-align:center;}
.page-content { background-color:#fff;}
.page-content-main { background-color:#fff;padding:40px 0 60px 0;}
@media only screen and (max-width: 576px) {
	.page-content-main { background-color:#fff;padding:20px 0 60px 0;}
	
}
.hp-but {
  background-color: #fff;
  border: 1px solid #31656A;
  color: #000;
 padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:600;
  cursor: pointer;
  border-radius:10px;
 margin:0;
 position: absolute;
 bottom:0;
} 

.hp-but:hover {
  background-color: #fff;
  border: 1px solid #77adb5;
  color: #000;
 padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:600;
/*   margin: 10px 2px 20px 2px; */
  cursor: pointer;
  border-radius:10px;
 margin:0;
 position: absolute;
 bottom:0;
} 

.hp-but a {
  color: #31656A;
  text-decoration: none;
  text-transform:uppercase;
}

.hp-but a:hover {
  color: #77adb5;
} 

.links a {color:#000;}
 .number{ text-decoration:none;}
.contact-but
{
  background-color: #31656A;
  color: #fff;
  text-decoration: none;
  text-transform:uppercase;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:600;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}
.contact-but a { 
color: #fff;
  text-decoration: none;
  text-transform:uppercase;
}
.contact-but:hover {
  
 background-color: #77adb5;
}



/** Carousel **/
@media only screen and (max-width: 576px) {
.carousel-item img {  
  left:-500px; }
}

#myCarousel {height:400px;}
.carousel-caption {
width:400px;
  position: absolute;
  right: 15%;
top:20%;
  left: 10%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  
}

.carousel-caption h1 {
font-size:25px;
color:#31656A;
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}
.slider {padding:0;border-bottom:20px #e8e9e8 solid;border-top:20px #e8e9e8 solid;}
.top-image {padding:0;border-bottom:20px #e8e9e8 solid;border-top:20px #e8e9e8 solid;}

@media only screen and (max-width: 576px) {
.img01 {padding:0;border-bottom:20px #e8e9e8 solid;border-top:20px #e8e9e8 solid;height:290px;overflow:hidden;background-image: url("../../gfx/top-one.jpg");background-repeat: no-repeat;background-position:center;}	
.img02 {padding:0;border-bottom:20px #e8e9e8 solid;border-top:20px #e8e9e8 solid;height:290px;overflow:hidden;background-image: url("../../images/top-two.jpg");background-repeat: no-repeat;background-position:center;}
.top-image img { display: none;}	
}

.carousel-control-next, .carousel-control-prev {
  width: 5%;
}
@media only screen and (max-width: 576px) {
.carousel-caption {
width:300px;
  position: absolute;
  right: 10%;
top:20%;
  left: 10%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align:center;
}
.carousel-control-next, .carousel-control-prev  {
  display:none;}

}

/** Hides the top bar until mobile view **/
.top__Bar {}

@media screen and (max-width: 992px) { 
.top__Bar { display:none}
}

@media screen and (min-width: 992px) { 
.navbar-brand {display:none;}
}

header, .logo, .navbar {
background-color:#65aab2;
}

.navbar-nav {
text-transform:uppercase;
}
.navbar-toggler { align-items: flex-end;display:flex;margin-top:8px;}
.nav-link {padding-left:15px !important;padding-right:20px !important;}
.active {color:#31656A !important;}
a.nav-link:link {color:#fff;opacity:1;}
a.nav-link:visited {color:#fff;opacity:1;}
a.nav-link:hover {color:#31656A;opacity:1;}
a.nav-link:active {color:#fff;opacity:1;}
.navbar-toggler { border: 1px #fff solid;	}
footer a { text-decoration:none;color:#000;}
main {background-color:#eaeaea;}
h2  {
			font-size:26px;
			color:#31656A;
			  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
position: relative;
padding-left:21px;
}
h6  {
			font-size:26px;
			color:#31656A;
			  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
position: relative;
}
.h2_no_padding {padding-left:0 !important;}
@media only screen and (max-width: 576px) { h2 { padding-left:0;} }
.hide-till-mob { display:none;}

@media only screen and (max-width: 576px) { .hide-till-mob { display:block} }
h4  {		
		
			line-height:28px;
}
}

h4  {		
			font-size:18px;
			margin:40px 0;
		
}
h4.first { margin:60px 0 40px 0;}
p.first { margin:40px 0;}
ul.first { margin:40px 0;}
.top  {
			font-size:18px;
			margin:0 0 40px 0;
}
h3 {
font-size:25px;
color:#31656A;
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
  margin:20px 0 .5rem 0;

}
.sub-title {
			text-transform:uppercase;padding-bottom:10px;font-size:14px;color:#6d6d6d;position:relative;
				}

.sub-title:after {
  content: '';
  width: 60px;
  height: 2px;
  background: #31656A;
  position: absolute;
  left: 0;
  bottom: -5px;


}
				
.assesment {
  border-bottom:20px #e8e9e8 solid;
  border-top:20px #e8e9e8 solid;
  background-color:#fff;
  padding: 0px 0 40px 0;
}
h4.first {
  margin:
40px 0 40px 0;
}
h4 {
  font-size: 18px;
  margin:
40px 0;
}
@media only screen and (max-width: 576px) {
 .img05 {padding:0;border-bottom:20px #e8e9e8 solid;border-top:20px #e8e9e8 solid;height:290px;overflow:hidden;background-image: url('img/top-three.jpg');background-repeat: no-repeat;background-position:bottom center;}
.top-image img { display: none;padding:0;}	
}

	.title-hide {display:none;}
.intro-txt { margin: 50px 20px 60px 20px; position:relative;height:370px;}
@media only screen and (max-width: 576px) {
	.intro-txt { height:400px !important;}
	}

.intro-txt-2 {padding: 40px 20px 0 0;}
@media only screen and (max-width: 576px) {
	.intro-txt-2 {padding: 40px 20px 10px 20px;}
}
.intro-txt-3 {margin: 50px 20px 60px 20px;}
 .bold {margin:40px 0;font-weight:600;display:block;}
  .bold2 {margin:0;font-weight:600;display:block;}
 .important {text-decoration: underline;}
footer p {margin: 50px 0; font-size:13px;}
button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, efwed
.btn:focus, 
.btn:hover{   
    outline:none !important;
}
.navbar-toggler:focus
{
         outline: none !important;
         box-shadow: none;
}
#social-list {margin:0;color:#436b6f;font-weight:bold;}
#social-list li {list-style:none;display:inline-block;padding-right:20px;}
#social-list a { color:#436b6f;text-decoration:none;}
.icon {padding-right:5px;}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  color:#fff;
}
#btn-back-to-top:hover {
  color:#436b6f;
}
.btn-top { background-color:#31656a;}



hr {
  font-family: Arial, sans-serif; /* choose the font you like */
  text-align: left; /* horizontal centering */
  line-height: 1px; /* vertical centering */
  height: 1px; /* gap between the lines */
  font-size: 1em; /* choose font size you like */
  border-width: 1px 0; /* top and bottom borders */
  border-style: solid;
  border-color: #000;
  margin: 40px 0; /* 20px space above/below, 10px left/right */
  overflow: visible;

  /* ensure 1px gap between borders */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
@media only screen and (max-width: 576px) {
	
hr {
  margin: 80px 0px; /* 20px space above/below, 10px left/right */
}	
	
	
}



/* opera doesn't render correctly. hide section sign */
x:-o-prefocus, hr:after {
  content: "";
}

/* .wpcf7-form .container {padding:0;} */
input{padding: 8px 5px;}
input::placeholder {margin-left: 5px;}
textarea::placeholder {margin-left: 5px;}
textarea, .wpcf7-text {width:100%;}
textarea {height:200px;}
.align-middle {padding-top:8px;}
.intro-txt-2 {/* padding-left:0; */}
 .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.bi-arrow-up { --bs-btn-color: #FFF;}
input, textarea {
  text-indent: 10px;
}
.page-content-main .intro-text-2 {padding-left:0;}
.wpcf7-submit {
  background-color: #31656A;
  border: 1px solid #31656A;
  color: #fff;
  font-size:32px;
 padding: 15px 45px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:600;
  cursor: pointer;
  border-radius:10px;
 margin:0;
 text-transform:uppercase;
}

.wpcf7-form .container {padding:0;}