/*
Version: 1.0
Author: Symlink Technology
Author URI: https://www.symlinktech.com/.
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); 
:root {
	--primaryColor: #232323;
  --secondaryColor: #2B7E4A;
  --buttonColor: #33B457; 
	--bodyBg: #fff;
	--socialBg: #fff;
	--subTextColor:#3A3A3A;
	--shades01: #ffffff;
	--shades02: #D9D9D9;
	--shades03: #F2F2F2;
	--shades04: #F5F5F5;
	--shades05: #727272;
	--shades06: #EBEBEB;
	--shades07: #5A5A5A;
	--shades08: #171717;
	--bannerBg: #00000082;
  --navbarHeight: 140px;
	--veiwWidth: calc(100vw - 17px);
	--padding: calc(var(--veiwWidth)/2 - 785px);
}
/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:1.6; margin:0 auto !important;padding:0 !important; font-family: "Poppins", serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; font-size: 20px;  color: var(--subTextColor); background:var(--bodyBg);position: relative; z-index: 0;}
h1, h2, h3, h4, h5, h6{margin: 0;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */
/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primaryColor); color:#fff}
::-moz-selection{ background-color:var(--primaryColor); color:#fff}
::-webkit-selection{ background-color:var(--primaryColor); color:#fff}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--primaryColor) !important; text-shadow: 0 0 0 var(--textMedColor);}
::input-placeholder{ color:var(--textColor) !important;}
::-moz-input-placeholder{ color:var(--textColor) !important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;}
/* ********|| PSEUDO ELEMENTS ENDS ||******** */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--secondaryColor); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--subTextColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}
.required:after{content:"*";color:#000000; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */
section{position:relative;}
.form-group{position:relative; margin: 0 0 16px;}
.control-label{font-size: 14px;font-weight: 600;margin: 0 0 2px;color: #212121;display: block;}
.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background: #fff;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}
.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}
.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}
/* .custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;} */
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}
/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */ 
@media (min-width: 576px){
	.container{max-width: none; margin: 0 auto; width: 100%; padding-left: 16px; padding-right: 16px;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{max-width: 740px; margin: 0 auto;}
}
@media (min-width: 992px){
	.container{max-width: 960px; margin: 0 auto;}
}
@media (min-width: 1200px){
	.container{max-width: 1170px; margin: 0 auto;}
}
@media (min-width: 1400px){
	.container{max-width: 1280px; margin: 0 auto;}
}
@media (min-width: 1600px){
	.container{max-width: 1400px; margin: 0 auto;}
}
@media (min-width: 1900px){
	.container{max-width: 1600px; margin: 0 auto;}
}
/* ********|| BOOTSTRAP FIX END ||******** */
/* .modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;} 
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;  top: 100% !important; left: 50% !important;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all; }
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;} */
/* ********|| COMMON STARTS ||******** */ 
/* DROPDOWN STYLE START */
.dropdown { position: relative; cursor: pointer;}
.dropdown .dropdown-menu { position: absolute; z-index: 2; left: 0; top: 100%; background: white; list-style: none; padding:0; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);border-radius: 5px;min-width:280px; opacity: 0;  transform: translateY(-10px);  visibility: hidden;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s; }
.dropdown .dropdown-menu li {width: 100%; padding: 6px 10px;}
.dropdown .dropdown-menu li .dropdown-item {text-decoration: none;color: var(--primaryColor);display: block;transition: all 0.3s ease;padding: 6px 10px;font-size: 16px;}
.dropdown .dropdown-menu li:hover a {background: var(--secondaryColor);color: var(--shades01);border-radius: 6px;} 
.dropdown-toggle {display: flex;align-items: center;gap: 5px;cursor: pointer;} 
.dropdown-toggle i { transition: transform 0.3s ease-in-out;} 
.dropdown.open .dropdown-menu {opacity: 1;transform: translateY(0);visibility: visible;} 
.dropdown.open .dropdown-toggle i {transform: rotate(180deg);} 
/* DROPDOWN STYLE END */
.title-wrap{position: relative; display: flex; align-items: flex-start; width: 100%; margin-bottom: 48px;}
.title-wrap .btn-wrap { position: absolute; right: 0; bottom: 0;}
.title{font-size: 50px; font-weight: 700; color: var(--primaryColor); text-transform: uppercase; margin: 0; line-height: 1;}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--buttonColor));
}
.btn-wrap {display: flex;} 
.cta-btn { position: relative; display: flex; justify-content: center; align-items: center; border: none; border-radius: 14px; padding: 20px 34px; color: var(--shades01); background: var(--buttonColor);  overflow: hidden; cursor: pointer;  z-index: 0; font-size: 24px; text-transform: uppercase; font-weight: 600;}
.cta-btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primaryColor); color: var(--shades01); transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s ease; z-index: -1; }
.cta-btn:hover::after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1);   color: var(--shades01);}
.cta-btn:hover, .cta-btn:focus {color: var(--shades01);} 
header .navigation {position: relative;}
header .btn-menu-trigger { width: 40px; height: 40px; display: none; align-items: center; justify-content: center; border: 0; background-color: transparent; font-size: 30px; color: var(--color01); position: relative;}
.section-inner-banner{position: relative; padding: 100px 0px 100px; text-align: center; } 
.section-inner-banner .title{margin: 0 auto; color: var(--shades01);}
.section-inner-banner .title-wrap .title{margin: 0 auto;}
/* .section-inner-banner{}  */
.breadcrumb-wrap{display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.breadcrumbs{display: flex; align-items: center; margin: 0 auto; padding: 0;  text-transform: uppercase; align-items: center; list-style: none;}
.breadcrumbs li{line-height: normal; position: relative; padding: 0 24px; font-size: 20px;}
.breadcrumbs li a{line-height: normal; position: relative; transition: all 0.3s ease;}
.breadcrumbs li.active{color: var(--secondaryColor);}
.breadcrumbs li:hover a{color: var(--secondaryColor);}
.breadcrumbs li::after{position: absolute; content: '\f101'; font-family: "Font Awesome 6 Pro"; top: 50%; right: 0%; transform: translate(50%, -50%); color: var(--secondaryColor);}  
.breadcrumbs li:last-child::after{opacity: 0;}  
.section-details-list{position: relative; padding: 60px 0;}
.section-details-list  .content-wrapper{position: relative; display: grid; grid-template-columns: 3fr 1fr;  gap: 20px;  align-items: start;  padding: 20px;} 
.content-wrapper .content-details{position: relative; }
.content-wrapper .content-details .img-wrap{width: 100%; aspect-ratio: 3 / 1;  border-radius: 20px; overflow: hidden; margin-bottom: 30px;}
.content-wrapper .content-details .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.content-wrapper .content-details .title{position: relative; font-size: 30px; margin-bottom: 12px; line-height: 1.4;}
.content-wrapper .content-details .description{font-size: 18px; line-height: 1.6; color: var(--subTextColor);}
.widget-wrapper{position: relative; position: relative; display: flex; flex-direction: column; gap: 20px;}
.content-wrapper .section-aside { 
  position: sticky;
  top: 120px;
  height: fit-content;
  align-self: flex-start;
}
.widget-wrapper .widget{background-color: var(--bodyBg); border: 1px solid var(--shades02); box-shadow: 0px 0px 3px 0px rgba(231, 231, 231, 0.4); border-radius: 20px; overflow: hidden;}
.widget-wrapper .widget .title{position: relative; font-size: 20px; background-color: var(--secondaryColor); color: var(--shades01); padding: 12px 18px; font-weight: 600;}
.widget-wrapper .widget .custom-menu{position: relative; padding: 6px 4px; margin: 0; list-style: none;}
.custom-menu li{font-size: 16px; padding: 8px 16px; border-bottom: 1px solid var(--shades03);}
.custom-menu li .aside-menu-link{color: var(--primaryColor); text-transform: uppercase; font-weight: 500;}
.custom-menu li:hover .aside-menu-link{color: var(--secondaryColor); }
.custom-menu li:last-child{border-bottom: none;}
.custom-menu li .custom-menu-link{position: relative; color: var(--primaryColor); text-transform: uppercase; font-weight: 500;}
.custom-menu li:hover .custom-menu-link{  color: var(--secondaryColor);  background-color: transparent;}
.custom-menu li.dropdown{position: relative;}
.custom-menu li.dropdown .dropdown-toggle {color: var(--primaryColor); transition: all 0.3s ease; text-transform: uppercase; font-weight: 500;}
.custom-menu li.dropdown:hover .dropdown-toggle {color: var(--secondaryColor);}
.custom-menu li.dropdown .dropdown-toggle i{font-size: 12px; margin-left: auto;}
.custom-menu li .dropdown .navigation-link{}
.custom-menu .dropdown .dropdown-menu{position: relative; z-index: 2; left: 0; top: 100%;  list-style: none; padding: 0;  border-radius: 5px; min-width: auto; transform: translateY(0px);  transition: transform 0.3s ease-in-out;
 display: none; background-color: transparent; box-shadow: none  ;} 
.custom-menu .dropdown.open .dropdown-menu { display: block;}
.custom-menu .dropdown .dropdown-menu li{padding: 0 6px; margin: 10px 0px;}
.custom-menu .dropdown .dropdown-menu li .dropdown-item{padding: 0; font-size: 14px; color: var(--subTextColor);}
.custom-menu .dropdown .dropdown-menu li:hover .dropdown-item{ background: transparent;color: var(--secondaryColor); }
.widget .post-format-start{position: relative;}
.widget .post-format-start .title{position: relative;} 
.widget .post-format-start .posts{display: flex; flex-direction: column; gap: 20px; padding: 10px 12px;}
.post-format-start .posts .recent-post{display: flex;align-items: center; gap: 12px; background-color: var(--shades04); border-radius: 12px; padding: 16px 10px; border: 1px solid var(--shades06);}
.posts .recent-post .post-img{border-radius: 80px; width: 80px; height: 80px; overflow: hidden; flex-shrink: 0;}
.posts .recent-post .post-img  img{width: 100%; height: 100%; object-fit: cover;}
.posts .recent-post .post-content{position: relative; flex-shrink: 1;}
.posts .recent-post .post-content .post-title{font-size: 16px; color: var(--primaryColor); line-height: 1.4; margin-bottom: 4px; font-weight: 500;  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 50px; 
  word-break: break-word; transition: all 0.3s ease;}
.posts .recent-post .post-content:hover .post-title{color: var(--secondaryColor);}
.posts .recent-post .post-content .post-date{font-size: 14px; font-weight: 400; color: var(--subTextColor);}
.section-details-list .content-details .btn-wrap{margin-top: 24px; flex-wrap: wrap; gap: 10px;}
.section-details-list .content-details .btn-wrap .cta-btn{padding: 16px 20px; border-radius:10px; font-size: 16px;}
/* ********|| COMMON END ||******** */ 
/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/ 
/* ********|| HEADER STARTS ||******** */ 
 header{position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: var(--navbarHeight); display: flex; align-items: center; transition: all 0.3s ease; padding: 32px 0;}
 header:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--shades01); z-index: -1; opacity: 1; transition: all 0.3s ease;
}
.scroll-down header { transform: none; height: 100px;}
.scroll-down header:before {opacity: 1;}
 header .container{ display: flex; align-items: center;}
 header .container .brand{height: 78px; margin: 0 auto 0 0; transition: all 0.3s ease;}
 header .container .brand .logo{display: block; width: 100%; height: 100%;}
 header .container .brand .logo img{  width: 100%; height: 100%; object-fit: contain; object-position: left;}
 header .navigation{position: relative;}
 header .navigation .navigation-inner{display: flex;}
 header .navigation .navigation-inner .btn-menu-close{display: none;}
 header .navigation .navigation-menu{display: flex ; align-items: center; margin: 0; padding-left: 0; list-style: none; gap: 10px;}
 header .navigation-menu li { position: relative;     display: inline-block; position: relative; transition: all 0.4s ease;  }
 header .navigation-menu li:hover { opacity: 1;  } 
 header .navigation-menu .navigation-link {position: relative; display: flex; justify-content: center; align-items: center; height:48px;  font-size: 20px; font-weight: 500; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 8px; text-transform: uppercase;  color: var(--primaryColor); transition: all 0.3s ease-in-out; z-index: 0; padding: 0 20px; line-height: 48px;  }
 header .navigation-menu .navigation-link::after {content: ""; width: 100%; height: 32px; position: absolute; top: 8px; left: 0; border-radius: 8px;  background: linear-gradient(0deg, var(--secondaryColor) 0%, rgba(43, 160, 74, 0.39) 100%); transition: all 0.4s ease; transform: scale(0.5); opacity: 0; z-index: -1;} 
 header .navigation-menu li:hover > .navigation-link::after { opacity: 1; transform: scale(1);}
 header .navigation-menu li > .navigation-link.active::after { opacity: 1; transform: scale(1);  }
 header .navigation-menu li .navigation-link.active{ color: var(--shades01);}
 header .navigation-menu .navigation-link:hover { color: var(--shades01);} 
