/** Brand colors **/
.text-primary{color:#03A9B8!important;}
.bg-primary{background-color:#03A9B8;}

html {    scroll-behavior: smooth;  }
body{font-family: 'Source Sans Pro', sans-serif;}
img{max-width: 100%;}

a{text-decoration: none;}
.top-header{background-color:#03A9B8;}
.top-header .top-logo{font-size:32px;font-family: 'Source Sans Pro', sans-serif; font-weight:bold;color:white;padding: 4px 5px;}
.top-header-logo{ padding:25px 0; display: flex; justify-content: space-between; color: #fff; align-items: center;}
.top-header-logo h4{ font-weight: 700; max-width: 300px; margin-bottom: 0;}
.counter-timer{ margin-bottom: 0; font-size: 27px; font-weight: 700; text-align: center; display: flex; justify-content: center; align-items: center;}
.counter-timer p{margin-bottom: 0; font-size: 2.5rem; line-height: 1;}
.counter-timer .count{padding: 0 15px; line-height: 20px;}
.counter-timer .count span{ font-size: 23px; font-weight: 600;}
.counter-timer #demo{display: none;}

.logo-row img{width:224px;margin:5px 0px;}
.disc-list{background-color:#03A9B8;}
.list-row a{color: white! important; font-size: 20px; font-weight: 600;position: relative;}
.list-row .navbar-nav{ width: 100%; justify-content: center;}
.list-row .navbar-nav .nav-link{position: relative; padding: 0.5rem 3rem;}
.list-row .navbar-nav .nav-link:after{content: ""; display: block; height: calc(100% - 16px); width: 1px; background: white; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.list-row .navbar-nav .nav-link:first-child{padding-left:0;}
.list-row .navbar-nav .nav-link:last-child{padding-right:0;}
.list-row .navbar-nav .nav-link:last-child:after{display: none;}
.logo-row .col-lg-4{text-align: center;}
.second-pro-text{font-size: 2.4rem; line-height: 45px;    font-weight: 700;}
.text-red{color:#DD8484;}
.text-danger{color:#CC370A;}
.price{font-size: 24px;    font-weight: 700;}
.product-content{font-size:20px;}
.text-strong{font-size:24px; font-weight: 700;}
.text-green{font-size:21px; font-weight: 400;color:#77A464;}
.cont-para{font-size: 20px; font-weight: 400;color:black;}
.colr-box{width: 29px; height: 31px; background-color: #0092BC;}
.colr-box:hover{border:2px solid black;}
.part-img img{opacity:0.8;}
.part-img img:hover{opacity: 1;}
.first-img{overflow: auto;}
.first-img img{width: 100%;  transition: width 0.25s ease;}
.first-img img:hover {  width: 3000px;    height: 540px;}
.text-grey{color:#787D78;}
.cont-para label{margin-bottom:0px;}
.right-panel{text-align:end;}
.text-price{font-size:32px; font-weight: 700;}
.prouct-price p{margin-bottom:0;}
.number-list input{text-align: center;}
.btn-warning{background-color: #E2A15F !important; color:white;font-size:24px;font-weight:700;border: 0px; border-radius: 21px;   padding: 5px 20px;margin:5px;}
.btn-warning:hover{background: #4c4747 !important;   color: #ffffff !important;}
.modal-dialog { max-width: 100%;margin:0;background-color: transparent;}
.modal-content { background-color: transparent;width: 100%;   height: 100%;}
.close {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: white;text-shadow: 0 1px 0 #fff; opacity: 1;}
.d-block{width:auto;}
.modal-header {border-bottom:0px;}
.modal-dialog { width: 100%;  height: 100%;}
.star img{width: 30%;}
.list-three img{width: 30px;    margin: 1rem;}
.distance{background-color: #EEEEEE;padding-bottom: 15px;    padding-top: 15px;}
.capacity{padding-bottom: 15px;    padding-top: 15px;}
.view-detail{text-align: center;}
.view-detail .fas{background-color: white;    color: #03A9B8;}
.view-detail a{color: #03A9B8;}
.view-more{font-size: 14px; font-weight: bolder;}
.enquire .btn-warning{font-size: 20px;  font-weight: 700; background-color: #E2A15F;  border-style: solid; border-width: 2px 2px 2px 2px;
    border-color: #E2A15F !important;  border-radius: 25px 25px 25px 25px;  padding: 15px 55px 18px 55px;  color: #fff;}
.enquire .btn-warning:hover{ background-color: #CB9055 !important;    border-color: #CB9055; text-decoration: none;}
.btn-secondary{font-size: 18px; font-weight: 700;  letter-spacing: 0.3px;  background-color: #00ABBC; border-radius: 25px 25px 25px 25px;
    padding: 16px 16px 16px 16px;}
.btn-secondary:hover{background-color: #00ABBC;color: white;text-decoration: none;}
.intro{background-color: #00ABBC;}
.intro-heading{text-align: center;  color: #FFFFFF;  font-size: 30px;   text-transform: capitalize;}
.discover{font-size: 1.8rem;font-weight: bolder;}
.tickbox .fas{color:#03A9B8;}
.feature-cont{display: flex;    flex-direction: column;    justify-content: center;    height: 100%;}
.opt-border{width: 100%;border: 1px solid #03A9B8;}
.specifications{background-color: #F8F8F8;}
.spec-box{background-color: white;border-radius: 10px;line-height: 1.5rem;    height: 100%;    padding: 15px 0px;}
.spec-heading{font-size: 24px;font-weight: 700;text-align: center;}
.spec-border{width: auto;border: 0.8px solid #03A9B8; text-align: center;}
.spec-section {padding: 80px 0px 153px 0px;}
.product-video{background-color: #F8F8F8;}
.arrow{width: 25px;    margin: 0px 7px;opacity: 1;}
.product-video .nav-item a{ cursor: pointer; color:#03A9B8;font-size: 20px; font-weight: 400;border-bottom: 1px solid #b3abab;}
.product-video .nav-link.active.show{color: #E2A15F;background-color: transparent!important;}
.product-video .nav-link.active.show .arrow{opacity: 1; color: #E2A15F;}
.product-video .nav-link.active{background-color: transparent;}
.product-video .nav-item a:hover{background-color: transparent;  color: #E2A15F;}
.pro-video{background-color: #F0EDED;border-left: 1px solid #b3abab;height: 100%;}
.product-video .nav-link.active {    color: #E2A15F;background-color: transparent!important;}
.product{border-bottom: 1px solid #b3abab; margin-bottom:2.5rem;padding-bottom:2.5rem;}
.faq{background-color: #03A9B8;}
.faq-section .btn-link { font-weight: 400;  color: white;  background-color: transparent;    text-decoration: none;}
.faq-section .card{background-color: #03A9B8;border:0px solid white;}
.faq-section .card-header {padding:0; background-color: transparent;border-bottom: 1px solid white;}
.text-yellow {    color: #F2ED79 !important;}
.review-heading{    font-weight: 400;line-height: 45px;font-size: 1.825rem;margin-bottom: 0.7em;text-align: center;}
.review-btn{    text-align: right;}
.review-btn .btn-primary{font-size: 20px; font-weight: 700;  color: #00A6BC !important;  background: transparent !important;
    border-style: solid;  border-width: 2px 2px 2px 2px; border-color: #00A6BC; border-radius: 25px 25px 25px 25px;
    margin-bottom: 0 !important;  padding: 8px 50px 9px 50px;}
.review-section .card{border:0px solid white;width: 60%;}
.review-section .card .form-group {  margin-bottom: 1rem;  display: flex;  }
.review-section .card .form-group .label {     width: 150px;font-size: 20px;}
.review-section .card .form-control { display: block; width: 50%; padding: 1.5rem 0.75rem; font-size: 1rem;
    line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;
    border-radius: 0.25rem;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    text-align: left;}
.review-section .card .form-control2 { display: block; width: 100%; padding: 1.5rem 0.75rem; font-size: 1rem;
    line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;
    border-radius: 0.25rem;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    text-align: left;}
.star-r{width:100px;}
.result-star{border-bottom: 1px solid white;}
.preview{display: flex;align-items: center;}
.blockquote img{width:36px;}
.stories{background-color: #03A9B8;}
.story-first{background-color: white; border-radius:15px;}
.btn-light{color: #00A6BC;    background-color: #FFFFFF;    border-color: #FFFFFF;font-size: 20px;
    font-weight: 700;    border-radius: 25px 25px 25px 25px;   padding: 12px 56px 14px 56px;}
.top-arrow .fas{color:white;}
.happy-customer{background-color: #F5F6F7;}
.first-footer .logo-img{    width: 224px;  margin: 5px 0px;}
.footer{background-color: black; border-top:6px solid #00ABBC;color:white;}
.footer-text{font-size: 18px;   line-height: 25px;}
.footer-r{width:50%;}
.location{list-style: none;padding:0;line-height: 30px;}
.stripe-img{width:60%;text-align: center;}
.footer-section{border-bottom: 1px solid #b3abab;}
.footer-end{display: flex;    justify-content: space-between;}
.icon-logo{display: flex;}
.icon-logo .fab{background-color: white;   color: black;  padding: 9px;  border-radius: 39px; margin: 0px 8px;}
.custm-cont img{width:auto;}
.faq-section .btn{white-space: unset; text-align: left;}
.modal-dialog{width:100%;}
.number-list a{text-decoration: none;}
/* star css*/

.rate { float: left; height: 46px; padding: 0 0px;}
.rate:not(:checked) > input { position:absolute; top:0; opacity: 0;}
.rate:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:30px; color:#ccc;}
.rate:not(:checked) > label:before { content: '★ ';}
.rate > input:checked ~ label { color: #ffc700;    }
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label { color:  #ff6600 ;  }
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label { color: #c59b08;}

.video-panel {position: relative; padding-top: 57%;}
.video-panel iframe{position:absolute; left:0; top: 0; height: 100%; width: 100%;}

.intro-video {position: relative; padding-top: 57%;}
.intro-video iframe{position:absolute; left:0; top: 0; height: 100%; width: 100%;}

.video-frame {position: relative; padding-top: 48%; width: 85%; margin: auto;}
.video-frame iframe{position:absolute; left:0; top: 0; height: 100%; width: 100%;}

#carouselExampleControls{ height: 90vh; display: flex; align-items: center;}
#carouselExampleControls .carousel-item img{margin:auto;}
.modal{background: rgba(0,0,0,0.4);}

#pills-tab{display: flex; flex-wrap: wrap;}
#pills-tab li{width: 25%; padding: 10px;}
#pills-tab li .nav-link{padding: 0 !important; background: none !important; opacity: 0.5;}
#pills-tab li .nav-link.active {opacity: 1;}
#pills-tabContent img{width: 100%;}

/** Responsive **/

@media(min-width: 1025px) and (max-width: 1199px){
    .list-row .navbar-nav .nav-link{ padding: 0.5rem 2rem;}
}

@media(min-width: 992px) and (max-width: 1024px){
    .list-row .navbar-nav .nav-link{ padding: 0.5rem 2rem;}
    
}

@media(min-width: 768px) and (max-width: 991px){
    .list-row .navbar{justify-content: flex-start;}
    .list-row .navbar .navbar-toggler{background: white;}
    .list-row .navbar-nav .nav-link{ padding: 0.5rem 1rem !important; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2);}
    .list-row .navbar-nav .nav-link:after{display: none;}
    .spec-section{padding: 60px 0;}
}

@media(max-width: 767px){
    .list-row .navbar{justify-content: flex-start;}
    .list-row .navbar .navbar-toggler{background: white;}
    .list-row .navbar-nav .nav-link{ padding: 0.5rem 1rem !important; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2);}
    .list-row .navbar-nav .nav-link:after{display: none;}
    .spec-section{padding: 40px 0;}
}


@media (max-width:991px){
		.navbar{display:flex;justify-content: center;}
        .footer img{width:50%;}
        .list-row a:after{display: none;}
        .list-row .navbar-nav {text-align: center;}
        iframe{width:100%;}
}

@media(max-width:768px){
    .review-section .card {width:100%;}


}