@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body, html{overflow-x: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
a {text-decoration: none;}
/* Utility classes for fonts */
body {font-family: var(--ThemeFont);  background-color: var(--Bg) !important;  overflow-y: hidden;}
/* Reset and layout base */
* {margin: 0; padding: 0; box-sizing: border-box;}
.p-0{padding:0;}
p{color: var(--Gray);}
:root {
	--Black: #000;
	--White: #fff;
  --Gray: #121212;
  --Bg: #f4f3ed;
  --ThemeColor:#c8a168 ;
  --ThemeColor2: #1b2727;
  --ThemeColor3: #000;  
  --Gradient:linear-gradient(360deg,rgba(61, 71, 73, 1) 0%, #2c3638 100%);;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont: "Montserrat", sans-serif;
	--ThemeFontTwo: 'Roabla - Demo Version';
	--Radius: 20px;}

.--transition-ease{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:hover{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:after{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:before{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}

/*********** start col **********/
.custom-bg { background:var(--Bg);}
.custom-color { color:var(--ThemeColor);}
.custom-color2 { color:var(--ThemeColor2);}
.custom-bg1 { background:var(--ThemeColor);}
.custom-bg2 { background:var(--ThemeColor2);}
h2, h1, h3 {font-family: var(--ThemeFontTwo);}
h2.fs-1 {font-size: 3.7rem !important;line-height: 58px;}
.ThemeFontTwo{font-family: var(--ThemeFontTwo);}
.ThemeFont{font-family: var(--ThemeFont);}
.max-container{ max-width: 1920px;}
p{line-height: 1.7; opacity: .7; font-size: 18px;}
.btn:hover{background: var(--ThemeColor); opacity: .6 !important;}

/************* end col ************/
.custom-btn {list-style:none; max-width: 160px; transition: transform 0.2s; color: var(--ThemeColor); font-size: 16px; border-radius: 0px; font-weight: 500; min-width: max-content; border: 1px solid var(--ThemeColor); text-decoration: none;}
.custom-fill-btn{background: var(--ThemeColor);  transition: transform 0.2s;}
.custom-btn:hover{transform: scale(1.05);}

/*  */
.heading h2 {font-size: 56px; margin-top: 25px; line-height: 65px; text-transform: uppercase;}
.heading h2 img { height: 40px;}
.heading {font-size: 56px; margin-top: 25px; line-height: 65px;color: var(--ThemeColor);}

/* WebKit Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar { width: 5px; background-color: var(--ThemeColor5);}
::-webkit-scrollbar-track {background-color:#ccc;}
::-webkit-scrollbar-thumb {background-color: var(--ThemeColor); border-radius: 10px;}
.h_border{height: 6px;
  width: 400px;
  display: inherit;
  position: relative;
  margin: auto; opacity: .2;}

  .h_border::after {
  height: 1px;
  width: 100%;
  content: "";
 background: #fff;
  position: absolute;
  right: -100px;
  top: -1px;
}


.h_border::before {
  height: 1px;
  width: 100%;
  content: "";
  background: #fff;
  position: absolute;
  left: -100px;
  bottom: -1px;
}
/* Firefox */
* {scrollbar-width: thin; scrollbar-color: var(--ThemeColor) #ccc;}

/***************************************************************
********************************* Header ************************
*****************************************************************/
header .right_btn {min-width: 550px;}
img.logo-img {height: 60px;}
a.number {font-size: 22px; font-family: var(--ThemeFontTwo);}
header li.nav-item a {font-size: 17px; color:var(--White);}
.fixed { background: var(--ThemeColor2); box-shadow: 0 0 15px #72583f9c;}
.fixed img.logo-img {height: 55px;}
.navbar-expand .navbar-collapse {left: -600px; background: var(--ThemeColor); transition: all 0.5s;  -webkit-transition: all 0.25s; width: 350px; display:block !important}
.navbar-expand .navbar-collapse.show {left: 0;}
.navbar-expand svg {fill: var(--White);}

/***************************************************************
********************************* banner-content ************************
*****************************************************************/
.banner_video{height: 100vh; overflow: hidden;}
 .banner_video video {height: 100vh; object-fit: cover;}
.banner_video::after {background: #000; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;}
.banner_video h1.fs-1 {font-size: 4rem !important; line-height: 62px;}
section.py-xl-5 { padding-top: 80px !important; padding-bottom: 80px !important;}

/***************************************************************
********************************* about-us ************************
*****************************************************************/
.about {background-repeat: no-repeat; background-position: top 55px left -80px;}
.fab_bg1 { max-width: 320px; opacity:.5;}
.boxiamge2 {max-width: 300px; margin-top: -70px;}
.set1{margin-bottom: 120px; background-repeat: no-repeat;}
.boxiamge3 {max-width: 250px;}
.boxiamge6{width:75%}
.boxiamge7{width:55%}
.set1.set2 {background-position: bottom left; background-size: 260px;}
.set1.set4 .reveal.animating {background-repeat: no-repeat; background-position: right bottom;}
.set1.set3 {background-position: bottom right; background-size: 260px;}
.set1.set4 {background-position: bottom left 760px; background-size: 180px;}
body:not(.no-js) .image-wrap {transition: .8s ease-out; transition-delay: 0.1s; overflow: hidden; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); visibility: hidden;}
body:not(.no-js) .image-wrap img { transform: scale(1.1); }
body:not(.no-js) .animating .image-wrap {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); visibility: visible; transform: skewY(0);}
body:not(.no-js) .animating img {transform: scale(1);}
body:not(.no-js) .fadeup {opacity: 0; transition: 02s ease-out; transform: translateY(40px);}
body:not(.no-js) .fading-up {opacity: 1; transition: 1s ease-out; transform: translateY(0px); transition-delay: 0.4s;}
.four_boxs.py-xl-5{padding-bottom: 0 !important;}
.about.py-xl-5 {padding-bottom: 30px !important;}

/***************************************************************
********************************* carousel_images_section ************************
*****************************************************************/
/* .carousel_images_section .item::after { background: linear-gradient(90deg, #1b2727fa, #1b2727d9, #1b272700); content: ""; position: absolute; left: 0; top: 0; width: 85%; height: 100%; opacity: 1;} */
.carousel_images_section .owl-dots {display: none;}
.carousel_images_section .item {height: 80vh; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 700px;}
.carousel_images_section .owl-nav.disabled { display: flex !important; position: absolute; bottom: 53px; left: 243px; z-index: 99999999; gap: 16px; }
.carousel_images_section .owl-nav.disabled button { height: 60px; width: 60px; border: 1px solid #fff !important; border-radius: 50%; opacity: .5;}
.carousel_images_section .owl-nav.disabled button span {color: var(--White); font-size: 38px; position: relative; top: -4px;}
.carousel_images_section .owl-nav.disabled button:hover{opacity: 1;}
.carousel_images_section .cont {background: #1b2727d6; padding: 40px;}
.carousel_images_section h2.fs-1 {
  font-size: 3rem !important;
  line-height: 50px;
}

/* ***************************************************
*************************cta ******************
******************************************************/
.cta {padding: 120px 0 140px; background-repeat: no-repeat; background-size: 340px; background-position: top 50px left;}
.cta .custom-btn{box-shadow: 0px 15px 33px #1b272761; min-width: 180px; padding: 12px;}
.cta.py-xl-5 {padding-top: 20px !important;}

/* ***************************************************
*************************testi ******************
******************************************************/
.testi p.h6 { border-left: 2px solid var(--ThemeColor); font-size: 17px;line-height: 1.6;}
.carousel_texti{padding:60px; }
.testi_img {z-index: -1; width:40%; object-fit: cover;}
.carousel_texti .owl-dots button.owl-dot {height: 20px; width: 20px; background: #89877e !important; border-radius: 50%;}
.carousel_texti .owl-dots button.owl-dot.active { background: var(--ThemeColor) !important;}
.carousel_texti .owl-dots{display: flex; gap: 7px; justify-content: right; margin-top: 42px;}
/* .carousel_texti .koma{margin-top: -61px !important; max-width: 126px;} */
.carousel_texti .koma {margin-top: -19px !important; max-width: 180px; margin-left: -168px !important; z-index: -1;}
.owl-carousel.carousel_ami{ padding-left: 130px;}
.testi::after { border: 1px solid #cacbc6; width: 71%; height: 117%; content: ""; left: 0; border-end-end-radius: 60px; top: -50px; position: absolute;  z-index: -10; border-top-right-radius: 60px;}
.testi { height: 60vh; align-content: center; min-height: 600px;}
.testi .testi_after {margin-bottom: -240px; max-width: 240px; margin-left: 18%;}

/* ***************************************************
*************************gallery ******************
******************************************************/
.gallery img {height: 67vh; object-fit: cover;}
.gallery h4 {background: linear-gradient(359deg, #1b2727, #1b2727bf, #1b272700);transition: all 0.5s; -webkit-transition: all 0.25s; font-family: var(--ThemeFontTwo); font-size: 40px; margin-bottom: -127px !important;}
.gallery .item:hover h4{margin-bottom: 0px !important;}
.gallery .owl-nav.disabled { display: flex !important; margin-top:25px; gap: 16px; justify-content: center;}
.gallery .owl-nav.disabled button { height: 60px; width: 60px; border: 1px solid var(--ThemeColor2) !important; border-radius: 50%; opacity: .5;}
.gallery .owl-nav.disabled button span {color: var(--ThemeColor2); font-size: 38px; position: relative; top: -4px;}
.gallery .owl-nav.disabled button:hover{opacity: 1;}

/* ***************************************************
*************************ami ******************
******************************************************/
.ami{margin-top:260px;}
.ami .set {height: 90%; background: var(--ThemeColor2);}
.ami img {height: 100vh; object-fit: cover;}
.ami .set .cont { align-items: last baseline;}
.security_sec img {height: 55px !important;}
.ami img.amin_img {
  min-height: 700px;
}
.security_sec p { font-size: 16px; line-height: 1.4; margin-top: 16px;}
/* ***************************************************
*************************map ******************
******************************************************/
.map iframe {overflow: hidden !important; display: table; height:90vh;}
.map .nav{width:600px;}
.map .nav button {opacity: .6; background: #e8e5dc12; border-radius: 5px !important; margin-bottom: 20px !important; padding: 12px 20px;}
.map .nav button.active {background: #f4f3ed !important; opacity:1; color: var(--ThemeColor2) !important;}

/* ***************************************************
************************* footer ******************
******************************************************/
.footerlogo{height:100px; max-width:1920px}
.footer .detbtn { margin-bottom: 94px !important; display: inline-block; text-decoration: underline;}
.footer .add {border-left: 2px solid var(--ThemeColor);}
.footer h4{border-bottom: 1px solid var(--ThemeColor3);}
.footer {background-repeat: no-repeat; background-position: bottom right; background-size: 100%; max-width: 1920px; margin: auto;}
.footer .last_p {padding-bottom: 100px;}

.footer h3 .h_border::after {
background: var(--ThemeColor2);
  right: -50px;
}
.footer h3 .h_border::before {
  background: var(--ThemeColor2);
  left: -50px;
}
.footer h3 .h_border {
  width: 40%;
  margin-top: 10px;
  display: inline-grid;
  margin-left: 50px;
}


.swiperdiv {
  position: relative;
  height: 100vh;
  min-height: 920px;
}

    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }





@media only screen and (min-width: 1920px) {
}

@media only screen and (max-width: 1799px) {
}

/*************************************************************************
********* @media only screen and (max-width: 1600px)  *********************
***********************************************************************/
@media only screen and (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1450px;}

}

@media only screen and (max-width: 1599.98px) {
  .carousel_images_section .item {
  min-height: 620px;
  }
}


/*************************************************************************
********* @media only screen and (max-width: 1399px)  *********************
***********************************************************************/
@media only screen and (max-width: 1399.98px) {
header .right_btn {min-width: 430px;}
.banner_video h1.fs-1 { font-size: 3.8rem !important;}
.fs-5 { font-size: 18px !important;}
h2.fs-1 {font-size: 3.2rem !important; line-height: 50px;}
.cta {background-position: top 50px left -58px;}
.carousel_images_section .cont {padding: 35px;}
.cta {padding: 120px 0 160px;}
}

/*************************************************************************
********* @media only screen and (max-width: 1199px)  *********************
***********************************************************************/
@media only screen and (max-width: 1199px) {
  .cta {background-position: top 50px left 0;}
  .set1.set4 .reveal.animating {
    background-size: 133px;
  }
header .right_btn {min-width: 350px;}
.banner_video h1.fs-1 {font-size: 3.2rem !important;line-height: 54px;}
.fs-5 { font-size: 16px !important;}
p { font-size: 16px;}  
header li.nav-item a {font-size: 16px;}
h2.fs-1 {font-size: 2.8rem !important; line-height: 48px;}
.cta .container {padding-left: 28%;}
.cta {padding: 90px 0 120px; background-size: 280px;}
.testi_img { width: 50%; object-fit: cover;}
.carousel_texti { padding: 40px;}
.owl-carousel.carousel_ami {padding-left: 70px;}
.footer { background-position: bottom right -150px;}
.footerlogo {height: 80px;}
.testi .testi_after { margin-bottom: -180px; max-width: 180px;}
.ami {margin-top: 170px;}
.swiperdiv {
  min-height: 765px;
}
.cta.cta2 .container {
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
}

/*************************************************************************
********* @media only screen and (max-width: 991px)  *********************
***********************************************************************/
@media only screen and (max-width: 991px) {
section.py-xl-5 {padding-top: 60px !important; padding-bottom: 60px !important;}
header .right_btn {min-width: 245px;}
img.logo-img {height: 50px;}
.banner_video h1.fs-1 { width: 100% !important;  }
.fab_bg1 {max-width: 250px;}
.boxiamge2 {max-width: 240px; height: 280px; overflow: hidden;}
.boxiamge7 {width: 80%;}
.carousel_texti .koma {margin-top: -40px !important; max-width: 105px; margin-left: -98px !important; }
.owl-carousel.carousel_ami {padding-left: 0;}
.carousel_texti .owl-dots {margin-top: 15px;}
 h2.fs-1 {font-size: 2.6rem !important;line-height: 45px;}
.gallery img { height: 50vh; min-height: 450px;}
.cta .container {padding-left: 35%;}
.testi_img {width: 44%; }
.map .nav {width: 420px;}
.map .nav button {padding: 8px 20px; margin-bottom: 12px !important; font-size: 18px !important;}
.ami .pe-0 { padding-right: calc(var(--bs-gutter-x) * .5) !important;}
.ami .ps-0 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
.ami img.amin_img {min-height: auto;}
.swiperdiv {min-height: auto;height: auto;}
  .carousel_images_section .item {
    max-height: auto;
    min-height: auto;
    height: auto;
    background-image: none !important;
  }
  .carousel_images_section {
  background: var(--ThemeColor2);
}
.carousel_images_section .cont {
  padding: 40px 0;
}
.carousel_images_section .owl-nav.disabled {
  bottom: 30px;
  left: 0;
  gap: 16px;
  right: 0;
  justify-content: center;
}
.carousel_images_section .owl-carousel {padding-bottom: 80px;}

  
.carousel_images_section .cont p.w-75{width:100% !important}
}

/*************************************************************************
********* @media only screen and (max-width: 767px)  *********************
***********************************************************************/
@media only screen and (max-width: 767px) { 
section.py-xl-5 {padding-top: 45px !important; padding-bottom: 45px !important;}
.navbar-toggler { font-size: 16px;}
header li.nav-item a { font-size: 15px;}
.fs-5 { font-size: 15px !important;}
p { font-size: 15px;}  
img.logo-img {height: 45px;}
header .right_btn {min-width: 180px;}
.banner_video h1.fs-1 {font-size: 2.8rem !important; line-height: 44px;  }
h2.fs-1 {font-size: 2.3rem !important; line-height: 44px;}
.carousel_images_section .w-75 {width: 100% !important;}
.carousel_images_section .owl-nav.disabled {bottom: 25px;right: 0; left:0; justify-content: center;}
.cta {padding: 60px 0 110px; background-image: none !important;}   
.cta .container {padding-left: calc(var(--bs-gutter-x) * .5); }
.fab_bg1 {max-width: 200px;}
.four_boxs.py-4.py-xl-5 { padding-top: 20px !important;}
.carousel_texti {padding: 30px;}
.testi h2.fs-1 {background: #f4f3ed; padding: 0 15px 0 0; display: inline-block; }
.testi::after {border-end-end-radius: 40px; border-top-right-radius: 40px; top: -45px;}
.testi {height: auto; align-content: center; min-height: 555px;}
.ami .set {height: auto;}
.ami img { height: auto;}

.footer ul li {font-size: 15px;}
.footer { background-position: bottom right; background-size: 100%;}
.footer .last_p {padding-bottom: 19px; font-size: 17px !important; text-align: left;}
.fixed img.logo-img {height: 45px;}
.set1 {margin-bottom:100px;}
.gallery h4 {font-size: 28px;}
.map .tab-content{order:2}
.map .nav {width: 100%;}
  .map .nav button {
    padding: 17px 28px;
    min-width: max-content;
  }
 .map .tabs {
    overflow-y: auto;
  }


.map iframe {
max-height:400px
}
.set1.set4 .col-md-4.col-lg-6 {
  order: 2;
}
  .boxiamge7 {
    width: 60%;
  }
  .carousel_images_section h2.fs-1 {
  font-size: 2.4rem !important;
  line-height: 40px;
}
.carousel_images_section .cont {
  padding: 30px;
}


}

/*************************************************************************
********* @media only screen and (max-width: 576px)  *********************
***********************************************************************/
@media only screen and (max-width: 576px) {
.testi h2.fs-1 {display: block; text-align: center;}
.testi { min-height: auto;}
.banner_video h1.fs-1 {font-size: 2.4rem !important;line-height: 42px;}
header .right_btn { min-width: auto;}
header .right_btn {order: 1; }
h2.fs-1 {font-size: 2rem !important; line-height: 38px;}
.set1 {margin-bottom:60px;}
.boxiamge3 {max-width: 100%;}
.boxiamge7 {width: 100%;}
.testi_img { width: 100%; object-fit: cover;  height: 320px !important;  bottom: 0; top: -100px !important; position: relative !important;}
.testi::after {top: -15px;}
.testi h2.fs-1 {padding: 0;}
.testi .ps-5 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
.cta { padding: 60px 0 70px; background-image: none !important;}
.footer {background-size: 130%;}
.navbar-expand .navbar-collapse {left: -1000px; width: 100%;}
.boxiamge7 {width:80%;}
h2.fs-1 br{display:none}
.banner_video {
  height: 94vh;
}
}

/*************************************************************************
********* @media only screen and (max-width: 480px)  *********************
***********************************************************************/
@media only screen and (max-width: 480px) {
.footerlogo {height: 60px;}  
.footer .last_p {font-size: 15px !important;line-height: 20px; text-align: center;}
.footer .detbtn {margin-bottom: 40px !important;}
.footer {background-size: 120%;}
.fs-5 {font-size: 14px !important;}
.set1 h2.fs-1 br {display: none;}
.set1.set2 h2.fs-1 br{ display: block;}
.footer .last_p { padding-bottom: 11px;}
}