@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    outline: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

.banner-section-slider { width: 100%; overflow: hidden; }
.swiper { width: 100%; }
.swiper-slide img { width: 100%; height: auto; display: block; max-width: 100%; }
.swiper-slide a { display: block; width: 100%; height: 100%; }




.home-video-section {width: 100%;   height:90vh;overflow: hidden;}
.home-video { width: 100%; height: 100%; object-fit: cover;    display: block;}
.about-us-section{padding:30px 30px; background:#f1f5fd;}
.about-content h2{color:#000000;}
.about-content h5{color:#000000;}

.about-content p{font-size: 16px; line-height: 28px; margin-bottom:20px; text-align: center; color: #000000;}
.about-content p:last-child{margin-bottom:0px;}
.about-btn{display:inline-block;margin-top:25px;color:#333;font-weight:600;text-decoration:none;}

.prod-main-cate{width: 100%; position:relative; margin-top:30px;}
.product-main-card { width: 100%; background: #f9f9f9; border-radius: 4px; padding: 18px; margin-bottom: 30px; transition: all 0.3s ease; }
.product-main-card .product-image { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; }
.prod.banner-section-slider { width: 100%; overflow: hidden; }
.swiper { width: 100%; }
.swiper-slide img { width: 100%; height: auto; display: block; max-width: 100%; }
.swiper-slide a { display: block; width: 100%; height: 100%; }uct-main-card .product-image img { max-width: 100%; height: auto; display: block; }
.product-main-card .product-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding: 10px 6px; transition: background-color 0.3s ease; }
.product-main-card .product-title { font-size: 17px; font-weight: 500; color: #000; }
.product-main-card .product-arrow { font-size: 22px; font-weight: 400; color: #000; }

/* Hover effect */
.product-main-card:hover .product-footer { background-color: #111d31;  }
.product-main-card:hover .product-title {color:#ffffff; }
.product-main-card:hover .product-arrow {color:#ffffff; }

.swiper-button-next, .swiper-button-prev {color:#000000 !important;}
.swiper-button-next, .swiper-button-prev { width:50px !important; height:50px !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-size:28px !important; }


.facts-wrapper{position:relative;background:#ffffff; padding:30px 0px 40px 0px;}
.facts-wrapper h2{font-size:40px;line-height:1.2;font-weight:600;margin-bottom:18px;  }
.facts-wrapper .light-btn{color:#ffffff; background:#194476; font-size:16px; padding:15px 30px; border-radius:8px;}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 20px 40px 20px;}
.fact-card{background:#194476;border-radius:8px;padding:60px 20px 30px;text-align:center;position:relative;}
.fact-icon{width:100px;height:100px;border:1px dashed #111d31;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:-50px;left:50%;transform:translateX(-50%);background:#ffffff;}
.fact-icon i{font-size:40px;color:#111d31;}
.fact-icon img{width:80px;}
.fact-card .card-numbers{font-size:36px;font-weight:600;color:#ffffff;margin:10px 0;display:inline-flex;align-items:baseline;gap:4px;}
.fact-card .card-num-text{font-size:31px;font-weight:600;color:#ffffff;margin:0px 0; line-height:36px;}
.fact-card span{font-size:16px;color:#ffffff;line-height:1.4;display:block;}

@media (max-width:768px){
.facts-grid{grid-template-columns:1fr;}
.about-us-section{padding:50px 0;}
}

.sustain-card{position:relative;margin-bottom:30px;}

.sustain-card h5{font-size:22px;font-weight:600;margin-bottom:12px;padding:15px 16px 15px 58px;border:1.5px solid #0b4c7c;border-radius:40px;text-transform:uppercase;letter-spacing:0.4px;position:relative; background:#111d31; color:#ffffff;}

.sustain-card h5 .num{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#ffffff;color:#111d31;display:flex;align-items:center;justify-content:center;font-weight:700;}

.sustain-card p{font-size:16px;line-height:26px;margin:0;color:#555;padding-left:4px;}

.goals { margin-top: 20px; }
  .goals h3 { font-size: 24px; margin-bottom: 20px; text-align:center; }
  .goals ul { list-style:none; padding-left:0; max-width:600px; margin:0 auto; }
  .goals ul li { position: relative; padding-left: 25px; margin-bottom: 12px; color:#555; font-size:16px; line-height:1.5; }
  .goals ul li::before { content: "✔"; position: absolute; left:0; top:50%; transform: translateY(-50%); color:#111d31; font-weight:bold; }

.banner-section-slider{width: 100%;  margin-bottom:30px;}

.offer-section{position:relative; margin-bottom:30px;}
.offer-section .offer-content{width:100%; text-align:center;}
.offer-section .offer-content img{margin-bottom:10px;}
.learn-more-btn{width:100%; text-align:center;}
.title-black-center h5{font-size:14px;color:#777;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;}
.title-black-center h2{font-size:36px;font-weight:700;margin-bottom:20px;}
.offer-section .light-btn{background: #194476 !important;}

.offer-section .intro-text{font-size:16px;line-height:1.7;margin:0 auto 30px;color:#555;}

.offer-section .offer-block{margin-bottom:26px;}
.offer-section .offer-block h4{font-size:24px;font-weight:600;margin-bottom:15px;}
.offer-section .offer-block p{font-size:16px;line-height:1.6;color:#555;margin:0 auto;}

.offer-section .capabilities-list{list-style:none;padding:0;margin-top:15px;display:inline-block;text-align:left;}
.offer-section .capabilities-list li{font-size:16px;line-height:1.8;position:relative;padding-left:22px;color:#333;}
.offer-section .capabilities-list li::before{content:"";width:8px;height:8px;background:#111d31;border-radius:50%;position:absolute;left:0;top:11px;}

.offer-section .offer-link{display:inline-block;padding:12px 26px;background:#242364;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none; margin-bottom:0px; color:#ffffff;}

.title-black-center{text-align:center;max-width:800px;margin:0 auto 50px;}
.title-black-center h5{font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#22c55e;margin-bottom:10px;}
.title-black-center h2{font-size:36px;font-weight:700;color:#1d1d1f;margin-bottom:12px;}
.title-black-center p{font-size:16px;line-height:1.8;}

@media(max-width:991px){.title-black-center h2{font-size:28px;}}

.sustain-section{margin-bottom:0px; background:#f8fbff; padding:40px 0px;}
.sustain-section .sustain-sub{font-size:18px; font-weight:600;}

.sustain-content{display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:flex-start;}
.sustain-content .sustain-text{align-self:center;}

/* LEFT */
.sustain-text h5{font-size:20px;font-weight:600;color:#6b7280;margin-bottom:10px;}
.sustain-text h2{font-size:32px;font-weight:700;color:#111;margin-bottom:16px;}
.sustain-text p{font-size:15px;line-height:1.8;margin-bottom:16px;}
.sub-title{font-weight:600;margin-top:20px;}

.initiative-list{list-style:none;padding:0;margin:15px 0 25px;}
.initiative-list li{padding-left:20px;position:relative;font-size:14px;margin-bottom:8px;}
.initiative-list li::before{content:"✓";position:absolute;left:0;color:#6aa84f;}

.light-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#194476;color:#fff;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;}

/* RIGHT */
.light-cards{display:flex;flex-direction:column;gap:24px;}

.light-card{background:#194476;padding:22px 24px 22px 70px;border-radius:8px;box-shadow:0 0 15px rgba(0, 0, 0, 0.15);position:relative;}
.light-cards .light-card:nth-child(1), .light-cards .light-card:nth-child(3) { width: 90%; }
.light-cards .light-card:nth-child(2) { width: 92%; margin-left: 100px; }
.light-card .icon { position: absolute; left: 24px; top: 22px; width: 38px; height: 38px; color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.light-card .icon i { font-size: 24px; color:#ffffff; }


.light-card h5{font-size:22px;font-weight:600;margin-bottom:15px; color:#ffffff;}
.light-card ul { list-style: none; padding-left: 0; }
.light-card ul li { font-size: 16px; color:#ffffff; line-height: 1.6; position: relative; padding-left: 25px; }
.light-card ul li::before { content: "✔"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color:#ffffff; font-size: 18px; }


/* MOBILE */
@media(max-width:991px){
  .sustain-content{grid-template-columns:1fr;gap:40px;}
}



.catageory-title{position: relative; width: 100%;border-bottom: 1px solid #e4e4e4; padding:30px 0px; background:#eeedff;}
.catageory-title .titlediv { text-align: center; }
.catageory-title h1 { margin: 0 auto; display: inline-block; font-size: 50px;/*font-weight: 700;*/}

.internal-banners{width: 100%; margin-bottom: 0px; position: relative; background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; padding: 100px 0px 100px 0px;border-bottom:1px solid #e4e4e4;}
.internal-banners h1{font-size: 60px; color: #006590; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; text-align: left;}


.title-black-left { text-align: left; width: 100%; position: relative; margin-bottom: 30px; }
.title-black-left h5 { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #2e3192; text-align: left; text-transform: uppercase; display: inline-block; padding-left: 25px; position: relative; }
.title-black-left h5:before { content: ''; background: url(../images/title-icon.png) no-repeat center top; width: 15px; height: 19px; position: absolute; left: 0; transform: translateY(-50%); top: 8px; }
.title-black-left h2 { text-align: left; font-size: 30px; font-weight: 500; color: #000000; }

.title-wht-left { text-align: left; width: 100%; position: relative; margin-bottom: 30px; }
.title-wht-left h5 { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; text-align: left; text-transform: uppercase; display: inline-block; padding-left: 25px; position: relative; }
.title-wht-left h5:before { content: ''; background: url(../images/title-icon.png) no-repeat center top; width: 15px; height: 19px; position: absolute; left: 0; transform: translateY(-50%); top: 8px; }
.title-wht-left h2 { text-align: left; font-size: 30px; font-weight: 500; color: #ffffff; }


.title-black-left{text-align: left; width: 100%; position: relative; margin-bottom: 30px;}
.title-black-left h5{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #2e3192; text-align: left; text-transform: uppercase; display: inline-block; padding-left: 25px;}
.title-black-left h5:before{content:'';background: url(../images/title-icon.png) no-repeat center top; width: 15px; height: 19px; position: absolute; left: 0; transform: translateY(-50%); top: 8px;}
.title-black-left h2{text-align: left; font-size: 30px; font-weight: 500; color: #000000; }

.title-black-center{text-align: center; width: 100%; position: relative; margin-bottom: 30px;}
.title-black-center h5{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #2e3192; text-align: center; text-transform: uppercase; display: inline-block; padding-left: 25px;}
/*.title-black-center h5:before{content:'';background: url(../images/title-icon.png) no-repeat center top; width: 15px; height: 19px; position: absolute; left: 0; transform: translateY(-50%); top: 8px;}*/
.title-black-center h2{text-align: center; font-size: 30px; font-weight: 500; color: #000000; }

.title-wht-center{text-align: center; width: 100%; position: relative; margin-bottom: 30px;}
.title-wht-center h5{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; text-align: center; text-transform: uppercase; display: inline-block; padding-left: 25px;}
.title-wht-center h5:before{content:'';background: url(../images/title-icon.png) no-repeat center top; width: 15px; height: 19px; position: absolute; left: 0; transform: translateY(-50%); top: 8px;}
.title-wht-center h2{text-align: center; font-size: 30px; font-weight: 500; color: #ffffff; }

/* Breadkumb */
.breadcrumb-section {margin: 15px 0px 0px 0px; border-bottom:1px solid #e4e4e4;}
.breadcrumb-section .breadcrumb {text-align: left;}
.breadcrumb-section .breadcrumb ul {list-style: none; display: flex; justify-content: center; padding: 0; margin: 0;}
.breadcrumb-section .breadcrumb ul li {display: inline; font-size: 15px;  font-family: "Inter", serif;}
.breadcrumb-section .breadcrumb ul li:not(:last-child)::after {font-family: "FontAwesome"; font-weight: normal; content: "\f178"; margin: 0 8px; color: #000000; font-size: 10px; vertical-align: middle;}
.breadcrumb-section .breadcrumb ul li a {text-decoration: none; text-transform: capitalize; color: #000000; font-size: 15px;}
.breadcrumb-section .breadcrumb ul li a:hover {text-decoration: none; color: blue;}
.breadcrumb-section .breadcrumb .active {color: #2d3393;}


.footer { background-color: #0d172a; padding: 40px 30px 20px 30px; color: #ffffff; clear: both; }
.footer-divider { border: 0; border-top: 1px solid rgba(255,255,255,0.2); margin: 25px 0; }
.footer-grid { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-col { flex: 1; min-width: 180px; padding: 0 20px; border-right: 1px solid rgba(255,255,255,0.2); }
.footer-col.last-col { border-right: none; }
.footer-col h5 {font-family: "Inter", sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; display: block; width: 100%; }
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col ul li { margin-bottom: 10px; font-size: 15px; padding-left: 20px; position: relative; }
.footer-col ul li::before { content: '\f111'; font-family: 'FontAwesome'; position: absolute; left: 0; color: #ffffff; font-size: 6px; top: 50%; transform: translateY(-50%); }
.footer-col ul li a { color: #ffffff; text-decoration: none; transition: 0.3s; }
.footer-col ul li a:hover { color: #4f93ef; padding-left: 5px; }
.footer-last-part { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; }
.last-part-item {  display: flex; align-items: center; }
.last-left { justify-content: flex-start; }
.last-middle { justify-content: center; }
.last-right { justify-content: flex-end; }
.last-left p { font-size: 14px; color: #ffffff; margin: 0; line-height:24px; }
.bottom-social { display: flex; gap: 12px; }
/* Updated Social Box Styles */
.social-box { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; border-radius: 0px; color: #ffffff; text-decoration: none; transition: 0.3s; background-color: transparent; }
.social-box:hover { background-color: #ffffff; color: #0d172a; }
.legal-links { list-style: none; display: flex; gap: 15px; margin: 0; padding: 0; }
.legal-links li { font-size: 14px; position: relative; display: flex; align-items: center; }
.legal-links li:not(:last-child)::after { content: '|'; color: #4a5568; margin-left: 15px; }
.legal-links li a { color: #ffffff; text-decoration: none; transition: 0.3s; }
.legal-links  .fa{font-size:20px;}
.dev-credit img { height:20px; margin-left:5px; vertical-align:middle; }

/* Tablet */
@media (max-width: 992px) {
.footer-grid { flex-wrap: wrap; }
.footer-col { flex: 0 0 50%; max-width: 50%; border-right: none; margin-bottom: 25px; }
.footer-col h5 { font-size: 17px; }
}

@media (min-width: 992px) and (max-width: 1200px) {

.footer-last-part { flex-direction: column; text-align: center; gap: 15px; }

.last-part-item,
.last-left,
.last-middle,
.last-right,
.bottom-social { justify-content: center; }

.legal-links { justify-content: center; flex-wrap: wrap; gap: 10px; }

.legal-links li:not(:last-child)::after { margin-left: 10px; }

.social-box { width: 32px; height: 32px; }

}
/* Mobile */
@media (max-width: 576px) {
.footer { padding: 30px 0 15px 0; }
.footer-grid { flex-direction: column; }
.footer-col { flex: 100%; max-width: 100%; padding: 0 15px; border-right: none; margin-bottom: 25px; }
.footer-col h5 { font-size: 16px; }
.footer-col ul li { font-size: 14px; }
.footer-last-part { flex-direction: column; text-align: center; gap: 15px; }
.last-part-item { justify-content: center; }
.last-left { justify-content: center; }
.last-middle { justify-content: center; }
.last-right { justify-content: center; }
.bottom-social { justify-content: center; }
.legal-links { justify-content: center; flex-wrap: wrap; gap: 10px; }
.legal-links li:not(:last-child)::after { margin-left: 10px; }
.social-box { width: 32px; height: 32px; }
}

.home-newsletter{background: #242364; width: 100%; float: left; position:relative; padding: 35px 0px 35px 0px;}
.home-newsletter .form-row{display: flex;}
.home-newsletter .form-group {padding-left: 15px!important; padding-right: 15px!important; box-shadow: none;}
.home-newsletter label {font-size: 16px; color: #000000; font-weight: normal; text-transform: capitalize;}
.home-newsletter label span {color: #ff0000}
.home-newsletter label p {margin: 0px; font-size: 12px; font-weight: normal; color: #000000; display: inline; width: auto; text-transform: capitalize;}
.home-newsletter .form-control {padding: 0.675rem .75rem; border-radius: 0px; margin-bottom: 5px; background-color: #FFFFFF; color: #444444; font-size: 16px;}
.home-newsletter input, .home-newsletter select {height: 45px!important; box-shadow: none;}
.home-newsletter .input-group-addon:last-child {border-left: 0;}
.home-newsletter .btn-form-submit {background: #000000; color: #ffffff; padding: 0px 25px 0px 25px; border-radius: 0; border: 1px solid #000000; font-size: 16px; font-weight: 600;}
.home-newsletter .btn-form-submit:hover {background: transparent; color: #FFFFFF; border: 1px solid #000000; transition: 0.8s linear;}


.blog-listing{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 15px 0px;}
.blog-listing .listing-cart{ position:relative; border-bottom:1px solid #ebebeb; margin-bottom:40px; padding-bottom:30px; }
.blog-listing .listing-cart .img-section{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 10px; margin-bottom: 15px;}
.blog-listing .listing-cart .date-admin-cart{ display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.blog-listing .listing-cart .date-admin-cart p{ font-size:14px; margin-bottom:0px; color:#000000; }
.blog-listing .listing-cart .date-admin-cart p i.fa{ color:#faa61a; margin-right:8px; }
.blog-listing .listing-cart h3{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: 500;}
.blog-listing .listing-cart p{ font-size:16px; margin-bottom:20px; color:#000000; line-height:26px; }
.blog-listing .listing-cart a{font-size: 16px; color: #242379; font-weight: 600;}
.blog-listing .listing-cart a:after{font-family: FontAwesome; margin-left: 10px; content: "\f111"; font-size: 12px;}

.blog-details{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 15px 0px;}
.blog-details .detail-content{position: relative;}
.blog-details .detail-content .img-section{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 10px; margin-bottom: 15px;}
.blog-details .detail-content .date-admin-cart{ display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.blog-details .detail-content .date-admin-cart p{ font-size:14px; margin-bottom:0px; color:#000000; }
.blog-details .detail-content .date-admin-cart p i.fa{ color:#faa61a; margin-right:8px; }

.blog-details .detail-content .date-admin-cart .share {text-align: left;}
.blog-details .detail-content .date-admin-cart .share ul {list-style: outside none none; margin: 0; padding: 0;}
.blog-details .detail-content .date-admin-cart .share ul li {display: inline-block; margin: 0px 5px 0 0px; color: #000000; font-size: 15px; padding: 0px;}
.blog-details .detail-content .date-admin-cart .share ul li:before{content: "";}
.blog-details .detail-content .date-admin-cart .share a {background-image: none; text-decoration: none;}
.blog-details .detail-content .date-admin-cart .share ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#3b5998; }
.blog-details .detail-content .date-admin-cart .share ul li .pin {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#e83f3a; }
.blog-details .detail-content .date-admin-cart .share ul li .wht {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#2ba63b; }
.blog-details .detail-content h3{font-size: 25px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content p{ font-size:16px; margin-bottom:20px; color:#000000; line-height:26px; text-align:justify; }
.blog-details .detail-content ul {margin: 0; padding: 0;}
.blog-details .detail-content ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 25px; line-height: 26px;}
.blog-details .detail-content ul li::before {display: inline-block; color: #194476 content: "\f00c"; font-family: FontAwesome; margin-left: -25px; position: absolute;}
.blog-details .detail-content ul li a {color: #0d79f6; text-decoration: none;}
.blog-details .detail-content h4{font-size: 20px; color: #000000; margin-bottom: 15px; font-weight: 600;}

.blog-details .right-details{position: relative;}
.blog-details .right-details h3{font-size: 25px; color: #000000; margin-bottom: 15px; font-weight: 600; text-transform: uppercase;}
.blog-details .right-details .recent-post{position: relative; display: flex; align-items: center; margin-bottom: 20px;}
.blog-details .right-details .recent-post .img-section{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 5px; margin-right: 15px; width: 45%; height: auto;}
.blog-details .right-details .recent-post .content{position: relative; width: 55%;}
.blog-details .right-details .recent-post .content h4{font-size: 20px; color: #000000; margin-bottom: 15px; font-weight: 500;}
.blog-details .right-details .recent-post .content h4 a{color: #000000; text-decoration: none;}
.blog-details .adv-banner{background: url(../images/adv-banner.jpg) no-repeat center top; padding: 40px 15px;}
.blog-details .adv-banner h2{color: #ffffff; font-size: 68px; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.blog-details .adv-banner p{ font-size:16px; margin-bottom:20px; color:#ffffff; line-height:26px; text-align:justify; }
.blog-details .adv-banner h5{color: #ffffff; font-size: 30px; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.blog-details .adv-banner .view-products {background: #f7941d; color: #ffffff; padding: 10px 25px; border-radius: 0; border: 1px solid #fe7200; font-size: 16px; font-weight: 600; text-transform: uppercase; display: block; text-align: center; border-radius: 30px;}
.blog-details .adv-banner .view-products:hover {background: transparent; color: #F1880A; border: 1px solid #fe7200; transition: 0.8s linear;}

.client-pane{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 0px 0px;}
.client-pane .client-logo{ text-align:center; border:1px solid #ebebeb; background:#ffffff; margin-bottom:30px; }

.contact-map{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 0px 0px;}
.contact-map .map-large{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 10px; margin-bottom: 40px;}
.contact-map .contact-address{background: url(../images/contact-bg.jpg) no-repeat center top; padding: 30px 18px; margin-bottom: 40px}
.contact-map .contact-address h4{ font-size:24px; color:#ffffff; font-weight:600; text-transform:uppercase; margin-bottom:15px; }
.contact-map .contact-address p{ font-size:16px; margin-bottom:20px; color:#ffffff; line-height:26px; text-align:justify; }
.contact-map .contact-address ul{margin: 0; padding: 0;}
.contact-map .contact-address ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 35px; line-height: 26px;}
.contact-map .contact-address ul li::before {display: inline-block; content: "\f1d8"; font-family: FontAwesome; margin-left: -35px; position: absolute; background: #faa61a; border-radius: 50%; width: 22px; height: 22px; font-size: 12px; color: #000000; text-align: center; line-height: 22px;}
.contact-map .contact-address ul li h5{ color:#faa61a; font-size:22px; margin-bottom:10px; }
.contact-map .contact-address ul li p{margin-bottom: 0px;}
.contact-map .contact-address ul li p a{color: #ffffff;}
.contactus-form{background: #ffffff; width: 100%; float: left; position:relative; padding: 0px 0px 0px 0px;}
.contactus-form .contact-page-form {background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); margin-bottom: 40px; padding: 20px;}
.contactus-form .contact-page-form .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.contactus-form .contact-page-form .form-group {margin-bottom: 1rem;}
.contactus-form .contact-page-form .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.contactus-form .contact-page-form .form-check {margin-bottom: 0px; padding-left: 10px;}
.contactus-form .contact-page-form .btn-form-submit {background: #194476; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px;}
.contactus-form .contact-page-form .btn-form-submit:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}
.contactus-form .contact-page-form .form-control {border-radius: 0px; background-color: #ffffff; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.contactus-form .contact-page-form input, .contactus-form .contact-page-form select {height: 50px!important; box-shadow: none;}
.contactus-form .contact-page-form textarea {height: 100px!important; box-shadow: none;}
.contactus-form .contact-page-form .input-group-addon:last-child {border-left: 0;}
.contactus-form .contact-page-form label {font-size: 18px; color: #000000; margin-bottom: 5px; display: block;}
.contactus-form .contact-page-form label span {color: #ff0000;}
.contactus-form .contact-page-form select option {font-size: 15px;}

.all-maps { background:#eef6fb; width:100%; }
.all-maps .maps-row { width:100%; display:flex; gap:20px; padding:60px 20px; justify-content: center; }
.all-maps .map-pane { flex:1; max-width:248px; background:#ffffff; padding:30px 20px; border-radius:6px; box-shadow:0 5px 15px rgba(0,0,0,0.08); text-align:center; border:1px solid #e5e5e5; display:flex; flex-direction:column; }
.all-maps .map-pane h5 { font-size:20px; font-weight:600; color:#111d31; margin-bottom:15px; }
.all-maps .map-pane p { font-size:15px; line-height:24px; }
.all-maps .map-pane { flex:1; max-width:248px; background:#ffffff; padding:30px 20px; border-radius:6px; box-shadow:0 5px 15px rgba(0,0,0,0.08); text-align:center; border:1px solid #e5e5e5; display:flex; flex-direction:column; align-items:center; }
.all-maps .map-btn { display:inline-block; padding:10px 22px; font-size:14px; color:#ffffff; background:#111d31; text-decoration:none; border-radius:25px; margin-top:auto; width:auto; transition:0.3s ease; }
.all-maps .map-btn:hover {background:#eef6fb;  border:1px solid #111d31; color:#111d31; }
.career-content{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 0px 0px;}
.career-content p{font-size: 16px; color: #000000; margin-bottom: 20px; line-height: 26px; text-align: justify;}
@media (max-width:991px) {
.all-maps .maps-row { flex-direction:column; padding:40px 15px; }
.all-maps .map-pane { max-width:100%; width:100%; }
}

.career-listing{background: #ffffff; width: 100%; float: left; position:relative; padding: 15px 0px 0px 0px;}
.career-listing .listing{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 25px; margin-bottom: 30px; border-radius: 10px; display: flex; justify-content: space-between; min-height: 310px; flex-direction: column;}
.career-listing .listing .apply-card-header{position: relative;}
.career-listing .listing .apply-card-header h3{font-size: 22px; font-weight: 500; color: #000000;}
.career-listing .listing .apply-card-footer{position: relative;}
.career-listing .listing .apply-card-footer .location{position: relative;}
.career-listing .listing .apply-card-footer .location ul{margin: 0; padding: 0;}
.career-listing .listing .apply-card-footer .location ul li a{list-style-type: none; font-size: 14px; color: #f6881f; background: #f6f6f6; border-radius: 30px; padding: 5px 22px; margin-bottom: 6px; display: inline-block; text-transform: uppercase; font-weight: 600;}
.career-listing .listing .apply-card-footer a {font-size: 16px; color: #242379; font-weight: 600;}
.career-listing .listing .apply-card-footer a:after {font-family: FontAwesome; margin-left: 10px; font-size: 12px;}

.career-detail{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 30px 0px;}
.career-detail h4{ font-size:25px; font-weight:600; margin-bottom:25px; color:#000000; }
.career-detail p{font-size: 16px; margin-bottom: 20px; color: #000000;}
.career-detail h5{ font-size:20px; font-weight:600; margin-bottom:20px; color:#000000; }
.career-detail ul{margin: 0; padding: 0}
.career-detail ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 35px; line-height: 26px;}
.career-detail ul li::before {display: inline-block; content: "\f00c"; font-family: FontAwesome; margin-left: -35px; position: absolute; color: #f67809;}
.career-detail .apply-now {background: #194476; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px;}
.career-detail .apply-now:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}

.career-form-apply {position: relative;}
.career-form-apply .modal-title {color: #204185; font-size: 24px; font-weight: 500; margin-bottom: 0px;}
.career-form-apply .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.career-form-apply .form-group {margin-bottom: 1rem;}
.career-form-apply .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.career-form-apply .form-check {margin-bottom: 0px; padding-left: 10px;}
.career-form-apply .btn-form-submit {background: #204186; color: #ffffff; padding: 13px 25px; border-radius: 5px; border: 1px solid #204186; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block;}
.career-form-apply .btn-form-submit:hover {background: transparent; color: #204186; border: 1px solid #204186; transition: 0.8s linear;}
.career-form-apply .form-control {padding: 0.675rem .55rem 0.675rem 0; border-radius: 0px; background-color: transparent; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.career-form-apply input, .career-form-apply select {height: 50px!important; box-shadow: none;}
.career-form textarea {height: 100px!important; box-shadow: none;}
.career-form-apply .input-group-addon:last-child {border-left: 0;}
.career-form-apply label {font-size: 16px; color: #000000; font-weight: normal; margin-bottom: 1rem; display: block;}
.career-form-apply label span {color: #ff0000}
.career-form-apply .view-all-btn {background: #194476; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px;}
.career-form-apply .view-all-btn:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}

.events-listing{background: #ffffff; width: 100%; float: left; position:relative; padding: 35px 0px 0px 0px;}
.events-listing .event-pane{ position:relative; margin-bottom:30px; }
.events-listing .event-pane .img-section{position: relative;}
.events-listing .event-pane .event-content{background: #242379; padding: 15px 10px; border-top: 1px solid #ffffff;}
.events-listing .event-pane .event-content h5{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; margin-bottom: 10px;}
.events-listing .event-pane .event-content a{color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 500;}


.portfolio-main {width: 100%; float: left; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.portfolio-main .port-image {width: 100%;}
.portfolio-main .gallery_product {margin-bottom: 30px; position: relative;}
.portfolio-main .gallery_product .img-section {position: relative; overflow: hidden;}
.portfolio-main .gallery_product .content-overlay {background: rgba(1,37,255,0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.portfolio-main .gallery_product .img-section:hover .content-overlay {opacity: 1;}
.portfolio-main .gallery_product .img-section .content-image {width: 100%;}
.portfolio-main .gallery_product .img-section .content-details {position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.portfolio-main .gallery_product .img-section:hover .content-details {top: 50%; left: 50%; opacity: 1;}
.portfolio-main .gallery_product .img-section .content-details i.fa {color: #000000; font-size: 20px; background: #ffffff; border-radius: 50%; padding: 15px; margin-bottom: 15px;}


 .product-with-filter{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 40px 0px;}
.product-with-filter .product-list{box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); margin-bottom: 30px; background: #ffffff;}
.product-with-filter .product-list .img-section{text-align: center;}
.product-with-filter .product-list .product-name-link{ padding: 15px;}
.product-with-filter .product-list .product-name-link h3{ font-size:22px;  text-transform:uppercase; font-weight:600; margin-bottom:8px; }
.product-with-filter .product-list .product-name-link h3 a{color: #194476;}
.product-with-filter .product-list .product-name-link p{font-size: 13px; margin-bottom: 0px; }
.product-with-filter .product-list .product-name-link p a{color: #f58220;}
.product-with-filter .product-list:hover .product-name-link { background: #194476; }
.product-with-filter .product-list:hover .product-name-link h3 a,
.product-with-filter .product-list:hover .product-name-link p a { color: #ffffff; }



.filter-header { display: flex; justify-content: flex-end; margin:0px 0px 30px 0px; }
.toggle-filter-btn { border: 1px solid #dedede; background: #ffffff; padding: 8px 15px; font-size: 16px; cursor: pointer; }
#filterWrapper { display: none; margin-bottom: 30px;}
.filter-wrapper { margin-top: 0; background: #ffffff; padding: 20px; border-radius: 6px; -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); box-shadow: 0 0 15px rgb(0 0 0 / 10%); }
.filter-wrapper .filter-container { display: flex; flex-wrap: wrap; gap: 20px; }
.filter-wrapper .multi-select-wrapper { position: relative; flex: 1 1 calc(16.66% - 20px); min-width: 150px; max-width: 220px; }
.filter-wrapper .multi-select-label { display: block; padding: 10px; border: 1px solid #e1e1e1e1; background: #fff; border-radius: 0px; font-size: 15px; cursor: pointer; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.filter-wrapper .multi-select-label::after { content: '\f0d7'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 20px; pointer-events: none; }
.filter-wrapper .multi-select-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ccc; max-height: 220px; overflow-y: auto; display: none; z-index: 100; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.filter-wrapper .multi-select-option { padding: 6px; display: flex; align-items: center; gap: 8px; cursor: pointer; margin-bottom: 8px; }
.filter-wrapper .multi-select-option:hover { background: #f0f0f0; }
.filter-wrapper .multi-select-option.selected { background-color: #f0f0f0; }
.filter-wrapper .multi-select-option span { font-weight: normal; width: 100%; font-size: 14px; }
.filter-wrapper .multi-select-option.select-all span { font-weight: bold; }
.filter-wrapper .multi-select-option input[type="checkbox"] { width: 16px; height: 16px; accent-color: #004A80; cursor: pointer; }
@media (max-width: 1100px) { .filter-wrapper .filter-container { justify-content: center; } .filter-wrapper .multi-select-wrapper { flex: 1 1 40%; } }
@media (max-width: 992px) { .filter-wrapper .filter-container { justify-content: center; } .filter-wrapper .multi-select-wrapper { flex: 1 1 50%; } }
@media (max-width: 768px) { .filter-wrapper .filter-container { justify-content: center; } .filter-wrapper .multi-select-wrapper { flex: 1 1 45%; } }
@media (max-width: 480px) { .filter-wrapper .filter-container { justify-content: center; } .filter-wrapper .multi-select-wrapper { flex: 1 1 100%; width: 100%; max-width: 100%; } }


.filter{position: relative; margin-bottom: 30px; text-align: right;}
.filter .filter-btn{font-size: 16px; color: #000000; background: #ffffff; border: 1px solid #dedede; padding: 8px 15px; margin-bottom: 20px;}
.filter .filter-btn:focus{border: 1px solid #dedede; outline: 1px solid #dedede; }
.filter .filter-content{position: relative; background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 20px; text-align: left;}
.filter .filter-content .filter-form{display: grid; grid-template-columns:repeat(6, 1fr); gap: 25px;}
.ms-options {padding: 20px; border: none; }
.ms-options-wrap > button:focus, .ms-options-wrap > button {border-radius: 0px; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; height: 40px; padding-left: 10px; padding-right: 10px; z-index: 2; }
.ms-options-wrap > button:focus:hover, .ms-options-wrap > button:hover {-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
.ms-options-wrap > button:focus:after, .ms-options-wrap > button:after {right: 10px; }
.ms-options-wrap > button:focus:active, .ms-options-wrap > button:focus:focus, .ms-options-wrap > button:active, .ms-options-wrap > button:focus {outline: none; }
.ms-options-wrap.ms-active > button:focus, .ms-options-wrap.ms-active > button {-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
.ms-options-wrap > .ms-options {z-index: 1; margin-top: 12px; border: none !important; -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; }
.ms-options-wrap > .ms-options .ms-search input {border-bottom: 1px solid #efefef; }
.ms-options-wrap > .ms-options .ms-selectall {color: #000000; text-transform: uppercase; font-size: 11px; font-weight:600; }
.ms-options-wrap > .ms-options .ms-selectall:hover {color: #000; }
.ms-options-wrap > .ms-options > ul li.selected label {border-radius: 4px; background: #e1f2fb; }
.ms-options-wrap > .ms-options > ul li label {border-radius: 0px; border: none; padding-top: 10px; padding-bottom: 10px; border-bottom:1px solid #ebebeb; }
.ms-options-wrap > .ms-options > ul li:hover label {border: none; background: #f7f7f7;border-bottom:1px solid #ebebeb;  }

.product-listing{width: 100%; float: left; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.product-listing .back-to-category{position: relative; text-align: right; margin-bottom: 20px;}
.product-listing .back-to-category a{font-size: 15px; text-align: right; color: #000000; text-decoration: none;}
.product-listing .back-to-category a:before{font-family: FontAwesome; margin-right: 12px; content: "\f177"; font-size: 14px;}

.product-listing .single-product-list{box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); margin-bottom: 30px; background: #ffffff;}
.product-listing .single-product-list .img-section{text-align: center;}
.product-listing .single-product-list .product-name-link{ padding: 15px;}

.product-listing .single-product-list .product-name-link .name-weight{ display:flex; align-items:center; justify-content:space-between; }
.product-listing .single-product-list .product-name-link .name-weight .product-name h3{ font-size:22px; color:#ffffff; text-transform:uppercase; font-weight:600; margin-bottom:8px; }
.product-listing .single-product-list .product-name-link .name-weight .product-name h3 a{color:#2d3393; }
.product-listing .single-product-list .product-name-link .name-weight .weight{ font-size:15px; font-weight:600; }
.product-listing .single-product-list .product-name-link .detail-link{position: relative;}
.product-listing .single-product-list .product-name-link .detail-link a{font-size: 15px; color: #000000; text-decoration: none;}
.product-listing .single-product-list .product-name-link .detail-link a:after{font-family: FontAwesome; margin-left: 12px; content: "\f178"; font-size: 14px;}
.product-listing .single-product-list:hover .product-name-link { background: #2d3393; }
.product-listing .single-product-list:hover .product-name-link .detail-link a,
.product-listing .single-product-list:hover .product-name-link .name-weight .product-name h3,
.product-listing .single-product-list:hover .product-name-link .name-weight .product-name h3 a,
.product-listing .single-product-list:hover .product-name-link .name-weight .weight { color: #ffffff; }



.product-details{width: 100%; float: left; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.product-details .back-to-category{position: relative; text-align: right; margin-bottom: 20px;}
.product-details .back-to-category a{font-size: 15px; text-align: right; color: #000000; text-decoration: none;}
.product-details .back-to-category a:before{font-family: FontAwesome; margin-right: 12px; content: "\f177"; font-size: 14px;}
.product-details .product-img{text-align: center; border: 1px solid #e1e1e1; margin-bottom: 40px;}
.product-details .product-details-content{ position:relative; margin-bottom:30px; }
.product-details .product-details-content h3{font-size: 22px; color: #000000; margin-bottom: 25px; font-weight: 600;}
.product-details .product-details-content h6{font-size: 20px; color: #de7013; margin-bottom: 20px; font-weight: 600;}
.product-details .product-details-content p{font-size: 16px; line-height: 26px; margin-bottom: 20px; text-align: justify;}
.product-details .product-details-content .product-quote{text-align: center; background: #194476; color: #ffffff; font-size: 16px; font-weight: 600; display: inline-block; width: 100%; padding: 15px; text-transform: uppercase; margin-bottom: 20px}
.product-details .product-details-content .product-quote:hover{color: #ffffff;}

.product-details .product-details-content .share {text-align: right;}
.product-details .product-details-content .share ul {list-style: outside none none; margin: 0; padding: 0;}
.product-details .product-details-content .share ul li {display: inline-block; margin: 0px 5px 0 0px; color: #000000; font-size: 15px; padding: 0px;}
.product-details .product-details-content .share ul li:before{content: "";}
.product-details .product-details-content .share a {background-image: none; text-decoration: none;}
.product-details .product-details-content .share ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#3b5998; }
.product-details .product-details-content .share ul li .pin {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#e83f3a; }
.product-details .product-details-content .share ul li .wht {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#2ba63b; }

.wishlist{width: 100%; float: left; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.wishlist h5{font-size: 25px; font-weight: 600; color: #000000; margin-bottom: 15px;}
.wishlist p{font-size: 16px; margin-bottom: 30px; color: #000000;}

.product-wish-1{width: 100%; float: left; position: relative; background: #fffbf4; padding: 20px 0px 20px 0px;}
.product-wish-1 .product-wish-content{display: flex; align-items: center; position: relative; column-gap: 30px;}
.product-wish-1 .product-wish-content .img-section{width: 140px; height: auto; background: #ffffff; border: 1px solid #d5d5d5;}
.product-wish-1 .product-wish-content .content-section{position: relative;}
.product-wish-1 .product-wish-content .content-section h5{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.product-wish-1 .product-wish-content .content-section p{font-size: 16px; margin-bottom: 10px; color: #000000;}
.product-wish-1 .product-wish-content .content-section .qty{display: flex; align-items: center; column-gap: 15px; font-size: 14px;}
.product-wish-1 .product-wish-content .content-section .qty input{border: 1px solid #d0d0d0; padding: 10px 10px 10px 30px; font-size: 16px; font-weight: normal; outline: none; -webkit-appearance: none; appearance: none;}

.product-wish-2{width: 100%; float: left; position: relative; background: #ffffff; padding: 20px 0px 20px 0px;}
.product-wish-2 .product-wish-content{display: flex; align-items: center; position: relative; column-gap: 30px;}
.product-wish-2 .product-wish-content .img-section{width: 140px; height: auto; background: #ffffff; border: 1px solid #d5d5d5;}
.product-wish-2 .product-wish-content .content-section{position: relative;}
.product-wish-2 .product-wish-content .content-section h5{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.product-wish-2 .product-wish-content .content-section p{font-size: 16px; margin-bottom: 10px; color: #000000;}
.product-wish-2 .product-wish-content .content-section .qty{display: flex; align-items: center; column-gap: 15px; font-size: 14px;}
.product-wish-2 .product-wish-content .content-section .qty input{border: 1px solid #d0d0d0; padding: 10px 10px 10px 30px; font-size: 16px; font-weight: normal; outline: none; -webkit-appearance: none; appearance: none;}

.wishlist-contactus-form{background: #ffffff; width: 100%; float: left; position:relative; padding: 0px 0px 0px 0px;}
.wishlist-contactus-form .contact-page-form {background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); margin-bottom: 40px; padding: 20px;}
.wishlist-contactus-form .contact-page-form .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.wishlist-contactus-form .contact-page-form .form-group {margin-bottom: 1rem;}
.wishlist-contactus-form .contact-page-form .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.wishlist-contactus-form .contact-page-form .form-check {margin-bottom: 0px; padding-left: 10px;}
.wishlist-contactus-form .contact-page-form .btn-form-submit {background: #194476; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px;}
.wishlist-contactus-form .contact-page-form .btn-form-submit:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}
.wishlist-contactus-form .contact-page-form .form-control {border-radius: 0px; background-color: #ffffff; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.wishlist-contactus-form .contact-page-form input, .wishlist-contactus-form .contact-page-form select {height: 50px!important; box-shadow: none;}
.wishlist-contactus-form .contact-page-form input[type=checkbox]{height: 15px!important;}
.wishlist-contactus-form .contact-page-form textarea {height: 100px!important; box-shadow: none;}
.wishlist-contactus-form .contact-page-form .input-group-addon:last-child {border-left: 0;}
.wishlist-contactus-form .contact-page-form label {font-size: 18px; color: #000000; margin-bottom: 5px; display: block;}
.wishlist-contactus-form .contact-page-form label span {color: #ff0000;}
.wishlist-contactus-form .contact-page-form select option {font-size: 15px;}
.wishlist-contactus-form .contact-page-form .form-check-label{font-size: 14px;}

.header-sample{text-align: center; width: 100%; position: relative;}
.body-sample{text-align: center; width: 100%; position: relative;}

.home-clients{width: 100%;width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 30px 0px;}
.home-clients .client-logo{border: 1px solid #e1e1e1; margin-bottom: 30px; background: #ffffff;}
.home-clients .owl-theme .owl-nav .owl-prev, .home-clients .owl-theme .owl-nav .owl-next {/*box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);*/padding: 0px; color: #faa61a; font-size: 16px; margin: auto 5px; display: inline-block; cursor: pointer; background-color: transparent; width: 50px; text-align: center; height: 50px; line-height: 50px; border: 1px dashed #faa61a; border-radius: 50%;}
.home-clients .owl-theme .owl-nav [class*=owl-]:hover {background: #204185; color: #FFFFFF!important; text-decoration: none; border: 1px dashed #faa61a;}

.home-blog-section { width: 100%; float: left; position: relative; background: #f1f5fd; padding: 60px 0 60px 0; }
.home-blog-section .blog-pane { display: flex; flex-direction: column; height: 100%; background: #ffffff; border-radius: 10px; margin-bottom: 30px; padding: 20px; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); }
.home-blog-section .blog-pane .img-pane { position: relative; margin-bottom: 15px; }
.home-blog-section .blog-pane .img-pane img { border-radius: 10px; width: 100%; height: auto; }
.home-blog-section .blog-pane .date-admin-cart { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.home-blog-section .blog-pane .date-admin-cart p { font-size: 14px; margin-bottom: 0; color: #000000; }
.home-blog-section .blog-pane .date-admin-cart p i.fa { color: #faa61a; margin-right: 8px; }
.home-blog-section .blog-pane h3 { font-size: 22px; color: #000000; margin-bottom: 10px; font-weight: 500; min-height: 56px; display: flex; align-items: flex-start; }
.home-blog-section .blog-pane p { font-size: 16px; margin-bottom: 0px; color: #000000; line-height: 26px; flex-grow: 1; }
.home-blog-section .blog-pane a { font-size: 16px; color: #242379; font-weight: 600; margin-top: auto; }
.home-blog-section .blog-pane a:after { font-family: FontAwesome; margin-left: 10px; content: "\f111"; font-size: 12px; }


.certificate{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.certificate .cert-logo{border: 1px solid #ebebeb; margin-bottom: 30px; text-align: center;}

.eco-friendly{width: 100%; float: left; position: relative;background: url(../images/eco-friendly-bg.jpg) no-repeat center top; background-size: cover; padding: 100px 0px 135px 0px; text-align: center;}
.eco-friendly h2{font-size: 120px; color: #ffffff; font-weight: 600; margin-bottom: 30px; text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.eco-friendly p{text-align: center; color: #ffffff; font-size: 32px; line-height: 46px; margin-bottom: 40px;}
.eco-friendly a{background: #7cc576; color: #ffffff; font-size: 20px; font-weight: 600; text-align: center; background: #7cc576; padding: 15px 30px; border-radius: 30px; border: 2px solid #589140;}

/* .iws-home{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.iws-home:before { background: #111d31; content: ''; width: 100%; height: 290px; position: absolute; top: 0; left: 0; z-index: 0; }
.iws-home .iws-pane{ background:#ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding:30px 15px 30px 15px; margin-bottom:30px; } 
.iws-home .iws-pane:before{content: ''; width: 375px; height: 151px; background: url(../images/iws-bg.jpg) no-repeat center top; position: absolute; top: 0; left: 10px;}
.iws-home .iws-pane h3{font-size: 22px; font-weight: 600; margin-bottom: 20px; text-align: center;}
.iws-home .iws-pane img{text-align: center; margin: 0 auto 15px auto; display: block; z-index: 1; position: relative;}
.iws-home .iws-pane p{font-size: 15px; text-align: center; line-height: 26px; color: #000000; margin-bottom: 15px;}
.iws-home .iws-pane a{text-align: center; background: #2e3192; color: #ffffff; font-size: 15px; font-weight: 600; width: 100%; display: block; padding: 13px 0px;} */

.iws-home { width: 100%; float: left; position: relative; background: #ffffff; padding: 60px 0 0px 0; }
.iws-home:before { background: #111d31; content: ''; width: 100%; height: 290px; position: absolute; top: 0; left: 0; z-index: 0; }
.iws-home .container-fluid { position: relative; z-index: 1; }
.iws-home .iws-pane { background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 30px 15px 30px 15px; margin-bottom: 30px; position: relative; }
.iws-home .iws-pane:before { content: ''; width: 100%; height: 151px; background: url(../images/iws-bg.jpg) no-repeat center top; position: absolute; top: 0px; left: 0px; right: 0px; }
.iws-home .iws-pane h3 { font-size: 22px; font-weight: 600; margin-bottom: 20px; text-align: center; position: relative; z-index: 1; }
.iws-home .iws-pane img { text-align: center; margin: 0 auto 15px auto; display: block; z-index: 1; position: relative; }
.iws-home .iws-pane p { font-size: 15px; text-align: center; line-height: 26px; color: #000000; margin-bottom: 15px; }
.iws-home .iws-pane a { text-align: center; background: #2e3192; color: #ffffff; font-size: 15px; font-weight: 600; width: 100%; display: block; padding: 13px 0px; }

.home-products { width: 100%; float: left; padding: 0px 0; background: #ffffff; margin-bottom: 30px; }
.home-products .product-pane { border: 1px solid #ccc; background: #ffffff; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.home-products .product-pane img { width: 100%; height: auto; padding: 0px; }
.home-products .product-info { background: #2e3192; padding: 10px 10px 12px 10px; }
.home-products .product-info h3 { font-size: 20px; color: #ffffff; margin: 0 0 5px 0; font-weight: 600; }
.home-products .product-info .read-more { font-size: 16px; color: #ffffff; text-decoration: none; display: inline-block; }
.home-products .owl-theme .owl-nav .owl-prev, .home-products .owl-theme .owl-nav .owl-next {/*box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);*/padding: 0px; color: #faa61a; font-size: 16px; margin: auto 5px; display: inline-block; cursor: pointer; background-color: transparent; width: 50px; text-align: center; height: 50px; line-height: 50px; border: 1px dashed #faa61a; border-radius: 50%;}
.home-products .owl-theme .owl-nav [class*=owl-]:hover {background: #204185; color: #FFFFFF!important; text-decoration: none; border: 1px dashed #faa61a;}


.home-who-we-are{width: 100%; float: left; margin-bottom: 30px; position: relative;  background: url(../images/who-we-are-bg.jpg) no-repeat center top; background-size: cover; padding: 50px 0px 0px 0px;}
.home-who-we-are .img-section{position: relative; margin-bottom: 30px;}
.home-who-we-are .content{position: relative;}
.home-who-we-are .content .left-wwa-title{position: relative; width: 100%; margin-bottom: 20px}
.home-who-we-are .content .left-wwa-title h2{font-size: 48px; font-weight: 600; color: #000000; margin-bottom: 20px; line-height: 50px;}
.home-who-we-are .content .left-wwa-title h2 span{font-family: "Inter", sans-serif; font-size: 20px; font-weight: 600; display: block;}
.home-who-we-are .content p{font-size: 16px; line-height: 26px; text-align: justify; margin-bottom: 20px; color: #000000;}
.home-who-we-are .content a{font-size: 16px; color: #242379; font-weight: 600;}
.home-who-we-are .content a:after{font-family: FontAwesome; margin-left: 10px; content: "\f111"; font-size: 12px;}

.product-range{width: 100%; float: left; position: relative; padding: 30px 0px 0px 0px; background: #ffffff;}
.product-range .product-pane{border: 1px solid #cccccc; background: #ffffff; padding: 15px; margin-bottom: 30px;}
.product-range .product-pane img{position: relative; margin-bottom: 15px; width: 100%; height: auto;}
.product-range .product-pane h3{font-family: "Inter", sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.product-range .product-pane .read-more{font-size: 14px; color: #242379; font-weight: 600;}
.product-range .product-pane .read-more:after{font-family: FontAwesome; margin-left: 10px; content: "\f111"; font-size: 12px;}

.exi-banner{width: 100%; float: left; position: relative; padding: 30px 0px 0px 0px; background: #ffffff;}
.header-item-right{display: none !important;}

/*.banner-section { position: relative; width: 100%; min-height: 375px; background: url(../images/product-banner-1.jpg) no-repeat center center; background-size: cover; display: flex; padding: 30px 0; }*/
.banner-section { position: relative; width: 100%;background-size: cover; display: flex; }
.banner-section .container { max-width: 100%; padding: 0px; }
.banner-section .content-box { background-color: rgba(28, 56, 145, 0.9); padding: 60px 30px; color: #ffffff; width: 696px; }
.banner-section .title-left h1 { font-size: 30px; font-weight: 600; margin-bottom: 30px; color: #ffffff; }
.banner-section .title-left p { font-size: 16px; line-height: 26px; margin: 0; color: #ffffff; }

/* .blog-banner-section { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 240px; background-color: #efd5b0; margin: 0; padding: 0; }
.blog-banner-section .content-box { padding: 0 30px; flex: 0 0 55%; display: flex; align-items: center; }
.blog-banner-section .content-box h1 { font-size: 40px; font-weight: 900; margin: 0; color: #ffffff; text-transform: uppercase; letter-spacing: 4px; -webkit-text-stroke: 2px rgba(0,0,0,0.2); text-shadow: 3px 3px 6px rgba(0,0,0,0.5); }
.blog-banner-section .image-box { flex: 0 0 45%; }
.blog-banner-section .image-box img { display: block; width: 100%; height: auto; } */


.blog-banner-section { position: relative; display: flex; align-items: center; width: 100%; min-height: 240px; background: url(../images/blog-banner-img.jpg) no-repeat right center; background-size: cover; margin: 0; padding: 0; }
.content-box-banner { padding: 0 100px; flex: 0 0 55%; display: flex; align-items: center; }
.content-box-banner h1 { font-family: "Inter", sans-serif; font-size: 40px; font-weight: 800; margin: 0; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 0.7); }

.career-banner-section{background: url(../images/career-banner-bg.jpg) no-repeat top center; }
.our-client-bg{background: url(../images/our-client-bg.jpg) no-repeat right center; }
.contact-us-bg{background: url(../images/contact-us-banner.jpg) no-repeat right center;}
.events-banner-section{background: url(../images/events-banner-img.jpg) no-repeat right center;}
.wishlist-banner-section{background: url(../images/wishlist-banner-bg.jpg) no-repeat right center;}

.field_error{color: red;}
.search-wrapper { max-width: 600px; margin: 0 auto; position: relative; z-index: 10000; }
.search-box { position: relative; display: block !important; border-radius: 30px; z-index: 10001; }
.search-box:focus-within { transform: translateY(-2px); }
.search-input:focus { box-shadow: none; }
.search-icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #666; transition: all 0.3s ease; }
.search-box:focus-within .search-icon { color: #007bff; }
/* .suggestions { position: absolute; top: 100%; left: 0; right: 0; margin-top: 10px; width: 450px; text-align: left; z-index: 10002 !important; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden; } */
.search-box:focus-within .suggestions { opacity: 1; transform: translateY(0); }
.suggestion-item { padding: 12px 20px; cursor: pointer; border-bottom: 1px solid #e0e0e0; border-radius: 0; display: flex; align-items: center; gap: 10px; text-decoration: none !important; position: relative; z-index: 10003; color: #333; background: #fff; transition: background 0.3s ease; }
.suggestion-item:last-child { border-bottom: none; }
.suggestion-item:hover { background: #f5f5f5; }
.suggestion-item i { margin-right: 10px; color: #194476 }
.suggestion-item .prod-code { font-size: 12px; color: #888888; }
.suggestion-img { width: 50px; height: 50px; object-fit: cover; flex-shrink: 0; border-radius: 6px; }
.suggestion-text { flex: 1 1 auto; display: flex; flex-direction: column; }
.suggestion-text .name { font-size: 14px; font-weight: 600; color: #194476 line-height: 1.3; }
.recent-searches { color: #666666; font-size: 0.8rem; padding: 10px 20px; background: #ffffff; border-radius: 15px 15px 0 0; }

.ms-options-wrap > .ms-options{position: relative !important; z-index:auto !important}
.filter .filter-content{max-height:80px}
.suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 10px;
  width: 450px;
  text-align: left;
  z-index: 10002 !important;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}


.about-us-sec { position: relative;  width: 100%; margin-bottom: 30px;  background: url(../images/who-we-are-bg.jpg) no-repeat center center / cover;  padding: 60px 20px;}
.about-us-sec .text-sec{position: relative; width: 100%;}
.about-us-sec .text-sec p{font-size: 16px; margin-bottom: 20px; line-height: 26px;}
.about-us-sec .text-sec p:last-child{margin-bottom: 0px;}
.about-us-sec .img-wrap{position: relative; width: 100%;}

.vision-mission-first{position: relative; width: 100%; margin-bottom: 30px;}
.vision-mission-first .text-sec{position: relative; width: 100%;}
.vision-mission-first .text-sec p{font-size: 16px; margin-bottom: 20px; line-height: 26px;}
.vision-mission-first .text-sec p:last-child{margin-bottom: 0px;}
.vision-mission-first .img-wrap{position: relative; width: 100%;}

.vision-mission { padding: 40px 0; background-color: #f7f8fc; margin-bottom: 30px;}
.vision-mission .img-wrap { margin-bottom: 20px; position: relative; }
.vision-mission .img-wrap img { width: 100%;}
.vision-mission .text-sec { padding: 0px 15px; }
.vision-mission .text-sec p { font-size: 16px; color: #444; line-height: 1.6; margin-bottom: 15px; }
.vision-mission .text-sec strong { color: #000; font-weight: 600; display: block; margin-bottom: 10px; }
.vision-mission ul { padding-left: 20px; list-style: none; margin: 0; }
.vision-mission ul li { position: relative; padding-left: 28px; font-size: 16px; color: #333; margin-bottom: 10px; line-height: 1.5; }
.vision-mission ul li::before { font-family: FontAwesome; content: "\f00c"; font-weight: normal; position: absolute; left: 0; color: #2e3192; font-size: 16px; line-height: 1; }
.vision-mission ul li:last-child{margin-bottom: 0;}

.catalogue-container { padding: 40px 0; background-color: #eef3fb; }
.catalogue-container .box-sec { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); background: #ffffff; padding: 0; border-radius: 0px; overflow: hidden; }
.catalogue-container .catalogue-left { display: flex; align-items: center; justify-content: center; background-color: #eef0fb; padding: 0; }
.catalogue-container .catalogue-left img { width: 100%; height: 100%; object-fit: cover; }
.catalogue-container .catalogue-right { padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; }
.catalogue-container .catalogue-right h2 { font-size: 26px; color: #242364; margin-bottom: 25px; text-align: center; }
.catalogue-container form { display: flex; flex-direction: column; gap: 20px; }
.catalogue-container .form-row { display: flex; gap: 20px; width: 100%; flex-wrap: wrap; }
.catalogue-container .form-group { flex: 1; display: flex; flex-direction: column; width: 100%; margin-bottom: 0; }
.catalogue-container .form-group label { font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #333; }
.catalogue-container .form-group input { padding: 10px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 0px; outline: none; width: 100%; }
.catalogue-container .form-group input:focus { border-color: #242364; }
/*.catalogue-container .download-btn { padding: 14px; background-color: #242364; color: #fff; font-size: 15px; border: none; border-radius: 0; cursor: pointer; transition: 0.3s; width: 100%; }*/

.catalogue-container .download-btn{padding:15px 30px;background-color:#194476;color:#fff;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:0.3s; align-self:center;}

.catalogue-container .download-btn:hover { background-color: #1c1a50; }

.home-blog-section .infra-text-div{position: relative; width: 100%;}
.home-blog-section .infra-text-div p{font-size: 16px; margin-bottom: 18px; line-height: 26px;}
.home-blog-section .infra-text-div p:last-child{margin-bottom: 0;}

.it-infra-img-section { width: 100%; position: relative; padding: 30px 0 0 0;margin-bottom: 30px; }
.it-infra-img-section .infra-card-main { display: flex; flex-direction: column; width: 100%; flex-grow: 1; margin-bottom: 0px; height: 100%; }
.it-infra-img-section .card-img-img { width: 100%; overflow: hidden; position: relative; }
.it-infra-img-section .card-img-img img { width: 100%; height: auto; display: block; object-fit: cover;  transition: transform 0.4s ease; }
.it-infra-img-section .card-img-img:hover img { transform: scale(1.05); }
.it-infra-img-section .infra-card-text { position: relative;  margin: auto; margin-top: -70px; padding: 28px 28px 0; width: 90%; height:60%; background-color: #ffffff; border-radius: 0px; border-bottom: 5px solid #364a6c; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; justify-content: flex-start; text-align: center; }
.it-infra-img-section .infra-card-text h4 { font-size: 25px; font-weight: 600; line-height: 38px; margin: 0 0 16px 0; }
.it-infra-img-section .infra-card-text h4 a { color: #202020; text-decoration: none; transition: color 0.3s ease; }
.it-infra-img-section .infra-card-text h4 a:hover { color: #007bb6; }
.it-infra-img-section .infra-card-text p { font-size: 16px; line-height: 30px; color: #444444; margin: 0 0 24px 0; }
.it-infra-img-section .custom-list { list-style: none; padding-left: 0; }
.it-infra-img-section .custom-list li { position: relative; padding-left: 30px; margin-bottom: 18px; font-size: 16px; color: #333; }
.it-infra-img-section .custom-list li::before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; top: 0; color: #364a6c; font-size: 18px; }

.special-marg{margin-bottom: 30px;}
.infra-margin{margin-bottom: 30px; padding:30px 0px;}

.our-markets-section { background: linear-gradient(to bottom, #f9fcff 0%, #eef6fb 100%);
    /*background: #5b96ef;*/
text-align: center; padding: 35px 20px; color: #000000; font-family: 'Segoe UI', sans-serif; }
.our-markets-section .title-black-center h2 { font-weight: bold; font-size: 36px; margin-bottom: 20px; color: #000000; }
.our-markets-section .intro-text { font-size: 18px; max-width: 950px; line-height:28px; margin: 0 auto 40px; color: #000000; }
.our-markets-section .market-box { text-align: center; line-height:28px;}
.our-markets-section .market-box img { width: 100%; height: auto; margin-bottom: 15px;}
.our-markets-section .market-box a { font-size: 20px; font-weight: 600; margin: 0; color: #000000; text-transform: uppercase; text-decoration:none;}

.industry-sub{position: relative; width: 100%; margin-bottom: 40px;}
.industry-sub .head-div{position: relative; width: 100%; background: #111d31; margin-bottom: 40px; padding: 25px 0px; text-align: center;}
.industry-sub .head-div h3{font-size: 35px; font-weight: 600; color: #ffffff; text-transform: uppercase;}
.industry-sub .img-div{position: relative; width: 100%;}
.industry-sub .img-div img{width: 100%;}
.industry-sub .text-div{position: relative; width: 100%;}
.industry-sub .text-div p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.industry-sub .text-div p:last-child{margin-bottom: 0;}


.quality-section { background: linear-gradient(to bottom, #f9fcff 0%, #eef6fb 100%); padding: 30px 0px;  color: #2c3e50; }
.quality-section .title-black-center p { font-size: 18px; color: #444; line-height: 28px; text-align: center;  margin: 15px auto 0; }
.quality-section .quality-intro p,
.quality-section .quality-note p { font-size: 16px; line-height: 28px; margin-bottom: 20px; color: #333; }
.quality-section .quality-image{position:relative;}
.quality-section .quality-image img { width: 100%; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; }
.quality-section .quality-points {margin-top: 40px; background-color: #ffffff; padding: 40px 30px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease; }
.quality-section .quality-list { list-style: none; padding-left: 0; }
.quality-section .quality-list li { font-size: 16px; margin-bottom: 18px; padding-left: 32px; position: relative; color: #34495e; line-height: 24px; }
.quality-section .quality-list li::before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; top: 0; color: #0e91d0; font-size: 18px; }
.quality-section .row.quality-note p { font-size: 16px; color: #2d2d2d; }
.quality-section .quality-intro p:last-child{margin-bottom:0px;}
.quality-section .row.quality-note p:last-child{margin-bottom:0px;}

.decoration-section { position: relative; width: 100%; }
.decoration-section .custom-info-card { background: #ffffff; border: 1px solid #e0e0e0; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease; height: 100%; }
.decoration-section .custom-info-card-img { width: 100%; margin-bottom: 16px; }
.decoration-section .custom-info-card-img img { width: 100%; height: auto; display: block; }
.decoration-section .custom-info-card-body h4 { font-size: 20px; font-weight: 700; color: #1f1f1f; margin-bottom: 10px; }
.decoration-section .custom-info-card-body p { font-size: 16px; color: #555; line-height: 26px; margin: 0; }

.ser-first-sec{position: relative; margin-bottom: 30px; width: 100%; background: #f7f8fc; padding: 30px 0px 0px 0px;}
.ser-first-sec .title-black-center p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.ser-first-sec .title-black-center h2{margin-bottom: 20px;}
.ser-first-sec .title-black-center p:last-child{margin-bottom: 0px;}

.logist-sec{position: relative; width: 100%; margin-bottom: 30px;}
.logist-sec .title-black-center h2{margin-bottom: 15px;}
.logist-sec .title-black-center p{font-size: 16px; line-height: 26px; margin-bottom: 0;}


 .section-three-card { padding: 0px 0px; background-color: #ffffff; margin-bottom: 30px; }
    .section-three-card .card { border: none; padding: 50px 30px; background: #f7f7f7; color: #333; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; }
    .section-three-card .card1 { background-color: #eeeeee; }
    .section-three-card .card2 { background-color: #f2f2f2; }
    .section-three-card .card3 { background-color: #f7f7f7; }
    .section-three-card .card h3 { font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; color: #2c2c2c; }
    .section-three-card .card p, .section-three-card .card ul { font-size: 15px; max-width: 320px; margin: 0 auto; line-height: 1.7; color: #444; }
    .section-three-card .card ul { list-style: none; padding-left: 0; margin-top: 0; }
    .section-three-card .card ul li { position: relative; padding-left: 20px; text-align: left; margin-bottom: 12px; }
.section-three-card .card ul li::before { content: "\2713"; font-size: 16px; font-weight: 600; color: #2e3192; position: absolute; left: 0; top: 2px; }

.client-base-map { position: relative; width: 100%; margin-bottom: 30px; }
.client-base-map .title-black-center { text-align: center; margin-bottom: 30px; }
.client-base-map .title-black-center h2 { font-size: 32px; font-weight: bold; color: #000; margin: 0; }
.client-base-map .text-sec ul { list-style: none; padding-left: 0; margin: 0; }
.client-base-map .text-sec ul li { position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 16px; color: #333; line-height: 1.6; }
.client-base-map .text-sec ul li::before { content: "\f00c"; font-family: FontAwesome; font-weight: normal; position: absolute; left: 0; top: 0; color: #007BBA; font-size: 16px; }
.client-base-map .img-wrap { text-align: center; margin-top: 0px; }
.client-base-map .img-wrap img { max-width: 100%; height: auto; }

.certificates { width: 100%; float: left; position: relative; background: #FFFFFF; padding: 30px 0px 0px 0px; }
.certificates .gallery-img-section { margin-bottom: 30px; position: relative; }
.certificates .gallery-img-section .gallery-img-pane { border: 1px solid #d0d0d0; padding: 10px; }



.thankyou-section {display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background-color: #ffffff; padding: 20px;}
.thankyou-section .banner-wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-image: url(../images/blue_background.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 16px; overflow: hidden;}
.thankyou-section .banner-wrapper .content-wrap {position: relative; z-index: 1; text-align: center; color: #333; padding: 20px;}
.thankyou-section .banner-wrapper .content-wrap h1 {font-size: 72px; font-weight: 500; margin-bottom: 20px; color: #ffffff;}
.thankyou-section .banner-wrapper .content-wrap p {font-size: 18px; margin-bottom: 20px; color: #ffffff; line-height: 32px;}
.thankyou-section .banner-wrapper .content-wrap p a {color: #f6881f; text-decoration: none; font-weight: 600;}
.thankyou-section .banner-wrapper .content-wrap p a:hover {color: #f1b276; text-decoration: none;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou {text-align: center; width: 100%; margin-bottom: 20px;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul {list-style: outside none none; margin: 0; padding: 0;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li {display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou a {background-image: none; text-decoration: none;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .fb:hover {background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .twt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .twt:hover {background-color: #26a4f0; color: #FFFFFF; border: 1px solid #26a4f0;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .yt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .ld {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .ld:hover {background-color: #007bb6; color: #FFFFFF; border: 1px solid #007bb6;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .insta {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .insta:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}

.field_error{color: red; font-size: 14px;}

.quality-2 {width: 100%; float: left; position: relative; background: #FFFFFF; padding: 30px 0px 30px 0px;}
.quality-2 p {font-size: 16px; color: #000000; line-height: 28px; margin-bottom: 25px; text-align: justify;}
.quality-2 .section-pane {position: relative; margin-bottom: 30px;}
.quality-2 .section-pane .title-section {background: #194476 padding: 12px; color: #FFFFFF; font-size: 18px; text-transform: uppercase;}
.quality-2 .section-pane .image-section {border: 1px solid #DDDDDD;}

.clients-logo { position: relative; width: 100%; overflow: hidden; padding: 20px 0; }
.clients-logo .marquee-wrapper { overflow: hidden; width: 100%; }
.clients-logo .marquee-track { display: flex; align-items: center; gap: 0px; width: max-content; animation: scroll 35s linear infinite; }
.clients-logo .marquee-track img { height: 220px; width: auto; }
@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.quality-section .goals{ position: relative;  width: 100%; margin-bottom:30px;}
.quality-section .goals p {font-size: 16px; line-height: 26px; margin: 0; color: #555; text-align:center;}
.quality-section .goals-first ul {  list-style: none;  display:flex; max-width:1090px; gap:27px; margin: 0 auto;}
.quality-section .goals-first ul li{margin:15px 0px; font-weight:600; font-size:18px;}
.quality-section .goals-second{position: relative;  width: 100%; margin-bottom:30px; background:#111d31; padding:30px; border-radius:10px;}
.quality-section .goals-second p {font-size: 16px; line-height: 26px; margin: 0px 0px 18px 0px; color: #ffffff; text-align:center;}
.quality-section .goals-second  ul {list-style: none;   padding-left: 0;  max-width: 100%; display:flex; gap:16px;  margin: 0 auto;}
.quality-section .goals-second  ul li{position: relative;  padding-left: 25px;  margin-bottom: 12px;  color: #ffffff;  font-size: 15px; font-weight:600;   line-height: 1.5;}
.quality-section .goals-second ul li::before { content: "✔";  position: absolute;  left: 0;  top: 50%; transform: translateY(-50%); color: #ffffff;  font-weight: bold;}
.quality-section .goals-second .title-black-center h2 {color:#ffffff !important;}

.packaging-section {position: relative;  width: 100%;}
.packaging-section .pack-card { background: #111d31; text-align:center; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);  border-radius: 10px; padding: 25px; height: 100%; transition: 0.3s ease; border: 1px solid #eaeaea; }
.packaging-section .pack-card-title { font-size: 23px; font-weight: 600; margin-bottom: 20px; color: #ffffff; }
.packaging-section .pack-card-text { font-size: 15px; line-height: 1.7; color: #ffffff; margin-bottom: 15px; }
.packaging-section .pack-card-text:last-child{ margin-bottom: 0px; }

.purpose-section{margin-bottom:40px; text-align:center;}
.purpose-section .purpose-box { background: #dcecf7; padding: 30px; border-radius: 8px;  transition: 0.3s ease; height: 100%; }
.purpose-section .purpose-title { font-size: 26px; font-weight: 600; margin-bottom: 15px; color: #111; }
.purpose-section .purpose-text { font-size: 16px; line-height: 1.8; margin-bottom: 12px; }
.purpose-section .purpose-text:last-child { margin-bottom: 0; }
.purpose-section .purpose-box  img{width:100px; height:auto; margin-bottom: 20px;}

.active>.page-link{background-color:#194476; border-color:#194476;}
.page-link{color:#194476;}