body,html{font-size:15px; color:#808080; font-family:"Noto Sans", Sans-serif;margin: 0;padding:0; line-height: 1.5em;
height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
	line-height:1;
}
.container{width:90%; margin-left: auto;
  margin-right: auto;
}
h1,h2,h3,h4,h5,h6,h7,h8,h9{margin: 10px 0}
a {color:#000; text-decoration:none;}

img{width:100%;}
.round-border{border-radius: 20px;}
:root{Primary-color:#383838; secondry-color:#0DCDC2;}
.nm{margin:0 !importnat;}
.mr-90{margin-top: 90px; margin-bottom: 90px;}
.mr-60{margin-top: 60px; margin-bottom: 60px;}
.pd-60{padding-top:60px; padding-bottom: 60px;}
.pd-20{padding:0 30px !important;}
.header{height:70px;position: relative;}
.relative{position: relative;}
.overlay{background-color: transparent;
  background-image: linear-gradient(120deg, #03150E 10%, rgba(158, 167, 171, 0.15) 88%);
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
height: 100%;
  width: 100%;
  top: 0;
  left: 0;
position: absolute;
background-color: transparent;
background-image: linear-gradient(120deg, #000000 0%, #5A5A5A 100%);
opacity: 0.6;
mix-blend-mode: multiply;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.light{color:#808080 !important;;font-size: 15px;
  line-height: 1.5em;}
.title{color:#0DCDC2;font-size: 32px;font-weight: 600;text-transform: uppercase;margin-top:0px}
.title::after{content: "";
  display: block;
  width: 30%;
  padding-top: 30px;
  border-bottom: 4px solid #0dcdc2;
  transition: .5s;
  margin: auto;
margin-left: 0;
}
.logo{width:auto; height: 60px; padding-top:8px}
.navbar{display:flex;justify-content:center;align-items:center;color:#fff;float:right}

.navbar-links ul{margin:0;padding:0;display:flex}.navbar-links li{list-style:none;margin:0 5px}
.navbar-links li:hover{background-color:#0dcdc2}
.navbar-links li a{text-decoration:none;color:#000;padding:20px 10px;display:block}
.toggle-button{position:absolute;top:1rem;right:1rem;display:none;
	flex-direction:column;justify-content:space-between;width:28px;height:21px;margin-top:10px;}
@media (max-width:720px){.toggle-button{display:flex}.navbar{flex-direction:column;align-items:flex-start}
.navbar-links{display:none;width:100%}.navbar-links ul{width:100%;flex-direction:column;margin-top:10px}
.navbar-links li{text-align:center}.navbar-links li a{padding:.5rem 1rem}
.navbar-links.active{display:flex;background-color: #fff;z-index:100}}
.toggle-button .bar {height: 3px;width: 100%;background-color: #0dcdc2;border-radius: 10px;}

#main-nav{color:#000;float: right;}
#main-nav ul{display: inline-flex; list-style: none; text-align: right;}
#main-nav li{ margin: 5px 10px;}
#main-nav a:hover{color:#0dcdc2; border-bottom: 2px solid #0dcdc2;}
#main-nav a{color:#5e5e5e;padding-bottom: 10px; font-weight: 500; }
.contact{color:#fff !important; background-color:#0dcdc2; padding:10px 15px; letter-spacing: 2px; text-transform: uppercase;font-weight: 600 !important;}
.contact:hover{color:#fff; border-bottom:0 !important;}


.section-title{color: #0DCDC2; text-align: center; font-size:32px;margin-bottom: 30px;line-height:1.2}
.section-title h3{line-height: 1.2em;padding: 0; margin: 0; text-transform: capitalize;}
.section-title span{font-size: 15px;color:#fff; text-transform: uppercase;font-weight: 600;letter-spacing: 3px;}
.page-banner{background:url("https://underwaterholidays.in/images/slider-bg.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;padding: 90px 20px;position: relative;color: #fff;font-size: 18px;}
.page-banner .banner-price{background-color: #fff;padding: 10px 20px; font-size: 26px; font-weight: 700;color: #0DCDC2;display: initial;margin: 20px auto;}
.page-banner h1{font-size:80px; color:#fff; font-weight: 800; text-transform: uppercase; line-height: 1.2; margin: 20px;margin: 40px 0;}
.page-banner h1 span{font-size: 26px; display: block;font-weight: 500; text-transform: capitalize}
.page-banner .breadcrumb{font-size: 12px; font-weight: 400; color:#fff !important; margin-top:30px;}
.page-banner .breadcrumb a{color:#fff; font-weight: 400; margin-right: 15px;}


.features-section{ margin-top: -60px; position: relative;}
.features{display: grid; grid-template-columns:1fr 1fr 1fr 1fr; text-align:center; }
.single-feature{border-style: solid;
  border-width: 0px 0px 8px 0px;
  border-color: #0DCDC2;
  box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.3);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 20px 20px 20px 20px;
  padding: 25px 25px 25px 25px;
border-radius:10px 10px 10px 10px;
background: #fff;
font-size: 15px;
color: #808080;
font-weight: 300;
min-width:200px;
}
.single-feature h3{font-size:18px; text-transform: uppercase; font-weight: 800;color: #383838;}
.feature-icon{width: 90px; margin: auto;}

.set-bg{
background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
display: block;
}


.featured-places{display: grid; grid-template-columns: 2fr 1fr;}
.featured-places2{display: grid; grid-template-columns: 1fr 1fr 1fr;}
.single-place{margin: 20px; border-radius: 20px; padding:90px 60px;background-size: cover;background-repeat: no-repeat; position:relative;}
.single-place h3{color:#fff;}
.single-place span{font-size:12px;}
.single-place img{display: inline-block; max-width: 100%; height: auto; position:relative;}
.place-data{position: relative; top:90px; margin-bottom: 40px;  padding: 20px 0;text-shadow: 2px 1px #00000075;}
.place-data h3{margin: 0; font-size: 34px; text-transform: uppercase;font-weight: 800;line-height: .8;}
.place-data span{letter-spacing: 3px;border-bottom: 2px solid #0dcdc2;}

.single-trip{border-radius: 15px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 30px auto;
box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
.trip-image{min-height:300px; overflow: hidden;border-radius:10px 0 0 10px; width: 100%; }
.trip-detail{padding:20px 30px;}
.trip-detail a{color:#808080}
.trip-detail h2{font-weight: 800;
  text-transform: uppercase;
  line-height: 1.2em;
margin-bottom: 5px;}
.trip-detail .time{margin: 0; padding: 0;}
.trip-detail .time span{color:#2dcdc0;}
.trip-detail .places{font-size: 15px;
  font-weight: 600;
  line-height: 0em;}
.trip-detail p{color:#808080; font-size:15px; line-height: 1.5em;font-weight: 300;}
.trip-icons{display: flex;justify-content:space-between; margin: 0; text-align: left;padding: 0;}
.trip-icons li{display:inline-flex; flex-direction: column; text-align: center;}
.trip-icons span{color:#0DCDC2; font-size: 28px}
.trip-price{text-align: center;border-style: solid;
  border-width: 0px 0px 0px 2px;
  border-color: #E5E5E5;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 40px 0px 40px 0px;
  padding: 0px 0px 0px 0px;}
.trip-price span{font-size: 15px; color:#808080; text-transform: capitalize;}
.trip-price h4{color: #0DCDC2;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0; 
font-weight:800;}
.trip-links{display: flex; justify-content: space-evenly; list-style: none; margin: 30px 0 0; padding:0; text-align: center;}
.trip-links li{display: inline-flex;flex-direction: column; }
.trip-links span{font-size: 22px;}
.trip-links a{font-size: 15px;}

.cta-call{padding: 80px; border-radius:20px; color:#fff; text-transform: uppercase; letter-spacing: 2px}
.cta{color: #0DCDC2;
  font-size: 52px;
  font-weight: 700;
  text-transform: uppercase;
letter-spacing: 2px}
.cta-link{background: #0dcdc2; color: #fff; border-radius: 5px; padding: 10px 20px;text-align: center;margin: 20px 10px; display:block;}
.cta-link a{color:#fff; font-weight: 600}

.service-icons{text-align: center;padding: 30px 10px; border-bottom:6px solid #828282; border-radius:10px;margin: 10px;}
.service-icons span{color:#0DCDC2; font-size: 60px}
.service-icons h5{font-size: 20px; margin: 10px 0; font-weight: 600; color:#2dcdc0;}
.service-icons p{padding: 10px 15px}


.tour-features .single-feature{padding: 20px 15px;margin: 10px;}
.tour-features span{color:#0dcdc2; font-size: 34px}
.tour-features p{text-transform: lowercase;}
.itinerary{font-size: 14px;	line-height: 1.5;}
.itinerary h3{background-color: #eee;padding: 10px; font-weight: 400;margin: 20px 0;}
.itinerary strong{color: #0dcdc2; font-weight: 500;}
.itinerary li{line-height: 1;
  font-size: 14px;
	margin-bottom: 10px;}
.main-form{padding: 60px 20px; background: #eee}
.main-form .form-left{padding:0px 30px;}
.main-form .form-left h2{font-size:32px;margin:0; padding: 0; color:#2dcdc0; text-transform: uppercase;margin-bottom: 30px;}
.form-left p{line-height: 1.6em; font-size: 15px; }
.form-left ul{margin: 0; padding: 20;}
.form-left li{line-height: 1.5; font-size: 18px; font-weight: 300; border-bottom: 1px solid #2dcdc0; margin-bottom: 15px;list-style: disclosure-closed; text-transform: capitalize;}
.form-group{padding: text-align: center; margin: auto;}
.form-control{height:45px; border-radius: 0; background-color:#f5f6f6; border:1px solid #fff; margin:5px 0px;font-size: 15px;display: block;width: 100%;padding: 0 5px;}
.form-group .btn{padding:15px 20px; margin:20px auto; display: block; text-align: center; background-color: #2dcdc0; border:0; border-radius: 10px; width: 50%; color: #fff; font-weight: 800;}
.form-group .btn:hover{background-color: #eee; color:#2dcdc0}
.footer{background-color: #F5F5F5;font-size: 15px;font-weight: 300;}
.footer h5{color:#0DCDC2;font-size: 20px; font-weight: 700; line-height: 1.3em; text-transform: uppercase; letter-spacing: 2px; margin:20px 0 20px;  }
.footer ul{margin: 0; padding: 0; list-style: none;}
.footer li{line-height: 2em;}
.footer span{margin-right: 10px; }

.footer-credits{text-align: center; padding:20px; background-color: #0dcdc3; color:#eee;}
.footer-credits a{color:#eee;}

.social a{font-size: 12px; margin-right:20px; }

/** Rows Coulumns **/

.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.nm{margin:auto 0!important}.fl-right{float:right!important}.col-1,.col-10,.col-11,.col-12,.col-12-sm,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}

/**** Responsive Styles **/
@media only screen and (min-width:33.75em){.container{width:80%}}
@media screen and (min-width:720px){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}
@media only screen and (min-width:960px){.container{width:90%}}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.features{grid-template-columns: 1fr;}
	.featured-places{grid-template-columns: 1fr; } 
	.featured-places2{grid-template-columns: 1fr;}
	.single-place{padding:90px 10px; margin:10px;}
	.page-banner h1{font-size: 12vw}
  .page-banner h1 span{font-size:16px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.features{grid-template-columns: 1fr 1fr;}
	.featured-places{grid-template-columns: 1fr 1fr;}
	.featured-places2{grid-template-columns: 1fr 1fr;}
	.single-place{padding:90px 10px; margin:10px;}
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 720px) {
	.trip-image{border-radius: 15px;}
	.nm{margin:.5rem 2% !important;}
	.trip-price{border-width: 2px 0px 0px 0px; margin: 0px 0px 40px 0px;
  padding: 20px 0px 0px 0px;}
	.cta-call{padding:30px;}
	
	
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 720px) {
	.featured-places{grid-template-columns: 1fr 1fr;}
	.featured-places2{grid-template-columns: 1fr 1fr;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.features{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.featured-places{grid-template-columns: 2fr 1fr;}
	.featured-places2{grid-template-columns: 1fr 1fr 1fr;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}