@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/font-awesome/css/all.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
:root {
    --primary-font: "Roboto", sans-serif, Arial, Helvetica;
    --dark-gray: #121212;
    --red: #CC0001;
    --light-ash: #E9EAEB;
    --navy-blue: #153A63;
 }
body { background-color: var(--dark-gray); color: var(--bs-white); font-family: var(--primary-font); font-weight: 400; overflow-x: hidden; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important;border:none }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--bs-white); font-family: var(--primary-font); font-weight: 400; }
h1 { font-size: 33px; }
h1 small { font-size: 35px; }
h2 { font-size:22px; }
h2 small { color: var(--red); font-size: 20px; }
p, li { color: var(--bs-white); font: 400 15px var(--primary-font); overflow-wrap: break-word; word-wrap: break-word;line-height: 24px; }
.top-main-links {background-color: #121212;}
.top-main-links li {list-style: none;}
.top-main-links .main-right li a {font-size:22px;font-weight: 900; border-bottom: none;letter-spacing:0.03em;}
.hd-p-colr{color:#747474}.re-banner{position:relative}.re-banner .banner-inner-txt{position:absolute;top:50%;left:30px;translate:0% -50%}
.banner-inner-txt{width:100%;text-align: center;margin-top: 30px;}
.banner-inner-img img{border-radius:20px}.color-swatch{width:15vw;height:15vw;max-width:50px;max-height:50px;border-radius:28%;background-image:linear-gradient(to right,#fff 50%,#fff 50%);
    cursor:pointer;border:0px solid #fff;transition:border .3s,transform .3s;position:relative;display:block;margin:0px}
    .color-swatch-container{display:flex;justify-content:center}
    .gallery-outer,.variants__wrapper__col{text-align:center}
    .gallery-wrap .col-md-4{width:32.8%;position:relative;padding:0}
    .gallery-wrap .dream-cont:after{background:radial-gradient(circle,rgba(18,18,18,.2) 100%,#000 100%)}
    .enquiry-form .booking{position:inherit;margin:0;padding-bottom:40px}
    .hd-p-colrm{color:#adadad;font-size:13px}
    .enquiry-form{background:#424242;margin-top:40px;padding-bottom:1px}
    .enquiry-form input[type=text],input[type=text]:focus{border:1px solid #555}
    .enquiry-form .form-control{margin-bottom:12px}
    .enquiry-form .pre-booking{max-width:200px}
    .top-main-links .main-right li{margin-bottom:19px}.top-main-links .main-right li:last-child{margin:0}
    .main-right{margin-top:70px}html{scroll-behavior:smooth}
    html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
    .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
    .lenis.lenis-stopped{overflow:hidden}
    .lenis.lenis-scrolling iframe{pointer-events:none}
    ::-webkit-scrollbar{width:0}
    ::-webkit-scrollbar-thumb{background:#ca252b}
    ::-webkit-scrollbar-thumb:hover{background:#ca252b}
    .next-btn:focus{border:1px solid}.video-banner{position:relative;padding-bottom:30%}
    .back-video{position:absolute;top:0;left:0;width:100%}
.socil-ico-link{justify-content:flex-end;display:flex;align-items:flex-end}
.top-main-links a:hover {color:#484747}
.feedback-section .input-box input {background-color: #fff;}

.feedback-section input[type=text], .feedback-section input[type=text]:focus {background: #fff;}
.in-view {
   background: rgb(66, 66, 66);
    padding: 20px;
    border-radius: 8px;
}
.owl-legacy .slide-item {position: relative;}



.booking .form-select {margin-bottom: 12px;
    background-color: #141414;color: lightgrey; border-radius: 0; border: 1px solid #555555;
    padding-left: 26px;background:#141414 url("../images/selectv.png") 98% 12px no-repeat;
}
.form-select:focus {box-shadow:none;}

/*---- start----*/

.filter-accecer li a img, .accessories-left li a img {
    margin-right: 5px;
}
body.modal-open {position: fixed;}


.filtr-mob .btn.btn-red {
    width: 100px;
}

.group-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    translate: -50% 0px;
    width: 100%;
    padding: 0 52px;
    background-color: rgba(0, 0, 0, 0.6);
}

.assec-right .text-prod-txt {align-items: center;}
.filtr-mob {
    
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.review-wrp {column-gap: 10px;}
.review-b {   
   
    border-radius: 24px; text-align: left;
    background-color: rgb(40 40 40);
    padding: 24px;
    border: 1px solid transparent;
    margin-bottom: 20px;width: 30%;
}
.review-b span {text-align: left;}
.review-b span h4 {color: grey;font-size: 16px;}
.review-b span h6 {color: rgb(107, 107, 107);font-size: 13px;}
.accss-prod img {
    border-radius: 12px;
}

.acce-left {
    margin-bottom: 40px;
}
.accessories-left {
    background: #1F1F1F;
    padding: 21px 0px;
    border-radius: 16px;width: 20%;
}
.accessories-left li a {
    color: #A3A3A3;
    
    display: block;
    padding: 6px 21px;
    margin-bottom: 6px;}

    .accessories-left li a:hover {background: #434242;}
.accessories-left li a.active {   
    background: #434242;
}
.accessories-left ul {margin: 0; padding: 0;}
.accessories-left li {list-style: none;}
.accessories-wrp .text-prod { align-items: inherit;flex-direction: column;width:80%}

.accessories-wrp .text-prod-txt {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.accessories-wrp .booking {position: inherit;width:auto;margin: 0;}
.acce-left h5 {text-align: left;padding-left: 22px;
    margin-bottom: 20px;}
.acce-left ul {text-align:left;}

.accessories-wrp .booking .form-select {padding-left: 10px;margin: 0;
    background: #141414 url(../images/selectv.png) 96% 12px no-repeat;}
    
.accss-prod-wrap {
    display: flex;
    column-gap: 60px;flex-wrap: wrap;
}


.accss-prod {
    width: 47%;margin-bottom: 38px;
}


.accss-prod h4 {
    font-size: 16px;
    margin-top: 12px;
}

button.btn.btn-red {
    background: #cc0001;
    color: #fff;
    width: 200px;
}

button.btn.btn-red:hover {
    background-color: #a30c0c;
}



/* accessories end*/


.top-main-links li a{color:#e9eaeb;border-bottom:1px solid #484747;padding-bottom:4px;font-size:17px;margin-bottom:10px;display:block;text-transform: none;}
.top-loc .me-lg-5{width:20px}
.link-top-wrp{max-width:none;margin:0 auto;text-transform: uppercase;}
.top-main-links .btn-close{background:url("../images/cross.png") left top/18px no-repeat;opacity:1;padding:2px;background-size:18px;
    height: 19px;
    width: 19px;}

    .group-card:hover .card-service-label{transform:translateX(-50%) translateY(-25%);max-height:400px}
.bi-arrow-right-circle-fill::before {font-size: 15px;}

section#feedbackSection h2 { margin-bottom: 12px;}
.thankyou-section h2 {margin-bottom: 12px;}
.top-main-links{height:100%!important}
.top-main-links h5{width:100%;font-size:40px;text-align:center;padding:0;margin:0}
.top-main-links li{list-style:none}
.socil-top .top-tpgglr img{width:22px}
.socil-top a img{width:14px}
.tap-wrp{background:#221e1c;padding:9px 0 9px 0;max-width:940px;width:100%;margin:0 auto 22px auto;}
.drem-wrp-two{justify-content:center;column-gap:14px;width:100%;margin:0}
    .goverlay {
        background: rgba(0, 0, 0, .79);
    }
.drem-wrp-two .col-auto {width: 49%;}
.mx-auto-wid {margin: 0 auto;    max-width: 990px;}

.hotline { background-color: var(--dark-gray); clear: both; padding: 14px 0; width: 100%; }
.hotline p { color: var(--bs-white); margin: 0; }
.bi-arrow-right-circle-fill::before{font-size:15px}
.subpage .text-color-2{color:#aaa}
.primum-tab-wrap h2.abou{font-size:28px;max-width:60%;text-transform:none}
.bg-secondary-color{background-color:#1e1e1e}
.section.about-two{padding:6em 2em;overflow:hidden;background-size:cover;background-position:center}
.warranty{padding:15vh 0}
.subpage .text-primary-color{color:#ca252b}

.banner { clear: both; position: relative; width: 100%; }
header { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }

.booking { bottom: 0; margin-bottom: 50px; position: absolute; left: 0; width: 100%; z-index: 1; }
.top-padd {max-width:none ; padding: 0px 7%;}
.dream-wrap.top-padd {padding: 20px 9.1% 30px;}
.top-paddv {max-width:none ; padding: 0 7%;}

.top-alig-mnu  {justify-content:space-between ; position: relative;}
.left-top-enq {display:flex;max-width: 500px;width: 100%;justify-content: flex-end;}
.socil-top a {margin: 0 18px;}
.nav-pills { justify-content: center; }
.nav-pills .nav-item .nav-link {border-radius: 0; }
.nav-pills .nav-item:first-child .nav-link { border-left: inherit; }
.nav-pills .nav-item .nav-link {border-radius: 0;font-weight:400;position: relative;padding: 0 15px;}
.primum-tab-wrap .nav-pills .nav-item .nav-link:after {content: '';position: absolute;width: 1px; height: 16px; background-color: gray;top:5px; left:-1px}
.primum-tab-wrap .nav-pills .nav-item .nav-link.no-after:after {display: none;}
.top-loc {width: 38%;}

.box { position: relative; width: 100%;}
.box .overlay { color: var(--bs-white); font-size: 16px; font-weight: 300; height: 100%; padding: 20px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; }
.box .overlay p { color: var(--bs-white); font-size: 14px; font-weight: 300; }

.explore { bottom: 20px; position: absolute; left:0; width: 100%;padding: 0 20px; }
.explore hr { opacity: 1; }
.explore a { border-bottom: 1px solid var(--bs-white); color: var(--bs-white);font-size: 14px;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 3px; }

.dream-cont .overlay p{font-size:23px;font-weight:400;margin:0}
.video-wrp{position:relative}
.vido-btn{position:absolute;top:50%;left:50%;translate:-50% -50%;width:60px}
.vido-btn .btn,.vido-btn .btn:first-child:active{background:0 0;border:transparent}
.modal-content{background-color:#312e2d;width:594px}
.video-glry .btn-close{background:url(../images/closee.png) center/30px no-repeat;top:12px;position:absolute;right:12px}
.modal-header {border-color: transparent;}

.gallery .col-lg-4.padd-box {padding:0}
.dream-wrap .dream-cont h2 {font-size: 26px; font-weight: 400;}
.dream-expl span {font-size: 30px; font-weight: 400;}
.dream-expl hr {border-color: #484747;}
.explore a:hover {font-weight: bold;}
 .dream-cont:after { content: ""; position: absolute; top:0;left:0; width: 100%; height: 100%;    
    background: #121212;
background: radial-gradient(circle,rgba(18, 18, 18, 0.2) 21%, rgba(0, 0, 0, 1) 100%);}
.dream-wrap {padding-top: 20px;}
.dream-wrap h2 { font-size: 34px; margin-bottom: 25px;}

.premium-wrp:after { position: absolute; top:0;left:0; width: 100%; height: 100%;    
    background: #121212;background: radial-gradient(circle, rgba(18, 18, 18, 0.2) 65%, rgba(0, 0, 0, 1) 103%);
}

.primum-tab-wrap .nav-link.active {background-color: transparent; color: #CC0001; }
.primum-tab-wrap .nav-link {color: #dbd6d6;}
.primum-tab-wrap h2 {font-weight: 400;margin-bottom: 30px;font-size: 24px;text-transform: uppercase;}
    
.box.premium-wrp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #121212;
    background: linear-gradient(0deg, rgba(1, -366, -627, 0) 0%, rgba(0, 0, 0, 1) 130%);
}
.box.premium-wrp:after {
    content: "";
    position: absolute;
    top:auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #121212;
    background: linear-gradient(180deg, rgba(1, -46, 153, 0) 0%, rgba(0, 0, 0, 1) 120%);
}

.group-left {position: relative;} /*round gredient******/
.group-left:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;    
background: #121212;
background: radial-gradient(circle,rgba(18, 18, 18, 0.2) 21%, rgba(0, 0, 0, 1) 100%);} 
.group-left {width:46%;overflow: hidden;padding: 0;}

.group-right {display:flex; justify-content: center;align-items: center;padding: 0 40px;width:48%}
.group-right-wrp {width: 100%;}

.subpag-brand .owl-carousel.owl-brand .owl-item img {
    width: 90px;
}
.subpag-brand .owl-brand .all-prod:after {
    height: 26px;
    top: 30px;
}
.craftpadding{padding: 0;}
.banner-inner-txt p{padding: 0 17%;}
.col.grou-ico img {width: 29px;}
.group-right span{background-color:#221e1c;width:56px;display:flex;height:56px;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px}
.form-bnr input::placeholder{font-size:14px;opacity:.8;color:#fff}
.form-bnr input{height:44px;border-radius:0; padding-left: 30px;}
input[type=text],input[type=text]:focus{color: lightgrey; background:rgba(0,0,0,.7);border-color: #555555;outline:0,}
.four-w{background-color:#221e1c;text-align:center;padding:33px 0;width: 22.59%;}
.four-icon-wrp{column-gap:12px;margin-top:38px;justify-content: center;}
.four-w h4{font-weight: 400;margin-top: 10px;font-size: 17px;text-transform: uppercase;margin-bottom: 0;}
.four-w img { width: 40px;}
.about-text h2,.about-text h2 small{font-weight:300}
.primum-tab-wrap{padding-top:30px}
.group-right-wrp .row{padding:19px 0 20% 0}
.abt-img{width:59%;opacity: 0.2;}
.about-intro-wrap {padding-top:93px;position: relative;}
.subpage .catgry-wrp .text-primary-color,.subpage .prod-list-wrap .text-primary-color{color:#fff}
.links-primary:hover{color:#cc0001}
.brand-wap{padding-top:30px;position:relative;padding-bottom:70px}
.img-ratio img{position:relative;width:100%;height:auto;bottom:0;transition:.5s}
.img-ratio:hover img{bottom:-3px;transform:scale(1.1)}
.text-prod-txt .links-primary:hover{border-bottom:2px solid #cc0001;transition:.2s ease-in-out}
.about-text h2{margin-bottom:33%;font-size: 34px;}
.about-text{position:absolute;top:0;left:0}
.about-intro-left{position:relative;text-align:left;display:flex;justify-content:right;width:50%}
.about-ico-txt h3,.about-ico-txt p{font-weight:300;opacity:.7}
.about-ico{margin-right: 20px;border:1px solid #707070;border-radius:8px;display:flex;align-items:center;justify-content:center; width:48px /*68px*/;height:48px;}
.about-ico-txt h3 {font-size: 16px; margin-bottom: 2px;}
.about-ico-txt {width:75.9%;padding: 0;}

.about-ico-txt p {font-size: 12px; margin: 0;padding: 0;letter-spacing: 0.05em;line-height: 20px;}
.owl-brand { padding: 19px 5px;}
.owl-brand .owl-carousel .owl-stage {display:flex; align-items: center;}
.owl-brand .all-prod {position: relative;}
.owl-brand .all-prod:after{content:"";width:1px;height:66px;position:absolute;right:0;top:30px;background-color:#bfbfbf}
.brand-wap.top-padd{padding:30px 9.6% 70px}
.tab-big{justify-content:center}
.about-intro-right{width:37.7%}
.hori-abut{position:absolute;text-transform:uppercase;right:-30px;top:52%;font-size:17px;font-weight:400;transform:rotate(90deg);height:30px;width:193px;z-index:2;text-align:center;color:gray}
.people-trust section{
    max-width: 950px;
    margin: 10px auto;
    width: 100%;
    display: flex;
    justify-content: center;}
.people-trust .item{position: relative;width:6%;height:350px;background:#c8c8a9;float:left;border-right:none;font:20px monospace;padding:10px;cursor:pointer;background: url(../images/bg-legc.png) no-repeat left center;}
.people-trust .info{float:left;height:350px;background:#4b3e4d;display:none;font:25px cursive;padding:0}
.peo-trst-text {height: 350px;width: 513px;}
.peo-trst-text img {height: 350px;width: 513px;}
.people-trust .item h3 {font-weight: 300;transform: rotate(-90deg); position: absolute; top: 50%;translate: 0 -50%;left:-10px;margin: 0;width: 84px;text-align: center;z-index: 2;}
.grou-between {justify-content: center;}
.group-wap {padding-bottom: 78px;}
.group-wap h2 {font-size: 34px; margin-bottom: 26px;}
.about-itr {justify-content: center; margin: 0;}
.year-abut { position: relative;top: -15px;}
.dream-cont .overlay {padding: 61px;}
.mob-no.year-abut img {  width: 50%;}
.col.exper-star-ico img { width: 18px;}
.product-allwrap {width:75%;}
.product-all-right {width:18%;padding-left: 38px;}
.about-ico-wrp{background:#221e1c;border-radius:14px;margin-bottom:40px;padding:15px}
.owl-brand .all-prod {width: 100%;border-radius: inherit;justify-content:center; margin-bottom: 0;padding-right: 8px;}
.owl-carousel.owl-brand .owl-item img {width: auto;}
.group-right small {font-weight: 300;}
.group-right h2 {font-weight: 400;font-size: 32px;}
.group-right h4 {text-align: center;font-size: 15px; font-weight: 400;text-transform: uppercase;}
.parallex-wrap h2,.pre-booking{font-weight:300}
.exper-star-bttm,.exper-star-ico,.product-allwrap .slide-item{text-align:center}
.next-star-btn,.par-box{position:relative}
.exper-star-ico span{background-color:#221e1c;width:55px;display:flex;height:55px;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px}
.parallex-wrap small{font-size:40px;font-weight:500;color:#ffff}
.parallex-wrap h2 {font-size: 56px;}
.pre-booking.pbokg  {width:154px;top: -32px;position: relative;}
.product-allwrap{overflow:hidden}
.pre-booking{background-color:#cc0001;color:#fff;width: 200px;
    padding: 10px 3px;font-size: 15px;text-transform: uppercase;border-radius: 0;font-weight: 400;}
.legacy-wrp {padding:0 9%;max-width:none;}
.form-bnr .pre-booking {width: 100%;}
.exper-star {max-width: 800px;margin: 0 auto;}
.pre-booking:hover{background-color:#a00606}
.all-prod-wrap{border:1px solid #707070;border-radius:14px;padding:40px 12px;max-width: 1540px;}
.all-prod-top{padding:66px 9.2% 20px;}
.par-box:after {content:"";width:101%;height:101%;position:absolute;top:-1px;left:-1px;    
background: #121212;
background: radial-gradient(circle,rgba(18, 18, 18, 0.2) 21%, rgba(0, 0, 0, 1) 100%);}
.all-prod{display:flex;width:70.9%;background:#fff;border-radius:50%;margin:0 auto 12px auto;}
.parlx-text {z-index:1;}
.all-categry-wrap p {margin: 0;}
.people-trust a {font-size: 12px; padding: 2px 6px;}
.people-trust a:hover {opacity: 0.6;}
.par-box {background: url(../images/pto_07.png) no-repeat center fixed #212121;
    padding: 17% 20px;
    position: relative;
    background-size: cover;
}
.plep-trus-wrap h3{
    font-weight: 300;
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: 0px;margin: 0;width:84px;text-align: center;
    z-index: 2;}

    
.col-md-4.loclus {
    background: oklch(24.04% 0.0015 17.26);margin-bottom: 12px;
    width: 32%;
    padding: 18px;
}
.loclus h6 {color:#db252c;}
.row.location-bnr {
    padding-top: 20px;
    column-gap: 12px;
}
button.btn.pre-find:hover {background-color: #000;}

.bnr-link a:hover{text-decoration:underline}
.exper-star-bttm .exper-star-ico span{width: 30px;height:30px;margin:0 6px}
.exper-star-ico{justify-content:center}
.exper-star-ico p a{font-size:16px;font-weight:400;color:#fff}
.exper-star-bttm{margin-top:20px}
.exper-star-bttm h3{font-size:18px;font-weight:400}
.exper-star-wrap{padding:22px 0}

.star-stand{max-width:412px;margin:14px auto}
.satifd{width:100%}
.satifd .col-auto{flex:0 0 auto;margin-top:20px;padding:0;width:auto;font-size:13px;color:grey}
.next-star-btn{top:-25px;border:1px solid grey;border-radius:0;width: 108px;padding: 7px 2px;color:#fff;background-color: #000;}
.next-star-btn:hover { outline: 2px solid grey;color: grey;}

.people-trust {background-color: #153A63; padding: 55px 14px;}
.people-trust h2 {font-size: 35px;font-weight: 400;}
.people-trust p {font-size: 12px; line-height: 22px;margin:0;}
.legacy .slide-item {position: relative;}
.legacy .slide-item .text-banner {position: absolute; top:50%; translate: 0 -50%; left:5%; max-width: 500px; width: 100%;z-index: 1;}
.legacy h2 {font-weight: 300;
    font-size: 38px;
    text-transform: uppercase;}
.legacy .slide-item::after {content:""; width:50%;height: 100%; position:absolute; top:0; left:0; 
    background: #121212;background: linear-gradient(90deg,rgba(18, 18, 18, 1) 4%, rgba(87, 199, 133, 0) 74%, rgba(237, 221, 83, 0) 100%);
}
.bnr-link {background-color: #153A63;display: block; border-radius: 50%;position: relative; width:63px; height: 63px;}
.bnr-link a {color: #fff; 
    position: absolute;  top: 26px;left: 27px;white-space: nowrap;text-transform: uppercase;font-size: 11px;letter-spacing: 0.22em;}
section.legacy {padding: 3px 15px 55px 15px;}
.owl-dots {display:none;}
.form-control:focus {box-shadow: none;}

/* ex sldier big bottom */

.slider{position:relative;z-index:200;width:100%}
.slick-arrow{position:absolute;top:50%;width:30px;height:30px;border:none;color:#fff;font-family:monospace;font-size:20px;z-index:300;outline:0;
    background:#597233;display:flex!important;justify-content:center;align-items:center;border-radius:50px}
.slick-prev{left:30%;width: 30%;}
.slick-next{right:30%;text-align:right}
.slider-container{padding:0 20px}
.item.slick-slide{width:400px;height:500px!important;transition:transform .4s;position:relative;border-radius:20px;transform:scale(.4) translate(1110px)}

.top-text-hd {width: 82%;}
.no-mobl a {text-transform: uppercase;font-size: 14px;background: #424242;border-radius: 0;}
.socil-top {font-size: 13px;letter-spacing: 0.08em;}

.item.slick-slide.slick-center+.slick-slide{z-index:10;transform:scale(.5) translate(-380px)}
.item.slick-slide.slick-center+.slick-slide+.item.slick-slide{z-index:5;transform:scale(.4) translate(-1110px)}
.slick-center:after{opacity:0}

.item.slick-slide.slick-active{transform:scale(.5) translate(380px)}
.item.slick-slide.slick-center{z-index:30;transform:scale(.6)}
.wrap{overflow:hidden;position:relative;z-index:9;width:auto;height:auto}
.slider{padding:0;margin:0}
.experiencewrap h2{font-size:22px;padding-bottom:0}

footer { background-color: var(--light-ash); color: var(--bs-black); padding:30px 0 20px 0; width: 100%; }
footer h4 { color: var(--navy-blue); font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: .85rem; }
footer h4 small { color: var(--bs-black); font-size: 16px; font-weight: 500; letter-spacing: normal; }
footer h5 { color: var(--bs-black); font-size: 18px;font-weight: 500;margin-bottom: 10px; }
footer p { color: var(--bs-black);    line-height: 24px; font-size: 13px; }
footer p a {color:var(--navy-blue) ;}
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { color: var(--bs-black); }
footer ul li a { color: var(--bs-black); font-size: 14px;}
footer p.f-right-p a { text-decoration: underline;}
footer p.f-right-p a:hover {text-decoration: none;}
.marg-bttm {margin-bottom: 20px;}
.ftr-links li {margin-bottom:8px;}
.ftr-links a:hover {color: #153A63;}
.subratn {
    background-color: #000;
    padding-top: 20px;
}

.f-mob-resev {margin-top: 10px;}
.f-moblogo img {width: 90px;}
.premium-contr {width: 100%; padding: 0 0px;}
.section {padding: 6em 2em;overflow: hidden;background-size: cover;background-position: center;}
.bg-overlay {
    position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(17, 17, 17, .5);
    z-index: 1;pointer-events: none;inset: 0;}
.gallery-tab .nav-link{margin-bottom:12px;border-radius:2px;font-size:19px;font-weight:400;border:1px solid;margin-right:8px}
.img-ratio img,.text-prod{border-radius:12px}
.breadcrumb .breadcrumb-item>a{color:red;text-decoration:none}
.breadcrumb-item.active{color:#2270c7}
.prod-list{display:flex;margin-bottom:40px}

 .contact-page-w .card {background: #212121;}
 .breadcrumb-item+.breadcrumb-item::before {color:#585555;}

.cont-frm {    
    background: #202020;
    padding: 20px 20px 40px 20px;
    border-radius: 12px;
}
.cont-frm input, .cont-frm .form-control {background-color: #121212; border: 1px solid #565656; font-size: 16px;}
 .cont-frm .form-label {color: #a7a2a0;}
 .cont-frm  ::placeholder {
  color: #5f5f5f;font-size: 12px;
  opacity: 1; /* Firefox */
}

.cont-frm  ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #a7a2a0;
}

.img-ratio{width:30%}
.text-prod{background:#2a2a2a;color:#212121;
    margin-left:12px;box-shadow:0 3px 6px #200d6a26;display:flex;align-items:center;padding:30px;width:70%; text-align: left;}
    .text-prod h5{color:#dbdbdb;font-size:30px;font-weight:500}
    .text-prod p{color:#d3d0d0}
    .text-prod-txt .links-primary{color:#cc0001
    }.color-change .slider-container{position:relative;display:block;max-width:1000px;margin:0 auto}
    .color-change .slider-container .slider .content img{width:auto}
    .color-change .slider-container .slider-controls a{position:absolute;top:45%;z-index:100;color:#333}
    .color-change .slider-container .slider-controls a.slider-left{left:-25px}
    .color-change .slider-container .slider-controls a.slider-right{right:-25px}
    .color-change .thumbnail-slider-container{max-width:400px;margin:20px auto 0}
.color-change .thumbnail-slider .content,.video .col-lg-4.padd-box{padding:0}
.color-colum{flex-direction:column}
.color-change .thumbnail-slider-container .owl-item .item{border:2px solid #fff;width:54px;height:54px;border-radius:30%}
.text-primary-color{color:#fff}.loction-wrp{padding:30px 0}
.subpag-brand .owl-brand{padding:0 5px
}button.btn.pre-find{border:2px solid grey;color:grey;margin-top:19px}
.loclus p,.loction-wrp p{color:#817b7b;margin:0}
.row.location-bnr{padding-top:20px}.heading{font-weight:300}
.bi-arrow-right-circle-fill::before{font-size:15px}
.links-primary{font-weight:400;text-decoration:none;color:#bfbfbf;transition:color .3s}

.cont-frm textarea.form-control-lg{height:80px;font-size:14px}.submt{width:320px}
.step-number{background-color:#1e1e1e;color:#aaa;font-weight:700;font-size:25px;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;
    justify-content:center;flex-shrink:0}
    .bg-primary-color{background-color:#cc0001}
    .color-change #thumbnailSlider .owl-item.selected .item{border:2px solid #cc0001}
    .card{background:#121212;background:radial-gradient(circle,rgba(18,18,18,.2) 65%,#000 103%);color:#fff;border:0}
    .card-service-label{background-color:rgba(17,17,17,.6);position:absolute;bottom:-35px;left:50%;transform:translateX(-50%) translateY(0);width:90%;max-height:130px;
overflow:hidden;transition:.4s;cursor:pointer}
section.section.map-wrp.p-0{margin-top:60px}





.modal-header .btn-close {font-size:0;background: url(../images/closee.png) no-repeat center;opacity: 1;}
#enquryModal .enquiry-form {margin: 0;background-color: transparent;}
#enquryModal .primum-tab-wrap {padding: 0;}
#enquryModal .top-padd { padding: 0;}
.thumbnail-slider-container img {border-radius: 26%;cursor: pointer;}




@media (max-width:1030px) {

.product-allwrap {width: 100%;}
.all-categry-wrap {display: block;}


}
@media (max-width:480px) {
    
.accss-prod {width: 100%;}

}

@media (max-width:600px) {
    h1 {font-size: 23px;}
    .col-md-4.loclus { width:100%;}
   .mob-cont{padding:0}
   .mob-cont h5{font-size:17px;margin-top:11px}
   .submt{width:273px}
   .prod-list{display:block;margin-bottom:40px}
   div.img-ratio{width:100%;margin-bottom:12px}
   div.text-prod{width:100%;margin:0;padding:12px}

    .box .overlay {padding:8px;}
    .owl-brand {padding:0;}
    ul#pills-tab li {border: 1px solid #323332; border-radius: 25px; padding: 4px; margin-bottom: 8px;}
.nav-pills .nav-item .nav-link {font-size: 14px;}
.primum-tab-wrap .nav-pills .nav-item .nav-link:after {display: none;}
div.drem-wrp-two .col-auto,div.tab-big .premium-contr{width:100%}
div.drem-wrp-two .col-auto.expl-btn {width:96px;}
    .four-icon-wrp{margin-bottom:30px}
    .four-w{width:48%}
    .four-icon-wrp,div.mob-hdr-top{margin-top:0}
    .top-loc{display:block}
    .group-right{padding:0;width:100%}
   .group-wap.top-padd {
        padding-bottom: 18px;
        margin: 13px 0;
    }
    .dream-wrap .dream-cont h2{font-size:18px}
    .dream-cont .overlay{padding:14px}
    .dream-wrap.top-padd{padding:20px 14px 30px}
   
.exper-star-ico p a {font-size: 15px;}
.exper-star-bttm h3 {font-size: 18px;}
.exper-star-bttm .exper-star-ico span {width: 50px;height: 50px;}
.exper-star-ico span img {width: 30px;}
.mob-no {display: none;}
.product-allwrap{margin:0 auto}
.product-allwrap {width: 100%;}
.product-all-right { width:100%;}
.plep-trus-wrap {display: none;}
.about-ico {margin-bottom: 6px;width: 50px;margin-right: 15px;height: 50px;}
.about-text {position: absolute;top: 8%; left: 20px;}
.banner  {overflow: hidden;}
.about-intro-right .row {margin: 0 0 12px 0;}

.dream-wrap {padding-top: 30px;}
.dream-cont { margin-bottom: 12px;}

}

@media (max-width:991px) {
    .banner-inner-txt p {
  padding: 0;
}
    .craftpadding {
  padding: 0 20px;
}
    .review-wrp {padding: 15px;}
    .review-b {width: 100%;}
    
    .filter-accecer .modal-body {padding: 0 12px}
.filter-accecer .acce-left ul li {list-style:none;}
.filter-accecer .acce-left ul {padding-left: 0;}
.filter-accecer li a.active {
    background: #434242;
}
.filter-accecer li a {
    color: #A3A3A3;
    display: block;
    padding: 6px 21px;
    margin-bottom: 6px;
}
.filter-accecer .acce-left h5 {
    text-align: left;
   
}
    .filter-accecer .modal-content {width:auto;}
     .filter-accecer .modal-footer {border-color: #4f4d4c;}
.accessories-wrp .text-prod-txt {
    display: block;    
    text-align: center;
}

    .filtr-mob {margin-bottom: 20px;}
.accss-prod-wrap {column-gap: 20px;}

    .booking.desktop {display:none;}
    .accessories-left {display:none;}
    .accessories-wrp .text-prod {width:100%;margin:0;}












    
.subpage.enquiry-form, .subpage.color-change {
    margin-top: 32px;
}
    .row.form-bnr .col-md-6 {width: 100%;}
.text-prod h5 {font-size: 20px;}
 section.section.map-wrp.p-0{margin-top:20px}
 form.form.needs-validation.cont-frm .col{margin:12px;padding:0;flex:auto}
 .primum-tab-wrap h2.abou{font-size:26px;max-width:100%;text-transform:none;margin:0}
 .section.about-two{padding:20px}
 .warranty{padding:4vh 0}
    
.col-md-4.loclus { margin-bottom: 28px;}
    .gallery-tab .nav.nav-tabs {justify-content: center;}
    .gallery-tab .nav-link {padding:6px; font-size: 14px;}
    .form-bnr {padding-top: 28px;}
    .nav-pills .nav-item:first-child .nav-link { border-left: none;}
 .subpage h1 {font-size: 22px;}
 .re-banner .banner-inner-txt {left: 4px; padding: 12px;  top: 3%;  translate: 0;}
 .color-change {margin-top: 30px;}
.color-change .thumbnail-slider-container { max-width: 220px;}
.subpage {margin-top: 6px;}
.color-change .thumbnail-slider-container .owl-item .item {width: 41px;margin: 0 auto;height: 41px;}
.color-swatch {width:37px;height:37px;}
.color-colum .slider-container {padding:0;}
.color-colum  {padding-bottom: 20px;}
.top-padd.gallery-outer {padding: 0;}
.sub.video .col-lg-4 {width: 50%;padding: 0;margin-bottom: 5px;}

div#gallery .col-lg-4 {width: 50%;margin: 0 0 5px 0;}

.tap-wrp {border-radius: 15px;padding: 15px 4px;}
.booking form,.group-right-wrp{background:#221e1c;padding:20px 15px;border-radius:20px}
.group-right-wrp{width:100%;margin-top:30px}
.owl-brand .all-prod:after{height:26px;top:50%;margin-top:-12px}
.exper-star-ico span{margin-bottom:12px}
.form-bnr .pre-booking{margin:inherit;border-radius:4px;width:190px}
.four-icon-wrp{row-gap:12px;padding:15px 20px;background:#312e2d;border-radius:20px;margin:0 0 30px}
.top-loc{width:62%}
.parlx-text {margin-top: -77px;}
.banner-pd {padding: 0 22px;}
.banner-pd .owl-banner {border-radius: 6px; overflow: hidden;}
.top-padd {padding:0 15px}
.top-main-links li a {font-size: 17px; margin-bottom: 3px; }
.top-main-links .main-right li a{font-size:18px;margin-bottom:9px}
.col-lg-6.main-right{margin-top:30px}
.top-main-links .btn-close{background-size: 15px;height:15px;width:15px;background-position-x:2px;}
.about-intro-left{width:100%;display:block;margin-bottom:40px;margin-top:30px}
.abt-img,.hori-abut,.legacy .slide-item::after,.mob-no{display:none}
.about-ico-txt{width:75%;padding-right:0}
.about-intro-right{width:100%}
.about-intro-right .row{margin:0 0 12px}
.about-text{position:inherit}
.legacy .slide-item .text-banner{position:inherit;translate:0;width:93%;margin-top:22px}
.legacy-wrp{padding:0}
.pre-booking.pbokg{top:0; margin: 0 auto;}
footer .top-padd{padding:0 15px}
.par-box{padding:22% 20px;background:url(../images/pto_07.png) center no-repeat #212121}
.all-categry-wrap{display:block}
.form-bnr,.pre-booking{display:block}.bnr-link{width:40px;height:40px}
.bnr-link a{top:11px;left:20px;font-size:12px}
.all-prod{margin:0 auto 20px;width:100%}
.legacy h2{font-weight:300;font-size:20px;margin-bottom: 8px;}
.legacy p {font-size: 14px; line-height: 20px;}

.item.slick-slide{width:340px;height:320px!important}
section.legacy{padding:12px 15px}
.all-prod-top{padding:50px 15px 18px 15px;}
.people-trust{padding:30px 14px}
.people-trust h2{font-size:22px;margin-bottom: 8px;}
.people-trust p {margin-bottom: 10px;}
.about-intro-wrap,.brand-wap.top-padd{padding:6px 14px 16px 14px;}
.dream-wrap .col{width:100%;flex:auto}
.dream-cont .overlay p,.four-w h4,.parallex-wrap small{font-size:14px}
.about-text h2,.pavr-box{margin-bottom:30px}
.parallex-wrap h2{font-size: 30px;text-align: center;}
.about-ico-txt h3,.dream-cont h2{font-weight: 400; font-size: 14px;margin-bottom: 5px;}
.group-left{width:100%}.group-right h2{font-size:22px}
.group-right h4,.pre-booking{font-size:12px}
.group-right h2 small{font-size:16px}
.abt-img{width:45%}.group-right-wrp .row{padding:8px 0}
.grou-ico{width:125px}
.about-ico-wrp{margin-bottom:14px}
.about-ico-txt p{font-size:11px;line-height:22px}
.form-bnr input[type=text],.form-bnr input[type=text]:focus{ 

            background: transparent;
        border-radius: 4px;
        border:1px solid #525252;
        padding-left: 8px;
        color: #C2BABA;
}
.dream-expl span {
    font-size: 18px;
}

input::placeholder{
    color: #C2BABA;
    font-weight: 300;
    font-size: 15px;
}
.form-bnr input{height:39px;border-radius:0;margin-bottom:12px}
.pre-booking{  margin: 0 0; border-radius: 6px;}
.dream-wrap h2{font-size:22px}.four-w{padding:13px 0; border-radius: 12px;}
.primum-tab-wrap h2 {font-size: 16px;}
.tab-big .premium-contr {width: 50%;}
.about-text h2  {font-size: 20px;}
.top-tpgglr {width: 36px;}
.about-text h2 small {font-size: 16px;}
.about-itr {display: block;}
    .exwrap p{font-size:14px;margin:0;padding:0}
    .experiencewrap{padding:20px 0}
    .item.slick-slide.slick-center+.slick-slide+.item.slick-slide{transform:scale(.4) translate(-1110px)}
    .item.slick-slide{transform:scale(.4) translate(1110px)}
    .item.slick-slide.slick-active{transform:scale(.5) translate(380px)}
    .item.slick-slide.slick-center+.slick-slide{transform:scale(.5) translate(-380px)}
    .item.slick-slide.slick-center{transform:scale(.6)}
    .wrap{position:relative;z-index:9;width:auto;height:auto}
    .slider{padding:0;margin:0}
    .experiencewrap h2{font-size:22px;padding-bottom:0}
    .exper-star-wrap{padding:22px 12px}
    
    footer {padding-top: 20px;}
    footer h4 {font-size: 20px; font-weight: bold;}
    footer h4 small {font-size: 15px;}
    .marg-bttm {margin-bottom: 0px;}
    .f-moblogo {display: none;}
    .top-text-hd {display:none;}
    .f-mob-resev {margin-top: 4px;}

    .desktop-vw-lgo, .no-mobl, .owl-carousel .owl-item img.dektop-main-bnr {display:none;}
    .mob-hdr-top {display:flex;justify-content: space-between;margin-top:0px;align-items: center;}
    .mob-logo-tp  {width:35px;}
    .hotline p {font-size: 13px;}
    .top-loc { text-align: right;  opacity: 0.6;
                position: absolute;
        left: 50%;
        translate: -50% 0;
        width: 243px;
    
    }
    .socil-top {display:none;}
    .booking {position: inherit;margin-top: 32px;  margin-bottom: 30px;}

      .ftr-para {width:100%;}
      .ftr-links {width: 50%;}
      footer h5 {font-size: 17px;margin-bottom: 14px;}
.ftr-links.social-ftr {width: 100%;margin-top:30px;text-align: center;}
.ftr-links.social-ftr ul {display: flex; column-gap:12px;display: flex; justify-content: center;}
.ftr-links.social-ftr ul li {width: 9%;}

.dektop-main-bnr {display:none;}
}



@media (min-width:992px) {

    .filtr-mob {display:none;}

    .mob-main-bnr {display: none;}

.mob-hdr-top, .owl-carousel .owl-item img.mob-main-bnr {display:none;}
.hotline p {font-size: 13px; line-height: 20px;}
a.navbar-brand img { width: 80px;}
.mobile-vw-lgo {display: none;}
.ftr-para {width:50%;}
.desktop-vw-lgo {
    width: 90px;
    display: flex;
}


}
 @media only screen and (min-width:1025px) and (max-width:1280px)  {
    

 }

@media (min-width:1281px) {
    a.navbar-brand img {  width: auto}
 


}

@media (min-width:1440px) {
    .ftr-para {width:25%;}
}



/*Al3---back-to-top starts here */
#backToTopBtn {position: fixed;bottom: 30px;right: 20px;width: 48px;height: 48px;background: rgba(229, 57, 53, 0.9);backdrop-filter: blur(8px);border: none;border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(20px);transition: opacity 0.3s ease, transform 0.3s ease;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
#backToTopBtn.show {opacity: 1;visibility: visible;transform: translateY(0);}
#backToTopBtn:hover {background: #b71c1c;transform: translateY(-3px) scale(1.05);}
#backToTopBtn svg {width: 24px;height: 24px;stroke: #fff;animation: bounce 1.5s infinite ease-in-out;}
@keyframes bounce {0%, 100% { transform: translateY(0); }50%{ transform: translateY(-3px); }}
  
/*Al3---back-to-top starts here */

/*Al3---date-picker css starts here */
/* Wrapper for positioning */
.custom-date-wrapper {position: relative;width: 100%;}
  #bnh-date {background: rgba(0, 0, 0, 0.7);color: lightgrey;border: 1px solid #555;padding: 10px 40px 10px 10px;font-size: 14px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    text-align: left !important;
    position: relative;
    z-index: 2;
  }
  #bnh-date:invalid {
    color: grey;
  }
  #bnh-date:valid {
    color: lightgrey;
  }
  #bnh-date::-webkit-calendar-picker-indicator {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
  }
  .custom-calendar-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
  }
 @media (max-width: 767px) { #bnh-date {background-color: transparent;text-align: left !important;border: 1px solid #555;}}
/*Al3---date-picker css end here */ 












/* -------------------
    Media Query
--------------------------- */

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

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}