/*-----------------------------------------------------------------------------------
		CSS INDEX
		===================
		01. Common
		02. Header
		03. Hero
		04. Footer
	-----------------------------------------------------------------------------------*/
		/*===========================
		1. COMMON CSS 
	===========================*/

	@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
	:root {
	   --h1size: 50px;
	   --h2size: 34px;
	   --h3size: 24px;
	   --h4size: 20px;
	   --h5size: 18px;
	   --h6size: 16px;
	   --bodysize: 16px;
	   --mdtext: 14px;
	   --smtext: 12px;
	   --h1height: 58px;
	   --h2height: 48px;
	   --h3height: 32px;
	   --h4height: 28px;
	   --h5height: 26px;
	   --h6height: 26px;
	   --bodyheight: 26px;
	   --font-family: 'Rubik', sans-serif;
	   --body: #344054;
	   --text: #667085;
	   --white: #ffffff;
	   --black: #000;
	   --border: #e8e8e8;
	   --primary: #0163A8;
	   --secondary: #5FA845;
	   --success: #198754;
	   --danger: #ff3838;
	   --warning: #ffab10;
	}

	html {
	   font-size: 100%;
	   scroll-behavior: smooth
	}

	body {
	   margin: 0;
	   padding: 0;
	   font-family: var(--font-family);
	   background-color: #ffffff;
	   color: var(--body);
	   font-size: var(--bodysize);
	   font-weight: 400;
	   line-height: var(--bodyheight);
	   overflow-x: hidden;
	}

	img {
	   vertical-align: middle;
	}

	a {
	   color: var(--primary);
	   text-decoration: none;
	   display: inline-block;
	}

	p {
	   color: var(--text);
	   line-height: 24px;
	   font-size: 16px;
	}

	a:hover {
	   text-decoration: none;
	   color: var(--primary);
	}

	label {
	   display: inline-block;
	   margin-bottom: 5px !important;
	}

	.form-control:focus {
	   outline: 0;
	   box-shadow: none;
	}

	ul,
	ol {
	   padding: 0px;
	   list-style: none;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ol,
	ul,
	li,
	span,
	label {
	   margin-bottom: 0px;
	}

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
	   font-weight: 600;
	   color: var(--body);
	}

	h1,
	.h1 {
	   font-size: var(--h1size);
	   line-height: var(--h1height);
	}

	h2,
	.h2 {
	   font-size: var(--h2size);
	   line-height: var(--h2height);
	   letter-spacing: -0.3px;
	   text-transform: capitalize;
	}

	h3,
	.h3 {
	   font-size: var(--h3size);
	   line-height: var(--h3height);
	}

	h4,
	.h4 {
	   font-size: var(--h4size);
	   line-height: var(--h4height);
	}

	h5,
	.h5 {
	   font-size: var(--h5size);
	   line-height: var(--h5height);
	}

	h6,
	.h6 {
	   font-size: var(--h6size);
	   line-height: var(--h6height);
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
	   font-size: var(--bodysize);
	   color: #667085 !important;
	   text-transform: capitalize;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
	   font-size: var(--bodysize);
	   color: #667085 !important;
	   text-transform: capitalize;
	}

	input::-ms-input-placeholder,
	textarea::-ms-input-placeholder {
	   font-size: var(--bodysize);
	   color: #667085 !important;
	   text-transform: capitalize;
	}

	input::placeholder,
	textarea::placeholder {
	   font-size: var(--bodysize);
	   color: #667085 !important;
	   text-transform: capitalize;
	}

	input:focus-visible {
	   outline: 0;
	}

	.accordion-button:focus {
	   outline: 0;
	   box-shadow: none;
	}
	/* Button Styles */

	.btn-style-one {
	   border-radius: 5px;
	   border: 2px solid var(--secondary);
	   padding: 10px 16px;
	   color: var(--body);
	   position: relative;
	   background: transparent;
	   transition: all .3s ease .001s;
	   -moz-transition: all .3s ease .001s;
	   -webkit-transition: all .3s ease .001s;
	   -ms-transition: all .3s ease .001s;
	}
	/* .btn-style-one:after {
	   position: absolute;
	   left: 50%;
	   top: 50%;
	   content: "";
	   height: 16px;
	   width: 16px;
	   background: var(--white);
	   z-index: -1;
	   border-radius: 50%;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-name: move-bg;
	   animation-name: move-bg;
	   margin-left: -8px;
	   margin-top: -8px;
	   border: 2px solid var(--primary);
	   transition: all 0.35s ease-in-out;
	} */

	.btn-style-one:hover {
	   border-radius: 5px;
	   border: 2px solid var(--secondary);
	   padding: 10px 16px;
	   color: #fff;
	   background: linear-gradient(180deg, #6FC74F 0%, #238600 100%);
	}

	.btn-style-one i {
	   -webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	   -ms-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	   transform: rotate(-45deg);
	}
	/* Font-weight */

	.fw-400 {
	   font-weight: 400;
	}

	.fw-500 {
	   font-weight: 500;
	}

	.fw-600 {
	   font-weight: 600;
	}

	.fw-700 {
	   font-weight: 700;
	}

	.fw-800 {
	   font-weight: 800;
	}

	.btn-primary {
	   color: #fff !important;
	   background-color: var(--primary);
	   border-color: var(--primary);
	}

	.btn-primary:hover {
	   color: #fff !important;
	   background-color: var(--primary);
	   border-color: var(--primary);
	}

	.btn-primary-soft {
	   color: #e62e05;
	   background-color: rgb(230 46 5 / 10%);
	}

	.btn-primary-soft:hover {
	   color: var(--white);
	   background-color: var(--primary);
	}

	.text-primary {
	   color: var(--primary) !important;
	}

	.dropdown-item.active,
	.dropdown-item:active {
	   color: var(--white) !important;
	   text-decoration: none;
	   background-color: var(--primary);
	}
	/*===========================
	2. HEADER CSS 
	===========================*/

	.header .menu_end {
	   display: -webkit-box;
	   display: -moz-box;
	   display: -ms-flexbox;
	   display: -webkit-flex;
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	}

	.header .menu_end .menu_btn {
	   margin-left: 18px;
	}

	.header .cart_btn {
	   position: relative;
	}

	.header .cart_btn .cart_count {
	   position: absolute;
	   top: -8px;
	   background-color: #212529;
	   width: 20px;
	   height: 20px;
	   border-radius: 50%;
	   font-size: var(--smtext);
	   line-height: 20px;
	}

	.header nav.navbar {
	   background-color: var(--white);
	}

	.header nav.navbar .dropdown-toggle::after {
	   display: inline-block;
	   content: "\f078";
	   border: 0;
	   font-family: "FontAwesome";
	   font-size: var(--smtext);
	   vertical-align: 0px;
	   margin-left: 7px;
	}

	.header .navbar-nav .nav-link {
	   font-size: 18px;
	   font-weight: 400;
	   color: var(--body);
	   padding: 0px 15px;
	   position: relative;
	}

	.header .navbar-nav .dropdown-menu .dropdown-item {
	   font-size: 15px;
	   font-weight: 400;
	   color: var(--body);
	   padding: 7px 15px;
	}
	/* .header .navbar-nav .dropdown-menu.show {
	   display: block;
	   border: 0;
	   -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
	   box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
	   margin-top: 9px;
	} */

	.Menu_Offcanvas .offcanvas-header {
	   background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
	}

	.Menu_Offcanvas .offcanvas-body {
	   padding: 39px;
	}

	.offcanvas.Menu_Offcanvas {
	   border-left: 0px;
	   z-index: 1999;
	}

	.Menu_Offcanvas .offcanvas-body .company_block {
	   margin: 18px 0px 38px;
	}

	.Menu_Offcanvas .offcanvas-header .btn-close {
	   background-color: #fff;
	   opacity: 1;
	   border-radius: 50px;
	}

	.Menu_Offcanvas .btn-close {
	   background: transparent url(../img/icons/close.svg) center/12px auto no-repeat;
	}

	@media all and (min-width: 992px) {
	   .navbar .nav-item .dropdown-menu {
		   display: block;
		   opacity: 0;
		   visibility: hidden;
		   transition: .7s;
		   margin-top: 0;
		   border: 0;
		   overflow: hidden;
	   }
	   .navbar .dropdown-menu.fade-down {
		   top: 80%;
		   transform: rotateX(-75deg);
		   transform-origin: 0% 0%;
	   }
	   .navbar .dropdown-menu.fade-up {
		   top: 100%;
	   }
	   .navbar .nav-item:hover .dropdown-menu {
		   transition: .7s;
		   opacity: 1;
		   visibility: visible;
		   top: 100%;
		   transform: rotateX(0deg);
		   border: 0;
		   -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
		   box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
		   margin-top: 11px;
		   padding: 0;
	   }
	}

	.navbar-toggler:focus {
	   box-shadow: none;
	}
	/* .navbar-toggler.collapsed .navbar-toggler-icon {
	   background-image: url(../img/close.svg);
	} */

	.navbar-toggler .navbar-toggler-icon {
	   background-image: var(--bs-navbar-toggler-icon-bg);
	}

	.search_popup {
	   position: fixed;
	   top: 0;
	   left: 0;
	   background: #ffffff;
	   height: 100%;
	   width: 100%;
	   z-index: 9999;
	   padding: 100px 0;
	   display: none;
	}

	.search_wrap {
	   position: absolute;
	   left: 0;
	   right: 0;
	   top: 50%;
	   transform: translateY(-50%);
	   z-index: 1;
	}

	.search_wrap .title {
	   font-size: 47px;
	   margin: 0 0 70px 0;
	   font-weight: 700;
	}

	.search_form {
	   position: relative;
	}

	.search_form input {
	   width: 100%;
	   border: none;
	   border-bottom: 1px solid var(--primary);
	   padding: 10px 50px 20px;
	   text-align: center;
	   font-weight: 500;
	   font-size: 30px;
	   background-color: #f7f7f7;
	   color: var(--body);
	}

	.search_form input::placeholder {
	   font-size: 30px;
	   color: var(--body);
	   opacity: .5;
	}

	.search_btn {
	   position: absolute;
	   right: 20px;
	   background: transparent;
	   border: 0;
	   font-size: 25px;
	   color: var(--primary);
	   top: 50%;
	   transform: translateY(-50%);
	}

	.search_close {
	   position: absolute;
	   top: 5%;
	   right: 5%;
	   font-size: 30px;
	   color: var(--primary);
	   cursor: pointer;
	}

	.header_search i {
	   font-size: 20px;
	}

	.side_menu span {
	   position: absolute;
	   right: 0;
	   top: 0;
	   content: "";
	   height: 2px;
	   width: 25px;
	   background: #232323;
	   transition: all 0.35s ease-in-out;
	}

	.side_menu span:nth-child(2) {
	   top: 8px;
	   width: 35px;
	}

	.side_menu span:nth-child(3) {
	   top: 16px;
	   width: 15px;
	}

	.side_menu a:hover span {
	   width: 30px;
	}

	.side_menu a:hover span:nth-child(2) {
	   width: 35px;
	}

	.side_menu a:hover span:nth-child(3) {
	   width: 40px;
	}

	.side_menu a {
	   position: relative;
	   padding: 9px 20px !important;
	   display: block;
	}

	.side_menu {
	   margin-left: 20px;
	   display: flex;
	   align-items: center;
	}
	/*===========================
	3. Home Page CSS 
	===========================*/

	.banner {
	   background-image: url(../img/banner/banner_01.jpg);
	   background-size: cover;
	   background-repeat: no-repeat;
	   width: 100%;
	   padding: 188px 0 218px;
	   background-position: center;
	   position: relative;
	   overflow: hidden;
	}

	.banner:after {
	   content: '';
	   position: absolute;
	   bottom: -29px;
	   right: -15px;
	   background-image: url(../img/shapes/wave_lines.svg);
	   background-repeat: no-repeat;
	   background-position: bottom right;
	   width: 100%;
	   height: 100%;
	   z-index: 11;
	}

	.banner_style_one:before {
	   content: '';
	   position: absolute;
	   bottom: -33%;
	   left: 0;
	   border: 3px dashed var(--white);
	   width: 86px;
	   height: 86px;
	   border-radius: 50%;
	   animation-name: spin;
	   animation-duration: 5000ms;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	}

	.banner_style_one h1:before {
	   content: '';
	   position: absolute;
	   top: -18%;
	   right: 0;
	   border: 3px dashed var(--white);
	   width: 86px;
	   height: 86px;
	   border-radius: 50%;
	   animation-name: spin;
	   animation-duration: 5000ms;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	}

	.banner_style_one h1:after {
	   position: absolute;
	   left: 0;
	   content: "";
	   width: 500px;
	   height: 500px;
	   background: linear-gradient(180deg, rgba(51, 155, 214, 0.67) 20%, rgba(0, 99, 168, 0.67) 100%);
	   z-index: -1;
	   transform: translateY(-50%);
	   border-radius: 50%;
	   top: 50%;
	}

	.banner .sldtext {
	   font-size: 80px;
	   font-style: normal;
	   font-weight: 500;
	   color: var(--white);
	   line-height: 109px;
	}

	.banner .sldtext strong {
	   font-size: 112px;
	   font-style: normal;
	   font-weight: 700;
	   color: var(--white);
	}

	.banner p {
	   font-size: 25px;
	   font-style: normal;
	   font-weight: 300;
	   color: var(--white);
	   margin-top: 16px;
	   line-height: 34px;
	}

	.banner_style_one {
	   z-index: 199;
	   position: relative;
	   padding-left: 9%;
	}

	.banner_shape {
	   z-index: 199;
	   position: relative;
	}

	.banner_overlay {
	   position: absolute;
	   top: 0;
	   background-color: rgb(0 0 0 / 45%);
	   width: 100%;
	   height: 100%;
	   left: 0;
	}

	.about {
	   padding: 130px 0px 78px;
	   background-color: #F4FCFF;
	}

	.about_thumb {
	   position: relative;
	}

	.about_thumb:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/blue_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   width: 100%;
	   height: 100%;
	   left: 0;
	   top: 74px;
	   /* z-index: -11; */
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}

	.about_thumb .gptw_certification {
	   position: absolute;
	   right: 12px;
	   top: -52px;
	   animation-name: spin;
	   animation-duration: 15s;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	   z-index: 11;
	}

	.about_content .sub-title {
	   background: linear-gradient(180deg, #087ED0 19.35%, #05B6FB 77.42%);
	   background-clip: text;
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: transparent;
	   font-size: 24px;
	   font-weight: 500;
	   text-transform: uppercase;
	}

	.about_content .title {
	   /* font-size: 48px; */
	   font-size: 39px;
	   font-style: normal;
	   font-weight: 300;
	   margin: 22px 0px;
	   line-height: var(--h2height);
	   letter-spacing: -0.3px;
	   text-transform: capitalize;
	}

	.about_content .title strong {
	   font-weight: 500;
	}

	.about_content {
	   padding-left: 39px;
	}

	.about_content p {
	   color: var(--text);
	   font-size: 16px;
	   font-weight: 400;
	   line-height: 22px;
	   margin-bottom: 22px;
	}

	.about_img_wrap {
	   position: relative;
	}

	.about_img_wrap:before {
	   position: absolute;
	   right: 35px;
	   height: 45%;
	   content: "";
	   width: 20px;
	   background: #0FA3DD;
	   bottom: 0;
	}

	.about_img_wrap:after {
	   position: absolute;
	   right: 0;
	   bottom: 0;
	   height: 31%;
	   width: 20px;
	   background: #0163A8;
	   content: "";
	}

	.about_stats ul {
	   display: flex;
	   justify-content: space-between;
	   text-align: center;
	}

	.about_stats li h2 {
	   text-shadow: none;
	   letter-spacing: 2.5px;
	   font-size: 46px;
	   font-weight: 600;
	   position: relative;
	   color: transparent;
	   -webkit-text-stroke: 1px #344054;
	   z-index: 199;
	}

	.about_stats li h2:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/blue_background_dot.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   width: 100%;
	   height: 100%;
	   top: -10px;
	   left: 0;
	   background-size: contain;
	   z-index: -1;
	   opacity: 1;
	}

	.about_stats {
	   margin-bottom: 50px;
	}

	.about_stats ul li p {
	   font-size: 20px;
	   color: var(--primary);
	   margin-top: 10px;
	}

	.industries {
	   padding: 94px 0px 101px;
	   position: relative;
	}

	.industries_grid {
	   position: relative;
	}

	.industries_grid:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/green_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: bottom right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   bottom: -56px;
	   right: 6em;
	   z-index: -11;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}

	.industries:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: bottom left;
	   background-size: 74%;
	   width: 100%;
	   height: 100%;
	   bottom: -13px;
	   left: 0;
	   z-index: -11;
	}

	.industries:after {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 0;
	   z-index: -11;
	}

	.solution_item {
	   position: relative;
	   margin-bottom: 30px;
	   width: 332px;
	}

	.expertise_slider .solution_item .solution_thumb img {
	   width: 100%;
	   height: 368px;
	   object-fit: cover;
	}

	.solution_thumb {
	   position: relative;
	   border-radius: 8px;
	   border: 2px solid var(--white);
	   box-shadow: rgb(206, 210, 221) 0px 10px 30px;
	   overflow: hidden;
	   z-index: 1;
	}

	.expertise_slider .solution_item .solution_thumb {
	   min-height: 368px;
	}

	.solution_content .title a {
	   color: var(--white);
	}

	.solution_thumb::before {
	   content: "";
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   background: linear-gradient(180deg, rgba(21, 112, 239, 0.00) 42.36%, rgba(1, 99, 168, 0.80) 100%), #d3d3d300 -97.702px 0px / 182.821% 100% no-repeat;
	}

	.solution_thumb::after {
	   content: "";
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   background: linear-gradient(180deg, rgba(1, 99, 168, 0.80) 42.36%, #0163A8 100%), #d3d3d300 -97.702px 0px / 182.821% 100% no-repeat;
	   transition: .3s linear;
	   opacity: 0;
	}

	.solution_item:hover .solution_thumb::after {
	   opacity: 1;
	}

	.solution_thumb img {
	   width: 100%;
	   object-fit: cover;
	   height: 367px;
	}

	.solution_thumb .item_shape {
	   position: absolute;
	   right: 0;
	   top: 0;
	   margin-top: -50px;
	   transition: .3s linear;
	   opacity: 0;
	}

	.solution_item:hover .solution_thumb .item_shape {
	   margin-top: 0;
	   opacity: 1;
	}

	.solution_content {
	   position: absolute;
	   left: 30px;
	   right: 16px;
	   bottom: 25px;
	   z-index: 2;
	}

	.solution_content .icon {
	   width: 55px;
	   height: 55px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   font-size: 36px;
	   line-height: 0;
	   background: rgb(255 255 255 / 20%);
	   border-radius: 8px;
	   color: var(--white);
	   margin-bottom: 15px;
	   transition: .3s linear;
	}

	.solution_content .icon img {
	   width: 36px;
	   height: 36px;
	}

	.solution_item:hover .solution_content .icon {
	   background: var(--primary);
	}

	.solution_content .title {
	   margin-bottom: 10px;
	   font-size: 22px;
	   color: var(--white);
	   line-height: 32px;
	   font-weight: 500;
	   word-break: break-word;
	}

	.solution_content p {
	   margin-bottom: 5px;
	   color: #e6eeff;
	   display: none;
	}

	.service_bob_card {
	   background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
	   padding: 40px 46px;
	   border-radius: 20px;
	   /* min-height: 306px; */
	   position: relative;
	   overflow: hidden;
	   z-index: 199;
	}

	.service_bob_card:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/services_shape.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 18%;
	   z-index: -11;
	}

	.service_bob_card h3 {
	   color: #fff;
	   font-size: 24px;
	   font-weight: 500;
	   text-transform: uppercase;
	}

	.service_bob_card h4 {
	   font-size: 28px;
	   color: #fff;
	   font-weight: 300;
	   margin: 48px 0;
	   line-height: 35px;
	}

	.services {
	   background-color: #F4FCFF;
	   padding: 128px 0;
	   position: relative;
	   z-index: 199;
	}

	.services:before {
	content: '';
	position: absolute;
	background-image: url(../img/shapes/blue_dots_shape_02.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto;
	width: 150px;
	height: 100%;
	top: 72px;
	left: 82px;
	z-index: -11;
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	}
	/* .services:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/green_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 87px;
	   z-index: -11;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	} */

	.service_style_one h4 a {
	   color: var(--body);
	}

	.service_style_one {
	   padding: 52px 26px;
	   border-radius: 10px;
	   background: var(--white);
	   position: relative;
	   z-index: 1;
	   border: 1px solid rgba(255, 255, 255, 0.1);
	   min-height: 304px;
	   box-shadow: 0px 0px 16px 0px rgba(1, 99, 168, 0.20);
	}

	.service_style_one img {
	   height: 70px;
	   margin-bottom: 30px;
	   transition: all 0.35s ease-in-out;
	}

	.service_style_one:hover .icon img {
	   height: 60px;
	   transform: translateY(-20px);
	}

	.service_style_one p {
	   transition: all 0.35s ease-in-out;
	}

	.service_style_one:hover p {
	   transform: translateY(-25px);
	}

	.service_style_one h4 {
	   margin: 0;
	   margin-top: 24px;
	   transition: all 0.35s ease-in-out;
	}

	.service_style_one:hover h4 {
	   transform: translateY(-30px);
	}

	.service_style_one span {
	   text-transform: uppercase;
	   font-weight: 700;
	   font-size: 13px;
	   display: block;
	   margin-top: 7px;
	   transition: all 0.35s ease-in-out;
	}

	.service_style_one:hover span {
	   transform: translateY(-30px);
	}

	.service_style_one a.icon-btn {
	   display: inline-block;
	   height: 36px;
	   width: 36px;
	   line-height: 36px;
	   text-align: center;
	   color: var(--white);
	   background: linear-gradient(180deg, #0A6AA8 0%, #0FA2DD 100%);
	   border-radius: 50%;
	   position: absolute;
	   bottom: 5px;
	   opacity: 0;
	   visibility: hidden;
	   transition: all 0.35s ease-in-out;
	}

	.service_style_one a.icon-btn i {
	   -webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	   -ms-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	   transform: rotate(-45deg);
	}

	.service_style_one:hover a.icon-btn {
	   bottom: 35px;
	   opacity: 1;
	   visibility: visible;
	}

	.case_study_lg {
	   background-image: url(../img/blog/blog_01.jpg);
	   background-repeat: no-repeat;
	   background-position: center center;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   padding: 34px;
	   border-radius: 8px;
	   position: relative;
	   z-index: 1999;
	   overflow: hidden;
	   margin-left: 38px;
	}

	.case_study_lg .overlay {
	   position: absolute;
	   top: 0;
	   background: rgba(1, 99, 168, 0.35);
	   width: 100%;
	   height: 100%;
	   left: 0;
	   backdrop-filter: blur(2px);
	   z-index: -11;
	}

	.case_study_lg .casestudy {
	   color: #fff;
	   font-size: 22px;
	   font-weight: 400;
	   letter-spacing: 2.86px;
	}

	.about_stats li h5 {
	   text-shadow: none;
	   letter-spacing: 2.5px;
	   font-size: 46px;
	   font-weight: 600;
	   position: relative;
	   color: transparent;
	   -webkit-text-stroke: 1px #344054;
	   z-index: 199;
	}

	.about_stats li h5:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/blue_background_dot.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   width: 100%;
	   height: 100%;
	   top: -10px;
	   left: 0;
	   background-size: contain;
	   z-index: -1;
	   opacity: 1;
	}

	.case_study_lg h3 {
	   color: #fff;
	   margin-top: 56px;
	   margin-bottom: 18px;
	   font-size: 29px;
	   font-weight: 600;
	}

	.case_study_lg p {
	   color: #D0D5DD;
	   /* margin-top: 56px; */
	   margin-bottom: 56px;
	   font-size: 16px;
	}

	.case_study_content {
	   width: 353px;
	}

	.case_study {
	   padding: 138px 0px 118px;
	   position: relative;
	}

	.case_study:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_03.svg);
	   background-repeat: no-repeat;
	   background-position: center left;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: 0;
	   z-index: -11;
	}

	.case_study:after {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_04.svg);
	   background-repeat: no-repeat;
	   background-position: bottom right;
	   background-size: 42%;
	   width: 100%;
	   height: 100%;
	   bottom: -13px;
	   right: 0;
	   z-index: -11;
	}

	.case_study_grid {
	   position: relative;
	   z-index: 199;
	}

	.case_study_grid:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/blue_dots_shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: -60px;
	   right: -108px;
	   z-index: -19;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}

	span.circle_shape {
	   content: '';
	   position: absolute;
	   bottom: 32px;
	   right: 50%;
	   left: auto;
	   border: 2px dashed var(--secondary);
	   width: 86px;
	   height: 86px;
	   border-radius: 50%;
	   animation-name: spin;
	   animation-duration: 5000ms;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	   z-index: 9999999;
	}

	.site-footer {
	   background-color: var(--primary);
	   position: relative;
	   z-index: 1;
	}

	.site-footer .footer-overlay-right {
	   background-color: transparent;
	   background-repeat: no-repeat;
	   background-position: top right;
	   opacity: 0.05;
	   top: 0;
	   right: 0;
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   z-index: -1;
	}

	.site-footer .footer-overlay-left {
	   background-color: transparent;
	   background-repeat: no-repeat;
	   background-position: top right;
	   opacity: 0.05;
	   bottom: 0;
	   right: 0;
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   z-index: -1;
	   -moz-transform: scale(-1, -1);
	   -o-transform: scale(-1, -1);
	   -webkit-transform: scale(-1, -1);
	   transform: scale(-1, -1);
	}

	.bottom-footer .footer_list li {
	   display: inline-block;
	   margin-left: 18px;
	}

	.bottom-footer .footer_list li a {
	   color: #fff;
	   font-weight: 400;
	   font-size: 14px;
	   text-transform: uppercase;
	}

	.site-footer .top-footer {
	   padding-top: 62px;
	}

	.footer_title_widget {
	   margin-bottom: 20px;
	}

	.site-footer .top-footer .img-textwidget {
	   margin-bottom: 10px;
	}

	.footer-primary .widget {
	   margin-bottom: 0;
	   color: #D9D9D9;
	}

	.site-footer .footer-logo {
	   margin-bottom: 20px;
	}

	.widget a {
	   display: block;
	}

	.site-footer .top-footer .textwidget {
	   font-size: 15px;
	}

	.site-footer .footer-social-links {
	   margin-top: 20px;
	}

	.site-footer .footer-social-links ul {
	   list-style-type: none;
	   margin: 0;
	   padding: 0;
	}

	.site-footer .footer-social-links ul li:first-child {
	   margin-left: 0;
	}

	.site-footer .footer-social-links ul li {
	   margin: 0 5px;
	   display: inline-block;
	}

	.site-footer .footer-social-links ul li a {
	   background-color: #fff;
	   color: var(--primary);
	   border-radius: 100%;
	   width: 36px;
	   height: 36px;
	   line-height: 36px;
	   text-align: center;
	   display: block;
	   font-size: 15px;
	   -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	   -o-transition: all 0.3s;
	   transition: all 0.3s;
	}

	.footer-primary .widget p {
	   font-size: 15px;
	   margin-bottom: 15px;
	   color: #ffffff;
	}

	.footer-primary .widget .widget-title {
	   color: var(--white);
	   font-size: 22px;
	   font-weight: 500;
	   line-height: 1.1;
	   margin-bottom: 20px;
	}

	.widget ul {
	   margin: 0;
	   padding: 0;
	}

	.widget ul li {
	   list-style: none;
	}

	.footer-primary .widget ul li a {
	   color: #ffffff;
	   font-size: 16px;
	   line-height: 32px;
	}

	.widget.widget_text ul li {
	   margin-bottom: 10px;
	   padding-left: 38px;
	   position: relative;
	}

	.widget.widget_text ul li i {
	   color: var(--secondary);
	   position: absolute;
	   left: 0;
	   top: 4px;
	   background-color: #fff;
	   border-radius: 50px;
	   width: 28px;
	   height: 28px;
	   text-align: center;
	   line-height: 28px;
	   font-size: 13px;
	}

	.site-footer .bottom-footer {
	   margin-top: 40px;
	   background-color: #000000;
	   padding: 10px 0;
	}

	.site-footer .copy-right {
	   border-top: 1px solid rgba(255, 255, 255, 0.06);
	   /* padding: 10px 0; */
	   color: #ffffff;
	   font-weight: 400;
	   font-size: 14px;
	}

	.footer-logo img {
	   width: 202px;
	   background-color: #fff;
	   padding: 6px 9px;
	}

	.subscribe_footer_form input.form-control {
	   height: 46px;
	   position: relative;
	   background-color: #f3f3f3;
	}

	.subscribe_v1 {
	   position: relative;
	   display: flex;
	   background-color: #f3f3f3;
	   padding: 6px 7px;
	   border-radius: 0.375rem;
	}

	.subscribe_footer_form input {
	   height: 34px;
	   position: relative;
	   border: 0;
	   padding: 0px 0px 0px 9px;
	}

	.contact_footer_img {
	   background-color: #fff;
	   width: 40px;
	   height: 40px;
	   text-align: center;
	   line-height: 40px;
	   border-radius: 50px;
	   margin-right: 12px;
	}

	.contact_footer h5 {
	   color: #fff;
	   font-weight: 500;
	   font-size: 18px;
	}

	.contact_footer a {
	   color: #fff;
	}
	/*===========================
	4. Internal Page - Agriculture Industries CSS 
	===========================*/
	/* .banner_style_two {
	   position: relative;
	} */

	.banner_style_two:before {
	   content: '';
	   position: absolute;
	   bottom: 68px;
	   right: 48px;
	   border: 3px dashed var(--white);
	   width: 86px;
	   height: 86px;
	   border-radius: 50%;
	   animation-name: spin;
	   animation-duration: 5000ms;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	}

	.banner_content_two h1 {
	   font-size: 60px;
	   letter-spacing: 1.6px;
	   font-weight: 600;
	   /* width: 50%; */
	   text-align: center;
	   /* margin: 0 auto; */
	   line-height: 62px;
	   color: var(--white);
	}

	.banner_content_two h1 span {
	   font-size: 40px;
	   letter-spacing: 36px;
	   font-weight: 500;
	}

	.banner.banner_two::after,
	.banner_style_three .banner_style_one h1:before,
	.banner_style_three .banner_style_one:before,
	.banner_style_three:after {
	   display: none;
	}

	.banner_content_two p {
	   font-size: 22px;
	   font-style: normal;
	   font-weight: 400;
	   line-height: 30px;
	   letter-spacing: 0.44px;
	}

	.banner_content_two {
	   width: 696px;
	   text-align: center;
	   /* border-top-left-radius: 50%; */
	   /* border-top-right-radius: 50%; */
	   margin: 0 auto;
	   position: absolute;
	   left: 0;
	   right: 0;
	   top: 66%;
	}

	.banner_block p {
	   margin: 0px 0px 22px;
	}

	.banner_block p:last-child {
	   margin: 0px;
	}
	/* .banner.banner_two:after {
	   display: none;
	} */

	.banner.banner_two {
	   overflow: unset;
	   padding: 300px 0 300px;
	   position: relative;
	   z-index: 199;
	}

	.banner_block {
	   margin-top: 72px;
	}
	/* .banner_style_two {
	   position: relative;
	}
	*/

	.banner_style_two:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/semicircle.svg);
	   width: 696px;
	   height: 275px;
	   left: 0;
	   text-align: center;
	   border-top-left-radius: 50%;
	   border-top-right-radius: 50%;
	   bottom: 0;
	   right: 0;
	   margin: 0 auto;
	   background-position: bottom center;
	   z-index: -11;
	   background-repeat: no-repeat;
	   background-size: contain;
	}

	.title_v2 h2 {
	   background: linear-gradient(180deg, #087ED0 19.35%, #05B6FB 77.42%);
	   background-clip: text;
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: transparent;
	   text-transform: uppercase;
	   font-size: 24px;
	   font-weight: 500;
	}

	.title_v2 p {
	   font-size: 16px;
	   font-weight: 400;
	   line-height: 22px;
	}

	.title_v2 {
	   position: relative;
	}

	.bar.bar-big {
	   height: 5px;
	   width: 90px;
	   background: #0FA3DD4D;
	   margin: 19px 0px 0px;
	   position: relative;
	   border-radius: 30px;
	   display: none;
	}

	.bar.bar-big:before {
	   content: '';
	   position: absolute;
	   left: 0;
	   top: -2.7px;
	   height: 10px;
	   width: 10px;
	   border-radius: 50%;
	   background: #0FA3DD;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-name: MOVE-BG;
	   animation-name: MOVE-BG;
	}

	.equipment_v2 .equip_card {
	   width: 380px;
	   height: 238px;
	   align-items: end;
	   justify-content: start;
	   padding: 0px 0px 22px 22px;
	   margin-top: 62px;
	}

	.equipment_v2 .equip_card:before {
	   background: linear-gradient(64deg, #0163A8 10.39%, rgba(1, 99, 168, 0.00) 66.55%);
	}

	.equipment_v2 .equip_card h3 {
	   font-size: 24px;
	}

	.equipment_v2 {
	   padding: 76px 0px 76px;
	   background: linear-gradient(180deg, #DDF1FE 0%, #EEFFE8 100%);
	}

	.equip_card {
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: cover;
	   border-radius: 40px 0px;
	   width: 636px;
	   height: 406px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   position: relative;
	   z-index: 1999;
	   overflow: hidden;
	}

	.equip_card:before {
	   content: '';
	   position: absolute;
	   top: 0;
	   width: 100%;
	   background: linear-gradient(180deg, rgba(1, 99, 168, 0.50) 0%, rgba(10, 10, 10, 0.50) 100%), #d3d3d300 50% / cover no-repeat;
	   height: 100%;
	   left: 0;
	   z-index: -11;
	}

	.equip_card h3 {
	   color: #fff;
	   font-size: 32px;
	   font-weight: 500;
	   line-height: 22px;
	}

	.vertical_nav_one .nav-pills .nav-link {
	   display: block;
	   border-radius: 50%;
	   width: 68px;
	   height: 65px;
	   font-size: 24px;
	   font-weight: 500;
	   line-height: 52px;
	   color: #D0D5DD;
	   margin: 0 auto 4px;
	}

	.vertical_nav_one .nav-pills .nav-link.active {
	   background-color: #0163A8;
	   color: #fff;
	   position: relative;
	   margin-bottom: 19px;
	   /* margin-top: 19px; */
	}

	.vertical_nav_one .nav-pills .nav-link.active:before {
	   content: '';
	   position: absolute;
	   border-right: 2px dashed #0163A8;
	   width: 100%;
	   height: 100%;
	   top: -32px;
	   left: 87px;
	   -webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	   -ms-transform: rotate(90deg);
	   -o-transform: rotate(90deg);
	   transform: rotate(90deg);
	}

	.vertical_nav_one .nav-pills .nav-link.active:after {
	   content: "";
	   position: absolute;
	   left: 50%;
	   top: 50%;
	   width: 100%;
	   height: 100%;
	   border: 5px solid #0163A8;
	   border-radius: 50%;
	   transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	   animation: pulse-border 1500ms ease-out infinite;
	}

	.vertical_nav_one {
	   margin-top: 100px;
	}

	.equipment {
	   padding: 84px 0px 142px;
	   position: relative;
	}

	.equipment:after {
	   position: absolute;
	   content: '';
	   top: 25%;
	   width: 40%;
	   height: 574px;
	   right: 0;
	   border-radius: 70px 0px 0px 70px;
	   background: linear-gradient(180deg, #DDF1FF 0%, #EEFFE8 100%);
	   z-index: -11;
	}

	.equipment:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_03.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: 0;
	   z-index: -11;
	}

	.vertical_nav_one .tab-content .tab-pane {
	   position: relative;
	}

	.blue_squre_shape {
	   position: absolute;
	   background-image: url(../img/shapes/blue_dots_shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: -16%;
	   right: -69%;
	   /* z-index: -19; */
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}

	.industries_services {
	   padding: 40px 0 80px;
	   background-image: url(../img/shapes/wave_02.svg);
	   background-repeat: no-repeat;
	   /* background-position: bottom left; */
	   background-size: cover;
	   width: 100%;
	   height: 100%;
	}

	.service_card_one img {
	   border-radius: 20px;
	   position: relative;
	   width: 92%;
	}

	.service_card_one .service_title {
	   border-radius: 5px;
	   background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%);
	   color: #fff;
	   font-size: 18px;
	   font-weight: 500;
	   padding: 10px;
	   width: 74%;
	   display: flex;
	   justify-content: center;
	   align-items: center;
	   margin: 0 auto;
	   top: -22px;
	   position: relative;
	}

	.service_card_one {
	   text-align: center;
	}
	/* .banner_content_two:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/blue_dots_shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: bottom left;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: 0;
	   z-index: -11;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	} */

	.benefits_style_one {
	   margin-right: -23%;
	   z-index: 1;
	   position: relative;
	   background-repeat: no-repeat;
	   background-position: left bottom;
	   background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
	   padding: 56px 48px;
	   border-radius: 20px;
	   overflow: hidden;
	}

	.benefits_style_one:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/services_shape.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 6%;
	   z-index: -11;
	}

	ul.check_list_item {
	   list-style: none;
	   margin: 0;
	   padding: 0;
	}

	ul.check_list_item li {
	   margin-bottom: 30px;
	   padding-bottom: 8px;
	   position: relative;
	   z-index: 1;
	   padding-left: 75px;
	}

	ul.check_list_item li:last-child {
	   margin-bottom: 0px;
	   padding-bottom: 0px;
	}

	ul.check_list_item li h3 {
	   margin-bottom: 10px;
	   color: #FFF;
	   font-size: 20px;
	   font-weight: 500;
	}

	ul.check_list_item li p {
	   opacity: 0.9;
	   color: #FFF;
	   font-size: 18px;
	   font-weight: 400;
	}

	ul.check_list_item li::after {
	   position: absolute;
	   left: 0;
	   top: 0;
	   content: "\f00c";
	   font-family: "FontAwesome";
	   height: 50px;
	   width: 50px;
	   text-align: center;
	   line-height: 50px;
	   background: #fff;
	   color: var(--primary);
	   border-radius: 50%;
	   font-size: 26px;
	}

	.benefit_img .thumb {
	   background-repeat: no-repeat;
	   background-position: bottom left;
	   background-size: cover;
	   width: 100%;
	   height: 100%;
	   min-height: 500px;
	   position: relative;
	   border-radius: 40px;
	}

	.benefit_img .title_v2 {
	   padding-left: 120px;
	   margin-bottom: 38px;
	}

	.benefits {
	   padding: 118px 0 118px;
	   position: relative;
	   background-image: url(../img/shapes/line_wave_02.svg);
	   background-repeat: no-repeat;
	   background-position: bottom center;
	   background-size: contain;
	   width: 100%;
	   height: 100%;
	}

	.expertise_slider .solution_item {
	   width: 100%;
	}
	/* .benefits:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/services_shape.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 6%;
	   z-index: -11;
	} */

	.slider_nav .swiper-button-next,
	.slider_nav .swiper-button-prev {
	   width: 40px;
	   height: 40px;
	   background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%);
	   border-radius: 50%;
	}

	.banner_slider_nav.slider_nav {
	position: absolute;
	bottom: 9%;
	right: 15%;
	/* left: 0; */
	top: auto;
	margin: 0 auto;
	padding-bottom: 0px;
	/* transform: translate(50%); */
	}

	.slider_nav .swiper-button-next {
	   right: auto;
	   left: 67px;
	}

	.slider_nav .swiper-button-next:after,
	.slider_nav .swiper-button-prev:after {
	   font-size: 22px;
	   color: #fff;
	}

	.slider_nav .swiper-button-next.swiper-button-disabled,
	.slider_nav .swiper-button-prev.swiper-button-disabled {
	   opacity: 1;
	   border: 2px solid var(--primary);
	   background: 0;
	}

	.slider_nav .swiper-button-next.swiper-button-disabled:after,
	.slider_nav .swiper-button-prev.swiper-button-disabled:after {
	   color: var(--primary);
	}

	.expertise {
	   position: relative;
	   padding: 7em 0px 0px;
	   z-index: 1999;
	}

	.expertise:before {
	   position: absolute;
	   content: '';
	   background: linear-gradient(180deg, #DDF1FF 0%, #EEFFE8 100%);
	   width: 100%;
	   height: 368px;
	   top: 0;
	   left: 0;
	   z-index: -11;
	}

	.expertise .swiper-button-next:after {
	   content: "\f061";
	   font-family: "FontAwesome";
	   font-size: 18px;
	}

	.expertise .swiper-button-prev:after {
	   content: "\f060";
	   font-family: "FontAwesome";
	   font-size: 18px;
	}

	.expertise:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/green_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: -18px;
	   z-index: -11;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}
	/*===========================
	5. Internal Page - Automotive Industries CSS 
	===========================*/

	.auto_card ul {
	   list-style: disc;
	   margin: 0px 0px 0px 24px;
	}

	.automotive_expertise {
	   position: relative;
	}

	.auto_card ul li {
	   color: var(--text);
	   line-height: 24px;
	   font-size: 16px;
	}

	.auto_card_img img {
	   border-radius: 40px 0px 40px 0px;
	}

	.auto_card_img {
	   position: relative;
	}

	.auto_card_img:before {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/green_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: -30px;
	   right: -42px;
	   z-index: -19;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}

	.auto_card_img:after {
	   content: '';
	   position: absolute;
	   border-radius: 20px;
	   opacity: 0.5;
	   background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%);
	   bottom: -36px;
	   left: -36px;
	   z-index: 1;
	   width: 201px;
	   height: 230px;
	}

	.shape_two {
	   content: '';
	   position: absolute;
	   right: 0;
	   top: 142px;
	   border: 1px dashed var(--primary);
	   width: 27px;
	   height: 27px;
	   border-radius: 4px;
	   transform: rotate(45deg);
	   left: -95px;
	   margin: 0 auto;
	}

	.odd_auto_card {
	   margin-top: 10em;
	   margin-bottom: 10em;
	}

	.odd_auto_card .auto_card_img:before {
	   right: auto;
	   left: -42px;
	   background-position: top left;
	}

	.odd_auto_card .auto_card_img:after {
	   left: auto;
	   right: -36px;
	}

	.odd_auto_card .auto_card {
	   padding-left: 52px;
	}

	.even_auto_card .auto_card {
	   padding-right: 52px;
	}

	.odd_auto_card .auto_card_img img {
	   border-radius: 0px 40px 0px 40px;
	}

	.even_auto_card {
	   position: relative;
	}

	.even_auto_card:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_03.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: -85px;
	   z-index: -11;
	}

	.odd_auto_card {
	   position: relative;
	}

	.odd_auto_card:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: top right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: -85px;
	   z-index: -11;
	}
	/*===========================
	5. Internal Page - Healthcare Industries CSS 
	===========================*/

	.health_service_card {
	   border-radius: 20px;
	   border: 1px solid #F2F4F7;
	   background: #FFF;
	   padding: 56px 22px;
	   min-height: 344px;
	   transition: all 0.35s ease-in-out;
	}

	.health_service_card img {
	   width: 62px;
	}

	.health_service_card .service_title {
	   font-size: 24px;
	   font-weight: 500;
	   margin: 22px 0px;
	}

	.health_service_card hr.service_line {
	   color: #D9D9D9;
	   border-top: 3px solid;
	   margin: 15px 0px 22px;
	   opacity: 1;
	   transition: all 0.35s ease-in-out;
	}

	.health_service_card:hover {
	   border: 1px solid #EAECF0;
	   box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
	}

	.health_service_card:hover hr.service_line {
	   color: #0163A8;
	   opacity: 1;
	}

	.healthcare_services {
	   padding: 0px 0px 58px;
	   position: relative;
	}
	/*===========================
	6. Internal Page - Contract Manufacturing CSS 
	===========================*/

	.contract_services:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: top left;
	   background-size: contain;
	   width: 100%;
	   height: 100%;
	   bottom: -13px;
	   left: 0;
	   z-index: -11;
	}

	.contract_services span.circle_shape {
	   border: 2px dashed var(--primary);
	   width: 42px;
	   height: 42px;
	}

	.contract_services:after {
	   content: '';
	   position: absolute;
	   background-image: url(../img/shapes/green_dots_shape_01.svg);
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: -18px;
	   z-index: -11;
	   -webkit-animation-name: float-bob-y;
	   animation-name: float-bob-y;
	   -webkit-animation-duration: 3s;
	   animation-duration: 3s;
	   -webkit-animation-iteration-count: infinite;
	   animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   animation-timing-function: linear;
	}
	/*===========================
	7. Internal Page - Manufacturing Engineering CSS 
	===========================*/

	.manufacture_card_img img {
	   border-radius: 0px 40px 0px 40px;
	   width: 600px;
	   height: 424px;
	   object-fit: cover;
	   z-index: 1999;
	   position: relative;
	}

	.even_manufacture_card .manufacture_card {
	   padding-left: 52px;
	}

	.even_manufacture_card {
	   position: relative;
	   padding: 58px 0px 58px;
	   margin: 58px 0px 58px;
	}

	.even_manufacture_card:before {
	   position: absolute;
	   content: '';
	   top: 0;
	   width: 40%;
	   height: 100%;
	   border-radius: 0px 70px 70px 0px;
	   background: linear-gradient(180deg, #DDF1FF 0%, #EEFFE8 100%);
	   z-index: -11;
	   left: 0;
	}

	.odd_manufacture_card {
	   position: relative;
	   padding: 58px 0px 58px;
	   margin: 58px 0px 58px;
	}

	.odd_manufacture_card:before {
	   position: absolute;
	   content: '';
	   top: 0;
	   width: 40%;
	   height: 100%;
	   right: 0;
	   border-radius: 70px 0px 0px 70px;
	   background: linear-gradient(180deg, #DDF1FF 0%, #EEFFE8 100%);
	   z-index: -11;
	}

	.odd_manufacture_card .manufacture_card_img img {
	   border-radius: 40px 0px 40px 0px;
	}

	.odd_manufacture_card .manufacture_card {
	   padding-right: 52px;
	}

	.manufacturing_engineering_cards {
	   position: relative;
	   background-image: url(../img/shapes/wave_lines_bg.svg);
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: contain;
	   width: 100%;
	   height: 100%;
	   /* z-index: -11; */
	}
	/*===========================
	8. Internal Page - Privacy Policy CSS 
	===========================*/

	.card_v1 .card-body {
	   padding: 89px 89px;
	}

	.card_v1 .card {
	   background: #FFF;
	   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
	   border: 0;
	}

	.card_v1 .card p {
	   padding-bottom: 1.5em;
	}

	.card_v1 .card h4 {
	   margin-bottom: 16px;
	}
	/*===========================
	8. Internal Page - About Us CSS 
	===========================*/

	.choose_us {
	   background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
	   padding: 78px 0px;
	}

	.choose_us .title_v2 h2 {
	   background: none;
	   background-clip: text;
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: #fff;
	   color: #fff;
	   font-size: 32px;
	   font-weight: 500;
	   margin-bottom: 15px;
	}

	.choose_us .title_v2 {
	   width: 68%;
	}

	.choose_us_img img {
	   border-radius: 20px;
	}

	.choose_us h3 {
	   font-size: 24px;
	   font-weight: 500;
	   line-height: 32px;
	   margin-top: 42px;
	}

	.choose_us p.subtitle {
	   margin-top: 8px;
	}

	.choose_us_img {
	   position: relative;
	}

	.choose-video-icon .video-icon {
	   left: 50%;
	   position: absolute;
	   top: 50%;
	   -webkit-transform: translateX(-50%) translateY(-50%);
	   -ms-transform: translateX(-50%) translateY(-50%);
	   transform: translateX(-50%) translateY(-50%);
	}

	.choose-video-icon .video-icon a {
	   background: #fff;
	   height: 75px;
	   width: 75px;
	   top: 50%;
	   left: 0;
	   right: 0;
	   margin: auto;
	   text-align: center;
	   border-radius: 50%;
	   line-height: 75px;
	   color: var(--primary);
	   font-size: 26px;
	   position: relative;
	   -webkit-animation: ripple-red 1s linear infinite;
	   animation: ripple-red 1s linear infinite;
	   -webkit-transition: .5s;
	}

	@-webkit-keyframes ripple-red {
	   0% {
		   -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
		   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
	   }
	   100% {
		   -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
		   box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(212, 90, 219, 0)
	   }
	}

	.choose-video-icon .video-icon iframe {
	   left: 50% !important;
	   position: absolute !important;
	   top: 50% !important;
	   -webkit-transform: translateX(-50%) translateY(-50%);
	   -ms-transform: translateX(-50%) translateY(-50%);
	   transform: translateX(-50%) translateY(-50%);
	}

	.choose_us .title_v2 .bar.bar-big,
	.testimonials .title_v2 .bar.bar-big {
	   background: rgba(255, 255, 255, 0.30);
	}

	.choose_us .title_v2 .bar.bar-big:before,
	.testimonials .title_v2 .bar.bar-big:before {
	   background: #fff;
	}

	.team .title_v2,
	.testimonials .title_v2,
	.contact_list .title_v2 {
	   text-align: center;
	   margin: 0 auto 76px;
	   display: flex;
	   justify-content: center;
	}

	.team .title_v2 .bar.bar-big,
	.testimonials .title_v2 .bar.bar-big,
	.contact_list .title_v2 .bar.bar-big {
	   margin: 19px auto 0;
	   text-align: center;
	}

	.testimonials .title_v2 h2 {
	   background: none;
	   background-clip: text;
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: #fff;
	   color: #fff;
	   font-size: 32px;
	   font-weight: 500;
	   margin-bottom: 15px;
	}

	.team {
	   background-image: url(../img/shapes/shape_06.svg);
	   background-size: contain;
	   background-repeat: no-repeat;
	   background-position: center center;
	   width: 100%;
	   height: 100%;
	   padding: 88px 0px;
	}

	.team-style-two .team-member-thumb {
	   border-radius: 100%;
	}

	.team-member-thumb {
	   position: relative;
	}

	.team-member-thumb::before {
	   position: absolute;
	   right: 0;
	   top: 0;
	   height: 100%;
	   background: linear-gradient(180deg, rgba(1, 99, 168, 0.85) 0%, rgba(15, 163, 221, 0.85) 100%), #d3d3d300 50% / cover no-repeat;
	   content: "";
	   -webkit-transition: .5s;
	   -o-transition: .5s;
	   transition: .5s;
	   opacity: 1;
	   -webkit-transition: .3s;
	   -o-transition: .3s;
	   transition: .3s;
	   z-index: 1;
	   width: 100%;
	   opacity: 0;
	   border-radius: 50%;
	}

	.team-member-thumb img {
	   width: 100%;
	   border-radius: 50%;
	}

	.team-style-two .team-member-content {
	   background: transparent;
	   border-bottom: 0;
	   padding: 0;
	   width: 100%;
	   position: absolute;
	   margin-top: 0;
	   border-radius: 0;
	   left: 0;
	   right: 0;
	   top: 45%;
	   opacity: 0;
	   transition: .5s;
	   z-index: 1;
	}

	.team-member-content h2 {
	   color: #fff;
	   transition: .3s;
	   font-size: 20px;
	   margin-bottom: 5px;
	   font-weight: 700;
	}

	.team-style-two .team-member-sub-title {
	   padding-bottom: 15px;
	   text-transform: capitalize;
	}

	.team-member-content h5 {
	   color: #fff;
	   text-transform: uppercase;
	   font-size: 13px;
	   font-weight: 500;
	}

	.team-style-two .social-icon a {
	   color: #fff;
	   background: transparent;
	   text-align: center;
	   margin: 0 5px;
	   display: inline-block;
	   margin-top: 0;
	}

	.team-member-block:hover {
	   transform: translateY(-10px);
	   overflow: hidden;
	}

	.team-member-block:hover {
	   transform: translate3d(0, -6px, 0);
	}

	.team-member-block {
	   transition: .2s;
	}

	.team-member-block:hover .team-member-thumb::before {
	   opacity: 1;
	}

	.team-style-two .team-member-block:hover .team-member-content {
	   opacity: 1;
	   top: 50%;
	   transform: translateY(-50%);
	}

	.testimonials {
	   background-image: url(../img/banner/banner_10.jpg);
	   background-size: cover;
	   background-repeat: no-repeat;
	   background-position: center center;
	   background-attachment: fixed;
	   width: 100%;
	   height: 100%;
	   padding: 88px 0px 88px;
	   position: relative;
	   overflow: hidden;
	   z-index: 199;
	}

	.testimonials .overlay {
	   position: absolute;
	   top: 0;
	   background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), rgba(211, 211, 211, 0) 50% / cover no-repeat;
	   width: 100%;
	   height: 100%;
	   left: 0;
	   z-index: -11;
	}

	.testimonial_card {
	   border-radius: 20px;
	   border: 1px solid #FFF;
	   background: rgba(255, 255, 255, 0.10);
	   padding: 32px;
	}

	.testimonial_card p {
	   color: #FFF;
	   font-size: 16px;
	   font-weight: 400;
	}

	.testimonial_card .profile_img img {
	   border-radius: 50%;
	}

	.profile_desc i {
	   color: #FB9C1B;
	   margin: 0px 4px 0px 0px;
	}

	.profile_desc h4 {
	   color: #FFF;
	   font-size: 18px;
	   font-weight: 500;
	}

	.profile_desc p {
	   color: #FFF;
	   font-size: 14px;
	   font-weight: 300;
	}

	.profile_img {
	   margin-right: 19px;
	}

	.testimonial_card p span {
	   font-size: 45px;
	   font-weight: 500;
	}

	.milestones {
	   position: relative;
	   padding: 82px 0px 82px;
	}

	.milestones .about_stats li h5 {
	   color: transparent;
	}

	.milestones:before {
	   position: absolute;
	   content: '';
	   background: linear-gradient(180deg, rgba(51, 155, 214, 0.67) 20%, rgba(0, 99, 168, 0.67) 100%);
	   width: 152px;
	   height: 152px;
	   border-radius: 50%;
	   top: -48px;
	   left: -48px;
	}

	.milestones:after {
	   position: absolute;
	   content: '';
	   background: linear-gradient(180deg, rgba(51, 155, 214, 0.67) 20%, rgba(0, 99, 168, 0.67) 100%);
	   width: 152px;
	   height: 152px;
	   border-radius: 50%;
	   bottom: -55px;
	   right: -14px;
	}

	.milestones .about_stats {
	   margin-top: 0px;
	}
	/*===========================
	9. Internal Page - Contact Us CSS 
	===========================*/

	.contact_inner{
	   padding-bottom: 3rem!important;
	}

	.contact_inner_blk {
	   display: flex;
	   align-items: start;
	}

	.contact_blk {
	   /* display: flex; */
	   /* align-items: center; */
	   /* justify-content: space-between; */
	   margin: 0 auto;
	   width: 80%;
	}

	.contact_inner_blk {
	   display: flex;
	   align-items: start;
	   border-radius: 5px;
	   background: #FFF;
	   box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
	   padding: 32px;
	   width: 100%;
	}

	.contact_icon {
	   border-radius: 27px;
	   background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%);
	   width: 40px;
	   height: 40px;
	   line-height: 40px;
	   text-align: center;
	   margin-right: 18px;
	}

	.contact_icon i {
	   color: #fff;
	}

	.contact_list {
	   position: relative;
	   padding: 62px 0px 62px;
	}

	.contact_list span.circle_shape {
	   top: 72px;
	   right: 38px;
	}

	.contact_form {
	   border: 1px solid var(--gray-100, #F2F4F7);
	   background: #FFF;
	   box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
	   border-radius: 20px;
	   overflow: hidden;
	}

	.contact_form form {
	   padding: 26px;
	}

	.contact_form form input {
	   height: 42px;
	}
	/*===========================
	10. Internal Page - FAQ CSS 
	===========================*/

	.faq_blk .accordion .accordion-item {
	   margin-bottom: 20px;
	   border: 1px solid #DBDBDB;
	   border-radius: 8px;
	   overflow: hidden;
	}

	.faq_blk .accordion .accordion-item .accordion-button:before {
	   content: '';
	   position: absolute;
	   width: 9px;
	   height: 25px;
	   background: var(--primary);
	   left: 0;
	}

	.faq_blk .accordion-button::after {
	   content: "\2b";
	   background-image: none;
	   font-family: "FontAwesome";
	   transition: none !important;
	   top: 0px;
	   position: relative;
	   color: var(--primary);
	}

	.faq_blk .accordion-button:not(.collapsed)::after {
	   content: "\f068";
	   background-image: none;
	   font-family: "FontAwesome";
	   transform: none;
	   top: 0px;
	   position: relative;
	}

	.faq_blk .accordion-body {
	   line-height: 26px;
	   padding: 0 32px 19px 32px;
	   color: #667085;
	   font-size: 16px;
	   background-color: #F2F4F7;
	   font-weight: 400;
	}

	.faq_blk .accordion .accordion-item .accordion-header {
	   line-height: normal;
	}

	.faq_blk .accordion .accordion-item .accordion-button {
	   padding: 19px 32px;
	   position: relative;
	   color: #344054;
	   font-size: 18px;
	   font-weight: 500;
	   box-shadow: none;
	}

	.faq_blk .accordion-button:not(.collapsed) {
	   background-color: #F2F4F7;
	   border-radius: 0px;
	}

	.faq:before {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_03.svg);
	   background-repeat: no-repeat;
	   background-position: center left;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: 0;
	   z-index: -11;
	}

	.faq:after {
	   position: absolute;
	   content: '';
	   background-image: url(../img/shapes/shape_02.svg);
	   background-repeat: no-repeat;
	   background-position: center right;
	   background-size: auto;
	   width: 100%;
	   height: 100%;
	   top: 0;
	   right: 0;
	   z-index: -11;
	}

	.cta_v1 {
	   background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
	   padding: 73px 0px;
	}

	.cta_v1 input.form-control {
	   height: 48px;
	}

	.cta_search {
	   display: flex;
	   align-items: center;
	   gap: 18px;
	}

	.faq {
	   padding: 62px 0px 72px;
	}

	.cta_inner {
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   gap: 28px;
	   text-align: center;
	   padding: 25px;
	}

	.checkbox_list .icon {
	   /* background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%); */
	   border-radius: 50px;
	   /* width: 65px; */
	   /* height: 30px; */
	   line-height: 0;
	   text-align: center;
	   margin-right: 11px;
	   /* padding: 12px; */
	}

	.checkbox_list .icon i {
	   color: var(--primary);
	   font-size: 30px;
	   line-height: 34px;
	}

	.checkbox_list h4 {
	   font-size: 18px;
	   margin-bottom: 5px;
	}

	.checkbox_list {
	   display: flex;
	   align-items: start;
	}

	.areas_v1 ul.check_list_item li {
	   padding-left: 58px;
	}

	.areas_v1 ul.check_list_item li::after {
	   height: 38px;
	   width: 38px;
	   line-height: 38px;
	   font-size: 21px;
	}
	.navbar-brand img {
	width: 184px;
	}
	.navbar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: #fff;
	color: #344054;
	font-size: 15px;
	font-weight: 400;
	padding: 8px 15px;
	line-height: 24px;
	}

	.navbar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
	.navbar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background: #e9ecef;
	color: #344054;
	}
	.navbar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
	-webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
	box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
	border: 0;
	background: #fff;
	border-radius: 7px;
	}
	.navbar #mega-menu-wrap-main-menu {
	margin-left: auto;
	margin-right: 0;
	}
	.industries .solution_item {
	width: 100%;
	}
	.subscribe_footer_form .noptin-form-footer {
	padding: 0px;
	}

	.subscribe_footer_form .noptin-form-fields {
	background-color: #f3f3f3;
	padding: 6px 7px;
	border-radius: 0.375rem;
	}

	.subscribe_footer_form .noptin-form-footer input {
	padding: 0px 7px;
	font-size: 1rem;
	background-color: transparent;
	border: 0px;
	border-radius: 0;
	}

	.subscribe_footer_form .noptin-optin-form-wrapper form .noptin-form-footer .noptin-form-submit {
	font-weight: 400;
	font-size: 16px;
	height: auto;
	background-color: #0163A8 !important;
	border-radius: 0.375rem !important;
	}
	.subscribe_footer_form .noptin-optin-form {
	display: block;
	}

	.subscribe_footer_form .noptin-form-header {
	padding: 0;
	}

	.subscribe_footer_form .noptin-form-footer input:focus {
	background-color: transparent !important;
	}

	.subscribe_footer_form .noptin-form-footer input {
	padding: 0px 7px !important;
	font-size: 1rem !important;
	background-color: transparent !important;
	border: 0px !important;
	border-radius: 0 !important;
	}
	.search-results .smlBlogOuter footer.entry-meta {
	padding-bottom:10px;
	}
	.search-results .smlBlogOuter h4 {
	padding-top: 10px;
	padding-bottom: 15px;
	}

	#nav-above a.btn {
	font-size: 18px;
	padding: 8px 16px;
	}
	.entry-meta a.btn {
	font-size: 16px;
	padding: 4px 16px;
	}
	.contact_footer h5, .contact_footer label {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	}
	.banner .banner_style_one h1 {
	font-size: 72px;
	font-style: normal;
	font-weight: 300;
	color: var(--white);
	line-height: 90px;
	}
	.banner .banner_style_one strong {
	font-size: 72px;
	font-style: normal;
	font-weight: 700;
	color: var(--white);
	}

	/*********************************Blog css*******************************************/

	.single_blog {
	position: relative;
	}

	.single_blog span.circle_shape {
	top: 72px;
	right: 38px;
	z-index: 199;
	}

	.single_blog:before {
	position: absolute;
	content: '';
	background-image: url(../img/shapes/shape_03.svg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -11;
	}

	.single_blog:after {
	position: absolute;
	content: '';
	background-image: url(../img/shapes/shape_02.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -11;
	}

	.blog_v1 .card {
	border: 0;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 16px 0px rgba(1, 99, 168, 0.20);
	overflow: auto;
	}

	.blog_v1 .card .card-body {
	padding: 0px;
	}

	.blog_card_title {
	padding: 18px 20px 22px;
	}

	.blog_card_title a {
	color: #344054;
	}

	.page-numbers {
	border: 0;
	width: 38px;
	/* padding: 8px 15px; */
	height: 38px;
	border-radius: 50%;
	display: inline-block;
	margin: 0px 0px;
	position: relative;
	text-align: center;
	line-height: 38px;
	}

	span.page-numbers.current {
	color: #fff;
	background: linear-gradient(180deg, #0163A8 0%, #0FA3DD 100%);
	border-color: #344054;
	}

	a.next.page-numbers,
	a.prev.page-numbers {
	border-radius: 0;
	color: #98A2B3;
	display: inline;
	}

	.blog_single_banner img {
	object-fit: cover;
	width: 100%;
	/* height: 458px; */
	}

	.blog_meta a {
	color: #3F3F3F;
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 5px;
	}

	.blog_meta {
	display: flex;
	gap: 18px;
	}

	.single_blog .card.single_card .card-body {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	padding: 0;
	}

	.card.single_card {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
	border: 0;
	position: relative;
	padding: 40px;
	margin: 48px 0px 48px;
	}

	a.blog_title {
	color: #344054;
	font-size: 28px;
	line-height: 35px;
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 10px;
	font-weight: 600;
	}

	.single_blog p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 26px;
	}

	.single_blog h3 {
	margin-bottom: 15px;
	font-size: 22px;
	}

	.card.single_card ul {
	padding: revert;
	list-style: unset;
	color: #667085;
	}

	.share_post ul li {
	display: inline-block;
	margin-left: 14px;
	}

	.share_post {
	display: flex;
	justify-content: end;
	padding-top: 32px;
	}

	.share_post ul li a {
	border: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #344054;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 0px 16px 0px rgba(1, 99, 168, 0.20);
	}

	.comments {
	padding: 15px 0px 45px;
	}

	.comment_card {
	border-radius: 8px;
	background: #F9F9F9;
	padding: 31px 18px;
	display: flex;
	gap: 9px;
	margin-bottom: 12px;
	}

	.comment_card:last-child {
	margin-bottom: 0px;
	}

	.profile_img img {
	border-radius: 50%;
	width: 68px;
	}

	p.comment_user_title {
	color: #292929;
	font-size: 18px;
	font-weight: 500;
	line-height: 35px;
	}

	.leave_comment {
	margin-bottom: 42px;
	}

	a.reply_btn {
	color: #F00;
	font-size: 14px;
	}

	a.reply_btn img {
	width: 16px;
	}

	.save_comment {
	display: flex;
	align-items: center;
	gap: 9px;
	}

	.save_comment p {
	color: #5A5A5A;
	font-size: 14px;
	}

	.leave_comment .form-control {
	height: 42px;
	}

	.post_sidebar .support_search .form_bnr .form-group {
	width: 100%;
	position: relative;
	}

	.post_sidebar .support_search .form_bnr .form-group input {
	border-radius: 8px;
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
	height: 50px;
	}

	.support_search .form_bnr .form-group .input_group_icon {
	position: absolute;
	right: 18px;
	top: 12px;
	}

	.support_search .form_bnr .form-group .input_group_icon svg {
	/* color: #fff; */
	width: 20px;
	}

	.cat_card ul li {
	border-bottom: 1px solid #CECECE;
	padding: 10px 0px;
	}

	.cat_card ul li a {
	color: #3C3C3C;
	font-size: 16px;
	font-weight: 400;
	}

	.cat_card ul li i {
	margin-right: 9px;
	color: #3C3C3C;
	font-size: 14px;
	}

	.cat_card ul li:last-child {
	border-bottom: 0px;
	/* padding: 18px 0px 0px; */
	padding-bottom: 0px;
	}

	.cat_card {
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
	padding: 24px;
	border-radius: 20px;
	margin-top: 25px;
	}

	.post_sidebar {
	margin: 48px 0px 48px;
	}

	.recent_posts {
	border-bottom: 1px solid #CECECE;
	padding: 18px 0px;
	}

	.post_sidebar .blog_title {
	color: #292929;
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
	font-weight: 500;
	}

	.recent_posts:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	}

	.blog_card_title h4 a {
	color: #344054;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}

	.blog_v1 .card .card-body img {
	height: 178px;
	object-fit: cover;
	width: 100%;
	}
	.banner .banner_style_one .sldtext:before {
	content: '';
	position: absolute;
	top: -18%;
	right: 0;
	border: 3px dashed var(--white);
	width: 86px;
	height: 86px;
	border-radius: 50%;
	animation-name: spin;
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}

	.banner .banner_style_one .sldtext:after {
	position: absolute;
	left: 0;
	content: "";
	width: 500px;
	height: 500px;
	background: linear-gradient(180deg, rgba(51, 155, 214, 0.67) 20%, rgba(0, 99, 168, 0.67) 100%);
	z-index: -1;
	transform: translateY(-50%);
	border-radius: 50%;
	top: 50%;
	}

	/* Desktop CSS */

	.smlBlogOuter {
	border: 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 0px 16px 0px rgba(1, 99, 168, .2);
	overflow: auto;
	}

	.smlBlogOuter img {
	height: 178px;
	object-fit: cover;
	width: 100%;
	}

	.smlBlogOuter .tager {
	padding: 18px 20px 22px;
	}

	.smlBlogOuter .tager h4 a {
	color: #344054;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}

	.smlBlogOuter .entry-meta a.btn {
	padding: 6px 16px;
	margin-top: 15px;
	}

	.about_img_wrap img {
	width: 448px;
	height: 545px;
	object-fit: cover;
	}

	.about_stats li h4:before {
	content: '';
	position: absolute;
	background-image: url(/wp-content/themes/katalysteng/assets/img/shapes/blue_background_dot.svg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
	height: 100%;
	top: -10px;
	left: 0;
	background-size: contain;
	z-index: -1;
	opacity: 1;
	}

	.banner_block h2{
	text-align: left;
	font-size: 24px;
	}

	.about_stats li p.numbers:before {
	content: '';
	position: absolute;
	background-image: url(/wp-content/themes/katalysteng/assets/img/shapes/blue_background_dot.svg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
	height: 100%;
	top: -10px;
	left: 0;
	background-size: contain;
	z-index: -1;
	opacity: 1;
	}

	.about_stats li p.numbers {
	text-shadow: none;
	letter-spacing: 2.5px;
	font-size: 46px;
	font-weight: 600;
	position: relative;
	color: transparent;
	-webkit-text-stroke: 1px #344054;
	z-index: 199;
	}

	.single_blog td, th {
		border: 1px solid black;
		padding: 8px;
    color: #667085;
		text-align: left; 
	}

	.single_blog ol li{
		color: #667085;
	}

.recent_posts .recent-post-img img {
    max-width: 100% !important;
    height: auto; /* Ensures proper aspect ratio */
}


.ea-header a {
    font-size: 18px !important;
    padding: 10px;
    display: inline-block; /* Ensures proper spacing */
}

.equip_card.servicev2_card {
    height: 308px;
    display: block;
    padding: 35px 35px;
}

.equip_card.servicev2_card ul li {
    color: #fff;
}

.equip_card.servicev2_card h3 {
    margin-bottom: 18px;
}

.equipment_v2 .equip_card.servicev2_card:before {
    background: linear-gradient(64deg, #0163A8 30%, rgb(1 99 168 / 69%) 66.55%);
}

/* service page css  */
ul.service-lists {
    list-style: disc;
    color: var(--text);
    line-height: 24px;
    font-size: 16px;
}

ul.check_list_item.bn_check_item {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
}

ul.check_list_item.bn_check_item li {
    padding: 0px 30px;
}

ul.check_list_item.bn_check_item li::after {
    display: none;
}

.slider_nav {
    position: absolute;
    bottom: 21%;
    left: 16%;
}

ul.check_list_item.why_choose_check_item {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    column-gap:62px;
}


/* single blog css starts */

.cat_card.table_content_card ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.single_banner {
    background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0e5572 118.35%);
    padding: 40px 46px;
    border-radius: 0;
    min-height: 405px;
    position: relative;
    overflow: hidden;
    z-index: 199;
}
.cat_card.table_content_card ul li a i {
    color: #0163a8;
    font-size: 12px;
}
/* Base UL LI styles */
.cat_card.table_content_card ul > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 3px 0;
    border-bottom: 0;
}

/* Subcontent wrapper: behaves like a heading with nested list */
.cat_card.table_content_card ul li.subcontent {
	display: flex;
	flex-direction: row; /* Make bullet and link stay inline */
	align-items: flex-start;
	gap: 8px;
	border: 0;
	padding: 3px 0;
	flex-wrap: wrap; /* Ensures long links break nicely */
}

/* Links */
.cat_card.table_content_card ul li a {
	color: #0163a8;
	font-size: 15px;
	line-height: 24px;
}

/* OL inside UL LI (nested numbering) */
.cat_card.table_content_card ul li ol {
    padding-left: 8px;
    margin-top: 4px;
    counter-reset: custom-counter;
}

.cat_card.table_content_card ul li ol li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    counter-increment: custom-counter;
    padding: 2px 0;
    border: 0;
}

/* Numbered marker */
.cat_card.table_content_card ul li ol li::before {
	content: counter(custom-counter) ".";
	color: #0a58ca;
	font-weight: 400;
	margin-top: 3px;
	min-width: 1.5em;
	text-align: right;
	font-size: 15px;
}

.contact_btn.getintouch_btn a {
    width: 100%;
    text-align: center;
    padding: 6px 14px;
}

.single_banner {
    background: linear-gradient(119deg, #5FA845 -12.34%, #0163A8 23.89%, #0FA3DD 118.35%);
    padding: 40px 46px;
    border-radius: 0;
    min-height: 405px;
    position: relative;
    overflow: hidden;
    z-index: 199;
}
.single_banner .breadcrumb a, .single_banner .breadcrumb .breadcrumb-item.active {
    color: #fff;
    font-size: 18px;
}

.single_banner .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.single_banner h2 {
    color: #fff;
    font-size: 54px;
    line-height: 64px;
    font-weight: 600;
    margin-top: 38px;
}
.single_banner h1 {
    color: #fff;
    font-size: 54px;
    line-height: 64px;
    font-weight: 600;
    margin-top: 38px;
}
.single_banner .blog_meta {
    position: absolute;
    bottom: 28px;
}
.single_banner .blog_meta a {
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.post_sidebar {
    position: sticky;
    top: 18px;
}

.contact_btn a {
    border-radius: 5px;
    border: 1px solid #5fa845;
    padding: 6px 14px 6px 30px;
    color: #fff;
    position: relative;
    background: linear-gradient(rgb(111, 199, 79) 0%, rgb(35, 134, 0) 100%);
}

/* singl blog css end  */

/*===========================
    2. HEADER CSS 
===========================*/
    .navbar-brand img {
        width: 184px;
    }

    .mega-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        padding: 2rem;
        background: #fff;
        display: none;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .mega-menu.dropdown-menu {
        border: 0;
        overflow: hidden;
    }

    nav.navbar {
        background-color: #fff !important;
    }

    nav.navbar .nav-link {
        font-size: 18px;
        color: #344054;
    }

    nav.navbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
        color: #344054;
        padding: 0px 12px;
    }

    .navbar-nav li.nav-item .dropdown-toggle::after {
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f078";
        margin-left: 0.5em;
        vertical-align: middle;
        font-size: 0.7rem;
        border: 0;
    }

	.nav-item.dropdown:hover .mega-menu {
		display: block;
		margin-top: 0;
		padding: 2rem;
	}

    .mega-menu .card {
        border: none;
        transition: all 0.3s ease-in-out;
    }

    .mega-menu .card:hover {
        background: #f8f9fa;
    }

    .mgmenu_lf {
        padding: 24px 16px 24px 0;
        border-right: 1px solid #ced4da;
        height: 100%;
    }

    .mgmenu_lf ul li {
        margin-bottom: 0px;
    }

    .mgmenu_lf ul li button.active,
    .mgmenu_lf ul li button:hover {
        color: #344054;
        background-color: #f4f5f9;
        border: 1px solid #e0e1e9;
    }

    .mgmenu_lf ul li button {
        color: #344054;
        background-color: transparent;
        cursor: pointer;
        border-radius: 6px;
        text-align: left;
        width: 100%;
        padding: 18px 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.1;
        border: 1px solid transparent;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .mg_title {
        font-size: 20px;
    }

    .mgmenu_lf ul {
        margin-top: 16px;
    }

    .mgmenu_rf .menu_item_block.active ul {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mgmenu_rf ul li {
        width: 100%;
    }

    .mgmenu_rf ul li a {
        display: block;
        line-height: 1.4;
        color: #344054;
        font-size: 15px;
        font-weight: 500;
        padding: 16px;
    }

    .mgmenu_rf ul li a span {
        display: block;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
    }

    .mgmenu_rf ul li a span+span {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #667085;
    }

    .mg-menu-card {
        display: flex;
        background: transparent;
        align-items: start;
        border: 1.5px solid rgb(242, 243, 247);
        border-radius: 12px;
        background: rgba(242, 243, 247, 0);
        padding: 12px;
    }

	.mega-menu .icon-box {
		width: 48px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 15px;
		border-radius: 12px;
		background: rgb(242, 243, 247);
		flex-shrink: 0;
	}

    .mg-menu-card:hover {
        background: rgb(242, 243, 247);
    }

    .mg-menu-card:hover .icon-box {
        background-color: #fff;
    }

    .mega-menu .icon-box i {
        color: #1645D4;
    }

    .mg-menu-card h6 {
        font-size: 17px;
        line-height: 20px;
        color: #344054;
        margin-bottom: 5px;
        font-weight: 500;
        transition: all 0.3s ease;
        /* Enables smooth animation */
    }

    .mg-menu-card:hover.mg-menu-card h6 {
        background: linear-gradient(180deg, #087ED0 19.35%, #05B6FB 77.42%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        font-size: 18px;
        /* Slightly larger on hover */
    }

    .mg-menu-card p {
        font-size: 14px;
        line-height: 20px;
        color: #667085;
    }

    .mgmenu_rf ul {
        display: none;
    }

    .mgmenu_rf ul.active {
        display: block;
    }

    .contact_btn {
        margin-left: 22px;
    }

    .contact_btn a {
        border-radius: 5px;
        border: 1px solid #5fa845;
        padding: 6px 14px 6px 30px;
        color: #fff;
        position: relative;
        background: linear-gradient(rgb(111, 199, 79) 0%, rgb(35, 134, 0) 100%);
    }

    @keyframes ping {

        75%,
        to {
            opacity: 0;
            transform: scale(2)
        }
    }

    .hb_cl {
        position: absolute;
        display: flex;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 9999px;
        top: 50%;
        left: 8px;
        transform: translateY(-50%);
        text-align: center;
    }

    .hb_cl:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        width: 20px;
        height: 20px;
        border-radius: 9999px;
        background-color: #fff;
    }

    .hb_cl i {
        color: #5fa845;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
        padding-left: 4px;
    }

    .contact_btn a span {
        padding-left: 4px;
    }

    @media (max-width: 991.98px) {
        .mega-menu {
            position: static;
            display: none;
            box-shadow: none;
            padding: 1rem 0;
        }

        .nav-item.show .mega-menu {
            display: block !important;
        }
    }

img.mega_subimg {
    height: 256px;
    object-fit: cover;
}

/* Header CSS End */



.single_blog .single_card h2 {
    font-size: 28px;
    margin-bottom: 8px;
}

.single_blog .single_card h1 b,
.single_blog .single_card h2 b, 
.single_blog .single_card h3 b, 
.single_blog .single_card h4 b {
    font-weight: 600;
}

.single_blog .single_card ul li b, 
.single_blog .single_card ol li b {
    font-weight: 600;
}

.single_blog .single_card ul li {
    margin-bottom: 12px;
}

.single_blog .single_card ol li {
    margin-bottom: 16px;
}