/*
Theme Name: Fluid Technology LLC
Theme URI: https://wordpress.org/themes/FluidTechnologyLLC/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.3
Tested up to: 6.7
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: FluidTechnologyLLC

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

.inner-padding{
	padding:60px 0px
}
.inner-banner{
	padding:50px 0px;
	position:relative;
	background-color:#1a4b69;
	/*background-color: #001C46;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='269' height='32.3' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='4.1' stroke-opacity='0.09'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");*/
}
.inner-banner h1{
	font-size:35px;
	color:#fff
}
.inner-banner ol{
	padding:0px !important
}
.inner-banner ol li a{
	padding:0px !important
}
.inner-page{
	font-size:18px ;
}
.custom-shape-divider-bottom-1745605265 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1745605265 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 13px;
}

.custom-shape-divider-bottom-1745605265 .shape-fill {
    fill: #FFFFFF;
}

 .product-card {
	 
      background-color: #f9f9f9;
      overflow: hidden;
      border-radius: 0;
	 height:100%;
      transition: all 0.3s ease;
	 
    }

    .product-card:hover {
      transform: scale(1.02);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		
    }

    .product-img-wrapper {
      position: relative;
    }

    .product-img {
      width: 100%;
    
     
      display: block;
    }

    .product-info-hover {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.75);
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      opacity: 0;
		padding:20px;
      transform: translateY(100%);
      transition: all 0.4s ease;
		
    }

    .product-card:hover .product-info-hover {
      opacity: 1;
      transform: translateY(0);
    }

    .product-info-hover p {
      margin: 0;
    }

    .arrow-icon {
		
      margin-top: 30px;
       padding: 7px 10px 10px 10px;
		background:#18587b;
		
		border-radius:50%;
    }
   
    .arrow-icon a {
      color: #fff;
      text-decoration: none;
      transition: transform 0.3s ease;
		text-decoration:none;
    }

    .arrow-icon a:hover {
      transform: translateX(5px);
		
    }
.arrow-icon:hover {
    
		background:#429441;
    }
.arrow-icon img{
	width:25px;
	
}
.arrow-icon:hover img{
	
}
    .product-title {
      text-align: center;
      padding: 0.75rem;
      font-weight: 600;
		height: 100%;
    border-left:1px solid #3333;
		
    }
.product-card:hover .product-title{
	
}
.product-card:hover .product-title a{
	
	
}
    .product-title a {
      color: #333;
      text-decoration: none;
    }

    .product-title a:hover {
     
    }
/*#mega-menu-14-0-0{
	background:#eee !important;
	height:100% !important;
	margin:0px !important;
	padding:0px !important;
	
}
#mega-menu-14-0-1{
	margin:0px !important;
	padding:0px !important;
}*/
.menu-icon {
	width: 80px ;
	border-radius:5px;
	margin-right:10px;
}

.stat-col{
  
 
	
}
.stat-col h2{
	color:var(--bs-blue-dark) ;
  font-size: 45px;
	font-weight:500 !important;
	
}
.stat-count{
background: #fff;
	border-radius:20px;
	margin-bottom:50px;
	border:0px solid rgba(0,0,0, .2)
	
}
.border-right{
	border-right:1px solid rgba(0,0,0, .2)
}
.ab-img-2 img {
    margin-top: 30px;
  }
.bdr-radius{
	border-radius:20px
}

 .sticky-col {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
	 padding:50px 0px;
	
  }
.key-off{
	background:#fff;
    position:relative;
	padding:30px;
	margin-bottom:20px;
	border-radius:20px;
	
 box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
	
}

