@charset "utf-8";
/* CSS Document */
body{
    line-height: 1.6 !important;
}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">

@font-face {
    font-family: Arsenica;
    src: url('../fonts/ArsenicaTrial-Regular.ttf');
}

.light_bg_new{
	background-color:#f0efdd !important;
}

@font-face {
    font-family: 'Bryant';
    src: url('https://static1.squarespace.com/static/61cecf123e915f02749ba99f/t/61d05796476ad241199736cd/1641043862520/bryant-regular-alt-1361505473.ttf')
}

* {
    font-family: 'Bryant' !important
}

.animation {
-webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
transition: 1.1s cubic-bezier(.16, .84, .442, .98); }


h1,h2,h3,h4,h5,h6{margin-bottom:15px}

html, body{font-family: 'Poppins', sans-serif; height:100%; }
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-family: 'Bryant', sans-serif;}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.btn{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.page-header {
    padding-top: 32rem;
    padding-bottom: 6rem;
    /* background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url(../images/home_slider01.jpg) center center no-repeat; */
    background: url(../images/home_slider01.jpg) center center no-repeat;
    background-size: cover;
}

.all_page-header {
    padding-top: 15rem;
    padding-bottom: 6rem;
}
.fixed-top{background: #00000038; padding: 12px 0px}

.navbar-nav .nav-link{color: #fff; font-size: 20px; font-family: 'Titillium Web', sans-serif; padding: 5px 15px !important; border-radius: 7px;}
 a.navcontact {background: #af010d;display: block;border-radius:0px; color:#fff !important;}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: #01c15d;
}
 a.navcontact:hover{background:#000; color:#fff;}
.bg-dark .navbar-nav .nav-link{color:#000;}

.hr_line {
    height: 3px;
    background: #fff;
    background: -moz-linear-gradient(left, #36d321 0%, #36d321 33.33%, #fff 33.33%, #fff 66.66%, #ff0202 66.66%, #ff0202 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#36d321), color-stop(33.33%,#36d321), color-stop(33.33%,#fff), color-stop(66.66%,#fff), color-stop(66.66%,#ff0202), color-stop(100%,#ff0202));
    background: -webkit-linear-gradient(left, #36d321 0%,#36d321 33.33%,#fff 33.33%,#fff 66.66%,#ff0202 66.66%,#ff0202 100%);
    background: -o-linear-gradient(left, #36d321 0%,#36d321 33.33%,#fff 33.33%,#fff 66.66%,#ff0202 66.66%,#ff0202 100%);
    background: -ms-linear-gradient(left, #36d321 0%,#36d321 33.33%,#fff 33.33%,#fff 66.66%,#ff0202 66.66%,#ff0202 100%);
    background: linear-gradient(to right, #36d321 0%,#36d321 33.33%,#fff 33.33%,#fff 66.66%,#ff0202 66.66%,#ff0202 100%);
    width: 120px;
    margin: auto auto 30px;
}


.bread_top h1 {
    display: table;
    border-bottom: 1px solid #fff;
    padding-bottom: 16px;
    font-size: 50px;
    font-weight: 600;
}
 .bg-dark {background-color: #d9d9d9 !important;}
#medal_section{padding:10px 0px 40px; background:#f2f1f7}
.head_top{text-align:center; padding:60px 0px;  position:relative}
.head_top h1 {
    font-weight: 600;
    color: #000;
    font-size: 40px;
    padding: 0px 0px 10px 0px;
    width: 60%;
    margin: 0px auto;
    display: block;
}
.head_top p{font-weight:400; color:#000; font-size:16px; padding:5px 0px; width:60%; margin:0px auto; display:block;}
.limg1{position:absolute; bottom:0px; left:0px;}
.limg {
    position: absolute;
    top: 40px;
    right: 0px;
}
#medal_section .owl-theme .owl-nav{display:none}
#medal_section .owl-theme .owl-dots{display:none}
#medal_section .owl-carousel{padding:20px 0px}
.img_l{box-shadow:0px 7px 6px #00000010; border-radius:12px;}



.img-fluid{
	border-radius: 12px !important;
}

.img-no-bottom-border-radius{
	border-radius: 12px 12px 0px 0px !important;
	
}

#howtowork{padding:40px 0px; background:#fff;}
.step_box{padding:10px 0px}
.step_box img{margin:0px 0px 8px;}
.step_box h2{font-size:22px; font-weight:700; padding:7px 0px; color:#000}
.step_box p{font-size:16px; font-weight:400; padding:7px 0px;color:#000}


#collection{padding:40px 0px; background:#f2f1f7}
#collection .row{align-items:center}
.row.pberd{padding-bottom:20px;}
.hede h1{font-weight:700; color:#000; font-size:35px; padding:10px 0px; }
.buttonse{text-align:right; float:right}
.buttonse a{background:#af010d; width:150px; display:block; color:#fff; padding:12px 0px; text-align:center; font-weight:500; font-size:16px; border-radius:7px;}
.buttonse a:hover{background:#000;}
.img_ser{padding:10px 0px; text-align:center}
.img_ser h1{font-weight:400; color:#000; font-size:18px; padding:15px 0px 0px; text-align:center }
.img_ser img{box-shadow:0px 7px 6px #00000040; border-radius: 12px; }


#address_sectipn{padding:10px 0px; background:#f2f1f7}
#address_sectipn .container{background:url(../images/map.png) no-repeat center center; background-size:cover;}
.addrs_box h1{font-weight:600; color:#000; font-size:25px; text-align:center}
.addrs_box p{font-weight:400; color:#000; font-size:16px; text-align:center; padding:10px 0px;}
.addrs_box a{background:#000; color:#fff; padding:13px 0px; border-radius:0px; font-weight:500; font-size:16px; width:200px; margin:10px auto; text-align:center; display:block; border-radius: 7px;}
.addrs_box a:hover{background:#af010d; color:#fff}
.addrs_box{background:rgba(255,255,255,.6); padding:20px; width:400px; margin:100px auto; display:block; border-radius: 7px;}
#inspired{padding:40px 0px; background:#f2f1f7;}
.inshead{margin-top:0}
.inshead h1 {font-size:40px; font-weight: 600;}
.inshead p {font-size:18px; font-weight: 400; padding:30px 0px}
.inshead a {background: #af010d;color: #fff; display:block; padding:10px 0px; width:180px; margin:5px 0px; text-align: center;font-weight: 500;font-size: 16px; border-radius:7px;}
.inshead a:hover {background: #000;}
#inspired .row{align-items:center;}
/* why us */
#advantage_why_icon{padding: 40px 10px; background: #f2f1f7;}
.why_thead1{width: 80%}
.why_thead1 h1{font-weight:600; color:#000; font-size:50px; padding:10px 10px; margin:0px auto; display:block;}
.why_thead1 p{font-weight:400; color:#000; font-size:20px; padding:10px 20px; margin:0px auto; display:block; margin-bottom: 20px}

#design_offer_whyus{padding: 40px 10px; background: #f2f1f7}
.design_img_b2 img{margin-bottom:10px }
.why_thead{text-align: center; width: 90%; margin: 0px auto;}
.why_thead h1{font-weight:600; color:#000; font-size:50px; padding:10px 10px; margin:0px auto; display:block;}
.why_thead p{font-weight:400; color:#000; font-size:20px; padding:10px 20px; margin:0px auto; display:block; margin-bottom: 20px}
.icon_why_list{display: flex;flex-wrap: wrap;}
.icon_why_list .icwh {
    max-width: 20%;
    flex: 20%;
    padding: 32px 20px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.icon_why_list .icwh:nth-child(5n) {
     border-right: 0px solid #ccc;
}
.icon_why_list .icwh:nth-child(10n) {
     border-right: 0px solid #ccc;
}

.icon_why_list .icwh:nth-child(n+6) {
     border-bottom: 0px solid #ccc;
}


.icon_why_list .icwh h4 {
    font-size: 24px;
    font-weight: 600;
    padding-top: 22px;
}
.thre_box1{background: #101010 !important;}
#careermantionset{padding:30px 0px; background:#fff;}
#careermantionset .head{text-align:left}
.cerarbuton {text-align:right; float:right}
.cerarbuton a{border:1px solid #000; color:#000; font-size:15px; display:block; width:130px; height:130px; text-align:center; border-radius:100px; text-align:center; font-weight:500; padding:28px 0px}
.cerarbuton a:hover{color:#fff; background:#000}
.cerarbuton a span{display:block}
.carerfaq ul li{padding:8px 0px 8px 20px; font-size:15px; font-weight:400; color:#000; position:relative}
.carerfaq ul li:before{position:absolute; left:0px; top:15px; content:""; background:#3a3a3a; width:7px; height:7px; border-radius:100px;}

#footer{padding:40px 0px; background:#f2f1f7}
.footr_bg {
    background: #fff;
    padding: 60px 20px;
    margin: 25px 0px 55px 0px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
	border-radius: 12px;
}
.sticky {
  background: #fff;
  padding: 0;
  box-shadow: 0px 10px 10px rgb(0 0 0 / 5%);
}

.sticky .navbar-nav .nav-link {
  color: #000;
  font-size: 20px;
  font-family: 'Titillium Web', sans-serif;
  padding: 5px 15px !important;
}


.footr_bg:before{position:absolute; right:0px; top:0px; height:100%; width:40%; content:""; background:url(../images/srb.png) no-repeat top center; background-size:cover; z-index:1; border-radius: 12px;}
.footr_bg .col7{max-width:60%; flex:60%; padding:0px 10px}
.footr_bg .col5{max-width:40%; flex:40%; padding:0px 10px; position:relative; z-index:999}
.footr_bg h1{font-weight:600; color:#000; font-size:35px; padding:10px 10px;}
.footr_bg h2{font-weight:600; color:#000; font-size:22px; padding:10px 0px; text-align:center; }
.footr_bg a{background:#fff; border:1px solid #000; color:#000; padding:10px 0px; border-radius:0px; font-weight:500; font-size:14px; width:210px; margin:10px auto; text-align:center; display:block; border-radius: 7px;}
.footr_bg a:hover{background:#af010d; color:#fff}
.footr_hed h1{font-weight:700; color:#000; font-size:35px; padding:5px 0px; }
.footr_hed p{font-weight:400; color:#000; font-size:18px; padding:5px 0px; }
.newleter{display:flex; background:#fff; margin:15px 0px; border:1px solid #d4d4d4; box-shadow:0px 8px 10px #00000020; border-radius: 7px;}
.newleter .form-control{background:none; border:none; outline:none; box-shadow:none; outline:none; font-size:16px; color:#000; padding:16px 20px; height:62px;  border:none; outline:none; box-shadow:none; }
.newleter .btn {
  background: none;
  color: #000;
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: 700;
  width: 62px;
  font-size: 30px;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newleter .btn:hover{color:#af010d}
.aligncent {
    align-items: center;
    padding-bottom: 40px;
}
.footr_contas {padding:5px 0px}
.footr_contas h1{font-weight:600; color:#000; font-size:20px; padding:10px 0px; text-transform:uppercase}
.footr_contas ul li a{font-weight:400; color:#000; font-size:15px;}
.footr_contas ul li a i{padding-right:4px;}
.footr_contas ul li a:hover{color:#af010d}
.footr_contas ul li{ padding:3px 0px; }
#copyright{padding:10px 0px; background:#f2f1f7}
#copyright p{color:#000; font-size:15px; font-weight:400;}
#copyright p a{color:#000; font-size:15px; padding:0px 5px;}
#copyright p a:hover{color:#af010d}
#copyright p.rights{text-align:right}


/****about***/
#topabout_bg{background-size:cover; padding:190px 0px 20px}
#topabout_bg.about_serd{background:url(../images/aboutbg.jpg) no-repeat top center; }
.top_hede{padding:30px 0px 20px}
.top_hede h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0px 16px 0px;
    position: relative;
    width: fit-content;
}
.top_hede h1:before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #fff;
    height: 1px;
    width: 100%;
    content: "";
}

.top_hede p{font-size:16px; color:#fff; font-weight:400;  padding:10px 0px}
.top_hede p a{color:#fff; }
.top_hede p i{padding:0px 0px; font-size:12px; position:relative; top:-1px;}
.ab_img{text-align:center; padding:15px 0px; width:80%; margin:0px auto}
.aboutde p{width:80%}
#missionvision_section{background:#fff; padding:40px 0px}
.head{text-align:center; padding:0px 0px 30px}
.head h1 {
    font-weight: 700;
    color: #000;
    font-size: 35px;
    margin-bottom: 15px;
}
.mision_text h2{font-size:23px; font-weight:700; padding:10px 0px; color:#000;}
.mision_text p{font-size:16px; font-weight:400; padding:10px 0px; color:#000;}
.mision_img img{max-width:90%}
.mision_img{text-align:center}
#ourwork{background:#f2f1f7; padding:30px 0px}
.work_dbox .col2{max-width:20%; flex:20%; padding:5px;}
.work_dbox h2 {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: center;
    padding: 0px 0px 10px 0px;
}
.work_dbox p{font-size:15px; color:#424242; font-weight:400;  text-align:center;  padding:6px 0px}
#team_section{padding:30px 0px; background:#fff;}
#team_section .head{padding:10px 0px; text-align:left}
.team_per p{font-size:18px; font-weight:400; color:#000; padding:10px 0px;}
.team_box{display:flex; flex-wrap:wrap; padding:10px 0px}
.team_box .col6{max-width:50%; flex:50%; padding:10px 5px;}
.team_box h3{font-weight:600; font-size:20px; color:#000; padding:10px 7px 7px}
.team_box p{font-weight:400; font-size:15px; color:#000; padding:0px 7px}
.team_box h3 a{color:#000; padding:0px 6px; font-size:17px}
.team_box h3 a:hover{color:#2266ff}
.team_box h3 span{float:right}

/****advantage-use***/
#topabout_bg.advantage{background:url(../images/advant.jpg) no-repeat center right; }
#use_advant{background:#fff; padding:60px 0px;}
#use_advant .head{text-align:left}
.head p{padding:10px 0px 0px; font-size:16px; font-weight:400; color:#000;}
.img_l{text-align:center;}
.img_l p {
    font-size: 16px;
    padding: 15px 20px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

.img_l p:hover{
	/*font-size: 18px;*/
}

.collection-product-card:hover{
	
}

#use_advant .owl-theme .owl-nav{display:none}
#use_advant .owl-theme .owl-dots{display:none}
#threestepsection{background:#fff; position:relative; padding:20px 0px;}
#threestepsection:before{position:absolute; bottom:0px; left:0px; right:0px; width:100%; height:50%; background:#f2f1f7; content:"";}
#benifit_section{background:#f2f1f7; padding:30px 0px;}
.thre_box{display:flex; flex-wrap:wrap; background:#b4393e; position:relative; z-index:999; padding:20px; border-radius:12px; background-image: url(../images/WHY_LEVANTO_PANEL.jpg) !important;
    background-size: cover;}
.thre_box .col4{max-width:33.33%; flex:33.33%; padding:10px 10px}
.qul_box h1{font-size:22px; color:#fff; padding:5px 0px; font-weight:700; text-transform:uppercase}
.qul_box p{font-size:15px; color:#fff; padding:5px 0px;}
.qul_box{display:flex; flex-wrap:wrap; align-items:center}
.qul_box .col3{max-width:30%; flex:30%; padding:0px 7px}
.qul_box .col9{max-width:70%; flex:70%;  padding:0px 7px}
#benifit_section .head{text-align:left}
.boxfir{display:flex; flex-wrap:wrap;}
.boxfir .col2{max-width:20%; flex:20%; padding:8px;}
.boxfir p{font-size:15px; font-weight:400; color:#000; padding:10px 0px; text-align:center}
.imgb{background:#fff; padding:25px 10px; margin:5px 0px; text-align:center}
.imgb img{max-width:65px;}

/***crear_page***/
#topabout_bg.creear{background:url(../images/crear.jpg) no-repeat top center; }
#opportunity{background:#f2f1f7; padding:30px 0px}
#opportunity .row{align-items:center}
.opport h1{font-size:30px; font-weight:700; color:#000; padding:0px 0px;}
.opport p{font-size:16px; font-weight:400; color:#000; padding:10px 0px;}
.opport ul li{font-size:17px; font-weight:600; color:#000; padding:10px 0px; max-width:50%; flex:50%;  font-family: 'Titillium Web', sans-serif; }
.opport ul{display:flex; flex-wrap:wrap;}
.opport ul li img{max-width:50px;}
.opport ul li span{padding-right:10px;}
.opportimg{padding:10px 0px}
#employs{padding:30px 0px; background:#fff;}
.emplosbox{width:60%; margin:10px auto; display:flex; flex-wrap:wrap;}
.emplosbox .col3{max-width:33.33%; flex:33.33%; padding:10px; text-align:center}
#employs .head_top h1{ width:100%}
.emplosbox  p{font-size:16px; font-weight:500; padding:10px 0px;}
.imggrd{background:#f2f1f7; padding:35px 0px;}
.imggrd img{max-width:65px;}
#cruntopning{background:#f2f1f7; padding:30px 0px 20px}
#cruntopning .head_top p{width:85%}
.boxpris{background:#fff; padding:15px 20px; margin:15px 0px}
.boxpris h1{font-size:25px; font-weight:600; color:#000; padding:5px 0px;}
.boxpris ul.descrip{padding:5px 0px 15px;}
.boxpris ul.descrip li{padding:8px 0px; font-size:16px; font-weight:400;}
.boxpris ul.descrip li span{float:right}
ul.apply{padding:10px 0px; display:flex; flex-wrap:wrap; align-items: center;}
ul.apply li{max-width:50%; flex:50%;}
ul.apply li a{background:#000; border:1px solid #000; color:#fff; font-size:15px; padding:8px 10px; width:100px; display:block; text-align:center; float:right; font-family: 'Titillium Web', sans-serif; font-weight:600}
ul.apply li a:hover{background:#fff; color:#000}

/***Care-Maintenance-page**/
#topabout_bg.creermantion{background:url(../images/crearman.jpg) no-repeat center right; }
#caremaintan{background:#f2f1f7; padding:60px 0px;}
#caremaintan .head{text-align:left}
#caremaintan .step_box{padding:20px 0px;}
#caremaintan .step_box img{max-width:50px;}
#caremaintan .step_box h2{font-size:20px}
#cerimgsection{background:#f2f1f7; position:relative; padding:20px 0px;}
#cerimgsection:before{position:absolute; bottom:0px; left:0px; right:0px; width:100%; height:50%; background:#fff; content:"";}
.stpimgbox{position:relative; z-index:999}
#careermantionset{padding:30px 0px; background:#fff;}
#careermantionset .head{text-align:left}
.cerarbuton {text-align:right; float:right}
.cerarbuton a{border:1px solid #000; color:#000; font-size:15px; display:block; width:130px; height:130px; text-align:center; border-radius:100px; text-align:center; font-weight:500; padding:28px 0px}
.cerarbuton a:hover{color:#fff; background:#000}
.cerarbuton a span{display:block}
.carerfaq ul li{padding:8px 0px 8px 20px; font-size:15px; font-weight:400; color:#000; position:relative}
.carerfaq ul li:before{position:absolute; left:0px; top:15px; content:""; background:#3a3a3a; width:7px; height:7px; border-radius:100px;}

/****collection-page****/
#topabout_bg.collection{background:url(../images/cluction.jpg) no-repeat center right; }
#collectionsection{padding:60px  0px;}
.collect {text-align:left}
.collect p{padding:15px 0px;}
.collect a{font-size:16px; font-weight:500; background:#af010d; width:180px; display:block; text-align:center; padding:12px 0px; color:#fff; border-radius:7px;}
.collect a:hover{background:#000}
#colection-our{padding:20px 0px;}
#colection-our .img_l {
    text-align: left;
    margin-bottom: 30px;
}
#colection-our .img_l img{width:100%}
.fullimg{padding:20px 0px;}


.border-new{
	border-radius: 12px 12px 0px 0px !important;
}



/***contact-page***/
#topabout_bg.contact{background:url(../images/contactbg.jpg) no-repeat center right; }
.contactdelt{padding:30px; background:#fff}
.contactdelt h1{font-weight:700; color:#000; font-size:22px; padding:0px 0px;  }
.contactdelt ul{padding:15px 0px;}
.contactdelt ul li a{font-weight:400; color:#000; font-size:16px;}
.contactdelt ul li a i{padding-right:4px;}
.contactdelt ul li a:hover{color:#af010d}
.contactdelt ul li{ padding:5px 0px; }
.contactdelt p{font-weight:400; color:#000; font-size:15px;}
.contactdelt.graybg{background:#f8f8f8}
#contactdetail .col-lg-4{padding:0px;}
.mapbox iframe{width:100%; height:245px; border:0px}
#contactform{background:#f2f1f7; padding:60px 0px 0px;}
.contform h1{font-size:35px; font-weight:700; color:#000; padding:10px 10px;}
.form-group{display:flex; flex-wrap:wrap;}
.form-group .col6{max-width:50%; flex:50%; padding:7px 10px;}
.form-group .col12{max-width:100%; flex:100%; padding:7px 10px;}
.contform .form-control{border:1px solid #888888; background:#fff; border-radius:0px; outline:none; box-shadow:none; height:48px; font-size:14px;}
.contform  textarea.form-control{height:150px}
.contform label{ font-family: 'Titillium Web', sans-serif; font-size:16px; font-weight:500;}
.contform .btn{background:#000; border:1px solid #000; color:#fff; width:150px; padding:12px 0px; text-align:center; display:block; font-family: 'Titillium Web', sans-serif; border-radius:0px; font-size:18px; text-transform:uppercase}
.contform .btn:hover{background:#fff; color:#000}
.contimg img{max-width:90%;}
.contimg  {text-align:center; padding:20px 0px 0px}


/***Environmental-page***/
#topabout_bg.environmental{background:url(../images/enmbg.jpg) no-repeat center right; }
.box_gore p{font-size:20px; font-weight:500; color:#000; padding:10px 10px}
.box_gore{background:#fff; box-shadow:0px 4px 8px #00000020; padding:15px 15px; display:flex; margin:5px 0px 50px}
.box_gore img{max-width:70px; margin:0px 25px}
#comensection{background:#f2f1f7; padding:30px 0px 0px}
#comensection .head{text-align:left}
.threimgs{padding:30px 0px 0px}

/***finish-page***/
#finishsection{background:#f2f1f7; padding:60px 0px}
#finishsection .head{text-align:left}
.finistext h1{color:#000; font-size:24px; font-weight:700; padding:0px 0px;}
.finistext p{color:#000; font-size:15px; font-weight:400; padding:10px 0px;}
.textfinis{background:#fff; padding:20px 30px; margin:20px}
.finistext{background:url(../images/dotimg.png) repeat top center; background-size:100%; padding:30px;}
.finsimg{text-align:center;}
.finsimg img{max-width:95%}
#finishsection .aligncent{padding-top:30px; padding-bottom:30px;}


/***gallery-page***/
#topabout_bg.gallery{background:url(../images/gallleryimg.jpg) no-repeat center center; }
#galllerysection{background:#f2f1f7; padding:60px 0px 0px}
#galllerysection .head{text-align:left}
.tabtext{background:#fff; box-shadow:0px 0px 10px #00000020; padding:25px; height:100%; border-radius: 12px;}
.tabtext p{font-size:18px; font-weight:600; color:#000; text-align:center; width:270px; margin:0px auto; padding:40px 0px 20px;}
.tabtext img{max-width:100px; margin-left:70px}
#galllerysection .nav-pills .nav-link{background:#fff; border-radius:0px; color:#000; font-weight:600; font-family: 'Titillium Web', sans-serif; border-radius: 7px;}
#galllerysection  ul li{padding:0px 15px 0px 0px}
#galllerysection .nav-pills .nav-link.active, #galllerysection .nav-pills .show>.nav-link{background:#af010d; color:#fff}
#galllerysection .nav-pills .nav-link:hover{background:#01c15d; color:#fff}
.glim{padding:15px 0px}
.tab-content{padding-top:15px}


/***Infrastructure-page***/
#infrassection{background:#f2f1f7; padding:60px 0px;}
#infrassection .head{text-align:left}
.head h2{font-size:22px; font-weight:700; color:#000; padding:20px 0px}
.head ul{display:flex; flex-wrap:wrap;}
.head ul li{max-width:33.33%; flex:33.33%; padding:5px 5px; color:#000; font-weight:500; font-size:15px;}
.head ul li span{display:block; width:35px; padding:9px 0px}
.infeimg img{max-width:75%;}
.infeimg{text-align:center; margin:-90px 0px 0px}
#ourwork.white{background:#fff}
.bimg{padding:10px 0px;}
.bimg img{width:100%}
#glerimg{background:#f2f1f7; padding:40px 0px 5px;}

/***Infrastructure-page***/
#manufacturing{background:#f2f1f7; padding:60px 0px 0px;}
#manufacturing .head p{width:75%; margin:0px auto;}
.derwhit{padding:25px 35px; background:#fff;position:relative; z-index:999; }
.rightboxe{ margin:0px 0px 0px -90px; }
.leftbfe{ margin:0px -90px 0px 0px; }
.derwhit h1{font-size:25px; font-weight:700; color:#000; padding:7px 0px;}
.derwhit p{font-size:15px; font-weight:400; color:#000; padding:7px 0px;}
.whitbox h2{font-size:90px; color:#f2f1f7; font-weight:700; padding-bottom:10px; -webkit-text-stroke:1px #000; stroke:1px #000; -o-text-stroke:1px #000; -moz-text-stroke:1px #000; }
.whitbox h2.rightte{text-align:right}

/* technical specs */
.techtable{padding: 17px;}
.techtable table thead{background: #ebebeb;}
.techtable table thead tr th{padding: 15px; font-size: 24px; font-weight: 600}
.techtable table tbody tr td{padding: 15px; font-size: 20px; font-weight: 400;background: #fff;}

.dot {height:20px;width:20px;border-radius: 50%;border: 1px solid #000; margin: 0px auto; display: block;}
.gc{background-color: #bbb;}
.gb{background-color: #000;}
.gbc {display: flex;justify-content: flex-end;}
.gbc span{margin-right: 10px}
.innergc{display: inline-flex; padding: 10px; align-items: center;}

#advantage_why_icon .head{text-align:left}
.icon_why_list .icwh h4{font-size:20px;}
.icwh img{max-width:57px; max-height:57px; }
#design_offer_whyus .head_top p{width:85%;}
#design_offer_whyus .head_top h1{font-size:45px;}

#advantage_why_icon .head{text-align:left}
#advantage_why_icon {
    padding: 60px 0px;
}
.techtable{padding:0px;}
.techtable table thead tr th{font-size:18px;}
.techtable table tbody tr td{font-size:16px;}
/* detail page */
.owl-iconss{

}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 91%;
    bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: .5;
    background: #000;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}


.head_top.gerd{text-align:left}
.head_top.gerd h1{width:100%;}
.head_top.gerd p{width:100%;}
.carousel-control-next{right:29px;}

.detals-page .hero-slider { 
  height: 70vh;
}

.detals-page .hero-slider .swiper-button-prev, .detals-page .hero-slider .swiper-button-next {
  background: transparent;
  width: 65px;
  height: 65px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  position: initial;
  border-radius: 0;
  background: #fff;
  border: 0;
  display: flex;
  color: #141414;
  align-items: center;
  justify-content: center;
}
.detals-page  .hero-slider .swiper-button-next:before, .detals-page  .hero-slider .swiper-button-prev:before {  
  color: #000000;
  font-size: 20px;
}

.detals-page .hero-slider .swiper-button-next {
  right: 25px;
  transform: translateX(0);
}
.detals-page .hero-slider .swiper-button-prev {
  left: 25px;
  transform: translateX(0);
}
.swipbullet {
  position: relative;
  right: 0px;
  bottom: 35px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.details-pagehead h1{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.details-pagehead {
  background: #fff;
  padding: 40px;
  margin: -150px 0 0 0;
  z-index: 2;
  position: relative;
}

.pairofbtn {
  display: flex;
  gap: 30px;
  align-items: center;
  font-size: 20px;
}
.shreion{
  display: flex;
  gap: 15px;
  font-size: 20px;
  color: #000;
}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt80{margin-top: 80px;}
.img-intro-details{margin-top: 30px;}
.img-intro-details .carousel {
  max-height: 340px;
  overflow: hidden;
}

h3.h3{
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 15px;
}

.dotlist{
  margin-top: 20px;
  padding-left: 20px;
}
.dotlist li{
  list-style-type: disc;
    line-height: 30px;
}

.specifications-table{margin-top: 100px;}
.tabletitle{
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}

.spectable {
  column-count: 2;
  padding-left: 20px;
}
.spectable li{
  list-style-type: disc;
    line-height: 30px;
}

.btn {
  background: #fff;
  color: #000;
  border: 1px solid #333;
  display: flex;
  border-radius: 0;
  gap: 15px;
  padding: 10px 20px;
  margin: 5px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
.head_top h1{font-size:33px;}
.head_top p{font-size:15px; width:73%}
.step_box h2{font-size:20px;}
.step_box p{font-size:15px;}
.buttonse a{padding:10px 0px; margin:10px 0px; font-size:15px; width:120px;}
.hede h1{font-size:31px; padding:0px}
.inshead h1{font-size:30px;}
.inshead p{font-size:16px; padding:15px 0px;}
.step_box img{max-width:64px;}
.all_page-header{padding-top:15rem}
.icon_why_list .icwh h4{font-size:18px;}


/**about**/
.work_dbox h2{font-size:22px;}
.work_dbox p{font-size:14px;}
#ourwork{padding:20px 0px;}
.head h1{font-size:27px;}
.team_per p{font-size:16px;}
.team_box h3{font-size:18px;}
.team_box h3 a{font-size:15px;}
.team_box p{font-size:15px;}

/****advantage-use***/
.qul_box h1{font-size:18px;}
.qul_box p{font-size:14px;}
.head p{font-size:15px;}
.boxfir p{font-size:14px;}
 
/***crear_page***/
.top_hede h1{font-size:34px;}
.opport h1{font-size:28px;}
.opport p{font-size:15px;}
.emplosbox p{font-size:15px;}
.boxpris h1{font-size:22px;}
.boxpris ul li{font-size:15px;}

/***Care-Maintenance-page**/
.cerarbuton a{font-size:13px; height:110px; width:110px; padding:22px 0px;}
 
/***contact-page****/
.contactdelt p{font-size:14px;}
.contactdelt ul li a{font-size:14px;}
.contactdelt{padding:15px 25px;}
.contactdelt h1{font-size:20px;}
.contform h1{font-size:28px;}
.form-group .col6{padding:5px 6px;}
.form-group .col12{padding:5px 6px;}
.contform .form-control{height:45px;}

/***Environmental-page***/
.box_gore p{font-size:18px;}
.box_gore img{margin:0px 0px;}

/***finish-page***/
.finistext h1{font-size:20px;}
.finistext p{font-size:14px;}
.textfinis{padding:15px 20px;}
.finistext{padding:20px; margin:15px;}
#finishsection{padding:30px 0px 10px;}
#finishsection .aligncent{padding-top:15px; padding-bottom:15px;}

/***gallery-page***/
.tabtext{padding:0px}

/***Infrastructure-page***/
.head h2{font-size:20px; padding:7px 0px;}
.head ul li{font-size:13px;}

/***Infrastructure-page***/
.derwhit{padding:20px;}
.derwhit h1{font-size:20px}
.derwhit p{font-size:14px;}
.navbar-nav .nav-link{font-size:16px;}

#design_offer_whyus{padding:20px 0px}
.techtable table thead tr th{font-size:16px;}
.dot{width:18px; height:18px;}

}

@media (min-width: 768px) and (max-width: 991px) {
.limg img{max-width:24px;}
.limg1 img{max-width:20px;}
.head_top{padding:7px 0px;}
.head_top h1{font-size:27px;  width:100%}
.head_top p{font-size:15px; width:100%}
.step_box h2{font-size:20px;}
.step_box p{font-size:15px;}
.buttonse a{padding:10px 0px; margin:10px 0px; font-size:15px; width:120px;}
.hede h1{font-size:31px; padding:0px}
.buttonse{float:none; text-align:left}
.img_ser img{width:100%}
.addrs_box a{font-size:15px; width:180px}
.footr_bg h1{font-size:26px;}
.footr_bg h2{font-size:18px;}
.footr_bg a{width:190px; font-size:13px}
.footr_hed h1{font-size:28px;}
.footr_hed p{font-size:15px;}
.newleter{margin:0px;}
.footr_contas h1{font-size:18px;}
.footr_contas ul li a{font-size:14px;}
#copyright p{text-align:center;}
#copyright p.rights{text-align:center;}

.inshead{padding:15px 0px;}
.inshead h1{font-size:25px;}
.inshead p{font-size:15px; padding:9px 0px;}
.step_box img{max-width:64px;}
.page-header {
    padding-top: 12rem;}
.display-4{font-size:40px;}
#inspired{padding:20px 0px 30px}
.pt-5{padding-top:15px !important;}
/****about***/
.head h1{font-size:28px;}
.mision_text h2{font-size:21px}
.mision_text p{font-size:15px; padding:0px}
.mision_text{padding:10px 0px;}
.mision_img img{width:100%; max-width:100%}
#missionvision_section .aligncent{padding-bottom:0px;}
.work_dbox .col2{max-width:50%; flex:50%}
.work_dbox h2{font-size:22px;}
.work_dbox p{font-size:14px;}
#ourwork{padding:20px 0px;}
.head h1{font-size:25px;}
.team_per p{font-size:16px; padding:0px 0px}
.team_box h3{font-size:18px;}
.team_box h3 a{font-size:15px;}
.team_box p{font-size:15px;}


/****advantage-use***/
.qul_box h1{font-size:18px;}
.qul_box p{font-size:14px;}
.head p{font-size:15px;}
.boxfir p{font-size:14px;}
.qul_box .col9{max-width:100%; flex:100%; padding:5px 0px;}
.qul_box .col3{max-width:100%; flex:100%;  padding:5px 0px;}
.qul_box .col3 img{max-width:65px;}
.thre_box .col4{padding:5px;}
.boxfir .col2{max-width:33.33%; flex:33.33%}

/***crear_page***/
.opport h1{font-size:28px;}
.opport p{font-size:15px;}
.emplosbox p{font-size:15px;}
.boxpris h1{font-size:22px;}
.boxpris ul li{font-size:15px;}
.emplosbox{width:100%}
#cruntopning .head_top p{width:100%}

/***Care-Maintenance-page**/
.cerarbuton a{font-size:13px; height:110px; width:110px; padding:22px 0px;}

/***contact-page****/
.contactdelt p{font-size:14px;}
.contactdelt ul li a{font-size:14px;}
.contactdelt{padding:15px 25px;}
.contactdelt h1{font-size:20px;}
.contform h1{font-size:25px;}
.contform h1 br{display:none}
.form-group .col6{padding:5px 6px;}
.form-group .col12{padding:5px 6px;}
.contform .form-control{height:45px;}
.contimg img{max-width:100%}
#contactform{padding:20px 0px 0px}

/***Environmental-page***/
.box_gore p{font-size:16px;}
.box_gore img{margin:0px 0px;}
.box_gore{margin:5px 0px 22px;}


/***finish-page***/
.finistext h1{font-size:20px;}
.finistext p{font-size:14px;}
.textfinis{padding:15px 20px; margin:1px 10px 8px;}
.finistext{padding:16px 13px 20px; margin:1px 0px 10px;}
#finishsection{padding:30px 0px 10px;}
#finishsection .aligncent{padding-top:15px; padding-bottom:15px;}
.finsimg img{max-width:100%;}
.finsimg{padding-top:10px;}

/***gallery-page***/
.tabtext{padding:10px}
.limgs{padding:10px 0px;}
.limgs img{width:100%}
.tabtext p{font-size:15px; padding:20px 0px}
.glim img{width:100%;}

/***Infrastructure-page***/
.head h2{font-size:20px; padding:7px 0px;}
.head ul li{font-size:14px;}
.infeimg{margin:10px auto;}
.infeimg img{max-width:100%;}

/***Infrastructure-page***/
.derwhit h1{font-size:20px}
.derwhit p{font-size:14px;}
.rightboxe{margin:0px 0px}
.derwhit{padding:15px 15px; margin:0px 20px -50px}
.whitbox h2.rightte{text-align:left}
.whitbox h2{font-size:70px; padding:0px 20px}
#manufacturing .head p{width:100%}

.icon_why_list .icwh h4{font-size:16px;}
#design_offer_whyus{padding:10px 0px}
.all_page-header{padding-top:14rem}
.bread_top h1{font-size:42px;}
#design_offer_whyus .head_top h1{font-size:30px;}
#design_offer_whyus .head_top p{width:100%}
#design_offer_whyus img{width:100%; margin:10px 0px}

.techtable table thead tr th{font-size:14px; padding:8px;}
.techtable table tbody tr td{font-size:14px; padding:8px;}
.dot{width:15px; height:15px;}
}
@media (max-width: 767px) {
.limg img{max-width:20px;}
.limg1 img{max-width:20px;}
.head_top{padding:7px 0px;}
.head_top h1{font-size:22px;  width:100%}
.head_top p{font-size:14px; width:100%}
.step_box h2{font-size:17px;}
.step_box p{font-size:14px;}
.buttonse a{padding:10px 0px; margin:10px 0px; font-size:15px; width:120px;}
.hede h1{font-size:26px; padding:0px}
.buttonse{float:none; text-align:left}
.img_ser img{width:100%}
.addrs_box a{font-size:15px; width:180px}
.footr_bg .col7{max-width:100%; flex:100%}
.footr_bg .col5{max-width:100%; flex:100%}
.footr_bg h1{font-size:20px; text-align:center; padding:0px 0px}
.footr_bg:before{width:100%; background-repeat:repeat; height:50%; bottom:0px; left:0px; right:0px; top:auto; display:none}
.footr_bg{padding:20px 0px}
.footr_bg h1 br{display:none}
.footr_bg h2{font-size:16px;}
.footr_bg a{width:190px; font-size:13px}
.footr_hed h1{font-size:22px;}
.footr_hed p{font-size:14px;}
.newleter{margin:0px;}
.footr_contas h1{font-size:16px;}
.footr_contas ul li a{font-size:14px;}
.newleter .form-control{font-size:14px;}
#copyright p{text-align:center;}
#copyright p.rights{text-align:center;}
.addrs_box p{font-size:15px;}
#footer{padding:10px 0px}
#copyright p{font-size:14px;}
#copyright p a{font-size:14px;}
.addrs_box{margin:25px auto}
#medal_section{padding:20px 0px}
#topabout_bg{padding:50px 0px 20px}

#collection{padding:30px 0px 10px}
.inshead{padding:15px 0px;}
.inshead h1{font-size:22px;}
.inshead p{font-size:14px; padding:9px 0px;}
.inshead a{font-size:14px;}
.step_box img{max-width:64px;}
.page-header {
    padding-top: 12rem;}
.display-4{font-size:40px;}
#inspired{padding:20px 0px 30px}
.pt-5{padding-top:15px !important;}
/***about***/
.top_hede h1{font-size:25px;}
.top_hede p{font-size:15px;}
.top_hede p a{font-size:15px;}
.aboutde p{width:100%}
.ab_img{width:100%; padding:3px 0px;}
.top_hede h1:before{width:100%}
#missionvision_section{padding:20px 0px;}
.head {padding:5px 0px}
.head h1{font-size:23px;}
.mision_text h2{font-size:18px}
.mision_text p{font-size:14px; padding:0px}
.mision_text{padding:10px 0px;}
.mision_img img{width:100%; max-width:100%}
#missionvision_section .aligncent{padding-bottom:0px;}
.work_dbox .col2{max-width:100%; flex:100%}
.work_dbox h2{font-size:22px;}
.work_dbox p{font-size:14px;}
#ourwork{padding:20px 0px;}
.head h1{font-size:22px;}
.team_per p{font-size:14px; padding:0px 0px}
.team_box h3{font-size:18px;}
.team_box h3 a{font-size:15px;}
.team_box p{font-size:15px;}
.team_box .col6{max-width:100%; flex:100%; padding:7px 0px;}
.team_box img{width:100%}
#team_section{padding:15px 0px;}

/****advantage-use***/
.qul_box h1{font-size:18px;}
.qul_box p{font-size:14px;}
.head p{font-size:14px;}
.boxfir p{font-size:14px;}
.qul_box .col9{max-width:100%; flex:100%; padding:5px 0px;}
.qul_box .col3{max-width:100%; flex:100%;  padding:5px 0px;}
.qul_box .col3 img{max-width:65px;}
.thre_box .col4{padding:5px;}
.boxfir .col2{max-width:50%; flex:50%}
.thre_box{padding:5px;}
.thre_box .col4{max-width:100%; flex:100%;}
.imgb img{max-width:50px;}
#benifit_section{padding:10px 0px 8px;}
#use_advant{padding:10px 0px;}

/***crear_page***/
.opport h1{font-size:22px;}
.opport p{font-size:14px;}
.opport ul li{max-width:100%; flex:100%; font-size:15px; padding:3px 0px;}
.opport ul li img{max-width:33px;}
.emplosbox p{font-size:15px;}
.boxpris h1{font-size:20px;}
.boxpris ul li{font-size:14px;}
.boxpris ul.descrip li{font-size:14px;}
.boxpris{padding:10px; margin:10px 0px;}
.emplosbox{width:100%}
#opportunity{padding:20px 0px}
#cruntopning .head_top p{width:100%}
.emplosbox .col3{max-width:50%; flex:50%; padding:5px 5px}
.emplosbox p{font-size:14px;}
.imggrd img{max-width:50px}
.imggrd {padding:20px 0px;}
#employs{padding:15px 0px 5px;}
ul.apply{padding:0px;}
#cruntopning{padding:10px 0px;}

/***Care-Maintenance-page**/
.cerarbuton a{font-size:13px; height:110px; width:110px; padding:22px 0px;}
.cerarbuton{float:none}
.carerfaq ul li{font-size:14px;}
#caremaintan .step_box h2{font-size:17px;}
#caremaintan .step_box{padding:10px 0px}
#caremaintan{padding:20px 0px}
#cerimgsection{padding:2px 0px}
#careermantionset{padding:20px 0px}

/***contact-page****/
.contactdelt p{font-size:14px;}
.contactdelt ul li a{font-size:14px;}
.contactdelt{padding:15px 15px;}
.contactdelt h1{font-size:20px;}
.contform h1{font-size:20px; padding:10px 0px}
.contform h1 br{display:none}
.contactdelt ul{padding:10px 0px}
.form-group .col6{padding:5px 0px; max-width:100%; flex:100%}
.form-group .col12{padding:5px 0px;}
.contform .form-control{height:45px;}
.contimg img{max-width:100%}
#contactform{padding:20px 0px 0px}
.mapbox iframe{height:200px;}
.contform textarea.form-control{height:120px;}
.contform label{font-size:13px;}
.contform .btn{font-size:16px; padding:10px 0px}

/***Environmental-page***/
.box_gore p{font-size:15px; padding:10px 0px 0px}
.box_gore img{margin:0px 0px;}
.box_gore{margin:15px 0px 22px; display:block}
.threimgs{padding:10px 0px 0px}
.img-rte{padding:5px 0px}

/***finish-page***/
.finistext h1{font-size:20px;}
.finistext p{font-size:14px;}
.textfinis{padding:15px 20px; margin:1px 10px 8px;}
.finistext{padding:16px 13px 20px; margin:1px 0px 10px;}
#finishsection{padding:30px 0px 10px;}
#finishsection .aligncent{padding-top:15px; padding-bottom:15px;}
.finsimg img{max-width:100%;}
.finsimg{padding-top:10px;}

/***gallery-page***/
.tabtext{padding:10px}
.limgs{padding:10px 0px;}
.limgs img{width:100%}
.tabtext p{font-size:15px; padding:20px 0px}
.glim img{width:100%;}
#galllerysection .nav-pills .nav-link{font-size:14px; padding:7px 10px;}
#galllerysection ul li{padding:10px 6px 0px 0px}
#galllerysection{padding:20px 0px 0px;}
.tab-content{padding-top:5px;}

/***Infrastructure-page***/
.head h2{font-size:18px; padding:7px 0px;}
.head ul li{font-size:14px; max-width:100%; flex:100%; display:flex; align-items:center; padding:1px 0px}
.infeimg{margin:10px auto;}
.head ul li span{padding-right:10px}
.infeimg img{max-width:100%;}
#infrassection{padding:20px 0px}
/***Infrastructure-page***/
.derwhit h1{font-size:20px}
.derwhit p{font-size:14px;}
.rightboxe{margin:0px 0px}
.derwhit{padding:15px 15px; margin:0px 10px -50px}
.whitbox h2.rightte{text-align:left}
.whitbox h2{font-size:70px; padding:0px 20px}
#manufacturing .head p{width:100%}


.icon_why_list .icwh h4{font-size:16px;}
#design_offer_whyus{padding:10px 0px}
.bread_top h1{font-size:28px; margin:0px;}
#design_offer_whyus .head_top h1{font-size:25px;}
#design_offer_whyus .head_top p{width:100%}
#design_offer_whyus img{width:100%; margin:10px 0px}
.icon_why_list .icwh{max-width:50%; flex:50%; border:none; padding:15px;}
.icwh img {max-width:40px; max-height:40px;}
#advantage_why_icon{padding:20px 0px;}

.all_page-header {
    padding-top:10rem; padding-bottom:3rem
}

.techtable table thead tr th{font-size:14px; padding:8px;}
.techtable table tbody tr td{font-size:14px; padding:8px;}
.dot{width:15px; height:15px;}
@media (max-width: 480px) {
.addrs_box{width:100%}
}
}
@media (max-width: 390px) {

}

@media (max-width: 320px) {

}


@media (max-width: 767px) {
	.hero-slider {
		height: 50vh !important;
	}
	
	.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{
		display:none;
	
	}
}



/**/
.hero-slider {
	width: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
  }

  .hero-slider .slide-inner{ position: relative;}
  .hero-slider .slide-inner:before{
	content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    top: 0;
    left: 0px;
    right: 0;
  }
  
 .hero-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
  }
  
  .hero-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
  }
  
  .hero-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
  }
  
  .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
	background: transparent;
	width: 55px;
	height: 55px;
	line-height: 53px;
	margin-top: -30px;
	text-align: center;
	border: 2px solid #d4d3d3;
	border-radius: 55px;
	opacity:0;
	visibility:hidden;
	transition:all .3s ease;
  }
  .hero-slider:hover .swiper-button-prev, .hero-slider:hover .swiper-button-next {
	transform:translateX(0);
	opacity:1;
	visibility:visible;
  }
  
  .hero-slider .swiper-button-prev {
	left: 25px;
	transform:translateX(50px);
  }  
  .hero-slider .swiper-button-prev:before {
  font-family: bootstrap-icons !important;
	content: "\F12F";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
  }  
  .hero-slider .swiper-button-next {
	right: 25px;
	transform:translateX(-50px);
  }  
  .hero-slider .swiper-button-next:before {
  font-family: bootstrap-icons !important;
	content: "\F138";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block;
	font-weight: 900;
  }  
  .hero-slider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	text-align: left;
	line-height: 12px;
	font-size: 12px;
	color: #000;
	opacity: 0.3;
	background:#fff;
	transition:all .2s ease;
  }
  
  .hero-slider .swiper-pagination-bullet-active {opacity:1;  }  
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,  .hero-slider .swiper-pagination-custom,  .hero-slider .swiper-pagination-fraction {	bottom: 30px;  }  
  .swiper-pagination {	text-align:left;  }  
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom:50px;
	  max-width: 1200px;
	  padding: 0 15px;
	  margin: 0 auto;
	  left: 50%;
	  transform: translateX(-50%);
  }
   
  .hero-style .slide-title,  .hero-style .slide-text,  .hero-style .slide-btns {max-width: 690px; }
  
  .hero-style .slide-title h2 {
    font-size: 80px;
    line-height: 100px;
    color: #ffffff;
    transition: all .4s ease;
    font-weight: 800;
}

  .hero-style .slide-text p {
	font-size: 22px;
	font-weight: 500;	
	letter-spacing: normal;
	color: #ffffff;
	margin: 0 0 30px;
	transition:all .4s ease;
  }
  
   .hero-style .slide-btns > a:first-child {
	margin-right: 10px;
  }


 @media (max-width: 992px) {
  .navbar {
    padding: 0px 15px;
}
    .hero-style .slide-title h2 {
      font-size: 32px;
      line-height: 36px;      
    }

    .navbar-nav {     
        background: #fff;
    }
    .navbar-nav .nav-link {
        color: #000;      
    }
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.navbar-toggler {
  color: #fff;
  opacity: 1;
  font-size: 32px;
  border: 0;
}

.sticky .navbar-toggler{
  color: #000;
}

.sticky .navbar-toggler span{
	background-color: #000 !important;
}	

/**/

.work_dbox {
  display: grid;
  grid-template-columns: auto auto  auto auto;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  grid-gap: 30px;
}

@media (max-width: 992px) {

  .work_dbox { 
    grid-template-columns: auto auto ;  
  }

  .details-pagehead {  
    margin: 50px 0 0 0;  
}
.swipbullet {
  position: relative;
  right: 0px;
  bottom: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.img-intro-details .carousel {
  max-height: auto;
}
}



/*11 apr 23*/


/**/
.navbar-toggler span {
  display: block;
  background-color: #fff;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}
/**/

.lvnt-tt {
  padding-top: 9rem;
  padding-bottom: 2rem;
}

figure.zoom {
  background-position: 50% 50%;
  position: relative;
  margin: 0px auto;
  height: 500px;
  width: 100%;
  overflow: hidden;
  cursor: zoom-in;
  border-radius: 12px;
}
figure.zoom img:hover {
  opacity: 0;
}
figure.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.left-pad-30{padding-left: 30px;}

.betspace{padding: 60px 0;}
.text-left{text-align: left;}
/**/
.slider-preview-img{cursor: grab;}
.slidermain{ height: 600px;}
.slidermain .slider-preview-img{height: 600px;}
.slidermain .slider-preview-img img{
  position: absolute;
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.serviceslider {
  margin-top: 20px;
}
.serviceslider .slider-preview-img {
  padding: 10px;
  max-height: 150px;
}
.serviceslider .slider-preview-img img {
  width: 100%;
  object-fit: cover;
}
.slick-next:before, .slick-prev:before{
  color: #ac343c !important;
}
  .slick-next {
  right: 20px !important;
  z-index: 99;
}
 .slick-prev {
  left: 20px !important;
  z-index: 99;
}


@media only screen and (max-width: 992px) {
.left-pad-30{margin-top: 30px; 
  padding-left: 15px;
}

.slidermain .slider-preview-img img, .slidermain {
  height: 450px;
}
figure.zoom { 
  height: auto;
}
}

@media only screen and (max-width: 720px) {
	.slick-list.draggable, .slidermain .slider-preview-img img{height: 350px;}

.slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 350px;
}
.slidermain .slider-preview-img img, .slidermain {
  height: 350px !important;
}
.serviceslider { display:none !important;}
}



/**/
.slidermain .slider-preview-img img {
  position: absolute;
  width: 100%;
  height: 600px;
  object-fit: contain !important;
}
.slidermain .slider-preview-img {
  background: #c5c7c6 !important;
}

.singleproductview{
	box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.125), 0 5px 15px 0 rgba(0,0,0,0.125) !important;
	border-radius: 12px;
}



/*14 sep*/
 

.dropdown.nav-item:hover .dropdown-menu {
  display: block;
}


.dropdown.nav-item:hover .dropdown-menu {
  border-top: 3px solid #01c15d;
}



@media only screen and (max-width: 992px) {
  .dropdown.nav-item:hover .dropdown-menu {
    display: inherit;
  }

}

.h100{
  height: 100%;
}