/* ********|| HEADER ENDS ||******** */
/* ********|| BANNER START ||******** */
.section-hero{position: relative; background-color: var(--bodyBg); z-index: -1; height: 100vh; margin-top: var(--navbarHeight);} 
/* .section-hero::after{content: ''; background-image: url(../image/shape.webp);background-repeat: no-repeat; background-position: bottom center;
   position: absolute;  bottom: 0; left: 0; width: 100%; height: 360px;}  */
.section-hero::after{content: ''; background-image: url(../image/shape.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom center;
   position: absolute;  bottom: 0; left: 0; width: 100%; height: 360px;} 
.section-hero .container{position: relative; display: flex; align-items: center; justify-content: space-between; z-index: 2;}
.section-hero .container .hero-content{    width: 100%; max-width: 52%; overflow: hidden;  }
.hero-content .hero-title{font-size: 120px; font-weight: 800; color: var(--secondaryColor); text-shadow: 0px 6px 3px rgba(0, 0, 0, 0.8); line-height: 1; margin: 0;}
/* text-shadow: 0px 6px 4px 0px var(--primaryColor); */
.hero-content .hero-text{font-size: 40px; color: var(--subTextColor); line-height: 1.6; font-weight: 400; margin-top: 26px;}
.section-hero .hero-slider{position: relative; width: 100%; max-width: 48%; padding: 65px 110px 130px;}
.section-hero .hero-slider .hero-slider-item{width: 100%; position: relative; height: 620px; background-color: var(--secondaryColor); padding: 46px 82px; border-radius: 50px;}
.hero-slider-item .hero-slider-image{width: 100%; height: 100%;}
.hero-slider-item .hero-slider-image img{width: 100%; height: 100%; object-fit: contain;} 
.section-hero .swiper-slider-wrap{position: absolute; left: 50%; transform: translateX(-50%); bottom: 100px;}
.section-hero .swiper-slider-wrap i{color: var(--primaryColor);}
.section-hero .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "";}
.section-hero .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: "";}
/* ********|| BANNER ENDS ||******** */
/* ********|| PRODUCT START||******** */
.section-product{position: relative; background-image: linear-gradient(to bottom , #F2F2F2, #F4F4F4); padding: 52px 0px 96px;}
.section-product .container{position: relative;}
.section-product .container .title{text-align: center; margin-bottom: 40px;}
.section-product .product-items{display: grid; grid-template-columns: repeat(3, 1fr); gap: 58px;}
.section-product .product-item{border-radius: 20px; display: flex; flex-direction: column; background-color: var(--bodyBg); overflow: hidden;}
.section-product .product-item .product-item-image{width: 100%; aspect-ratio: 2 / 1; flex-shrink: 0;}
.section-product .product-item .product-item-image img{width: 100%; height: 100%; object-fit: cover;}
.section-product .product-item .product-item-content{padding: 25px 25px 42px; font-size: 20px; color: var(--primaryColor); flex-shrink: 1; flex-grow: 1;}
.section-product .product-item .product-item-content p{line-height: 1.6;}
.section-product .product-item .product-item-content span{font-weight: 500;}
/* ********|| PRODUCT ENDS ||******** */
/* ********|| TECHNICAL START ||******** */
.section-technical{position: relative; padding: 126px 220px 190px; height: 100%; background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);}
.section-technical .title{text-align: center; margin-bottom: 50px;}
.section-technical .table-content{position: relative;}
.section-technical .table-content .technical-data {position: relative;display: flex; gap: 24px;  align-items: center; justify-content: center;}
.table-content .technical-data table {  width: 100%; max-width: 1150px;  border-collapse: collapse;}  
.table-content tr:nth-child(even) {  background-color: #f2f2f2;}
.table-content th { background-color: var(--primaryColor); color: white; padding: 24px 30px; text-transform: uppercase; text-align: left; border-radius: 10px 10px 0 0; font-size: 20px;}
.table-content td { border: 1px solid #8F8F8F; padding: 16px 30px; text-align: left; font-weight: 500; font-size: 20px; color: var(--primaryColor);}
.table-content .swiper-slider-wrap{position: absolute; left: 0;right: 0;bottom: -20%;} 
.table-content .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)); }
.table-content .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--buttonColor);
}
/* ********|| TECHNICAL ENDS ||******** */
/* ********|| GRAPH START ||******** */
.section-graph{position: relative; padding-top: 106px;}
.section-graph .graph-items{display: flex;  justify-content: space-between;  gap: 90px;}
.section-graph .graph-items .graph-item-wrap{width: 35%; border: 1px solid var(--shades05); border-radius: 20px;}
.section-graph .graph-items .graph-item {width: 100%; display: flex; flex-direction: column; height: 100%;}
.section-graph .graph-items .graph-item .graph-item-image{width: 100%; max-width: 308px; margin: 0 auto; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 30px 0;}
.section-graph .graph-items .graph-item .graph-item-image-alt{ border: none; padding: 0; height: 390px; }
.section-graph .graph-items .graph-item-wrap:nth-child(2) { 
  border: none;  width: auto;}