.key-off:last-child{
	 border-bottom:none !important;
}
.key-off p{
	position:relative;
	
}
.key-off p span{
	display:none;
	position:absolute;
	content:'';
	font-size:40px;
	left:-3px;
	top:-80px;
	background:#333;
	width:70px;
	height:70px;
	color:#fff;
	
	justify-content:center;
	border-radius:50%;
	
}
.key-off img{
	background-color: #87B83B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2333ACDC'/%3E%3Cstop offset='1' stop-color='%2387B83B'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23175A80' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23175A80' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
	background-position:bottom center;
	border-radius:20px;
	width:100%
}
.key-off-1{
	background:#eee;
    position:relative;
	padding:20px;
	margin-bottom:20px;
	border-radius:20px;
	text-align:center;
	height:100%;	
}
.key-off-1 img{
	width:100px
}
.field-logo{
	border:1px solid #eee
}
.accordion{
	background:transparent !important;
	border-radius:0px !important
}
.accordion-body{
	border-radius:0px !important
}
.accordion-header h4{
	font-weight:bold;
}
.accordion-item{
	background:transparent !important;
	border-left:0px !important; 
	border-right:0px !important; 
	border-top:0px !important; 
}
.key {
  padding: 10px;
  background-color: #f8f9fa;
  margin-bottom: 15px;
  border-radius: 6px;
  font-weight: 500;
  text-align: center;
	height:100%
}
.overlay-container {
  position: relative;
  overflow: hidden;
}

.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  opacity: 0;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.4s ease;
}

.overlay-container:hover .overlay-content {
  opacity: 1;
}

.read-more-link {
  color: #fff;
  text-decoration: underline;
  margin-top: 10px;
  display: inline-block;
} 
.more-link{
	color:#333
}
.rental-col{
	height:100%;
	padding:20px;
	 box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
	border-radius:20px;
	background:rgba(255, 255 ,255, 0.8);
}
.rental-col img{
	width:80px
}
.rental-2-img {
  overflow: hidden;
  border-radius: 20px; 
	background:#ebf3f8;
}

.rental-2-img img {
  transition: transform 0.4s ease;
}

.rental-2:hover .rental-2-img img{
  transform: scale(1.1);
}
.rental-2 h5{
	font-size:16px;
	padding:10px
}
.list-1 li{
	list-style:none;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:500
	
}
.list-1  li span{
	margin-right:20px;
	border:1px solid #333;
	padding:18px 14px 22px ;
	border-radius:50%;
}

.water-col{

	
	border-radius:20px
}

.water-col-img {
  overflow: hidden;
  border-radius: 20px; 
}

.water-col-img img {
  transition: transform 0.4s ease;
}

.water-col:hover .water-col-img img{
  transform: scale(1.1);
}
.water-col p{
	font-size:16px;
	padding:15px
}
.text-small{
	font-size:17px;
}
.value-icon {
  width: 80px;
  vertical-align: middle;
   margin-right: 8px;
	padding:15px;
	background: #fff;
border-radius:20px
}
.list-core{
	list-style: none; 
	padding-left: 0;
}
.list-core li{
	border:1px solid #eee;
	padding:0px 20px 20px 20px;
	margin-bottom:20px;
	border-radius:20px;
	background:#eee;
}
.pro-sr .service-img a{
	color :#333 !important
}
 .pro-sr .service-img {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 0.5rem;
  }
.pro-sr  .zoom-img {
    width: 100%;
    transition: transform 0.4s ease;
    display: block;
  }
 .pro-sr .zoom-img:hover {
    transform: scale(1.1);
  }
.pro-sr a{
	color:#333
}
.contact-details{
	border:5px solid #eee;
	padding:30px;
	
	/*height:100%*/
}
.contact-details a{
	color:#333
}
.contact-details a:hover{
	color:#429441;
}

