@charset "utf-8";
/* CSS Document */

::selection {
  color: var(--bs-white);
  background: var(--bs-primary);
}

/*----
Main Menu ----*/
.stellarnav{position: relative; margin-left: auto; z-index: 2;}
.stellarnav a{color: var(--bs-white); font-weight: 600;}
.stellarnav ul{margin: 0; padding: 0;}
.stellarnav li{list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal;}
.stellarnav li a{padding: 6px 20px; display: block; text-decoration: none; color: var(--bs-white); box-sizing: border-box; position: relative; text-transform: capitalize;}
.stellarnav li a:hover{color: var(--bs-primary); }
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav > ul > li.current-menu-item > a, .stellarnav > ul > li.current-menu-parent > a{color: var(--bs-primary);}
.stellarnav > ul > li > a{padding: 0 20px; position: relative; color: var(--bs-white); border: none;}
.stellarnav > ul > li > a:hover{text-decoration: none; color: var(--bs-primary);}
.stellarnav ul ul{top: auto; width: 275px; position: absolute; z-index: 9900; text-align: left; display: none; background: var(--bs-black); padding:  6px 0;}
.stellarnav li li{display: block;}
.stellarnav ul ul ul{top: 0; left: 275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity: 1; visibility: visible; top: 0}
.stellarnav > ul > li.drop-left > ul{right: 0}
.stellarnav li.drop-left ul ul{left: auto; right: 275px}
.stellarnav.dark{background: var(--bs-secondary)}
.stellarnav.dark a{color: var(--bs-secondary)}
.stellarnav.dark ul ul{background: var(--bs-secondary)}
.stellarnav.dark li a{color: var(--bs-secondary)}
.stellarnav.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999}
body.stellarnav-noscroll-x{overflow-x: hidden}
.stellarnav li.has-sub > a:after{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: inline-block; position: relative; font-size: 14px;}
.stellarnav li li.has-sub > a:after{ content: '\f105'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px;}
.stellarnav li.drop-left li.has-sub > a:after{float: left; margin-right: 10px; border-left: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid var(--bs-secondary)}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display: none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display: none; text-decoration: none}
.stellarnav .dd-toggle{display: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; z-index: 9999; border: 0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right: 15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display: none}
.stellarnav svg{fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing: border-box; transition: transform .3s; width: 100%; height: 100%; position: relative; vertical-align: middle; display: inline-block; position: relative; background: var(--bs-primary);}
.stellarnav a.dd-toggle .icon-plus:before{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: block;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content: '\f00d'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; color: var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav .icon-close{box-sizing: border-box; width: 30px; height: 30px; position: relative; display: flex; align-items: center; margin-left: 0; margin-right: 0}
.stellarnav .icon-close:before{content: ''; display: block; width: 30px; height: 0; border-bottom: solid 3px var(--bs-secondary); position: absolute; top: auto; transform: rotate(45deg)}
.stellarnav .icon-close:after{content: ''; display: block; width: 30px; height: 0; top: auto; border-bottom: solid 3px var(--bs-secondary); position: absolute; transform: rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color: var(--bs-white)}
.stellarnav.light .icon-close:after{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:before{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:after{border-color: var(--bs-white)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding: 0; box-sizing: border-box}
.stellarnav .close-menu{padding: 0 24px}
.stellarnav .menu-toggle span.bars{display: inline-block; margin-right: 0; position: relative; top: 0; margin-right: 0;}
.stellarnav .menu-toggle span.bars span{display: block; width: 30px; height: 4px; border-radius: 6px; background: var(--bs-secondary); margin: 0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom: 0}
.stellarnav .full{width: 100%}
.stellarnav .half{width: 50%}
.stellarnav .third{width: 33%; text-align: center}
.stellarnav .location-btn-mobile.third{text-align: center}
.stellarnav .location-btn-mobile.half{text-align: right}
.stellarnav.light .third, .stellarnav.light .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left: 0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom: 0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom: 0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left: 0}
.stellarnav.light .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.dark .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.mobile{position: static}
.stellarnav.mobile.fixed{position: static}
.stellarnav.mobile ul{position: relative; display: none}
.stellarnav.mobile.active{padding-bottom: 0}
.stellarnav.mobile.active > ul{display: block}
.stellarnav.mobile ul{text-align: left}
.stellarnav.mobile > ul > li{display: block}
.stellarnav.mobile > ul > li > a{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.stellarnav.mobile ul{background: rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.stellarnav.mobile ul ul ul{left: auto; top: auto}
.stellarnav.mobile li.drop-left ul ul{right: auto}
.stellarnav.mobile li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile > ul{border-top: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light > ul{border-top: none;}
.stellarnav.mobile li a.dd-toggle{border: 0}
.stellarnav.mobile.light li a.dd-toggle{border: 0; background: rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display: flex; align-items: center; border: none;}
.stellarnav.mobile li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1); box-sizing: border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display: inline-block; width: 50%; text-align: center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display: block; width: 100%; border-right: 0; text-align: left}
.stellarnav.mobile.light ul{background: var(--bs-black)}
.stellarnav.mobile.dark ul{background: var(--bs-black)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background: var(--bs-black); padding: 0}
.stellarnav.mobile.light li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position: absolute; width: 100%; top: 0; left: 0; z-index: 9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display: none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position: fixed; top: 0; bottom: 0; width: 270px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 500}
.stellarnav.mobile.right > ul{right: 0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display: flex; text-align: right; align-items: center; justify-content: flex-end; height: 80px;}
.stellarnav.mobile.left > ul{left: 0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align: center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align: center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align: left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display: none}
@media only screen and (max-width : 768px){
.stellarnav{overflow: hidden; display: block}
.stellarnav ul{position: relative; display: none}
}
@media only screen and (max-width : 420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display: none}
}

@media (min-width: 1200px) {
.stellarnav > ul { display: flex;}
.stellarnav > ul > li + li{ margin-left: 32px}
.stellarnav > ul > li > a{ line-height: 81px; padding: 0; display: flex; align-items: center; gap: 4px;}
}

.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform: uppercase; font-weight: 700;}

