p{line-height:1.4;font-size:18px;color: #666;font-weight:400;}
li,ul{margin:0;padding:0;list-style:none;font-size:18px;color:#666;font-weight:400}
.btn,:after,:before,a{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
.bg-1{background:#F3F3F3}
.bg-2{background:#202020}
strong{font-weight:500}
textarea{ resize: none; }
a:focus, a.focus, a.active, button:focus, button.focus, button.active{ outline: none; box-shadow: none; }
.gradient01,.workspace .mask, .amenity .cardicon, .touchbtn, .btn-read, .amenities .card:after, .slider-gall .slick-prev, .slider-gall .slick-next, .dream-space .card:hover .card-body, .aboutus .mediapic:after{
   background: rgba(255,41,11,1);
   background: -moz-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
   background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,41,11,1)), color-stop(100%, rgba(252,125,21,1)));
   background: -webkit-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
   background: -o-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
   background: -ms-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
   background: linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff290b', endColorstr='#fc7d15', GradientType=1 );					
}
.gradient02, .sitemap:after,.map-view:after{
   background: rgba(255,255,255,0);
   background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,0.51) 51%, rgba(243,243,243,1) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(39%, rgba(255,255,255,0.39)), color-stop(51%, rgba(255,255,255,0.51)), color-stop(100%, rgba(243,243,243,1)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,0.51) 51%, rgba(243,243,243,1) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,0.51) 51%, rgba(243,243,243,1) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,0.51) 51%, rgba(243,243,243,1) 100%);
   background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,0.51) 51%, rgba(243,243,243,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 );
}
.gradient03, .sitemap:before,.map-view:before{	 
  background: rgba(243,243,243,1);
  background: -moz-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(243,243,243,0.94) 44%, rgba(243,243,243,0.93) 52%, rgba(243,243,243,0.86) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,243,243,1)), color-stop(44%, rgba(243,243,243,0.94)), color-stop(52%, rgba(243,243,243,0.93)), color-stop(100%, rgba(243,243,243,0.86)));
  background: -webkit-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(243,243,243,0.94) 44%, rgba(243,243,243,0.93) 52%, rgba(243,243,243,0.86) 100%);
  background: -o-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(243,243,243,0.94) 44%, rgba(243,243,243,0.93) 52%, rgba(243,243,243,0.86) 100%);
  background: -ms-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(243,243,243,0.94) 44%, rgba(243,243,243,0.93) 52%, rgba(243,243,243,0.86) 100%);
  background: linear-gradient(to right, rgba(243,243,243,1) 0%, rgba(243,243,243,0.94) 44%, rgba(243,243,243,0.93) 52%, rgba(243,243,243,0.86) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3', GradientType=1 );
}
.touchbtn, .btn.gradient01, .slider-gall .slick-arrow {
transition: all 0.7s ease-out;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
}
.touchbtn:hover, .btn.gradient01:hover, .slider-gall .slick-arrow:hover {
background-position: 99% 50%;
}

.btn-read{color:#666666;font-weight:500;font-size:16px;letter-spacing:0.5px;padding: 14px 42px;border-radius: 4px;border:none;position:relative;z-index: 1;}
.btn-read:hover{color:#FFFFFF; }
.btn-read:hover:after{width:0; }
.btn-read:after{content:"";position:absolute;top:0;right:0;height:calc(100% - 6px);width:calc(100% - 6px);background:#FFF;z-index: -1;border-radius: 4px;margin: 3px;}




/* ==============================
2. Pre Loader & Go top
============================== */
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;/* background-image: url('../images/preloader.gif'); *//* background-repeat:no-repeat; */background-color:#FFF;/* background-position:center; */}
#back-to-top{cursor:pointer;position:fixed;bottom:0px;right:20px;z-index:1111;display:none;color:#FFF!important;background:rgba(0,0,0,.65);padding:3px 12px;border-radius:14px 14px 0px 0px; }

.mpulse {
  width: 151px;
  height: 28px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color:#FFF;
  background-image: url('../images/preloader02.png');
  background-repeat:no-repeat;
  background-position:center;
}

.status {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../images/preloader02n.png');  
  background-repeat:no-repeat; 
  background-position:center;
  -webkit-animation: mpulse 2s infinite linear;
  animation: mpulse 2s infinite linear;
}


@-webkit-keyframes mpulse {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
}

@keyframes mpulse {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}


/* ==============================
3. home css 
============================== */
.touchbtn{color:#FFFFFF;font-weight:500;font-size:16px;letter-spacing:0.5px;padding: 12px 22px;border-radius: 4px; margin-left:18px; }
.touchbtn:hover{color:#FFFFFF; }



.inevitable h1{color:#464645; font-size:37px; margin-bottom:24px;}
.inevitable{position: relative;z-index: 2;}
.inevitable .triangle.tp{position: absolute;top: -40px;right: 10%;pointer-events: none;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);}
.inevitable .triangle.btm{position: absolute;bottom: -38px;left: 7%;pointer-events: none;-webkit-clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);}
.dream-space h2 {
color: #464645;
font-size: 37px;
margin-bottom: 24px;
text-align: center
}

.dream-space .card {
border: none;
border-radius: 0;
background: transparent;
padding-bottom: 35px;
}

.dream-space .card img {
width: calc(100% - 15%);
max-width: 555px;
height: auto;
}

.dream-space .card .card-body {
padding: 35px 34px;
position: absolute;
bottom: 0;
right: 0;
max-height: calc(100% - 50px);
width: calc(100% - 50px);
max-width: 384px;
z-index: 1;
background: #fff;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}

.dream-space .card:hover .card-body {
background: #ffffff;
}

.dream-space .card:hover .card-body:before {
opacity: 1;
}

.dream-space .card .card-body:before {
content: '';
position: absolute;
background: rgba(255, 41, 11, 1);
background: -moz-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 41, 11, 1)), color-stop(100%, rgba(252, 125, 21, 1)));
background: -webkit-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -o-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff290b', endColorstr='#fc7d15', GradientType=1 );
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.4s all;
z-index: -1;
}

.dream-space .card .schedule li a {
position: relative;
}

.dream-space .card .schedule li a:before {
content: '-';
left: 0;
position: relative;
width: auto;
height: auto;
background: transparent;
padding-right: 5px;
}

.dream-space .card .schedule li a:after {
display: none;
}

.dream-space .card h5, .dream-space .card span {
font-size: 28px;
color: #FD6A13;
margin-bottom: 0;
line-height: 24px;
}

.dream-space .card span {
display: inline-block;
margin: 0 8px 0 0;
line-height: 32px;
padding: 5px 25px;
font-size: 18px;
background: #FD6A13;
border: 1px solid #FD6A13;
color: #fff;
}

.dream-space .card:hover a {
text-decoration: none;
}

.dream-space .card a i {
position: absolute;
right: -7px;
font-size: 12px;
color: #FC6E13;
top: 7px;
bottom: 3px;
/*background: white;*/
line-height: 28px;
}

.dream-space .card a:before, .dream-space .card a:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 3px;
background: #666666;
}

.dream-space .card a:after {
top: auto;
bottom: 0;
}

.dream-space .card:hover a i {
color: white;
}

.dream-space .card .card-body, .dream-space .card h5, .dream-space .card:hover a {
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;
-ms-transition: all 250ms linear;
transition: all 250ms linear;
}

.dream-space .card:hover h5 , .dream-space .card:hover span {
color: #FFF;
background: transparent;
border-color: #fff;
}

.dream-space .card:hover a {
border-color: #EBEBEB;
color: #FFF;
}

.dream-space .card:hover a:before, .dream-space .card:hover a:after {
background: #ffffff;
}

.dream-space .card .schedule {
position: relative;
overflow: hidden;
/* overflow-y: auto; */
height: calc(100% - 24px);
max-height: 0;
-webkit-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-out;
}

.dream-space .card .schedule li {
color: #666666;
font-size: 18px;
font-weight: 400;
padding: 5px 0;
}

.dream-space .card .dream-list {
position: relative;
z-index: 2;
overflow: hidden;
height: 100%;
max-height: 250px;
min-height: 100%;
opacity: 0;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;
-ms-transition: all 250ms linear;
transition: all 250ms linear;
padding-top: 20px;
}

.dream-space .card:hover .dream-list {
opacity: 1;
}

.dream-space .card .dream-list li {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.dream-space .card .dream-list li.animate {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

.dream-space .card .dream-list li:nth-child(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}

.dream-space .card .dream-list li:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}

.dream-space .card .dream-list li:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.dream-space .card .dream-list li:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}

.dream-space .card .dream-list li:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.dream-space .card .dream-list li:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}

.dream-space .card .dream-list li:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.dream-space .card .dream-list li:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}

.dream-space .card .dream-list li:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}

.dream-space .card .dream-list li:nth-child(10) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.01;
}

.dream-space .card .dream-list li:nth-child(11) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}

.dream-space .card .dream-list li:nth-child(12) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}

.dream-space .card .dream-list li:nth-child(13) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}

.dream-space .card .dream-list li:nth-child(14) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.dream-space .card .dream-list li:nth-child(15) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6;
}

.dream-space .card:hover .schedule {
max-height: 500px;
-webkit-transition: max-height 0.6s ease-in;
transition: max-height 0.6s ease-in;
}

.dream-space .card:hover .schedule li {
color: rgba(255, 255, 255, 0.86);
}

