/**
* [Table of contents]

/* 1 Home Page Section Css*/
/* 1 header css
  2 Home Banner Section css
  3 About yoga Classis Section css
  4 Yoga and Meditation Section Css
  5 Price Section css
  8 Blog Section css
  9 Testimonial Section Css
  10 Contact Form Section Css
  11 Footer Section Css
  12 Trainer Deatil Section Css 
  13 Our Classes Section 
  14 Oue Schedule Section Css 
  15 Element Section Css
  16 Blog Section Css
/* default css */
/* Common  Css*/
*, *::before, *::after {
 box-sizing: border-box;
}
html {
 overflow-x: hidden;
}
body {
 background: #fff;
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 line-height: 1.8;
 font-weight: 300;
 letter-spacing: .5px;
 color: gray;
 overflow-x: hidden;
 overflow-y: hidden;
}
p, ul, ol {
 margin-bottom: 30px;
}
p {
 color: #ABAAA9;
 letter-spacing: 0.5px;
 font-weight: 400;
 line-height: 1.5;
 font-size: 16px;
 font-family: 'Roboto', sans-serif;
}
a {
 -webkit-transition: .3s all ease;
 -o-transition: .3s all ease;
 transition: .3s all ease;
 text-decoration: none;
 outline: none;
}
a:hover {
 text-decoration: none;
}
h1, h2, h3, h4, h5 {
 color: #000;
 font-family: 'Roboto', sans-serif;
 letter-spacing: 0.5px;
 line-height: 1.5;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
 color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
 color: #999999;
}
.btn, .form-control, button:focus {
 outline: none;
}
.dropdown-toggle::after {
 font-family: "Font Awesome 5 Pro";
 content: "\f107";
 border: none;
 vertical-align: unset;
}
section {
 padding-top: 60px;
 padding-bottom: 60px;
}
.pointer {
 cursor: pointer;
}
.captcha {
 text-transform: uppercase;
}
/* defalut css*/
/* Comman Css */
.main-content h1 {
 font-size: 60px;
 font-weight: 700;
 color: #000;
 -webkit-transition: .3s all ease;
 -o-transition: .3s all ease;
 transition: .3s all ease;
}
.heading-content h2 {
 font-size: 45px;
 font-weight: 700;
 color: #F93F1A;
 margin-bottom: 40px;
 position: relative;
 padding-bottom: 10px;
}
.heading-content h2:before {
 position: absolute;
 content: "";
 width: 100px;
 height: 3px;
 background-color: #2D9A8C;
 left: 0;
 right: 0;
 bottom: 0px;
 margin: 0 auto;
}
.btn.focus, .btn:focus {
 outline: none;
 box-shadow none;
}
.btn {
 font-size: 16px;
 padding: 15px 30px;
 border: 2px solid #2D9A8C;
 border-radius: 50px;
 color: #fff;
 font-weight: 500;
 letter-spacing: 1px;
 background-color: #2D9A8C;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.fill-btn, .price-btn {
 vertical-align: middle;
 position: relative;
 display: inline-block;
 margin-top: 20px;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition-property: color;
 -moz-transition-property: color;
 -ms-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -ms-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -moz-font-smoothing: grayscale;
}
.fill-btn:before, .price-btn:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: -2px;
 left: -2px;
 right: -2px;
 bottom: -2px;
 background: #F93F1A;
 border-radius: 50px;
 border: 2px solid #F93F1A;
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 50%;
 -moz-transform-origin: 0 50%;
 -ms-transform-origin: 0 50%;
 transform-origin: 0 50%;
 -webkit-transition-property: transform;
 -moz-transition-property: transform;
 -ms-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -ms-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 -moz-transition-timing-function: ease-out;
 -ms-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.fill-btn:hover, .fill-btn:focus, .fill-btn:active {
 color: #fff;
}
.fill-btn:hover:before, .fill-btn:focus:before, .fill-btn:active:before {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
/* header css */
header {
 width: 100%;
 position: fixed;
 transition: all 0.5s;
 top: 0;
 left: 0;
 z-index: 999;
 padding: 15px 0;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
header.fixed {
 padding: 0;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
 box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
header.fixed .navbar-nav .nav-item .nav-link:before, header.fixed .navbar-nav .nav-item .nav-link:after {
 font-size: 20px;
}
.navbar-nav .nav-item .nav-link {
 margin: 0 15px;
 font-size: 16px;
 color: #000;
 font-weight: 500;
 transition: all 0.5s;
 position: relative;
}
.navbar-nav .nav-item.active .nav-link {
 color: #2D9A8C;
}
.navbar-nav .nav-item:hover .nav-link {
 color: #2D9A8C;
 transition: all 0.5s;
}
.navbar-nav .nav-item .nav-link:before {
 content: "";
 position: absolute;
 width: 50%;
 height: 2px;
 bottom: 0;
 left: 0;
 background-color: #F93F1A;
 visibility: hidden;
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 -o-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 -ms-transition: all 0.3s ease-in-out 0s;
 -o-transition: all 0.3s ease-in-out 0s;
 transition: all 0.3s ease-in-out 0s;
 margin: 0 auto;
 text-align: center;
 right: 0;
}
.navbar-nav .nav-item.active > .nav-link:before {
 visibility: visible;
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 -o-transform: scaleX(1);
 transform: scaleX(1);
}
/* Home Banner Section css */
.home-banner {
 height: 105vh;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
.main-content p {
 font-size: 25px;
 font-weight: normal;
 color: #000;
 margin: 20px 0;
}
.main-content p span {
 color: #F93F1A;
 font-weight: 600;
}
/* About Yoga Classes Css */
.yoga-services {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 padding: 50px 30px;
 box-shadow: 0 0 3px 0 rgba(45, 154, 40, 1);
 border-radius: 10px;
 text-align: center;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
 margin-bottom: 0px;
}
.yoga-services:hover {
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.yoga-img {
 width: 160px;
 margin: 0 auto;
}
.yoga-content {
 padding: 40px 0 0;
}
.yoga-content h6 {
 font-size: 20px;
 color: #F93F1A;
 font-weight: 600;
 text-transform: capitalize;
 margin-bottom: 10px;
}
.yoga-content h5 {
 font-size: 38px;
 font-weight: 500;
 margin-bottom: 30px;
 position: relative;
 padding-bottom: 10px;
}
.yoga-content h5:after {
 position: absolute;
 content: "";
 width: 50px;
 height: 2px;
 background-color: #2D9A8C;
 left: 0;
 bottom: 0;
 right: 0;
 margin: 0 auto;
 text-align: center;
}
.yoga-content p {
 font-size: 15px;
 margin-bottom: 0;
}
/* Yoga and Meditation Section Css*/
.about-bg {
 height: 90vh;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 overflow: hidden;
}
.about-bg::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 top: 40%;
 right: -35%;
 z-index: -1;
 background: url("../image/psttern.svg") no-repeat center right/55%;
 transform: rotate(-90deg);
}
.about-bg::after {
 content: "";
 position: absolute;
 width: 350px;
 height: 350px;
 top: 0px;
 left: -60px;
 z-index: -1;
 background: url("../image/psttern.svg") no-repeat center left/100%;
 transform: rotate(-270deg);
}
.meditation-content {
 background-color: #fff;
 float: right;
 width: 50%;
 padding: 50px;
 border-right: 5px solid #F93F1A;
}
.meditation-content h5 {
 font-size: 25px;
 font-weight: 600;
 color: #F93F1A;
}
.meditation-content p {
 margin-bottom: 0;
}
.meditation-content h2 {
 font-size: 45px;
 font-weight: 500;
 margin-bottom: 30px;
 color: #2D9A8C;
 border-bottom: 1px solid #000;
}
/* Price Section Css*/
.pricing-table {
 border: 1px solid #2D9A8C;
 border-radius: 10px;
 padding-bottom: 30px;
}
.price-plan {
 background-color: #2D9A8C;
 padding: 20px 30px;
 border-top-right-radius: 10px;
 border-top-left-radius: 10px;
 position: relative;
}
.price-plan::before {
 position: absolute;
 background: url("../image/psttern.svg") no-repeat center center/100%;
 content: "";
 top: 0;
 margin: 0 auto;
 width: 400px;
 height: 220px;
 transform: rotate(180deg);
 opacity: .1;
 left: 0;
}
.price-plan h6 {
 width: 150px;
 font-weight: 600;
 color: #2D9A8C;
 background-color: #fff;
 border: 1px solid #fff;
 padding: 10px;
 border-radius: 50px;
 margin: 20px auto 10px auto;
}
.price-value span {
 font-size: 50px;
 font-weight: 700;
 color: #fff;
 font-family: 'Roboto', sans-serif;
}
.pricing-content {
 margin-top: 30px;
}
.pricing-content p {
 font-weight: 400;
 color: #000;
}
.pricing-content p span {
 color: #F93F1A;
 font-weight: 600;
}
.price-btn {
 margin: 0px;
 background-color: #F93F1A;
 border: 2px solid #F93F1A;
 padding: 10px 30px;
}
.price-btn:before {
 background: #2D9A8C;
 border: 2px solid #2D9A8C;
}
.price-btn:hover, .price-btn:focus, .price-btn:active {
 color: #fff;
}
.price-btn:hover:before, .price-btn:focus:before, .price-btn:active:before {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
/* Owl Blog Section Css */
.blog-section {
 background: linear-gradient(rgba(255, 235, 233, .4), rgba(255, 235, 233, .4));
 position: relative;
}
.blog-section::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 top: 53%;
 right: -35%;
 z-index: -1;
 background: url("../image/psttern.svg") no-repeat center right/50%;
 transform: rotate(-90deg);
}
.blog-heading h2:before {
 width: 120px;
 margin: 0;
}
.blog {
 background-color: #fff;
 border-radius: 10px;
 margin-bottom: 0px;
}
.blog-content {
 padding: 25px;
}
.blog-content h6 {
 font-weight: 500;
 color: #F93F1A;
 font-family: 'Roboto', sans-serif;
 background-color: #FBF2F1;
 border: 1px solid #FBF2F1;
 padding: 8px;
 border-radius: 50px;
 margin: 10px 0;
 font-size: 16px;
 text-align: center;
 display: inline-block;
 padding: 8px 14px;
}
.blog-content h4 {
 font-weight: 600;
}
.blog-content p {
 font-size: 14px;
 margin-bottom: 0;
}
.blog-eleme {
 padding-bottom: 0;
}
.blog-img {
 overflow: hidden;
 background: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0));
 border-radius: 10px;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.blog-img img {
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.blog-img:hover img {
 -webkit-filter: grayscale(0);
 -moz-filter: grayscale(0);
 filter: none;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
 opacity: .6;
}
.owl-carousel .owl-stage {
 padding-left: 0 !important;
}
.slider-nav button {
 border: 2px solid #2D9A8C;
 width: 50px;
 height: 50px;
 line-height: 50px;
 margin-right: 10px;
 border-radius: 50%;
 color: #2D9A8C;
 background-color: transparent;
 cursor: pointer;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.slider-nav button i {
 max-width: 100%;
 max-height: 100%;
 font-size: 25px;
 font-weight: 400;
}
.slider-nav button:hover {
 color: #fff;
 background-color: #F93F1A;
 border: 2px solid #F93F1A;
}
/* Testimonial Silder Css*/
.testimonial-bg {
 background-color: #F6F9F8;
 position: relative;
}
#testimonial-slider .item {
 margin: 0 10px;
}
.testimonial {
 background-color: #fff;
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
 padding: 30px;
 border-radius: 10px;
 margin-bottom: 50px;
 margin-top: 5px;
}
.testimonial .media img {
 border-radius: 50%;
 width: 100px;
 height: 100px;
}
.testimonial h5 {
 margin-top: 20px;
 font-weight: 600;
 font-size: 20px;
}
.testimonial h6 {
 font-size: 16px;
 margin-left: 0;
 font-weight: 500;
 margin-bottom: 0;
}
.testimonial p {
 color: #000;
 font-weight: 400;
 margin-top: 20px;
 margin-bottom: 0;
}
.slider-nav1 {
 position: relative;
 margin: 0 auto;
 text-align: center;
}
.slider-nav1 button {
 border: 2px solid #2D9A8C;
 width: 50px;
 height: 50px;
 line-height: 50px;
 margin: 0 10px 0 0;
 border-radius: 50%;
 color: #2D9A8C;
 background-color: transparent;
 cursor: pointer;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.slider-nav1 button i {
 max-width: 100%;
 max-height: 100%;
 font-size: 25px;
 margin: 11px 11px;
 font-weight: 400;
}
.slider-nav1 button:hover {
 color: #fff;
 background-color: #F93F1A;
 border: 2px solid #F93F1A;
}
/* Contact Form Section Css*/
.google-map iframe {
 height: 480px;
 width: 100%;
 border-radius: 10px;
}
.contact-form {
 padding: 43px 30px;
 border: 1px solid #2D9A8C;
 border-radius: 10px;
}
.form-info {
 border: none;
}
.contact-form .form-control:focus {
 color: #000;
 background-color: rgba(255, 243, 223, 9);
 border-color: 0;
 outline: 0;
 box-shadow: none;
}
.contact-form .form-control {
 display: block;
 width: 100%;
 padding: 15px 30px;
 font-size: 14px;
 line-height: 1.5;
 color: #000;
 margin: 0 0 20px 0;
 background-color: rgba(255, 243, 223, 9);
 background-clip: padding-box;
 border: 1px solid rgba(255, 243, 223, 9);
 border-radius: 50px;
 font-weight: 600;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.contact-form .form-group textarea {
 border-radius: 20px;
}
.about-info {
 display: flex;
 justify-content: center;
 align-items: center;
}
.about-img {
 width: 90px;
 height: 90px;
 line-height: 90px;
 background-color: #F93F1A;
 text-align: center;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.about-info h5 {
 font-size: 20px;
 font-weight: 500;
 margin-bottom: 0px;
 margin-left: 25px;
}
.about-info h6, .about-info h6 > a {
 color: #2D9A8C;
 font-size: 16px;
 font-weight: 600;
 margin-left: 25px;
 font-family: 'Roboto', sans-serif;
}
.about-info h6 > a {
 margin-left: 0px;
}
/* Footer Css */
footer {
 background-color: rgba(255, 243, 223, .5);
 padding: 50px 0;
 text-align: center;
}
footer a img {
 width: 200px;
}
footer a.dec {
 color: #000;
 font-size: 16px;
 font-weight: 500;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
footer a.dec:hover {
 color: #F93F1A;
}
footer span {
 color: #2D9A8C;
 font-weight: 800;
}
/* Spinner Loader Css*/
.loader {
 position: fixed;
 z-index: 9999 !important;
 background-color: #fff;
 width: 100%;
 height: 100%;
}
#loading-bar-spinner.spinner {
 left: 50%;
 margin-left: -20px;
 top: 50%;
 margin-top: -20px;
 position: absolute;
 z-index: 19 !important;
 animation: loading-bar-spinner 400ms linear infinite;
}
#loading-bar-spinner.spinner .spinner-icon {
 width: 40px;
 height: 40px;
 border: solid 4px transparent;
 border-top-color: #F93F1A;
 border-left-color: #F93F1A;
 border-radius: 50%;
}
@keyframes loading-bar-spinner {
 0% {
  transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
/*=== Trainer Detail Section Css Start ====*/
.trainner {
 background-color: #ffebe9;
 margin-top: 92px;
 padding: 20px;
}
.trainner h5 {
 color: #2D9A8C;
 font-weight: 600;
 font-size: 30px;
 margin-bottom: 0;
}
.trainner-content {
 margin-bottom: 20px;
}
.trainner-content a {
 font-size: 16px;
 font-weight: 500;
 color: #000;
 padding: 0 10px;
}
.trainner-content a:nth-child(1) {
 border-right: 2px solid #000;
}
.trainner-content a:nth-child(2) {
 color: #2D9A8C;
 font-weight: 700;
 position: relative;
}
.trainner-content a:nth-child(2):before {
 position: absolute;
 content: "";
 width: 57px;
 height: 1px;
 bottom: -5px;
 background-color: #2D9A8C;
}
/* Trainer Section Css */
.trainer {
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
 margin-bottom: 40px;
}
.trainer:hover, .trainer-img:hover {
 background-color: #fff;
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
 border-radius: 10px;
}
.trainer-img {
 overflow: hidden;
 border-radius: 10px;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
 position: relative;
}
.trainer-img:hover {
 background: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0));
 z-index: 1;
 border-radius: 10px 10px 0 0;
}
.trainer-img img {
 width: 100%;
 border-radius: 10px 10px 0 0;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.trainer-img:hover img {
 -webkit-filter: grayscale(0);
 -moz-filter: grayscale(0);
 filter: none;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: all .6s ease;
 opacity: .8;
}
.social-icons {
 position: absolute;
 top: 20px;
 left: 0;
 z-index: 1;
}
.social-icons ul li {
 list-style: none;
 display: block;
 padding: 5px 0;
}
.social-icons ul li a {
 display: block;
 background-color: #fff;
 border: 2px solid #fff;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 font-size: 20px;
 color: #000;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.social-icons ul li a:hover {
 background-color: #2D9A8C;
 border: 2px solid #2D9A8C;
 color: #fff;
}
.trainer-content {
 padding: 15px;
}
.trainer-content h5 {
 font-size: 25px;
 font-weight: 400;
}
.trainer-content p {
 font-weight: 400;
 margin-bottom: 10px;
 margin-bottom: 0;
}
/*=== Trainer Detail Section Css End ====*/
/*=== Our Classes Section Css Start ====*/
.classes {
 background-color: #F6F9F8;
}
.our-classes {
 background-color: #fff;
 border: 1px solid #fff;
 padding: 30px;
 border-radius: 10px;
 margin-bottom: 40px;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.our-classes:hover {
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
 background-color: #FFFCFC;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.class-content {
 display: flex;
}
.class-img {
 max-width: 100px;
 height: 100px;
}
.our-classes h5 {
 margin-top: 10px;
 font-weight: 700;
 font-size: 25px;
}
.our-classes h5, .our-classes h6 {
 margin-left: 25px;
}
.our-classes h6 {
 font-size: 16px;
 font-weight: 600;
}
.our-classes p {
 font-weight: 500;
 color: #000;
 margin-top: 20px;
 margin-bottom: 0;
}
/*=== Our Classes Section Css End ====*/
/*== Our Schedule Section Css Start ===*/
.schedule {
 background-color: #fff;
 border-radius: 10px;
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
}
.schedule-content a:nth-child(2):before {
 width: 82px;
}
.schedule .table thead th {
 vertical-align: bottom;
 border-right: 1px solid #EDEBEA;
 border-bottom: 1px solid #EDEBEA;
}
.schedule th {
 font-size: 16px;
 font-weight: 400;
 color: #000;
 text-align: center;
 padding: 30px 20px;
 border-top: none;
}
.schedule td {
 font-size: 14px;
 padding: 30px 0px;
 text-align: center;
 border-right: 1px solid #EDEBEA;
 border-top: 1px solid #EDEBEA;
 ;
}
.schedule-class {
 background-color: #E8F5F4;
 color: #2D9A8C;
 font-weight: 700;
}
.schedule-class1 {
 background-color: #FEEFEC;
 color: #F93F1A;
 font-weight: 700;
}
/*== Our Schedule Section Css Start ===*/
/**===  Element Section Css Start ===**/
.heading-content.element-content h2 {
 font-size: 40px;
}
/* Element Header Css */
.header-elements h6 {
 text-align: center;
 margin-bottom: 20px;
 color: #F93F1A;
 font-weight: 600;
 font-size: 18px;
}
.header-elements ul li {
 border-bottom: 1px solid #F93F1A;
 list-style: none;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
 position: relative;
}
.header-elements ul li:after {
 position: absolute;
 content: "";
 width: 10px;
 height: 10px;
 background-color: #000;
 left: -20px;
 top: 20px;
}
.header-elements ul li a {
 display: block;
 width: 500px;
 padding: 10px 0;
 clear: both;
 font-weight: 400;
 color: #000;
 text-align: unset;
 white-space: nowrap;
 background-color: transparent;
}
.header-elements ul li:hover {
 border-bottom: 1px solid #2D9A8C;
 transform: scale(1.1);
}
.header-elements ul li a:hover {
 color: #2D9A8C;
}
.dropdown-menu {
 position: absolute;
 top: 100%;
 left: -50%;
 transform: translateX(-50%);
 z-index: 1000;
 display: none;
 min-width: 100%;
 padding: 40px 30px;
 margin: 0px 0;
 font-size: 16px;
 color: #212529;
 text-align: left;
 list-style: none;
 background-color: #FFF2EE;
 background-clip: padding-box;
 border: 1px solid #FFF2EE;
 ;
 border-radius: 10px;
}
.element-banner {
 background: linear-gradient(rgba(255, 243, 223, .2), rgba(255, 243, 223, .2)), url(https://mb.douphp.com/m072/theme/m072/images/about-bg.png) no-repeat center right/50%;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
.element-banner p {
 font-size: 16px;
 margin-top: 10px;
}
/* Button Section Css */
.btn1 {
 font-size: 16px;
 border-radius: 50px;
 color: #000;
 font-weight: 500;
 letter-spacing: 1px;
 margin: 20px 0;
 -webkit-transition: .5s all ease;
 -o-transition: .5s all ease;
 transition: .5s all ease;
}
.btn-md {
 font-size: 16px;
 padding: 10px 20px;
}
.btn-lg {
 font-size: 20px;
 padding: 15px 30px;
}
.btn-md span {
 line-height: 80px;
}
.btn-orange {
 background-color: #F93F1A;
 border: 1px solid #F93F1A;
 color: #fff;
}
.btn-orange:hover {
 background-color: #2D9A8C;
 border: 1px solid #2D9A8C;
 color: #fff
}
.btn-green {
 background-color: #2D9A8C;
 border: 1px solid #2D9A8C;
 color: #fff;
}
.btn-green:hover {
 background-color: #F93F1A;
 border: 1px solid #F93F1A;
 color: #fff
}
.btn-light-orange {
 background-color: #FFA695;
 border: 1px solid #FFA695;
}
.btn-light-orange:hover {
 background-color: #2D9A8C;
 border: 1px solid #2D9A8C;
 color: #000;
}
.btn-green-light {
 background-color: #2D9A8C;
 border: 1px solid #2D9A8C;
}
.btn-green-light:hover {
 background-color: #FFA695;
 border: 1px solid #FFA695;
 color: #000;
}
/* Pogress Bar Css */
section#counting {
 padding: 0;
}
section#bar {
 padding-bottom: 0;
}
.circlebar {
 text-align: center;
 background-color: #F6FCFB;
 padding: 50px;
 border-radius: 10px;
}
.circlebar .round {
 position: relative;
}
.circlebar .round span {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 font-size: 40px;
 font-weight: 400;
 color: #000;
}
/** Counting Number Css **/
.counting-sec {
 text-align: center;
 padding: 50px;
 border-radius: 10px;
 border: 1px solid #FFF2EE;
 background-color: #FFF2EE;
}
.count {
 background-color: #C1F7F1;
}
.count1 {
 background-color: #028B7D;
 color: #fff;
}
.count1 h6, .count1 i, .count1 .num-box {
 color: #fff;
}
.count {
 color: #000;
 padding: 30px;
 border-radius: 10px;
 margin-bottom: 20px;
 text-transform: uppercase;
}
.num-box {
 font-size: 20px;
 font-weight: 600;
 padding-top: 20px;
}
.count h6 {
 font-size: 16px;
 font-weight: 400;
 text-align: center;
}
.count i {
 font-size: 50px;
 font-weight: 600;
}
/* Alert Buttons */
.alert-bg {
 background-color: #F6F9F8;
 padding: 30px;
}
.alert {
 font-size: 16px;
 font-weight: 500;
}
.alert span {
 font-size: 18px;
 font-weight: 600;
}
/* Tabs*/
.tabs-accordian {
 background-color: #FFF8F6;
 padding: 30px;
}
ul.tabs {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 width: 100%;
 margin-bottom: -2px;
}
ul.tabs li {
 float: left;
 margin: 0;
 cursor: pointer;
 padding: 10px 21px;
 line-height: 31px;
 border-top: 1px solid #D7D9D9;
 border-left: 1px solid #D7D9D9;
 border-bottom: 1px solid #D7D9D9;
 background-color: #fff;
 color: #000;
 font-weight: 600;
 font-size: 16px;
 overflow: hidden;
 position: relative;
}
.tab_last {
 border-right: 1px solid #D7D9D9;
}
ul.tabs li:hover {
 background-color: #FFA695;
 color: #000;
}
ul.tabs li.active {
 background-color: #fff;
 color: #333;
 border-bottom: 1px solid #fff;
 border-left: 2px solid #11B3A9;
 border-right: 2px solid #11B3A9;
 border-top: 2px solid #11B3A9;
 display: block;
}
.tab_container {
 border: 1px solid #D7D9D9;
 border-top: none;
 clear: both;
 float: left;
 width: 100%;
 background: #fff;
 overflow: auto;
 border-top: 1px solid #D7D9D9;
}
.tab_content {
 padding: 20px;
 display: none;
}
.tab_content p {
 color: #000;
 font-size: 14px;
 font-weight: 400;
}
/* Accordian */
.accordion {
 margin: 0 auto;
 border-radius: 10px;
}
.accordion-header, .accordion-body {
 background-color: #fff;
}
.accordion-header {
 padding: 15px 30px;
 background: #11B3A9;
 color: #fff;
 font-size: 16px;
 font-weight: 600;
 cursor: pointer;
 letter-spacing: .1em;
 transition: all .3s;
 text-transform: uppercase;
}
.accordion__item {
 border-bottom: 1px solid transparent;
}
.accordion__item:nth-child(3) {
 border-bottom: 1px solid #11B3A9;
}
.accordion__item .accordion__item {
 border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.accordion-header:hover {
 background: #F93F1A;
 position: relative;
 z-index: 5;
}
.accordion-body {
 background: #fcfcfc;
 color: #353535;
 display: none;
}
.accordion-body__contents {
 padding: 10px 20px;
 font-size: 14px;
 font-weight: 400;
 color: #000;
}
.accordion__item.active:last-child .accordion-header {
 border-radius: none;
}
.accordion__item > .accordion-header:after {
 content: "";
 background: url("../image/down-arrow.png") no-repeat center center/cover;
 float: right;
 width: 15px;
 height: 15px;
 position: relative;
 top: 5px;
 transition: .3s all;
 transform: rotate(0deg);
}
.accordion__item.active > .accordion-header:after {
 transform: rotate(-180deg);
}
.accordion__item.active .accordion-header {
 background: #11B3A9;
}
.accordion__item .accordion__item .accordion-header {
 background: #f1f1f1;
 color: #353535;
}
/* Element Form */
.element-form, .form-group label {
 font-size: 16px;
 color: #000;
 font-weight: 500;
}
.element-form, .form-group input {
 font-size: 14px;
 padding: 10px 15px;
}
.element-form, .form-control:focus {
 color: #495057;
 background-color: #fff;
 border-color: #11B3A9;
 outline: 0;
 box-shadow: none;
}
/**===  Element Section Css End ===**/
/**=== Blog Section Css Start ===**/
.blog-banner {
 background: linear-gradient(rgba(255, 243, 223, .4), rgba(255, 243, 223, .4)), url(https://mb.douphp.com/m072/theme/m072/images/about-bg.png) no-repeat center right/50%;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
}
.blog-element {
 background: #fff;
 border-radius: 10px;
 padding: 10px;
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
 margin-bottom: 20px;
}
.blog-element-content {
 padding: 15px;
}
.blog-element-content h6 {
 font-size: 18px;
 font-weight: 600;
 color: #11B3A9;
 padding-top: 15px;
 margin-left: 0;
}
.blog-element-content h6 a {
 color: #11B3A9;
}
.blog-element-content p {
 font-size: 14px;
 font-weight: 400;
 color: #000;
 margin-bottom: 0;
}
.pagination {
 text-align: center;
 margin-bottom: 24px;
 margin-top: 30px;
}
.pagination .current {
 background-color: #F93F1A;
 color: #fff;
 border-color: transparent;
}
.pagination span, .pagination a {
 font-size: 16px;
 font-weight: 700;
 display: inline-block;
 width: 40px;
 height: 40px;
 line-height: 38px;
 margin: 0 5px;
 text-align: center;
 color: #000;
 vertical-align: middle;
 white-space: nowrap;
 border-radius: 50%;
 border: 1px solid #E8ECED;
 list-style: none;
 transition: all 0.1s ease-in-out;
}
.pagination a:hover {
 background-color: #F93F1A;
 border-color: transparent;
 color: #fff;
}
#blog-element-slider .item {
 margin: 10px 30px;
}
#blog-element-slider.owl-theme .owl-dots .owl-dot span {
 width: 20px;
 height: 20px;
 margin: 15px 7px 0px 7px;
 background: transparent;
 border: 2px solid #F93F1A;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity .2s ease;
 border-radius: 50%;
}
#blog-element-slider.owl-theme .owl-dots .owl-dot.active span, #blog-element-slider.owl-theme .owl-dots .owl-dot:hover span {
 background: #F93F1A;
}
/**=== Blog Section Css Start ===**/
/* -- pager -- */
.pager {
 text-align: right;
 padding-top: 20px;
 color: #666;
 font-size: 14px;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
}
.pager ul li {
 display: inline;
}
.pager ul li a, .pager ul li em {
 float: left;
 padding: 0 14px;
 line-height: 30px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul li.active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
.pager ul li em.total {
 margin-left: 10px;
 border-left-width: 1px;
 color: #999;
}