/* fonts */
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Black.woff2");
  font-weight: 900;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Heavy.woff2");
  font-weight: 800;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Bold.woff2");
  font-weight: 700;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Semibold.woff2");
  font-weight: 600;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
  font-weight: 400;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Thin.woff2");
  font-weight: 300;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Ultralight.woff2");
  font-weight: 200;
}
/* fonts end */

/* global */
:root{
  --theme-font: 'SF-Pro-Display';

  /* colors */
  --white: #fff;
  --vry-light: #f6f6f6;
  --border-light: #ffedf2;
  --light: #f4f4f4;
  --border-color: #e7e7e7;
  --fade-light: #f6f7f8;
  --fade: #d3d4d6;
  --mdm-grey: #8d8d8d;
  --heading-grey: #595959;
  --dark-grey: #67676f;
  --text-color: #343438;
  --theme-dark: #232425;
  --black: #000;

  --theme-light3: #ffe6e6;
  --theme-light2: #b14a4a;
  --theme-light1: #bd2626;
  --theme-color: #d91a1a;
  --theme-color1: #b80c0c;
  --theme-alpha1: #d91a1ab7;
  --theme-alpha: #d91a1a8f;
  --theme-color-vry-transparent: #d91a1a2a;
  --theme-color-transparent1: #d91a1a0e;
  --theme-bg: #ffecec;
  --theme-color-dark: #740c0c;

  --secondary-color: #252525;
  --secondary-color-alpha: #1f1f1fc2;
  --secondary-color-alpha1: #1f1f1f9d;
  --secondary-color-alpha2: #16161659;
  --secondary-color-alpha3: #1d1d1d2c;
  --secondary-color-text: #242424;
  --secondary-color-dark: #161616;
  /* colors end */

  /* greadient */
  --greadient1: linear-gradient(90deg, #e3ebea, transparent);
  /* greadient end */
}

/* html{font-size: 90%;} */

body {font-family: 'SF-Pro-Display', sans-serif; color: var(--text-color); }
a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
a:hover{color: var(--theme-color);}
span{display: inline-block;}
.heading{font-size: 3.125rem;}/*50px*/
.heading-lg{font-size: 2.813rem;}/*45px*/
.heading1{font-size: 2.5rem;}/*40px*/
.heading2{font-size: 2.188rem;}/*35px*/
.heading-sm1{font-size: 1.875rem;}/*30px*/
.heading-sm2{font-size: 1.79rem;}/*28.64px*/
.heading-md1{font-size: 1.688rem;}/*27px*/
.heading3{font-size: 1.625rem;}/*26px*/
.heading-sm3{font-size: 1.5rem;}/*24px*/
.heading4{font-size: 1.3rem;}/*21px*/
.heading5{font-size: 1.2rem;}/*19px*/
.heading6{font-size: 1.1rem;}/*17.6px*/
.heading7{font-size: 1rem;}/*16px*/
.heading8{font-size: 0.93rem;}/*14px*/
.heading9{font-size: 0.82rem;}/*13px*/

.para-lg{font-size: 1.438rem;}/*23px*/
.para-lg0{font-size: 1.375rem;}/*22px*/
.para-lg1{font-size: 1.313rem;}/*21px*/
.para-lg2{font-size: 1.25rem;}/*20px*/
.para-lg3{font-size: 1.188rem;}/*19px*/
.para-md{font-size: 1.125rem;}/*18px*/
.para-md1{font-size: 1.063rem;}/*17px*/
.para-md2{font-size: 1rem;}/*16px*/
.para-md3{font-size: 0.938rem;}/*15px*/
.para-sm{font-size: 0.875rem;}/*14px*/
.para-sm2{font-size: 0.813rem;}/*13px*/
.para-xs{font-size: 0.75rem;}/*12px*/
.para-xs2{font-size: 0.688rem;}/*11px*/


ul{margin: 0;}
p:nth-last-child(1){margin-bottom: 0;}
section{padding: 3.75rem 0;}
.clear-both{clear: both;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
a{color: inherit;}
a:hover{color: inherit;}
a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important;}
.form-check-input:focus{box-shadow: none;}
::selection {color: var(--white);background: var(--theme-color-dark);}
.bg-theme{background-color: var(--theme-color);}
/* .container{max-width: 1300px;} */
/* .container-xl{max-width: 1624px;} */
.link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.h-auto{height: auto!important;}
input{box-shadow: none!important;}
.secondary-font{font-family: var(--secondary-font);}
.text-white{color:var(--white)}
.text-theme{color: var(--theme-color);}
.text-secondary{color:var(--secondary-color-text)!important;}
.uppercase{text-transform: uppercase;}
.bg-theme{background-color: var(--theme-color); color: var(--white);}
.bg1{background-color: var(--theme-color-dark); color: var(--white);}
a:-webkit-any-link { color: inherit; }
/* global end */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* buttons */
.btn-underline { font-size: 1.063rem; font-weight: 700; position: relative; }
.btn-underline:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background-color: var(--theme-color); }
.btn svg { width: 1.063rem; margin-left: 0.875rem; }
/* .btn { background-color: #fff; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; border-radius: 12px; padding: 0.813rem 1.125rem; } */
.btn{ background-color: var(--secondary-color); border-radius: 5rem; padding: 0.4rem 2rem; font-size: 1.063rem; color: var(--white); border: 2px solid transparent; transition: all ease 0.5s;}
.btn1{ background-color: var(--theme-color1)!important; border-radius: 5rem!important; padding: 0.6rem 3rem!important; font-size: 1.063rem!important; color: var(--white)!important; border: none!important; transition: all ease 0.5s;}
.btn1:hover{background-color: var(--secondary-color)!important;}
.btn:hover{background-color: var(--secondary-color-alpha1); color: var(--white);}
.btn-theme { background-color: var(--theme-color); color: var(--white); }
.btn-theme:hover { background-color: var(--theme-light2); color: var(--white); }
.btn-outline { border: 2px solid var(--secondary-color); background-color: var(--white); }
.btn-lg { padding: 0.813rem 1.8rem; font-size: 1.2rem; }
.btn-outline:hover {background-color: var(--theme-color); color: var(--white); border-color: transparent;}
.btn:disabled { pointer-events: all; cursor: no-drop; background-color: var(--mdm-grey); color: var(--white); }
.btn1-sml{padding: 0.25rem 1.7rem!important; font-size: 0.9rem!important;}
.btn-outline.btn-theme{color: var(--theme-color);}
/* buttons end */

