/**
* Template Name: Dashboard
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
textarea::-webkit-input-placeholder{opacity:1;color:#2B3241;}
textarea::-moz-placeholder{opacity:1;color:#2B3241;}
textarea::-ms-input-placeholder{opacity:1;color:#2B3241;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: "Oswald", sans-serif;
*/

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none; }
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 16px; ; color: #6a6a6a; font-weight: 400; font-family: "Oswald", sans-serif; line-height: normal; overflow-x: hidden;}

.container{max-width: 1430px; padding: 0 15px; width: 90%;}

h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 32px; font-weight: 600; }
h2 { font-size: 26px; font-weight: 600; }
h3 { font-size: 24px; font-weight: 600;}
h3 { font-size: 22px; font-weight: 600;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; color: #212121; border: 0; text-transform: capitalize; border-radius: 26px; background: #a9a9a9; background-image: linear-gradient(0deg, #a9a9a9 0%, #f5f5f5 100%);}
.btn.btn-primary:hover, .btn.btn-primary:focus{background-image: linear-gradient(0deg, #e09801 0%, #fb6813 100%); color: #fff;}

.btn.btn-secondary { display: inline-block; font-size: 16px; font-weight: 600; line-height: 16px; padding: 12px 30px; color: #fff; border: 0; text-transform: capitalize; border-radius: 6px; background: #fb6813;}
.btn.btn-secondary:hover, .btn.btn-secondary:focus{background-image: linear-gradient(0deg, #e09801 0%, #fb6813 100%); color: #fff;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 1px solid #FFC700; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

.hb-desc a{color: #000;}
.hb-desc p strong{font-weight: 700;}

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

.header-top { background-image: linear-gradient(0deg, #e4e2e2 0%, #ffffff 100%); color: #000; }
.logo-block { clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); background: #fff; width: 338px; padding: 15px 0; display: flex; align-items: center; justify-content: center; }

.header-btm {background: #212121;}
.header-btm ul { display: flex; align-items: center; justify-content: space-around; }
.header-btm ul a { font-size: 17px; line-height: 27px; text-transform: uppercase; color: #ffffff; font-weight: 600; padding: 16px 4px 13px; display: block; border-bottom: 3px solid transparent; }
.header-btm ul li a, .header-btm ul li{position: relative;}
.header-btm ul li a:hover{border-color: #fe6515;}
.header-btm .has-child ul { position: absolute; top: 100%; left: 0; width: 260px; padding: 12px 8px; background: #fff; z-index: 9; border-radius: 10px; max-height: 460px; overflow: auto;}
.header-btm .has-child ul { display: none; box-shadow: 0 0 5px rgba(0,0,0,.75); }
.header-btm li.has-child ul a { display: block; color: #212121; padding: 5px 10px; font-size: 16px; font-weight: 400; border: 0 !important; }

.header-btm li.has-child ul a:hover{color: #fe6515;}
.header-btm .has-child a{padding-right: 20px;}
.header-btm .has-child a::after { content: '\f107'; font-family: 'Font Awesome 7 Free'; font-weight: 700; color: #fff; position: absolute; right: 0; top: 50%; display: block; margin-top: -12px; }

.hb-ic img { min-width: 22px; }

.hm-banner{position: relative; background: url(assets/img/banner-img.png) center center no-repeat; background-size: cover; padding: 50px 0 70px;}
.banner-slider { max-width: 420px; width: 100%; }

.hm-banner h1 { font-size: 60px; line-height: 90px; text-transform: uppercase; color: #ffffff; font-weight: 500; filter: drop-shadow(4.5px 7.794px 4px rgba(0,0,0,0.75)); margin: 0 0 30px;}
.hm-banner h1 span { color: #fe6515; display: block; font-weight: 600; font-size: 90px; }
.bs-img-block img { border-radius: 30px; border: 10px solid #fe6515;}
.bs-img-block{margin: 0 10px;}

.slick-dots { display: flex; align-items: center; justify-content: center; margin-top: 25px; }
.slick-dots li{line-height: 0; margin: 0 6px;}
.slick-dots li button{width: 12px; height: 12px; border-radius: 50%; background: #c7c7c7; font-size: 0; border: 0;}
.slick-dots li.slick-active button{background: #fe6515;}

section{padding: 80px 0 60px; position: relative;}
section .top-text h3 { font-size: 40px; line-height: 50px; text-transform: uppercase; color: #6a6a6a; font-weight: 600; background: -webkit-linear-gradient(#e09801, #fb6813); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.type-block{text-align: center; position: relative;padding-bottom: 78px;}
.type-img { width: 100%; height: 270px; overflow: hidden; margin: 0 0 12px; }
.type-img img{width: 100%; height: 100%; object-fit: cover; transition: all 3s;}
.type-block:hover .type-img img{transform: scale(1.4); transition: all 3s;}
.desc-btm { text-align: center; height: 1px; overflow: hidden; opacity: 0; transition: all 0.4s; }
.desc-btm p{margin: 0 0 15px !important; color: #fff;}
.type-desc{padding: 20px; position: absolute; bottom: 0; width: 100%; transition: all 0.4s; background: #050505;}
.type-desc h4 { font-size: 25px; line-height: 38px; color: #ffffff; font-weight: 600; padding: 0 0 1px; }
.type-block:hover .desc-btm{height: auto; overflow: auto; opacity: 1;  transition: all 0.4s;}

.service-list{display: flex; align-self: flex-start; justify-content: space-around; gap: 20px;}
.sgl-service-block{text-align: center;}
.srv-img{position: relative; margin: 0 0 35px;}
.srv-img::after { content: ''; position: absolute; top: -22px; right: -19px; width: 111px; height: 223px; background: url(assets/img/circle.png) right center no-repeat; z-index: -1; transition: all 0.4s}
.sgl-service-block:hover .srv-img::after{transform: rotate(10deg); transition: all 0.4s}
.srv-img img { width: 180px; height: 180px; margin: 0 auto; border-radius: 50%; object-fit: cover; }
.sgl-service-block h4{font-size: 20px; line-height: 36px; color: #212020; font-weight: 500; margin: 0 0 15px;}

.price-sec{background: url(assets/img/steel-bg.jpg) center center no-repeat; background-size: cover;}
.price-sec .top-text h3{color: #fff; background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.price-block { background: url(assets/img/slider-bg.jpg) top right no-repeat; margin: 0 10px; border-top: 4px solid #fe6515; background-size: cover; text-align: center; padding: 12px 15px;}
.price-block p{font-size: 18px; color: #4d4d4d; font-weight: 600; margin: 0 0 10px;}
.price-block h4{font-size: 30px; color: #000000; font-weight: 600;}

.slick-arrow { position: absolute; left: -40px; top: 50%; width: 30px; height: 60px; border: 0; font-size: 0; margin-top: -30px; z-index: 99; background: url(assets/img/arrow.png) center center no-repeat; }
.slick-next.slick-arrow {left: auto; right: -40px; transform: rotate(180deg);}


.step-list { display: flex; align-items: stretch; justify-content: space-between; }
.step-list > div{width: 100%; background-size: cover !important; padding: 60px; display: flex; align-items: center; justify-content: center;}
.step-inner { width: 240px; height: 240px; border-radius: 50%; background-color: rgba(0,0,0,0.7803921568627451); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 10px; padding: 25px; }
.step-inner span{color: #fe6515; font-size: 28px; font-weight: 600;}
.step-inner h4{font-size: 28px; line-height: 38px; text-transform: uppercase; color: #f8f8f8; font-weight: 600;}


.video-tab { position: relative; line-height: 0; }
.video-tab video{width: 100%;}
.video-desc *{ color: #fff; }

.video-background { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 1; }
.custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100px; height: 100px; background: rgba(254, 101, 21, 0.7); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; }
.custom-play:hover { transform: translate(-50%, -50%) scale(1.1); }
.custom-play i { font-size: 28px; color: #fff; }

.service-badge{background: #fe6515; padding: 15px 0;}
.service-badge .container{position: relative;}
.srv-badge-content{display: flex; align-items: center; justify-content: space-between; gap: 25px;}
.srv-badge-content p { font-size: 35px; line-height: 45px; text-transform: uppercase; color: #ffffff; font-weight: 600; } 
.srv-badge-content p span{display: block; font-size: 25px; line-height: 35px; color: #ffffff; font-weight: 400; text-transform: none;}
.srv-badge-content a{font-size: 50px; line-height: 50px; text-decoration: underline !important; color: #ffffff; font-weight: 500;}
.badge-ic { position: absolute; left: -180px; top: -30px; width: 160px; }

.work-block { text-align: center; }
.work-img { width: 200px; height: 200px; margin: 0 auto 15px; background: url(assets/img/polygon.png) center center no-repeat; display: flex; align-items: center; justify-content: center; background-size: contain; }
.work-img img{max-width: 80px;}
.work-block h4{margin: 0 0 10px;}
.work-block p{color: #000;}

.testimonial-sec{background: url(assets/img/testi-bg.jpg) center center no-repeat; background-size: cover;}
.testimonial-sec .top-text h3{color: #fff; background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.testi-block { background: #fff; padding: 70px 30px 30px; margin: 0 10px; border-radius: 15px; box-shadow: 11px 19.053px 16px rgba(0,0,1,0.09); position: relative !important; margin-top: 110px;}
.user-img { width: 100px; height: 100px; border-radius: 50%; background-color: #ffffff; border: 4px solid #fe6515; position: absolute; top: -50px; left: 15px; }

.map-block{line-height: 0;}
.map-block iframe{width: 100%; height: 470px !important;}

.copyright{background: #2a2a2a; text-align: center; padding: 18px 0 !important;}
.copyright p{margin: 0; color: #fff;}
.copyright p a{color: #fe6515;}

.quote-info{background: url(assets/img/quote-bg.jpg) center center no-repeat; background-size: cover; padding: 60px; height: 700px;}
.quote-info p{color: #fff; font-size: 24px; line-height: 34px; margin: 0 0 25px;}
.quote-form h3{font-size: 26px; margin: 0 0 15px;}
.quote-form p{margin: 0 0 15px;}

.form-control{width: 100%; height: 45px;}
textarea.form-control{height: 145px;}

.news-block { margin: 0 10px; border: 1px solid #dddddd; }
.news-img{width: 100%; height: 500px; overflow: hidden;}
.news-img img{width: 100%; height: 100%; object-fit: cover; transition: all 4s;}
.news-block:hover img{transform: scale(1.4); transition: all 4s;}
.news-title { background: #f9f9f9; padding: 25px 20px; }
.news-title h4{font-weight: 400;}

.exp-sec{background: url(assets/img/scrap-bg.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1;}
.exp-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: -1;}

.img-left img { border-left: 10px solid #fe6515; max-width: 90%; }
.heading-top {border-left: 4px solid #fe6515; padding: 10px 0 10px 20px; color: #fe6515; margin: 0 0 30px; }
.heading-top p{color: #fe6515; margin: 0 0 5px;}
.heading-top h6 { color: #fff; margin: 0 0 15px; }
.heading-top h2 { font-size: 36px; color: #fff; }
.service-info{list-style-type: none; display: flex; justify-content: space-between; flex-flow: wrap; padding-bottom: 20px;}
.service-info li { width: calc(( 100% - 40px ) / 2); margin-right: 20px; margin-bottom: 20px; text-align: left; padding: 18px 20px 19px; background-color: #555; }
.service-info li:nth-child(1) { background-color: #ff6217; }
.service-info li a { display: flex; align-items: center; color: #fff; }
.service-info li i { font-size: 40px; margin-right: 20px; }
.exp-sec, .exp-sec h6 { color: #fff; }

.choose-block { margin: 0 15px; text-align: center; }
.choose-block .choose-img { height: 200px; margin: 0 auto 15px; max-width: 230px; display: flex; align-items: center; justify-content: center; }
.choose-block .choose-text{display: flex; align-items: flex-start; gap: 3px; text-align: center; justify-content: center;}
.choose-text span { width: 26px; min-width: 26px; height: 26px; border-radius: 50%; background-color: #c600c7; color: #fff; text-align: center; font-size: 14px; line-height: 26px; }

.faq-sec{border-bottom: 1px solid #ccc;}
.faq-sec h3 { font-size: 40px; line-height: 50px; text-transform: uppercase; color: #000; font-weight: 600;}

.accordion-item { border: 0; }
.accordion-item button { border: 0 !important; background: transparent !important; color: #000 !important; padding-left: 0; font-size: 16px; outline: 0 !important; box-shadow: unset !important; }
.accordion-body { color: #393939; font-weight: 300; font-size: 15px; line-height: 25px; }

.faq-img{position: relative; z-index: 1;}
.faq-img::after{content: ''; position: absolute; top: -15px; left: -15px; width: 100%; height: 100%; background: url(assets/img/rect.png) top left no-repeat; z-index: -1;}
 

.full-price { display: flex; align-items: stretch; background: #fff; max-width: 455px; }
.full-price > div { padding: 10px 30px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 5px;}
.full-price h4{font-size: 20px; text-transform: uppercase;}

.fp-title { width: 45%; background: #f5f3f3; position: relative; }
.fp-title::after { content: ''; position: absolute; top: 50%; right: -8px; width: 16px; height: 16px; background: #f5f3f3; margin-top: -8px; transform: rotate(45deg); }
.fp-desc { width: 55%; background: #fe6515; text-transform: uppercase; }
.full-price { position: absolute; width: 100%; bottom: -116px; box-shadow: 2px 3.464px 8px rgba(0,0,0,0.16); }
.hm-banner .container { position: relative; }

.menu-toggle{display: none;}
.has-child i { display: none; }
.trigger-submenu { display: none !important; }

.m-call{display: none;}











@media only screen and (min-width: 992px) {
.header-btm .has-child:hover ul{display: block;}


}

@media only screen and (max-width: 1460.98px) {
  .slick-slider { width: 95%; margin: 0 auto; }
  .header-btm ul a{font-weight: 500;}
  .header-inner > div { gap: 20px !important; }








}

@media only screen and (max-width: 1360.98px) {
  .header-btm ul a { font-size: 16px;}
  .hm-banner h1 { font-size: 50px; line-height: 70px; }
  .hm-banner h1 span{font-size: 75px;}
  section .top-text h3{font-size: 34px;}
  .type-desc h4{font-size: 22px;}
  .type-desc{padding: 15px;}
  .type-block{padding-bottom: 65px;}
  .news-title { padding: 15px; }
.news-title h4{font-size: 22px;}

}

@media only screen and (max-width: 1270.98px) {
  body, p { font-size: 15px; }
  .hb-ic img { min-width: 20px; max-height: 22px; object-fit: contain; }
  .price-block p { font-size: 15px; font-weight: 400; }



}

@media only screen and (max-width: 1170.98px) {
  .container{width: 100%;}
  .header-inner div:nth-child(3) { padding: 6px 0; gap: 5px !important; flex-direction: column; align-items: flex-end !important; text-align: right; }
  .header-inner div:nth-child(3) .hb-ic{display: none;}
  .header-inner * { font-size: 13px !important; }
  .slick-slider { width: 90%; margin: 0 auto; }
  .header-btm ul a { font-size: 15px; font-weight: 400; }

  section { padding: 60px 0 40px; }
  .sgl-service-block { text-align: center; width: 100%; max-width: 145px; }
  .srv-img img { width: 140px; height: 140px; }
  .srv-img::after { content: ''; position: absolute; top: -15px; right: -15px; width: 85px; height: 172px; background: url(assets/img/circle.png) right center no-repeat; z-index: -1; transition: all 0.4s; background-size: contain; }
  .sgl-service-block h4 { font-size: 17px; line-height: 27px; }

  .btn.btn-primary { font-size: 14px; font-weight: 500; line-height: 22px; padding: 10px 26px; }
  .price-block h4 { font-size: 25px; }
  .step-list > div { padding: 30px; }
  .step-inner { width: 200px; height: 200px; padding: 15px; }
  .step-inner h4 { font-size: 20px; line-height: 28px; font-weight: 600; }
  .srv-badge-content p { font-size: 26px; line-height: 36px; }

  .srv-badge-content p span{font-size: 20px; line-height: 30px;} .srv-badge-content a { font-size: 40px; line-height: 40px; }
  .row.mt-5 { margin-top: 0 !important; }










}

@media only screen and (max-width: 991.98px) {
  .menu-toggle { display: block; position: absolute; right: 15px; top: 17px; font-size: 25px; color: #fc6419 !important; z-index: 9999; }
  .menu-inner { position: fixed; top: 0; right: -280px; width: 280px; height: 100vh; background: #f6f6f6; z-index: 999; padding: 60px 30px; transition: all 0.4s; overflow-x: auto; }
  .menu-inner.active{right: 0; transition: all 0.4s;}
  .header-btm ul { display: block; }
  .header-btm ul li a { color: #333; font-size: 15px !important; }
  .header-btm ul li a:hover{color: #fe6515;}
  .has-child i { display: unset; }
  .header-btm .has-child a::after{display: none;}
  .has-child i { position: absolute; right: 0; top: 50%; margin-top: -5px; }
  .header-btm .has-child ul { position: relative; top: auto; left: 0; width: auto; padding: 0; background: transparent; z-index: 9; border-radius: 10px; box-shadow: unset !important; padding-left: 15px; }
  .fa-angle-down { transition: transform 0.3s ease; }
  .fa-angle-down.rotate { transform: rotate(180deg); }
  .trigger-submenu { display: block !important; position: absolute !important; right: 0; top: 18px; height: 20px; width: 20px; text-align: center; line-height: 20px !important; padding: 0 !important; border: 0 !important; }
  .menu-toggle.active { position: fixed; }
  
  .header-inner div:nth-child(3){display: none !important; }
  .header-inner > div { width: auto !important; }
  .header-inner > div:nth-child(2){order: -1 !important;}
  .logo-block { clip-path: unset; background: transparent; width: auto; padding: 10px 0; }
  .header-top { padding-right: 50px; }

  .banner-slider { max-width: 300px; }

  .full-price { max-width: 350px; bottom: -110px; }
  .full-price > div { padding: 6px 15px; }

  .hm-banner h1 { font-size: 34px; line-height: 60px; }
  .hm-banner h1 span { font-size: 55px; }
  .type-block { margin-bottom: 25px; }

  .service-list{flex-wrap: wrap; justify-content: center !important; gap: 25px !important;}
  .sgl-service-block{max-width: 170px; margin-bottom: 35px;}
  .type-sec { padding-top: 80px; }

  .service-sec{padding-top: 0;}
  .faq-img , .img-left img{ max-width: 400px; margin: 0 auto 40px; }
  .quote-info { padding: 40px; margin: 0 0 40px; height: auto; }
  .slick-arrow { left: -40px; width: 15px; height: 40px; margin-top: -20px; background-size: contain; }
  .slick-slider{width: 80%;}
  .step-list > div { padding: 20px; }
  ul.submenu-active { display: block !important; max-height: unset !important; }





  

}


@media only screen and (max-width: 767.98px) { 
  .logo { max-width: 150px; }
  .sgl-header-block { display: none !important;}

  .hm-banner { padding: 60px 0 80px; min-height: 100vh; }
  .hm-banner h1 { font-size: 26px; line-height: 44px; margin: 0 0 20px; }
  .hm-banner h1 span { font-size: 48px; }

  .hm-banner .inner { width: 100%; }
  .banner-slider { width: 100%; max-width: 400px; margin-top: 35px; }

  .full-price h4{font-size: 18px;}
  .fp-desc h5 { font-size: 16px; }

  section .top-text h3 { font-size: 28px; }
  .sgl-service-block { max-width: unset; margin-bottom: 35px; width: calc(50% - 15px); }
 .srv-img::after{right: -4px;}
  .sgl-service-block h4 { font-size: 15px; line-height: 22px; font-weight: 400; }
  section .top-text h3 { font-size: 28px; line-height: 38px; }
  .step-list { flex-direction: column; }
  .srv-badge-content { flex-direction: column; text-align: center; }
  .work-block { margin: 0 0 35px; }
  .work-img { width: 180px; height: 180px; margin: 0 auto 10px; }
  .work-img img { max-width: 55px; }

  .testi-block { padding: 70px 15px 20px; margin: 0 5px; border-radius: 10px; margin-top: 110px; }

  .faq-img, .img-left img { max-width: 280px; margin: 0 auto 40px; }

  .faq-sec h3{font-size: 26px;}

  .service-info li { width: calc(( 100% - 20px ) / 2); margin-right: 0; margin-bottom: 20px; text-align: left; padding: 12px; background-color: #555; }
  .service-info li i { font-size: 20px; margin-right: 13px; } .news-block { margin: 0 5px; border: 1px solid #dddddd; }
  .news-img { height: 260px; }
  .news-img { width: 100%; height: 260px; overflow: hidden; }
  .quote-info p { color: #fff; font-size: 16px; line-height: 30px; margin: 0 0 20px; }
  .quote-info p:last-child{margin: 0;} 
.bs-img-block img{border-width: 7px;}

  .m-call { display: block; position: absolute; right: 65px; top: 20px; font-size: 22px; }

  .m-call {
    animation:skew-x-shake 1.3s infinite
  }
  @keyframes skew-x-shake {
    0% {
      transform:skewX(-15deg)
    }
    5% {
      transform:skewX(15deg)
    }
    10% {
      transform:skewX(-15deg)
    }
    15% {
      transform:skewX(15deg)
    }
    20% {
      transform:skewX(0deg)
    }
    100% {
      transform:skewX(0deg)
    }
  }
  .header-main.header-scrolled { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.3); }


}