.amenities .card-body {padding: 0.8rem 1.25rem;}
.amenities h2{color:#464645;font-size:37px;margin-bottom: 14px;font-weight: 600;}
.amenities h2 small{color:#999999;font-size:15px;font-weight:500;display:block;margin-bottom: 12px;letter-spacing: 2px;}
.amenities h6{color:#666;font-size: 22px;font-weight: 400;}

.amenities .card{border:none; border-radius:0; background-color:transparent; text-align:center; height:100%; position:relative; z-index:9; }
.amenities .card h5{color:#464645;font-size:16px;margin: 5px 0px 12px 0px;}
.amenities .card h5, .amenities .card p, .amenities .card img{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
.amenities .cardicon img {max-height: 48px;}
.amenities .card p{ line-height: 25px; }
.amenities .card:hover h5{color:#FFF; }
.amenities .card:hover p{color:rgba(255, 255, 255, 0.85); }
.amenities .row.pt-lg-2 > .col-md-6{border-left:solid 1px rgba(0, 0, 0, 0.15); }
.amenities .row.pt-lg-2 > .offset-lg-1{border-left:none; }
.amenities .row.pt-lg-2{position: relative;  }
.amenities .row.pt-lg-2:after{content: "";position: absolute;top: 0;left: 0;background: #f3f3f3;height: 100%;width: 2px;pointer-events: none;}
.amenities .card:after {
content: "";
position: absolute;
z-index: -1;
top: 0px;
left:0;
right: 0;
bottom: 0px;
opacity: 0;
-webkit-transform:scaleY(0.9);
transform:scaleY(0.9);
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);
}
.amenities .card:hover:after {
opacity:1;
-webkit-transform:scaleY(1.1);
transform:scaleY(1.1);
}
.amenities .card:hover .cardicon img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
opacity:0.9;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}
@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}



.stay-connekted h3{color:#464645;font-size:34px;margin-bottom: 32px;font-weight: 600;max-width: 396px;}
.stay-connekted p{color:#666;font-size: 22px;font-weight: 400;}

.app-download-list li a {
padding: 9px 38px 9px 10px;
/* border: 3px solid #FC6712; */
line-height: 15px;
border-radius: 38px;
margin-top: 24px;
position:relative;
z-index:1;
overflow:hidden;
-webkit-box-shadow: 0px 0px 12px 0px rgba(252, 103, 18, 0.12), inset 0px 0px 0px 3px #FC6712;
box-shadow: 0px 0px 12px 0px rgba(252, 103, 18, 0.12), inset 0px 0px 0px 3px #FC6712;
}
.app-download-list li a:after{content:""; position:absolute; top:0; left:-3px; height:100%; width:0; background:#FC6814; z-index:-1; }
.app-download-list li a:hover:after{width:107%; }
.app-download-list .icon-sm{
font-size: 25px;
line-height: 46px;
background:#FC6814;
text-align:center;
color:#FFF;
height: 46px;
width:46px;
border-radius:50%;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.app-download-list .icon-sm svg{fill:#FFF;width: 23px;position: relative;left: 1px;top: -1px;}

.download-text h5 {
font-size: 19px;
margin-bottom: 0px;
color: #666666;
font-weight:600;
}
.download-text span {
font-size: 12px;
color:#666666;
font-weight:600;
}
.app-download-list li a:hover {
text-decoration:none;
}
.app-download-list li a:hover i {color:#FC6814; background:#FFF; }
.app-download-list li a:hover .icon-sm svg{fill:#FC6814; }
.app-download-list li a:hover span, .app-download-list li a:hover h5{
color: #FFFFFF;
}

.reserve h3{color:#464645;font-size:37px;margin-bottom: 21px;}
.reserve.bg-1{border-bottom: solid 1px #eaeaea; }
.reserve .mask {left: 0;pointer-events: auto; position: relative;}
.reserve .myseat {position:relative;z-index:9;pointer-events:auto;padding: 78px 0px;height: 100%;/* background-color: rgba(243, 243, 243, 0.56); */}
.sitemap,.map-view {position:relative;overflow:hidden;width:100%;/* max-width: 57.86VW; */display:block;margin-left:auto;} 
.sitemap:after,.map-view:after {content:"";position:absolute;top:0;right: 0;width:100%;height:100%;max-width: 58VW;pointer-events: none;}
.sitemap:before,.map-view:before {content:"";position:absolute;top:0;left: 0;width:100%;height:100%;max-width: 42VW;pointer-events: none;/* background: rgba(243, 243, 243, 0.98); */}
.sitemap iframe{display:block; border:none; width:100%; height:600px; }

.myseat .form-control{height: 54px;margin-bottom: 10px;border: 2px solid #999999;outline: none;background: #ffffff;font-size: 15px;padding: 12px 16px;/* font-weight: 500; */letter-spacing: 0.2px;}
.myseat .form-control:focus{border: 2px solid #868686;}
.myseat textarea.form-control {height: 86px;resize:none;}
.btn.gradient01{border:none;color: #fff;font-size: 18px;padding: 13px 42px 13px 30px;text-align: left;position: relative;}
.btn.gradient01 i{font-size:12px;position: absolute;right: 20px;top: 52%;transform: translateY(-50%);}

.btn-submit{background:#493a82;color:#ffffff;border:none;border-radius:24px;padding:14px 48px;margin-top:5px;box-shadow:0px 4px 18px 0px rgba(73, 58, 130, 0.18);font-size:14px;font-weight:600;text-transform:uppercase;}
.btn-submit:hover {background: #34295f;color: #ffffff;box-shadow: 0px 4px 18px 0px rgba(239, 76, 123, 0.18);}

.gallery{position: relative; width: 100%; overflow: hidden; }

.slick-slider .slick-prev{left:0; }
.slick-slider .slick-next{right:0; }
.slick-slider .slick-next:before, .slick-slider .slick-prev:before{font-family:'FontAwesome'; color:#EDEDED; font-size:12px; opacity:1; }
.slick-slider .slick-next:before{content: "\f061";}
.slick-slider .slick-prev:before{content: "\f060";}

.gallery-slide{margin-left:-5px; margin-right:-5px;  }
.slider-gall .item{padding:0px 5px;/* display:block; */outline:0px;}
.slider-gall .itempic{position:relative;overflow:hidden;border-radius:4px;display: block;}
.slider-gall .itempic:after{content:""; position:absolute; z-index:1; top:0; left:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.2); }
.slider-gall .item img{width:100%; display:block; outline:0px; -webkit-transition:all 900ms linear; transition:all 700ms linear;  }
.slider-gall .item.slick-active{pointer-events: none; }
.slider-gall .item.slick-active.slick-center{pointer-events: auto;}
/*.slider-gall .item.slick-active img{-webkit-filter: blur(2px); filter: blur(2px); }
.slider-gall .item.slick-active.slick-center img{-webkit-filter: blur(0px); filter: blur(0px); }*/
.slider-gall .slick-prev, .slider-gall .slick-next{height:50px; width:50px; padding:10px; border-radius:50%; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); }
.slider-gall .slick-prev{left:16VW; margin-left: -24px; z-index: 9; }
.slider-gall .slick-next{right:16VW; margin-right: -24px; z-index: 9; }
.slider-gall .item .overlay-box{display:none; }

.tfooter .row .drive{padding:0 9px;}
.tfooter .row .drive{border-left: solid 1px rgba(255, 255, 255, 0.25);}
.tfooter .drivebox{margin: auto;display:block; padding:20px 10px 20px 10px;}
.tfooter h6{font-size:17px; color:#FFF; font-weight:600; margin-bottom:5px; }
.tfooter h6 i{padding-right:5px; font-size:22px; }
.tfooter h6 i.fa-phone{position:relative;font-size:24px;top: 4px;}
.tfooter p, .tfooter p a{font-size:16px;line-height: 25px;color: rgba(255, 255, 255, 0.85);margin: 0px;}
.tfooter .btn{min-width:150px; }

.tfooter .nav{margin-left:-10px; }
.tfooter .nav li a{font-size:18px; color: rgba(255, 255, 255, 0.85); padding:1px 10px }
.tfooter .nav li a:hover{color:#fd7514 }

footer{border-top: solid 1px rgba(255, 255, 255, 0.25);} 
footer p, footer p a{font-size:16px;line-height: 24px;color: rgba(255, 255, 255, 0.75);text-align: center;}
footer p a:hover{color: rgba(255, 255, 255, 0.96); }


/* ==============================
4. sub page css 
============================== */   
.sub-banner {position:relative;width:100%;z-index:1; /*padding:180px 0px 110px 0px;*/}

.subpage h2{color: #464645;font-size: 37px;margin-bottom: 14px;font-weight: 600;}
.subpage p:last-child{margin-bottom:0px; }

.theme-bread .breadcrumb{margin-bottom:0; border-radius:0; background-color:#fff; padding:23px 0px 21px 0px; }
.theme-bread .breadcrumb li, .theme-bread .breadcrumb li a{color:#464645; font-size:16px; font-weight:500; }
.breadcrumb-item+.breadcrumb-item::before{content: "\f101"; font-family:'FontAwesome';  color: #464645;  }

.btncsr{color: #414042;font-size:14px;border: solid 2px #fd360b;padding:3px 16px 3px 4px;border-radius:38px;font-weight:600;box-shadow: 0px 2px 12px 0px rgba(254, 58, 12, 0.18);}
.btncsr i{height:40px;width:40px;line-height:40px;text-align:center;background: #fe380c;border-radius:50%;color:#FFF;margin-right:5px;position:relative;}
.btncsr:hover, .btncsr:focus{color:#1b1464; box-shadow:0px 2px 12px 0px rgba(180, 65, 152, 0.24) !important; }
.btncsr i:before{position:relative;}
.btncsr:hover i.fa.fa-arrow-down:before{border-top-color: #4CC713; -webkit-animation: downloadArrow 2s linear infinite; animation: downloadArrow 2s linear infinite; }
.btncsr:hover i.fa.fa-arrow-left:before{border-top-color: #4CC713; -webkit-animation: backArrow 2s linear infinite; animation: backArrow 2s linear infinite; }

.illustration {position:relative; overflow:hidden;transition: opacity 1s ease; }
.illustration h4{font-size:32px;color: #fc6f13;margin-bottom:24px;font-weight:600;}
.illustration svg path{fill:none;stroke: #414042;stroke-width:70;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.illustration.show{opacity:1;}
.illustration .pencil-text{margin-top:-20%;}

#thanks{max-width:568px;width:100%;padding:48px 24px;text-align:center;margin:auto;min-height:456px;}
#thanks h2{font-size:40px;color: #414042;font-weight:700;margin-bottom:20px;}
#thanks p{font-size:19px;line-height:28px;padding:7px 0px;color:#666; text-align: center;}
#thanks svg{width:118px;display:block;margin:0 auto 32px; }
#thanks .path{stroke-dasharray:1000;stroke-dashoffset:0}
#thanks .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}
#thanks .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}
#thanks .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}


.agency .plus-container {
   position: absolute;
   top: 15%;
   left: 5%;
   -webkit-animation: star 1s infinite;
   animation: star 1s infinite; 
}
@-webkit-keyframes star {
   0% {
   	-webkit-transform: scale(1);
   	transform: scale(1);
   }
   50% {
   	-webkit-transform: scale(0.8);
   	transform: scale(0.8); 
   }
   100% {
   	-webkit-transform: scale(1);
   	transform: scale(1); 
   } 
}
@keyframes star {
   0% {
   	-webkit-transform: scale(1);
   	transform: scale(1); 
   }
   50% {
   	-webkit-transform: scale(0.8);
   	transform: scale(0.8); 
   }
   100% {
   	-webkit-transform: scale(1);
   	transform: scale(1); 
   } 
}


.port-squar {
   position: absolute;
   top: 8%;
   right: 31%;
   -webkit-animation: hom-suar 3s linear infinite;
   animation: hom-suar 3s linear infinite
}
@-webkit-keyframes hom-suar {
   0% {
   	-webkit-transform: translateY(0);
   	transform: translateY(0)
   }
   50% {
   	-webkit-transform: translateY(20px);
   	transform: translateY(20px)
   }
   100% {
   	-webkit-transform: translateY(0);
   	transform: translateY(0)
   }
}

@keyframes hom-suar {
   0% {
   	-webkit-transform: translateY(0);
   	transform: translateY(0)
   }
   50% {
   	-webkit-transform: translateY(20px);
   	transform: translateY(20px)
   }
   100% {
   	-webkit-transform: translateY(0);
   	transform: translateY(0)
   }
}









.lines, .lines .line {
   position: absolute;
   top: 0;
   height: 100%;
   overflow: hidden;
   pointer-events: none;
   z-index: 1;
opacity:0;
}
.lines {
left: 0;
width: 100%;
}

.lines .line {
width: 16%;
border-right: solid 1px rgba(255, 255, 255, 0.18);
}

.lines .line:first-child {
left: 4%;
}
.lines .line:nth-child(2) {
left: 20%;
}
.lines .line:nth-child(3) {
left: 36%;
}
.lines .line:nth-child(4) {
left: 52%;
}
.lines .line:nth-child(5) {
left: 68%; 
}
.lines .line:nth-child(6) {
left: 84%;
opacity: 0;
}

.lines .line:after {
content: "";
display: block;
position: absolute;
height: 15vh;
width: 1px;
top: -50%;
right: 0;
background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(75%,#c9ab81),to(#c9ab81));
background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#c9ab81 75%,#c9ab81);
-webkit-animation: run2 7s 0s infinite;
animation: run2 7s 0s infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.4,.26,0,.97);
animation-timing-function: cubic-bezier(.4,.26,0,.97);
}

.lines .line:first-child:after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.lines .line:nth-child(2):after {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.lines .line:nth-child(3):after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.lines .line:nth-child(4):after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.lines .line:nth-child(5):after {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
@-webkit-keyframes run2{0%{top:-50%}to{top:110%}}
@keyframes run2{0%{top:-50%}to{top:110%}}

#myCarousel .carousel-item img{max-height: 960px;object-fit: cover;}
#myCarousel h4{
font-size:40px;
margin-bottom:15px;
color:#FFF;
line-height:124%;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
#myCarousel p{
font-size:22px;
margin-bottom:30px;
color:#fbfbfb;
font-weight: 500;
letter-spacing: 0.5px;
font-family: 'Montserrat', sans-serif;
}
#myCarousel .mask h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .mask p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .mask a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .mask h4, #myCarousel .mask p, #myCarousel .mask a{
-webkit-animation-duration: 1s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slide-text{ display: none; }
#myCarousel .carousel-item img{max-height: 960px;object-fit: cover;}

#myCarousel .mask{top: 70%;transform: translateY(-50%);left: 20%;height: auto;max-width: 1050px;padding: 5px 0px 10px 36px;overflow: hidden;margin-left: -4px;z-index: 9;}
#myCarousel .mask:before{width: 7px;height: 100%;content: "";position: absolute;top: 0;left: 0;z-index:1;background: #fc6f13;}w

@-webkit-keyframes fadeInLeft {
from {
   opacity: 0;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
}

to {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
from {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUp {
from {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
from {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
}

to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

@keyframes slideInRight {
from {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
}

to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}


.triangle {
display: inline-block;
width: 96px;
height: 96px;
background: #FC6F13;
cursor: pointer;
animation: polygons 4s alternate infinite;
}

@keyframes polygons {
25% {
transform:translateY(-10px)
}
50% {
transform:translateY(0px)
}
75% {
transform:translateY(10px)
}
}

.amenities.bg-1 {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
}

span.btn_ring{
position: absolute;
display: inline-block;
border:2px solid rgba(252, 111, 19, 0.25);
background-color: transparent;
height:358px;
width:358px;
border-radius: 100%;
top:50%;
right: -90px;
bottom: 0;
left: auto;
z-index: -1;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.btn_ring > span {
position: absolute;
display: inline-block;
border: 2px solid rgba(252, 111, 19, 0.76);
border-radius: 100%;
z-index:-1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation: 2.5s infinite linear;
animation: 2.5s infinite linear;
}
.btn_ring > span:nth-child(1) {
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-delay: 0s;
}
.btn_ring > span:nth-child(2) {
top: 0;
right: 0;
bottom: 0;
left: 0px;
animation-delay: 0.9s;
}
.btn_ring > span {
-webkit-animation-name:btn_ring_anim; 
animation-name:btn_ring_anim;
}
@-webkit-keyframes btn_ring_anim {
0% {
opacity: 0.2;
top:-1px;
right:-1px;
bottom:-1px;
left:-1px;
}
100% {
opacity: 0.04;
top: -150px;
right: -150px;
bottom: -150px;
left: -150px;
}
}
@keyframes btn_ring_anim {
0% {
opacity: 0.2;
top:-1px;
right:-1px;
bottom:-1px;
left:-1px;
}
100% {
opacity: 0.04;
top: -150px;
right: -150px;
bottom: -150px;
left: -150px;
}
}

.overlay-box {
position: absolute;
right: 0px;
top: 0px;
width: 0;
height: 100%;
opacity: 0;
z-index: 1;
color: #000000;
text-align: center;
background-color: rgba(253, 101, 16, 0.5);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.slider-gall .itempic:hover .overlay-box {
opacity: 1;
width: 100%;
visibility: visible;
}
.overlay-box i {
position: absolute;
width: 50px;
height: 50px;
font-size: 22px;
color: #272727;
line-height: 50px;
margin: 0px 3px;
font-weight: 400;
top: 50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #ffffff;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.sitemap iframe{pointer-events: none; }

#myCarousel.sub-banner{/*background-image: url(../sub-images/about-bnr.jpg);background-repeat: no-repeat;background-size: cover;*/}
/*#myCarousel.sub-banner img {height: 460px;width: 100%;object-fit: cover;}*/
#myCarousel.sub-banner h4{font-size:36px; }
#myCarousel.sub-banner p{font-size:18px; margin-bottom:0; }
#myCarousel .banner-img{display: none; }
#myCarousel .banner-img img{min-height:150px; object-fit:cover; }
/*#myCarousel.sub-banner .mask{position: relative;transform: translateY(0);}*/
#myCarousel.sub-banner .mask{position: absolute;transform: none;top: calc(50% + 40px);bottom: auto;transform: translateY(-50%);left: 20%;overflow: hidden;margin-left: -4px;z-index: 9;height: auto;}
.inevitable.subpage p, .aboutus p{text-align:justify; }

#myCarousel .mask h2.mobile-heading, #myCarousel .mask .mobile-heading {
font-size: 27px;
margin-bottom: 15px;
}

.aboutus{position:relative; width:100%; z-index:1; overflow:hidden; }
.aboutus h3{font-size:30px;color:#000;margin-bottom:24px;position: relative;padding-top: 120px;}
.aboutus h3:before{content:"\201D";font-family:Arial, Helvetica, sans-serif;font-size:200px;color:#FC6F13;position: absolute;top: 0;left: 0;}
.aboutus.bg-1 span.btn_ring{left: -8%;bottom: -263px;border: 2px solid rgba(252, 111, 19, 0.1);}
.aboutus span.btn_ring{right:0;left: 8%;margin: auto;bottom: -260px;top: auto;z-index: -1;transform: translateY(0px);border: 2px solid rgba(252, 111, 19, 0.12);}


.amenity .media{border:none;height:100%;padding: 42px 24px;background-color: rgba(255, 255, 255, 0.02);-webkit-transition: all 300ms ease;transition: all 300ms ease;align-items: center;display: block;text-align: center;}
.amenity .media:hover{background:#FFF;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.07);}
.amenity .media h5, .amenity02 .media h5 {color: #414042;font-size: 20px;font-weight: 600;padding-top: 24px;margin-bottom: 9px;}
.amenity .media p, .amenity02 .media p{font-size:17px; line-height:28px; }
.amenity .cardicon{/* text-align: center; *//* border-radius: 50%; *//* width: 100px; *//* height: 100px; *//* line-height: 100px; */margin-right: 21px;/* -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); *//* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */background: transparent;margin: auto;display: inline-block;position: relative;z-index: 2;padding: 7px;}
.amenity .cardicon img {
/* -webkit-filter: brightness(0) invert(1); */
/* filter: brightness(0) invert(1); */
/* opacity: 0.9; */
/* max-width: 32%; */
position: relative;
z-index: 5;
}
.amenity .cardicon:before {
content: '';
position: absolute;
right: 20px;
top: -10px;
z-index: -1;
width: 32px;
height: 100px;
background: rgba(65, 64, 66, 0.07);
border-radius: 24px;
transform: rotate(45deg);
}

/*.amenity .cardicon:after {
content: '';
position: absolute;
left: -12px;
bottom: 3px;
z-index: -1;
width: 36px;
height: 36px;
background: rgba(65, 64, 66, 0.07);
border-radius: 50%;
}*/

.amenity .row.pt-5{position:relative; z-index:1;}
.amenity .row.pt-5:after, .amenity .row.pt-5:before{content:"";position:absolute;left:0;bottom:0;z-index: 1;background: #f3f3f3;}
.amenity .row.pt-5:after{height:100%;width:2px;}
.amenity .row.pt-5:before{height: 2px;width:100%;}
.amenity .row.pt-5 > .col-md-6{border-bottom: solid 1px rgba(0, 0, 0, 0.07);border-left: solid 1px rgba(0, 0, 0, 0.07);}

.workspace h2{margin-bottom: 14px;}
.workspace h2 small{
color: #999999;
font-size: 15px;
font-weight: 500;
display: block;
margin-bottom: 5px;
letter-spacing: 2px;
text-transform: uppercase;
}
.workspace h2 small:before {
content: "";
position: absolute;
width: 0px;
height: 2px;
background: #fe2f0b;
top: 0;
left: -120px;
bottom: 0;
margin: auto 0;
}
.workspace .worktext{padding: 36px 25px 0px 25px;}
.workspace .view{/* overflow: hidden; */z-index: 2;padding: 0px 16px;height: 100%;}
.workspace .view img{
height: 100%; 
object-fit: cover;
}

.workspace .mask{padding: 24px 30px 24px 24px;/* background-color: #ffffff; */border-radius: 0px 0px 18px 0px;/* box-shadow: 2px 14px 30px 0px rgba(0, 0, 0, 0.1); */color: #ffffff;font-size: 28px;width: auto;height: auto;top: 0;left: 0px;/* bottom: 0; */font-weight: 600;line-height: 24px;display: inline-block;position: absolute;z-index: 1;}

.workspace .mask small{
color: #eaeaea;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
display: block;
letter-spacing: 2px;
}

.workspace .card{height: 132px;border:none;padding-top: 28px;border-radius: 0;background-color: rgba(255, 255, 255, 0.96);border-bottom: solid 1px rgba(0, 0, 0, 0.12);}
.workspace .card+.card{/* border-top:solid 1px rgba(0, 0, 0, 0.12); */}
.workspace .card h5{
color: #414042;
font-size: 15px;
font-weight: 500;
line-height: 22px;
margin-bottom: 0;
text-align:center;
margin-top: -7px;
}
.workspace .card img {height: 36px;margin: auto;display: block;width: auto;max-width: 38px;object-fit: contain;}

/*.work-slick .slick-track{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }*/
.work-slick .item{padding: 0px;/* height: auto; */outline:none !important;border-right: solid 1px rgba(0, 0, 0, 0.12);}
.work-slick .slick-active+.slick-active .card{/* border-left: solid 1px rgba(0, 0, 0, 0.12); */}
.work-slick .slick-arrow{position:absolute;bottom: -48px;right: 0;top: auto;transform: translate(0,0);width: 32px;height: 32px;background: #eaeaea;border-radius: 4px;}
.work-slick .slick-prev{right: 36px;z-index:9;left: auto;}
.work-slick .slick-disabled{cursor: no-drop;opacity: 0.5;}
.work-slick .slick-next:before, .work-slick .slick-prev:before{color: #495057 !important;font-size: 18px !important;line-height: 32px !important;font-weight: 600 !important;}
.work-slick .slick-next:before{content: "\f105"; }
.work-slick .slick-prev:before{content: "\f104"; }

.work-slick.py-4{position: relative;  }
.work-slick.py-4:before, .work-slick.py-4:after{content: ""; position: absolute; background: #fff; bottom: 0; right: 0; z-index: 1;  }
.work-slick.py-4:before{width: 1px;height: 100%;}
.work-slick.py-4:after{width: 100%; height: 2px; bottom: 24px;  }

/*.get-touch h2{text-align: center;}*/
.get-touch h6{font-size: 19px;color:#585858;font-weight:600;margin-bottom: 7px;}
.get-touch p, .get-touch p a{font-size: 16px;line-height: 26px;color: #666;letter-spacing: 0.2px;}
.get-touch .media i{/* padding-right:7px; */font-size: 30px;color: #fff0ea;width: 68px;height: 68px;line-height: 68px;text-align: center;background: #fd4c0e;margin-right: 20px;border-radius: 4px;}
.get-touch .media i.fa-phone{/* position:relative; *//* font-size: 30px; *//* top: 4px; */}
.get-touch .drivebox{padding: 28px 24px;/* border-top: solid 1px #e0e0e0; *//* box-shadow: 0px -1px 0px 0px #fff; */background: white;margin-bottom: 20px;margin-right: 12px;border-radius: 6px;align-items: center;}
.map-g iframe{width: 100%;height: 456px;display: block;border: solid 5px #fff;box-shadow: 0px 0px 32px -2px rgba(0, 0, 0, 0.14);}
.get-touch .myseat {
padding: 30px 42px 24px 42px;
background: white;
border-radius: 6px;
height: 100%;
display: flex;
align-items: flex-start;
}
.get-touch .myseat .form-control{border-width: 1px;font-weight: 400;font-size: 16px;box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.07);}




.gtext.slide-text h4{ margin-bottom: 0; }
.gallery .gallpic {
position: relative;
overflow: hidden;
border-radius: 4px;
display: block;
margin: 1px 0px;
}

.gallery .gallpic .overlay-box{display:none; }

.gallery .gallpic:hover .overlay-box {
opacity: 1;
width: 100%;
visibility: visible;
}


.amenity02 .media{align-items: center;background: #fff;box-shadow: 0 0 20px 1px rgba(0, 97, 173, 0.12);margin-bottom: 32px;}
.amenity02 .cardicon{width: 50%;position: relative;z-index: 1;}
.amenity02 .cardicon:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
.amenity02 .cardicon img{width:100%;height: 368px;object-fit: cover;}
.amenity02 .media-body{padding: 24px; text-align: center;}
.amenity02 .media h5{font-size: 21px}


.get-touch p span{display: inline-block;}

.theme-bread {
display: none;
}

/* =================================
============== modal ==============
=================================== */
.interested .modal-content {
border: 0;
border-radius: 0;
padding: 30px 20px;
background: #fdfdfd;
}
.interested h5 {
font-size: 28px;
font-weight: 600;
color: #414042;
padding: 0px;
margin: auto;
position: relative;
display: inline-block;
text-transform: capitalize;
}
.interested h5:before{left: -18px; }
.interested h5:after{right: -18px; }
.interested .modal-header .close {
position: absolute;
right: 0;
top: 0;
margin: 0;
text-shadow: none;
opacity: 1;
color: #ffffff;
background: #444444;
padding: 6px 10px;
font-size: 24px;
border-radius: 0;
line-height: 23px;
}
.interested button:focus, .interested .form-control:focus{ outline: none; box-shadow: none; }
.interested .form-control {
border-radius: 0;
height: 52px;
font-size: 16px;
font-weight: 500;
background: #ffffff;
border: 1px solid rgb(0 0 0 / 0.25);
color: #414042;
padding: 10px 20px;
}
.interested .form-control:focus{ border-color: #372c2a; background: #fff; }
.interested textarea.form-control{ height: 120px;padding-top: 15px; }
.interested .form-group{ margin-bottom: 10px; }
.interested .form-control::placeholder{font-size: 15px; font-weight: 400; color: #999999; }
.interested .form-control::-webkit-input-placeholder{color: #999999 !important; }
.interested .form-control:-moz-placeholder { /* Firefox 18- */ color: #999999 !important; }
.interested .form-control::-moz-placeholder{  /* Firefox 19+ */ color: #999999 !important; }
.interested .form-control:-ms-input-placeholder{color: #999999 !important; }
.interested .touchbtn{ margin-left: 0; }



/*Mentorship Programme*/
/*.mbox{ background: #fff; }*/
.mbox .mb-30{margin-bottom: 0px; padding: 8px; }
.mbox .card{border: none; border-radius: 0; padding: 15px; height: 100%; }
.mbox .card-body{padding: 0; }
.mbox .card .card-body h5{color: #000; font-size: 18px; line-height: 28px; position: relative; padding: 24px 0; }
.mbox .card .card-body h5:before, .mbox .card .card-body h5::after {position: absolute; left: 0; bottom: 4px; content: ""; height: 2px; width: 100px; background: #b4b4b4b3; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; right: 0; margin: auto; }
.mbox .card .card-body h5::after {width: 0px; background-color: #000; }
.mbox .card:hover .card-body h5::after{width: 100px; background: #fe310b; }
.inevitable .mbox img{width: 100%; }


/* 3-11-20 */
/*Why Choose us css start*/
.why-choose{
position: relative;
overflow: hidden;
padding: 0 100px;
}
.why-choose h2{
color: #464645;
font-size: 37px;
margin-bottom: 32px;
}
.why-choose .why-choose-content {
padding-right: 40px;
}
.why-choose .why-choose-content p{
text-align: justify;
position: relative;
margin: 0;
padding: 0 0 20px 0;
line-height: 28px;
font-size: 17px;
color: #666;
font-weight: 400;
}
.why-choose .why-choose-content p:last-child{ border-bottom: 0; }
.why-img .why-box{
display: block;
position: relative;
overflow: hidden;
}
.why-img .col-grid{
padding: 4px 4px;
}
.why-img .why-box span{
position: absolute;
top: 5px;
right: 5px;
}
.why-img .why-box:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
/*Why Choose us css end*/
.faq{padding:50px 15px; }
.faq h2{color: #464645; font-size: 37px; margin-bottom: 32px; font-weight: 600; text-align: center; }
.faq a.card-title{display: block; position: relative; margin-bottom: 0px; font-size: 18px; color: #666666; font-weight: 500; padding-right: 20px; }
.faq a.card-title:after {content: "\f078"; font-family: 'FontAwesome'; position: absolute; right: 0; vertical-align: middle; top: 0; color: rgb(253, 116, 20); font-size: 14px; line-height: 26px; }
.faq .card-header[aria-expanded="true"] a.card-title:after{content: "\f077"; /* fa-chevron-up */ color: #ffffff; }
.faq .accordion .card{border: 0; border-radius: 0; overflow: visible; background: transparent; }
.faq .accordion .card .card-header{background: #fff; border: 1px solid #FD6A13; padding: 18px 23px; cursor: pointer; margin-bottom: 10px; box-shadow: 0px 0px 6px rgb(0 0 0 / 6%); border-radius: 10px; transition: all 0.7s ease-out; }
.faq .accordion .card .card-header[aria-expanded="true"]{border: transparent; margin-bottom: 0; border-radius: 10px 10px 0 0; transition: all 0.7s ease-out; background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10)); background-position: 1% 50%; background-size: 300% 300%; }
.faq .accordion .card .card-body{font-size: 17px; color: #666;background: #fff; margin-bottom: 10px; border-radius: 0 0 10px 10px;  }
.faq .accordion .card .card-body a{color: rgb(253, 116, 20); }
.faq .card-header[aria-expanded="true"] a.card-title{ color: #ffffff; }
#faq .card-header[aria-expanded="true"] a.card-title:after {color: rgb(253, 116, 20); }
/*FAQ page*/
#faq h3{
color: #666;
margin: 0;
padding: 30px 30px;
font-size: 20px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
#faq .br-faq{ border: 1px solid #cccccc; }
#faq .accordion>.card {
border: 0;
border-radius: 0;
overflow: visible;
background: transparent;
}
#faq .accordion .card .card-header{
border: 0;
border-radius: 0;
background: transparent;
border-bottom: 1px solid #cccccc;
box-shadow: none;
padding: 30px 30px;
margin: 0;
}
#faq .accordion .card .card-header[aria-expanded="true"]{
border-bottom: none;
}
#faq .accordion .card .card-header[aria-expanded="true"] a{
color: #666666;
}
#faq .card-header[aria-expanded="true"] a.card-title:after {
color: rgb(253, 116, 20);
}
#faq .accordion .card .card-body {
background: transparent;
border-radius: 0;
margin-bottom: 0;
border-bottom: 1px solid #cccccc;
padding: 0px 30px 30px 30px;
}
#faq .accordion .card .card-body p{ font-size: 17px; }
/*tabs*/
.collection-tab .nav,
.collection-tab .nav-tabs {
background-color: transparent;
color: #ffffff;
border: 0;
display: table;
margin: auto;
}

.collection-tab .nav-tabs li {
float: left;
text-align: center;
width: auto;
padding: 15px 10px 15px 10px;
position: relative;
}

.collection-tab .nav-tabs li:last-child {
border-right: 0;
}

.collection-tab .nav-tabs li:last-child:before{
content: none;
}

.collection-tab nav,
.collection-tab .nav-tabs>li>a {
text-decoration-line: none;
display: block;
font-size: 16px;
line-height: 28px;
color: #666666;
vertical-align: top;
font-weight: 600;
width: 100%;
padding: 10px 10px 10px 10px;
position: relative;
z-index: 1;
border: 0;
border-radius: 0;
transition: all ease 0.5s;
}
.collection-tab .nav-tabs>li>a span{ position: relative; display: block; }
.collection-tab .nav-tabs>li>a span:before{
content: "";
position: absolute;
bottom: -12px;
left: 0;
height: 4px;
width: 100%;
border-radius: 10px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
opacity: 0;
}
.collection-tab .nav-tabs>li:before {
content: '';
width: 6px;
height: 6px;
background: #bdbdbd;
display: inline-block;
vertical-align: middle;
right: -4px;
position: absolute;
top: 50%;
transform: translateY(-50%);
/* border-top: 1px solid #a0a0a0; */
/* box-shadow: 0px -1px 0px 0px #e2e2e2; */
-moz-box-shadow: 0px -1px 0px 0px #e2e2e2;
/* -webkit-box-shadow: 0px -1px 0px 0px #e2e2e2; */
}
.collection-tab nav,
.collection-tab .nav-tabs>li a.active,
.collection-tab nav,
.collection-tab .nav-tabs>li a.active:hover,
.collection-tab nav,
.collection-tab .nav-tabs>li a.active:focus {
color: #464645;
background: transparent;
text-decoration-line: none;
box-shadow: none;
}
.collection-tab nav,
.collection-tab .nav-tabs>li a.active span:before,
.collection-tab nav,
.collection-tab .nav-tabs>li a.active:hover span:before, 
.collection-tab nav,
.collection-tab .nav-tabs>li a.active:focus span:before {
opacity: 1;
}
.collection-tab .tab-content>.tab-pane {
display: none;
}

.collection-tab .tab-content>.active {
display: block;
}

.collection-tab .tab-content .tab-pane ul li{
font-size: 15px;
line-height: 24px;
color: #464645;
font-weight: 500;
padding: 0px 0px 18px 25px;
list-style: none;
position: relative;
}

.collection-tab .tab-content .tab-pane ul li:before {
content: '\f192';
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 13px;
color: #f2811f;
font-family: 'FontAwesome';
}

/* privacy policy */
.privacy-policy h2, .privacy-policy h3{
color: #333333;
margin: 0;
padding: 15px 0px 10px 0px;
font-size: 25px;
line-height: 32px;
font-weight: 600;
}
.privacy-policy ul li{
padding: 0px 0px 10px 28px;
position: relative;
font-size: 17px;
}
.privacy-policy ul li:before{
position: absolute;
content: '';
top: 10px;
left: 0;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
height: 6px;
width: 6px;
outline: 1px solid rgb(252 118 20 / 0.42);
outline-offset: 2px;
}



/*8-1-2021*/

/* 5-1-2021 */
/*8-12-20 start*/
.recent_blog_box {display: block;width: 100%;/* box-shadow: 0px 5px 30px -15px rgb(0 0 0 / 0.5); */position: relative;}
.recent_blog_box img { width: 100%;  height: 450px; object-fit: cover; object-position: center; }
.recent_blog_box .recent_blog_title {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;/* background: rgb(0 0 0 / 0.78); *//* padding: 45px 38px; */width: 85%;max-width: 685px;}
.recent_blog_box .recent_blog_title h4 {/* text-transform: uppercase; */font-size: 40px;color: #ffffff;line-height: 1.2;font-weight: 600;}
.recent_blog_box .recent_blog_title  a {padding: 10px 35px 10px 35px;margin-top: 7px;}
.recent_blog_box:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 0.55);}
.recent_blog_box .recent_blog_title p {color: rgb(255 255 255 / 0.9); }
.blog_box {border:none;border-radius:0;background: transparent;/* padding-bottom: 60px; */position: relative;}
.blog_box img {width: 100%;/* max-width: 555px; */height: 360px;object-fit: cover;}
.blog_box .blog-content {padding: 25px 25px;position: relative;top: -35px;right:0;left: 0;margin: auto;width: 95%;z-index:1;background:#fff;-webkit-box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.1);display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-height: 260px;}
.blog_box .blog-content span,.blog_detail_scssn .blog-content span {color: #999999;font-size: 15px;font-weight: 500;display: block;margin-bottom: 5px;letter-spacing: 1px;} 
.blog_box .blog-content h4 {font-size: 20px;color: #333333;margin-bottom: 10px;line-height: 24px;}
.blog_box .blog-content p {color: #666666;font-size: 17px;font-weight: 400;line-height: 25px;}
.blog_box .blog-content a {color: #666666; font-size: 15px; line-height: 30px; font-weight: 500; border-radius: 0px; border: solid 1px #666666; max-width: 150px; position: relative; transition: all ease 0.5s; }
.blog_box .blog-content a i {position: absolute; right: -7px; font-size: 12px; color: #FC6E13; top: 7px; bottom: 3px; background: white; line-height: 28px; }
.blog_box .blog-content a.categoty_title {border: none; letter-spacing: 0.5px; text-decoration: none; }
.blog_box .blog-content a.categoty_title:hover {color: #fd330b; }
/*blog details*/
.recent_post, .blog_category {padding: 10px 10px;display: block;width: 100%;position: relative;background: #ffffff;box-shadow: 0px 0px 10px 0px hsl(0 0% 0% / 0.1);}
/*.blog-details #myScrollspy .recent_post h4, .blog-details #myScrollspy .blog_category h4 {padding: 5px 10px 15px; border-bottom: 1px solid #d8d8d8; font-weight: 400;display: block; }*/
.recent_post ul {display: block;width: 100%;height: 260px;overflow-y: auto;}
.recent_post ul li a {padding: 0px 10px 0px 10px;display: inline-flex;color: #666666;text-decoration: none;}
.recent_post ul li a h6 {color: #666666;margin: 0;font-size: 14px;line-height: 18px; font-weight: 400;padding-left: 10px;}
.recent_post ul li a span {font-size: 12px;opacity: 0.8;}
.recent_post ul li {padding: 13px 0 12px; border-bottom: 1px dashed #cccccc; }
.recent_post ul li:last-child,.blog_category ul li:last-child a {border-bottom: none; }
.recent_post ul li a .recent-img {display: contents; }
.recent_post ul li a .recent-img img {width: 44px;display: inline-flex;object-fit: cover;object-position: center;height: 45px;}

.blog_detail_scssn .blog_img img { margin: auto;  width: 100%; }
.blog_detail_scssn .blog-content span {letter-spacing: 1px; margin-bottom: 0; font-weight: 400;}
.blog_detail_scssn .blog-content {padding: 20px 0 0; display: block; position: relative; width: 100%; }
.blog_detail_scssn .blog-content a.categoty_title {position: relative;background: rgb(65 64 66);display: inline-block;line-height: 25px;padding: 3px 8px;border-radius: 3px;color: #ffffff;margin-bottom: 10px;letter-spacing: 0.5px;font-size: 14px;text-decoration: none;}

.blog-details .blog_detail_scssn .blog-content h4 {font-size: 24px; color: #333333; margin-bottom: 15px; line-height: 1.7; display: block; }
.blog_detail_scssn .blog-content img {margin-top: 10px; margin-bottom:15px;}
.blog_detail_scssn .blog-content p,.blog_detail_scssn .blog-content blockquote {text-align: justify;position: relative;margin: 0;padding: 0 0 10px 0;line-height: 26px;font-size: 16px;color: #666;font-weight: 400;}
/* .blog_detail_scssn .blog-content p{ text-align: left; } */
.blog_detail_scssn .blog-content blockquote {background: #F3F3F3; padding: 50px 30px; position: relative; z-index: 0; color: #333333; text-align: left; display: inline-flex; }
.blog_detail_scssn .blog-content blockquote:before {content: '\f10d';/* position: absolute; */font-family: 'FontAwesome';z-index: -1;font-size: 50px;padding: 0;line-height: initial;margin: 0 20px 0 0;text-align: center;border-radius: 50px;height: 100px;color: rgb(204 204 204 / 0.65);width: 100px;}
.blog_detail_scssn .blog-content h5 {margin-top: 20px;font-size: 20px;font-weight: 500;color: #333333;margin-bottom: 5px;}
.blog_detail_scssn .blog-content ul li {position: relative; padding: 5px 0 5px 20px; font-size: 16px; }
.blog_detail_scssn .blog-content ul li:before {content: '\f105';font-family: 'FontAwesome';padding-right: 10px;}
.blog_detail_scssn .blog-content ul {margin-bottom: 20px;}
.blog_detail_scssn .blog-content a {color:#333333; font-weight:600;}
/*share blog*/
.blog_detail_scssn .blog-content .share_blog {display: block;width: 100%;position: relative;border-top: 1px solid rgb(204 204 204 / 0.7); margin-top: 10px; padding: 25px 0 0;}
.blog_detail_scssn .blog-content .share_blog h6 {font-size: 18px; font-weight: 500; margin-bottom: 14px;}
.blog_detail_scssn .blog-content .share_blog ul li {display: table-cell;padding: 0 1px;}
.blog_detail_scssn .blog-content .share_blog ul li a {width: 35px;height: 35px;display: block;color: #ffffff;text-align: center;background: #cccccc;line-height: 35px; font-size: 13px; border-radius: 5px;}
.blog_detail_scssn .blog-content .share_blog ul li a.facebook {background: #3b5999;}
.blog_detail_scssn .blog-content .share_blog ul li a.twitter {background: #55acee;}
.blog_detail_scssn .blog-content .share_blog ul li a.linkedin {background:#0077B5 ;}
.blog_detail_scssn .blog-content .share_blog ul li a.whatsapp {background: #25D366;}

/*.blog_category {display: block; width: 100%; position: relative; padding-top: 10px; }*/
.blog_category ul li a {padding: 9px 0 9px 30px;border-bottom: 1px dashed #cccccc;display: block;font-size: 15px;color: #666666;position: relative;text-decoration: none; transition: 0.6s all; }
.blog_category ul li a:hover {color: #333333;}

.blog_category ul li a:before {content: '\f105';position: absolute;font-family: 'FontAwesome';left: 15px;font-size: 16px;line-height: 1.3;}
/*8-12-20 end*/

/*25.12.2020 start*/
.all-category .categories-div{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); background: #ffffff; }
.all-category .categories-div{ width: 100%; }
.all-category .btn{position: relative; display: table; margin-left: auto; border: 1px solid #bfbfbf; padding: 12px 20px; vertical-align: top; cursor: pointer; color: #444444; font-weight: 500; font-size: 16px; text-transform: uppercase; background: #ffffff; border-radius: 0; }
.all-category .btn.active{color: #444444 !important; background: #ffffff !important; border: 1px solid #efefef !important; }
.all-category .btn .icon-bar {display: inline-block;margin-right: 12px;vertical-align: middle;}
.all-category .btn .icon-bar span {width: 16px;display: block;background: #444444;height: 2px;margin-bottom: 3px;transition: all ease 0.4s;}
.vertical-menu {padding: 7px 8px;list-style: none;background: #ffffff;z-index: 88;position: relative;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.vertical-menu .menu-item {list-style: none;position: relative;margin-bottom: 0;padding: 0px 15px;width: 100%;display: block;}
.vertical-menu .menu-item a {border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 5px;display: block;font-weight: 500;color: #444444;position: relative;font-size: 14px;line-height: 25px;transform: translateX(0px);text-align: left;}
.vertical-menu .menu-item a:hover {color: #FC6E13;text-decoration: none;}
.vertical-menu .menu-item:last-child a {border: none; }

/*Share link via*/
.blog_detail_scssn .blog-content .share_link.share_blog ul li:before{ content: none; }
.blog_detail_scssn .blog-content .share_link.share_blog ul li a{padding: 0; color: #ffffff; border-bottom: 0; margin: 0px 5px 0px 0px; }
.blog_detail_scssn .blog-content .share_link.share_blog h6 {display: inline-block; margin-right: 10px; }
.blog_detail_scssn .blog-content .share_link.share_blog ul {display: inline; }
#myScrollspy{position: sticky; top: 100px; }

.blog-form{
padding: 30px 42px 24px 42px;
background: white;
border-radius: 6px;
height: 100%;
align-items: center;
}
.blog-form .form-control {
height: 54px;
margin-bottom: 10px;
border: 2px solid #999999;
outline: none;
background: #ffffff;
font-size: 15px;
padding: 12px 16px;
/* font-weight: 500; */
letter-spacing: 0.2px;

border-width: 1px;
font-weight: 400;
font-size: 16px;
box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.07);
}
.blog-form textarea.form-control{
height: 110px;
}
.blog-form h2{
color: #464645;
font-size: 28px;
margin-bottom: 10px;
font-weight: 600;
}
/*25.12.2020 end*/

/* 5-1-2021 end */

/* The containing box with a nice white background */
.paging-navigation {
font-family: sans-serif;
padding: 1em;
background: #fff;
background: hsl(0, 0%, 100%);
}

/* Remove bullets and list indentation */
.paging-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

/* Make the list items appear horizontally */
.paging-navigation li {
display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
padding: .3em .7em;
color: #333;
color: hsl(0, 0%, 20%);
}

/* Link hover state */
a:hover.page-numbers {
color: #000;
color: hsl(0, 0%, 0%);
}

/* Current page bold and dark */
.paging-navigation .current {
font-weight: bold;
color: #000;
color: hsl(0, 0%, 0%);
}
/* end 8-1-2021*/

.custom_blog_sidebar ul.popular-list li a {
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
color: #ffffff;
border: 1px solid #cccccc;
padding: 3px 6px;
letter-spacing: 0.5px;
background: #414042;
text-decoration: none;
border-radius: 3px;
}
/*.blog-details.workspace h4 {
font-size: 18px;
display: inline-flex;
padding-right: 5px;
}*/


/*8-1-21*/
.right_box ul::-webkit-scrollbar {width: 0px;              /* width of the entire scrollbar */ }
.right_box ul::-webkit-scrollbar-track {background: #f2f2f2;        /* color of the tracking area */ }
.right_box ul::-webkit-scrollbar-thumb {background-color: rgba(204, 204, 204, 0.7);    /* color of the scroll thumb */ border-radius: 20px; }
/*.right_box ul {height: 260px;overflow-y: auto;}*/
.right_box ul:hover::-webkit-scrollbar {width: 3px;}

.testimonial{background:url('../images/testimonial-bg.jpg');background-attachment: fixed;position: relative;z-index: 1;}
.testimonial .image{position: relative;z-index: 11;margin: auto;text-align: center;}
.testimonial .image:before;{content: "";position:absolute;background: #fff;left: 0;top: 0;height:400px;}
.testimonial .media img{height: 160px;width: auto;margin-left: 40px;border-radius: 50%;border: 7px solid #fd440d;border-bottom: 0;border-left: 0;}
.testimonial .container{background: #fff;padding: 65px 20px; box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 25%);}
.testimonial .slider{max-width: 900px;width: 100%;margin: auto;padding: 0px 15px;}
.testimonial .media .media-body{padding-left: 10px; position:relative; text-align:center; }
.testimonial .media p{position: relative;line-height: 28px;font-size: 17px;color: #666;font-weight: 400;margin: 10px auto;padding-top: 45px; text-align:center; }
.testimonial:before {position: absolute;content: "";top: 0;left: 0;height: 100%;width: 100%;z-index: -1;background: rgb(255 255 255 / 35%);}
.testimonial .image:before {content: "";position: absolute;top: 0;left: 17px;background: linear-gradient(45deg, #fc7414, #fe330b);height: 120px;width: 120px;z-index: -1;border-radius: 50%;}
.testimonial h2 {color: #464645;font-size: 37px;margin-bottom: 14px;font-weight: 600;margin: 5px 0;}
.testimonial h6 {color: #666;font-size: 22px;font-weight: 400;}
.testimonial .media i{font-size: 40px;color: #00000012;height: 30px;width: 35px;position: absolute;top: 0;left: auto;}
.testimonial strong {font-size: 18px;font-weight: 500;color: #fd6a13;}
.testimonial h5{font-size:14px;color: #9e9e9e;}

/*11-1-2022*/
.workspace-slide, .workspace-slide .slick-list, .workspace-slide .slick-list .slick-track {height: 100%; }
.map-view {background: url(https://www.connekt.co.in/wp-content/uploads/2022/02/map-images.jpg); position: relative; background-position: 100%; }
a.map-link {display: inline-block; width: 100%; height: 100%; }
.workspace-slide {overflow: hidden; }
.workspace-slide button.slick-next.slick-arrow{right: -34px; opacity: 0; }
.workspace-slide button.slick-prev.slick-arrow{left: -34px; opacity: 0; }
.workspace-slide button.slick-next.slick-arrow,.workspace-slide button.slick-prev.slick-arrow {height: 50px; width: 50px; padding: 10px; border-radius: 50%; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); transition: all 0.7s ease-out; background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10)); background-position: 1% 50%; background-size: 300% 300%; z-index: 1; }
.workspace-slide:hover button.slick-next.slick-arrow{right: 25px; opacity: 1; }
.workspace-slide:hover button.slick-prev.slick-arrow{left: 25px; opacity: 1; }
.testimonial .image {display:none;}

.testimonial .media .media-body:before {
content: '\f10d';
position: absolute;
left: 50%;
transform: translateX(-50%);
font-family: 'FontAwesome';
font-size: 45px;
top: 0;
color: rgb(0 0 0 / 15%);
}
/*.worktext p {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}*/
/* .testimonial {display:none;} */



/*13-10-2022*/
.dream-space .card img{max-width: 605px;}
.dream-space .card .card-body{max-width: 254px;}
.dream-space .card h5, .dream-space .card span{font-size: 24px;}
/*---------*/
.dream-space .card:hover .card-body{background:#fff;}
.dream-space .card .card-body::before{content:'';position:absolute;top: 0;left: 0;width:100%;height:100%;opacity:0;
background: -moz-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
background: linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);transition:500ms;z-index: -1;}
.dream-space .card:hover .card-body::before{opacity:1;}


.get-touch.map-g h2 {
    text-align: left;
    padding: 0 40px;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top:35px;
    font-weight: 600;
}


/* testimonials dots */

.get-touch.map-g h2 {
text-align: left;
padding: 0 40px;
font-size: 25px;
margin-bottom: 15px;
margin-top:35px;
font-weight: 600;
}


/* testimonials dots */
.testimonial-slide {padding:0 50px;}
.testimonial-slide .slick-dots li {
width: auto;
height: auto;
margin: 0 5px;
overflow: hidden;
border-radius: 50px;
}

.testimonial-slide .slick-dots li button {
background: #ededed;
font-size: 0;
border-radius: 50px;
width: 11px;
height: 16px;
overflow: hidden;
padding: 0;
}
.testimonial-slide .slick-dots li button:before {
width: 100%;
padding: 0;
height: 100%;
content: '';
background: #000000;
opacity: 1;
border-radius: 50px;
transition: all 0.7s ease-out;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 200%;
transform: translateY(100%);
transition: 0.2s all;
}

.testimonial-slide .slick-dots li.slick-active button:before {
transform: translate(0);
}





.testimonial-slide .slick-arrow {
transition: all 0.7s ease-out;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
}

.testimonial-slide .slick-prev, .testimonial-slide .slick-next {
height: 50px;
width: 50px;
padding: 10px;
top: 40%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 50px 1px rgb(0 0 0 / 15%);
box-shadow: 0px 0px 50px 1px rgb(0 0 0 / 15%);
}
.testimonial-slide .slick-prev{left:-30px; }
.testimonial-slide .slick-next{right:-30px; }
.testimonial-slide .slick-next:before, .slick-slider .slick-prev:before{font-family:'FontAwesome'; color:#EDEDED; font-size:12px; opacity:1; }
.testimonial-slide .slick-next:before{content: "\f061";}
.testimonial-slide .slick-prev:before{content: "\f060";}

/* footer 4-5-2023 */
.drive_right {
padding: 0 9px;
border-left: solid 1px rgba(255, 255, 255, 0.25);
border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}

.tfooter .drivebox.branches, .tfooter .drivebox.branches p {
text-align: center;
position: relative;
}

.tfooter .drivebox.footer_contact ul li {
/* width: 50%; */
padding: 0 0 12px;
}

.tfooter .drivebox.footer_contact ul li:last-child {
width: 100%;
}

.drive_right:first-child {
border-left: 0;
}

.get-touch.map-g h2 {
text-align: left;
padding: 0 40px;
font-size: 25px;
margin-bottom: 15px;
margin-top: 35px;
font-weight: 600;
}

.amenities .row.pt-lg-2 > .amenities_grid:last-child {
border-left-color: transparent;
}

/* ===== 04-10-2023 ===== */
.gallery_tab nav {
width: 100%;
position: relative;
}

.gallery_tab nav #nav-tab {  
padding-bottom: 0;
margin-bottom: 25px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
border-color: transparent;
gap: 0;
border-radius: 5px;
justify-content: center; 
}

.gallery_tab .nav-tabs a.nav-link {
font-size: 20px;
line-height: 28px;
color: rgb(32 32 32 / 40%);
font-weight: 600;
padding: 5px 22px 10px 22px;
position: relative;
z-index: 1;
transition: all ease 0.5s;
display: block;
border: none;
background-color: transparent;
text-transform: uppercase;
letter-spacing: 0.8px;
min-width: unset;
text-align: center;
border-right: solid rgb(32 32 32 / 8%);
border-radius: 0;
border-width: 0px 1px 0px 0px;
margin: 0 0 10px 0;
}
.gallery_tab .nav-tabs a.nav-link:last-child{
border-width: 0;
} 
.gallery_tab .nav-tabs a.nav-link.active, .gallery_tab .nav-tabs a.nav-link:hover, .gallery_tab .nav-tabs a.nav-link.active:hover, .gallery_tab .nav-tabs a.nav-link.active sup, .gallery_tab .nav-tabs a.nav-link:hover sup {
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.gallery_tab .nav-tabs a.nav-link sup {
text-transform: capitalize;
font-size: 13px;
top: -10px;
letter-spacing: 0.8px;
}

.gallery_tab .nav-tabs a.nav-link:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
height: 4px;
width: 10%;
border-radius: 10px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
opacity: 0;
transform: translateX(-50%);
z-index: -3;
}

.gallery_tab .nav-tabs a.nav-link.active:after {
width: calc(100% - 12px);
opacity: 1;
}

/*.gallery_tab .nav-tabs a.nav-link:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: -8px;*/
/*    background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));*/
/*    height: 0%;*/
/*    width: calc(100% - 12px);*/
/*    z-index: -1;*/
/*    border-radius: 3px 3px 0 0;*/
/*    transform: translateX(-50%);*/
/*}*/

/*.gallery_tab .nav-tabs a.nav-link:hover:before {*/
/*  height: calc(100% + 14px);*/
/*}*/
/*.gallery_tab .nav-tabs a.nav-link:last-child:before {*/
/*    display: none;*/
/*}*/

/* ===== 13-10-2023 ====== */
h2.h2_font {
margin-top: 20px;
font-size: 20px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
}
.blog_detail_scssn .blog-content h1 {
font-size: 23px;
}
.gallery .gallpic img {
height: 310px;
object-fit: cover;
width: 100%;
}
.tfooter .nav.social_nav li a i {
font-size: 19px; 
border: 1px solid rgba(255, 255, 255, 0.25);
width: 38px;
height: 38px;
padding: 5px;
text-align: center;
line-height: 27px;
border-radius: 100%; 
}
.tfooter .nav li a i{transition : all 0.4s; -webkit-transition: all 0.4s;}
.tfooter .nav li a{
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
-ms-transition: all 0s !important;
transition: all 0s !important;
}
.tfooter .nav.social_nav li a {
padding: 0 5px; 
}
.tfooter .nav.social_nav li a:hover i{
border-color: #fd7514;
}
ul.nav.social_nav {
margin-top: 10px;
}
/* ====== 14-10-2023 ======= */
.stay-connekted h3 {
margin-bottom: 16px;
}
.stay-connekted p {
font-size: 19px;
line-height: 1.5;
}
.app-download-list .icon-sm svg{width: 18px;}
.app-download-list li a {
margin-top: 12px;
padding: 8px 38px 8px 10px;
line-height: 15px;
} 
.download-text h5 {
font-size: 16px; 
}
.app-download-list .icon-sm {
font-size: 20px;
line-height: 35px;
height: 35px;
width: 35px;
margin-right: 10px !important;
}

.stay-connekted img.lazy {
max-width: 570px;
width: 100%;
height: 100%;
object-fit: cover;
}

/* ====== 16-10-2023 ======= */
.home_submit span.wpcf7-spinner {
position: absolute;
right: 8px;
margin: 0;
top: 22px;
}
.home_submit .connekt_arrow {
right: 35px !important;
}
.testimonial:before{
background: rgb(0 0 0 / 51%);
} 

/* ==== 16-10-2023 ==== */
a.phone_call {
position: fixed;
bottom: 40px;
right: 15px;
z-index: 100;
display: inline-block;
padding: 12px;
}

a.phone_call:before {
content: "";
position: absolute;
left: calc(50% - 0px);
top: calc(50% - 0px);
background: linear-gradient(130deg, rgb(245, 130, 33), rgb(237, 38, 36));
height: calc(100% + 0px);
width: calc(100% + 0px);
transform: translate(-50%, -50%);
border-radius: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

a.phone_call img {
max-width: 32px;
border-radius: 100%;
box-shadow: 0px 0px 18px rgb(0 0 0 / 18%);
transition: all 0.4s; 

}
a.phone_call:hover img{
animation: shake 0.82s cubic-bezier(.25,.07,.19,.97) infinite; 
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(1px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-2px, 0, 0);
}
40%, 60% {
transform: translate3d(2px, 0, 0);
}
}

/* === home slider ==== */

#myCarousel .mask{padding: 30px 0px 30px 36px;}   
#myCarousel .carousel-inner:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 45%); 
}
#myCarousel .mask:after {
content: "";
position: absolute;
height: 100%;
/*background: rgb(0 0 0 / 10%);*/
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
/*backdrop-filter: blur(7px);*/
z-index: -1;
}
#myCarousel .mask:before {
width: 3px; 
}
#myCarousel .mask h4 {
font-size: 25px;
margin-bottom: 12px;
}
#myCarousel .mask p {
font-size: 17px;
line-height: 1.4;
}
#myCarousel .mask h4, #myCarousel .mask p {
text-shadow: 2px 2px 12px rgb(0 0 0 / 50%);
}
#myCarousel .mask {
padding: 25px 0px 25px 25px;
max-width: 900px;
top: auto;
bottom: 0%;
transform: translateY(calc(-50% + 90px));
}

/* ===== 07-11-2023 ==== */


.exclusivity_list .image-big-list-item {
display:none; 
margin: 0 auto;
text-align:center;
} 
.exclusivity_list .image-small-list-item img{
border: 3px solid #fff;
}
.exclusivity_list .image-small-list-item.active img{
border: 3px solid #ddd;
}
.exclusivity_list .image-small-list-item {
display:inline-block;
margin: 0 3px;
}
.exclusivity_list .page-container{
width:960px;
margin: 0 auto;
} 
.exclusivity_list {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 50px;
}

.exclusivity_list .exclusivity_list_left {
width: calc(35% - 25px);
position: relative;
}

.exclusivity_list .exclusivity_list_right {
width: calc(65% - 25px);
}
.exclusivity_list .exclusivity_list_left ul {
padding: 0;
border: unset;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
}
.exclusivity_list .exclusivity_list_right ul li:after, .exclusivity_list .exclusivity_list_left ul li:after{
display: none;
}
.exclusivity_list .exclusivity_list_left ul li, .exclusivity_list .exclusivity_list_right ul li {
border: 0;
width: auto;
margin: auto 0 0 0;
}
.exclusivity_list .exclusivity_list_left ul li {
width: 100%;
border-bottom: 1px dotted rgb(0 0 0 / 25%);
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
cursor: pointer;
counter-increment: item;
padding: 17px 12px 17px 35px;
}
.exclusivity_list .exclusivity_list_left ul li:before {
counter-increment: li;
content: counter(item, decimal-leading-zero);
position: absolute;
left: 0px;
font-size: 20px;
top: 16px;
opacity: 0.2;
transition: all 0.4s;
}

.exclusivity_list .exclusivity_list_left ul li:hover:before, .exclusivity_list .exclusivity_list_left ul li.active:before {
opacity: 0.6;
}
.exclusivity_list .exclusivity_list_right ul {
padding: 0;
border: 0;
display: flex;
align-content: flex-start;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
/* height: 400px; */
width: 100%;
/* display: block; */
/* overflow: hidden; */
}
.exclusivity_list .exclusivity_list_left ul li p {
font-size: 24px;
margin: auto 00 0 0;
width: 100%;
color: #464645;
font-weight: 500;
max-width: fit-content;
padding-right: 12px;
}
.exclusivity_list .exclusivity_list_left ul li:last-child{border: none;}
.exclusivity_list .exclusivity_list_right ul li {
margin: auto 00 0 0;
width: 100%;
text-align: left;
transition: all 1s;
transition-duration: 1s;
overflow: hidden;
position: absolute;
display: flex;
padding: 0;
height: 100%;
max-width: -webkit-fill-available;
opacity: 0;
}
.exclusivity_list .exclusivity_list_right ul li.active{
opacity: 1;
} 


.exclusivity_list .exclusivity_list_right ul li img {
height: 100%;
object-fit: cover;
width: 100%;
transition: all 1s;
z-index: 1;
}   
.exclusivity_list .exclusivity_list_left ul li span {
position: relative;
right: 0px;
top: 10px;
width: 15px;
height: 15px;
overflow: hidden;
}
.exclusivity_list .exclusivity_list_left ul li span:after {
content: "";
position: absolute;
height: 12px;
width: 100%;
right: 0px;
background-image: url(.././sub-images/right-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
display: block !important;
background-position: right;
max-width: 15px;
transform: translate(-15px, 15px);
}
.exclusivity_list .exclusivity_list_left ul li:hover span:after, .exclusivity_list .exclusivity_list_left ul li.active span:after {
transform: translate(0px, 0px);
}

/* ==== 08-11-2023 ===== */
.comparison_list_company {
position: relative;
padding: 50px 0;
}
.comparison_list_details {
position: relative;
display: flex;
justify-content: space-evenly;
align-content: center;
flex-wrap: wrap;
}
.comparison_list .comparison_list_title h3 {
font-size: 24px;
margin: 0 auto;
width: 100%;
color: #464645;
font-weight: 500;
max-width: fit-content;
padding: 0;
}

.comparison_list .comparison_list_title img {
max-width: 75%;
height: 60px;
}

.comparison_list .comparison_list_title {
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
gap: 8px;
position: relative;
}
.comparison_list_point {
position: relative;
}

.comparison_list_point ul {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: flex-start;
position: relative;
margin-top: 25px;
}

.comparison_list_point ul li {
width: 100%;
position: relative;
height: 100%;
display: flex; 
border-bottom: 1px dotted rgb(0 0 0 / 15%);
color: #464645;
font-size: 20px;
font-weight: 500;
padding: 40px 22px 40px 22px;
line-height: 1.3;
}
/* 
.comparison_list_point ul li:nth-child(2n - 2) {
justify-content: flex-start;
padding-left: 50px;
padding-right: 0;
border-left: 1px solid #fc7614;
font-weight: 400;
color: rgb(70 69 69 / 65%);
} */
.comparison_list_point ul li img {
position: absolute;
left: 50%;
max-width: 70%;
height: 70px;
background: #ffffff;
padding: 12px;
transform: translateX(-50%);
top: 20px;
z-index: 1;
}
.comparison_list_point ul:before {
content: "";
position: absolute;
height: 3px;
width: 100%;
background: #ffffff;
bottom: 0;
left: 0;
z-index: 1;
}
.comparison_list_point ul:after {
content: "";
position: absolute;
height: calc(100% + 130px);
width: 1px;
left: 50%;
transform: translateX(-50%);
top: -130px;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
}

.comparison_list_point ul li .comparison_list_left {
width: calc(50% - 0px);
position: relative;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-end;
align-items: center;
padding-right: 70px;
text-align: right;
}

.comparison_list_point ul li .comparison_list_right {
width: calc(50% - 0px);
position: relative;
padding-left: 70px;
justify-content: flex-start;
padding-right: 0;
font-weight: 400;
color: rgb(70 69 69 / 65%);
}
/* img.vs_icon {
max-width: 50px;
background: white;
width: 50px;
height: 50px;
padding: 8px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1;
top: 20px;
} */
span.vs_text {
color: #fc7414;
font-size: 18px;
position: absolute;
top: 18px;
padding: 10px;
background: #ffffff;
z-index: 1;
left: 50%;
transform: translateX(-50%);
font-weight: 500;
}


/* ==== 21-11-2023 ==== */
#faq.subpage {
background: #F3F3F3;
}
#faq.subpage a.card-title{
color: #666666;
} 
#faq.subpage .accordion .card .card-header[aria-expanded="true"] a, #faq.subpage h3 {
color: #555555;
}
#faq.subpage .accordion .card .card-header:before{
background: #ffffff;
}
#faq.subpage a.card-title {
font-size: 17px;
}
#faq.subpage .accordion .card .card-body {
border-left: unset;
border-right: unset;
}
.error404 .illustration p {
text-align: center;
}


.amenities .row.pt-lg-2 > .col-md-6:nth-child(5n+1) {
border-left: 0;
}

.our-guarantees.amenities .row.pt-lg-2:after {
background: transparent;
}


/*==== 24-11-2023 ====*/

.workspace .worktext {
padding: 36px 16px 0px 30px;
}
.our-serviced .worktext {
padding-top: 0;
}

.our-guarantees.bg-1{
background-color: #fff;
} 
.our-guarantees h1{
color: #464645;
font-size: 37px;
margin-bottom: 24px;
}

.exclusivity{
overflow: hidden;
}
.exclusivity h2,
.connekt-with h2,
.comparison-list h2{
color: #464645;
font-size: 37px;
margin-bottom: 24px;
}
.exclusivity ul li {
padding: 22px 12px;
border-bottom: 1px solid rgb(0 0 0 / 11%);
transition: 0.4s;
width: calc(50% - 12px);
position: relative;
font-size: 18px;
font-weight: 500;
color: #464645;
}
.exclusivity_list .exclusivity_list_left ul li:hover:before, .exclusivity_list .exclusivity_list_left ul li.active:before {
opacity: 0.6;
}
.Photo-gallery h2{
font-weight: 500;
}
.Photo-gallery .item{
height: 426px;
}
.Photo-gallery .slider-gall .itempic,
.Photo-gallery .slider-gall .itempic img{
height: 100%;
object-fit: cover;
}
.connekt-with{
position: relative;
z-index: 2;
background: url(../images/connekt-wtih-bg.jpg) no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.connekt-with::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgb(0 0 0 / 80%);
}
.connekt-with h3 {
margin: 0 auto;
padding: 90px 0;
font-size: 23px !important;
line-height: 1.5;
max-width: 67%;
color: rgb(255 255 255  / 83%);
text-align: center;
font-weight: 300;
}
.connekt-with h3 a {
color: #fc7614;
position: relative;
text-decoration: underline;
}

.work-slide .item{padding: 0px;/* height: auto; */outline:none !important;border-right: solid 1px rgba(0, 0, 0, 0.12);}
.work-slide .slick-arrow{position:absolute;bottom: -48px;right: 0;top: auto;transform: translate(0,0);width: 32px;height: 32px;background: #eaeaea;border-radius: 4px;}
.work-slide .slick-prev{right: 36px;z-index:9;left: auto;}
.work-slide .slick-disabled{cursor: no-drop;opacity: 0.5;}
.work-slide .slick-next:before, .work-slide .slick-prev:before{color: #495057;font-size: 18px;line-height: 32px;font-weight: 600;}
.work-slide .slick-next:before{content: "\f105"; }
.work-slide .slick-prev:before{content: "\f104"; }
.work-slide .py-4{position: relative;  }
.work-slide .py-4:before, .work-slide .py-4:after{content: ""; position: absolute; background: #fff; bottom: 0; right: 0; z-index: 1;  }
.work-slide .py-4:before{width: 1px;height: 100%;}
.work-slide .py-4:after{width: 100%; height: 2px; bottom: 24px;  }

.our-serviced .worktext .card {
padding: 15px;
display: flex;
background-color: rgb(243 243 243);
}
.our-serviced .worktext .card img{
max-width: 40px;
height: 40px;
}
.our-serviced .worktext  .card-body {
padding: 10px;
}

.our-serviced .worktext .card img{
max-width: 40px;
height: 40px;
}

.our-serviced .worktext .work-slick.py-4:before {
width: 0px;
height: 100%;
}
.our-serviced .worktext .slick-track .item:last-child {
border-right: 0;
}
.our-serviced .worktext .card h5 {
white-space: pre-line;
}

.get-a-quote-modal {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 111;
transform: translateY(50px);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.get-a-quote-modal.active{
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.get-a-quote-modal h4 {
font-size: 15px;
color: #fff;
font-weight: 400;
line-height: 1.5;
}
.get-a-quote-modal h4 span {
font-size: 18px;
display: block;
font-weight: 600;
text-transform: uppercase;
}
.get-a-quote-modal .modal-dialog {
margin: auto 0 0 0;
max-width: 280px;
}
.get-a-quote-modal .modal-content {
border: 1px solid rgb(0 0 0 / 5%);
margin: auto 0 0 0;
position: absolute;
bottom: 20px;
left: 20px;
background-image: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
}
.get-a-quote-modal .modal-body {
flex-direction: column;
display: flex;
padding: 30px 20px;
}
.get-a-quote-modal .modal-body a.touchbtn{
color: #fff;
color: 20px;
}
.get-a-quote-modal .modal-body a {
text-decoration: none;
padding: 10px;
font-size: 16px;
/* margin-top: 3px; */
color:#414042;
background-color: #fff;
text-align: center;
border-radius: 5px;
}
.get-a-quote-modal .modal-body a:last-child {
padding: 5px 0 0 0;
font-size: 15px;
background-color: transparent;
color: #fff;
text-align: left;
}
.get-a-quote-modal .modal-body a b {
font-weight: 500;
}

.get-a-quote-modal .modal-content .close {
position: absolute;
right: -10px;
top: -10px;
z-index: 1;
transition: 0.4s;
opacity: 1;
background: #414042;
border-radius: 50%;
width: 30px;
height: 30px;
border: 2px solid #fff;
}

.get-a-quote-modal .modal-content .close:hover{
opacity: 1;
}

.get-a-quote-modal .outer {
position: relative;
margin: auto;
width: 13px;
margin-top: 0px;
cursor: pointer;
}

.get-a-quote-modal .inner {
width: inherit;
text-align: center;
}

/* .get-a-quote-modal label {
font-size: 10px;
line-height: 1;
text-transform: capitalize;
color: #fff;
transition: all .3s ease-in;
opacity: 0;
cursor: pointer;
font-weight: 400;
position: relative;
top: -2px;
text-shadow: none;
}
.get-a-quote-modal .outer:hover label {
opacity: 1;
} */

.get-a-quote-modal .inner:before, .get-a-quote-modal .inner:after {
position: absolute;
content: '';
height: 1px;
width: inherit;
background: #fff;
left: 0;
transition: all .3s ease-in;
}

.get-a-quote-modal .inner:before {
top: 50%; 
transform: rotate(45deg);  
}

.get-a-quote-modal .inner:after {  
bottom: 50%;
transform: rotate(-45deg);  
}



.get-a-quote-modal .close:hover .inner:before,
.get-a-quote-modal .close:hover .inner:after {
transform: rotate(0);
}

.get-a-quote-modal .close:hover .inner:before {
top: 0;
}

.get-a-quote-modal .close:hover .inner:after {
bottom: 0;
}


/* 14-12-2023 */
#myCarousel.sub-banner.our-story-banner{
background-image: url(../sub-images/about-us-our-story-banner.jpg);
}
.timeline-main{
position: relative;
padding: 70px 0;
}

.timeline-box {
display: flex;
justify-content: center;
position: relative;
height: auto;
align-items: center;
padding: 0 30px;
}

.timeline-box .item {
width: 25%;
position: relative;
transition: 0.4s;
z-index: 1;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}

.timeline-box .item:nth-child(even) .timeline-content h5 {
margin-top: 30px;
}
.timeline-content {
width: 100%;
padding: 25px 5px !important;
margin-left: 0 !important;
position: relative;
min-height: 180px;
}

.timeline-box .item .years:before {
content: "";
position: absolute;
bottom: 100%;
width: 2px;
height: 40px;
border-left: 2px dashed rgb(252 118 20 / 60%);
}
.timeline-box .item:nth-child(odd) .timeline-content::after {
top: auto;
bottom: -100px;
}

.timeline-content h5 {
font-weight: 600;
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
color: #fb7514;
}

.timeline-content p {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #414042;
white-space: pre-line;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: 100%;
}

.timeline-box .slick-list{
height: 100%;
width: 100%;
}
.timeline-box .slick-track {
display: flex;
margin: 0 auto;
}

.timeline-box .slick-arrow {
position: absolute;
height: 35px;
width: 35px;
border-radius: 50%;
z-index: 1;
background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10));
background-position: 1% 50%;
background-size: 300% 300%;
opacity: 0;
transition: 0.4s;
right: 0;
}
.timeline-box:hover .slick-arrow{
opacity: 1;
}

.timeline-box .slick-arrow.slick-disabled{
opacity: 0;
}
.timeline-box:hover .slick-arrow.slick-disabled{
opacity: 0.7;
}
.timeline-box .item .years {
position: relative;
text-align: center;
background: #ffffff;
width: 110px;
height: 110px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 500;
border: 10px solid #fb7514;
}
.timeline-box .item .years span{
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 16px;
font-weight: 600;
color: #fb7514;
}

.timeline-box .item .years h6 {
font-size: 23px;
margin: 0;
font-weight: 600;
color: #414042;
}
.timeline-box .item .years::after {
content: "";
position: absolute;
top: -51px;
width: 12px;
height: 12px;
background: rgb(252 118 20 / 100%);
border-radius: 50%;
}

.counter .counter-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
flex-wrap: wrap;
position: relative;
}
.counter .counter-box::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: 2px solid #f3f3f3;
width: 100%;
}
.counter .counter-box li {
width: 33.33%;
padding: 30px;
text-align: center;
border-right: 1px solid #d9d9d9;

}
.counter .counter-box li:last-child{
border: 0;
}
.counter .counter-box li h4 {
font-size: 20px;
margin-bottom: 0;

}
.counter .counter-box li .count {
font-size: 40px;
color: #464645;
font-weight: 600;
position: relative;
display: block;
margin-left: -20px;
}
.counter .counter-box li .count::after {
content: "+";
position: absolute;
top: 0;
left: auto;
}
.counter .counter-box li img {
width: 60px;
max-width: 100%;
}
.counter p {
text-align: center;
}

.meet-our-team {
position: relative;
overflow-x: hidden;
}

.meet-our-team .btn_ring {
top: 10%;
}

.meet-our-team-content {
position: relative;
width: 100%;
display: inline-block;
padding-bottom: 50px;
}

.meet-our-team-content p {
padding: 28px 30px;
background: #fff;
margin-top: -90px;
position: absolute;
bottom: 0;
width: 50%;
right: 40px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}
.meet-our-team .team {
border-radius: 5px;
}
.centre-manager-slider{
position: relative;
}
.centre-manager-slider .item {
padding-bottom: 50px;
}
.centre-manager-slider .centre-manager-box {
width: 100%;
display: block;
position: relative;
padding: 10px 20px 50px;
transition: 0.4s;
}


.centre-manager-slider .centre-manager-box .centre-manager-content {
background: #fff;
width: 70%;
padding: 32px;
position: absolute;
bottom: 0;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
right: 20px;
transition: 0.4s ease-in;
}
.centre-manager-slider .centre-manager-box .centre-manager-content::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background:linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1) 100%);
opacity: 0;
transition: 0.4s;

}
.centre-manager-slider .centre-manager-box:hover .centre-manager-content::before{
opacity: 1;
width: 100%;
}

.centre-manager-slider .centre-manager-box .centre-manager-content h5 {
font-size: 15px;
color: #666666;
margin-bottom: 0;
z-index: 4;
}
.centre-manager-slider .centre-manager-box .centre-manager-content h4 {
font-size: 24px;
margin-bottom: 10px;
color: #FD6A13;
z-index: 6;
}
.centre-manager-slider .centre-manager-box .centre-manager-content h5,
.centre-manager-slider .centre-manager-box .centre-manager-content h4{
position: relative;
z-index: 2;
transition: 0.4s;
}
.centre-manager-slider .centre-manager-box:hover .centre-manager-content h5,
.centre-manager-slider .centre-manager-box:hover .centre-manager-content h4{
color: #fff;
}
.timeline-box .item:nth-child(odd) {
display: flex;
flex-direction: column-reverse;
}

.timeline-box .item:nth-child(odd) .years::after {
bottom: -50px;
top: auto;
}

.timeline-box .item:nth-child(odd) .years:before {
content: '';
top: 100%;
bottom: 0;
}

.timeline-box .slick-track:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-bottom: 2px dashed rgb(252 118 20 / 60%);
z-index: -1;
top: 50%;
right: 0;
transform: translateY(-50%);
}

.inevitable.subpage,
.counter {
padding: 70px 0;
position: relative;
}
.timeline-main .slick-slide {
scale:0;
transition: 0.5s;
}
.timeline-main .slick-slide.slick-active{
scale:1;

}

.timeline-box .slick-track .slick-active:nth-child(1) {
transition-delay: 0.4s;
}
.timeline-box .slick-track .slick-active:nth-child(2){
transition-delay: 0.6s;
}

.timeline-box .slick-track .slick-active:nth-child(3) {
transition-delay: 0.8s;
}

.timeline-box .slick-track .slick-active:nth-child(4) {
transition-delay: 1s;
}

.our-roundup{
background: url('../sub-images/our-roundup-bg.jpg') no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 1;
}
/* .our-roundup::after {
content: "";
background-color: rgb(255 108 0 / 20%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} */
.our-roundup::after {
content: "";
background-color: rgb(65 64 66 / 70%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.our-roundup .our-roundup-box {
padding: 60px;
position: relative;
z-index: 2;
}

.our-roundup .our-roundup-icon {
text-align: center;
height: 100%;
width: 100%;
border-radius: 5px;
background: #fc7614;
transition: all 0.6s;
padding: 20px;
border: 2px solid #f3f3f3;
}
.our-roundup:hover .our-roundup-icon{
transform: translateY(-5px);
}
.our-roundup .our-roundup-icon img {
width: 100px;
filter: brightness(0.1) invert(1) grayscale(1);
}
.our-roundup .our-roundup-content p {
margin: 0;
}
.our-roundup .our-roundup-content p a {
font-weight: 600;
color: #464645;
text-decoration: none;
transition: 0.4s;
}
.our-roundup .our-roundup-content p a:hover{
color: #fd6a13;
}

.our-roundup-content {
padding: 20px 13px;
}
.our-roundup .our-roundup-box:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 87%;
height: 100%;
background: #f3f3f3;
z-index: -1;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.4);
border-radius: 5px;
transition: all 0.6s;
}
.our-roundup:hover .our-roundup-box:after {
width: 100%;
}

.inevitable-content {
padding: 70px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
max-width: 86%;
width: 100%;
position: relative;
margin: -160px auto 0 auto;
}

.inevitable-content h1{
color: #fc7614;
}

.inevitable-slide {overflow: hidden; }
.inevitable-slide button.slick-next.slick-arrow{right: -34px; opacity: 0; }
.inevitable-slide button.slick-prev.slick-arrow{left: -34px; opacity: 0; }
.inevitable-slide button.slick-next.slick-arrow,.inevitable-slide button.slick-prev.slick-arrow {height: 50px; width: 50px; padding: 10px; border-radius: 50%; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.15); transition: all 0.7s ease-out; background: linear-gradient(270deg, rgb(245, 130, 33), rgb(237, 38, 36), rgb(252, 119, 20), rgb(254, 43, 10)); background-position: 1% 50%; background-size: 300% 300%; z-index: 1; }
.inevitable-slide:hover button.slick-next.slick-arrow{right: 25px; opacity: 1; }
.inevitable-slide:hover button.slick-prev.slick-arrow{left: 25px; opacity: 1; }



.triangle-img { position: absolute; left: 0; width: 50%; top: 0; height: 100%;}
.inevitable::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(https://www.connekt.co.in/wp-content/uploads/2024/01/logo-icon.svg)no-repeat;
width: 100%;
height: 100%;
z-index: -1;
background-position: right bottom;
opacity: 0.1;
filter: grayscale(1);
}

.triangle-img img { height: 100%; width: 100%; object-fit: cover; object-position: right;}

.triangle-content {
padding: 55px;
margin-top: 70px;
background: #fff;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}


/* .lets-fulfill {
padding: 50px;
max-width: 620px;
margin: 0px auto;
width: 100%;
box-shadow: 0 0 3px;
} */
.lets-fulfill .modal-dialog {
max-width: 700px;
/* padding: 20px; */
/* background: #ffffff; */
/* width: 95%; */
}
.lets-fulfill .modal-dialog .modal-content {
padding: 65px 55px;
z-index: 1;
border-radius: 0;
}
/* .lets-fulfill .modal-dialog .modal-content::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(../sub-images/logo-icon.svg)no-repeat;
width: 100%;
height: 100%;
z-index: -1;
background-size: 20%;
background-position: right bottom;
opacity: 0.1;
filter: grayscale(1);
} */
.lets-fulfill .modal-dialog .modal-content h2 {
color: #464645;
font-size: 25px;
/* font-weight: 600; */
}
.lets-fulfill .modal-dialog .modal-content h2 span, .lets-fulfill .modal-dialog .modal-content h2 strong {
font-size: 35px;
display: block;
font-weight: 600;
}
.lets-fulfill .modal-dialog .modal-content .form-control {
border-width: 0;
border-radius: 0;
font-size: 16px;
height: 100%;
margin-bottom: 0;
}

.lets-fulfill .modal-content .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
transition: 0.4s;
opacity: 1 !important;
background: #f57d21;
border-radius: 50%;
width: 50px;
height: 50px;
border: 10px solid #fff;
}

.lets-fulfill .outer {
position: relative;
margin: auto;
width: 13px;
margin-top: 0px;
cursor: pointer;
}
.lets-fulfill .inner {
width: inherit;
text-align: center;
}
.lets-fulfill .inner:before, 
.lets-fulfill .inner:after {
position: absolute;
content: '';
height: 1px;
width: inherit;
background: #fff;
left: 0;
transition: all .3s ease-in;
}
.lets-fulfill .inner:after {
bottom: 50%;
transform: rotate(-45deg);
}
.lets-fulfill .inner::before {
bottom: 50%;
transform: rotate(45deg);
}
.lets-fulfill .close:hover .inner:before, .lets-fulfill .close:hover .inner:after {
transform: rotate(0);
}
.lets-fulfill .btn.gradient01 {
padding: 10px 38px 10px 26px;
font-size: 18px;
margin-top: 30px;
}

.lets-fulfill  .form .form-content img {
width: 21px;
filter: grayscale(1) opacity(0.5);
}
.lets-fulfill  .form .form-content img.user{
width: 20px;
}
.lets-fulfill .form-content {
display: flex;
align-items: center;
border-bottom: 1px solid #c3c3c3;
height: 80px;
}
.lets-fulfill .modal-dialog .modal-content:before {
content: '';
position: absolute;
z-index: -1;
inset: 20px;
border: 10px solid rgb(252 118 21 / 20%);
}
#lets-fulfill .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 0.9em;
font-weight: normal;
display: block;
position: absolute;
bottom: -37px;
}

/*//////  09-02-2024 //////*/

.blog_contact {position: relative;display: block;background: #ffffff;}
.blog_contact .blog_form .form-control{height: 48px; margin-bottom: 10px; border: 1px solid #999999; outline: none; background: #ffffff; font-size: 15px; padding: 12px 16px; letter-spacing: 0.2px;font-weight: 400;box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.07); }
.blog_contact .blog_form textarea.form-control {height: 75px;}
.recent_post, .blog_category,.blog_contact {padding: 10px 10px;display: block;width: 100%;position: relative;background: #ffffff;box-shadow: 0px 0px 10px 0px hsl(0 0% 0% / 0.1);}
.recent_post h4,.blog_category h4, .blog_contact h4 {padding: 3px 10px 12px;border-bottom: 1px solid #d8d8d8;font-weight: 500;font-size: 17px;}
.right_box ul {max-height: 205px;overflow-y: auto;}
.blog_form .btn-read {padding: 10px 20px;font-size: 14px;font-weight: 400;}
.recent_post h4,.blog_category h4, .blog_contact h4 {padding: 3px 10px 12px;border-bottom: 1px solid #d8d8d8;font-weight: 500;font-size: 17px;}
.blog_category {display: block; width: 100%; position: relative; padding-top: 10px; }
.blog-details #myScrollspy .recent_post h4, .blog-details #myScrollspy .blog_category h4 {padding: 5px 10px 15px; border-bottom: 1px solid #d8d8d8; font-weight: 400;display: block; }

/* 06-05-2024 */
.sticky-contact {position: fixed; right: 15px; bottom: 40px; padding: 14px; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(130deg, rgb(245, 130, 33), rgb(237, 38, 36)); cursor: pointer; z-index: 1040; }
.sticky-contact:hover img {animation: shake 0.82s cubic-bezier(.25,.07,.19,.97) infinite; }
.contact-popup {position: fixed; right: 80px; bottom: 40px; width: 230px; max-height: 200px; transition: 0.55s; overflow: hidden; z-index: 1039; border-radius: 10px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); }
.contact-popup .close {position: absolute; top: 0; right: 0; width: 30px; height: 30px; z-index: 10; opacity: 1; cursor: pointer; }
.contact-popup .close::before, .contact-popup .close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background: #fd7414; transform-origin: left; transition: 0.5s; }
.contact-popup .close::before {transform: rotate(45deg) translateX(-50%); }
.contact-popup .close::after {transform: rotate(-45deg) translateX(-50%); }
.contact-popup .close:hover::before, .contact-popup .close:hover::after {transform: rotate(0deg) translateX(-50%); }
.contact-popup ul {padding: 20px; width: 230px; max-height: 200px; background: #fff; position: relative; z-index: 9; overflow-y: auto; }
.contact-popup ul::-webkit-scrollbar {width: 3px; height: 3px; }
.contact-popup ul::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgb(0 0 0 / 10%); border-radius: 0; }
.contact-popup ul::-webkit-scrollbar-thumb {background: #464645; border-radius: 0px; }
.contact-popup li {padding: 10px 0; border-bottom: 1px dashed rgb(252 118 21 / 20%); }
.contact-popup li:first-child {padding-top: 0; }
.contact-popup li:last-child {padding-bottom: 0; border-bottom: 0; }
.contact-popup li p {margin: 0; font-size: 12px; color: #fd7414; font-weight: 400; line-height: 1.4; transition: 0.5s; }
.contact-popup li p span {display: block; font-size: 14px; color: #464645; font-weight: 600; transition: 0.5s; }
.contact-popup li a:hover {text-decoration: none; }
.contact-popup li a:hover p {color: #464645; }
.contact-popup li a:hover span {color: #fd7414; }
.contact-popup .overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.contact-popup:not(.show) {right: 22px; width: 50px; max-height: 50px; border-radius: 25px; opacity: 0; }
.contact-popup:not(.show) .overlay {display: none; }

/* 05-06-2024 */
.office-address-slider {border-bottom: 1px solid #585858; }
.office-address-slider .slick-track {display: flex; position: relative; }
.office-address-slider .branches {margin: 0; }
.tfooter .office-address-slider.slick-slider button.slick-prev {left: -20px; }
.tfooter .office-address-slider.slick-slider button.slick-next {right: -20px; }
.tfooter .office-address-slider.slick-slider button {background: rgb(59 59 59); height: 30px; width: 30px; padding: 10px; border-radius: 50%; z-index: 1; }
.tfooter .office-address-slider.slick-slider button:before {font-size: 10px; }
.office-address-slider .branches:after {content: ""; position: absolute; left: 0px; bottom: 0; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.25); z-index: 1; transition: all 0.4s; }
.office-address-slider .branches.slick-current:after {opacity: 0; }
.office-address-slider .branches {background: #202020; height: auto; }
.cta-secn {border-top: 1px solid #d9d9d9; text-align: center; }
.cta-secn h3 {margin-bottom: 30px; font-size: 37px; color: #464645; font-weight: 600; line-height: 1.2; }
.cta-secn .touchbtn {margin: 0 auto 0; width: fit-content; text-transform: uppercase; }
.get-touch .drivebox:last-child {margin-bottom: 0; }
.get-touch .contact-card .icon {color: #fff0ea; width: 68px; height: 68px; line-height: 68px; text-align: center; background: #fd4c0e; margin-right: 20px; border-radius: 4px; }
.get-touch .contact-card .icon img {width: 35px; filter: brightness(0) invert(1); }
.get-touch .contact-card h6 {margin-bottom: 12px; }
.get-touch .contact-card p {line-height: 1.2; }
.get-touch .contact-card p a {display: block; margin-bottom: 5px; width: fit-content; line-height: 1.2; transition: 0.5s; }
.get-touch .contact-card p a:hover {color: #fd4c0e; text-decoration: none; }
.workSpace-card {display: block; height: 100%; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); }
.media.workSpace-card i {margin: -60px 0 30px 0; display: block; }
.workSpace-card p {margin-bottom: 28px; white-space: pre-line; }
.workSpace-card .workspace-btn {position: relative; padding: 6px 15px; background: transparent; border-radius: 2px; border: 2px solid #fd4c0e; font-size: 14px; color: #fd4c0e; z-index: 0; }
.workSpace-card .workspace-btn::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: linear-gradient(45deg, rgba(255,41,11,1) 0%, rgba(252,125,21,1));
transition: all 400ms linear !important;
z-index: -1;
}

.workSpace-card .workspace-btn:hover {
color: #fff;
}

.workSpace-card .workspace-btn:hover::after {
width: 100%;
}

.workSpace-modal .modal-dialog .modal-content {
padding: 65px 55px;
border-radius: 0;
z-index: 1;
}

.workSpace-modal .modal-dialog .modal-content:before {
content: '';
position: absolute;
inset: 20px;
border: 10px solid rgb(252 118 21 / 20%);
z-index: -1;
}

.workSpace-modal .modal-content .close {
position: absolute;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
background: #f57d21;
border-radius: 50%;
border: 10px solid #fff;
opacity: 1 !important;
transition: 0.4s;
z-index: 1;
}

.workSpace-modal .outer {
position: relative;
margin: auto;
margin-top: 0px;
width: 13px;
cursor: pointer;
}

.workSpace-modal .inner {
width: inherit;
text-align: center;
}

.workSpace-modal .inner:before, .workSpace-modal .inner:after {
content: '';
position: absolute;
left: 0;
height: 1px;
width: inherit;
background: #fff;
transition: all .3s ease-in;
}

.workSpace-modal .inner:before {
bottom: 50%;
transform: rotate(45deg);
}

.workSpace-modal .inner:after {
bottom: 50%;
transform: rotate(-45deg);
}

.workSpace-modal .close:hover .inner:before, .workSpace-modal .close:hover .inner:after {
transform: rotate(0);
}

.workSpace-modal .modal-dialog .modal-content h2 {
margin-bottom: 15px;
font-size: 25px;
font-weight: 400;
color: #464645;
line-height: 1.4;
}

.workSpace-modal .modal-dialog .modal-content h2 span {
display: block;
font-size: 35px;
font-weight: 600;
}

.workSpace-modal .modal-dialog .modal-content iframe {
width: 100%;
height: 50vh;
min-height: 300px;
border: 0;
}

.storeImg {
position: relative;
background: url(../images/reserve_bg3.jpg);
background-position: 100%;
}

.storeImg::before {
display: none;
}

.storeImg::after {
max-width: 100%;
background: rgb(0 0 0 / 40%);
}

.storeImg h3 {
color: #fff;
}

.reserve_home .storeImg .myseat .form-control {
height: 62px;
background: rgb(0 0 0 / 45%);
border: 1px solid rgb(255 255 255 / 40%);
color: #fff;
}

.reserve_home .storeImg .myseat .form-control::placeholder {
color: #c8c5c2;
}

.reserve_home .storeImg .myseat .btn {
width: fit-content;
}


/*1-7-2024*/
.dream-space .workspace_main_box {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border: none;
border-radius: 0;
background: transparent;
padding-bottom: 35px;
}

.dream-space .workspace_main_box a::before,.dream-space .workspace_main_box a::after {
display: none;
}

.dream-space .workspace_main_box a img {
width: calc(100% - 8%);
height: auto;
max-width: 700px;
}

.dream-space .workspace_main_box .workspace_main_title {
padding: 35px 34px;
position: absolute;
bottom: 0;
right: 0;
max-height: calc(100% - 50px);
width: calc(100% - 50px);
z-index: 1;
background: #fff;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 278px;
}

.dream-space .workspace_main_box .workspace_main_title:before {
content: '';
position: absolute;
background: rgba(255, 41, 11, 1);
background: -moz-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 41, 11, 1)), color-stop(100%, rgba(252, 125, 21, 1)));
background: -webkit-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -o-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
background: linear-gradient(45deg, rgba(255, 41, 11, 1) 0%, rgba(252, 125, 21, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff290b', endColorstr='#fc7d15', GradientType=1 );
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.4s all;
z-index: -1;
}

.dream-space .workspace_main_box:hover .workspace_main_title:before {
opacity: 1;
}

.dream-space .workspace_main_box .workspace_main_title a {
border-color: #EBEBEB;
color: #FFF;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;
-ms-transition: all 250ms linear;
transition: all 250ms linear;
}

.dream-space .workspace_main_box .workspace_main_title a h5 {
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;
-ms-transition: all 250ms linear;
transition: all 250ms linear;
font-size: 24px;
color: #FD6A13;
margin-bottom: 0;
line-height: 24px;
}

.dream-space .workspace_main_box:hover .workspace_main_title a h5 {
color: #FFF;
background: transparent;
border-color: #fff;
}



@media screen and (max-width: 991px) {
.workSpace-modal {
    padding: 15px !important;
}
}

@media screen and (max-width: 767px) {
.get-touch .contact-card {
    display: flex;
}
}

@media screen and (max-width: 575px) {
.cta-secn h3 {
    margin-bottom: 20px;
    font-size: 25px;
}
}

@media screen and (max-width: 479px) {
.workSpace-modal {
    padding: 0px !important;
}

.workSpace-modal .modal-dialog {
    padding: 15px;
}

.workSpace-modal .modal-dialog .modal-content {
    padding: 55px 40px;
}

.workSpace-modal .modal-dialog .modal-content:before {
    inset: 15px;
    border-width: 5px;
}

.workSpace-modal .modal-dialog .modal-content .close {
    top: 0;
    right: 0;
}

.workSpace-modal .btn.gradient01 {
    font-size: 15px;
    margin-top: 25px;
}

.workSpace-modal .modal-dialog .modal-content .form-control {
    font-size: 15px;
    padding: 12px 11px;
}

.workSpace-modal .modal-dialog .modal-content h2 span {
    font-size: 28px;
}

.workSpace-modal .modal-dialog .modal-content h2 {
    font-size: 20px;
}

.workSpace-modal .form-content {
    height: 70px;
}

.workSpace-modal .btn.gradient01 i {
    top: 50%;
}
}

@media screen and (max-width: 440px) {
.get-touch .contact-card {
    display: block;
}

.get-touch .contact-card .icon, .media.workSpace-card i {
    margin-bottom: 20px;
    width: 56px;
    height: 56px;
    line-height: 56px;
}

.get-touch .contact-card .icon {
    margin-right: 0;
    margin-bottom: 15px;
}

.get-touch .contact-card .icon img {
    width: 30px;
}

.workSpace-card p {
    margin-bottom: 15px;
}
}


/* sliver_utopia_css 10/10/24 */
.about_scsnn {
position: relative;
padding: 80px 80px;
}

.about_scsnn:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 30%;
margin: auto;
background: #f3f3f3;
border-radius: 0px 0px 50px 0px;
z-index: -1;
}

.about_scsnn:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 70%;
margin: auto;
background: #f3f3f3;
border-radius: 0px 0px 50px 50px;
z-index: 1;
background-image: url('../sub-images/logo-icon.svg');
opacity: 0.1;
background-size: 25%;
filter: grayscale(1);
background-repeat: no-repeat;
}

.about_scsnn_content_img {
position: relative;
margin-bottom: 0px;
}

.about_scsnn_content_img:before {
content: '';
position: absolute;
top: 15px;
left: 15px;
height: 100%;
width: 100%;
margin: auto;
background: #00000000;
border-radius: 10px;
z-index: 0;
border: solid 2px #fc7614;
}

.about_scsnn_main img {
height: auto;
width: 100%;
margin: auto;
display: block;
border-radius: 10px;
z-index: 1;
position: relative;
box-shadow: -5px 5px 15px #0000004a;
}

.animated_taglines h3 {
font-size: 60px;
margin: 18px 0px;
font-weight: 500;
}

.animated_taglines strong {
font-weight: 700;
}

.about_scsnn_content {
text-align: left;
position: relative;
z-index: 3;
}

.about_scsnn_content p {
line-height: 30px;
font-size: 18px;
color: #666;
font-weight: 400;
}

.benefits_main {
position: relative;
overflow: hidden;
background: #f3f3f3;
background-image: url('../sub-images/utopia_1.jpg');
background-size: cover;
background-position: center;
padding: 100px 0px;
background-repeat: no-repeat;
background-attachment: fixed;
z-index: 0;
}

.benefits_main:after {
content: '';
position: absolute;
background: #000000a3;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
}

.benefits_section {
overflow: hidden;
padding-bottom: 0px;
margin-left: 0px;
position: relative;
z-index: 11;
}

.benefits_section h2 {
text-align: center;
color: #fff;
position: relative;
z-index: -3;
font-size: 37px;
font-weight: 600;
margin-bottom: 24px;
}

.benefits_section span {
color: #ffffff;
font-size: 15px;
font-weight: 500;
display: block;
margin-bottom: 5px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 111;
}

.horizontal {
display: flex;
align-items: center;
justify-content: flex-start;
height: 100%;
overflow: visible;
margin-left: 13.5%;
}

.benefits_info {
width: 100%;
flex-shrink: 0;
background: transparent;
margin: 0 15px;
height: 250px;
position: relative;
z-index: 1;
padding: 40px;
position: relative;
text-decoration: none;
border-radius: 10px;
margin: 15px 0px;
}

.benefits_info:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background: linear-gradient(318deg, #fc7714 0%, #ffffff29 36%);
z-index: -1;
background: radial-gradient(circle at right bottom, #fc7714 -18%, #ffffff29 35%);
border-radius: 10px;
}

.benefits_info:before {
content: '';
position: absolute;
right: -10px;
bottom: -10px;
width: 90px;
height: 90px;
/* background: #f582203d; */
z-index: -1;
border-radius: 10px;
}

.benifits_card {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
/* backdrop-filter: blur(15px); */
}

.benifits_card img {
height: 50px;
text-align: right;
margin-left: auto;
display: block;
}

.benifits_card p {
color: #fff;
font-size: 20px;
line-height: 1.2;
}

.aminities_main ul {
--gap: min(5rem, 7vw);
display: grid;
gap: var(--gap);
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

.aminities_main li {
position: relative;
}

.aminities_main li:after {
border-image-repeat: space;
border-image-slice: 33.34%;
border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M6 0v1H1v5H0V0zM12.002 0v1h4.999v5h.994V0zM6 18v-1H1v-4.995H0V18zM12 18v-1h5v-4.995h1V18z'/%3E%3C/g%3E%3C/svg%3E");
border-image-width: 6px;
border-style: solid;
border-width: 0px;
content: '';
display: block;
height: calc(100% + var(--gap) - 0px);
left: calc(var(--gap) / 2 * -1);
position: absolute;
top: calc(var(--gap) / 2 * -1);
width: calc(100% + var(--gap) - 0px);
}

.img_design {
background: linear-gradient(0deg, #fd7414 35%, transparent 35%);
margin-top: 70px;
}

.img_design img {
width: 80%;
height: 650px;
margin-bottom: -24px;
z-index: 1;
position: relative;
object-fit: cover;
border-radius: 0px 500px 500px 0px;
outline: solid 2px #fd7414;
padding: 20px 20px 20px 0px;
}

.aminities_main {
padding: 120px 0px;
background: #f4f4f4;
}

.aminities_main ul {
max-width: 85em;
list-style: none;
}

.why_chooes_us {
padding: 115px 80px;
position: relative;
}

.why_chooes_us:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 40%;
margin: auto;
background: #fd741424;
border-radius: 0px 50px 50px 0px;
z-index: -1;
/* box-shadow: 10px 10px 10px #00000024; */
}

.why_chooes_us h2 {
text-align: left;
color: #fd7414;
position: relative;
z-index: -3;
font-size: 37px;
font-weight: 600;
margin-bottom: 45px;
}

.amenities_img {
position: sticky;
top: 120px;
}

.amenities_img img {
height: 650px;
width: 100%;
margin: auto;
display: block;
border-radius: 10px;
object-fit: cover;
z-index: 1;
position: relative;
/*   box-shadow: -5px 5px 15px #0000004a; */
}

.amenities_img:before {
content: '';
position: absolute;
top: 15px;
left: 15px;
height: 100%;
width: 100%;
margin: auto;
background: #00000000;
border-radius: 10px;
z-index: 0;
border: solid 2px #fc7614;
}

.amenities_img .carousel-inner:after {
display: none;
}

.why_chooes_us .why_chooes_us_box {
display: flex;
align-items: center;
margin: 35px 0px;
margin-top: 0px;
background: #f9f9f9;
padding: 10px;
}

.why_chooes_us .why_chooes_us_box .why_chooes_us_box_img {
height: 80px;
width: 100px;
border-right: solid 2px #EAEAEA;
text-align: center;
transition: 0.5s all;
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
}

.why_chooes_us .why_chooes_us_box .why_chooes_us_box_img img {
/*   filter: grayscale(3) brightness(0.5) invert(1); */
transition: 0.5s all;
height: 40px;
}

.why_chooes_us .why_chooes_us_box:hover .why_chooes_us_box_img {
border-right: solid 2px #fc7714;
}

.why_chooes_us .why_chooes_us_box:hover .why_chooes_us_box_img img {
transform: translateY(-10px);
filter: unset;
}

.why_chooes_us .why_chooes_us_box p {
text-transform: uppercase;
font-size: 16px;
color: #464645;
letter-spacing: 0.5px;
transition: 0.5s all;
font-weight: 500;
max-width: 260px;
margin-bottom: 0;
line-height: 1.3;
}

.why_chooes_us .why_chooes_us_box:hover p {
color: #000;
}

.why_chooes_us .why_chooes_us_text span {
color: #999999;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}

.why_chooes_us .why_chooes_us_text h3 {
color: #111111;
font-size: 40px;
margin-top: 14px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 20px;
}

.why_chooes_us .why_chooes_us_text p {
font-size: 18px;
color: #444444;
font-weight: 400;
max-width: 260px;
}

.why_chooes_us h4 {
color: #fc7714;
text-align: center;
letter-spacing: 1px;
font-size: 25px;
font-weight: 500;
margin-bottom: 14px;
}

.gallery_img {
padding-top: 90px;
position: relative;
}

.gallery_img h3 {
top: -80px;
left: 50%;
z-index: 1;
position: absolute;
font-size: 100px;
color: #fd7414;
font-weight: 700;
text-shadow: 10px 10px 10px #0000000f;
transform: translateX(-50%);
}

.gallery_img:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 259px;
width: 100%;
background: #f3f3f3;
z-index: -3;
}

.gallery_img img {
height: 800px;
width: 100%;
position: sticky;
top: 170px;
border-radius: 100px 100px 0px 0px;
box-shadow: 0px 3px 10px #00000008;
object-fit: cover;
}

.padding_left {
padding-left: 50px;
}

/* 24-9-24 */
.no-link {
pointer-events: none;
}

/* .inevitable.silver-inevitable::after{display: none;} */
.inevitable.silver-inevitable h2 small, .silver-benefits h2 small {
color: #999999;
font-size: 15px;
font-weight: 500;
display: block;
margin-bottom: 12px;
letter-spacing: 2px;
}

/* .silver-inevitable-mbox .card{ border: 1px solid #b4b4b4b3; border-radius: 5px; transition: .5s; }
.silver-inevitable-mbox > .row{margin: 0 10px;}
.silver-inevitable-mbox > .row .slick-next{ z-index: 2; right: -19px; }
.silver-inevitable-mbox > .row .slick-prev{ left: -19px; z-index: 2; }
.silver-inevitable-text{ padding: 35px 34px; position: absolute; bottom: -5px; left: 15px; max-height: calc(100% - 50px); width: calc(100% - 50px); max-width: 320px; z-index: 1; background: #fff; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.silver-inevitable-text h5 { font-size: 24px; color: #FD6A13; margin-bottom: 0; line-height: 24px; } */
/* .silver-about-inr > div{padding-right: 40px;}
.silver-about-inr > div + div{padding-right: 0;} */
.item .item-text {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
background: rgba(0, 0, 0, 0.6);
transform: scale(0);
transition: 0.5s;
}

.item:hover .item-text {
transform: scale(1);
}

.item .item-text p {
color: #fff;
}

.silver-about strong {
font-size: 18px;
margin-bottom: 16px;
display: inline-block;
}

.silver-benefits {
padding: 48px 0;
}

.silver-benefits h2 {
color: #464645;
font-size: 37px;
margin-bottom: 14px;
font-weight: 600;
}

.benefits-silder {
margin: 24px 48px;
position: relative;
}

.benefits-text-box {
position: absolute;
bottom: 30px;
z-index: 2;
width: calc(100% - 700px);
left: 50%;
transform: translateX(-50%);
text-align: center;
background-color: #fff;
border-radius: 2px;
border-bottom-color: #fff;
padding: 30px;
box-shadow: 0 0 20px grey;
}

.benefits-img-box {
border: 8px solid #F3F3F3;
}

.benefits-img-box img {
max-height: 600px;
object-fit: cover;
height: 100%;
}

.benefits-text-box ol {
margin: 0;
padding: 0;
}

.benefits-text-box ol li {
font-weight: 500;
font-size: 22px;
}

.benefits-text-box .slick-arrow {
width: 35px;
height: 35px;
}

.benefits-text-box .slick-next {
z-index: 2;
right: -8px;
}

.benefits-text-box .slick-prev {
left: -8px;
z-index: 2;
}

.benefits-img-box .slick-track {
display: flex !important;
}

.benefits-img-box .slick-track .slick-slide {
height: inherit !important;
}

.silver_inquiry_scssn {
margin-top: 35px;
display: block;
position: relative;
padding-top: 100px;
padding-bottom: 41px;
}

.silver_inquiry_scssn:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: calc(100% - 30px);
width: 100%;
background: #f9f9f9;
z-index: -1;
}

.silver_inquiry_scssn:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
background: url(../sub-images/logo-icon.svg) no-repeat;
width: 100%;
height: 100%;
z-index: -1;
background-position: right bottom;
opacity: 0.05;
filter: grayscale(1);
}

.silver_inquiry_scssn .myseat {
max-width: 1200px;
margin: 0 auto;
position: relative;
display: block;
}

.silver_inquiry_scssn h2 {
text-align: left;
color: #fd7414;
position: relative;
font-size: 37px;
font-weight: 600;
margin-bottom: 10px;
}

.silver_inquiry_scssn .myseat textarea.form-control {
height: calc(100% - 10px);
min-height: 105px;
max-height:118px;
}

.about_scsnn_content .btn-read {
margin: 0;
}

@media screen and (max-width: 1600px) {
.about_scsnn_content .animated_taglines h3 {
    font-size: 45px;
}
}

@media screen and (max-width: 1406px) {
.benefits-text-box {
    width: calc(100% - 530px);
}
}

@media screen and (max-width: 1399px) {
.about_scsnn_content .animated_taglines h3 {
    font-size: 45px;
}
}

@media screen and (max-width: 1199px) {
.silver-benefits h2 {
    font-size: 32px;
}

.benefits-text-box {
    width: calc(100% - 300px);
}

.benefits_info {
    height: 220px;
}

.benifits_card p {
    font-size: 18px;
}

.benifits_card img {
    height: 40px;
}
}

@media screen and (max-width: 991px) {
.benefits-silder {
    margin: 24px 0px 0;
}

.benefits-text-box {
    width: calc(100% - 200px);
    padding: 20px 25px;
}

.about_scsnn_content .animated_taglines h3 {
    font-size: 35px;
}
}

@media screen and (max-width: 767px) {
.benefits-text-box {
    width: calc(100% - 60px);
}

.benefits-text-box ol li {
    font-size: 20px;
}

.amenities h6 {
    font-size: 20px;
}

.amenities.silver-amenities .row.pt-lg-2>.col-md-6:nth-child(5n+1) {
    border-left: solid 1px rgba(0, 0, 0, 0.15);
}

.silver-benefits {
    padding: 24px 0;
}
}

@media screen and (max-width: 575px) {
.benefits-img-box {
    border: 4px solid #F3F3F3;
}

.benefits-text-box {
    width: calc(100% - 20px);
    padding: 15px 15px;
    bottom: 10px;
}

.benefits-text-box ol li {
    font-size: clamp(0.8rem, 4vw, 1.2rem);
}

.benefits-text-box .slick-next {
    right: -32px;
}

.benefits-text-box .slick-prev {
    left: -32px;
}

.silver-benefits h2 {
    font-size: 30px;
}
}


/*10-12-24*/
#myCarousel .mask h2.mobile-heading {
/* display: none; */
color: #ffffff;
margin-bottom: 20px;
}



/* 27-12-2024 */
.why-choose-secn{padding: 90px 0 0;min-height: 650px;position: relative;z-index: 0;}
.why-choose-secn .why-choose-sticky-area{position: sticky;top: calc(100vh - 630px);}
.why-choose-secn .img_design{position: relative;left: -15px;bottom: 0;margin-top: 0;width: 100vw;z-index: -1;}
.why-choose-secn .img_design .img-slide-area{margin-bottom: -20px;padding: 0px;width: calc(50% - 30px);height: 650px;object-fit: cover;background: #fff;border: 0 solid #fff;border-width: 20px 20px 20px 0;border-radius: 0px 500px 500px 0px;outline: solid 2px #fd7414;position: relative;z-index: 1;overflow: hidden;}
.why-choose-secn .img_design .img-slide-area img{margin: 0;padding: 0;width: 100%;height: 100%;border-radius: unset;outline: unset;}
.why-choose-secn .img_design .img-slide-area .carousel,
.why-choose-secn .img_design .img-slide-area .carousel .carousel-inner,
.why-choose-secn .img_design .img-slide-area .carousel .carousel-inner .carousel-item{height: 100%;}


.why-choose-secn .why-choose-content{margin-right: 40px;margin-bottom: 90px;padding: 55px;background: #fff;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 1;}
@media only screen and (max-width:1199px) {
.why-choose-secn .img_design .img-slide-area{width: 80%;height: 450px;}
.why-choose-secn .why-choose-content{margin-right: 0;margin-bottom: 70px;}

}
@media screen and (max-width: 991px) {
.why-choose-secn .why-choose-content{margin-bottom: 50px;padding: 35px;}
.why-choose-secn .img_design .img-slide-area{border-width: 15px 15px 15px 0;}
}
@media screen and (max-width: 767px) {
.why-choose-secn .img_design .img-slide-area{width: 80%;height: 380px;}
}
@media screen and (max-width: 575px) {
.why-choose-secn .why-choose-content{padding: 30px 25px;}
.why-choose-secn .img_design .img-slide-area{width: 90%;height: 260px;border-width: 10px 10px 10px 0;}
}


/* ==== 21-04-2025 ====== */
.flexi_desks_fulfill .modal-dialog .modal-content, .flexi_desks_fulfill.myseat .form-control {
background: #F3F3F3;
}  
.flexi_desks_fulfill .modal-dialog .modal-content .form-content {
border: 1px solid #c3c3c3;
height: auto;
margin-bottom: 25px;
margin: 12px 0;
padding: 0px 15px;
} 
.flexi_desks_fulfill .modal-content .close { 
border: 10px solid #f3f3f3;
} 
.flexi_desks_fulfill .modal-dialog .modal-content h2 span, .flexi_desks_fulfill .modal-dialog .modal-content h2 span b,.flexi_desks_fulfill .modal-dialog .modal-content h2 strong,.flexi_desks_fulfill .modal-dialog .modal-content h2 strong b {
margin-top: 12px;
font-weight: 600;
}
.flexi_desks_fulfill .modal-dialog .modal-content h2 span,.flexi_desks_fulfill .modal-dialog .modal-content h2 strong{
animation: color_change 1s infinite linear;
} 
@keyframes color_change{ 
0%, 100%{
  color: #fe2d0b;
}
50%{
color: #fc7614;
}
}
@-webkit-keyframes color_change {
0%, 100%{
  color: #fe2d0b;
}
50%{
color: #fc7614;
}
}
.flexi_desks_fulfill .modal-dialog .modal-content h4 {
font-size: 16px;
background: linear-gradient(90deg, rgb(253 45 10) 0%, rgb(253 83 15) 0%, rgb(255 255 255 / 0%) 100%);
max-width: 280px;
padding: 10px 15px 8px 22px;
color: #ffffff;
border-radius: 25px 0 0 0;
text-transform: uppercase;
letter-spacing: 0.3px;
}  
.flexi_desks_fulfill .modal-dialog .modal-content h2, .flexi_desks_fulfill .modal-dialog .modal-content h2 span,.flexi_desks_fulfill .modal-dialog .modal-content h2 strong {
font-size: 35px;
color: #464645;
font-weight: 600;
white-space: unset;
} 
.flexi_desks_fulfill .modal-dialog .modal-content h2 span,.flexi_desks_fulfill .modal-dialog .modal-content h2 strong {
display: inline;
margin: unset;
}
@media screen and (max-width: 767px) {
.flexi_desks_fulfill .modal-dialog .modal-content h2, .flexi_desks_fulfill .modal-dialog .modal-content h2 span, .flexi_desks_fulfill .modal-dialog .modal-content h2 strong {
  font-size: 30px !important;
}
}
@media screen and (max-width: 575px) {
.flexi_desks_fulfill .modal-dialog .modal-content h2, .flexi_desks_fulfill .modal-dialog .modal-content h2 span, .flexi_desks_fulfill .modal-dialog .modal-content h2 strong {
font-size: 26px !important;
}
.flexi_desks_fulfill .modal-dialog .modal-content h4 {
padding: 8px 15px 8px 18px;
font-size: 15px;
}
.flexi_desks_fulfill .modal-dialog .modal-content .form-content{
margin: 10px 0;
}
.flexi_desks_fulfill.lets-fulfill .modal-dialog .modal-content .form-control{
padding: 10px;
}
.flexi_desks_fulfill.lets-fulfill .form .form-content img, .home_modal form .form-content img{
width: 18px;
}
}

/* 19-05-2025 */
.footer .webplus {
margin-left: 1px;
}
.footer .webplus:before {
content: ' | ';
}
.footer .webplus a {
padding-left: 4px;
}
.footer .webplus img {
filter: invert(1) grayscale(1) brightness(2);
opacity: 0.55;
transition: 0.5s all;
}
.footer .webplus:hover img {
opacity: 0.8;
}

/*=================================
Bkc 23-06-2025
=================================*/
.bkc-secn-1 {
padding: 80px 80px 40px;
}

.bkc-secn-1 .icon-img {
width: 100%;
aspect-ratio: 513/379;
position: relative;
z-index: 0;
}

.bkc-secn-1 .icon-img .bg-img {
width: 100%;
height: 100%;
}

.bkc-secn-1 .icon-img .animate-area {
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
z-index: -1;
}

.bkc-secn-1 .icon-img .animate-area img {
width: 100%;
height: 100%;
object-fit: cover;
}

.bkc-secn-1 .icon-img .carousel, .bkc-secn-1 .icon-img .carousel .carousel-inner, .bkc-secn-1 .icon-img .carousel .carousel-inner .carousel-item {
width: 100%;
height: 100%;
}

.bkc-secn3-inr h2,.bkc-secn3-inr h1, .bkc-secn-2 .bkc-secn2-top-content h2, .bkc-secn4-inr .bkc-secn4-top-content h2 {
font-size: 35px;
font-weight: 600;
margin-bottom: 24px;
color: #464645;
transition: 0.5s ease;
}

.bkc-secn-2 {
padding: 100px 0 80px;
z-index: 1;
position: relative;
overflow: hidden;
}

.bkc-secn-2::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 65vw;
height: 100%;
background-color: #fd741424;
border-radius: 300px 0 0 0;
z-index: -1;
}

.bkc-secn-2 .bkc-secn2-top-img {
margin: 0 25px 25px;
clear: both;
width: 55.5vw;
float: right;
position: relative;
}

.bkc-secn-2 .bkc-secn2-top-img img {
border-radius: 0 0 220px 0;
overflow: hidden;
position: relative;
z-index: 1;
height: 70dvh;
object-fit: cover;
width: 100%;
}

.bkc-secn-2 .bkc-secn2-top-img::after {
content: '';
position: absolute;
top: 20px;
left: 0px;
width: calc(55.5vw + 20px);
height: 100%;
border: solid rgb(252, 118, 20);
border-width: 2px 2px 2px 0;
border-radius: 0 0 240px 0;
}

.bkc-secn-2 .bkc-secn2-top-content {
padding: 35px 0 0px 35px;
position: relative;
z-index: 1;
}

.bkc-secn-2 .bkc-secn2-top-content .btn-read:after {
background: #ffebde;
}

.bkc-secn-2 .bkc-secn2-top-content ul li, .bkc-secn4-inr .bkc-secn4-top-content ul li, .faq.bkc-secn5 .card-body ul li {
position: relative;
padding: 4px 22px;
color: #666;
font-size: 18px;
transition: 0.5s ease;
}

.bkc-secn-2 .bkc-secn2-top-content ul li::after, .bkc-secn4-inr .bkc-secn4-top-content ul li::after, .faq.bkc-secn5 .card-body ul li::after {
content: '';
position: absolute;
top: 13px;
left: 6px;
width: 8px;
transition: 0.5s ease;
height: 8px;
border: 2px solid #fc7614;
border-radius: 50%;
}

.bkc-secn-2 span.btn_ring {
position: fixed;
top: 85%;
opacity: 0;
scale: 0;
transition: 0.5s ease;
}

.bkc-secn-2 span.btn_ring.show-ring {
opacity: 1;
scale: 1;
}

.bkc-secn3 {
background-color: #202020;
padding: 80px 80px 100px;
z-index: 1;
}

.bkc-secn3-inr > h2,.bkc-secn3-inr > h1 {
text-align: center;
color: #fff;
}

.bkc-secn3-inr > .row {
margin: -10px;
margin-top: 45px;
}

.bkc-secn3-inr > .row > div {
padding: 10px;
}

.bkc-secn3-inr .bkc-secn3-box {
padding: 22px 25px 22px 16px;
border-radius: 8px;
background: #262626a1;
height: 100%;
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
text-align: end;
box-shadow: rgb(0 0 0 / 16%) 0px 2px 8px 0px;
}

.bkc-secn3-inr .bkc-secn3-box .box-icon {
border-radius: 50%;
width: 60px;
height: 60px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
}

.bkc-secn3-inr .bkc-secn3-box .box-content {
color: #f2f2f2;
}

.bkc-secn3-inr > a {
text-align: center;
margin: 0 auto;
display: flex;
width: fit-content;
margin-top: 20px;
}

.bkc-secn3-inr > p {
color: #f2f2f2;
text-align: center;
max-width: 90%;
margin: 40px auto -18px;
margin-top: 40px;
}

.bkc-secn4 {
position: relative;
z-index: 1;
overflow: hidden;
background-color: rgb(249, 249, 249);
}

.bkc-secn4-inr .bkc-secn4-top-content {
padding: 80px 40px 80px 0;
position: relative;
}

.bkc-img-slider .slick-list {
height: 100%;
}

.bkc-img-slider .slick-track {
display: flex !important;
height: 100%;
}

.bkc-img-slider .slick-slide {
height: inherit !important;
object-fit: cover;
object-position: center;
}

.bkc-secn4-img-area {
float: left;
width: 45vw;
height: 100%;
margin-top: 100px;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius: 160px 0 0 0;
outline: 2px solid rgb(252, 118, 20);
outline-offset: 20px;
overflow: hidden;
}

.moretext {
display: none;
}

.bkc-secn5 {
position: relative;
}

.bkc-secn5::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 150px;
height: 100%;
background: url(../sub-images/bkc-faq.svg) no-repeat local;
background-size: cover;
filter: grayscale(1) opacity(0.1);
}

.faq.bkc-secn5 {
padding: 80px 0;
}

.bkc-secn5 h3 {
margin-bottom: 0;
}

.faq.bkc-secn5 h2 {
text-align: left;
}

.faq.bkc-secn5 .accordion .card .card-header {
border-color: #f1f1f1;
}

.faq.bkc-secn5 .accordion .card .card-body {
margin-bottom: 20px;
padding: 22px 24px;
}

.faq.bkc-secn5 .accordion .card .card-header {
padding: 22px 24px;
margin-bottom: 20px;
}

.faq.bkc-secn5 .accordion .card .card-header[aria-expanded="true"] {
margin-bottom: 0;
}

.faq.bkc-secn5 a.card-title:after {
top: 50%;
transform: translateY(-50%);
}

.silver_inquiry_scssn.bkc-direct-enquiry {
margin-top: 0;
padding-top: 80px;
}

.silver_inquiry_scssn.bkc-direct-enquiry::before {
display: none;
}

.silver_inquiry_scssn.bkc-direct-enquiry h2 {
color: #464645;
}

.silver_inquiry_scssn.bkc-direct-enquiry .myseat {
max-width: 100%;
}

#myCarousel.sub-banner {
background-image: url(../sub-images/bkc-banner.jpg);
background-position: center;
}


/* 24-06-2025 */

.bkc-banner .mask h1{
font-size: 28px;
margin-bottom: 12px;
color: #FFF;
line-height: 124%;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
text-shadow: 2px 2px 12px rgb(0 0 0 / 50%);
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@media only screen and (max-width: 1406px) {
.bkc-banner .mask h1 {font-size: 2.7VW; margin-bottom: 12px; }
}
@media screen and (max-width: 991px) {
.slide-text.s-banner h1 {font-size: 25px; margin-bottom: 15px; color: #444; line-height: 32px; font-weight: 600; font-family: 'Montserrat', sans-serif; }
}
@media screen and (max-width: 767px) {
.slide-text.s-banner h1 {font-size: 18px; line-height: 1.4; } 
}
#myCarousel.sub-banner > img {width: 100%; object-fit: cover; height: 290px; }





/********************************* Cuistomize CSS 12-9-2025 ***************************************/
/* home */
.home #myCarousel .mask h4 {font-size: 28px;margin-bottom: 15px;}
.home #myCarousel .mask p {font-size: 18px;color:#ffffff;}
/* home end */
.subpage .blog-content h2 {font-size: 20px;color: #333333;}
.sub-banner h3.p_style {font-size: 15px;line-height: 1.4;text-shadow: 2px 2px 12px rgb(0 0 0 / 50%);color: #fbfbfb;font-weight: 500;letter-spacing: 0.5px;font-family: 'Montserrat', sans-serif;}
/*#myCarousel.sub-banner img {height: 290px;}*/
#myCarousel.sub-banner .mask {top: calc(55% + 40px);padding: 4px 0 4px 20px;}
/*#myCarousel .mask h2.mobile-heading,#myCarousel .mask .mobile-heading {font-size: 27px;margin-bottom: 15px;}*/
#myCarousel .mask h4 {font-size: 20px;font-weight: 500;margin-bottom: 7px;}
#myCarousel .mask p,.sub-banner .p_style,.mask .p_style {font-size: 15px;line-height: 24px;color: #ffffff;font-weight: 500;letter-spacing: 0.5px;font-family: 'Montserrat', sans-serif;}
.silver_utopia_page .why_chooes_us h2 {z-index: 0;}
.blog_box .blog-content span, .blog_detail_scssn .blog-content span {letter-spacing:0.2px;font-weight:400;}
.blog_box .blog-content a.categoty_title {letter-spacing:0.2px;}
.blog_contact.right_box {
padding: 20px;
}
.blog_detail_scssn .blog-content h1 {margin-top:15px;}
@media only screen and (max-width: 1599px) {
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {font-size: 35px;}
}
@media only screen and (max-width: 1406px) {
#myCarousel .mask h2.mobile-heading, #myCarousel .mask .mobile-heading {font-size: 25px;margin-bottom: 12px;}
#myCarousel .mask h4 {font-size: 19px;}
.home #myCarousel .carousel-control-next, .home #myCarousel .carousel-control-prev {width: 45px;}
}
@media only screen and (max-width: 1399px) {
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {font-size: 32px;}
}
@media screen and (max-width: 1199px) {
.home #myCarousel .mask h4 {font-size: 22px;margin-bottom: 10px;}
.home #myCarousel .mask p {font-size: 15px;margin-bottom: 20px;}
.home #myCarousel .mask {padding: 15px 0 15px 15px;bottom: 8%;left: 50%;max-width: 95vw;transform: translateX(-50%);right: 0;margin: 0;}
.home #myCarousel .mask a {padding: 13px 15px 13px 15px;font-size: 16px;}
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {font-size: 28px;}
.cta-secn h3 {font-size:28px;}
}
@media screen and (max-width: 991px) {
/*.mask h3.p_style {font-size: 18px;line-height: 24px;margin-bottom: 0px;color: #444;font-weight: 500;letter-spacing: 0.5px;font-family: 'Montserrat', sans-serif;} */
#myCarousel.sub-banner img {height: 240px;}
.slide-text h4, .slide-text.s-banner h4 {font-size: 19px;margin-bottom: 0px;}
#myCarousel .mask p,.sub-banner .p_style,.mask .p_style {font-size:16px; color:#444444;}
.slide-text .mask h2.mobile-heading {top: -130px;font-size: 22px; padding:6px 0 6px 13px;}
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 br {display:none;}
.bkc-secn3-inr .slick-arrow {top: -18%;}
.bkc-secn3-inr > .row {margin-top: 85px;}
#myCarousel .carousel-item img {height: auto; aspect-ratio: 1 / 0.8;}
.amenities_img {
    margin-bottom: 60px;
}
.inevitable.subpage .inevitable-content {
    max-width: 92%;
    padding: 25px;
    margin-top: -30px;
}
.blog_detail_scssn .blog-content span {margin-bottom:5px;}
.blog-details #myScrollspy {margin-top:20px;}
}
@media screen and (max-width: 767px) {
.mask h3.p_style {font-size: 16px;text-align: center;}
#myCarousel.sub-banner img {height: 190px;}
.slide-text .mask h2.mobile-heading {font-size:20px;}
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {font-size: 26px;}
.bkc-secn3-inr .slick-arrow {
    top: -27%;
} 
.bkc-secn3-inr h2, .bkc-secn-2 .bkc-secn2-top-content h2, .bkc-secn4-inr .bkc-secn4-top-content h2, .faq.bkc-secn5 h2, .silver_inquiry_scssn.bkc-direct-enquiry h2 {
    font-size: 24px;
}
.bkc-secn-2 .bkc-secn2-top-content ul li, .bkc-secn4-inr .bkc-secn4-top-content ul li, .faq.bkc-secn5 .card-body ul li {font-size:16px;}
.cta-secn h3 {font-size:24px;}
.silver_utopia_page .why_chooes_us h2, .benefits_section h2,.silver_inquiry_scssn h2 {font-size: 28px;}  
.about_scsnn {padding: 80px 20px;}
.about_scsnn_content p {font-size: 16px;line-height: 1.6;}
.inevitable.subpage .inevitable-content {max-width: 95%;padding: 20px;margin-top: -25px;}
.our-roundup .our-roundup-box {padding: 0 30px 40px;text-align: center;}
.our-roundup .our-roundup-icon {max-width: 90px;}
}
@media only screen and (max-width: 575px) {
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {font-size: 22px;}
.cta-secn h3 {margin-bottom: 20px;font-size: 20px;}
.bkc-secn3-inr h2, .bkc-secn-2 .bkc-secn2-top-content h2, .bkc-secn4-inr .bkc-secn4-top-content h2, .faq.bkc-secn5 h2, .silver_inquiry_scssn.bkc-direct-enquiry h2 {
    font-size: 22px;
}
.cta-secn h3 {font-size:22px;}
.slide-text .mask {5px 10px 5px 10px}
.bkc-secn3 {
    padding: 50px 10px 50px;
}
.bkc-secn-2 {
    padding: 50px 10px 0px;
}
.bkc-secn-1 {
    padding: 0px 10px 25px;
}
}


.tfooter p, .tfooter p a {text-decoration:none;}
.subpage .blog-content h3 {
font-size: 19px;
}
.amenities .row.pt-lg-2{
justify-content: center;
}
.work-slick .slick-track {
margin: 0 0;
}
.work-slick .slick-track:before {
contnet: '';
position: absolute;
right: 0;
width: 2px;
background: #ffffff;
height: 100%;
top: 0;
}

.blog-details #myScrollspy {
position: relative;
top: 0;
}
/* 28-12-2023 */


.our-guarantees h1, .exclusivity h2{
font-weight:600;
}
.inevitable::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(https://www.connekt.co.in/wp-content/uploads/2024/01/logo-icon.svg)no-repeat;
width: 100%;
height: 100%;
z-index: -1;
background-position: right bottom;
opacity: 0.1;
filter: grayscale(1);
}
.dream-space .card .card-body {
max-width: 284px;
}
.dream-space .card h5, .dream-space .card span {
font-size: 22px;
}

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

}

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

}
@media screen and (max-width:767px){
.get-touch .media i{margin-right:0px;margin-bottom:15px;}
.home #myCarousel .mask h4 {
    font-size: 20px;
    margin-bottom: 7px;
}

.home #myCarousel .mask {
    max-width: 100%;
    width: calc(100% - 60px);
    padding: 10px 0 10px 15px;
}

.home #myCarousel .mask p {
    font-size: 14px;
    margin-bottom: 15px;
}
p {
    font-size: 16px;
    line-height: 1.56;
}

.inevitable h1, .dream-space h2, .amenities h2, .stay-connekted h3, .reserve h3, .why-choose h2, .subpage h2,.faq h2,.testimonial h2 {
    font-size: 28px;
}
.testimonial h6 {
    font-size: 18px;
}

.lets-fulfill .modal-dialog .modal-content h2 span, .lets-fulfill .modal-dialog .modal-content h2 strong {
    font-size: 28px;
}

.lets-fulfill .modal-dialog .modal-content h2 {
    font-size: 21px;
    line-height: 1.35;
}

.triangle-content {
    padding: 35px 25px;
    margin-top: -50px;
}

.reserve .myseat {
    padding: 50px 0;
}
}
@media screen and (max-width:575px){

.Photo-gallery .amenities h2{font-size:25px;margin-bottom:10px;}
#myCarousel .mask p{margin-bottom:0;}
}

/* 21.01.2025 */
.why-choose-secn h2 {
color: #464645;
font-size: 37px;
margin-bottom: 19px;
font-weight: 600;
}
.why-choose-secn strong {
font-weight: 500;
}
@media screen and (max-width: 1199px) {
.why-choose-secn h2{font-size: 32px;}
}
@media screen and (max-width: 575px) {
.why-choose-secn h2{font-size: 28px;}
}
@media screen and (max-width: 479px) {
.slide-text .mask h2.mobile-heading {font-size:18px;}
.bkc-secn3-inr > h2, .bkc-secn3-inr > h1 {
    font-size: 19px;
}
}

/* =====  21-04-2025 ===== */ 
.get-touch .media-body h5 {
font-size: 17px;
color: #444444;
font-weight: 500;
margin-top: 18px;
margin-bottom: 7px;
position: relative;
display: block;
}
.get-touch .media-body h5:before {
content: "\f007";
font-family: 'FontAwesome';
color: #fb7514;
padding-right: 6px;
font-size: 18px;
}
.get-touch .media-body h5 a {
font-size: 16px;
color: #fd4c0e;
text-decoration: unset;
}
.workSpace-card p {
margin-bottom: 18px;
}
.get-touch .media-body h5~p {
margin-bottom: 22px !important;
}
.footer-brunch-phone{position: relative;}
.footer-brunch-phone:before{content:"\f095";font-family: 'FontAwesome';color: #fb7514;font-size: 15px;padding-right: 6px;}


.hide-menu{display: none}

/* 06-08-25 */
.meet-our-team{background:#f3f3f3;}
.meet-our-team span.btn_ring{z-index:1;}
@media screen and (min-width:992px){
.counter .counter-box li{width:25%;}
}
@media screen and (max-width:1400px){
.counter .counter-box li .count{
    font-size:32px; margin-top:6px;}
}
@media screen and (max-width:1400px) and (min-width:1200px){
    .faq .accordion .card{height:100%;}
    .faq .accordion .card .card-header{flex:1;}
}
@media screen and (max-width:1200px){
    .counter .counter-box li h4 {
        font-size: 19px;}
    }

    .counter .counter-box li:nth-child(2) .count {
        margin-left: 0;
    }
    .counter .counter-box li:nth-child(2) .count::after{
        display:none;
    }

    .timeline-content p{font-size:16px;}
    .timeline-box .item .timeline-content p {
        position:unset;
        transform: none;
        margin:0;
    }
    .timeline-box .item{
        height:inherit;
        justify-content:flex-end;
    }
    .timeline-content{
        min-height:unset;
        flex:1;
        display:flex;
        padding-block:0 !important;
    }
    .timeline-box .item:nth-child(odd) .timeline-content{margin-block:80px 0 !important;}
    .timeline-box .item:nth-child(even) .timeline-content{ margin-block:0 80px; align-items:end; }
/* .timeline-box .item:nth-child(odd) .years{margin-bottom:auto;}
.timeline-box .item:nth-child(even) .years{margin-top:auto;} */
.timeline-box .item .years:before{height:50px;}
.timeline-box .item .years::after{top:-57px;}
.timeline-box .item:nth-child(odd) .years::after{bottom:-57px;}
@media screen and (max-width:1518px){
.timeline-box {
    padding: 0 10px;
}
.timeline-content{padding-inline:0px !important;}
}
@media screen and (max-width:1438px){
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -68px;
}
.timeline-box .item .years::after {
    top: -69px;
}
.timeline-box .item .years:before {
    height: 63px;
}
}
@media screen and (max-width:1390px){
.timeline-box .item .years::after {
    top: -79px;
}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -80px;
}
.timeline-box .item .years:before {
    height: 72px;
}
}
@media screen and (max-width:1365px){
.timeline-box .item .years:before {
    height: 51px;
}
.timeline-box .item .years::after {
    top: -57px;
}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -57px;
}
}
@media screen and (max-width:1091px){
.timeline-content p{font-size:15px;}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -54px;
}
.timeline-box .item .years::after {
    top: -53px;
}
.timeline-box {
    padding: 0 9px;
}
}
@media screen and (max-width:1023px){
.timeline-box {
    padding: 0 0px;
}
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 0 101px;
}
}
@media screen and (max-width:872px){
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 0 79px;
}
}
@media screen and (max-width:767px){
.timeline-box .item:nth-child(odd) .years{margin-bottom:44px;}
.timeline-box .item:nth-child(even) .years{margin-top:44px;}
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 24px 32px;
}
.timeline-box .item:nth-child(odd) .timeline-content {
    margin-block: 32px 0 !important;
}
}
@media screen and (max-width:575px){
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 24px 21px;
}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -52px;
}
.home #myCarousel .mask h4{font-size:18px;}
.home #myCarousel .mask p {
    margin-bottom: 2px;
}
#myCarousel .carousel-item img{min-height:230px;}
}
@media screen and (max-width:452px){
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 5px 21px;
}
.timeline-box .item:nth-child(odd) .timeline-content {
    margin-block: 21px 0 !important;
}
}
@media screen and (max-width:356px){
.timeline-content p {
    font-size: 14px;
}
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 8px 25px;
}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -54px;
}
}
@media screen and (max-width:334px){
.timeline-box .item:nth-child(even) .timeline-content {
    margin-block: 0px 50px;
}
.timeline-box .item:nth-child(odd) .timeline-content {
    margin-block: 45px 0 !important;
}
.timeline-box .item .years:before {
    height: 66px;
}
.timeline-box .item:nth-child(odd) .years::after {
    bottom: -72px;
}
.timeline-box .item .years::after {
    top: -72px;
}
}
/* @media screen and (max-width:1518px){
.timeline-box .item:nth-child(even) .timeline-content{padding-block:0 103px !important;}
.timeline-box .item:nth-child(odd) .timeline-content{padding-block:30% 0 !important;}
.timeline-box .item:nth-child(odd) .years::after {
bottom: -89%;
}
.timeline-box .item .years::after {
top: -89%;
}
.timeline-box .item .years:before {
height: 83%;
}
}
@media screen and (max-width:1470px){
.timeline-box{padding: 0 15px;}
} */



/********************************* JAIPUR > TONK ROAD 28-8-2025 ***************************************/
.tonk_road_body #myCarousel.sub-banner.form_banner > img {height: 655px; }
.tonk_road_body #myCarousel .banner_form .modal-dialog .modal-content .form-control {border-width: 0; border-radius: 0; font-size: 16px; height: 100%; margin-bottom: 0; }
.tonk_road_body #myCarousel .banner_form .form .form-content, .tonk_road_body .banner_caption_out .form .form-content {display: flex; align-items: center; border: 1px solid #c3c3c3; height: auto; margin: 6px 0; padding: 0px 10px 0px 10px; border-radius: .25rem; }
.tonk_road_body #myCarousel .banner_form .form .form-content img, .tonk_road_body .banner_caption_out .form .form-content img {width: 15px; filter: grayscale(1) opacity(0.5); }
.tonk_road_body #myCarousel .banner_form .form .form-content img.user, .tonk_road_body .banner_caption_out .form .form-content img.user {width: 15px; }
.tonk_road_body #myCarousel .banner_form .form .form-content .form-control, .tonk_road_body .banner_caption_out .banner_form .form .form-content .form-control {border: none; border-radius: 0; font-size: 16px; height: 100%; margin-bottom: 0; padding: 12px 16px; }
.tonk_road_body #myCarousel .banner_form, .tonk_road_body .banner_caption_out .banner_form {position: relative; display: block; background: #ffffff; padding: 55px 40px 40px 40px; border-radius: 10px 10px 0px 0px; outline: 1px solid #fc6411; outline-offset: 15px; max-width: 550px; margin-bottom: -40px; box-shadow: 0px 15px 40px -5px rgb(0 0 0 / 17%); }
.tonk_road_body .banner_caption, .tonk_road_body .banner_caption_out {position: absolute; bottom: 0; left: 50%; width: 100%; padding: 80px 50px 0px; /* overflow: hidden; */ max-width: 1700px; transform: translateX(-50%); }
.tonk_road_body #myCarousel .banner_caption h2.mobile-heading {font-size: 38px; max-width: 700px; }
#myCarousel .banner_caption p {font-size: 19px; }
.tonk_road_body #myCarousel .banner_caption .mask, .tonk_road_body .banner_caption_out .mask {position: relative; left: 0; top: 0; transform: none; margin: 0 0 80px; }
.tonk_road_body #myCarousel .banner_form h5, .tonk_road_body .banner_caption_out .banner_form h5 {font-size: 20px; font-weight: 500; margin-bottom: 2px; color: #464645; transition: 0.5s ease; text-transform: uppercase; letter-spacing: 0.5px; }

.tonk_road_body #myCarousel .banner_caption .mask{margin-bottom: 50px;}
.tonk_road_body .slider-counter-area{width: 100%;display: flex;flex-wrap: wrap;}
.tonk_road_body .slider-counter-area .slider-counter-card{padding: 30px 10px;width: 33.33%;background: rgb(253 116 20/70%);text-align: center;}
.tonk_road_body .slider-counter-area .slider-counter-card:nth-child(even){background: rgb(32 32 32/70%);}
.tonk_road_body .slider-counter-area .slider-counter-card .icon{margin: 0 auto 15px;width: 60px;height: 60px;}
.tonk_road_body .slider-counter-area .slider-counter-card .icon img{width: 100%;height: 100%;object-fit: contain;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 .counter{font-size: 30px;font-weight: 600;line-height: 1;color: #fff;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 sup{margin-left: 5px;font-size: 18px;color: #fff;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 sub{margin-left: 5px;font-size: 15px;color: #fff;}
.tonk_road_body .slider-counter-area .slider-counter-card p{margin: 10px 0 0 0;font-size: 16px;font-weight: 400;line-height: 1;color: rgb(255 255 255 / 70%);}
.tonk_road_body .tonk_road_page .banner_form .col-12 {padding: 0 6px; }
.tonk_road_body .tonk_road_page .banner_form .row {margin: 0 -6px; }
.tonk_road_body .tonk_road_page .animated_taglines h3{color: #fd7414;}
.tonk_road_body .tonk_road_page .bkc-secn-1{margin: 0 0 50px 0;}
.tonk_road_body .tonk_road_page .container-bkc{padding: 30px;border: 2px solid rgb(252, 118, 20);border-radius: 15px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .animate-area{position: relative;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .animate-area .carousel{border-radius: 15px;overflow: hidden;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .animate-area .carousel img{width: 100%;height: 100%;object-fit: cover;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea{position: absolute;top: 0;left: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 10px;z-index: 1;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard{padding: 15px;width: 200px;min-height: 150px;background: #ffebde;border-radius: 5px;display: flex;align-items: center;transform: translateX(-50%);}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard h3{display: flex;align-items: flex-end;margin: 0;gap: 10px;line-height: 0.8;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard strong{font-size: 60px;color: #464645;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard span{font-size: 16px;color: rgb(70 70 69/70%);line-height: 1.2;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .content-area{padding: 40px 0;/*width: calc(100% - 120px);*/width: 100%;height: 100%;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .content-area p{margin: 0;}
.tonk_road_body .tonk_road_page .bkc-secn-2 nav .nav-tabs {justify-content: center; margin-bottom: 45px; border: none; }
.tonk_road_body .tonk_road_page .bkc-secn-2 nav .nav-tabs .nav-link {color: #333333; font-weight: 600; text-transform: uppercase; font-size: 15px; position: relative; background: transparent !important; border: none !important; }
.tonk_road_body .tonk_road_page .bkc-secn-2 nav .nav-tabs .nav-link.active {background: transparent; border: none; box-shadow: none; color: #fd7414; }
.tonk_road_body .tonk_road_page .bkc-secn-2 nav .nav-tabs .nav-link:after {content: ''; position: absolute; bottom: 0; width: 0; height: 2px; background: #fd7414; transition: 0.4s all; left: 50%; transform: translateX(-50%); }
.tonk_road_body .tonk_road_page .bkc-secn-2 nav .nav-tabs .nav-link.active:after {width: 100%; }
.tonk_road_body .tonk_road_page .bkc-secn-2{padding: 0;}
.tonk_road_body .tonk_road_page .bkc-secn-2::after{display: none;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr{position: relative;padding: 100px 0 80px;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr::after{content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background: #fd741424;border-radius: 300px 0 0 0;z-index: -1;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title{margin-bottom: 24px;padding: 0 90px;font-size: 35px;font-weight: 600;color: #464645;text-align: center;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-top-content h2{font-size: 28px;}
.tonk_road_body .tonk_road_page .price-area{margin-bottom: 20px;}
.tonk_road_body .tonk_road_page .price-area .list-price{display: block;padding: 0 3px;width: fit-content;font-size: 18px;font-weight: 500;color: #444;line-height: 1;position: relative;opacity: 80%;}
/* .tonk_road_body .tonk_road_page .price-area .list-price::before{content: '';position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 2px;background: #444;} */
.tonk_road_body .tonk_road_page .price-area .offer-price{display: inline-block;margin-top: 5px;font-size: 33px;font-weight: 600;color: #fd7414;line-height: 1;}
.tonk_road_body .tonk_road_page .price-area .offer-price .note{font-size: 13px;font-weight: 500;color: #444;}
/* .tonk_road_body .tonk_road_page .price-area .offer-price .note::before{content: '/';margin-right: 2px;font-size: 120%;} */
.tonk_road_body .tonk_road_page .bkc-secn3-inr > h2{max-width: 100%;text-align: center;}
.tonk_road_body .tonk_road_page .video_scssn {display: block; width: 100%; position: relative; padding: 48px 0 48px; text-align: center; overflow-x: hidden; }
.tonk_road_body .tonk_road_page .video_scssn h2 {color: #464645; margin-bottom: 25px; /*font-weight: 500;*/ }
.tonk_road_body .tonk_road_page .video_scssn .video_box {max-width: 1100px; margin: 0 auto; padding: 15px; border-radius: 15px; border: 2px solid #fd7414; }
.tonk_road_body .tonk_road_page .video_scssn .video_box iframe {width: 100%; height: 600px; display: block; min-height: 380px; border-radius: 15px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%); }
.tonk_road_body .tonk_road_page .Photo-gallery{padding-top: 48px !important;}
.tonk_road_body .tonk_road_page .bkc-secn4-img-area{width: 50vw;}
.tonk_road_body .tr_contact_map_scssn {display: block; position: relative; padding: 65px 0 10px 0; /* background: #f3f3f3; */ z-index: 0; }
.tonk_road_body .tr_contact_map_scssn iframe {width: 100%; height: 450px; }
.tonk_road_body .tr_contact_map_scssn .contact_map_box {padding: 35px; margin: 0 auto; border-radius: 15px; width: calc(100% - 50px); background: #ffffff; outline: 2px solid #fd7414; outline-offset: 15px; box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 12%); position: relative; }
.tonk_road_body .tr_contact_map_scssn .contact_map_box::before{content: '';position: absolute;left: 0;bottom: 0;width: 41%;height: 100%;background: url(../sub-images/logo-icon.svg) no-repeat center center;background-size: 65%;background-position: right bottom;filter: brightness(0);opacity: 3%;}
.tonk_road_body .tr_contact_map_scssn:before {content: ''; background: #202020; position: absolute; width: 100%; height: 85%; z-index: -1; top: 0; }
.tonk_road_body .tr_contact_map_scssn .tr_contact_details {padding: 20px 0; position: relative; display: block; }
.tonk_road_body .tr_contact_map_scssn .tr_contact_details ul {display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.tonk_road_body .tr_contact_map_scssn .tr_contact_details .tr_contact_card{display: flex;gap: 20px;}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details .tr_contact_card .card_icon{width: 50px;height: 50px;background: #fd7414;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details .tr_contact_card .card_icon img{width: 24px;filter: brightness(0) invert(1);}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details .tr_contact_card .card_details{padding-top: 12px;}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details ul h5 {text-transform: uppercase; font-size: 17px; font-weight: 600; color: #fd7414; letter-spacing: 0.5px; }
.tonk_road_body .tr_contact_map_scssn .tr_contact_details ul li p,.tonk_road_body .tr_contact_map_scssn .tr_contact_details ul li a {white-space: pre-line; color: #666; margin: 0;display:block; }
.tonk_road_body .tr_contact_map_scssn .tr_contact_details h3 {font-weight: 600; text-align: left; position: relative; font-size: 35px; margin-bottom: 30px; }

@media only screen and (max-width: 1399px) {
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title{font-size: 32px;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-top-content h2{font-size: 26px;}
.tonk_road_body .tonk_road_page .price-area .list-price{font-size: 17px;}
.tonk_road_body .tonk_road_page .price-area .offer-price{font-size: 30px;}
}
@media only screen and (max-width: 1199px) {
.tonk_road_body .slider-counter-area .slider-counter-card{padding-block: 20px;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 .counter{font-size: 22px;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 sup{margin-left: 3px;font-size: 16px;}
.tonk_road_body .slider-counter-area .slider-counter-card h4 sub{margin-left: 3px;font-size: 11px;}
.tonk_road_body .slider-counter-area .slider-counter-card p{font-size: 14px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .animate-area .carousel img{aspect-ratio: 1 / 0.56;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea{position: relative;flex-direction: row;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard{margin-top: -50px;min-height: 120px;transform: unset;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .content-area{padding-bottom: 0;width: 100%;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title{padding: 0 70px;font-size: 28px;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-top-content h2{font-size: 24px;}
.tonk_road_body .tonk_road_page .price-area .list-price{font-size: 16px;}
.tonk_road_body .tonk_road_page .price-area .offer-price{font-size: 28px;}
.tonk_road_body .tonk_road_page .bkc-secn4-img-area{width: calc(100% - 30px);} 
.tonk_road_body .tr_contact_map_scssn .contact_map_box::before{display: none;}
}
@media only screen and (max-width: 991px) {
.tonk_road_body .slider-counter-area{margin-top: 30px;}
.tonk_road_body .slider-counter-area .slider-counter-card{background: rgb(253 116 20);}
.tonk_road_body .slider-counter-area .slider-counter-card:nth-child(even){background: rgb(32 32 32);}
.tonk_road_body .tonk_road_page .bkc-secn-1{margin-bottom: 0;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title{padding: 0px;}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details{padding-bottom: 30px;}
.tonk_road_body .tr_contact_map_scssn .tr_contact_details ul{flex-direction: column;}
}
@media only screen and (max-width: 767px) {
.tonk_road_body .slider-counter-area{gap: 8px;}
.tonk_road_body .slider-counter-area .slider-counter-card{width: calc(50% - 5px);border-radius: 5px;}
    .tonk_road_body .slider-counter-area .slider-counter-card:last-child {width:100%;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard{margin-top: -25px;padding: 10px;min-height: 90px;width: 180px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard strong{font-size: 50px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard span{font-size: 13px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .content-area{padding-top: 30px;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title{font-size: 26px;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-inr h2.secn-title br{display: none;}
.tonk_road_body .tonk_road_page .bkc-secn-2 .bkc-secn2-top-content h2{font-size: 22px;}
.tonk_road_body .tonk_road_page .price-area .list-price{font-size: 15px;}
.tonk_road_body .tonk_road_page .price-area .offer-price{font-size: 26px;}
.tonk_road_body .tonk_road_page .price-area .offer-price .note{font-size: 12px;}
}
@media only screen and (max-width: 575px) {
.tonk_road_body .tonk_road_page .bkc-secn-1 .row > div{padding-right: 15px;padding-left: 15px;}
.tonk_road_body .tonk_road_page .container-bkc{padding: 15px 10px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea{flex-wrap: wrap;margin: 10px auto 0;width: fit-content;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard{margin-top: 0;width: 100%;max-width: 170px;}
.tonk_road_body .tonk_road_page .bkc-secn-1 .tonk-road-countarea .tonk-road-countcard strong{font-size: 40px;}
}




.tonk_road_body .tonk_road_page .Photo-gallery {
background: #f9f9f9;
}

.tonk_road_body .tonk_road_page .Photo-gallery h2 {
color: #464645;
text-align: left;
}

.tonk_road_body #myCarousel .banner_form .col-12, .tonk_road_body .banner_caption_out .banner_form .col-12 {
padding: 0 7px;
}

.tonk_road_body #myCarousel .banner_form .form.row, .tonk_road_body .banner_caption_out .banner_form .form.row {
margin: 0 -8px;
}

.tonk_road_body .tonk_road_page .Photo-gallery .gallery-slide {margin: 0;}
.tonk_road_body .tonk_road_page .Photo-gallery .gallery-slide a.btn.btn-read {
float: none;
}

.seo_content_box h2 {color: #464645; text-align: left;}
.seo_content_box h3 {font-size: 26px;margin-top: 20px;}
.seo_content_box h4,.seo_content_box h5{margin-top: 20px;font-size: 22px;}
.seo_content_box h5{margin-top: 15px;font-size:20px; }
.seo_content_box ul{margin-bottom: 10px;}
.seo_content_box a{color: #212529;}
.seo_content_box strong {
color: #333333;
}
.bkc-secn-2 .bkc-secn2-top-content ul li,.seo_content_box ul li, .bkc-secn4-inr .bkc-secn4-top-content ul li, .faq.bkc-secn5 .card-body ul li {
position: relative;
padding: 4px 22px;
color: #666;
font-size: 18px;
transition: 0.5s ease;
}

.bkc-secn-2 .bkc-secn2-top-content ul li::after,.seo_content_box ul li:after, .bkc-secn4-inr .bkc-secn4-top-content ul li::after, .faq.bkc-secn5 .card-body ul li::after {
content: '';
position: absolute;
top: 13px;
left: 6px;
width: 8px;
transition: 0.5s ease;
height: 8px;
border: 2px solid #666;
border-radius: 50%;
}

@media only screen and (max-width: 991px) {
.tonk_road_body .silver_inquiry_scssn:after{width: 40%;background-size: contain;}
}
@media only screen and (max-width: 575px) {
.tonk_road_body .silver_inquiry_scssn:after{width: 60%;}
}