/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');



html, body {
    height: 100%; font-family: "Rubik", sans-serif; font-size: 18px;  line-height: 30px; color:#000; 
}

body {
    margin:0; padding:0;
}

a {
    color: #666;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover {
    color: #000; text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    color:#465858; margin:0 0 20px;
}


h1 {font-size:48px; line-height:60px;}
h2 {font-size:40px; line-height:40px;}
h3 {font-size:30px; line-height:30px;}


p {
    margin-bottom: 20px;
    font-family: 'Rubik', sans-serif;
	font-size: 18px;
    line-height: 30px;
	color:#000;
}


section {
    padding: 100px 0; background-color: #fff;
}


.logo {width: 200px; position: absolute; top: 50px; z-index: 1;}
.bannershape {position: absolute; bottom: -1px;}
.formdiv {width:75%; background-color: rgba(255,255,255,.8); padding: 30px; border-radius: 30px; position: absolute; left: 50%; transform: translateX(-50%); top: 200px; z-index: 1;}
.formdiv .form1 h1 {margin-bottom: 10px;}
.formdiv .input-mob {background-color: #00c6a8; color: #fff!important; border-radius: 10px;}
.formdiv .form-btn {width: auto; background: url(../images/arrow.png) no-repeat; padding:0 20px; border:none!important; cursor:pointer; text-transform:uppercase; position: absolute; right: 10px; top: 15px; transition: 0.3s ease-in-out;}

.hero {position:relative; padding:0;}
.subhead {font-size: 22px; color:#465858;}
.vh-100 {height: 100vh; overflow-y: hidden;}

.stickybtn {position: relative; display: inline-block;}
.stickybtn a {background-color: #00c6a8; padding: 15px 20px; border-radius: 10px; color: #fff; z-index: 1; display: inline-block;}
.stickybtn a img {margin-left: 10px; width: 20px;}
.stickybtn a:after {content: ''; width: 50px; height: 80px; border: solid 2px #00c6a8; border-right: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: absolute; left: -10px; top:-10px; transition: all .5s; display: inline-block;}
.stickybtn a:hover {background-color: #e23438;}
.stickybtn a:hover:after {border: solid 2px #e23438; border-right: none;}

.stickybtn1 {position: relative; display: inline-block;}
.stickybtn1 a {background-color: #00c6a8; padding: 15px 20px; border-radius: 10px; color: #fff; z-index: 1; display: inline-block;}
.stickybtn1 a img {margin-left: 10px; width: 20px;}
.stickybtn1 a:after {content: ''; width: 50px; height: 80px; border: solid 2px #00c6a8; border-right: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: absolute; left: -10px; top:-10px; transition: all .5s; display: inline-block;}
.stickybtn1 a:hover {background-color: #e23438;}
.stickybtn1 a:hover:after {border: solid 2px #e23438; border-right: none;}

.stickybtn2 {position: fixed; z-index: 1; bottom: 20px; left: 20px; display: inline-block;}
.stickybtn2 a {background-color: #00c6a8; padding: 15px 20px; border-radius: 10px; color: #fff; z-index: 1; display: inline-block;}
.stickybtn2 a img {margin-left: 10px; width: 20px;}
.stickybtn2 a:after {content: ''; width: 50px; height: 80px; border: solid 2px #00c6a8; border-right: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: absolute; left: -10px; top:-10px; transition: all .5s; display: inline-block;}
.stickybtn2 a:hover {background-color: #e23438;}
.stickybtn2 a:hover:after {border: solid 2px #e23438; border-right: none;}


.ctabtn a {background-color: #00c6a8; padding: 12px 40px; font-size: 30px; font-weight: 500; border-radius: 10px; color: #fff;  transition: all .5s; display: inline-block;}
.ctabtn a:hover {background-color: #e23438;}

.gcard {padding-top: 0;}
.why {overflow: hidden; background: url(../images/bg-whyniyo.jpeg) no-repeat top 200px center; background-size: 100%;}
.why .owl-carousel .owl-stage-outer {overflow: visible!important;}
.why .owl-carousel {margin-top: 100px; z-index: 0!important;}
.why .owl-carousel img {width: 80px!important;}
.whydiv {width: 100%; height: 400px; background-color: #fbffe8; border: solid 2px #b3bd8c; padding: 20px; border-radius: 30px; display: inline-block;}
.whyhead {width:100%; padding: 10px 0; border-bottom: solid 2px #b3bd8c; margin-bottom: 10px; display: inline-block;}
.testimonial {background: url(../images/bg-testimonial.png) no-repeat; background-size: 100%;}
.testimonial h1 {margin-top: 100px;}
.imgcircle {border-radius: 50%;}
.testimonial .owl-carousel {z-index: 0!important;}

/*.feat {position: relative; width: 100%!important; height: auto!important; margin: 20px 0; text-align: center!important; top: auto!important; bottom: auto!important;}*/
.feat-0 .pointer, .feat-17 .pointer, .feat-23 .pointer {width: 70%!important; margin-top: 20px!important;}
.feat-4 .pointer {width: 100%!important; margin-left: 20%!important; margin-top: 20px!important; float: left!important;}
.feat-9 .pointer {width: 100%!important; margin-left: 20%!important; margin-top: auto!importaat; margin-bottom: 20px!important; float: left!important;}
.feat-13 .pointer {width: 70%!important; margin-left: 20%!important; margin-top: auto!importaat; margin-bottom: 20px!important; float: left!important;}
.feat-17 {width: 230px!important;}
.feat-17 .pointer {width: 100%!important; margin-left: 20%!important; margin-top: auto!importaat; margin-bottom: 20px!important; float: left!important;}
.feat-23 .pointer {width: 70%!important; margin-left: 20%!important; margin-top: auto!importaat; margin-bottom: 20px!important; float: left!important;}
.feat p {font-size: 22px;  color:#465858;}
.spinner-wrap .spritespin-instance {max-width: 100%!important;}

.stat {background: rgb(217,222,197); background: linear-gradient(180deg, rgba(217,222,197,1) 0%, rgba(255,255,255,1) 100%); position: relative;}
.statline {width: 100%; position: absolute; z-index: 0; left: 0; top: 0; display: inline-block;}
/*.stat:before {content: ''; width: 100%; height: 300px; background: url(../images/bg-stat.png) no-repeat; background-size: 100%; position: absolute; top: 0; display: inline-block;}*/
.stat h2, .stat h3 {text-align: center; }
.stat h3 {font-weight: 400;}

.hide {display: none;}
.show {display: block;}


.knowmore, .knowmore1 {position: relative; z-index: 1;}
.knowmore a {color:#fff; position:relative; background:url(../images/arrow.png) no-repeat center right 20px; border-radius:50px; padding:5px 60px 5px 0; overflow:hidden; display:inline-block;}
.knowmore a:hover {padding:5px 60px 5px 20px; }
.knowmore a:after {content:''; width:50%; height:100%; background-color:#ff6600;  position:absolute; top:0; left:-50%; transition:0.5s; z-index:-1; display:inline-block;}
.knowmore a:hover:after {width:100%; left:0;}



.li ul {margin: 0 0 0 40px; padding: 0;}
.li li {list-style: none; color: #666; margin-bottom: 20px;}
.li li:before {content: '\f054'; font-family:'FontAwesome'; font-size: 12px; position: absolute; left: 20px; display: inline-block;}


footer {width:100%; background-color:#b3bd8c; padding:20px 0; color: #fff; display:inline-block;}

.left {text-align:left;}
.right {text-align:right;}

.input-group {margin-bottom: 10px;}
input, textarea, select {width:100%; background-color:#fff; padding:15px 20px; font-size: 18px; border:solid 1px #b3bd8c!important; border-radius:10px; color:#b3bd8c!important; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select {position: relative;}
.select:after {content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; position: absolute; right: 15px; top: 10px; display: inline-block;}
input[type="submit"] {background:url(../images/arrow.png) no-repeat top 10px right 10px #b3bd8c; padding:10px 30px; color:#fff!important; border:none; cursor:pointer; text-transform:uppercase; text-align: left; transition: 0.3s ease-in-out;}
.formdiv button {background-color: transparent; border: none; color:  #b3bd8c; position: absolute; z-index: 3; top: 5px; right: 5px; cursor: pointer;}

label {font-size:15px; color: #999; margin-bottom: 0;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1; color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1; color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1; color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1; color: #fff;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:.8; color: #b3bd8c;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  opacity:.8; color: #b3bd8c;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  opacity:.8; color: #b3bd8c;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  opacity:.8; color: #b3bd8c;
}

.fa::before {font-size:13px;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background-color: transparent!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #b3bd8c!important;}
.owl-theme .owl-dots .owl-dot span {margin: 0!important;}