/************************************************* Header ********************************************************************/
#Header {}  #Header + main {margin-top:100px;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption {font-size:50px; line-height:1.2; text-shadow:5px 5px 5px rgba(0,0,0,.3);}

/********** Tab **************************************************************************************************/
.img-shade{margin-left:50px; margin-top:50px;}
.img-shade img,.Services .img-shade1 img{box-shadow:25px 25px 25px rgba(0,0,0,.1);}
.img-shade::before {
  border:solid 1px #ddc349;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: -50px;
  top: -50px;
  z-index: -1;
}
.wp-block-button__link {
  moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 13px;
  padding: 13px 24px;
  font-family: 'Poppins', sans-serif;
  vertical-align: top;
  border-radius: 6px;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-shadow: none;
}
.wp-block-button__link:hover {
  background-color: #0885b3!important;
  border-color: #0885b3 !important;
  color: #fff;
}
.img-shade1{margin-right:50px; margin-top:50px;}
.img-shade1::before {
  border:solid 1px #ddc349;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  z-index: -1;
}
span.fw-light {
    color: white;
}
span.Name.d-inline-block.fw-semi {
    color: white;
}
header#Header {
    background-color: #fbf8f4!important;
}
.disc li {
    background: url(https://rs.elevateomdev.com/JCHealthcoaching/wp-content/uploads/2025/03/icons8-tick-25-1.png) no-repeat left center !important;
    padding-left: 32px !important;
    list-style: none;
    margin-bottom: 15px;
}
h3.wpmtst-testimonial-heading.testimonial-heading {
    font-size: 20px;
    margin-bottom: 17px!important;
    color: #ddc349;
    font-weight: 600;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    border: 1px solid #ddc349;
    padding: 20px;
    text-align: left;
}
/********** Testimonials **************************************************************************************************/
#TestiArea{padding-top:100px; padding-bottom:180px;} .Name{font-size:18px;}
#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0%; top:-70px;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0%; top:-70px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#ddc349; font-size:150px; font-family:"Times New Roman", Times, serif; font-weight:700;}
#Testimonials .textBox {width:78%; margin:auto; font-size:35px; color:#6c6c6c; line-height:50px;}
#Testimonials .carousel-indicators {position:static; margin-top:40px;}
#Testimonials .carousel-indicators li{width:16px; height:16px; margin:0 4px; background-color:#ddc349; border-radius:50%; opacity:1;}
#Testimonials .carousel-indicators li.active {background-color:#fff;}

/********** ContactForm **************************************************************************************************/
#ContactForm {padding:56px; margin-top:-200px;}
#ContactForm .form-group {margin-bottom:10px;}
#ContactForm .form-control{font-size:15px; border-color:2px solid #000; background:#fff; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm textarea.form-control{height:160px;}

/********** Footer ***************************************************************************************************/
#Footer{color:#3a7632; font-size:13px; line-height:26px;}
#Footer a{color:#000;}#Footer a:hover,#Footer .active a{color:#ddc349;}
#Footer h3{letter-spacing:.1em; font-size:14px;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#ddc349;}
#Footer .list-inline a:hover{color:#000;}
#Footer .list-inline-item:not(:last-child) {margin-right:14px;}
#Footer hr{margin-top:0px;}
.Copytext{font-size:13px;}


/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.60em; padding:3px 0 3px 40px; margin:0px;}

/*************************************************************************************************************/

.container-new{max-width:100% !important; width:100%; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:100px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:75px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:14px 0px 12px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}

.lh-34{line-height:34px; !important;}

/*.MainBanner .Homebnr .carousel-item img {
    height:900px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
*/
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}


@media (min-width: 1600px){.container-fluid{max-width:1540px;} }
@media (min-width: 1920px) {.container-fluid{max-width:1630px !important;}.SerBox{padding:60px 90px;}#Testimonials .textBox {width:74%;}}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {#Testimonials .textBox {width:78%; font-size:30px; line-height:45px;}#ContactForm {padding:46px;}}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header + main {margin-top:96px;}
#Testimonials .textBox {width:78%; font-size:25px; line-height:40px;}#ContactForm {padding:26px;margin-top:-150px;}#TestiArea{padding-bottom:100px;} 
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static;}#Header + main {margin-top:0px;}.MainBanner .carousel-caption {font-size:34px;}
#Testimonials .textBox {width:78%; font-size:20px; line-height:30px;}#ContactForm {padding:26px;margin-top:-0px;}#TestiArea{padding-bottom:0px;} 

img-shade{margin-left:30px; margin-top:30px;}
.img-shade::before {
  border:solid 1px #6699cc;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: -30px;
  top: -30px;
  z-index: -1;
}
.img-shade1{margin-right:30px; margin-top:30px;}
.img-shade1::before {
  border:solid 1px #6699cc;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  z-index: -1;
}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header{position:static; padding-bottom:0px;}#Header + main {margin-top:0px;}
.Toplink .btn{padding:8px 20px;}.SerBox{padding:40px;}
.MainBanner .carousel-caption {font-size:26px;}
.MainBanner .Homebnr .carousel-item  img {
    height:230px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.img-shade{margin-left:30px; margin-top:30px;}
.img-shade::before {
  border:solid 1px #6699cc;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: -30px;
  top: -30px;
  z-index: -1;
}
.img-shade1{margin-right:30px; margin-top:30px;}
.img-shade1::before {
  border:solid 1px #6699cc;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  z-index: -1;
}#Footer h3 {
  letter-spacing:normal;}
#Testimonials .textBox {width:84%; font-size:18px; line-height:30px;}#ContactForm {padding:26px;margin-top:-0px;}#TestiArea{padding-bottom:0px;} 
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:100px;}
#Testimonials q:before,#Testimonials:before,#Testimonials q:after,#Testimonials:after {top:-40px; }
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:190px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption {font-size:18px;}.MainBanner .btn{font-size:12px; padding:5px 20px;} .MainBanner .carousel-caption p{margin-bottom:10px;}
.Toplink .btn{padding:7px 10px; font-size:10px; letter-spacing:normal;}
#Testimonials .textBox {width:70%; font-size:16px; line-height:24px;}#ContactForm {padding:20px;margin-top:-0px;}#TestiArea{padding-bottom:0px;} 
h1, .h1 {font-size:30px;}h2, .h2 {font-size:25px;} 
.title::before ,.title::after {background:none;position:static; content:none !important;}
 }
/* X-Small devices (portrait phones, less than 576px) */