.stellarnav.mobile.active::after {
  content: "";
  position: fixed;   /* key for full-screen overlay */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6); /* overlay color */
  z-index: -1; /* sits behind the box */
}
/*---- 
Main Menu ----*/


/*---- 
Slick SLider ----*/
.slick-slider{position: relative; display: block; box-sizing: border-box; /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;*/ -ms-touch-action: pan-y; touch-action: pan-y; /*-webkit-tap-highlight-color: transparent;*/ }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-slide.dragging img{pointer-events: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list{background: #fff url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; background: var(--bs-white); border-radius: 50%; color: #000; box-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #fff; outline: none; background: var(--bs-secondary); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1; }
.slick-prev:before, .slick-next:before{font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 16px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev{left: 20px; }
[dir='rtl'] .slick-prev{right: 0px; left: auto; }
.slick-prev:before{content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105'; }
.slick-next{right: 20px; }
[dir='rtl'] .slick-next{right: auto; left: 15px; }
.slick-next:before{content: '\f105'; }
[dir='rtl'] .slick-next:before{content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0; }
.slick-dots{position: relative; margin-top: 30px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center; height: 14px; gap: 16px;}
.slick-dots li{position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center; }
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 100%; height: 8px; width: 8px; border-radius: 0; margin: 0; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--bs-primary); opacity: 0.2 }
.slick-dots li button:hover, .slick-dots li button:focus{outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background: #fff; }
.slick-dots li.slick-active button{ background: var(--bs-primary); height: 14px; width: 14px; opacity: 1}
/*----
Slick SLider ----*/


.aligncenter,.gallery-item a{display: block}
.alignleft{float: left; margin-right: 15px; margin-bottom: 10px}
.alignright{float: right; margin-left: 15px; margin-bottom: 10px}
.aligncenter{margin-left: auto; margin-right: auto}
.wp-caption{max-width: 100%;padding: 4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style: italic; font-size: 12px; font-size: .857142857rem; line-height: 2;}
.full-img { position: relative;}
.full-img img{ width: 100%; height: auto; position: relative; z-index: 2;}

#page{ overflow: hidden; padding-top: 0;}
.ratio .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit{min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff{ color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color: var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color: var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child,  h1:last-child, p:last-child, ul:last-child,  ol:last-child{ margin-bottom: 0;}

/*----
Custom Site Style ----*/
h4, h3{ line-height: normal;}

.header{ background-color: var(--bs-black); color: var(--bs-white); position: relative; z-index: 1000; width: 100% !important;}
.pre-header{ padding: 12px 2.5%;}
.pre-header a{ color: var(--bs-white); text-decoration: none;}
.pre-header .info{ font-size: 14px; color: var(--bs-white); text-decoration: none; display: flex; gap: 16px;}
.pre-header .info .item{ display: flex; gap: 6px; align-items: center; text-decoration: none;}
.pre-header .info .item i{ color: var(--bs-primary);}
.pre-header .social{ margin-left: auto; display: flex; gap: 24px;}
.pre-header .social a{ color: var(--bs-white); font-family: 16px; text-decoration: none;}
.pre-header .social a:hover{ color: var(--bs-primary);}

.post-header{ padding: 0 0 0 2.5% ; height: 82px; background-color: var(--bs-black); display: flex; align-items: center; border-top: 1px solid #FFFFFF33;  width: 100% !important;}
.post-header .call{ height: 82px; color: var(--bs-white); text-decoration: none; border-left: 1px solid #FFFFFF33; align-items: center; padding: 0 24px; margin-left: 32px; position: relative; z-index: 1;}
.post-header .call i{ background-color: var(--bs-primary); height: 50px; width: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
.post-header .call small{ font-size: 14px;}
.post-header .logo{ width: 23.4375%; position: relative; z-index: 1;}


.BannerSlider div[class=empty]{ line-height: 0;}
.BannerSlider .container{ position: relative; z-index: 100; height: 750px; color: var(--bs-white);}
.BannerSlider .image-fit{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}
.BannerSlider .image-fit::before{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); content: '';
}
.BannerSlider .container h4{ color: var(--bs-primary); text-transform: uppercase;}

.button{ display: inline-flex; width: fit-content; border: none; cursor: pointer; text-transform: uppercase; font-weight: 700; line-height: 1; text-decoration: none; border-radius: 10px; overflow: hidden;;}
.button span{ padding: 15px 24px; border-radius: 10px 0 0 10px; display: flex; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; align-items: center;}
.button::after{ height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border: 0 10px 10px 0; content: '+'; font-size:30px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; font-weight: 400;}
.button-primary span{ background-color: var(--bs-primary); color: var(--bs-white);}
.button-primary:hover span{ background-color: #d62300; color: var(--bs-white);}
.button-primary::after{ background-color: var(--bs-white); color: var(--bs-primary);}
.button-primary:hover::after{ color: var(--bs-black);}
.button-dark span{ background-color: var(--bs-black); color: var(--bs-white);}
.button-dark::after{ background-color: var(--bs-primary); color: var(--bs-white);}
.button-dark:hover span{ background-color: var(--bs-primary);}
.button-dark:hover::after{ background-color: var(--bs-black);}
.button-primary span{ background-color: var(--bs-primary); color: var(--bs-white);}
.button-secondary span{ background-color: var(--bs-primary); color: var(--bs-white);}
.button-secondary:hover span{ background-color: var(--bs-black); color: var(--bs-white);}
.button-secondary::after{ background-color: var(--bs-black); color: var(--bs-white);}
.button-secondary:hover::after{ background-color: var(--bs-primary); color: var(--bs-white);}

.content-gap > *{ margin-bottom: 0;}

.section{ padding: 100px 0;}
.section-light{ background-color: #F6F6F6; background-image: url(../images/theme-img/pattern.png);}
.section-primary{ background-color: var(--bs-primary); background-image: url(../images/theme-img/pattern.png);}

.service-box{ background: #F4F4F4; border: 1px solid #D9D9D9; padding: 32px 24px; border-radius: 12px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.service-box:hover{box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.service-box .text-center p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.service-box .text-center h3{ text-transform: uppercase;}
.service-image{ padding-top: 40px;}
.service-image .icon{ height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 10px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 10; background-color: var(--bs-primary);}

.book-cta{ color: var(--bs-white); background-color: var(--bs-primary); box-shadow: 0px 20px 40px 0px #00000040; border-radius: 16px;}
.book-cta .button-dark::after, .section-primary .button-dark::after{ background-color: var(--bs-white); color: var(--bs-primary);}
.book-cta .button-dark:hover span, .section-primary .button-dark:hover span{ background-color: var(--bs-white); color: var(--bs-black);}
.book-cta .button-dark:hover::after, .section-primary .button-dark:hover::after{ background-color: var(--bs-black);}
.why-choose-content ul{ display: flex; flex-wrap: wrap; padding: 0; list-style: none; gap: 24px;}
.why-choose-content ul li{border: 1px solid #D9D9D9; background-color: var(--bs-white); padding: 14px 14px 14px 44px; border-radius: 10px; width: 100%; font-weight: 600; position: relative;}
.why-choose-content ul li::before{ color: var(--bs-primary); position: absolute; left: 14px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); content: '\f058'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 20px;}

.number-box{ padding: 20px; box-shadow: 0px 20px 40px 0px #00000026; border: 1px solid #D9D9D9; background-color: var(--bs-white); border-radius: 10px;}
.number-box h5{ color: var(--bs-primary);}
.number-box .d-flex .number{ height: 80px; width: 80px; border-radius: 10px; color: var(--bs-white); background-color: var(--bs-primary); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 48px;}

.contact-box{ padding: 20px; box-shadow: 0px 20px 40px 0px #00000026; border: 1px solid #D9D9D9; background-color: var(--bs-white); border-radius: 10px; }
.contact-box .icon{ height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px; color: #fff; font-size:24px; margin-left: auto; margin-right: auto; background-color: var(--bs-primary);}
.contact-box a{ color: var(--bs-primary); text-decoration: none; font-weight: 600;}
.contact-box h4{ margin-bottom: 5px;}

.map {height:400px; position:relative; width:100%;}
.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;}
.map .map-inner iframe { height:100%; width:100%;}

.vehicle-box{background: fff; border: 1px solid #D9D9D9; padding: 32px 24px; border-radius: 12px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; box-shadow: 0px 20px 40px 0px #00000026; text-align: center;}
.vehicle-box img{ display: block; height: 80px; width: auto}
.vehicle-box h5{ color: var(--bs-primary);}

.GallerySlider div[class=""] { line-height: 0;} 

.about-image{ position: relative; padding-left: 34.591194968553%; padding-bottom: 30px;}
.about-image .img-sm{ width: 65.094339622642%; position: absolute; bottom: 0; left: 0;}
.about-image time{width: 30.817610062893%; position: absolute; border-radius: 10px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 43.48623853211%; position: absolute; background-color: var(--bs-primary); left: 0; top: 0; text-transform: uppercase; font-weight: 700; padding: 16px; line-height: 1.1; text-align: center;}
.about-image time strong{ font-size: 31.25%;}

.about-section, .testimonial-section{background-position: center center; background-repeat: no-repeat; background-size: cover;}

.testimonial-section{ position: relative; z-index: 1;}
.testimonial-section::before{background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; content: '';}
.testimonial-section .container{ position: relative; z-index: 10;}

.tesi-slider{ background-color: rgba(22,22,22,0.8); backdrop-filter: (12px); color: var(--bs-white); text-align: center;}
.tesi-slider blockquote{ font-style: italic;}
.tesi-slider cite{ color: var(--bs-primary); font-weight: 700; font-style: normal;}

.latest-blog-section{ background-color: #f4f4f4;}
.post-item{ background-color: var(--bs-white); border: 1px solid #D9D9D9; overflow: hidden; border-radius: 16px; color: var(--bs-body-color); text-decoration: none;}
.post-item .title{ padding: 20px;}
.post-item .row .col-6{ gap: 6px; font-weight: 700; border-top: 1px solid #D9D9D9;}
.post-item .row .col-6 i{ color: var(--bs-primary);}
.post-item .row .col-6 + .col-6 {border-left: 1px solid #D9D9D9;}

.footer{ background-color: var(--bs-black); color: var(--bs-white); font-size: 15px;}
.footer-top{ padding: 60px 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.footer-top:after{ background-color: var(--bs-black); opacity: 0.9; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: '';;}
.footer-top .container{position: relative; z-index: 10;}
.footer-top .call{ color: var(--bs-white); text-decoration: none; align-items: center; padding: 20px; border-radius: 10px; background-color: var(--bs-primary); width: fit-content;}
.footer-top .call i{ background-color: var(--bs-white); color: var(--bs-primary); height: 50px; width: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
.footer-top .call small{ font-size: 14px;}
.footer-top .menu{ display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none;}
.footer-top a{ color: var(--bs-white); text-decoration: none;}
.footer-top .menu li a:hover{ color: var(--bs-white); text-decoration: underline;}

.contact-info{ display: flex; flex-direction: column; gap: 16px;}
.contact-info .item{ padding: 16px; border-radius: 10px; background-color: rgba(255,255,255,0.2); backdrop-filter: blur(15px); gap: 12px; display: flex; align-items: center;}
.contact-info .item i{ color: var(--bs-primary); background-color: var(--bs-white); border-radius: 8px; background-color: #FFFDFD; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}

.page-banner{ position:relative; z-index: 2;}
.page-banner .container{ height: 400px; color:var(--bs-white); position: relative; z-index: 100}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.page-banner .image-fit::after{ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.62) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 100%); position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 99; content: '';}
.page-banner a{ color: var(--bs-white); text-decoration: none;}

.service-menu a{  display: flex; flex-direction: column; color: var(--bs-white); font-weight: 700; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 16px; text-decoration: none; min-height: 112px;}
.service-menu a span{ background: rgba(0,0,0,0.8); padding: 24px; display: flex; align-items: center; justify-content: center; flex-grow: 1; -moz-transition:all 0.5s ease; 
-webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;  transition:all 0.5s ease}
.service-menu a:hover span{ background: rgba(240,40,1,0.8);}

.breadcrum-items{ padding:0; margin-bottom:0;  display: flex; align-items: center; flex-wrap: wrap;}
.breadcrum-items span{ display:inline-block; color: var(--bs-white); font-weight:400;}
.breadcrum-items span a{ display:block; color: var(--bs-white);  text-decoration:none;}
.breadcrum-items span a:after{ content:'/'; margin:0 10px 0 10px; vertical-align:middle;}
.breadcrum-items span:last-child a:after{ display:none; }
.breadcrum-items .current-item{ text-decoration: none; font-weight: 700;}
.sow-image-container img{ border-radius: 16px;}

.post-meta{ margin:10px 0; font-size:14px; font-weight:500; }
.post-meta .initial{ /*background:#00ACFE;*/ height:50px; width:50px; border-radius:60px; margin-right:16px; color:var(--bs-white); font-weight:700;}
.post-meta .initial img{height:50px; width:50px; border-radius:60px;}
.post-meta time:before{ content:"|"; margin:0 5px 0 3px; float:left;}
.post-meta time, .post-meta span{ display:inline-block;}

.section .ewd-ufaq-faq-div{-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); border: 1px solid #F2F2F2; border-radius: 12px;}
.section .ewd-ufaq-faq-div + .ewd-ufaq-faq-div{ margin-top: 24px;}
.section .ewd-ufaq-faq-title a{ display: flex; align-items: center; padding: 20px 24px; color: #000;}
.section div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{ order: 2; margin-left: auto; margin-right: 0}
.section .ewd-ufaq-faq-title-text{ order: 1; flex-grow: 1;}
.section .ewd-ufaq-faq-body{ padding: 0 24px 24px;}
.section .ewd-ufaq-post-active{ background: var(--bs-primary); color: #fff;}
.section .ewd-ufaq-post-active .ewd-ufaq-faq-title a{ color: #fff;}

/*----
Custom Site Style ----*/


@media (min-width: 320px) {
h1, .h2-48 h2, .h3-48 h3{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4, .vehicle-box h5{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24, .tesi-slider{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
.about-image time {font-size: clamp(2rem, 1.6rem + 2vw, 4rem);}
}

@media (min-width: 1400px) {
h1, .h2-48 h2, .h3-48 h3{font-size: 48px;}
h2{font-size: 40px;}
h3{font-size: 32px;}
h4, .vehicle-box h5{font-size: 24px;}
h5{font-size: 20px;}
.font-18{font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24, .tesi-slider{ font-size: 24px;}
.about-image time {font-size: 4rem;}
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
.why-choose-content ul li{ width: calc(50% - 12px);}
.number-box, .post-item .title{ padding: 32px;}
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
.footer-top .call{ width: 100%;}
}

@media (min-width: 1400px) {	
}