/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/*======font-family: "Plus Jakarta Sans", sans-serif;======*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/*===========font-family: "Nunito Sans", sans-serif;================*/

/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
html{overflow-x: hidden;}
body { margin: 0; padding: 0; font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 400; color:#272727; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #000;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.1; }
h1{ font-size: clamp(1.875rem, 0.9091rem + 2.5758vw, 4rem);font-weight: 800;}
/*64-30*/
h2{ font-size: clamp(1.5625rem, 0.9091rem + 1.7424vw, 3rem);font-weight: 800; }
/*48-25*/
h3{ font-size: clamp(1.25rem, 0.9091rem + 0.9091vw, 2rem);}
/*32-20*/
h4{ font-size: clamp(1.25rem, 1.0795rem + 0.4545vw, 1.625rem);}
/*26-20*/
h5{ font-size: clamp(1rem, 0.9432rem + 0.1515vw, 1.125rem);}
/*18-16*/
h6{ font-size: clamp(1rem, 0.9432rem + 0.1515vw, 1.125rem);}
/*18-16*/
p{ margin:0 0 25px; line-height: 1.6; font-size: 16px}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "Nunito Sans", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Nunito Sans", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
p:last-child{margin-bottom: 0;}


/* --- common background color --- */




/* --- common background color --- */




/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */

.btn{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #f58220; letter-spacing: 1px; font-family: "Nunito Sans", sans-serif; display: inline-block; vertical-align: top; background: #f58220; color: #fff !important; padding: 18px 30px; font-size: 16px; line-height: 1; text-transform: inherit; border-radius: 0; font-weight: 600; text-transform: uppercase;}
.btn:hover {background-color: #000 !important; color: #fff !important; border: 1px solid #000000;}


a.btn.line-btn {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;padding: 0; background-color: transparent; border: none; font-weight: 600; font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); text-transform: capitalize;    display: flex; align-items: center;}
a.btn.line-btn span {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transform: translate(8px, 0px); }
a.btn.line-btn:hover span{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transform: translate(15px, 0px); }
a.btn.line-btn:hover {color: #F58220 !important;background-color: transparent !important;}
a.btn.black-btn{background-color: #000 !important;border: none !important;}
a.btn.black-btn:hover{background-color: #f58220 !important;border: none !important;}

a.download-btn {position: relative; background: #FFFFFF; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.08); border-radius: 0px 30px 30px 0px; border: 6px solid #f58220; text-transform: uppercase; color: #000; font-weight: 700; padding: 14px 26px 14px 54px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
a.download-btn span {display: flex; background: #E26F0E; border: 6px solid #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 65px; height: 65px; justify-content: center; align-items: center; border-radius: 60px; position: absolute; top: -8px; left: -26px; }
a.download-btn:hover{background-color: #000; color: #fff;transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}



/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 80px; padding-bottom: 80px; }
.form-control { height: 50px; padding: 12px 15px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }


.tag-white {color: #fff; font-weight: 600; font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem);}
.orange-text{color: #F58220;}
.tag-black {color: #4B4A4A; font-size: 16px; margin-bottom: 15px; text-transform:uppercase; }
.bg-ash{background-color: #F1F2F6;}

.common-header h2::before {content: ""; position: absolute; bottom: -16px; width: 122px; height: 3px; background-color: #F58220; }
.common-header h2 {position: relative;}
.common-header.center-header {text-align: center; }
.common-header.center-header h2::before {left: 0; right: 0; margin: 0 auto;}


.asbh-bg{background-color: #D9D9D9;}



/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header {background-color: #fff;padding: 15px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 50px;}

.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 50px;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #000; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: #000;}
.main-header ul li.menu-item-has-children a::after {content: ""; position: absolute; top: 11px; right: -21px; width: 10px; height: 10px; border: 2px solid #000; rotate: 45deg; border-top: 0; border-left: 0; }
.main-header .left-part {display: flex; align-items: center; }



.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #000000; padding: 8px 0; position: relative; font-size: 16px; font-weight: 600; text-transform: inherit;}
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 250px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {max-width: 150px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {margin-right: 40px;max-width: 220px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .contact-header {display: flex; align-items: center; }
.main-header .contact-header ul {padding: 0; margin: 0; list-style: none; }
.main-header .contact-header ul li a {display: flex; align-items: center; color: #000; font-weight: 600; font-size:16px; }
.main-header .contact-header ul li a .icon-area {margin-right: 10px; }
.main-header .contact-header ul {margin-right: 30px; }

.main-header .search-box input[type="submit"] {position: absolute; top: 5px; left: 5px; width: 42px; height: 42px; font-size: 0; background-color: #F58220; border: none; border-radius: 14px; background-image: url('../images/search.svg'); background-position: center center; background-repeat: no-repeat; }
.main-header .search-box form{position: relative;}
.main-header .search-box input[type="email"] {width: 220px; height: 52px !important; border-radius: 16px; border: 1px solid #A3A7A9; padding-left: 55px; font-size:16px; }
.main-header .search-box input::placeholder {color: #000; opacity: 1; }
.main-header ul li.menu-item-has-children .sub-menu a::after{display: none;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }


.main-header.fixed {background: #fff; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(10px);}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center; }
.main-header .user-sec {margin-left: 40px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 250px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #fff; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #000; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: 5px; top: 47%;  box-sizing: border-box;  height: 8px; width: 8px; border-style: solid; border-color: #292939; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/

.home-team-sec .image-box img,
.about-sec .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}


/*for header css*/

.whatsapp-fixed {position: fixed; right: 0; top: 50%; transform: translateY(-50%); background-color: #f58220; color: white !important; text-decoration: none; padding: 15px 10px; border-radius: 0px 8px 8px 0px; font-weight: bold; writing-mode: vertical-rl; transform: translateY(-50%) rotate(180deg); display: flex; align-items: center; gap: 8px; z-index: 9; }
.whatsapp-fixed img {width: 28px; height: 28px; margin-top: 8px; }
.whatsapp-fixed:hover {background-color: #e56f12; }


a.go-top-btn {padding: 18px;position: fixed; width: 40px; background: linear-gradient(148.39deg, #FF8D28 12.2%, rgba(245, 130, 32, 0.65) 95.42%); z-index: 9; width: 60px; height: 60px; display: inline-block; bottom: 200px; border-radius: 60px; display: flex; justify-content: center; align-items: center; right: 0; }


.banner-sec {overflow-x: hidden; min-height: 100vh; }
.banner-sec .container-content {position: relative; width: 100%; height: 100%; display: flex; align-items: center; min-height: 100vh; padding-top: 150px; padding-bottom: 160px; }
.banner-sec .slider-box {position: relative; height: 100%; min-height: 100vh; }
.banner-sec .slider-box > img {position: absolute; top: 0; left: 1px; width: 100%; height: 100%; object-fit: cover; object-position: bottom center; }
.banner-sec .swiper-container,
.banner-sec .swiper-wrapper,
.banner-sec .swiper-slide  {height: 100%; min-height: 100vh; }
.banner-sec .container-content .container {position: relative; }
.banner-sec .container-content .container::before{position: absolute; content: ""; height: 100%; width: 155px; border: 2px solid #fff; border-right: 0; }
.banner-sec .banner-content{padding: 40px 20px;max-width: 610px; position: relative; z-index: 1;}
.banner-sec .banner-content h1 {color: #fff; }
.banner-sec .container-content::before{content: "";position: absolute; top: 0; left: 0; width: 50%;height: 100%;background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(20, 2, 2, 0.32) 30%, rgba(20, 2, 2, 0.88) 100%);}
.banner-sec .swiper-pagination-clickable .swiper-pagination-bullet {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;position: relative;cursor: pointer; background-color: #fff; opacity: 1; width: 24px; height: 24px; border: 2px solid #ffffff00; background-color: transparent; }
.banner-sec .swiper-pagination-clickable .swiper-pagination-bullet::before{content: "";position: absolute; top: 4px;left: 4px;width: 12px;height: 12px;background-color: #fff;background-color: #fff;border-radius: 12px;}
.banner-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 2px solid #ffffff;}
.banner-sec .swiper-pagination.swiper-pagination-clickable {position: absolute; max-width: 142px; right: 0; left: unset; rotate: 90deg; transform: translate(-50%, 0px); top: 50%; bottom: unset; }


.second-sec {display: flex; flex-wrap: wrap; margin-top: -130px; z-index: 1; position: relative; }
.second-sec .sngl-box {width: 350px; padding: 20px 30px; position: relative; background-color: #fff; }
.second-sec .icon-box {width: 30px; height: 30px; margin-bottom: 10px; }
.second-sec .icon-box img {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.second-sec .content-box h2 {font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); margin-bottom: 5px; }
.second-sec .sngl-box::before {content: ""; width: 1px; height: 70%; background: #D0CDCD; position: absolute; right: 0; top: 21%; }
.second-sec .sngl-box:last-child::before{display: none;}


.about-compani-sec .counter .count,
.about-compani-sec .counter .plus {font-size: clamp(2.1875rem, 0.9091rem + 3.4091vw, 5rem); font-weight: 700; background: linear-gradient(90deg, #DF8332, #1D1B20); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; }
.about-compani-sec .counter p {font-size: 16px; }
.about-compani-sec .counter {max-width: 300px; margin-left: auto; margin-top: 42px; }
.about-compani-sec .sngl-box {display: flex; flex-wrap: wrap; }
.about-compani-sec .image-box {width: 280px; height: 100px; overflow: hidden; border-radius: 20px; }
.about-compani-sec .image-box img{width: 100%;height: 100%;object-fit: cover;}
.about-compani-sec .content {width: calc(100% - 280px); padding-right: 50px; }
.about-compani-sec .sngl-box h3 {font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); margin-bottom: 8px; font-weight: 800; }
.about-compani-sec .sngl-box {margin-bottom: 20px; }
.about-compani-sec .left-box {padding-right: 50px; }
.about-compani-sec .right-box > p {margin-bottom: 40px; }
.about-compani-sec  {position: relative; overflow: hidden; }
.about-compani-sec .circle-box {width: 600px; height: 600px; background: #F8F8F8; border-radius: 100%; position: absolute; bottom: -170px; transform: translate(226px, 0); z-index: -1; }


.prodeuct-sec .active{color: #ffffff; background-color: #42B32F; }
.prodeuct-sec .filter-button {border: 1px solid #42B32F; border-radius: 5px; text-align: center; color: #272727 !important; margin-bottom: 30px; font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); text-transform: capitalize; padding: 3px 15px; border: none; background-color: transparent; margin: 0; border-bottom: 2px solid #D0CDCD; border-radius: 0; padding-bottom: 20px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.prodeuct-sec .filter-button.active, 
.prodeuct-sec .filter-button:hover {background-color: transparent !important;border: none; border-bottom: 2px solid #F58220; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; background-color: transparent; color: #F58220 !important; }
.prodeuct-sec .btn-default:active {background-color: #42B32F; color: white; }
.prodeuct-sec .port-image {width: 100%; }
.prodeuct-sec .gallery_product {margin-bottom: 30px; }
.prodeuct-sec .tab-nav-pill {margin-top: 25px; margin-bottom: 40px; }
.prodeuct-sec .frount {width: 100%; background-color: #fff; padding: 25px; text-align: center; }
.prodeuct-sec .content-area {margin-top: 20px; }
.prodeuct-sec .content-area h3 {font-size: clamp(1.25rem, 1.1364rem + 0.303vw, 1.5rem); font-weight: 600; margin-bottom: 7px; }
.prodeuct-sec .content-area p {font-size: 16px; }
.prodeuct-sec .sngl-box {position: relative; overflow: hidden; }
.prodeuct-sec .back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F58220; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; transform: translate(0px, 90%); opacity: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.prodeuct-sec .sngl-box:hover .back{transform: translate(0px, 0px); opacity: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.prodeuct-sec .top-cont h3 {font-size: clamp(1.375rem, 1.0909rem + 0.7576vw, 2rem); font-weight: 600; color: #fff; margin-bottom: 15px; }
.prodeuct-sec .top-cont h4 {font-size: clamp(1.125rem, 0.9545rem + 0.4545vw, 1.5rem); color: #fff; }
.prodeuct-sec .top-cont p {font-size: 16px; color: #fff; }
.prodeuct-sec .back .btn.line-btn:hover{color: #000 !important; }
.prodeuct-sec .back ul {padding: 0; margin: 0; border-top: 1px solid #fff; padding-top: 10px; display: flex; justify-content: space-between; list-style: none; }
.prodeuct-sec .product-wraper {margin-left: -12px; margin-right: -12px; }
.prodeuct-sec {overflow: hidden; }
.prodeuct-sec .end-btn{text-align: center; margin-top: 30px;}


.core-value-sec {position: relative; overflow:hidden; }
.core-value-sec .container{position: relative; z-index: 1; }
.core-value-sec::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 460px; background-color: #fff; }
.core-value-sec .bg-area {position: absolute; top: 0; left: 0; width: 80%; height: 100%; z-index: -1; }
.core-value-sec .bg-area img {width: 100%; height: 100%; object-fit: cover; }
.core-value-sec .number-sec {color: #FFB06D; font-size: clamp(2.1875rem, 0.4545rem + 4.6212vw, 6rem); font-weight: 800; line-height: 1; }
.core-value-sec .sngl-box {text-align: center; margin: 20px 0; }
.core-value-sec .sngl-box p {font-size: clamp(1.125rem, 0.9545rem + 0.4545vw, 1.5rem); font-weight: 700; color: #000; }
.core-value-sec .left-box .common-header {margin-top: 80px; margin-bottom: 40px; }
.core-value-sec .swiper-container  {overflow: hidden; }
.core-value-sec .conent-box-lft {max-width: 600px; margin-bottom: 30px; }
.core-value-sec .right-box {height: 100%; background-image: url(../images/testi-bg.jpg); background-repeat: no-repeat; background-position: center center; width: calc(100vw - 116%); padding: 150px 80px; padding-right: 300px; }
.core-value-sec .right-box .tag-black,
.core-value-sec .right-box h2,
.core-value-sec .right-box p,
.core-value-sec .right-box h3 {color: #fff; }
.core-value-sec .author h3 {margin-top: 30px; font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); margin-bottom: 5px; }
.core-value-sec .author p span {display: block; }
.core-value-sec .testimonial-slider {position: relative; padding-bottom: 70px; }
.core-value-sec .testimonial-slider .swiper-pagination-clickable .swiper-pagination-bullet {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;position: relative;cursor: pointer; background-color: #fff; opacity: 1; width: 24px; height: 24px; border: 2px solid #ffffff00; background-color: transparent; }
.core-value-sec .testimonial-slider .swiper-pagination-clickable .swiper-pagination-bullet::before{content: "";position: absolute; top: 4px;left: 4px;width: 12px;height: 12px;background-color: #fff;background-color: #fff;border-radius: 12px;}
.core-value-sec .testimonial-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 2px solid #ffffff;}
.core-value-sec .testimonial-slider .swiper-pagination {text-align: left; }
.core-value-sec .right-box .common-header h2::before {background-color: #ffffff; }
.core-value-sec .right-box .common-header h2{margin-bottom: 60px;}

.clients-sec .swiper-container{overflow: hidden;}
.clients-sec .common-header{margin-bottom: 70px;}
.clients-sec .swiper-container {position: relative; }
.clients-sec .slider-box {padding: 30px;text-align: center; display: flex; align-items: center; height: 150px; justify-content: center; align-items: center; }
.swiper-button-next{background-image: url('../images/arrow-r.svg');background-repeat: no-repeat; background-position: center center;}
.swiper-button-prev{background-image: url('../images/arrow-l.svg');background-repeat: no-repeat; background-position: center center;}
.swiper-button-next::after,
.swiper-button-prev::after{display: none;}


.cirtificate-sec{position: relative;background-image: url('../images/cirtificate-bg.png');background-repeat: no-repeat;background-position: center center;background-size: cover;}
.cirtificate-sec .right-box {position: relative; height: 100%; clip-path: polygon(0 0, 80% 0%, 100% 15%, 100% 100%, 0 100%, 0% 50%); }
.cirtificate-sec::before{content: ""; position: absolute; left: 0; top: 0; background-color: #fff; height: 200px; width: 100%; }
.cirtificate-sec .right-box > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.cirtificate-sec .cirtificate-wraper {background-color: #F8F8F8; border-radius: 24px; overflow: hidden; position: relative; }
.cirtificate-sec .left-box {padding: 40px; padding-right: 0; }
.cirtificate-sec .content-box h3 {font-size: clamp(1rem, 0.8864rem + 0.303vw, 1.25rem); font-weight: 600; margin-top: 50px; }
.cirtificate-sec .content-box ul li {position: relative; padding-left: 35px; font-weight: 700; }
.cirtificate-sec .content-box ul li::before {content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 17px; background-image: url('../images/tick-mark.svg'); background-repeat: no-repeat; background-position: center center; }
.cirtificate-sec .content-box ul {padding: 0; list-style: none; padding-left: 10px; }
.cirtificate-sec .content-box p {margin-bottom: 10px; }
.cirtificate-sec .right-box a {position: absolute; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; display: flex; }


.leader-wraper-box{position: relative;margin-top: 60px; padding-bottom: 3px;}
.leader-wraper-box .swiper-container {overflow: hidden; }
.leader-wraper-box .sngl-box {border: 1px solid #D9D9D9; padding: 20px; text-align: center;}
.leader-wraper-box .sngl-box h3 {font-size: clamp(1.25rem, 1.0795rem + 0.4545vw, 1.625rem); font-weight: 800; margin-bottom: 15px; }
.leader-wraper-box .sngl-box h4 {font-size: clamp(1rem, 0.8864rem + 0.303vw, 1.25rem); margin-bottom: 8px; font-weight: 500; }
.leader-wraper-box .sngl-box h3 a {font-size: clamp(1.25rem, 1.0795rem + 0.4545vw, 1.625rem); color: #000;  font-weight: 800;}
.leader-wraper-box .swiper-button-next.leader-secswiper-button-next {right: -25px;}
.leader-wraper-box .swiper-button-prev.leader-secswiper-button-prev {left: -25px;}

.corevalue-sec{background-image: url('../images/core-value-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;}
.corevalue-sec .common-header .tag-black,
.corevalue-sec h2{color: #fff;}
.corevalue-sec .corevalue-wraper {margin-top: 60px; }
.corevalue-sec .left-box {background: #FFFFFF; box-shadow: 0px 1px 20px 6px rgba(229, 229, 229, 0.34); border-radius: 20px; padding: 24px; }
.corevalue-sec .content-box h3 {font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); font-weight: 600; margin-bottom: 10px; }
.corevalue-sec .image-box {width: 100%; height: 120px; border-radius: 10px; overflow: hidden; }
.corevalue-sec .image-box img {width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.corevalue-sec .sngl-box {border-bottom: 1px solid #AFA8A8; padding-bottom: 10px; margin-bottom: 10px; }
.corevalue-sec .left-box .sngl-box:last-child{border: none; padding: 0; margin: 0; }
.corevalue-sec .right-box img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.corevalue-sec .right-box {height: 100%; }


footer .tell-us-wraper{position: relative; padding: 60px 80px;background-image: url('../images/footer-top-bg.jpg'); border-radius: 20px;overflow: hidden; background-size: cover;background-repeat: no-repeat;background-position: top center;}
footer .tell-us-wraper h2{margin-bottom: 0;}
footer .tell-us-wraper .right-box {text-align: right; }
footer{background-image: url('../images/footer-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;    position: relative;}
footer::before{content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 170px;background-color: #fff;}
footer .footer-mdl {padding: 0 50px; border-top: 1px solid #3F3F3F; padding-top: 50px; margin-top: 50px; }
footer .footer-end {text-align: center; color: #fff; border-top: 1px solid #3F3F3F; padding: 15px; margin-top: 25px; }
footer .footer-content h3, .footer-right h3 {color: #F58220; font-weight: 600; font-size: clamp(1.125rem, 0.9545rem + 0.4545vw, 1.5rem); margin-bottom: 15px; }
footer .footer-content p {color: #fff; padding-right: 60px; }
footer ul.footer-media {padding: 0; margin: 0; }
footer ul.footer-media li a {transition: all 0.4s ease;border: 2px solid #ffffff;width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 40px; }
footer ul.footer-media li a:hover{border: 2px solid #f5821a;transition: all 0.4s ease;}
footer ul.footer-media {padding: 0; margin: 0; list-style: none; display: flex; gap: 17px; }
footer ul.footer-link {padding: 0; margin: 0; list-style: none; }
footer ul.footer-link li a {color: #fff; transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;}
footer ul.footer-link li a:hover{color: #F58220;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;}
footer ul.footer-link li {margin-bottom: 10px; }
footer ul.footer-contact {padding: 0; margin: 0; list-style: none; }
footer ul.footer-contact li {margin-bottom: 10px; position: relative; padding: 10px; padding-left: 50px; }
footer ul.footer-contact li span {position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 40px; }
footer ul.footer-contact li a {color: #fff; transition: all 0.4s ease;}
footer ul.footer-contact li a:hover{color: #F58220;transition: all 0.4s ease;}
footer .gstin {margin-top: 26px; }
footer .gstin p {color: #fff; font-weight: 600; }
footer .gstin p span {display: block; }




header .search-popup{display: none;}
.search-headr-modal .modal-dialog{max-width: 700px; }
.search-headr-modal .modal-content{background: #fff; border: none; border-radius: 0px; padding: 50px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.15); padding-bottom: 30px; }
.search-headr-modal .btn-close{position: absolute; right: 25px; top: 25px; z-index: 2; }
.search-headr-modal h3{text-align: center; margin-bottom: 30px; font-size: 32px; font-weight: 700; }
.search-headr-modal .search-field{position: relative; }
.search-headr-modal .search-field input{width: 100%; height: 70px; border: 2px solid #e5e5e5; border-radius: 50px; padding: 0 80px 0 25px; font-size: 18px; outline: none; transition: .3s; }
.search-headr-modal .search-field input:focus{border-color: #0d6efd; }
.search-headr-modal .search-field button{position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: none; border-radius: 50%; background-color: #F58220; color: #fff; font-size: 18px; transition: .3s; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-position: center center; }
.search-headr-modal .search-field button:hover{transform: translateY(-50%) scale(1.05); }
.search-headr-modal .modal-backdrop.show{opacity: .8; }
.search-headr-modal .modal-dialog{max-width: 100%; margin: 0; height: 100vh; }
.search-headr-modal .modal-body{width: 100%; max-width: 900px; margin: auto; padding: 0; }

.video-modal .modal-content{background: #000; border: 2px solid #f58220; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(245,130,32,.25); }
.video-modal .modal-header{background: #000; border-bottom: 1px solid rgba(245,130,32,.3); padding: 20px 30px; }
.video-modal .modal-title{color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; padding-left: 18px; }
.video-modal .modal-title::before{content: ""; width: 6px; height: 100%; background: #f58220; position: absolute; left: 0; top: 0; border-radius: 10px; }
.video-modal .btn-close{opacity: 1; }
.video-modal .modal-body{padding: 0; background: #000; }
.video-modal .video-box{position: relative; padding-top: 56.25%; overflow: hidden; }
.video-modal .video-box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-modal .modal-dialog{max-width: 1100px; }
.video-modal .modal-backdrop.show{opacity: .9; }
.video-modal .video-box{box-shadow: inset 0 0 0 2px #f58220; }

.prodeuct-sec .gallery_product .btn.line-btn{text-transform: unset;}

.product-popus-sec .btn-enquiry{display: inline-flex; align-items: center; justify-content: center; padding: 14px 30px; background: #f58220; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 8px; border: 2px solid #f58220; transition: .4s ease; }
.product-popus-sec .btn-enquiry:hover{background: #000; color: #fff; }
.product-popus-sec .modal-dialog{max-width: 700px; }
.product-popus-sec .modal-content{background: #000; border: 2px solid #f58220; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(245,130,32,.25); }
.product-popus-sec .modal-header{padding: 25px 35px; border-bottom: 1px solid rgba(245,130,32,.25); background: #000; }
.product-popus-sec .modal-title{color: #fff; font-size: 28px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0; position: relative; padding-left: 18px; }
.product-popus-sec .modal-title:before{content: ""; position: absolute; left: 0; top: 4px; width: 5px; height: calc(100% - 8px); background: #f58220; border-radius: 20px; }
.product-popus-sec .btn-close{opacity: 1; }
.product-popus-sec .modal-body{padding: 35px; background: #000; }
.product-popus-sec .popup-form p{color: rgba(255,255,255,.75); margin-bottom: 30px;line-height: 1.7; }
.product-popus-sec .popup-form .form-group{margin-bottom: 20px; }
.product-popus-sec .popup-form .form-control{width: 100%; height: 58px; background: #111; border: 1px solid rgba(245,130,32,.25); border-radius: 10px; color: #fff; padding: 0 18px; transition: .3s ease; }
.product-popus-sec .popup-form textarea.form-control{height: 140px; resize: none; padding-top: 15px; }
.product-popus-sec .popup-form .form-control::placeholder{color: rgba(255,255,255,.5); }
.product-popus-sec .popup-form .form-control:focus{background: #111; border-color: #f58220; box-shadow: 0 0 15px rgba(245,130,32,.2); color: #fff; outline: none; }
.product-popus-sec .submit-btn{width: 100%; height: 58px; border: none; border-radius: 10px; background: #f58220; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: .4s ease; }
.product-popus-sec .submit-btn:hover{background: #fff; color: #000; }


/*===========porduct details page=============*/

.product-details-sec {padding-top: 150px; padding-bottom: 80px;}
.product-details-sec .heading-products ul {padding: 0; margin: 0; list-style: none; margin-bottom: 15px; display: flex; align-items: center; gap: 2px 25px; flex-wrap: wrap; }
.product-details-sec .heading-products ul li a {color: #272727; }
.product-details-sec .heading-products ul li {position: relative; }
.product-details-sec .heading-products ul li::before {content: ">"; position: absolute; right: -18px; }
.product-details-sec .heading-products ul li {color: #000; }
.product-details-sec .top-area {padding-bottom: 30px; }
.product-details-sec .heading-products h2 {font-size: clamp(1.25rem, 1.1364rem + 0.303vw, 1.5rem); color: #f58220; margin: 0; }
.product-details-sec .btn-area ul {padding: 0; margin: 0; display: flex; align-items: center; list-style: none; gap: 30px; flex-wrap: wrap; }
.product-details-sec .main-product-image .tag {position: absolute; top: 0; right: 0; max-width: 93px; }
.product-details-sec .main-product-image{border: 1px solid #ddd; background: #fff; padding: 15px; margin-bottom: 15px; text-align: center; width: 100%; position: relative; height: 600px; display: flex; justify-content: center; align-items: center; padding: 80px; }
.product-details-sec .main-product-image img{width:100%; height: 100%; object-fit:contain; }
.product-details-sec .image-box {width: 100%; height: 130px; background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 14px; }
.product-details-sec .thumb-slider-wrap{position:relative; padding: 0 20px; }
.product-details-sec .thumbSwiper .swiper-slide{cursor:pointer; border:2px solid transparent; transition:.3s; opacity:.7; }
.product-details-sec .thumbSwiper .swiper-slide img{width: 100%; height: 100%; object-fit: contain; }
.product-details-sec .thumbSwiper .swiper-slide.active-thumb{border-color:#ff7a00; opacity:1; }
.product-details-sec .thumbSwiper .swiper-slide:hover{opacity:1; }
.product-details-sec .swiper-button-next {right: -8px; }
.product-details-sec .swiper-button-prev {left: -8px; }
.product-details-sec .accordion-item {border: 1px solid #e0e0e0; margin-bottom: 10px; border-radius: 4px !important; overflow: hidden; }
.product-details-sec .accordion-button {color: #f39233 !important; font-weight: 800; background-color: #fff !important; box-shadow: none !important; padding: 1rem; }
.product-details-sec .accordion-button:not(.collapsed) {background-color: #fff !important; border-bottom: 1px solid #eee; }
.product-details-sec .spec-list {list-style: none; padding: 0; margin: 0; }
.product-details-sec .spec-item {display: flex; align-items: flex-start; margin-bottom: 12px; color: #333; position: relative; padding-left: 36px; }
.product-details-sec .spec-item span.spec-icon {position: absolute; left: 0; top: 0; }
.product-details-sec .spec-icon {width: 25px; color: #555; margin-right: 10px; text-align: center; font-size: 1rem; }
.product-details-sec .spec-label {font-weight: 400; }
.product-details-sec .spec-value {font-weight: 700; margin-left: 4px; }
.product-details-sec .accordion-button::after {background-size: 1rem; }
.product-details-sec .btm-sec {padding-bottom: 50px; }
.product-details-sec .after-sale-section {background: linear-gradient(135deg, #0c2c3f, #274e63); color: #fff; padding: 40px; }
.product-details-sec .after-sale-section h2 {font-weight: 700; color: #fff; font-size: clamp(1.5625rem, 1.1364rem + 1.1364vw, 2.5rem); }
.product-details-sec .contact-info ul {padding: 0; margin: 0; list-style: none; }
.product-details-sec .contact-info li a {display: flex; align-items: center; color: #fff; font-size: clamp(1.25rem, 0.9659rem + 0.7576vw, 1.875rem); gap: 14px; }
.product-details-sec .info-box {border: 2px solid #17a2b8; border-radius: 15px; padding: 25px; margin-top: 30px; background-color: rgba(0, 0, 0, 0.2); }
.product-details-sec .btn-area {padding-left: 26px; }

.section-faq-sec .image-grid img{width:100%; height:100%; object-fit:cover; border-radius:12px; }
.section-faq-sec .image-grid .small-img{border-radius:12px; overflow:hidden; }
.section-faq-sec .faq-label{color:#777; margin-bottom:10px; }
.section-faq-sec .accordion-item{background:#eeeeee; border:none; border-radius:12px !important; margin-bottom:15px; overflow:hidden; }
.section-faq-sec .accordion-button{background:#eeeeee; font-weight:600; border-radius:12px !important; box-shadow:none !important; }
.section-faq-sec .accordion-button:not(.collapsed){background:#eeeeee; color:#000; }
.section-faq-sec .accordion-body{background:#e5e5e5; border-radius:0 0 12px 12px; color:#555; }
.section-faq-sec .accordion-button::after{background-image:none; content:"+"; font-size:20px; font-weight:700; color:#ff7a00; transform:none; }
.section-faq-sec .accordion-button:not(.collapsed)::after{content:"−"; color:#ff7a00; }
.section-faq-sec .common-header {margin-bottom: 50px; }

.related-section {background-color: #f2f2f2; padding: 60px 0; }
.related-section .section-title {font-weight: 700; text-align: center; margin-bottom: 15px; }
.related-section .title-underline {width: 60px; height: 3px; background-color: #f7941d; margin: 0 auto 40px; }
.related-section .product-card {background: #fff; border: none; padding: 30px 20px; text-align: center; transition: 0.3s; height: 100%; }
.related-section .product-card img {height: 200px; object-fit: contain; margin-bottom: 20px; }
.related-section .image-box img {width: 100%; height: 100%; object-fit: contain; }
.related-section .image-box {width: 100%; height: 200px; text-align: center; }
.related-section .product-title {font-weight: 600; margin-bottom: 5px; }
.related-section .product-subtitle {color: #777; }
.related-section .product-card:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.08); transform: translateY(-5px); }
.related-section .reletex-wraper {margin-top: 50px; }

/*common-inner banner*/

.inner-banner {position: relative; width: 100%; min-height: 400px; overflow: hidden; }
.inner-banner > img {width: 100%; height: 100%; object-fit: cover; position: absolute;top: 0;left: 0;}
.inner-banner .banner-content {position: relative; top: 0; width: 100%; height: 100%; min-height: 400px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #00011e91; }
.inner-banner .banner-content-box {text-align: center; }
.inner-banner .banner-content-box ul li {color: #fff; position: relative; }
.inner-banner .banner-content-box ul {padding: 0; margin: 0; list-style: none; margin-bottom: 15px; display: flex; align-items: center; gap: 2px 25px; flex-wrap: wrap; justify-content: center; }
.inner-banner .banner-content-box ul li::before {content: ">"; position: absolute; right: -18px; }
.inner-banner .banner-content-box ul li:last-child::before {display: none; }
.inner-banner .banner-content-box ul li a {color: #d7d7d7; }
.inner-banner .banner-content-box h1 {color: #fff; margin-top: 120px; }


/*===========contact us page===========*/

.contact-us-second .section-title {font-weight: 700; font-size: 24px; position: relative; display: inline-block; }
.contact-us-second .section-title::after {content: ""; display: block; width: 50px; height: 3px; background-color: #f4b400; margin-top: 8px; }
.contact-us-second .info-text {color: #555; max-width: 650px; font-size: 16px; }
.contact-us-second .icon-circle img {width: 100%; height: 100%; object-fit: contain; max-width: 20px; }
.contact-us-second .custom-card {background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); padding: 20px; display: flex; align-items: start; gap: 15px; height: 100%; position: relative; padding-left: 80px;}
.contact-us-second .icon-circle {width: 45px; height: 45px; border-radius: 50%; background-color: #f3f3f3; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #999; position: absolute; left: 20px; }
.contact-us-second .name {font-weight: 800; font-size: 20px; margin-bottom: 4px; color: #000; }
.contact-us-second .designation {font-size: 16px; color: #777; margin-bottom: 6px; }
.contact-us-second .phone {font-size: 16px; color: #000; }
.contact-us-second .marketing-card {background: #eae6e1; border: 2px solid #000; }
.contact-us-second .timing {font-size: 16px; color: #555; }
.contact-us-second .common-header{text-align: center; max-width: 800px; margin: 0 auto; }
.contact-us-second .custom-card.marketing-card {padding-left: 20px; }
.contact-section-frm .section-title{font-weight: 700; margin-bottom: 20px; }
.contact-section-frm .contact-card{border: none; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 40px; background: #ffffff; }
.contact-section-frm .form-control, .form-select{border-radius: 10px; padding: 12px; }
.contact-section-frm .map-container iframe{border-radius: 15px; width: 100%; height: 100%; min-height: 450px; }
.contact-section-frm .address-box{background: #f1f3f5; padding: 25px; border-radius: 15px; margin-bottom: 25px; }

/*===========about us===========*/

.about-second-sec .image-box-pop {position: relative; height: 500px; overflow: hidden; border-radius: 10px;}
.about-second-sec .image-box-pop > img {width: 100%; height: 100%; object-fit: cover; }

.accredition-first .cert-title {font-weight: 700; line-height: 1.3; color: #212529; font-size: clamp(1.125rem, 0.9261rem + 0.5303vw, 1.5625rem); }
.accredition-first .card-body {padding-left: 94px !important; }
.accredition-first .cert-card {transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: none; border-radius: 16px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); height: 100%; }
.accredition-first .cert-card:hover {transform: translateY(-12px); box-shadow: 0 25px 50px rgba(13, 110, 253, 0.15); }
.accredition-first .number-badge {width: 55px; height: 55px; background: linear-gradient(135deg, #ffffff, #f582207a); color: #000000; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 8px 20px #ffb372; flex-shrink: 0; position: absolute; left: 0; top: 20px; left: 20px; }
.accredition-first .cert-header {background: linear-gradient(135deg, #0d6efd, #6610f2); color: white; padding: 3rem 0; margin-bottom: 3rem; }
.accredition-first .quote {border-left: 5px solid #f58220; padding-left: 1.5rem; }
.accredition-first .cert-title {font-weight: 700; line-height: 1.3; color: #212529; }
.accredition-first .icon-wrapper {font-size: 2.5rem; opacity: 0.9; }

.accredition-gallery-section .text-success {color: #000 !important; margin-bottom: 5px; font-size: clamp(0.875rem, 0.8182rem + 0.1515vw, 1rem); }
.accredition-gallery-section .section-title {color: var(--gov-green); font-weight: 700; position: relative; display: inline-block; }
.accredition-gallery-section .section-title::after {content: ''; position: absolute; width: 100px; height: 5px; background: linear-gradient(to right, var(--gov-saffron), var(--gov-gold)); bottom: -12px; left: 50%; transform: translateX(-50%); border-radius: 5px; }
.accredition-gallery-section .cert-card {border: 4px solid var(--gov-gold); border-radius: 20px; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 15px 35px rgba(0, 100, 0, 0.15); height: 100%; }
.accredition-gallery-section .cert-img {transition: transform 0.6s ease; height: 100%; object-fit: cover;width:100%; }
.accredition-gallery-section .cert-card:hover .cert-img {transform: scale(1.08); }
.accredition-gallery-section .year-badge {position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, var(--gov-saffron), #e67e00); color: white; padding: 10px 20px; border-radius: 50px; font-weight: 700; font-size: 1.1rem; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 10; }
.accredition-gallery-section .card-footer {background: var(--gov-green); color: white; text-align: center; font-weight: 600; }
.accredition-gallery-section .fancybox-caption {background: rgba(0, 0, 0, 0.85) !important; padding: 20px !important; }
.accredition-gallery-section a{width: 100%;height: 270px; overflow: hidden;}

.award-section .award-card {background: #fff; border: none; border-radius: 15px; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
.award-section .award-card:hover {transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0,0,0,0.15); }
.award-section .award-img {height: 100%; object-fit: cover; }
.award-section .award-content h4 {font-weight: 600; margin-bottom: 15px; }
.award-section .award-content p {font-size: 15px; line-height: 1.7; color: #555; }
.award-section-wraper .card.award-card:nth-child(odd) .row {flex-direction: row-reverse; }
.award-section-wraper .card.award-card {margin-bottom: 30px; }

.brochure-download-sec .sngl-box {background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); transition: all 0.35s ease; height: 100%; }
.brochure-download-sec .sngl-box:hover {transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); }
.brochure-download-sec .sngl-box .image-box {overflow: hidden; }
.brochure-download-sec .sngl-box .image-box{width: 100%; height: 260px; overflow: hidden; }
.brochure-download-sec .sngl-box .image-box img {width: 100%; object-fit: contain; transition: transform 0.5s ease; display: block; margin: 0 auto; }
.brochure-download-sec .sngl-box:hover .image-box img {transform: scale(1.08); }
.brochure-download-sec .brochure-content {padding: 24px 20px; text-align: center; }
.brochure-download-sec .brochure-content p {font-weight: 700; color: #222; margin-bottom: 15px; text-transform: uppercase; }
.brochure-download-sec .col-lg-3{margin-bottom: 20px;}


/*============blog listing===============*/

.blog-listing .blog-card{background:#fff; border-radius:12px; overflow:hidden; transition:.3s; box-shadow:0 5px 20px rgba(0,0,0,.06); }
.blog-listing .blog-card:hover{transform:translateY(-8px); box-shadow:0 15px 40px rgba(0,0,0,.12); }
.blog-listing .blog-image{position:relative; overflow:hidden; }
.blog-listing .blog-image img{width:100%; height: 100%; object-fit:cover; transition:.4s; }
.blog-listing .blog-image{height:250px; overflow: hidden; }
.blog-listing .blog-card:hover .blog-image img{transform:scale(1.08); }
.blog-listing .blog-category{position:absolute; top:15px; left:15px; background:#0d6efd; color:#fff; font-size:12px; padding:6px 12px; border-radius:30px; font-weight:600; }
.blog-listing .blog-content{padding:25px; }
.blog-listing .blog-meta{display:flex; gap:10px; color:#6c757d; font-size:14px; margin-bottom:15px; }
.blog-listing .blog-content h3{font-size: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem); font-weight:700; line-height:1.4; margin-bottom:15px; }
.blog-listing .blog-content h3 a{color:#212529; text-decoration:none; }
.blog-listing .blog-content p{color:#6c757d; margin-bottom:20px; }
.blog-listing .pagination .page-link{border-radius:8px; margin:0 4px; color: #000; }
.blog-listing .page-item.active .page-link {background-color: #000 !important; border: 1px solid #000;color: #fff;}


/*=========blog details page============*/


.blog-details-page .blog-header {color: white; padding: 4rem 0; }
.blog-details-page .sidebar-card {border: none; border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); overflow: hidden; }
.blog-details-page .section-title {position: relative; display: inline-block; font-weight: 700; margin-bottom: 1.5rem; }
.blog-details-page .section-title:after {content: ''; position: absolute; width: 60px; height: 3px; bottom: -6px; left: 0; }
.blog-details-page .archive-list a {position: relative;color: #555; text-decoration: none; padding: 8px 0; display: block; transition: all 0.3s;display: flex;flex-wrap: wrap;    border-bottom: 1px solid #c3c3c3;}
.blog-details-page .recent-post {transition: all 0.3s; }
.blog-details-page .recent-post:hover {transform: translateX(8px); }
.blog-details-page .blog-content {font-size: 1.05rem; }
.blog-details-page .meta-info {font-size: 0.95rem; color: #666; }
.blog-details-page .card-body {padding: 15px; background-color: #f5f5f5; }
.blog-details-page .sidebar-card button {border-radius: 0 5px 5px 0; }
.blog-details-page .col-lg-8 {padding-right: 60px; }
.blog-details-page .blog-thumb {width: 95px;height: 60px;overflow: hidden;}
.blog-details-page .content-text {width: calc(100% - 95px);padding-left: 10px;}
.blog-details-page .content-text h3 {margin-bottom: 10px;font-size: 16px;font-weight: 500;}
.blog-details-page .content-text p {font-size: 14px;line-height: 1.2;}
.blog-details-page .archive-list li:last-child a{border: none;}
.blog-details-page .archive-list a:hover .content-text h3 {color: #f58220;}



/*=========gallery page============*/


.gallery-section .masonry-gallery {column-gap: 20px; }
.gallery-section .gallery-item {display: inline-block; width: 100%; margin-bottom: 20px; overflow: hidden; border-radius: 12px; position: relative; height: 280px; }
.gallery-section .gallery-item img {width: 100%; height: auto; display: block; border-radius: 12px; transition: all 0.4s ease; height: 100%; width: 100%; overflow: hidden; }
.gallery-section .gallery-item:hover img {transform: scale(1.08); }

.product-page-filter-sec h4 {margin: 0;background-color: #2a2d93;border-radius: 10px 10px 0 0;color: #fff;padding: 12px;font-size: 18px;font-weight: 600;}
.product-page-filter-sec ul {border-radius: 0 0 10px 10px;border: 1px solid #bdbdbd;box-shadow: 0 9px 10px #0000000d;}
.product-page-filter-sec ul li {border: navajowhite;border-bottom: 1px solid #bdbdbd;padding: 0;}
.product-page-filter-sec ul li:last-child {border-bottom: 0;}
.product-page-filter-sec ul li a {color: #000;display: inline-block;width: 100%;padding: 10px;}
.product-page-filter-sec ul li a:hover,
.product-page-filter-sec ul li.active a{color: #f58220;background-color: #00000012;}
.product-page-filter-sec ul .list-group-item.active{background-color: #00000012 !important;border-bottom: 1px solid #bdbdbd !important;}
.product-page .product-thmbl-img {width: 100%;height: 230px;overflow: hidden;}
.product-page .product-thmbl-img img {width: 100%;height: 100%;object-fit: contain;}
.product-page .card-body h5 {margin-bottom: 10px;font-size: 16px;text-align: center;}
.product-page .card-body {text-align: center;}
.product-page .card-body .btn {margin: 0 auto;padding: 10px 25px;border-radius: 5px;font-size: 15px;margin-top: 5px;}
.product-page .card {height: 100%;}
.product-page .card-body p {margin-bottom: 10px;color: #898989;font-size: 15px;}
.product-page-filter-sec {position: sticky;top: 80px;}


/* ==========extra============ */

.team-modal-sec .team-modal-wraper {background-color: #fff;padding: 15px;display: flex;flex-wrap: wrap;align-items: center;}
.team-modal-sec .team-modal-wraper .images-box {width: 150px;height: 150px;overflow: hidden;}
.team-modal-sec .team-modal-wraper .images-box img {width: 100%;height: 100%;object-fit: contain;}
.team-modal-sec .content-area {width: calc(100% - 150px);padding-left: 50px;}
.team-modal-sec .modal-title span {font-size: 16px;font-weight: 400;}
.corevalue-sec .content-box p{color: #000;}
.corevalue-sec .sngl-box a:hover h3 {color: #f58220;}
.home-awards-modal-wraper {padding: 15px;}
.home-awards-modal-wraper .images-box {width: 100%;height: 100%;}
.home-awards-modal-wraper .images-box img {width: 100%;height: auto;}
.home-awards-modal-wraper .content-area p {color: #fff;padding: 0;}
.home-awards-modal-wraper .content-area{padding: 0;}
.about-compani-sec .content a {color: #000;}
.corevalue-sec .container {position: relative;}
.corevalue-sec .end-btn {position: absolute;top: 50px;right: 0;}
.prodeuct-sec .image-box img {width: 100%;height: 100%;object-fit: contain;}
.prodeuct-sec .image-box {width: 100%;height: 315px;object-fit: contain;padding-bottom: 5px;}





/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1650px !important;}

}
@media only screen and ( max-width:1599px ) {
    .main-menu ul li:not(:last-child) {margin-right: 40px; }
    .main-header {padding: 10px 0px; }
    .core-value-sec .left-box .common-header {margin-top: 40px; }
    .core-value-sec::before {height: 388px; }
    .core-value-sec .right-box {padding-right: 100px; }
	





}
@media only screen and ( max-width:1439px ) {
    .main-menu ul li:not(:last-child) {margin-right: 35px;}
    .main-menu ul li a, 
    .main-menu ul li,
    .main-header .contact-header ul li a {font-size: 14px; }
    .main-header .contact-header ul {margin-right: 20px;}
    .main-header .logo {margin-right: 20px; max-width: 150px; }
    .main-header .search-box input[type="email"] {width: 180px; font-size: 14px; }
    .main-header ul li.menu-item-has-children a::after {top: 14px; right: -18px; width: 7px; height: 7px; border: 1px solid #000; border-top: 0; border-left: 0; }
    .main-header.fixed .logo {max-width: 130px;}
    .product-details-sec {padding-top: 130px; }


}
@media only screen and ( max-width:1299px ) {
    .about-compani-sec .image-box {width: 180px;}
    .about-compani-sec .content {width: calc(100% - 180px);padding-right: 30px;}
    .second-sec {margin-top: 0; }
    .second-sec .sngl-box {width: 33.33%; padding: 12px 30px; }
    .common-padd {padding-top: 60px; padding-bottom: 60px; }






}
@media only screen and ( max-width: 1199px ) {

	/*  ===========mobile nav==========  */

    .hamburger-nav{ display: inline-block; margin-left: 20px;position: absolute;right: 12px;}
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #2a2d93;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 18px; color: #000;  text-align: left;  font-weight: 800; text-transform: uppercase;} 
    .mobile-menu ul li a:hover{color: #F58220;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .main-menu { display: none; }
    .contact-header ul li span {display: none; }
    .contact-header ul {display: flex; justify-content: center; align-items: center; gap: 3px; }
    .header-row {padding: 0px 50px 0px 12px; }

    /*  ===========mobile nav==========  */

    header .search-popup{display: block;}
    header .search-box form{display: none;}
    header .search-popup {top: 5px; left: 5px; width: 42px; height: 42px; font-size: 0; background-color: #F58220; border: none; border-radius: 14px; display: flex; justify-content: center; align-items: center; }
    .main-header .contact-header ul {margin-right: 8px;}
    .mobile-menu-container ul.sub-menu {height: unset; overflow: unset; opacity: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
    .main-header ul li.menu-item-has-children a::after{display: none;}
    header .submenu-toggle::before{top: 14px; right: -18px; width: 7px; height: 7px; border: 1px solid #000; border-top: 0; border-left: 0; content: ""; transform: rotate(45deg);}
    header .menu-item-has-children {position: relative;}
    header .menu-item-has-children > a {display: block; padding-right: 40px; }
    header .submenu-toggle {position: absolute; right: 0; top: 0; width: 36px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-left: 1px solid #d7d7d7; }
    header .sub-menu {display: none; }
    header .submenu-toggle.active i {transform: rotate(180deg); transition: 0.3s; }
    header .mobile-menu-container .inner-container {padding-top: 80px; overflow-y: unset; }
    header .mobile-menu {height: 100%; overflow-y: auto; }
    header .mobile-menu ul li {border-bottom: 1px solid #e9e9e9; }
    .mobile-menu-open .mobile-menu ul li:last-child,
    .mobile-menu ul.sub-menu li {border-bottom: 0 !important;}









}
@media only screen and ( max-width: 991px ) {
    .common-padd {padding-top: 50px; padding-bottom: 50px; }
    .banner-sec .swiper-pagination.swiper-pagination-clickable {right: 0; left: 0; rotate: 0deg; transform: translate(0%, 0px); top: unset; bottom: 0; }
    .about-compani-sec .counter {margin-left: unset; margin-top: 30px; margin-bottom: 23px; }
    .about-compani-sec .content {width: 100%; padding-right: 0; margin-bottom: 15px; }
    .about-compani-sec .image-box {width: 100%; height: 200px; }
    .core-value-sec::before{display: none;}
    .core-value-sec .bg-area {width: 100%; }
    .core-value-sec .conent-box-lft {max-width: 100%; }
    .core-value-sec .right-box {width: 100%; padding: 30px 30px;}
    .core-value-sec .left-box {margin-bottom: 30px; }
    .cirtificate-sec .right-box > img {position: relative; }
    .cirtificate-sec .right-box {clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%, 0 100%, 0% 100%); }
    .corevalue-sec .sngl-box {padding-bottom: 30px; margin-bottom: 30px; }
    .corevalue-sec .image-box {margin-top: 20px; }
    .corevalue-sec .right-box {margin-top: 30px; }
    footer .tell-us-wraper h2 {text-align: center; margin-bottom: 30px; }
    footer .tell-us-wraper .right-box {text-align: center; }
    footer .footer-content p {padding-right: 00; }
    footer .footer-content {margin-bottom: 30px; }
    footer ul.footer-link {margin-bottom: 30px; }
    .cirtificate-sec .left-box {padding: 40px; }
    .product-details-sec .heading-products {margin-top: 30px; }
    .product-details-sec .right-box-content {margin-top: 30px; }
    .product-details-sec .image-box-right-gradiant {text-align: center; }
    .reletex-wraper .col-lg-3.col-md-6 {margin-bottom: 24px; }
    .related-section {padding: 50px 0;}
    .product-details-sec {padding-top: 110px; padding-bottom: 60px; }
    .contact-section-frm .row .col-lg-6:first-child {margin-bottom: 30px;}
    .blog-details-page .col-lg-8 {padding-right: 12px;}
    .product-page-filter-sec{margin-bottom: 20px;}
    .team-modal-sec .content-area {width: 100%;padding-left: 0px; margin-top: 30px;}
    .home-awards-modal-wraper .content-area{padding: 0;margin-top: 20px;}
    .corevalue-sec .end-btn {position: relative;top: 0;right: 0;margin: 0 auto;text-align: center;margin-top: 60px;}


}
@media only screen and ( max-width: 767px ) {
    .main-header .logo {margin-right: 0;}
    .leader-wraper-box .swiper-button-next.leader-secswiper-button-next {right: -12px;}
    .leader-wraper-box .swiper-button-prev.leader-secswiper-button-prev{left: -12px;}
    .main-header .logo {max-width: 125px;}
    .main-header.fixed .logo {max-width: 100px; }
    .second-sec .sngl-box {width: 100%; border-bottom: 1px solid #c1c1c1; text-align: center; padding: 20px 30px}
    .second-sec .icon-box {margin-bottom: 10px; margin: 0 auto; margin-bottom: 15px; }
    footer .tell-us-wraper {padding: 30px 30px; }
    footer .footer-mdl {padding: 0 15px; padding-top: 50px; }
    .second-sec .sngl-box::before{display: none;}
    .prodeuct-sec .filter-button {padding: 10px 10px; }
    .core-value-sec .right-box {padding: 15px 15px; }
    .core-value-sec .left-box .common-header {margin-top: 20px; }
    .cirtificate-sec .left-box {padding: 15px; }
    .cirtificate-sec .content-box h3 {margin-top: 38px; }
    .corevalue-sec .corevalue-wraper {margin-top: 50px; }
    footer .footer-mdl {padding-top: 30px; margin-top: 30px; }
    .product-details-sec .main-product-image {height: 400px; }
    .product-details-sec .btn-area {padding-left: 0px; }
    .inner-banner,
    .inner-banner .banner-content {min-height: 400px; }
    .about-second-sec .image-box-pop {height: 400px;}




}
@media only screen and ( max-width: 575px ) {
    .product-details-sec .btn-area ul {justify-content: center; }
    .btn {padding: 13px 20px; font-size: 16px; }
    a.download-btn {padding: 10px 19px 10px 49px; }
    a.download-btn span {width: 55px; height: 55px; top: -7px; }
    .product-details-sec .heading-products {margin-top: 20px; }
    .product-details-sec .main-product-image {height: 350px; padding: 50px;}
    .product-details-sec .main-product-image .tag {max-width: 63px; }
    .product-details-sec .image-box {height: 80px; }
    .product-details-sec .after-sale-section {padding: 20px; }
    .product-details-sec .info-box {padding: 15px; margin-top: 15px; }
    .contact-section-frm .contact-card {padding: 20px; }
    .accredition-first .card-body {padding-left: 20px !important; }
    .accredition-first .number-badge {position: relative;top: 0;left: 0;margin-bottom: 13px;}
    .accredition-first .card-body > div {display: block !important; }



}
@media only screen and ( max-width: 380px ) {


}
/*Media Query css*/

/* Pagination Part */
.pagination-wrap .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.pagination-wrap .page-item {
    display: inline-flex;
}


.pagination-wrap .page-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 5px;
    border: 1px solid #ddd;

    color: #333;
    background: #fff;

    font-size: 14px;
}


.pagination-wrap .page-item.active .page-link {

    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;

}


.pagination-wrap .page-link:hover {

    background-color: #0d6efd;
    color: #fff;

}


.pagination-wrap .page-item.disabled .page-link {

    background-color: #f5f5f5;
    color: #999;

}