*{padding:0px; margin:0px;}
body{font-family: 'Arvil Sans'}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.pad-top-25{ padding-top:25px;}
.border-0{border:0px!important;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}

.visi-desk{display:block!important;}
.visi-mob{display:none!important;}
/*===============================================*/
.bg-light {background-color:#FFF!important;}

.logo-container{/*width:56vw;*/}
.logo-2{height: 73px;}
.logo{height: 73px;}
.logo-txt{font-size: 20px;line-height: 16px;color:#4d4e4e; text-transform: uppercase;padding-left: 9px; font-weight: bold;font-style: normal;}
.banner-section{padding:0px; margin-top:99px;}

.section{padding-top:3rem;padding-bottom:3rem;}

.section-title h1{font-size:35px; font-weight:500; color:#000; text-align:Center;margin-top: -32px; margin-bottom: 25px;}

.section-title-2 h1{font-size:35px; font-weight:500; color:#000; text-align:Center;}

.carousel-indicators [data-bs-target] {flex: 0 1 auto; width: 10px; height: 10px; padding:0; margin-right: 3px; margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;
	transition: opacity 0.6s ease;  border-radius: 90px;border-top: 0px solid transparent;  border-bottom: 0px solid transparent;}

/*=====================================*/
.box-bg{background:url(../images/border-box.png); padding:6rem 2rem; background-size:contain;color:#FFF; text-align: left;background-repeat:no-repeat;background-position: right center;margin-top: -79px;}
.box-bg p{font-size:18px; color:#434343; padding-top: 11px; text-align:center; font-family: "Roboto", serif;font-weight: 300; font-style: normal;}
.about-banner-section{padding-top:0px; padding-bottom:3rem;}
.section-b-container{margin-top:-18px;}
.section-b{background:#eff0f0;padding-top:3rem;padding-bottom:0rem;}
.section-b h2{font-size:65px; color:#000; font-family: 'Arvil Sans'; font-weight: normal; font-style: normal; letter-spacing: 3px;}
.section-b p{font-size:18px; color:#434343;text-align:center; font-family: "Roboto", serif;font-weight: 300; font-style: normal;}

.form-title{text-align:center!important;}
.form-title h2{font-size:50px; color:#000;  font-family: 'Arvil Sans'; font-weight: normal; font-style: normal; letter-spacing: 3px;}
.form-title h3{ font-size:24px; color:#000;font-family: "Roboto", serif;font-weight: 400;font-style: normal;}
.form-title h4{ font-size:25px; color:#000;font-family: "Roboto", serif;font-weight: 600;font-style: normal;}

.border-form{border: 1px solid #000;padding-bottom: 0px!important;}
.lable-text{font-size:18px; color:#000;font-family: "Roboto", serif;font-weight: 400;font-style: normal;margin-bottom: 5px;}
.form-group{text-align:left;}
.form-control {background:#FFF;font-size:18px;    font-family: "Roboto", serif; border: 1px solid #aaaaaa;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.btn-dark {color: #fff;background-color: #42c1ee; border-color: #42c1ee;}
.tnc{color:#000; font-size:12px; font-family: "Roboto", serif;font-weight: 300;font-style: normal;}

.btn-submit{background:#5c5482; color:#FFF; border-radius:0; padding:8px 40px; font-family: "Roboto", serif; font-weight: 400; font-style: normal;}
.btn-submit:hover{background:#000; color:#FFF;}


.amenities-bg{background:url(../images/amenities-bg.webp); padding-top:3rem; padding-bottom:3rem;  text-align: left;color: #232c31;background-repeat:no-repeat;background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;}
.amenities-bg h1{font-size:75px; color:#FFF; text-align:center; font-family: 'Arvil Sans'; font-weight: normal; font-style: normal; letter-spacing: 3px;} 
.amenities-bg p{font-size:18px; color:#FFF;text-align:center; font-family: "Roboto", serif;font-weight: 300; font-style: normal;}

.am-icon-text{text-align:center; border-right:1px solid #FFF; margin-bottom:15px; margin-top:15px;}
.am-icon-text img{width:68px;}
.am-icon-text h3{font-size:20px; color:#FFF;font-family: "Roboto", serif;font-weight: 300;font-style: normal;margin-top:10px;}

.gallery-section h1{font-size:75px; color:#000; text-align:center; font-family: 'Arvil Sans'; font-weight: normal; font-style: normal; letter-spacing: 3px;}

.map-btn{height:65px;}

.section-key{padding-top:0rem; padding-bottom:3rem;}
.section-key h1{font-size:75px; color:#000; text-align:center; font-family: 'Arvil Sans'; font-weight: normal; font-style: normal; letter-spacing: 3px;}
.firstblock td{padding-right: 25px; font-size: 18px; text-align:left;color:#434343;font-family: "Roboto", serif;font-weight: 300;font-style: normal;}
.firstblock td span{font-size:20px;}
.key-distance h4{font-family: "Roboto", serif;font-weight: 500;font-style: normal; font-size:20px; color:#434343; margin-bottom:20px;}

.footer{padding-top:1rem; padding-bottom:1rem; background:#d0d1d2;}
.footer-box-line{ border-left:1px solid #FFF; border-right:1px solid #FFF;}
.footer-data-inner-2{text-align:left;font-family: "Roboto", serif;font-weight: 300;font-style: normal;  font-size:12px; color:#000;padding-top: 1px;}
.footer-data-inner-2 a{color:#000; text-decoration:none;}
.footer-data h5{font-family: "Roboto", serif;font-weight: 600;font-style: normal; font-size:25px;}
.footer-data p{font-size:18px; font-family: "Roboto", serif;font-weight: 400;font-style: normal;}
.f-tel{font-size:23px;color:#403f41; font-family: "Roboto", serif;font-weight: 600;font-style: normal; }
.f-logo{margin-top:8%}

.tel-app {position: fixed; width: 50px; height: 55px; top:23rem;
    background-color: #FFF;
    color: #919396;
    border-radius: 20px;
    text-align: center;
    font-size: 22px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    right: 3px;
}
.tel-app:hover{color:#5c5482;}


.tel-app-2 {position: fixed; width: 50px; height: 55px; top:28rem; background-color: #FFF; color: #919396;
    border-radius: 20px;text-align: center; font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100; right: 3px;}	
.tel-app-2:hover{color:#5c5482;}


.my-float {
    margin-top: 16px;
}

/*=========Bro-Contact=============*/
#fixedButton { }


#slidingForm {position: fixed; left: -100%;top: 50%;transform: translateY(-50%); width: 500px;max-width: 90%;background: #ffffff;    border: 1px solid #ddd;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);      padding: 15px 30px;      transition: left 0.5s ease-in-out;z-index: 1094; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

#slidingForm.show {left: 50%; transform: translate(-50%, -50%);}

#slidingForm h5{font-size:35px;font-family: 'DIN Pro Cond';font-weight: bold;font-style: normal;}

#closeForm {position: absolute;top: -11px;right: 14px; font-size: 3.5rem;color: #000; cursor: pointer;}

#overlay {position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);z-index: 1050;display: none;}

#overlay.show {display: block;}

.section-a-thank {background: #edf2fa;color:#000;margin-top: 6%; text-align:Center; padding-top: 9rem; padding-bottom: 23rem;}
.section-a-thank h1{font-size:23px; font-family: "Roboto", serif; font-weight: 600; font-style: normal; color:#000;margin-bottom: 25px;}
.section-a-thank h1 span{font-size:50px;color:#49436f; font-family: "Roboto", serif;font-weight: bold;font-style: normal;}
.section-a-thank a{background:#15a024;border:1px solid #15a024; font-size:22px;margin-top:25px; display: inline-block; color:#FFF; text-decoration:none; padding:8px 20px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.section-a-thank a:hover{background:#130f39; color:#e79f25; border:1px solid #e79f25;}


/*===============Owl====================== */
.amtext {font-weight: 600;}
.owl-carousel .owl-item {transition: all 0.3s ease-in-out;}
.owl-carousel .owl-item .card {	padding: 0px;position: relative;}
.owl-carousel .owl-stage-outer {overflow-y: auto !important;padding-bottom: 10px;}
#amenitiesOwl .owl-item img {height: 450px;	width: 700px;/*object-fit: cover;*/	border-radius: 0px;}
.owl-carousel .owl-item .card .name {position: absolute;bottom: -20px;left: 33%;color: #101c81;	font-size: 1.1rem;font-weight: 600;background-color: aquamarine;padding: 0.3rem 0.4rem;border-radius: 5px;box-shadow: 2px 3px 15px #3c405a;}
.owl-carousel .owl-item .card {opacity: 0.2;transform: scale3d(0.8, 0.8, 0.8);transition: all 0.3s ease-in-out;}
.owl-carousel .owl-item.active.center .card {opacity: 1;transform: scale3d(1, 1, 1);}
.owl-carousel .owl-dots {display: inline-block;	width: 100%;text-align: center;}
.owl-theme .owl-dots .owl-dot span {height: 20px;background: #2a6ba3 !important;border-radius: 2px !important;opacity: 0.0;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {height: 13px;	width: 13px;opacity: 1;	transform: translateY(2px);	background: #83b8e7 !important;	opacity: 0.0;}

		/*.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {color: #FFF !important;}
	  */

.owl-carousel {	position: relative;}
.owl-next,
.owl-prev {	position: absolute;	top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.owl-next {right: 0;display: flex;}
.owl-prev {left: 0;	display: flex;}
.carousel_se_041_carousel .owl-next {right: -42px !important;display: flex;	margin-top: -20px !important;}
.carousel_se_041_carousel .owl-prev {left: -42px !important;display: flex;	margin-top: -20px !important;}

@media(min-width: 480.6px) and (max-width: 575.5px) {
	.owl-carousel .owl-item .card .name {left: 24%;}
}

@media(max-width: 360px) {
	.owl-carousel .owl-item .card .name {left: 30%;	}
}

.owl-theme .owl-nav [class*="owl-"] {
	background: none !important;
}


/*===============End Owl====================== */


/*============================================*/

@media (max-width:441px){ 
.visi-desk{display:none!important;}
.visi-mob{display:block!important;}

.am-icon-text h3{font-size: 16px;}
.logo{width: 158px;}
.logo-2{width: 158px;}
.box-bg p {font-size: 16px;}

.banner-section {padding: 0px;margin-top: 95px;}
.box-bg{background:url(../images/mob-border-box.png); padding:4rem 3rem; background-size:contain;color:#FFF; text-align: left;background-repeat:no-repeat;background-position: right center;margin-top: -9px;}
.section-b {padding-top: 0rem; padding-bottom: 0rem;}
.section-b-container {margin-top: 12px;}
.section-b h2{font-size: 45px;color: #000;font-family: 'Arvil Sans';font-weight: normal;font-style: normal;letter-spacing: 2px;margin-top: 15px;margin-bottom: 15px;}
.section-b p{font-size: 16px;line-height: 25px;}
.form-title h2 {font-size: 45px;letter-spacing: 2px;}
.form-title h3 {font-size: 20px;}
.form-title h4 {font-size: 20px;}

.amenities-bg h1{font-size: 45px;letter-spacing: 2px;}
.amenities-bg p{font-size: 16px;line-height: 25px;}
.gallery-section h1{font-size: 45px;letter-spacing: 2px;}
.section-key h1{font-size: 45px;letter-spacing: 2px;}
.firstblock td{font-size: 16px;padding-top: 6px;}
.footer-data p{font-size: 16px;}
.f-tel {font-size: 22px;}
.footer {padding-top: 1rem;padding-bottom: 1rem;}
.section-key {padding-top: 0rem; padding-bottom: 1rem;}
.section {padding-top: 1rem;padding-bottom: 1rem;}
.amenities-bg{padding-top: 1rem;padding-bottom: 1rem; margin-top: 6px;}
.about-banner-section {padding-top: 1rem; padding-bottom: 1rem;}
.f-logo{width:150px;}
.map-btn{width: 190px;}

.section-a-thank h1 span {font-size: 30px;}
.section-a-thank h1 {font-size: 22px;}	
.section-a-thank {padding-bottom: 14rem;}


}
.reach {
       position: fixed;
    right: 25px;
    bottom: 15px;
    border: none;
    padding: 5px 20px;
    font-size: 20px;
    background: #282c59;
    color: #ffffff;
    border: 2px solid #fff;
    cursor: pointer;
    outline: none !important;
    z-index: 999999;
    animation: blinkColors 1.5s infinite;
    font-family: "Roboto", serif;
}
@media (max-width: 767px) {
    .fixed-footer .fixed_contact2 {
        font-size: 16px;
    }
}
.fixed-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
}

.fixed-footer .fixed_contact2 {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    background-color: #d1a65c;
    padding: 8px 0px !important;
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto", serif;
}
.fixed-footer .col-6{
    border-right:1px solid #fff;
}
.popup {
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

@media (max-width: 767px) {
    .reach {
        display: none;
    }
}

 
     .modal .modal-content{
          padding:20px;
          font-family: "Roboto", serif;
      }
    .modal .input-container {
      display: flex;
      width: 100%;
      margin-bottom: 15px;
    }
  
    .modal .icon {
      padding: 5px;
      background: #2e2b41;
      color: #fff;
      min-width: 50px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
    }
  
   .modal .input-field {
      width: 100%;
      padding: 10px;
      outline: none;
      border: 1px solid #BD4E49 ;
      color: #777;
    }
  
    .modal .input-field:focus {
      border: 2px solid #BD4E49 ;
    }
  
    /* Set a style for the submit button */
   .modal .btn {
      background-color: #BD4E49 ;
      color: #fff;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      opacity: 0.9;
      text-align: center;
      margin: auto;
      display: flex;
    }
  
    .modal .btn:hover {
      opacity: 1;
    }
    .modal .main-btn-circle {
    position: relative;
    margin: 0;
    color: #fffff0;
    background-color: #BD4E49 ;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    outline: none;
    cursor: pointer;
    z-index: 100;
  }
  
  .modal .close{
        background: none;
    outline: none;
    border: none;
  }
  .modal .close span{
      font-size:50px;
  }
 .modal .popup .fade-out {
    position: absolute;
    top: 3px;
    right: 3px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
  }
  #about-us {background-color:#fff ; } 
#about-us h5 ,#about-us h6 {color:#282c59;font-weight: 600;}
.req-btn{
    background-color:#282c59;
    color:#fff;
    font-family: "Roboto", serif;
}