/*
Theme Name: FKG
Theme URI:
Author: SEOTA
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

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

.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;}

.contact-form .nf-form-fields-required{ display: none}
.contact-form .btn{ height: 50px}

#page{ overflow:hidden;}
.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;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.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);}

.header{ position: relative; z-index: 1000;}
.header .pre-header{ color: #fff; background-color: var(--bs-dark); font-size: 13px; }
.header .pre-header .container{height: 32px;}
.header .pre-header a{ color: #fff; text-decoration: none;}
.header .pre-header ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.header .pre-header ul li + li{ margin-left: 12px;}
.header .pre-header ul.info .d-flex .fa-solid{ color: var(--bs-primary); margin-right: 10px;}

.header ul.social{ margin-left: auto; margin-bottom: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.header ul.social li a{ height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; color: #000; text-decoration: none; border-radius: 32px;}
.header ul.social li a:hover{ background-color: var(--bs-primary); color: #fff;}

.header .post-header{ background-color: var(--bs-white); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header .post-header .container{height: 100px;}
.header .post-header .logo{ width: 164px;}
.post-header.scroll-to-fixed-fixed{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

.home-banner{ color: #fff; position: relative; overflow: hidden; }
.home-banner .video{ height: 735px; position: relative; overflow: hidden;}
.home-banner .video:before{ background: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(35, 37, 39, 0.38) 100%); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
.home-banner .video .ratio{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.home-banner .container{ position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); color: var(--bs-white);}

.section{ padding: 80px 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section-lt{ background-color: #EFF2F7;;}

.service-icon-menu{ background:#fff}

.anchor:before{content:""; display:block; height:100px; margin-top:-100px}
.service-icon ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; position: relative; background-image: url(images/theme-img/Line.svg); background-position: center; background-repeat: repeat-x;}
.service-icon ul li{ position: relative; z-index: 10;}
.service-icon ul li + li{ margin-left: 24px;}
.service-icon ul li .ratio{ background-color: var(--bs-secondary); border-radius: 100px; cursor: pointer; margin: 0 auto; width: 100px; display: block;}
.service-icon ul li .ratio:hover{ background-color: var(--bs-primary);}
.service-icon ul li .ratio img{ height: 50%; width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.service-icon-menu.scroll-to-fixed-fixed .service-icon ul li .ratio{ width:50px;}
.service-list .anchor:nth-child(odd) .section{background: #EFF2F7;}
.service-list .anchor:nth-child(even) .section .row{ flex-direction: row-reverse;}
.service-list .anchor .ratio{ overflow: hidden; border-radius: 16px;}

.home-w1 h3{ color: #000;}
.home-w1 .flexslider-icon{padding: 0; background-color: transparent; border: none;}
.home-w1 .flexslider-icon  li .ratio{ background-color: var(--bs-secondary); border-radius: 100px; cursor: pointer; margin: 0 auto;}
.home-w1 .flexslider-icon li.flex-active-slide .ratio{ background-color: var(--bs-primary);}
.home-w1 .flexslider-icon li .ratio img{ height: 50%; width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.home-w1 #carousel{ margin: 0 auto 24px;  width: 844px; background-image: url(images/theme-img/Line.svg); background-position: center; background-repeat: repeat-x;}
.home-w1 .slides .content{ border-radius: 16px; background: #FFF; padding: 32px; text-align: left;}
.home-w1 .slides .content .row{ align-items: center;}
.home-w1 .slides .content .full-img img{ border-radius: 16px;}
.home-w1 #carousel-md{ margin: 0 auto 24px;background-image: url(images/theme-img/Line.svg); background-position: center; background-repeat: repeat-x;}


.home-w1 .flex-direction-nav{ display: flex; align-items: center; justify-content: space-between; width: 60%; margin-left: auto; margin-right: auto; margin-top: 24px; position: absolute; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom: -64px;}
.home-w1 .flex-direction-nav a{ display: flex; align-items: center; justify-content: center; font-size: 30px; position: relative; top: auto; margin: 0;}
.home-w1 .flex-direction-nav a + a{ margin-left: auto;}
.home-w1 .flex-direction-nav a:before {font-family:'Font Awesome 6 Free';  font-weight:900; content: '\f104'; font-size: 24px; display: none;}
.home-w1 .flex-direction-nav a.flex-next:before {content: '\f105';}
.home-w1 .flex-direction-nav .flex-prev{ left: 0; opacity: 1;}
.home-w1 .flex-direction-nav .flex-next{ right: 0; opacity: 1;}
.home-w1 .flexslider:hover .flex-direction-nav .flex-next {opacity: 1; right: 0;}
.home-w1 .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0;}
.home-w1 .flexslider{ margin-bottom: 0;}
.home-w1 .flex-control-nav{ height: 40px; display: flex; align-items: center; justify-content: center;  bottom: -64px; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);} 
.home-w1 .flex-direction-nav .flex-disabled { opacity: 1 !important; filter: alpha(opacity=1); cursor: pointer; z-index: 1;}
.home-w1 .flex-control-paging li a{ height: 8px; width: 8px; background-color: var(--bs-secondary); opacity: 0.5;}
.home-w1 .flex-control-paging li a.flex-active{ height: 14px; width: 14px; background-color: var(--bs-secondary); opacity: 1;}
.home-w1 #slider, .home-w1 #slider-md{box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.12); margin-bottom: 64px; border-radius: 16px; background: #fff}

.service-slider .ServiceSlider{ margin-left: -15px; margin-right: -15px;}
.service-slider .ServiceSlider .item{ padding: 0 15px 15px;}
.service-slider .content{ padding:0; box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.12); border-radius: 16px; background-color: #fff; overflow: hidden;}
.service-slider .content .content-block{ text-align: center; padding: 22px}
.service-slider .content .content-block .ratio{ background-color: var(--bs-primary); width: 80px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden;}
.service-slider .content .content-block .ratio img{ height: 50%; width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}

.counter-section{ color: #fff; text-align: center;}
.counter-section:before{ background-color: var(--bs-secondary); opacity: 0.8; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
.counter-section [class*=col-]{ margin-bottom: 80px;}
.counter-section [class*=col-] .icon{ margin: 0 auto 20px; width: 80px; height: 80px; border-radius: 50%; background-color: var(--bs-primary);}
.counter-section [class*=col-] h2{ list-style: 100%;}

.home-w2:after{ background: var(--bs-secondary-grad); opacity: 0.7; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.home-w2:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: #EFF2F7; height: 30%;} 
.home-w2 .content{border-radius: 16px; background: #FFF; box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.12); overflow: hidden;}
.subtitle-h6 h6{ color: var(--bs-secondary); text-transform: uppercase; letter-spacing: 5px; font-weight: 700;}

.marquee-featured ul{ margin:0; padding:0; list-style:none; display:flex; align-items:center;}
.marquee-featured ul li{margin-right:30px}
.marquee-featured ul li img{width:auto;}

.testimonial-section:before{background: linear-gradient(90deg, rgba(239,242,247,1) 0%, rgba(217,217,217,0.73) 100%); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
.QuoteSlider{ margin-left: -12px; margin-right: -12px;}
.QuoteSlider .item{ padding: 12px 12px 0;}
.QuoteSlider blockquote{border-radius: 16px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); padding: 30px; margin-bottom: 30px; text-align: center; line-height: 180%;}
.QuoteSlider .stars{ color: var(--bs-secondary); font-size: 20px;}
.QuoteSlider .stars i + i{ margin-left: 5px;}
.QuoteSlider cite{ display: block; text-align: center; font-style: normal;}
.QuoteSlider h4{ margin-bottom: 2px;}

.QuoteSlider blockquote .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .review-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000 !important}

.client-section{background: linear-gradient(180deg, #FFF 0%, #F4F4F4 100%);}

.section .contact-info{ margin: 0; padding: 0; list-style: none;}
.section .contact-info li{ line-height: 1.2; margin-top: 16px;}
.section .contact-info li .icon{ background: var(--bs-primary); height: 60px; width: 60px; color: var(--bs-white); border-radius: 50%; margin-right: 12px; text-decoration: none; font-size: 18px;}
.section .contact-info li strong{ display: block;}
.section .contact-info li a{ color: var(--bs-body-color); text-decoration: none;}
.section .contact-info li a span{ color: var(--bs-secondary)}

.contact-form{ padding: 24px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); border-radius: 16px;}

.footer{ background-color: #000; border-top: 5px solid #FF971B; color: #fff;}
.footer-top{ padding: 30px 0 30px 0;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 16px;}
.footer-top .menu a{ color: #fff; text-decoration: none;}
.footer-top .menu a:hover{ color: var(--bs-primary);}
.footer-top h5{ margin-bottom: 16px;}
.footer-top .info{ margin: 0; padding: 0; list-style: none; display:inline-flex; align-items:center; font-size:14px}
.footer-top .info li + li{ margin-left: 14px;}
.footer-top .info li .d-flex{ text-decoration: none; color: rgba(255,255,255,1);}
.footer-top .info li a.d-flex:hover{color: rgba(255,255,255,1);}
.footer-top .info li .d-flex i{ margin-right:10px}
.footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.20); padding: 30px 0; text-align: center;}
.footer-logo img{ width:106px; height:auto;}

.newsletter form{ padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, 0.30); display: flex; align-items: center;}
.newsletter form .form-control, 
.newsletter form .form-control:focus, 
.newsletter .tnp-subscription input[type="email"]
{ background-color: transparent; border: none; color: var(--bs-white); opacity: 0.6; flex-grow: 1; box-shadow: none;}
.newsletter form .form-control::-moz-placeholder {color: var(--bs-white); opacity: 0.6;}
.newsletter form .form-control::placeholder { color: var(--bs-white); opacity: 0.6;}
.newsletter form .btn{ padding-right: 24px; padding-right: 24px;}

.newsletter .tnp-subscription input.tnp-submit, 
.newsletter .tnp-profile input.tnp-submit, 
.newsletter .tnp-unsubscribe button.tnp-submit, 
.newsletter .tnp-reactivate button.tnp-submit{ background:var(--bs-primary); color:#fff; padding-left: 30px; padding-right: 30px; border-radius: 10px; font-weight: 700;}

.page-banner .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.page-banner .image-fit:before, .page-banner .image-fit:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.page-banner .image-fit:before{ z-index: 2; background-color: rgba(0,0,0,0.5);}
.page-banner .image-fit:after{background: linear-gradient(180deg, rgba(23,88,123,1) 0%, rgba(23,88,123,0) 100%); z-index: 1;}
.page-banner .container{ height: 445px; color: #fff;}

.info-row a, .info-row address{ margin: 0; padding: 24px; border-radius: 16px;border: 1px solid rgba(0, 0, 0, 0.10); background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12); color: #616161; text-decoration: none;}
.info-row a i, .info-row address i{ height: 60px; width: 60px; border-radius: 50%; background: var(--bs-primary); display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--bs-white); margin-right: 12px;}

.map {padding-bottom: 0; margin-bottom:0; padding-top:0; position: relative; width: 100%; overflow: hidden; border-radius: 16px; height: 350px;}
.map .map-inner { bottom: 0; left: 0; position: absolute; top: 0; width: 100%;}
.map .map-inner iframe { height: 100%; pointer-events: none; width: 100%;}

.about-w1 .full-img{ padding-left: 17.29559748427673%;}
.about-w1 .full-img img{ border-radius: 16px;}
.about-w1 .year{ color: #fff; background: var(--bs-secondary-grad); padding: 30px 16px; width: 228px; left: 0; top: 44px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.15); border-radius: 16px; z-index: 100; font-size: 64px; text-align:center; position: absolute; line-height: 1.2; font-weight: 700; text-transform: uppercase;}
.about-w1 .year strong{ font-weight: 900; display: block;}
.about-w1 .year span{ font-size: 37.5%; display:block;}

.call-text{ text-decoration: none; color: var(--bs-secondary); font-size: 30px; font-weight: 700;}
.call-text small{ display: block; color: #000; font-size: 16px;}
.call-text:hover{color: var(--bs-primary);}
.call-text i{ height: 80px; width: 80px; border-radius: 50%; background: var(--bs-primary); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--bs-white); margin-right: 12px;}

.about-w1 .box-content{border-radius: 16px; background: #FFF; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.15);}
.about-w1 .box-content img{ height: 80px; width: auto; margin-bottom: 16px;}

.about-w2{background: #ECECEC;}
.about-w2 .item{ position: relative; }
.about-w2 .item .content{ border-radius: 16px; z-index: 10; position: relative; border-radius: 16px; background: #FFF; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.15);}
.about-w2 .item .full-img{ overflow: hidden; border-radius: 16px;}

.call-to-action{ background-color: var(--bs-secondary); color: var(--bs-white); position: relative; overflow: hidden; font-weight: 500;}
.call-to-action .content{ padding-top: 40px; padding-bottom: 40px;  position: relative;}
.call-to-action .content + .content{ background-color: var(--bs-primary);} 
.call-link{ font-size: 32px; line-height: 120%; text-decoration: none; text-align: left;}
.call-link strong{ font-size: 75%;}
.call-link .icon{ height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 24px; margin-right: 12px;}
.call-link-light{ color: #fff;}
.call-link-light .icon{ background-color: var(--bs-white); color: var(--bs-primary);}
.call-link-dark{ color: var(--bs-dark);}
.call-link-dark .icon{ background-color: var(--bs-primary); color: var(--bs-white);}

.service-tab .tab-btns{ padding: 92px 25% 92px 0;}
.service-tab .tab-btns .main-icon .ratio{ overflow: hidden; border-radius: 50%; background-color: var(--bs-secondary);}
.service-tab .tab-btns .main-icon .ratio img{width: 53%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}

.service-tab .tab-btns .nav-tabs{ border: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: block;}
.service-tab .tab-btns .nav-tabs .nav-link{ margin: 0; width: 100px; height: 100px; border: none; border-radius: 50%; background-color: var(--bs-secondary); padding: 0;}
.service-tab .nav-tabs .nav-link.active, .service-tab .nav-tabs .nav-item.show .nav-link{background-color: var(--bs-primary);}
.service-tab .tab-btns .nav-tabs .nav-link .ratio img{width: 53%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.service-tab .tab-btns .nav-tabs li{ position: absolute;}
.service-tab .tab-btns .nav-tabs li:nth-child(1){ top: 0; right: 35%;}
.service-tab .tab-btns .nav-tabs li:nth-child(2){ top: 10%; right: 19%;}
.service-tab .tab-btns .nav-tabs li:nth-child(3){ top: 25%; right: 8%;}
.service-tab .tab-btns .nav-tabs li:nth-child(4){ top: 50%; right: 5%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.service-tab .tab-btns .nav-tabs li:nth-child(5){ bottom: 25%; right: 8%;}
.service-tab .tab-btns .nav-tabs li:nth-child(6){ bottom: 10%; right: 19%;}
.service-tab .tab-btns .nav-tabs li:nth-child(7){ bottom:0; right: 35%;}
.service-tab .content-block {border-radius: 16px; background: #FFF; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.15); padding: 32px;}
.service-tab .content-block h3{ color: var(--bs-primary);}

.blog-listing .post-block{ color:#000; text-decoration:none;}
.blog-listing .post-block h3{ color: #17587B; font-size:24px; font-weight: 700;}
.blog-listing .post-block .content{border-radius: 16px; background: rgba(255, 255, 255, 0.80); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(25px); padding: 24px; position:relative; z-index:10; margin:-40px 24px 0}
.blog-listing .post-block .image-fit{border-radius:16px; height:330px;}
.blog-listing .post-block .content .badge-name{padding:6px 16px 5px 16px;  color:#FFF; font-size:12px; font-style:normal; font-weight:700; line-height:24px; text-transform:uppercase; border-radius:60px;
background:linear-gradient(180deg, #FF6E45 0%, #E03356 100%), linear-gradient(135deg, #26B582 -1.14%, #19DD76 100%); backdrop-filter:blur(5px); margin-bottom:16px;}
.blog-listing .post-block time{  display: block; margin-bottom: 16px; color: #000; font-weight: 700; font-size: 16px;}
.blog-listing .post-block time i{ margin-right:5px;}

.blog-info .image-fit{ height: 300px; border-radius: 16px;}
.blog-info img{ border-radius: 16px;}
.post-nav a{border-radius: 10px; background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); display: block; padding: 24px; color: #000; font-size: 15px; font-weight: 700; text-decoration: none;}
.post-nav a h4{ color: var(--bs-secondary);}

.SliderBlog{ margin-left: -12px; margin-right: -12px;}
.SliderBlog .item{ padding: 0 12px 30px;}
.SliderBlog .slick-dots{ margin-top: 5px;}

.service-list{ overflow: hidden;}
.service-list .item + .item{ margin-top: 80px;} 
.service-list .item .service-img{ position: relative;}
.service-list .item .service-img .icon{ height: 124px; width: 124px; border-radius: 16px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; z-index: 100;}
.service-list .item .service-img .icon img{ width: 50%; height: auto;}

.service-list .item .service-img:before{ height: 76%; position: absolute; content: ''; width: 5000px;  top: 50%; transform: translateY(-50%);}

.service-list .item:nth-child(odd){ background-image: url(images/theme-img/dots-odd.svg); background-repeat: no-repeat; background-position: left 50%;}
.service-list .item:nth-child(odd) .row{ flex-direction: row-reverse;}
.service-list .item:nth-child(odd) .service-img{ padding-left: 110px;}
.service-list .item:nth-child(odd) .btn{background: var(--bs-secondary); color: #fff;}
.service-list .item:nth-child(odd) .btn:hover{background: var(--bs-primary); color: #fff;}
.service-list .item:nth-child(odd) .service-img:before{background: var(--bs-secondary); box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.12); left: 150px;}

.service-list .item:nth-child(odd) .service-img .icon{ left: -62px; background: linear-gradient(90deg, #17587B 0%, #01689F 100%);}
.service-list .item:nth-child(even) .service-img .icon{ right: -62px; background: linear-gradient(90deg, #E78612 0%, #FF971B 100%);}

.service-list .item:nth-child(even){ background-image: url(images/theme-img/dots-even.svg); background-repeat: no-repeat; background-position: right 50%;}
.service-list .item:nth-child(even) .service-img:before{background: var(--bs-primary); box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.12); right: 150px;}
.service-list .item:nth-child(even) .service-img{ padding-right: 110px;}
.service-list .item:nth-child(even) .btn{background: var(--bs-primary); color: #fff;}
.service-list .item:nth-child(even) .btn:hover{background: var(--bs-secondary); color: #fff;}

.service-menu{border-radius: 10px; background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); padding: 24px;}
.service-menu a{padding: 16px; border-radius: 8px; font-size: 22px; color: #000; font-weight: 700; text-decoration: none;}
.service-menu a .icon{ display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; border-radius: 48px; background-color: var(--bs-secondary); margin-right: 16px;}
.service-menu a .icon img{ width: 50%; height: auto;}
.service-menu a .icon img:nth-child(2){ display: none;}
.service-menu a:hover, .service-menu a.active{ background-color: var(--bs-primary); color: #fff;}
.service-menu a:hover .icon, .service-menu a.active .icon{ background-color: #fff;}
.service-menu a:hover .icon img:nth-child(1), .service-menu a.active .icon img:nth-child(1){ display: none;}
.service-menu a:hover .icon img:nth-child(2), .service-menu a.active .icon img:nth-child(2){ display: block;}

.service-details .full-img:before{ height: 74%; border-radius: 16px 0px 0px 16px; background: #17587B; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.12); left: 5%;  position: absolute; content: ''; width: 5000px;  top: 50%; transform: translateY(-50%);}
.service-details .full-img img, .service-list .item .full-img img{ border-radius: 16px;}

.product-img{ border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; padding: 16px; background-color: #fff;}
.product-table .table > tbody > tr > td{ padding: 14px;}
.product-table .table > tbody > tr:nth-child(even) > td{ background-color: #f5f5f5;}
.product-table .table > tbody > tr > td:nth-child(1){ color: #fff; background-color: var(--bs-primary); font-weight: 700;}
.product-search-form form{ display: block; position: relative;}
.product-search-form form input[type=submit]{ background-image: url(images/theme-img/search.svg); background-position: center; background-repeat: no-repeat; background-size: 16px; background-color: var(--bs-primary); border: none; height: 50px; width: 50px; position: absolute; top: 0; right: 0; text-indent: -9999px; border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;}
.product-item { border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.product-item .ratio img{ position: absolute; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: auto; height: 70%;}
.product-item .skus .item + .item{ margin-top: 5px; display: flex; align-self: center;}
.product-item .skus .item strong{ margin-right: 10px;}
.product-item h4 a{ color: var(--bs-dark); text-decoration: none;}
.product-item h4 a:hover{ color: var(--bs-primary);}
.product-item .product-cat{ margin-bottom: 16px; display: flex; flex-wrap: nowrap;}
.product-item ul li { margin-right: 6px;}
.product-item .product-cat span{ background-color: var(--bs-secondary); color: #fff; font-size: 14px; text-decoration: none; padding: 6px 10px; border-radius: 6px;}
.product-item ul li a:hover{ background-color: var(--bs-primary); color: #fff;}

@media (min-width:320px) {
h1, .h2-48 h2{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .home-banner .container h1{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{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{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.page-banner h1{font-size: calc(2.375rem + ((1vw - 3.2px) * 2.2222));}
}

@media (min-width:1400px) {
h1, .h2-48 h2{font-size:48px;}
h2, .home-banner .container{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.page-banner h1{font-size: 62px;}
}


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

@media (min-width:768px) {
.blog-listing .col-lg-4:nth-child(1) { width: 100%;}
.blog-listing .col-lg-4:nth-child(1) .post-block .image-fit{ height: 500px;}
.blog-listing .col-lg-4:nth-child(1) .post-block .content{width: 41.6666%; margin: 0; position: absolute; bottom: 24px; right: 24px;}
.blog-info .image-fit{ height: 400px;}
}

@media (min-width:992px) {
.home-w2 .image-fit{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:}
.contact-form{ padding: 30px;}
.map{ height: auto; position: absolute; top: 0; bottom: 0; left: calc(var(--bs-gutter-x) * 0.5); right: calc(var(--bs-gutter-x) * 0.5);}

.about-w2 .item .full-img {min-width:initial; position:absolute; width: 50%; top: 0; bottom: 0; overflow:hidden; flex:0 0 auto; display:flex; z-index: 1;}
.about-w2 .item .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.about-w2 .item:nth-child(odd) .full-img{ left: 0;}
.about-w2 .item:nth-child(even) .full-img{ right: 0;}
.about-w2 .item:nth-child(odd) .row{ flex-direction: row-reverse;}
.about-w2 .item .row [class*=col-]{ padding-top: 72px; padding-bottom: 72px;}
.blog-info .image-fit{ height: 500px;}
.call-to-action .container:after{ background-color: var(--bs-primary); top: 0; bottom: 0; left: 100%; width: 3000px; position: absolute; content: '';}
}

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

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