@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
  font-family: 'Poppins', sans-serif;
}
*{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
      max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
      max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
      max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
      max-width: 1140px;
  }
}
@media (min-width: 1500px) {
  .container {
      max-width: 1400px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
/* .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
} */
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.justify-content-center{
  justify-content: center;
}
.text-center{
  text-align: center;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.h1, h1 {
    font-size: 2.5rem;
}
.h2, h2 {
    font-size: 2rem;
}
.h3, h3 {
    font-size: 1.75rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    font-weight: 300;
    color: #4a4949;
}
img{
  max-width: 100%;
  
}
.img img{
  width: 100%;
}
.text-justify{
  text-align: justify;
}
.banner {
  position: relative;
  top: 0;
  width: 100%;
  border-bottom: #fe9900 solid 3px;
}
.banner img{
  width: 100%;
}
.inner-banner {
  position: relative;
}
.dextop-none{
  display: none;
}
.banner-ine {
  position: absolute;
  bottom: -2px;
  z-index: 5;
  left: 0;
}
.display-4 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
p.banner-p {
  text-align: center;
  font-size: 57px;
  color: #fff;
}

.bTArht {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  pointer-events: none;
}

.bTArht svg {
  width: 100%;
  height: auto;
  display: block;
}

li.nav-item {
  padding: 10px 20px;
}

.banner-text {
  position: absolute;
  top: 45%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.h11 {
  border-top: #fff 2px solid;
  color: #ffffff;
  font-weight: 400;
  /* text-decoration: underline; */
  position: relative;
}

.h11::before {
  content: "";
  position: absolute;
  width: 44%;
  bottom: -5px;
  height: 2px;
  left: 0;
  background: #fff;
}

.h11::after {
  content: "";
  position: absolute;
  width: 44%;
  bottom: -5px;
  right: 0;
  height: 2px;
  background: #ffff;
  /* margin-top: 28px; */
}

.banner-star {
  font-size: 20px;
  position: absolute;
  bottom: -17px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fed300;
}

.black-over {
  background: rgb(3, 64, 95);
  background: -moz-linear-gradient(0deg, rgba(3, 64, 95, 0.5494572829131652) 0%, rgba(248, 220, 9, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(3, 64, 95, 0.5494572829131652) 0%, rgba(248, 220, 9, 0) 100%);
  background: linear-gradient(0deg, rgba(3, 64, 95, 0.5494572829131652) 0%, rgba(248, 220, 9, 0) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.main_title {
  text-align: center;
  margin-bottom: 30px;
}

.main_title .h22 {
  font-size: 57px;
  color: #fe9900;
  opacity: 0.1;
  margin: 0;
  line-height: 60px;
}

.main_title .h12 {
  color: #03405f;
  margin-top: -40px;
  font-weight: bold;
}
.mobileno {
  position: fixed;
  right: 10px;
  top: 20%;
  color: #fff;
  right: 0;
  padding: 10px 15px;
  font-size: 15px;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  z-index: 2;
  transition: all 0.3s;
  border-radius: 5px;
  background: rgb(25 25 25);
}
.pt-50{
  padding: 50px 0px 0px 0px; 
}
.pb-50{
  padding: 0px 0px 50px 0px; 
}
.ptb-50{
  padding: 50px 0px;
}
.bg-image{
  background-image: url(../images/background.jpg);
  padding: 10px;
  width: 100%;
  position: relative;
  height: auto;
}
.white{
  color: #fff;
}
.list-style li{
  position: relative;
  display: flex;
  text-align: justify;
  padding-left: 8px;
  line-height: 2;
  margin-bottom: 6px;
  border-bottom: 1px solid #7f7f7f;
    padding-bottom: 6px;
}
.list-style li::before{
  position: absolute;
  content: '';
  background: #000000;
  border: 2px solid #a9e80f;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  left: -11px;
  top: 12px;
}

/* specifications-item-wrap */
.specifications-item-wrap{
  display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    overflow: hidden;
    max-width: 1302px;
    margin: auto;  
}
.specifications-item{
  text-align: center;
    display: flex;
    justify-content: stretch;
    align-items: center;
    border: 2px solid #f3f0dc;
    padding-right: 7px;
    border-right: 0;
}
.specifications-item:last-child{
  border-right: 2px solid #f3f0dc;
}
.specifications-item .specifications-icon{
  margin-right: 7px;  
}
.specifications-item .specifications-icon img{
  max-width:80px
}
.specifications-item .specifications-text p{
margin: 0;
padding: 0;
}
.innerPage {
  padding-top: 60px;
}
.column{width:100%; float:left; padding-bottom:50px;}
.column .c1{width:49%; float:left; margin-right:1.4%; }
.column .c1 .upper{width:100%; float:left; position:relative}
.column .c1 .upper img{width:100%; display:block;}
.column .c1 .lower{width:100%; float:left; margin-top:20px}
.column .c1 .lower ul{}
.column .c1 .lower li{ width:48.4%; float:left; position:relative } 
.column .c1 .lower li img{width:100%; display:inline-block;}
.column .c1 .lower li:last-child{float:right; text-align:right; }


.column .c2{width:24.50%; float:left; margin-right:0.7%}
.column .c2 ul{width:100%; float:left;}
.column .c2 li{width:96.9%; float:left; margin-bottom:20px;  position:relative}
.column .c2 li img{width:100%; float:left;}
.column .c2 li:last-child{ margin-bottom:0;}

.column .c3{width:24.4%; float:left;}
.column .c3 ul{width:100%; float:left;}
.column .c3 li{width:96.8%; float:left; margin-bottom:15px;  position:relative}
.column .c3 li img{width:100%; display:inline-block;}
.column .c3 li:last-child{ margin-bottom:0;}
.real-image {
  position: absolute;
  left: 20px;
  bottom: 10px;
  font-size: 7px;
  color: #ffffff;
  font-family: 'MontserratRegular';
}
.clear{
  clear: both;
}
/* Location */

.bg-2{
background-color:#1b364c;
padding: 80px 0 80px 0;
}
.location-wrap{
  background-color: #f4f4f2;
  width: 100%;
}
.location-img{
  position: relative;
} 
.location-img img {
  position: absolute;
  left: 10%;
  top: -15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_title {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .main_title {
    margin-bottom: 40px;
  }

  .main_title .h22 {
    font-size: 60px;
  }
}


@media only screen and (min-width: 100px) and (max-width: 778px) {
  .mobile-none {
    display: none;
  }
  .dextop-none {
    display: block;
}
.display-4{
  font-size: 1.5rem;
}
.banner-text {
  position: absolute;
  top: 56%;
  left: 50%;
  width: 100%;
  text-align: center;
}
p.banner-p{
  font-size: 31px;
    margin-top: 12px;
}


.input100{
  width: 70% !important;
}
/* .button-call{
  width: 39% !important;
    height: 25px !important;
}
.button-brochure{
  width: 39% !important;
    height: 25px !important;
} */
.column .c3 li{
  margin-bottom: 10px;
}
.specifications-item .specifications-icon img {
  max-width: 90px;
}
.specifications-item-wrap{
  overflow-x: scroll;
  display: flex;
  width: 100%;
  justify-content: start;  
}
.specifications-item{
  white-space: nowrap;
  display: grid;
  align-items: stretch;
  height: 167px;
  width: 150px;
  margin: 5px;
  padding: 0px 10px;
  border-right:2px solid #f3f0dc
}
 
}
.max-h11{
  max-height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
/* Responsive */
@media only screen and (min-width: 1281px) and (max-width: 1480px) {
  .container {
    max-width: 97%;
}
  .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 46%;
    max-width: 50%;
}
.title-style{
  font-size: 1rem;
}
.specifications-item{
  display: flow-root;
  width: 180px;
}
.location-img img{
  left: 0px;
}
.display-4{
  font-size: 3.5rem;
}
}

@media only screen and (min-width: 1080px) and (max-width: 1280px) {
  .container {
    max-width: 97%;
}
  .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 46%;
    max-width: 50%;
}
.title-style{
  font-size: 1rem;
}
.content-box{
  max-height: 450px;
    overflow: hidden;
    overflow-y: scroll;
}
.specifications-item{
  display: flow-root;
  width: 180px;
}
.location-img img{
  left: 0px;
}
.display-4{
  font-size: 3.5rem;
}
}
@media only screen and (min-width: 779px) and (max-width: 1080px) {
  .container {
    max-width: 97%;
}
  .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 46%;
    max-width: 50%;
}
.title-style{
  font-size: 1rem;
}
.content-box{
  max-height: 336px;
    overflow: hidden;
    overflow-y: scroll;
}
.specifications-item{
  display: flow-root;
  width: 180px;
}
.location-img img{
  left: 0px;
}
.display-4{
  font-size: 3.5rem;
}
}


@media only screen and (min-width: 100px) and (max-width: 778px) {
  .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    -ms-flex: 0 0 85.666667%;
    flex: 0 0 85.666667%;
    max-width: 90.666667%;
  }
  .row.justify-content-center{
    justify-content: normal;
  }
  .column .c1 {
    width: 95%;
    margin: auto;
}
.column .c2 ul{
  margin-left: 5px;
}
.column .c2 {
  width: 47.50%;
  float: left;
  margin: auto;
}
.column .c3{
  width: 47.50%;
  float: left;
  margin: auto;
}
.location-img img {
  position: relative;
  left: 0;
  top: 0;
}
.list-style li{
  padding-right: 10px;
}
.title-style {
  font-size: 1.2rem;    
}
.list-style li{
  font-size: 0.8rem;
}
}





.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tab-button{
padding: 15px;
background: #1b364c;
color: #fff;
border-color: #e9e3d7;
border: 1px solid;
cursor: pointer;
}

.content {
  display: none;
  padding: 10px 20px;
}

.content.active {
  display: block;
}
.contentWrapper{
  background: #f8f8f8;
  padding: 10px;
  border: 1px solid #f8f8f8;
  box-shadow: 2px 3px 4px rgb(0 0 0 / 40%);
  margin-bottom: 30px;
}
.btn-style1{
  background: #1b364c;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #1b364c;
}
.btn-style2{
  padding: 10px;
  border-radius: 10px;
  color: #1b364c;
  text-decoration: none;
  border: 1px solid #1b364c !important;
}
.mr-15{
  margin-right: 15px;
}
.mt-10{
  margin-top: 35px;
}
.contentWrapper .content-box{
  text-align: left;
}
.content-image-style {
  position: relative;
}
.content-image-style .content-con-style{
  position: absolute;
    top: 0;
    content: '';
    left: 0;
    padding: 10px;
    border: 3px solid #f8f8f8;
    height: 87%;
    width: 90%;
    margin: 3%;
}
.content-con-style .title-style{
  color: #fff;
  position: absolute;
  bottom: 0;
}
/* .content-image-style img::before{
  border: 2px solid #fff;
  width: 96%;
  margin: 2%;
} */
.price-style{
  display: inline-block;     
  color: #000;
  font-weight: 600;  
}
.price-style span{
  display: block;
  background: #e4b404;
  padding: 5px 12px;
  border-radius: 5px;
  color: #000;
  font-weight: 600;
  font-size: 30px;
}
.list-style-group{

}
.list-style-group{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
}


.list-style-group .list-item {
  background: olive;
  padding: 10px;
  margin: 5px;
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgb(49 49 49 / 50%);
}
.list-style-group .list-item:nth-child(1){
  background: #ec8d35;
}
.list-style-group .list-item:nth-child(2){
  background: orange;
}
.list-style-group .list-item:nth-child(3){
  background: #fc6481;
}
.list-style-group .list-item:nth-child(4){
  background: #d36ec6;
}
.list-style-group .list-item:nth-child(5){
  background: #8f85da;
}
.list-style-group .list-item:nth-child(6){
  background: #38d997;
}
.list-style-group .list-item:nth-child(7){
  background: orange;
}
.list-style-group .list-item:nth-child(8){
  background: orange;
}


.text, .text1, .text2 , .text3, .text4 {
  display: inline;
}
.btn-read-more {
  background:none;
  color: red;
  position: relative;
  padding: 0px;
  margin: 0px;
}
.btn-read-more1, .btn-read-more {
  display: none;
}
.mt-25{
  margin-top: 25px;
}
.max-h2{
  max-height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 15px;
}

@media (max-width: 678px){ 
  .text, .text1, .text2 , .text3, .text4 {
    display: none;
}
.btn-read-more1, .btn-read-more {
  display: block;
}

}

.sub-menu-style ul{
list-style: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.sub-menu-style ul li{
  width: 30%;
  position: relative;
}
.sub-menu-style ul li a{
  display: block;
  padding: 10px;
  text-decoration: none;
  background: #f5c295;
  border: 0px solid #d6d3d3;
  color: #1b364c;
  border-right: 2px solid;
  margin: 10px 0;
  border-radius: 50px 0px 50px 0px;
  border-right-width: 7px;
  border-right-color: #1b364c;
  border-bottom-width: 7px;
  border-bottom-color: #1b364c;
  font-weight: 600;
  font-size: 16px;
}
.sub-menu-style ul li a img{
  max-width: 120px;
  position: absolute;
  top: -23px;
}

@media (max-width: 778px){ 
  .sub-menu-style ul{
    flex-wrap: wrap;
  }
  .sub-menu-style ul li {
    width: 100%;
}
}