.section-graph .graph-items .graph-item .graph-item-image img{width: 100%; height: 100%; object-fit: contain;}
.graph-item .graph-item-content{padding: 25px 0; text-align: center; color: var(--primaryColor); background-color: var(--shades02); border-radius: 0 0 20px 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-top: auto;} 
.graph-item .graph-item-content h2{margin: 0; line-height: 1.2;} 
/* ********|| GRAPH ENDS ||******** */
/* ********|| KEY FEATURES START ||******** */
  .section-keyFeatures{position: relative; padding-top: 144px;}
  .section-keyFeatures .container{display: flex; align-items: center; gap: 46px;}
  .section-keyFeatures .container .keyFeatures-content{width: 50%; padding-right:  24px;} 
  .section-keyFeatures .container .keyFeatures-content-alt{order: 2; padding-left: 62px;} 
  .keyFeatures-content .title{margin-bottom: 10px;}  
  .keyFeatures-content .subheading{font-size: 22px; font-weight: 500; color: var(--primaryColor); line-height: 1.4; margin-bottom: 18px;}
  .keyFeatures-content .subheading{font-size: 22px; font-weight: 500; color: var(--primaryColor); line-height: 1.4; margin-bottom: 18px;}
  .keyFeatures-content .descriptions{font-size: 20px; color: var(--subTextColor); line-height: 1.6; display: inline;}
  .keyFeatures-content .descriptions .order-list{ padding-left: 26px; font-size: 20px; font-weight: 500;}
  .keyFeatures-content .descriptions .order-list ol{ padding-left: 0;}
  .keyFeatures-content .descriptions .order-list li{ line-height: 1.6; margin-bottom: 10px;}
  .keyFeatures-content .read-btn{color: var(--buttonColor); text-transform: uppercase; font-weight: 700; display: inline; white-space: nowrap;}
  .keyFeatures-content .read-btn:hover{color: var(--primaryColor);} 
  .section-keyFeatures .container .keyFeatures-image-wrap{width: 50%; overflow: hidden;}
  .section-keyFeatures .container .keyFeatures-image-wrap img{width: 100%; height: 100%; object-fit: cover;}
  .section-keyFeatures .btn-wrap{margin-top: 55px; }