.contact-details p{
	position:relative;
	padding-left:38px
}
.contact-details p img{
	position:absolute;
	content:'';
	left:0px;
	top:5px
}
input[type="submit"] {
    background-color: #18587b;
    color: #ffffff;
    border: none;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border-radius: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

 
  input[type="submit"]:hover {
    background-color:green;
  }
.form-col{
	padding:30px;
	/*background:#f8fbfe*/
}
.certificate {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
  cursor: pointer;
}

.certificate img {
  width: 100%;
  transition: transform 0.5s ease;
}

.certificate:hover img {
  transform: scale(1.1);
}

.certificate .overlay-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.certificate::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.certificate:hover::before,
.certificate:hover .overlay-icon {
  opacity: 1;
}
#mega-menu-item-media_image-2 img{
	border-radius:10px
}
.partner-logo img{
	border:1px solid #eee;
	width:100%;
	filter:;
}
.client-slider img{
	width:100%
}
.ctl-wrapper .ctl-horizontal-wrapper .ctl-story .ctl-label-big{
	font-size:25px !important;
	font-weight:bold !important
}
.ctl-wrapper .ctl-horizontal-wrapper .ctl-story .ctl-title :where(a,a:hover){
	font-size:17px !important;
	font-weight:normal !important;
	color:#212529 !important;
	
}
.ctl-wrapper .ctl-horizontal-wrapper .ctl-title{
	text-align:left !important
}

.p-li{
	position:relative;
	padding-left:18px
}
.p-li:before{
	position:absolute;
	content:'';
	height:7px;
	width:7px;
	background:#333;
	left:0;
	top:9px
}
.sticky-img {
    position: sticky;

    top: 150px; 
}
			.ctl-wrapper .ctl-one-sided{
				padding-left: 200px !important;
			}
			.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-end, .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-start{
				left: 197px !important;
			}
			.ctl-before-content{
				display: none !important;
			}
			.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year{
				display: none !important;
			}
			.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.ctl-story-right.odd .ctl-title{
				font-size: 18px !important;
				font-weight: 400 !important;
				background:#fff !important;
				border: 0px solid #ccc;
				color:  #333 !important;
				
			}
			.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.ctl-story-right.even .ctl-title{
				font-size: 18px !important;
				font-weight: 400 !important;
				background:#fff !important;
				border: 0px solid #ccc;
				
				color:  #333 !important;
			}
			.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow{
				display: block;
				background:linear-gradient(to top right,#ccc 52%,transparent 48%) !important;
				box-shadow:none !important
			}


/*two sided*/
.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.odd .ctl-title, {
	font-size: 18px !important;
				font-weight: 400 !important;
				background:#fff !important;
			border:1px solid #eee !important;	
				color:  #333 !important;
	         
}
.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.even .ctl-title, {
	font-size: 18px !important;
				font-weight: 400 !important;
				background:#fff !important;
			border:1px solid #eee !important;	
				color:  #333 !important;
	
}

.ctl-wrapper .cool-timeline-wrapper:not(.ctl-clean-skin) .ctl-content{
border:1px solid #ccc !important;	
}
@media only screen and (max-width: 767px) {
    .ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided {
        padding-left: 0px !important;
    }
}
.top-nav a:hover{
	color:#429441;
}
@media  (max-width :720px){
	.top-nav{
		display:none;
	}
}
@media  (max-width :991px){
	.menu-icon{
		display:none;
	}
	.menu-qt{
		display:none;
	}
}
.social-link a:hover{
	color:#429441;
}
@media (max-width: 410px){
	.mySwiper .slide-text h2{
		font-size:2rem !important;
	}
	.navbar-toggler{
		padding:0px 5px !important
	}
	.navbar-brand {
		width:70%
	}
	#mainNavbar .navbar-brand img{
		height:auto !important;
		width:100% !important
	}
}
@media (max-width: 437px){
	.navbar-toggler{
		padding:0px 5px !important
	}
	.navbar-brand {
		width:70%
	}
	#mainNavbar .navbar-brand img{
		height:auto !important;
		width:100% !important
	}
}
 @media (min-width: 992px){
	 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	
	 border-radius:8px;
	 background:#fcfcfc !important;
	 font-weight:500!important
}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
		 padding:5px 5px 5px 15px !important
	 }
	 
}
@media (max-width: 991px){
	#mega-menu-item-custom_html-2{
		display:none !important
	}
	#mega-menu-item-custom_html-3{
		display:none !important
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
		padding:0px !important
	}
	
}
.copy-right a::before{
	display:none !important
}