.inner-banner{background-image:url(../images/about-banner.jpg);width: 100%; height: 380px;background-repeat: no-repeat;background-position: center;}
.aboutsec{position: relative;}
.aboutcontent{width: 50%; }
.heading-all{color: var(--theme-color); margin-bottom: 0.625rem;}
.aboutcontent .spara{margin-bottom: 0.625rem;}
.site-btn a{display: flex;margin-top: 30px;}
.site-btn p{color: var(--theme-color);font-size: 1rem; margin-right:0.938rem;}
.aboutsec .aboutimg{position: absolute;width: 46%; bottom: 0; right: 0; text-align: right;}
.aboutsec .aboutimg img{width: 100%; height: 100%;}


.servicesec{background-color: #f6f6f6;}
 .heading-all.headingmid{text-align: center;}
.service-list ul{display: flex; justify-content: center; }
.service-list ul li{flex-basis: 20%; padding: 20px;list-style: none; }
.service-sec {display: flex; flex-direction: column;}
.service-sec .sr-img{margin-bottom: 0.938rem; width: 100%; aspect-ratio: 1; background: #fff; border-radius: 50%; padding: 0.313rem; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.service-sec .sr-img .srimg{aspect-ratio: 1; background: #fff; border-radius: 50%; padding: 1.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 4px solid #f6f6f6; }
.service-sec  .ctitle{text-align: center;}
.service-sec .site-btn{display: inline-block; padding: 12px 30px 12px 45px; text-transform: capitalize; font-size: 16px; font-weight: 400; }
.servicesec a{justify-content: center;}


.accommodationsec p{text-align: center;}
.accommodationsec .swiper{display: flex;}
.accommodationsec .accom-image{padding: 18px; transition: all ease 0.5s; box-shadow: 0 0 var(--theme-color); /* box-shadow: 10px 15px #000; */ background-color: transparent; }
.accommodationsec .accom-image img {width: 100%; height: 25rem; object-fit: cover; box-shadow: 10px 15px #0000;  transition: all ease 0.5s;}
.accommodationsec .accom-image:hover img{box-shadow: 10px 35px var(--theme-color);}
.accommodationslider .swiper-slide-active .accom-image{transform: scale(1.2);}
.accommodationsec a{justify-content: center;margin: 5rem 0;}
.accommodationsec .accommodationslider .heading5{text-align: left; padding: 0.625rem 0;}
.accommodationsec .accom-image:hover .heading5{color:var(--white) ; padding-left: 1.25rem; padding-bottom: 10px;}

.hotelsec{display: flex;}
.hotelsec .hotel-content{flex-basis: 50%; margin-right:3.125rem;}
.hotelsec .hotel-img {flex-basis: 50%; margin-left: 3.125rem;}
.hotelsec .hotel-img img{box-shadow: 0.9375rem 0.9375rem var(--theme-color);width: 100%;}
.midsec{display: flex;}
.midsection .heading-all{margin-left: 9.5rem;display: inline-flex;margin-bottom: 1.25rem;}
.midsec .mid-heading{font-weight: 500; margin-bottom: 0.625rem;}
.midsec .mid-icon{align-items: center;}
.midsec span{border: 1px solid #f6f6f6; margin: 1.5625rem 0; width: 100%;}
.midsection .mid-content{margin-left: 3.125rem;}

.accomm-page{margin-top: -8rem;}
.accomm-page .accommodations{background-color: #fff; padding:3.125rem; border-radius: 10px;}
.accomsection{position: relative;}
.accomsection .accomhotel-img{position: absolute;width: 50%; bottom: 0; right: 0; text-align: right;}
.accomsection .accomhotel-img img{width: 100%; height: 100%;}
/*footer*/
footer{background-color: #455a64; padding: 60px 0; color:#d3e1da; }
footer ul li{list-style: none;}
footer .copyright{display: flex; justify-content: space-between; margin-top: 3.125rem;}
footer  ul{margin: 0; padding: 0;}
footer .clist li{display: flex; align-items: center; margin-bottom: 0.625rem;}
footer .clist li img{padding-right: 0.9375rem;}
footer .links.fpro li{margin-bottom:  0.625rem;}
footer .ftitle{margin-bottom: 0.9375rem}
footer .logo-img{width: 12.5rem;}