/* ********|| KEY FEATURES ENDS ||******** */
/* ********|| PDF DOWNLOAD START ||******** */
.section-pdf{position: relative; padding-top: 144px;}
.pdf-block{margin-bottom: 144px;}
.section-pdf .title-wrap .title{margin: 0 auto;}
.section-pdf .title-wrap .btn-wrap{position: absolute; right: 0; bottom: 0;}
.section-pdf .btn-wrap .btn{text-transform: uppercase; font-weight: 600; font-size: 28px;}
.section-pdf .pdf-items{display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px;}
.pdf-items .pdf-item{position: relative; width: 100%; border-radius: 20px; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; background-color: var(--bannerBg);}
.pdf-item .btn-wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); z-index: 2;}
.pdf-item .btn-wrap .cta-btn{font-size: 20px;}
.pdf-item .pdf-img-wrap{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; transition: all 0.3s ease;}
.pdf-item .pdf-img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.pdf-items .pdf-item .pdf-img-wrap::after{position: absolute; content: ''; width: 100%; height: 0%; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0;  transition: all 0.3s ease-in-out;  }
.pdf-items .pdf-item:hover .pdf-img-wrap::after{ height: 100%; }
.pdf-item .pdf-item-content{background-color: var(--secondaryColor); color: var(--shades01); text-align: center; padding: 20px 16px; text-transform: uppercase; font-size: 18px; margin-top: auto;}
.pdf-item .pdf-item-content .title{color: var(--shades01); text-align: center; text-transform: uppercase; font-size: 18px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;}
/* ********|| PDF DOWNLOAD ENDS ||******** */
/* ********|| TESTIMONIAL START ||******** */
.section-testimonial { position: relative; padding-top: 220px;}
.section-testimonial::after{ position: absolute; content: ''; background-image: url(../image/shape2.png); top: 0; left: 0; width: 100%; height: 264px; background-position: center; background-repeat: no-repeat; z-index: -1;}
.section-testimonial .testimonial-content-wrap{ background-color: var(--shades04);} 
.section-testimonial .testimonial-content-wrap .title{text-align: center; margin-bottom: 50px; margin: 0 auto;}
.section-testimonial .testimonial-content-wrap .title-wrap .btn-wrap{text-align: center; margin-bottom: 50px; margin: 0 auto;}
.title-wrap .btn-wrap .cta-btn {  padding: 10px 34px;  font-size: 18px; }
.section-testimonial .testimonial-slider{position: relative; padding: 0 34px;} 
.testimonial-item{position: relative; display: flex; flex-direction: column; background-color: var(--bodyBg); border-radius: 20px;}
.testimonial-item .testimonial-video-wrap{position: relative; height: 250px; width: 100%; border-radius: 20px; overflow: hidden;} 
.testimonial-item  img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-item  .play-btn{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.6); border-radius: 50%; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; color: white; font-size: 30px; cursor: pointer;}
.testimonial-item .testimonial-details {padding: 20px 24px;}  
.testimonial-item .testimonial-details .descriptions {position: relative; font-size: 18px;} 
.testimonial-item .testimonial-details .descriptions p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; transition: all 0.3s ease-in-out; color: var(--subTextColor);} 
.testimonial-item .testimonial-details .collapsed {-webkit-line-clamp: 3;} 
.testimonial-item .testimonial-details .expanded { -webkit-line-clamp: unset;} 
.testimonial-item .testimonial-details .read-more-btn {color: var(--buttonColor); background: none;border: none;cursor: pointer; font-size: 16px; text-transform: uppercase; padding: 0; font-weight: 600; letter-spacing: 1px;}
.testimonial-item .testimonial-details .user-details{position: relative; margin-top: 20px;}
.testimonial-item .testimonial-details .user-details .user-name{line-height: 1; font-size: 16px; color: var(--primaryColor);}
.testimonial-item .testimonial-details .user-details .user-profession{font-size: 18px; color: var(--subTextColor); text-transform: uppercase;}
/* .testimonial-slider .sliderWrap .swiper-button-next{right: 0%;} */
/* .testimonial-slider .sliderWrap .swiper-button-prev{left: 0%;} */
.testimonial-slider .sliderWrap .swiper-button-next , 
.testimonial-slider .sliderWrap .swiper-button-prev {background-color: var(--secondaryColor); color: var(--shades01); width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.testimonial-slider .sliderWrap  .swiper-button-next:after,  .swiper-button-prev::after {font-size: 16px!important; }
/* ********|| TESTIMONIAL ENDS ||******** */
/* ********|| FAQ START ||******** */
.section-faq {position: relative;padding-top: 144px; background-color: var(--shades04);}
.section-faq .title {margin-bottom: 50px; text-align: center;}
.accordion {width: 100%;}
.accordion-item {border-radius: 10px; background-color: var(--shades01); margin-bottom: 24px; overflow: hidden;}
.accordion-item:last-child {margin-bottom: 0px;}
.accordion-header {background-color: var(--shades01); padding: 20px 35px; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease;}
.accordion-header .accordion-button {border: none; background: none; font-size: 24px; font-weight: 500; color: var(--subTextColor); flex-grow: 1; text-align: left;}
.accordion-header .icon {margin-left: auto; font-size: 18px; transition: transform 0.3s;}
.accordion-collapse {max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out;}
.accordion-body {padding: 20px 35px; border-top: 1px solid var(--shades02); font-size: 20px; color: var(--subTextColor); line-height: 1.6;}
.accordion-body ul {padding-left: 24px;}
.accordion-item.active .accordion-collapse {max-height: 500px;} 
.accordion-item.active .icon {transform: rotate(180deg);}  
/* ********|| FAQ ENDS ||******** */
/* ********|| CONTACT US START ||******** */
.section-contact-us{background-color: var(--shades04); position: relative; z-index: 1;}
.section-contact-us .contact-us-wrap{position: relative; display: flex; align-items: center; padding: 60px 0; z-index: 1; gap: 60px; transform: translateY(100px); overflow-x: hidden;}
.section-contact-us .contact-us-wrap::after { content: ""; width: calc(100% - 360px); height: 100%; background: var(--shades01);  border-radius: 30px; position: absolute; top: 0; right: 0; z-index: -1;}
.section-contact-us .contact-us-wrap .contact-us-details{width: 100%; max-width: 632px; background-color: var(--primaryColor); border-radius: 30px; padding: 40px 44px;}
.contact-us-details .title{font-size: 35px; font-weight: 700; color: var(--shades01); line-height: 1.2; text-transform: uppercase; margin-bottom: 26px;}
.contact-us-details .descriptions{font-size: 18px; color: var(--shades06); line-height: 1.6; margin-bottom: 16px;}
.contact-us-details .contact-info-wrap{position: relative; display: flex; align-items: center; gap: 10px;}
.contact-us-details .contact-info-wrap .contact-info{position: relative; display: flex; align-items: center; gap: 16px; background-color: var(--shades01); padding: 12px 16px; border-radius: 20px;}
.contact-info-wrap .contact-info .icon-wrap{background-color: var(--secondaryColor); width: 52px; height: 52px; display: flex;  align-items: center; justify-content: center; font-size: 24px; border-radius: 50px; color: var(--shades01);}
.contact-info-wrap .contact-info .contact{font-size: 20px; font-weight: 500; color: var(--primaryColor);}
.contact-us-wrap .contact-us-form{width: 60%; padding-right: 60px;}
.contact-us-wrap .contact-us-form .title{position: relative; margin-bottom: 40px;} 
.contact-us-wrap .contact-us-form .form-group{position: relative;}
.contact-us-wrap .contact-us-form .form-group .form-control{padding: 20px 30px; border: 1px solid #D4D4D4; background-color: #F2F2F2; border-radius: 20px;}
.contact-us-wrap .contact-us-form .form-group .form-control::placeholder {color: var(--shades07) !important;}
.contact-us-wrap .contact-us-form .form-group textarea{padding: 20px 30px; border: 1px solid #D4D4D4; background-color: #F2F2F2; border-radius: 20px; width: 100%;   height: 120px; resize: none; overflow-y: auto; font-family: "Poppins", serif;}
.contact-us-wrap .contact-us-form .form-group textarea::placeholder { color: var(--shades07) !important; font-family: "Poppins", serif;}
.section-contact-us .cta-btn{width: 100%; padding: 30px 0; background-color: var(--secondaryColor); color: var(--shades01); border: none; border-radius: 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; cursor: pointer;}
/* ********|| CONTACT US ENDS ||******** */
/* ********|| FOOTER STARTS ||******** */
footer {background-color: var(--shades08);display: flex; position: relative; z-index: -1;}
footer::after{position: absolute; content: ''; right: 0; bottom: 0; width: calc(100% - 700px);  height: 100%; background-color: var(--primaryColor); z-index: 1;}
footer .container{position: relative; z-index: 2;}
footer .footer-wraper{display: flex; }
footer .footer-about {padding: 150px 0 0 0; margin-right: 60px; display: flex; flex-direction: column;}
.footer-about .img-wrap {width: 254px;overflow: hidden;margin-bottom: 40px;}
.footer-about .img-wrap img {width: 100%;height: 100%;object-fit: cover;}
.footer-about .title {font-size: 30px;font-weight: 700;color: var(--socialBg);margin-bottom: 34px;line-height: 1.4;white-space: nowrap;}
.footer-about .socila-link {display: flex; align-items: center;}
.footer-about .socila-link .sub-title {font-size: 24px;color: var(--socialBg);font-weight: 600;}
.footer-about .socila-link .socila-media-wrap {display: flex;align-items: center;}
.footer-about .socila-link .socila-media-wrap .socila-link-item {display: flex;align-items: center;margin: 0;gap: 12px;}
.footer-about .socila-link .socila-media-wrap .socila-link-item li {background-color: var(--socialBg);width: 40px;height: 40px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px}
.footer-about .socila-link .socila-media-wrap .socila-link-item li a {color: var(--titleColor);}
.copyright {font-size: 14px;color: #BFB9B9; margin-bottom: 50px; margin-top: auto;}
footer .footer-container {position: relative; display: flex; align-items: flex-start; gap: 40px; width: 100%; padding: 150px 0px 60px 60px; justify-content: space-between;}
footer .footer-container .footer-site-map {position: relative;}
.footer-container .footer-site-map .footer-title {font-size: 28px;color: var(--socialBg);font-weight: 600;text-transform: uppercase;margin-bottom: 32px;}
.footer-site-map ul {list-style: none;color: var(--socialBg);padding: 0;}
.footer-site-map ul li{margin-bottom: 20px;;}
.footer-site-map:nth-child(1) ul li {white-space: nowrap; margin-bottom: 20px;}
.footer-site-map ul li a {color: var(--socialBg);font-size: 16px; display: flex; align-items: flex-start; gap: 18px;}
.footer-site-map ul li a span{margin-right: 10px;}
.footer-site-map .footer-page-link {position: relative;display: flex;flex-direction: column;gap: 20px;}
.footer-page-link .footer-site-list {position: relative;}
.footer-page-link .footer-site-list .heading {font-size: 18px; font-weight: 600; color: var(--socialBg);font-weight: 600;margin-bottom: 5px; text-transform: uppercase;}
.footer-page-link .footer-site-list a {color: var(--socialBg); font-size: 16px;}
/* ********|| FOOTER ENDS ||******** */
/* ********|| MODAL STARTS ||******** */
/* ********|| MODAL ENDS ||******** */
/* -------BINITA START------- */
/* ********|| BANNER START ||********* */ 
main{padding-top: 140px;}
.section-inner-banner{position: relative; overflow: hidden;}
.section-inner-banner .section-inner-banner-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
.section-inner-banner::after{content: ''; position: absolute; top: 0; left: 0; z-index: 0; background-color: var(--bannerBg); width: 100%; height: 100%;}
.section-inner-banner .section-inner-banner-image{width: 100%; height: 100%; overflow: hidden;}
.section-inner-banner .section-inner-banner-image img{width: 100%; height: 100%; object-fit: cover;}
.section-inner-banner .title{position: relative; z-index: 1;}
/* ********|| BANNER START ||********* */ 
/* ********|| BLOG PAGE START ||********* */ 
.blog-content-wrapper{display: flex; flex-direction: column; gap: 26px; border-right: 1px solid var(--borderColor);}
.blog-content-wrapper .blog-item{display: flex; gap: 26px; padding: 30px; background-color: var(--shades04); border-radius: 20px;}
.blog-content-wrapper .blog-item .blog-image{width: 30%; height: 100%; overflow: hidden; border-radius: 20px; display: flex; position: relative;}
.blog-content-wrapper .blog-item .blog-image img{width: 100%; height: 100%; object-fit: cover;}
.blog-content-wrapper .blog-item .blog-item-text{width: 70%;}
.blog-content-wrapper .blog-item .blog-item-text .blog-heading{font-size: 24px; line-height: 1.4; color: var(--primaryColor); text-transform: uppercase; margin-bottom: 10px; font-weight: 600;}
.blog-content-wrapper .blog-item .blog-item-text .blog-description{font-size: 16px; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.blog-content-wrapper .blog-item .blog-item-text .blog-link{position: relative; font-size: 20px; cursor: pointer; transition: 0.3s all ease; text-transform: capitalize;}
.blog-content-wrapper .blog-item .blog-item-text .blog-link::after{content: '\f324'; font-family: "Font Awesome 6 Pro"; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; opacity: 0; transition: 0.3s all ease;}
.blog-content-wrapper .blog-item .blog-item-text .blog-link:hover::after{right: -26px; opacity: 1;}
.blog-content-wrapper .blog-item .blog-image .blog-date{position: absolute; top: 0px; left: 0; background-color: var(--buttonColor); font-size: 13px; z-index: 1; display: flex; flex-direction: column; gap: 1px; line-height: 1; border-bottom-right-radius: 8px; color: var(--shades01); width: 75px; aspect-ratio: 1/1; justify-content: center; align-items: center;}
.blog-content-wrapper .blog-item .blog-image .blog-date span{font-size: 24px; font-weight: 700;}
/* ********|| BLOG PAGE END ||********* */
/* ********|| BLOG DETAILS PAGE START ||********* */
.blog-details-wrapper .blog-details-img{width: 100%; aspect-ratio: 2/1; overflow: hidden; border-radius: 30px; position: relative;}
.blog-details-wrapper .blog-details-img .blog-details-date{position: absolute; top: 0px; left: 0; background-color: var(--buttonColor); font-size: 18px; z-index: 1; display: flex; flex-direction: column; gap: 1px; line-height: 1; border-bottom-right-radius: 8px; color: var(--shades01); width: 115px; aspect-ratio: 1/1; justify-content: center; align-items: center;}
.blog-details-wrapper .blog-details-img .blog-details-date span{font-size: 46px; font-weight: 700;}
.blog-details-wrapper .blog-details-img img{width: 100%; height: 100%; object-fit: cover;}
.blog-details-wrapper .blog-details-img img{width: 100%; height: 100%; object-fit: cover;}
.blog-details-wrapper .blog-details-text{padding: 20px;}
.blog-details-wrapper .blog-details-text .blog-details-heading{font-size: 36px; color: var(--buttonColor); font-weight: 700; margin-top: 20px;}
.blog-details-wrapper .blog-details-text .blog-details-description h3{font-size: 24px; color: var(--primaryColor); font-weight: 600; margin-bottom: 12px; margin-top: 20px;}
.blog-details-wrapper .blog-details-text .blog-details-description p{font-size: 18px; margin-bottom: 10px; line-height: 1.6;}
.blog-details-wrapper .blog-details-text .blog-details-description ul{font-size: 18px; margin-bottom: 10px; line-height: 1.6;}
.blog-details-wrapper .blog-details-text .blog-details-description ul li{margin-bottom: 14px;}
.blog-details-wrapper .blog-details-text .blog-details-description ul li strong{padding-right: 10px;}
.aside-filter{display: none; justify-content: center; align-items: center; height: 50px; color: var(--shades01); background-color: var(--buttonColor); cursor: pointer; padding: 20px; border-radius: 50px; margin-left: auto; border: 0; font-size: 20px;}
.aside-filter i{margin-right: 8px;}
.blog-certificate-wrapper{display: flex; gap: 30px; margin-top: 36px; flex-direction: column;}
.blog-certificate-content-wrapper .blog-title{position: relative; font-size: 30px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase;}
.blog-certificate-content-wrapper .blog-content-wrapper{display: grid ; grid-template-columns: repeat(3, 1fr);}
.blog-certificate-content-wrapper .blog-certificate-item-wrapper .blog-item{flex-direction: column;}
.blog-certificate-content-wrapper .blog-certificate-item-wrapper .blog-image{width: 100%; height: 200px;}
.blog-certificate-content-wrapper .blog-certificate-item-wrapper .blog-item-text{width: 100%;}
.blog-certificate-wrapper .blog-certificate-content-wrapper{width: 100%;}
.certificate-wrapper{width: 100%; display: flex; gap: 70px; align-items: center; margin-top: 25px; background: var(--shades04); padding: 20px; border-radius: 20px;}
.certificate-wrapper .certificate-heading{width: 50%;}
.certificate-wrapper .certificate-title{position: relative; font-size: 30px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase;}
.certificate-wrapper .certificate-heading .certificate-description{font-size: 18px;}
.certificate-wrapper .certificate-image-sec{width: 50%; display: flex; gap: 30px;}
.certificate-wrapper .certificate-image-sec .certificate-image-wrapper{ width: 50%; text-align: center; font-size: 16px; padding: 20px; background: var(--shades01); border-radius: 20px; color: var(--buttonColor); text-transform: capitalize; line-height: 1.2;}
.certificate-wrapper .certificate-image-sec .certificate-image-wrapper p{ margin-bottom: 12px;}
.certificate-wrapper .certificate-img{width: 100%; aspect-ratio: 1.4/1; overflow: hidden; margin-bottom: 12px;}
.certificate-wrapper .certificate-img img{width: 100%; height: 100%; object-fit: contain; }
.blog-certificate-wrapper .blog-heading{font-size: 18px!important; }
.blog-certificate-wrapper .blog-description{-webkit-line-clamp: 3!important;}
/* ********|| BLOG DETAILS PAGE END ||********* */
/* ********|| TESTIMONIAL PAGE START ||********* */
.testimonial-page-content-wrap{padding: 100px 0;}
.testimonial-item-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.testimonial-page-sec{padding-top: 146px;}
.testimonial-page-sec::after{display: none;}
.testimonial-video-wrap{position: relative;}
.testimonial-view-more{display: flex; justify-content: center; padding-top: 50px;}
/* ********|| TESTIMONIAL PAGE END ||********* */
.faq-page-sec{padding: 60px 45px!important;}
.swiper-pagination{z-index: 2!important;}
.heroSwiper { direction: ltr;}
.section-keyFeatures{overflow: hidden;}
/* .section-keyFeatures{overflow: hidden;} */
/* .section-contact-us{overflow: hidden;} */
/* ********|| CERTIFICATION PAGE START ||********* */
.certification-texts h2{font-size: 42px; line-height: 1.2;}
.certification-description h5{font-size: 22px; color: var(--buttonColor); margin: 16px 0; line-height: 1.3;}
.certification-description p{font-size: 18px; margin-bottom: 14px; line-height: 1.8;}
.certification-description h4{font-size: 22px; margin: 12px 0;}
.ul-certificate-wrapper{display: flex; gap: 30px; align-items: center;}
.ul-certificate-wrapper ul{width: 65%; margin: 0;}
.certification-description ul li{font-size: 18px; padding: 5px 0;}
.ul-certificate-wrapper .certificate-label{width: 20%; height: 100%; overflow: hidden;}
.ul-certificate-wrapper .certificate-label img{width: 100%; height: 100%; object-fit: cover;}
.certificate-download{background: var(--buttonColor); padding: 4px 10px; border-radius: 50px; color: var(--shades01); font-size: 14px;}
/* ********|| CERTIFICATION PAGE END ||********* */
/* -------BINITA END------- */
/* ********|| PDF DOWNLOAD PAGE START ||********* */
/* ********|| PDF DOWNLOAD PAGE END ||*********/
/* ********|| TESTIMONIAL PAGE START ||*********/
.section-testimonial-alt {}
.section-testimonial-alt  .title{}
.section-testimonial-alt  .breadcrumb-wrap{}
.section-testimonial-alt  .breadcrumb-wrap .breadcrumbs{}
.section-testimonial-alt  .breadcrumb-wrap .breadcrumbs li{}
.section-testimonial-alt  .breadcrumb-wrap .breadcrumbs li a{}
.section-testimonial-alt.section-testimonial{padding: 100px 0;}
.section-testimonial-alt.section-testimonial::after{display: none; padding-top: 140px;}
.section-testimonial-alt  .testimonial-slider{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.section-testimonial-alt  .testimonial-slider .testimonial-item{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
/* ********|| TESTIMONIAL PAGE END ||*********/
/* ********|| APPLICATION PAGE START ||*********/
.section-application{position: relative; padding: 100px 0px;}
.section-application .aplication-items{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.section-application .aplication-items .aplication-item{border-radius: 20px; position: relative; overflow: hidden;    box-shadow: 0px 0px 11px 0px rgb(100 100 100 / 0.3);}
.section-application .aplication-items .aplication-item .aplication-img-wrap{width: 100%; height: 250px; overflow: hidden; border-radius: 20px;}
.aplication-item .aplication-img-wrap img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.aplication-item:hover .aplication-img-wrap img{transform: rotate(10deg) scale(1.5);}
.aplication-item .aplication-details-wrap{padding: 20px 30px;} 
.aplication-item .aplication-details-wrap .title{position: relative; margin-bottom: 10px;}
.aplication-item .aplication-details-wrap .title h3{font-size: 20px; color: var(--primaryColor); text-transform: uppercase; margin-bottom: 0px; font-weight: 600;}
.aplication-item .aplication-details-wrap .details-list-wrap{position: relative;}
.aplication-item .aplication-details-wrap .details-list{padding-left: 0px; margin: 0px; list-style: none;}
.aplication-item .aplication-details-wrap .details-list li{position: relative; font-size: 16px; color: var(--subTextColor); margin-bottom: 6px;  transition: all 0.6s ease;} 
.aplication-item .aplication-details-wrap .details-list li .aplication-link{font-size: 16px; color: var(--subTextColor); margin-bottom: 6px; display: block;   padding: 6px 30px; background-image: linear-gradient(#f5f5f5, #dcdcdc); border-radius: 4px; transition: all 0.6s ease;} 
.aplication-item .aplication-details-wrap .details-list li .aplication-link::after{position: absolute; content: '\f101'; font-family: "Font Awesome 6 Pro"; top: 50%; left: 0%; transform: translate(50%, -50%); color: var(--secondaryColor);}
.aplication-item .aplication-details-wrap .details-list li:hover .aplication-link{font-size: 16px; color: var(--shades01); margin-bottom: 6px; background-image: linear-gradient(var(--secondaryColor), #1b432c);}
.aplication-item .aplication-details-wrap .details-list li:hover .aplication-link::after{ color: var(--shades01);}
/* ********|| APPLICATION PAGE END ||*********/
/* ********|| ABOUT PAGE START ||*********/
.section-about{padding: 100px 0;}
/* ********|| ABOUT PAGE END ||*********/
/* ********|| TECHNICAL PAGE START ||*********/
.section-technical-alt{position: relative; padding: 100px 0;}
.section-technical-alt .table-content{display: flex; flex-direction: column; gap: 30px;}
/* ********|| TECHNICAL PAGE END ||*********/
/* ********|| INDUSTRIES PAGE START ||*********/
.section-industries{padding: 100px 0;}
.section-industries .industrie-items{display: grid ; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.industrie-items .industrie-item{border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 11px 0px rgb(100 100 100 / 0.3); display: flex; flex-direction: column; height: 100%;}
.industrie-item .item-img-wrap{position: relative;  width: 100%; height: 250px; border-radius: 20px; overflow: hidden; flex-shrink: 0;}
.industrie-item .item-img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.industrie-item .item-details{ padding: 30px 20px; height: 100%; flex-shrink: 1; display: flex; flex-direction: column;}
.industrie-item .item-details .heading{font-size: 20px; color: var(--primaryColor); text-transform: uppercase; margin-bottom: 0px; font-weight: 600;}
.industrie-item .item-details .heading h3{font-size: 20px;  font-weight: 600 ; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.2; margin-bottom: 10px;}
.industrie-item .item-details .description{font-size: 18px; color: var(--subTextColor); line-height: 1.6; margin-top: 10px; margin-top: auto;}
.industrie-item .item-details p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} 
.industrie-item .item-details .read-more-btn {color: var(--buttonColor);background: none;border: none;cursor: pointer;font-size: 16px;text-transform: uppercase;padding: 0;font-weight: 600; letter-spacing: 1px;} 
/* ********|| INDUSTRIES PAGE END ||*********/
/* ********|| CONTACT US PAGE START ||*********/
.contact-title{padding-bottom: 40px;}
/* ********|| CONTACT US PAGE END ||*********/
/* ********|| CASE STADY DETAILS PAGE START ||*********/
.details-wrapper{position: relative;}
.details-wrapper .case-study-details-img{width: 100%; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 30px; position: relative;}
.details-wrapper .case-study-details-img img{ width: 100%; height: 100%; object-fit: cover;}
.details-wrapper .case-study-details-date{position: absolute; top: 0px; left: 0; background-color: var(--buttonColor); font-size: 18px; z-index: 1; display: flex; flex-direction: column; gap: 1px; line-height: 1; border-bottom-right-radius: 8px; color: var(--shades01); width: 115px; aspect-ratio: 1 / 1; justify-content: center; align-items: center;}
.details-wrapper .case-study-details-date span{font-size: 46px; font-weight: 700;}
.details-wrapper .case-study-details-text{padding: 20px;}
.details-wrapper .case-study-details-text h2{font-size: 36px;  color: var(--buttonColor); font-weight: 700; margin-top: 20px;}
.details-wrapper .details-description{font-size: 18px; color: var(--subTextColor); line-height: 1.6;}
.details-wrapper .details-description h3{font-size: 24px; margin-bottom: 12px; line-height: 1.4; color: var(--primaryColor);}
.details-wrapper .details-description p{margin-bottom: 10px;}
.details-wrapper .details-description ul{color: var(--subTextColor);}
.details-wrapper .details-description ul li{position: relative;}
/* ********|| CASE STADY DETAILS PAGE END ||*********/
/* ********|| ALL PAGE SERVICE POST CONTENT START ||*********/
.service-page-content{font-size: 18px; line-height: 1.6; color: var(--subTextColor);}
.service-page-content ul{font-size: 15px; line-height: 1.8; color: var(--subTextColor); padding: 0;}
.service-page-content ul li{list-style: none;}
/* ********|| ALL PAGE SERVICE POST CONTENT END ||*********/
/* ********|| RESPONSIVE STARTS ||******** */
@media screen and (max-width: 1600px) {
  /* COMMON START */
   .title { font-size: 40px; } 
   .cta-btn { padding: 16px 26px; font-size: 18px;}
   /* COMMON END */ 
  header .navigation-menu .navigation-link { font-size: 16px; padding: 0 18px;}
  .hero-content .hero-title {font-size: 80px; }
  .hero-content .hero-text { font-size: 35px; }
  .section-hero .hero-slider .hero-slider-item { height: 420px; } 
  .section-product .product-items { gap: 38px;}
  .section-product .product-item .product-item-content { font-size: 16px; }
  .table-content th { padding: 18px 30px; font-size: 18px;}
  .table-content td {border: 1px solid #8F8F8F;padding: 12px 30px; font-size: 16px;}
  .graph-item .graph-item-content { font-size: 14px; }
  .section-graph .graph-items .graph-item .graph-item-image-alt {   height: 360px;}
  .section-technical {  padding: 90px 220px 190px; }
  .keyFeatures-content .subheading { font-size: 20px; }
  .keyFeatures-content .descriptions {font-size: 16px;}
  .section-keyFeatures .btn-wrap {  margin-top: 30px;} 
  .section-pdf .btn-wrap .btn {  font-size: 20px;} 
  .pdf-item .btn-wrap .cta-btn {font-size: 16px;}
  .keyFeatures-content .descriptions .order-list { font-size: 16px; }
  .testimonial-slider .testimonial-item {position: relative; }
  .accordion-header { padding: 16px 18px;}
  .accordion-header .accordion-button { font-size: 20px; }
  .accordion-body {  font-size: 16px;  padding: 16px 20px;  }
  .accordion-item { margin-bottom: 18px;}
  .section-contact-us .contact-us-wrap { padding: 40px 0; }
  .section-contact-us .contact-us-wrap .contact-us-details {  max-width: 590px; }
  .contact-us-details .descriptions { font-size: 16px; }
  .contact-us-details .contact-info-wrap .contact-info { gap: 14px; }
  .contact-info-wrap .contact-info .icon-wrap {background-color: var(--secondaryColor);width: 42px;height: 42px;font-size: 20px; }
  .contact-info-wrap .contact-info .link {font-size: 20px; }
  .contact-us-wrap .contact-us-form .title { margin-bottom: 20px;} 
  .contact-us-wrap .contact-us-form .form-group .form-control {  padding: 16px 20px; border-radius: 10px;}
  .contact-us-wrap .contact-us-form .form-group textarea { padding: 16px 20px;  border-radius: 10px; }
  .section-contact-us .cta-btn { border-radius: 10px; padding: 20px 10px; font-size: 18px;}
  footer::after { width: calc(100% - 570px); }
  footer .footer-about {padding: 220px 0 0 0; }
  footer .footer-container { padding: 240px 0px 60px 60px; }
  .footer-about .img-wrap {width: 200px; }
  .footer-about .title { font-size: 26px; }
  .footer-container .footer-site-map .footer-title {  font-size: 20px;}
  .footer-site-map ul li a { font-size: 14px; }
  .footer-page-link .footer-site-list .heading {font-size: 16px; }
  .footer-page-link .footer-site-list a { font-size: 14px;}
  .footer-about .socila-link .sub-title {font-size: 20px; }
  .footer-about .socila-link .socila-media-wrap .socila-link-item li { width: 36px;height: 36px; }
  /* APPLICATION PAGE START */
  .section-application .aplication-items { grid-template-columns: repeat(3, 1fr); }
  /* APPLICATION PAGE END */
  /* INDUSTRIE PAGE START */
  .section-industries .industrie-items { grid-template-columns: repeat(3, 1fr); }
  /* INDUSTRIE PAGE END */
  /* CASE STUDY PAGE START */
  .details-wrapper .case-study-details-text h2 {font-size: 28px; margin-bottom: 12px;}
  .details-wrapper .details-description h3 { font-size: 20px;   font-weight: 600;}
  .details-wrapper .details-description {font-size: 16px; }
  /* CASE STUDY PAGE END */
  /* ----BINITA START----- */
  .blog-content-wrapper .blog-item .blog-image{width: 40%;}
  .blog-content-wrapper .blog-item .blog-item-text { width: 60%;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-heading {font-size: 22px;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-link{font-size: 19px;}
  .blog-certificate-item-wrapper .blog-item .blog-image{width: 100%;}
  .blog-certificate-item-wrapper .blog-item .blog-item-text{width: 100%;}
  .blog-certificate-wrapper .blog-heading {font-size: 18px !important;}
  .blog-certificate-wrapper .blog-item{gap: 15px;}
  .blog-certificate-wrapper .blog-item .blog-item-text .blog-description{font-size: 15px;}
  .blog-certificate-wrapper .certificate-wrapper{gap: 40px;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-image-sec{gap: 22px;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-heading .certificate-description { font-size: 16px;}
  .blog-certificate-item-wrapper .blog-item{padding: 18px;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-image-sec .certificate-image-wrapper{pad: 12px;}
  .content-wrapper .content-details .title{font-size: 28px;}
  .content-wrapper .content-details .description {font-size: 17px;}
  .blog-certificate-content-wrapper .blog-title{font-size: 28px;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-title{font-size: 28px;}
  .certification-texts h2{font-size: 38px;}
  .certification-description p {font-size: 16px;}
  .certification-description h4 {font-size: 20px;}
  .certification-description ul li {font-size: 16px;}
  .certificate-wrapper .certificate-heading .certificate-description {font-size: 16px;}
  .certificate-wrapper .certificate-image-sec .certificate-image-wrapper{font-size: 14px; padding: 12px;}
  .certificate-wrapper{gap: 35px;}
  /* ----BINITA END----- */
}
@media screen and (max-width: 1470px) {
  /* COMMON START */
  .title { font-size: 34px;}
  .cta-btn {  padding: 14px 20px; font-size: 16px;}
  .title-wrap .btn-wrap .cta-btn { padding: 10px 20px; font-size: 16px;}
  /* COMMON END */
  .section-hero::after { height: 200px;}
  .section-hero .container .hero-content {max-width: 50%;}
  .hero-content .hero-title {font-size: 70px;}
  .hero-content .hero-text { font-size: 28px;}
  .section-hero .hero-slider .hero-slider-item {height: 380px; padding: 30px 50px;}
  .section-product .product-items {gap: 28px;}
  .section-product .product-item .product-item-content {padding: 20px;}
  .table-content th { padding: 14px 26px; }
  .table-content td {  padding: 10px 26px; font-size: 14px;}
  .section-technical {padding: 90px 220px 160px;}
  .graph-item .graph-item-content { font-size: 12px; padding: 20px 0;}
  .section-graph .graph-items .graph-item .graph-item-image { max-width: 280px; padding: 30px 0;}
  .section-graph .graph-items .graph-item .graph-item-image-alt {height: 330px;}
  .graph-item .graph-item-content {font-size: 12px; padding: 18px 0;}
  .keyFeatures-content .subheading { font-size: 18px;} 
  .keyFeatures-content .descriptions {font-size: 16px;}
  .pdf-item .pdf-item-content { font-size: 14px;}
  .pdf-item .btn-wrap .cta-btn {font-size: 16px;}
  .pdf-item .pdf-item-content { padding: 14px 16px; font-size: 14px;}
  .testimonial-slider .testimonial-item {position: relative;}
  .testimonial-item .testimonial-details .descriptions {font-size: 16px;}
  .testimonial-item .testimonial-details .read-more-btn {font-size: 14px;}
  .testimonial-item .testimonial-details .user-details { margin-top: 14px;}
  .testimonial-item .testimonial-details .user-details .user-name {font-size: 14px; }
  .testimonial-item .testimonial-details .user-details .user-profession {font-size: 16px;}
  .accordion-header .accordion-button {font-size: 18px;}
  .section-contact-us .contact-us-wrap { gap: 40px; }
  .section-contact-us .contact-us-wrap .contact-us-details {max-width: 500px;}
  .contact-us-details .title h2 {font-size: 30px; }
  .contact-us-details .descriptions { font-size: 14px;}
  .contact-us-details .contact-info-wrap .contact-info { gap: 12px; border-radius: 16px;}
  .contact-info-wrap .contact-info .icon-wrap {  width: 36px; height: 36px; font-size: 16px;}
  .contact-info-wrap .contact-info .contact {font-size: 16px;}
  footer::after {width: calc(100% - 500px);}
  .footer-about .title { font-size: 22px;}
  .copyright {font-size: 12px; } 
  /* INDUSTRIE PAGE START */ 
  /* INDUSTRIE PAGE END */
   /* --------BINITA START------- */
   .blog-content-wrapper .blog-item .blog-item-text .blog-heading { font-size: 21px; margin-bottom: 4px;}
   .blog-content-wrapper .blog-item .blog-item-text .blog-description { font-size: 16px;}
 /* --------BINITA END------- */
}
@media screen and (max-width: 1366px) {
  /* COMMON START */
  .title {  font-size: 30px;}
  .section-title .title {  font-size: 40px; }
  .breadcrumbs li{ font-size: 16px;}
  /* COMMON END */ 
  header .container .brand {height: 50px;}
  header .navigation-menu .navigation-link {font-size: 14px; padding: 0px 14px;}   
  .section-product .product-item .product-item-content { font-size: 14px;}
  .section-product .product-item .product-item-content p{margin: 0 0 6px;}
  .section-testimonial-alt  .testimonial-slider{grid-template-columns: repeat(3, 1fr); gap: 20px;}
  .contact-us-details .title { font-size: 28px; margin-bottom: 16px;}
  .section-contact-us .cta-btn { font-size: 16px;}
  .footer-about .img-wrap { width: 150px;}
  .footer-about .title { font-size: 18px;}
  .footer-about .socila-link .sub-title { font-size: 18px;}
  footer::after { width: calc(100% - 410px);}
  footer .footer-container {padding: 220px 0px 60px 60px;}
  .footer-container .footer-site-map .footer-title { font-size: 18px;}
  .footer-page-link .footer-site-list .heading {font-size: 14px; margin-bottom: 2px; }
  /* APPLICATION PAGE START */
  .aplication-item .aplication-details-wrap {padding: 20px 24px;}
  .aplication-item .aplication-details-wrap .title h3 { font-size: 18px; }
  .aplication-item .aplication-details-wrap .details-list li .aplication-link {font-size: 14px; }
  /* APPLICATION PAGE END */
  /* INDUSTRIE PAGE START */ 
  .industrie-item .item-details { padding: 20px 24px;}
  .industrie-item .item-details .heading h3 { font-size: 18px;}
  .industrie-item .item-details .description {font-size: 14px;}
  .industrie-item .item-details .read-more-btn { font-size: 14px; }
  /* INDUSTRIE PAGE END */
}
@media screen and (max-width: 1280px) {
  /* COMMON START */
  .title {  font-size: 26px;}
  .cta-btn {   font-size: 14px;}
  .section-title .title {  margin-bottom: 0px;}
  /* COMMON END */ 
	.section-hero::after {height: 140px;}
  .hero-content .hero-title {font-size: 60px;}
  .hero-content .hero-text {font-size: 22px;}
  .section-hero .hero-slider { padding: 65px 40px 130px;}
  .section-hero .hero-slider .hero-slider-item {height: 350px;padding: 30px 40px;border-radius: 40px;} 
  .section-technical { padding: 90px 150px 160px;}
  .section-graph .graph-items { gap: 40px;}
  .keyFeatures-content .descriptions .order-list { font-size: 14px;}
  .testimonial-slider .sliderWrap .swiper-button-next, .testimonial-slider .sliderWrap .swiper-button-prev { width: 40px;height: 40px; }
  .section-contact-us .contact-us-wrap .contact-us-details { max-width: 430px;}
  .contact-us-details .title h2 { font-size: 22px;}
  .contact-us-details .contact-info-wrap .contact-info { gap: 10px; padding: 10px;border-radius: 16px;}
  .contact-us-wrap .contact-us-form { padding-right: 30px;}
  .section-contact-us .cta-btn { padding: 16px 10px;font-size: 18px;}
  footer .footer-container { gap: 20px; flex-wrap: wrap;}
  .footer-container .footer-site-map .footer-title {  font-size: 16px;} 
  /* TECHNICAL PAGE START */
  .section-technical .title { margin-bottom: 40px;}
  .table-content .swiper-slider-wrap { bottom: -15%;}
  /* TECHNICAL PAGE END */
  /* PDF DOWNLOAD PAGE START */
  .cta-btn {  padding: 14px 14px;}
  .section-pdf .pdf-items { gap: 15px;}
  .pdf-item .btn-wrap .cta-btn {font-size: 14px;}
  .pdf-item .pdf-item-content { font-size: 12px;} 
  /* PDF DOWNLOAD PAGE END */
  /* APPLICATION PAGE START */
  .section-application {position: relative;padding: 60px 0px;}
  .section-application .aplication-items {gap: 20px;}
  .section-application .aplication-items .aplication-item {border-radius: 16px; }
  .section-application .aplication-items .aplication-item .aplication-img-wrap {  height: 180px;  border-radius: 16px;}
  /* APPLICATION PAGE END */
  /* INDUSTRIE PAGE START */ 
  .section-industries { padding: 60px 0;}
  .section-industries .industrie-items { gap: 20px;} 
  .industrie-item .item-img-wrap { height: 180px; }
  /* INDUSTRIE PAGE END */
  /* CASE STUDY PAGE START */
  .details-wrapper .case-study-details-date { width: 100px; font-size: 16px;}
  .details-wrapper .case-study-details-date span {font-size: 36px; }
  /* CASE STUDY PAGE END */
}
@media screen and (max-width: 1024px) { 
  header .navigation-inner {position: fixed;width: 100%; max-width: 440px; height: 100%;top: 0;right: 0;background-color: var(--shades04);display: flex;flex-direction: column; padding: 0;transform: translateX(120%);transition: all 0.3s ease;padding: 24px;} 
  .btn-menu-close{background-color: transparent; border: none; font-size: 30px; display: inline-flex; margin-left: auto;}
  header .navigation-inner.active {transform: translateX(0%);}
  header .btn-menu-trigger { display: flex; margin-left: auto; }
  header .navigation-menu {display: block;flex-direction: column;align-items: flex-start !important; padding: 40px 20px; }
  header .navigation .navigation-menu {   gap: 20px;}
  header .navigation-menu .navigation-link{height: 30px; padding: 0 40px; font-size: 20px;}
  header .navigation-menu .navigation-link::after { top: 0px; }
  header .navigation .navigation-inner .btn-menu-close{display: block;} 
  .section-product {   padding: 52px 0px 56px;}
  .section-technical {padding: 56px 150px 80px;}
  .section-graph {padding-top: 56px;}
  .section-keyFeatures {   padding-top: 76px;}
  .section-pdf { padding-top: 76px;}
  .section-pdf.section-title { padding-top: 144px;}
  .section-testimonial { padding-top: 170px;} 
  .section-testimonial::after { height: 220px; }
  .section-faq { padding-top: 76px; }
  .table-conten .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 34px); }
  .table-content .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));}
  /* CASE STUDY PAGE START */
  .details-wrapper .case-study-details-date {  width: 86px;  font-size: 14px;}
  .details-wrapper .case-study-details-text h2 {font-size: 24px; margin-bottom: 12px;}
  .details-wrapper .details-description { font-size: 14px;}
  .details-wrapper .details-description h3 {font-size: 18px; margin-bottom: 8px;}
  /* CASE STUDY PAGE END */
  .copyright { white-space: nowrap;}
}
@media screen and (max-width: 990px) {
  .section-hero .container {flex-direction: column-reverse;}
  .section-hero .hero-slider { max-width: 100%; padding: 0px 110px 90px;}
  .section-hero .hero-slider .hero-slider-item {height: 500px; }
  .section-hero .container .hero-content { max-width: 100%;}
  .section-hero .swiper-slider-wrap {  bottom: 50px;}
  .section-product .product-items { grid-template-columns: repeat(2, 1fr); }
  .section-graph .graph-items {flex-wrap: wrap;}
  .section-graph .graph-items .graph-item-wrap {  width: 100%; }
  .section-graph .graph-items .graph-item-wrap:nth-child(2) { margin: 0 auto;}
  .section-keyFeatures .container { flex-direction: column; gap: 20px;} 
  .section-keyFeatures .container .keyFeatures-content-alt { order: 0; padding-left: 0px;}
  .section-keyFeatures .container .keyFeatures-content {width: 100%; }
  .section-keyFeatures .container .keyFeatures-image-wrap {width: 100%; }
  .section-testimonial-alt  .testimonial-slider{grid-template-columns: repeat(2, 1fr);  }
  .section-pdf .pdf-items { grid-template-columns: repeat(2, 1fr); }
  .section-faq .title { margin-bottom: 30px;}
  .section-contact-us .contact-us-wrap { flex-direction: column;  width: 100%; background: var(--shades01);border-radius: 20px; padding: 20px;} 
  .section-contact-us .contact-us-wrap::after { width: 100%; }
  .section-contact-us .contact-us-wrap .contact-us-details {max-width: 100%;}
  .contact-us-details .title h2 {  font-size: 20px;}
  .contact-us-wrap .contact-us-form {width: 100%; }
  footer::after { width: calc(100% - 370px);}
  footer .footer-about {padding: 200px 0 0 0;margin-right: 10px; }
  footer .footer-container {padding: 200px 0px 60px 40px;}
  /* APLICATION PAGE START  */
  .section-application .aplication-items {grid-template-columns: repeat(2, 1fr);}
  .aplication-item .aplication-details-wrap { padding: 20px 16px;}
  /* APLICATION PAGE END  */
  /* INDUSTRIE PAGE START */ 
  .section-industries .industrie-items {  grid-template-columns: repeat(2, 1fr);}
  .industrie-item .item-details .heading h3 { font-size: 16px;}
  /* INDUSTRIE PAGE END */ 
  /* ---------BINITA START-------- */
  .section-details-list .content-wrapper{grid-template-columns: 4fr;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-heading {font-size: 18px;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-description{-webkit-line-clamp: 2;}
  .aside-filter{display: flex;}
  .content-wrapper .section-aside { position: absolute; top: 12px; right: 0; z-index: 1; transform: translateX(128%); transition: 0.5s all ease; background-color: var(--shades01); display: none;}
  .content-wrapper .section-aside.active{transform: translateX(0%); display: block;}
  .blog-certificate-content-wrapper .blog-content-wrapper{gap: 18px;}
  .blog-content-wrapper .blog-item .blog-image .blog-date{font-size: 12px;}
  .blog-content-wrapper .blog-item .blog-image .blog-date span { font-size: 22px;}
  .blog-content-wrapper .blog-item .blog-image .blog-date{width: 70px;}
  .blog-certificate-content-wrapper .blog-content-wrapper{grid-template-columns: repeat(2, 1fr);}
  .blog-certificate-wrapper .certificate-wrapper .certificate-title{font-size: 26px;}
  .blog-certificate-content-wrapper .blog-title{font-size: 26px;}
  .content-wrapper .content-details .title{font-size: 26px;}
  .blog-certificate-wrapper .certificate-wrapper{flex-direction: column;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-heading{width: 100%;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-image-sec{width: 100%;}
  .certificate-wrapper{flex-direction: column;}
  .certificate-wrapper .certificate-heading { width: 100%;}
  .certificate-wrapper .certificate-image-sec{width: 100%;}
  /* ---------BINITA END-------- */
}
@media screen and (max-width: 990px) and (orientation: landscape){
  .section-testimonial-alt  .testimonial-slider{grid-template-columns: repeat(4, 1fr);  }
  .section-pdf .pdf-items { grid-template-columns: repeat(2, 1fr);gap: 20px;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px)  and (orientation: landscape){
}
@media screen and (max-width: 600px) {
  /* COMMON START */
  .container {padding:  0 12px;}
  .title { font-size: 20px;}
  /* COMMON END */ 
  header .container { width: 100%; }
  .section-hero .hero-slider {max-width: 100%;padding: 0px 0px 90px;}
  .section-hero .hero-slider .hero-slider-item { height: 350px;} 
  .hero-content .hero-title {  font-size: 50px;}
  .hero-content .hero-text {  font-size: 18px;}
  .section-product .container .title {  margin-bottom: 30px;}
  .section-product .product-items {grid-template-columns: repeat(1, 1fr);}
  .section-technical { padding: 90px 0px 100px;}
  .section-technical .title { margin-bottom: 30px;} 
  .table-content th {font-size: 16px; padding: 10px 12px;} 
  .table-content td { padding: 10px 12px; font-size: 12px; }
  .keyFeatures-content .subheading {font-size: 14px;} 
  .keyFeatures-content .descriptions {font-size: 14px;}
  .section-pdf .title-wrap .title { margin: 0; align-items: center;}
  .section-testimonial .testimonial-content-wrap .title {  margin: 0;}
  .section-contact-us .contact-us-wrap .contact-us-details { padding: 30px 24px;}
  .section-contact-us .cta-btn { padding: 16px 10px; font-size: 14px;}
  .contact-us-wrap .contact-us-form {width: 100%;padding-right: 0px;}
  footer .footer-wraper {  flex-direction: column-reverse;}
  footer .footer-about { padding: 0px 0 0 0;}
  footer .footer-container {  padding: 140px 0px 60px 0px;} 
  .footer-container .footer-site-map .footer-title { font-size: 20px;  }
  .footer-container .footer-site-map .footer-title { margin-bottom: 12px;}  
  footer::after { display: none;}
  .copyright {  margin-top: 20px;} 
  .section-testimonial-alt  .testimonial-slider{grid-template-columns: repeat(1, 1fr); gap: 20px; }
  .section-pdf .pdf-items {   grid-template-columns: repeat(1, 1fr); gap: 20px;}
  /* APPLICATION PAGE START */
  .section-application .aplication-items {grid-template-columns: repeat(1, 1fr);}
  .section-title .title {  font-size: 35px;}
  /* APPLICATION PAGE END */
  /* INDUSTRIE PAGE START */ 
  .section-industries .industrie-items { grid-template-columns: repeat(1, 1fr);}
  /* INDUSTRIE PAGE END */
}
@media screen and (max-width: 480px) {
  /* --------BINITA START-------- */
  .blog-content-wrapper .blog-item .blog-image { width: 100%;}
  .blog-content-wrapper .blog-item .blog-item-text {width: 100%;}
  .blog-content-wrapper .blog-item{flex-wrap: wrap; padding: 20px; gap: 18px;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-heading { font-size: 16px;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-description { font-size: 14px; margin-bottom: 4px;}
  .blog-content-wrapper .blog-item .blog-image .blog-date span {font-size: 20px;}
  .blog-content-wrapper .blog-item .blog-item-text .blog-link { font-size: 16px;}
  .section-details-list { position: relative; padding: 24px 0;}
  .section-details-list .content-wrapper{padding: 20px 10px;}
  .content-wrapper .content-details .title {font-size: 20px;}
  .content-wrapper .content-details .description { font-size: 15px;}
  .blog-certificate-content-wrapper .blog-content-wrapper { grid-template-columns: repeat(1, 1fr);}
  .blog-certificate-content-wrapper .blog-certificate-item-wrapper .blog-item{flex-wrap: nowrap;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-image-sec{flex-wrap: wrap;}
  .blog-certificate-wrapper .certificate-wrapper .certificate-image-sec .certificate-image-wrapper{width: 100%;}
  .faq-page-sec {padding: 34px 12px !important;}
  .certification-texts h2 {font-size: 22px;}
  .certification-description h5{font-size: 16px;}
  .certification-description p {font-size: 15px;}
  .certification-description h4 { font-size: 18px;}
  .certification-description ul li {font-size: 15px;}
  .ul-certificate-wrapper{flex-direction: column;}
  .ul-certificate-wrapper ul { width: 100%;}
  .ul-certificate-wrapper .certificate-label { width: 60%;}
  .certificate-wrapper .certificate-title{font-size: 22px;}
  .certificate-wrapper .certificate-heading .certificate-description {font-size: 15px;}
  .certificate-wrapper .certificate-image-sec{flex-direction: column;}
  .certificate-wrapper .certificate-image-sec .certificate-image-wrapper{width: 100%;}
  .certificate-wrapper .certificate-image-sec .certificate-image-wrapper{padding: 20px;}
  /* --------BINITA END-------- */
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}
/* ********|| RESPONSIVE ENDS ||******** */