body{margin: 0; padding: 0; }
html {scroll-behavior: smooth; box-sizing: border-box;}
*{margin: 0; padding: 0;}
p{font-size: 15px;  letter-spacing: 0.5px;  text-align: justify; color: #222D35; font-weight: 400; line-height: 25px; padding: 0; margin: 0; font-family: 'Poppins', sans-serif;}
.pnm{padding: 0; margin: 0;}
.tnb{padding: 100px 0;}
.tnb5{padding: 50px 0; position: relative;} 
.tnb7{padding: 70px 0;}
.contact_btn{background: #ffe998; position: relative; font-size: 16px; color: #000; padding: 10px 25px 10px 67px; display: inline-block;     text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; text-decoration: none; transition: 0.5s;}
.contact_btn:before{position: absolute; left: 20px; top: 22px; width: 35px; height: 1px; content: ''; background: #000; transition: 0.5s;}
.contact_btn:hover{background: white; box-shadow: 0px 0px 0px 3px #ffe998; color: #0056b3;}
.contact_btn:hover:before{background: #0056b3;}
a:hover {text-decoration: none;}
.small-title{font-size: 16px; color: #008e9b; font-weight: 500; text-transform: uppercase; padding: 0 0 0 50px; position: relative;}
.small-title:before{position: absolute; left: 0px; top: 10px; width: 35px; height: 1px; content: ''; background: #008e9b;}

.small-title_2{font-size: 16px; color: #008e9b; font-weight: 500; text-transform: uppercase; padding: 0 60px 0 60px; display: inline-block; position: relative;}
.small-title_2:before{position: absolute; left: 17px; top: 10px; width: 35px; height: 1px; content: ''; background: #008e9b;}
.small-title_2:after{position: absolute; right: 17px; top: 10px; width: 35px; height: 1px; content: ''; background: #008e9b;}

.big-title{font-size: 47px; color: #222D35; font-weight: 700; line-height: 50px; margin: 10px 0 30px;}
.quote{text-align: center; background: #d4d5d829;}
.quote h5{text-align: center; font-size: 30px; margin: 40px 0; color: #555c5c; font-weight: 700;}
.quote span{color: #0095a3;  display: block;  text-align: left;  padding: 7px 0 0 53px; font-size: 18px;  font-weight: 600; font-style: italic;}
.main-nav {background: #020e20;}
.main-nav a{text-decoration: none;} 
.navbar-brand span{color: #008e9b; font-size: 26px; font-weight: bold; padding: 0 0 0 10px;}
.new-nav{padding: 0; margin: 0;}
.new-nav .active{color: #008e9b !important; border-bottom: 2px solid #008e9b;}
.new-nav ul li{color: #fff;}
.new-nav ul li a{color: #fff; font-size: 16px; font-weight: 600; margin: 0 15px; letter-spacing: 0.5px; line-height: normal; position: relative;}
.new-nav ul li a:hover{text-decoration: none; color: #008e9b; }
.new-nav ul li a:before{position: absolute; content: ''; left: 0; width:0%; bottom: -2px; background: #008e9b; height: 2px; transition: 0.5s;}
.new-nav ul li a:hover:before{width: 100%;}
/*slider-text*/
.main-slider{overflow: hidden;}
.main-slider img{width: 100%;}
.slider-text{position: absolute; top: 26px; left: 0; right: 0; z-index: 1;}
.slider-text span{color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; position: relative; padding: 0 0 0 50px; z-index: 1;}
.slider-text span:before{position: absolute; left: 0; top: 10px; width: 35px; height: 1px; content: ''; background: #fff;}
.slider-text h2{font-size: 80px; font-weight: 700; color: #fff; line-height: 80px; position: relative; padding: 0 300px 0 0;}

@-webkit-keyframes rotated {
    from {  -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(-360deg); }
}

.round-shape-four {
    position: absolute;
    top: 1%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    /*border: 1px solid #7551a9;*/
    animation: rotated 10s infinite linear;
    left: -120px;
    background: #008e9b;
    z-index: -1;
}

.round-shape-four:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: -5px;
   background-image: linear-gradient(to right, #85d5ff , #ffffff );
    border-radius: 50%;
}

.slider-text .container{padding: 60px 0; position: relative;} 

/*top-three*/
.top-three{background: url(../images/dot-pattern.png) repeat; position: relative;}
.top-three:before{content: ''; position: absolute; right: 0; top: 0; background: #008e9b; width: 28%; height: 100%;}
.top-three-num h2{font-size: 40px; color: #008e9b; font-weight: 700; margin: 0; padding: 0 10px 0 0; }
.top-three-text h3{font-weight: 600; font-size: 18px;}
.top-three-text { display: flex; padding: 21px 0;}
.top-contact-num{background: #008e9b; padding: 16px; border-radius: 10px 0 0 10px;}
.top-contact-num h2{margin: 0; text-align: right; font-size: 34px; font-weight: 600; color: #fff; position: relative;}
/*.top-contact-num h2:before{content: '\f2a0'; position: absolute; left: 10px; bottom: -8px; font-size: 55px; color: #fff; font-family: fontAwesome;    font-weight: 100; transform: rotate(-32deg); } */
.top-contact-num h2 span{display: block; color: #fff; font-size: 18px; font-weight: 500;}

/*abut-us*/
.inner_about .big-title{text-align: center; font-size: 40px; font-weight:400;}
.inner_about .big-title span { color: #0095a3; display: block; text-align: left;  padding: 0; font-size: 18px; font-weight: 600; font-style: italic;}
.inner_about .col-md-5 .big-title {text-align: left; margin: 0 0 15px;}
.abut-text-left{position: relative;}
.abut-text-left:before{position: absolute; left: -120px; bottom: -87px; width: 100%; height: 100%; background: #008e9b; content: ''; z-index: -1;}
.abut-text-left .icon-youtub{position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; width: 130px; height: 100px; background: #008e9b; content: '\f144'; z-index: 1; font-family: fontAwesome; text-align: center; color: #fff; font-size: 60px; padding: 5px 0 0;}
.abut-text-left .icon-youtub:before{position: absolute;
    content: '';
    left: 0;
    right: 0; 
    margin: 0 auto;
    top: 20px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border-2 1.5s linear infinite;
    -moz-animation: pulse-border-2 1.5s linear infinite;
    -o-animation: pulse-border-2 1.5s linear infinite;
    animation: pulse-border-2 1.5s linear infinite;}
.abut-text-left .icon-youtub:after{position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border 1s linear infinite;
    -moz-animation: pulse-border 1s linear infinite;
    -o-animation: pulse-border 1s linear infinite;
    animation: pulse-border 1s linear infinite;}
.icon-youtub a{color: #fff; transition: 0.5s;}
.icon-youtub a:hover{color: #ffe998;}
.abut-text-left img{width: 100%;}

@keyframes pulse-border-2 {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      opacity: 1; 
  }
    100% {
      transform: scale(1.5);
      -webkit-transform: scale(1.5);
      opacity: 0; } 
  }

@keyframes pulse-border {
    0% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
      opacity: 1; 
  }
    100% {
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      opacity: 0; } 
  }
/*abut-text-right*/

.abut-text-right .contact_btn{margin: 20px 0 0;} 
.dashed-bottom{ background: url(../images/dot-pattern.png) repeat; z-index: -2; position: absolute;  width: 100%; height: 71px;}

.podcastnbook { margin: 30px 0 70px;}  
.podcastnbook h4{text-align: center;color: #020e20;padding: 5px 17px;background: #ffe998;display: inline-block;border-radius: 10px;margin: 0;}

.podcast{background: url(../images/shiv-1.jpg) no-repeat; background-size: cover;  border-radius: 15px; transition:0.5s; text-align: center; padding: 15px 0; position: absolute; width: 90%;}
.podcast:hover{padding:50px 0;}
.book{background: url(../images/shiv-2.jpg) no-repeat; background-size: cover;  border-radius: 15px; transition:0.5s;     text-align: center; padding: 15px 0; position: absolute; width: 90%;}
.book:hover{padding:50px 0;}
/*why_us*/
.why_us{background: url(../images/why-bg.png) right bottom no-repeat; overflow: hidden; background-position-x: 150%; position: relative;}
.why_us .big-title{padding: 0 450px 0 0;}
.why_us_text{border: 1px solid #f4f4f4; padding: 25px; transition: 0.5s; background: #ffffffd9; }
.why_us_text:hover{background: #008e9b;     margin-top: -10px;}
.why_us_text:hover h4{color: #fff;}
.why_us_text:hover span{color: #fff;}
.why_us_text:hover ul li:before{background: #fff;}
.why_us_text:hover ul li p{color: #fff;}

.why_us_text ul{padding: 0; margin: 0;}
.why_us_text ul li{padding: 0; margin: 0; list-style-type: none; display: list-item; position: relative;}
.why_us_text ul li:before{content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background: #008e9b; transition: 0.5s;}
.why_us_text ul li p{line-height: 30px; padding: 0 0 0 20px; transition: 0.5s;}
.why_us_text h4{font-weight: 800; font-size: 24px;}
.why_us_text span{font-weight: 800; font-size: 53px; color: #008e9b;}

/*who_we*/
.who_we{background: #222D35 url(../images/meditation-img-1.png) right top no-repeat; position: relative; overflow: hidden;}
.who_we .big-title{padding: 0 420px 0 0; color: #fff; }
.who_we_text p{color: #fff; padding: 0 100px 0 0;}
.who_we_img {position: relative;}
.who_we_img img{width: 100%; max-width: 450px; position: absolute;  top: -200px;  right: 140px; opacity: 0.3; }
.who_we_text .contact_btn{margin: 20px 0 0 ;}

/*quick-counter*/
.counter-Txt { float: left;}
.counter-icon{text-align: right;}
.who_we_count {position: relative;  margin-top: -50px; } 
.who_we_count_text{padding: 20px; border: 1px solid #f4f4f4; background: #fff; transition: 0.5s;}
.who_we_count_text:hover{background: #008e9b; box-shadow: 0px 0px 50px 0px #00000085;} 
.who_we_count_text:hover p{color: #ffe998;}
.who_we_count_text:hover label{color: #ffe998;}
.who_we_count_text:hover .fa{color: #ffe998;}
.who_we_count_text:hover .counter-value{color: #ffe998;}
.who_we_count_text p{clear: both;}
.counter-value{font-size: 65px; font-weight: 700; color: #222d35;}
.counter-Txt label{font-size: 65px; font-weight: 700; color: #008e9b; margin: 0;}
.counter-icon .fa{font-size: 70px; color: #008e9b; margin: 0;}
.counter-icon label{font-size: 18px; font-weight: 600; color: #222d35; padding: 5px 10px 0 0px; display: block;}

/*our_services*/
.our_services .small-title_2{display: table; margin: 0 auto; }
.our_services .big-title{text-align: center; margin: 0 0 70px;}
.services_text{padding: 10px; border: 1px solid #f4f4f4; transition: 0.5s; overflow: hidden;}
.services_text:hover{background: #008e9b; box-shadow: 0px 0px 50px 0px #00000047; }
.services_text:hover img{transform: scale(1.05); }
.services_text:hover h3{color: #fff;}
.services_text:hover p{color: #fff;}
.services_text:hover a{color: #fff;}
.services_text:hover a:hover:before{color: #fff;}
.services_img{position: relative;}

.services_text img{width: 100%; position: relative; transition: 0.5s; min-height: 270px;}
.services_text h3{font-weight: 600; font-size: 18px;  margin: 15px 0 5px; letter-spacing: 0.5px;}
.services_text p{color: #737678;}
.services_text a{color: #008e9b; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin: 15px 0 0; display: inline-block; position: relative;}
.services_text a:before{content: '\f101'; position: absolute; right: -15px; top: -1px; color: #bfbfbf; font-family: fontawesome; font-weight: 100; transition: 0.5s;}
.services_text a:hover:before{right: -20px;}
.grow{ position: absolute; bottom: 4px; right: 4px;  background: #ffe998; padding: 10px; text-align: center; font-size: 40px;    margin: 0;
    line-height: 13px; color: #008e9b;}

/*testi*/
.testi{background: #222D35; overflow: hidden;}
.testi .big-title{color: #fff; margin: 10px 0;}
.testi_text_left p{color: #fff; font-weight: 300;}
.test-_text {border: 1px solid #008e9b42; position: relative; padding: 20px; margin: 30px 0 0;}
.test-_text:before{content: '\f10d'; position: absolute; left: 10px; top: -25px; font-family: fontawesome; color: #ffe998; font-size: 30px;}
.client-photo{float: left; width: 15%;}
.client-photo img{width: 100%; border-radius: 50%; margin: 30px 0 0;}
.test-_text .bx-viewport{height: auto !important;}
.client-name{width: 85%; float: right; padding: 50px 0 0 20px;}
.client-name h5{margin: 0;}
.client-name h5 p{color: #fff; font-size: 18px;}
.client-name span p{color: #ffffff78;}
.testi_text_right img{position: relative; transition: 0.5s; width: 100%;}
.testi_text_right img:hover{transform: scale(1.05) rotate(5deg);}
.testi_text_right{position: relative;}
.testi_text_right:before{position: absolute; content: ''; background: #008e9b; width: 46%;  height: 160%; right: -120px; top: -70px;}
.Benefits .testi_text_right:before{left:-120px;}
/*blog*/
.blog .big-title{margin: 0 0 20px;}
.blog .text-blg{text-align: center; padding: 0 190px; margin: 0 0 30px;}
.blog ul {padding: 0; margin: 0;}
.blog ul li{padding: 0 10px 0 0; margin: 20px 0 0 ; list-style-type: none; display: inline-block; color: #798289; font-weight: 600;
    font-size: 14px;}
.blog ul li .fa{color: #ffe998;}
.services_text:hover ul li{color: #fff;}
.blog .grow{color: #434a4a; font-size: 18px; font-weight: 500; bottom: 4px; text-transform: uppercase;}
.expolr-btn{text-align:center; margin:30px 0 0;}
.expolr-btn a{color:red;}
.expolr-btn a{background: #ffe998; position: relative; font-size: 16px; color: #000; padding: 10px 25px 10px 67px; display: inline-block;     text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; text-decoration: none; transition: 0.5s;}
.expolr-btn a:before{position: absolute; left: 20px; top: 22px; width: 35px; height: 1px; content: ''; background: #000; transition: 0.5s;}
.expolr-btn a:hover{background: white; box-shadow: 0px 0px 0px 3px #ffe998; color: #0056b3;}
.expolr-btn a:hover:before{background: #0056b3;}

.expolr-btn-left{text-align:left; margin:30px 0 0;}
.expolr-btn-left a{color:red;}
.expolr-btn-left a{background: #ffe998; position: relative; font-size: 16px; color: #000; padding: 10px 25px 10px 67px; display: inline-block;     text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; text-decoration: none; transition: 0.5s;}
.expolr-btn-left a:before{position: absolute; left: 20px; top: 22px; width: 35px; height: 1px; content: ''; background: #000; transition: 0.5s;}
.expolr-btn-left a:hover{background: white; box-shadow: 0px 0px 0px 3px #ffe998; color: #0056b3;}
.expolr-btn-left a:hover:before{background: #0056b3;}

/*client_logo*/
.client_logo{background: #FBFBFB; clear: both;}
.client_logo_text img{padding: 0 16px}

/*main-footer*/
.address_icon{float: left; font-size: 50px; padding: 10px;  background: #008e9b; line-height: 15px; width: 75px; text-align: center; margin: 0 15px 0 0; color: #fff; transition: 0.5s;}
.main-footer{background: url(../images/footer-bg.jpg) no-repeat fixed top; background-size: cover; position: relative;}
.main-footer:before{content: ''; position: absolute; width: 100%; height: 100%; background: #13171aeb; top: 0; left: 0;}
.address_text span{color: #a5a5a5; font-weight: 500;}
.address_text h3{color: #fff; font-weight: 600; font-size: 20px;letter-spacing: 0.5px;}
.address_text:hover .address_icon{background: #fff; color: #008e9b;}
.address_text_2nd h5{color: #fff; margin: 0 0 10px;}
.line2_address{margin: 60px 0 0; border-top: 1px solid white; padding: 60px 0 0;}
.address_text_2nd p{color: #bbbbbb; font-size: 14px;}
.address_text_2nd ul{padding: 0; margin: 0;}
.address_text_2nd ul li{padding: 0; margin: 0; list-style-type: none; display: list-item; position: relative;}
.address_text_2nd ul li:before{content: ''; position: absolute; left: 0; top: 10px; background: #ffe998; width: 10px; height: 10px;}
.address_text_2nd ul li a p:hover{color: #ffe998;}
.address_text_2nd ul li a p{padding: 0px 0 0 20px; line-height: 30px;}
.line2_address .col-md-4:nth-child(2) .address_text_2nd{padding: 0 3px 0px 20px;}
.mt25{margin: 25px 0 0;}
.copyright{ border-top: 1px solid #26292c; margin: 35px 0 0;}
.copyright p{color: #bbbbbb;font-size: 12px; text-align: center; margin: 25px 0 0;}



.round-shape-one {
    width: 20px;
    height: 20px;
    border: 3px solid #ffdc59;
     border-radius: 50%; 
    position: absolute;
    top: 40%;
    left: 66%;
    z-index: 99;
    animation: animationFramesOne 15s infinite linear;
    z-index: 5;
}

@-webkit-keyframes animationFramesOne {
    from {  -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to   {  -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}


.star3{display: inline-block; position: absolute; top: 80px; right: 430px;}
.star3 img{  animation: rotated3 10s infinite linear; width: 15px;}
@-webkit-keyframes rotated3 {
    from {  -webkit-transform: rotate(0deg) translateX(100px) rotate(0deg); }
    to   {  -webkit-transform: rotate(0deg) translateX(100px) rotate(-360deg); }
}


/*inner pages*/
.inner-header { background: url(../images/inner-bg.jpg) no-repeat top center; background-size: cover; position: relative;}
.inner-header:before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(to top, #2087cf78 , #5a0c56d9);
    top: 0; left: 0;}
.inner-header-text { padding: 70px 0; text-align: center;}
.inner-header-text h5{color: #fff; font-size: 45px; font-weight: 600;}
.inner-header-text span{color: #fff;}
.inner-header-text a{color: #fff;}
.inner-header-text a:hover{color: #ff6ffb;}
/*visionmision*/
.visionmision p{color: #fff;}
.visionmision .testi_text_right:before{background: #008e9b;}



/* Vertical Tabs */

.inner-services{padding: }
.tab {
  float: left;
  background-color: #fff;
  width: 100%;
}

.tab .fa{float: right; transition: 0.5s;}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 15px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #f9f9f9;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
    color: #ffe998;
}

.tab button:hover .fa{padding: 0 10px 0;}

/* Create an active/current "tab button" class */
.tab button.active {
      background-color: #ffe998; color: #8d7316; font-size: 18px; font-weight: 600; letter-spacing: 0.5px;}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px;
  width: 100%;
  border-left: none;
  display:none;
  margin: 0 0 30px;
}

.tabcontent.active { display:block; }
.tabcontent img{width: 100%;}

.tabs_bg{padding: 25px; background: #f9f9f9;}
.tabcontent h3{font-weight: 600;  font-size: 26px;  margin: 0 0 5px; letter-spacing: 0.5px; color: #836700;}
.download_bro{padding: 25px; background: #f9f9f9; margin: 20px 0 0;}
.download_bro a{background: #2d373f; display: block;  color: #fff; font-size: 18px; font-weight: 600; padding: 20px; transition: 0.5s;}
.download_bro a:hover{background: #ffe998; color: #8d7316;} 
.download_bro .fa{margin: 0 10px 0 0;}
.ser_right_img img{width: 100%; margin: 20px 0 0;}

/*inner-product*/
.inner-product img{width: 40%; float: right;  margin: 0 0px 0 30px;}

.inner-product ul { padding: 0;  margin: 0;}
.inner-product ul li { padding: 0; margin: 0; list-style-type: none;  display: list-item; position: relative;}
.inner-product ul li:before { content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px;background: #008e9b;
    transition: 0.5s;}
.inner-product ul li p { line-height: 30px; padding: 0 0 0 20px; transition: 0.5s;}
.inner-product h3{margin: 0; margin: 0 0 10px; color: #ffe998;}
.inner-product {margin: 0 0 30px;}

/*inner_contact*/
.inner_contact{}
.inner_contact_icon { font-size: 60px;  text-align: center; margin: 0 0 30px; line-height: 0; color: #008e9b; }
.inner_contact_text{border: 1px solid #ddd; padding: 30px; transition: 0.5s;}
.inner_contact_text:hover{box-shadow: 0px 0px 50px 0px #00000047;}
.inner_contact_address {text-align: center;}
.inner_contact_address p{text-align: center;}
.inner_contact_address h3 { font-weight: 600; font-size: 20px; letter-spacing: 0.5px;  margin: 0 0 10px;}
.inner_contact_icon .fa{width: 100%;}
/*contact_form*/
.contact_form{background: url(../images/footer-bg.jpg) no-repeat center;}
.enquiry_form { padding: 40px; background: #222d35 url(../images/dot-map.png) no-repeat top center;}
.enquiry_form h3{font-size: 38px; text-align: center; margin: 0 0 25px; font-weight: 600; color: #fff;}
.enquiry_form .form-control{padding: 25px 10px; font-weight: 500; border-radius: 0; color: #c1c1c1; background-color: #222d35bd;}
.enquiry_form .btn-primary{background: #ffe998; border: 0; border-radius: 0; padding: 15px 35px; font-size: 18px; font-weight: 500; color: #000;}
.enquiry_form .btn-primary:hover{background: #f5c824; color: #000;}
.enquiry_form .form-control:focus{border-color: #ffe998; box-shadow: none;}

/*blog_text*/
.blog_img img{width: 100%; position: relative;}
.blog_img {position: relative;}
.blog-date{position: absolute; bottom: -20px;  right: 34px;  background: #ffe998;  padding: 10px;  text-align: center; font-size: 24px; margin: 0; line-height: 22px; color: #000; font-weight: 600;}

.blog_text{margin: 0 0 30px;}
.blog_text p .fa{color: #008e9b; font-size: 20px; font-weight: 800;}
.blog_text h3{    font-size: 32px; margin: 10px 0; font-weight: 600;  border-bottom: 1px solid #e5e5e5; padding: 0 0 10px;}
.blog_text a {color: #008e9b; font-size: 16px;  font-weight: 600; letter-spacing: 0.5px; margin: 15px 0 0; display: inline-block;
    position: relative;}
 .blog_text a:before {content: '\f101'; position: absolute; right: -15px; top: -1px; color: #008e9b; font-family: fontawesome;
    font-weight: 100; transition: 0.5s;}
 .blog_text a:hover:before { right: -20px;} 

/*blog-right*/
.blog-right{padding: 25px; background: #f9f9f9;}
.blog-right h3{font-weight: 600; font-size: 27px; margin: 0 0 20px;}
.blog-right-img { width: 25%;  float: left;  margin: 0 18px 0 0;}
.blog-right-img img{width: 100%;}
.recent_post{border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.blog-right-img-text h5{font-size: 17px; color: #121519; font-weight: 600; margin:0;}
.blog-right-img-text h5:hover{font-size: 17px; color: #008e9b;}
.blog-right-img-text span{font-size: 16px; color: #008e9b; font-weight: 400;}
.blog_add_img img{width: 100%;}
.blog_text h4, h5, h6{ font-size: 24px; margin: 10px 0; font-weight: 600; }

.tabcontent .submennu{color: #484343; padding: 0px 0 10px 50px; line-height: 30px;}
.tabcontent .fa{color: #ddb520; font-size: 16px; margin: 0 5px 0 0;}
.tabcontent h4{line-height: 35px; font-size:18px;}


header{
     // set animation
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
}
        
header.sticky {
    position: fixed;           
    width: 100%;
    background: #fff;
    text-align: left;
    margin:  0;
    z-index: 500;
    box-shadow: 1px 1px 10px #0000003b;
}

#preloader { position: fixed;top: 0;left: 0; right: 0; bottom: 0; background-color: #222;
  /* change if the mask should have another color then white */
  z-index: +9999;
  /* makes sure it stays on top */
}

#status {
  width: 900px;
  height: 500px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
  /*margin: -100px 0 0 -100px;*/
  /* is width and height divided by two */
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;}
/*fiexdcss*/
.bx-wrapper{border: 0; margin-bottom: 0; box-shadow: none; background: none;}
.mnp{margin: 0; padding: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #ffffff36;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #ffe998;}
/*.bx-viewport{height: auto !important;}*/
/*top-btn-css*/
#back-to-top-btn { display: none;position: fixed;bottom: 20px;right: 35px;font-size: 26px; width: 50px;
  height: 50px; background-color:#ffe998;color: #333; cursor: pointer;outline: none; border-radius: 20%;
  transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-property: background-color, color; border: 1px solid white; z-index: 2;  }
#back-to-top-btn:hover {background-color: #008e9b;}

#back-to-top-btn img{margin: 0 auto; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%);}

/*new css*/
.Benefits .big-title i{color: #1db5c3; font-size: 18px;  display: block; font-weight: 500;}
.why p b{color: #ffe998; font-size: 18px; font-style: italic;}