@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: #f1f0ed;
  --ThemeColor:#cab78f ;
  --ThemeColor2: #303120;
  --ThemeColor3: #000;  
  --ThemeColor4:#a9926a ;
  --ThemeColor5:#e6e6e6;
  --ThemeColor6:#483c28;  
  --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'; */
  --ThemeFontTwo: 'IvyPresto Headline';
	--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-color3 { color:var(--ThemeColor4);}
.custom-bg1 { background:var(--ThemeColor);}
.custom-bg2 { background:var(--ThemeColor2);}
.bg { background:var(--Bg);}
h2, h1, h3 {font-family: var(--ThemeFontTwo);}
h2.fs-1 {font-size: 3.4rem !important;line-height: 58px;}
.ThemeFontTwo{font-family: var(--ThemeFontTwo);}
.ThemeFont{font-family: var(--ThemeFont);}
.max-container{ max-width: 1920px;}
p{line-height: 1.7; font-size: 16px;}
.btn:hover{transform: scale(1.05); background:var(--ThemeColor) !important; color: var(--Black);}

/************* end col ************/
.custom-btn {min-width: 160px; list-style: none;  transition: transform 0.2s; color: var(--ThemeColor2); font-size: 16px; font-weight: 500; text-decoration: none; line-height: 30px;}
.custom-fill-btn{background: var(--ThemeColor);  transition: transform 0.2s;}
/*  */
/* 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;}
section {
  scroll-margin-top: 95px;
}

/***************************************************************
********************************* Header ************************
*****************************************************************/
/* header .right_btn {min-width: 550px;} */
img.logo-img {height: 80px;}
header li.nav-item a:hover {color: var(--White); font-weight: 600;}
header li.nav-item a {font-size: 17px; color:var(--White) !important;}
.fixed {background: var(--ThemeColor2); box-shadow: 0 0 15px var(--Black);}
.fixed img.logo-img {height: 70px;}
.navbar-expand .navbar-collapse { right: -600px; background: var(--ThemeColor2); transition: all 0.5s; -webkit-transition: all 0.25s; width: 350px; display: block !important; box-shadow: 0 0 84px #17180f; border-left: 1px solid rgba(202, 183, 143, 0.39);}
.navbar-expand .navbar-collapse.show {right: 0;}
.navbar-toggler img { height: 10px;}
.navbar-expand .navbar-toggler svg{fill: var(--White);}
.fixed .navbar {padding: 4px 0 !important;}

/***************************************************************
********************************* banner-content ************************
*****************************************************************/
.banner_video video { height: 97.6vh; object-fit: cover; min-height: 700px;}
.banner_video::after {background: var(--Black); content: ""; position: absolute; right: 530px; top: 0; width: 100%; height: 100%; opacity: .65;}
.banner_video h1.fs-1 {font-size: 3.9rem !important; line-height: 70px;}
section.py-xl-5 { padding-top: 80px !important; padding-bottom: 70px !important;}
section.pb-xl-5{padding-bottom: 80px !important;}
section.pt-xl-5{padding-top: 80px !important;}
.banner_video .container {margin-right: 55px;}
.banner_video{padding-right: 530px;}
.afterbg::after {background: var(--Black); content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: .4;}
.banner_video .iframe { height: 97.6vh; object-fit: cover; min-height: 700px; overflow:hidden}
.banner_video iframe { object-fit: cover; top: 50% !important; left: 50% !important; min-width: 124%; min-height: 3565px; transform: translate(-50%, -50%); pointer-events: none;} 

/***************************************************************
********************************* about-us ************************
*****************************************************************/
.about {background-repeat: no-repeat; background-position: top 55px left -80px;}
img.map {width: 550px !important;}
.about .main_nmbr h2{ font-size: 250px; line-height: 154px;}
.about .main_nmbr {margin-bottom: -54px; position: relative; margin-right: -98px; z-index: 9;}
.about .main_nmbr h3{font-size: 70px;}
.about .fab_bg1 { max-width: 320px; opacity:.5;}
.numbers_in .fs-1 {font-size: 66px !important;}
.numbers_in .icon {height: 60px;}
.carousel_numbers .owl-dots {display: none;}

/***************************************************************
********************************* carousel_images_section ************************
*****************************************************************/
.carousel_images_section {margin-top: -65px;}
.main_heading{margin-top:-90px}
.set1.set2 .carousel-control-prev, .set1.set2 .carousel-control-next { border: 1px solid #000; width: 55px; height: 55px; border-radius: 50%; color: #000; font-size: 20px;}
.set1.set2 .bbtn {width: 125px; height: 55px;}
.set1.set2 .boxiamge3 {max-width: 450px; position: relative; right: inherit; margin: 0 !important; display: block; height: 310px; overflow: hidden;}
/* .set1.set2 .boxiamge3 button.active {display: none;} */
.divimg {padding-right: 190px; background-size: 200px; background-repeat: no-repeat; background-position: right top; padding-top: 42px;}
.set1.set2 .boxiamge3 button.activenew{z-index:9999;}
.set1.set2 .boxiamge3 button {width: 100% !important; height: 100%; display: inline-grid; opacity: 1;}
.set1.set2 .boxiamge3 button img {height: 100%; object-fit: cover;}




/***************************************************************
********************************* four_boxs ************************
*****************************************************************/
.four_boxs .set1 .reveal_boxiamge1{margin-left:-100px;}
.four_boxs .cont{margin-top:-90px}
.four_boxs { background-repeat: no-repeat; background-position: top 161px right; background-size: 278px;}
.four_boxs .set1 {background-repeat: no-repeat; background-position: bottom left;background-size: 450px;}
.boxiamge3 {max-width:450px;}
.four_boxs .set1 h2.fs-1 {font-size: 3rem !important; line-height: 54px;}
.four_boxs .set1 .reveal_boxiamge2{margin-left:-200px;}
.four_boxs .set1 .reveal_boxiamge3 {margin-left: -80px;}
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;}

/* ***************************************************
*************************ami ******************
******************************************************/
.ami .icon{width:60px !important; height:60px;}
.ami .itemactive .cont, .ami .item:hover .cont {background: linear-gradient(359deg, #1b2727, #1b2727bf, #1b272700);transition: all 0.5s; -webkit-transition: all 0.25s; }
.ami .item:hover .cont{margin-bottom: 0px !important;}
.ami .owl-nav.disabled { display: flex !important; margin-top:25px; gap: 16px; justify-content: center;}
.ami .owl-nav.disabled button { height: 60px; width: 60px; border: 1px solid var(--ThemeColor2) !important; border-radius: 50%; opacity: .5;}
.ami .owl-nav.disabled button span {color: var(--ThemeColor2); font-size: 38px; position: relative; top: -4px;}
.ami .owl-nav.disabled button:hover{opacity: 1;}
.ami .cont p {border-top: 1px solid var(--ThemeColor); padding-top: 20px; margin-top: 20px;}
.ami .carousel_ami { margin-top: -66px;}
.ami .itemactive .opacity-0, .ami .item:hover .opacity-0 {opacity: 1 !important;}
.ami .itemactive .cont .text-black, .ami .item:hover .cont .text-black {color: var(--White) !important;}
.ami .itemactive .cont .icon, .ami .item:hover .cont .icon{display: none !important;}
.ami .itemactive .cont .icon.d-none, .ami .item:hover .cont .icon.d-none {display: block !important;}
.ami .owl-dots {display: none;}
.ami .carousel_ami .item {transition: all 0.3s ease;}
.ami .carousel_ami .item.itemactive {transform: scale(1.05); z-index: 2;}
.ami .owl-item{border-radius: 1rem !important; overflow: hidden;}

/* ***************************************************
*************************cta ******************
******************************************************/
.cta { background-repeat: no-repeat; background-size: 300px; background-position: bottom 0 right;}
.cta .custom-btn{box-shadow: 0px 15px 33px #1b272761; min-width: 180px; padding: 12px;}
.cta .reveal_cta{top:170px;}
.cta .reveal_cta img{width: 80%;}

/* ***************************************************
*************************ami2 ******************
******************************************************/
.ami2 .container.pt-xl-5{padding-top:80px !important;}
.ami2 .cont h4 {font-size: 18px !important;}
.ami2 .cont{border-bottom: 1px solid #dddcd9;}
.ami2 {background-repeat: no-repeat; background-position: top 35px left;}

/* ***************************************************
*************************oners ******************
******************************************************/
.oners {background-repeat: no-repeat; background-position: right top; background-size: 450px;}
.oners .img{ background: var(--ThemeColor5); min-height: 400px;}

/* ***************************************************
************************* footer ******************
******************************************************/
.footerlogo{height:90px;}
.top_footer { border-bottom: 1px solid rgba(202, 183, 143, 0.51);}
.footer .detbtn { margin-bottom: 40px !important; display: inline-block; text-decoration: underline;}
.footer .add {border-left: 2px solid var(--ThemeColor);}
.footer h4{border-bottom: 1px solid var(--ThemeColor3);}
.footer .last_p {padding-bottom: 100px;}
.footer {background: var(--ThemeColor6);}
.fs-6.small {font-size: 13px !important;}



@media only screen and (min-width: 1799.98px) {
  .banner_video iframe {min-width: 146%;}
}

@media only screen and (max-width: 1599.98px) {
  .banner_video iframe {min-width: 180%;}
}



/*************************************************************************
********* @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: 1550px;}
}
@media only screen and (max-width: 1599.98px) {}

/*************************************************************************
********* @media only screen and (max-width: 1399px)  *********************
***********************************************************************/
@media only screen and (max-width: 1399.98px) {
.banner_video iframe {min-width: 212%; }
h2.fs-1 {font-size: 2.8rem !important; line-height: 46px;} 
.oners .img {min-height: 300px;}
.four_boxs .set1 h2.fs-1 {font-size: 2.5rem !important; line-height: 45px;}
.ami .carousel_ami { margin-top: -50px;}
.four_boxs .set1 .reveal_boxiamge1 { margin-left: -50px;}
.banner_video h1.fs-1 {font-size: 3.2rem !important; line-height: 57px;}
img.map {width: 320px !important;}
.banner_video { padding-right: 400px;}
.banner_video::after {right: 400px;}
.about .main_nmbr h2 {font-size:200px;}
.about .main_nmbr h3 {font-size: 60px;}
.four_boxs { background-size: 208px;}
img.logo-img, .fixed img.logo-img {height: 70px;}
section.pb-xl-5 {padding-bottom: 65px !important;}
section.py-xl-5 { padding-top: 65px !important; padding-bottom: 65px !important;}
}

/*************************************************************************
********* @media only screen and (max-width: 1199px)  *********************
***********************************************************************/
@media only screen and (max-width: 1199px) {
section.pb-xl-5 {padding-bottom: 55px !important;}
section.py-xl-5 {padding-top: 55px !important; padding-bottom: 55px !important;}
.banner_video h1.fs-1 { font-size: 2.8rem !important; line-height: 50px;}
.banner_video::after { right: 315px;}
.banner_video { padding-right: 315px;}
p {font-size: 15px;}
h2.fs-1 {font-size: 2.6rem !important; line-height: 46px;}
.four_boxs .set1 h2.fs-1 { font-size: 2.1rem !important; line-height: 40px; }
.cta .reveal_cta img { width: 84%; }
img.logo-img, .fixed img.logo-img { height: 70px;}
.set1.set2 .boxiamge3 {height: 250px;}
}

/*************************************************************************
********* @media only screen and (max-width: 991px)  *********************
***********************************************************************/
@media only screen and (max-width: 991px) {
   .banner_video iframe {min-width: 134%; }
h2.fs-1 {font-size: 2.2rem !important; line-height: 40px;}
.banner_video { padding-right: 0;}
.banner_video::after {right: 0; }
.banner_video .container { margin-right: auto; max-width:}
.banner_video h1.fs-1 {font-size: 2.4rem !important; line-height: 45px;}
.banner_video h1.fs-1 br { display: none;}
.banner_video .align-items-center {align-items: self-end !important;}
img.map {width: 272px !important;}
.numbers_in { width: 90% !important;}
.numbers_in .fs-1 {font-size: 50px !important;}
.four_boxs .set1 h2.fs-1 {  font-size: 2rem !important; line-height: 37px;}
.four_boxs {background-size: 136px; background-position: top 113px right;}
.four_boxs .set1 .reveal_boxiamge1 {max-width: 400px; margin: auto;}
.four_boxs .set1 {background-size: 300px;}
.cta .reveal_cta img {width: 100%;}
.cta {background-size: 240px;}
.ami2 {background-size: 200px;}
.oners {background-size: 300px;}
.oners .owl-dots{display:none}
img.logo-img, .fixed img.logo-img {height: 65px;}
.banner_video .iframe {height: 70vh;min-height: 500px;}
.set1.set2 .boxiamge3 {height: 230px;}
}

/*************************************************************************
********* @media only screen and (max-width: 767px)  *********************
***********************************************************************/
@media only screen and (max-width: 767px) {
.footer p {justify-content: center;} 
.divimg {padding-right: 111px; background-size: 130px;}
.banner_video iframe {min-width: 180%; }
.numbers_in .icon {height: 50px;}
.numbers_in p {font-size: 14px;}
h2.fs-1 {font-size: 1.9rem !important; line-height: 38px;}
.four_boxs .set1 h2.fs-1 {font-size: 1.6rem !important; line-height: 33px;}
img.logo-img, .fixed img.logo-img {height: 55px;}
.numbers_in {width: 100% !important;}
.carousel_images_section { margin-top: -30px;}
.main_heading {margin-top: -25px;}
.carousel_images_section img { height: 340px;object-fit: cover;}
.cta .reveal_cta {display: none;}
.ami2 .cont img {width: 56px;}
.ami2 .container.pt-xl-5 {padding-top: 0 !important;}
.footer ul.d-flex {justify-content: center;}
.oners {background-size: 200px;}
section.pb-xl-5 {padding-bottom: 48px !important;}
section.py-xl-5 {padding-top: 48px !important; padding-bottom: 48px !important;}
img.map {width: 200px !important;}
.about .main_nmbr h2 {font-size: 148px; }
.about .main_nmbr h3 {font-size: 43px;}
.about .main_nmbr {margin-bottom: -33px; margin-right: -19px;}
.banner_video h1.fs-1 {font-size: 2.1rem !important; line-height: 42px;}
.ami .item .opacity-0{opacity: 1 !important;}
.ami .item .cont { margin-bottom: 0px !important;}
.ami .item .cont { background: linear-gradient(359deg, #1b2727, #1b2727bf, #1b272700); transition: all 0.5s; -webkit-transition: all 0.25s;}
.ami .item .cont .text-black {color: var(--black) !important;}
.ami .item .cont .icon.d-none { display: block !important;}
.ami .item .cont .icon {display: none !important;}
.ami .carousel_ami { margin-top: -43px;}
.ami .cont h4 {font-size: 18px; }
.set1.set2 .boxiamge3 { height: 160px;}
}

/*************************************************************************
********* @media only screen and (max-width: 576px)  *********************
***********************************************************************/
@media only screen and (max-width: 575px) {
.divimg { padding-right: 0; background-size: 0; padding-top: 20px;}
.four_boxs .set1 .reveal_boxiamge2 {margin-left: 0;}
.four_boxs .set1 .reveal_boxiamge3 { margin-left: -55px;}
.set1.set2 .boxiamge3 {height: 100px; }
.set1.set2 .bbtn {position: relative !important; margin: auto;}
.banner_video iframe {min-width: 190%; }
.banner_video .iframe { height: 60vh;  min-height: 400px;}
p, .fs-6, .footer ul li a {font-size: 14px !important;}
.ami .cont h4 {font-size: 16px;}
.ami .icon {width: 50px !important; height: 50px;}
.four_boxs .set1 .reveal_boxiamge1 {max-width: 260px;}
.about .main_nmbr { margin-right: 0;}
img.map {width: 86%!important; position: relative !important;margin-left: -15px;}
.ami2 .cont h4 {ont-size: 16px !important;}
h2.fs-1 {font-size: 1.9rem !important; line-height: 33px;}
img.logo-img {height: 50px;}
.fixed img.logo-img { height: 50px;}
.navbar-expand .navbar-toggler {font-size: 15px;}
.ami .carousel_ami {margin-top: -36px;}
}

/*************************************************************************
********* @media only screen and (max-width: 480px)  *********************
***********************************************************************/
@media only screen and (max-width: 480px) {
.four_boxs .set1 .reveal_boxiamge1 { max-width: 240px;}
h2.fs-1 br {display: none;}
.banner_video iframe { min-width: 283%;}
}


