.sub_page { position: relative; }
.contact_us_page { display: block; padding-top: 70px; padding-bottom: 70px; position: relative; }
.subpage .heading h3 { text-transform: uppercase; }
.subpage .heading h2 { font-size: 35px; margin-bottom: 10px; }
.contact_box { display: block; background-color: #ffff; }
.address_details { background-color: #4478c3; height: 100%; width: 100%; padding: 50px 20px 50px 50px; position: relative; z-index: 0; }
.address_details h2 { color: #ffff; padding-bottom: 10px; }
.address_details::before { background: url('../images/footer_bg.png'); position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-repeat: no-repeat; background-size: cover; opacity: 0.52; background-attachment: fixed; }
.address_scssn { padding: 25px 0px; border-bottom: 1px dashed rgb(255 255 255 / 35%); }
.address_scssn:last-child { border: none; }
.address_scssn h3 { font-size: 16px; font-weight: 500; line-height: 1.4; color: #fff; margin-bottom: 5px; }
.address_scssn p { font-size: 17px; font-weight: 400; line-height: 1.4; color: rgb(255 255 255 / 65%); white-space: pre-line;  }
.address_scssn ul { display: flex; align-items: flex-start; }
.address_scssn ul li { margin-right: 20px; }
.address_scssn ul li a { font-size: 18px; font-weight: 400; color: rgb(255 255 255 / 65%); }
.icon_image { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.icon_image img { max-width: 85%; filter: invert(99%) sepia(36%) saturate(2919%) hue-rotate(174deg) brightness(103%) contrast(110%); height: 100%; }
.map_sccsn { display: block; width: 100%; overflow: hidden; height: 450px; margin-bottom: -77px; }
/* about us page */
.special_para { font-size: 20px; font-weight: 500; line-height: 1.4; color: #09286c; margin-bottom: 20px; }
.company_profile_img { display: block; position: relative; height: 100%; }
.company_profile_img img { max-height: 400px; width: 100%; height: 100%; object-fit: cover; box-shadow: 20px 20px 30px -2px rgb(0 18 64 / 23%); }
.company_profile_img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(107,187,188); background: -moz-linear-gradient(180deg, rgb(107 187 188 / 0%) 0%, rgb(68 119 208) 100%); background: -webkit-linear-gradient(180deg, rgb(107 187 188 / 0%) 0%, rgb(68 119 208) 100%); background: linear-gradient(180deg, rgb(107 187 188 / 0%) 0%, rgb(68 119 208) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6bbbbc", endColorstr="#4477d0", GradientType=1); mix-blend-mode: overlay; }
.tagline_scssn { display: block; position: relative; z-index: 0; background: #F6F6F6; padding: 80px 0; }
.tagline_scssn:before { content: ''; background: url('../subimages/strenght_img.jpg'); position: absolute; width: 60%; height: 100%; z-index: -2; top: 0; background-size: cover; background-position: 0 20%; background-repeat: no-repeat; }
.tagline_scssn:after { content: ''; position: absolute; left: 0; top: 0; width: 60%; height: 100%; z-index: -1; background: rgb(107,187,188); background: -moz-linear-gradient(180deg, rgba(107,187,188,1) 0%, rgba(68,119,208,1) 100%); background: -webkit-linear-gradient(180deg, rgba(107,187,188,1) 0%, rgba(68,119,208,1) 100%); background: linear-gradient(180deg, rgba(107,187,188,1) 0%, rgba(68,119,208,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6bbbbc", endColorstr="#4477d0", GradientType=1); opacity: 0.2; mix-blend-mode: hard-light; }
.tagline_content { position: relative; background: #005ebf; padding: 75px 40px 75px 70px; box-shadow: -20px 20px 30px -2px rgb(0 18 64 / 35%); display: block; margin-left: -8%; }
.tagline_content h3 { color: #ffffff; font-size: 28px; font-weight: 500; line-height: 1.6; margin-bottom: 10px; }
.tagline_content p { color: #ffffff; font-size: 18px; max-width: 400px; width: 80%; line-height: 1.6; }
.tagline_content img { position: absolute; top: -15px; width: 35px; left: 40px; filter: invert(1); }
.client_satisfy_scssn { position: relative; display: block; z-index: 0; background: #def6ff; padding: 70px 0; }
.client_satisfy_scssn:before { content: ''; background: url('../subimages/client_satisfy_img.jpg'); position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: -2; background-repeat: no-repeat; background-size: 50%; background-position: right; mix-blend-mode: luminosity; }
.client_satisfy_scssn:after { content: ''; position: absolute; background: #ffffff; background: -moz-linear-gradient(257deg, rgb(237 247 251 / 21%) 0%, #edf7fb 44%); background: -webkit-linear-gradient(257deg, rgb(237 247 251 / 21%) 0%, #edf7fb 44%); background: linear-gradient(257deg, rgb(237 247 251 / 21%) 0%, #edf7fb 44%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6bbbbc", endColorstr="#4477d0", GradientType=1); opacity: 1; z-index: -1; height: 100%; width: 100%; top: 0; left: 0; }
.client_satisfy_scssn .client_satisfation { position: relative; display: block; margin: 40px 0; }
/* why us */
.why_us_scssn ul { display: flex; flex-wrap: wrap; align-items: stretch; }
.why_us_scssn ul li { width: 20%; padding: 10px 7px; }
.why_us_scssn ul li .whyus_icon_box { position: relative; padding-top: 40px; height: 100%; }
.why_us_scssn ul li .whyus_icon_box .why_us_icon { background: #EFEFEF; width: 147px; height: 94px; border-radius: 0px 0px 100px 100px; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto; box-shadow: 1px 4px 3px rgb(0 0 0 / 16%); position: absolute; z-index: 0; transition: 0.5s all; inset: 0 0 0 0; }
.why_us_scssn ul li .whyus_icon_box .why_us_icon img { width: auto; padding: 0 0 20px; transition: 0.4s all; }
.why_us_scssn ul li .whyus_icon_box h3 { border: 1px solid #DFDFDF; border-radius: 8px; font-size: 18px; line-height: 1.3; font-weight: 400; color: #444; white-space: pre-line; padding: 85px 10px 25px 10px; transition: .3s ease; z-index: -1; text-align: center; position: relative; height: 100%; }
.why_us_scssn ul li .whyus_icon_box:hover h3 { transform: translateY(-5px); color: #09286c; border-color: rgb(0 52 138 / 27%); }
.why_us_scssn ul li .whyus_icon_box:hover .why_us_icon { background: #1eace3; }
.why_us_scssn ul li .whyus_icon_box:hover .why_us_icon img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(108%) contrast(104%); }
.products_page .product_box { border: 1px solid #d4d4d4; text-decoration: none; border-radius: 20px; overflow: hidden; display: block; position: relative; }
.products_page .product_box .product_img { display: block; overflow: hidden; background: #000; position: relative;padding-top: 78.11%;  }
.products_page .product_box .product_img img { width: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 500ms all; transition: 500ms all; height: 100%; position: absolute; left: 0;top: 0;object-fit: cover;  }
.products_page .product_box:hover .product_img img { opacity: 0.7; -webkit-transform: scale(1.05); transform: scale(1.05); }
.products_page .product_box .product_name { background: #09286c; display: block; position: relative; z-index: 0; }
.products_page .product_box .product_name h3 { font-size: 20px; font-weight: 400; line-height: 1.4; color: #FFF; text-align: center; padding: 15px 8px; }
.products_page .product_box .product_name:before { content: ''; bottom: 0; width: 100%; left: 0; height: 0; background: #1eace3; position: absolute; transition: 0.4s all; z-index: -1; }
.products_page .product_box:hover .product_name:before { height: 100%; }
/* product dtails */
.product-detail_block { width: 85%; margin: 0 auto; }
.product-detail_block .gx-6 {  --bs-gutter-x: 4.5rem; }
.product-detail_block .product_img { width: 80%; margin: auto; padding: 50px 10px 15px 50px; position: relative; }
.product-detail_block .product_img:before { content: ''; position: absolute; left: 0; top: 0; width: 25%; height: 90%; border: 4px solid rgb(75 131 204 / 10%); }
.product-detail_block .product_img:after { position: absolute; content: ''; top: 30px; background: #ffffff; left: 20px; right: 0; bottom: 10px; }
.product-detail_block .product_img #product_img_slides { box-shadow: -10px 10px 40px -5px rgb(0 0 0 / 20%); }
.product-detail_block .product_img #product_img_slides a { display: block; position: relative; overflow: hidden;padding-top: 75.48%; }
.product-detail_block .product_img #product_img_slides a img { width: 100%; transform: none; width: 100%;height: 100%; position: absolute;left: 0;top: 0; object-fit: cover;  }
.product_detail_content { width: 95%; max-width: 610px; }
.feature_block { position: relative; display: block; margin-bottom: 17px; }
.feature_block h5 { padding: 2px 0 2px 12px; border-left: 3px solid #0050be; font-size: 19px; }
.feature_block ul li { position: relative; font-size: 16px; padding: 4px 0 4px 13px; }
.feature_block ul li strong { font-weight: 600; }
.feature_block ul li:before { content: '-'; font-weight: 600; color: #1eace3; padding-right: 7px; position: absolute; left: 0; top: 4px; }
.feature_block ul li li:before { color: #999999; opacity: 0.75; }
.feature_block ul { padding-left: 0; }
.product_detail_content p { font-size: 17px; line-height: 1.5; }
/*---=== thanks page ===---*/
.thank_you_page { display: block; padding-top: 100px; padding-bottom: 100px; max-width: 1000px; margin: auto; }
.thank_you_page h2 { text-shadow: 1px 4px 2px rgb(0 0 0 / 25%); text-align: center; font-size: 100px; line-height: 1.4; color: #09286c; font-weight: 500; }
.thank_you_page p { font-size: 23px; font-weight: 400; line-height: 1.4; color: #444444; text-align: center; }
/*----*/
/*---=== error page ===---*/
.error_page { display: block; padding-top: 120px; padding-bottom: 120px; }
.error_page h2 { text-shadow: 1px 4px 2px rgb(0 0 0 / 25%); text-align: center; font-size: 90px; line-height: 1.4; color: #09286c; font-weight: 500; }
.error_page p { font-size: 23px; font-weight: 400; line-height: 1.4; color: #444444; text-align: center; }
/*----*/
/* other products */
.other_pages { right: 20px; position: absolute; z-index: 40; text-align: center; width: 90%; max-width: 1375px; margin: 0 auto; left: 0; top: 28px; }
.other_pages ul { width: 250px; color: #000; position: absolute; background: #ffffff; box-shadow: 5px 7px 25px 1px rgb(0 0 0 / 15%); display: block !important; height: auto !important; right: 0; top: 4px; padding: 0px 0; transform: scaleY(0.4); transform-origin: top; margin: auto; opacity: 0; visibility: hidden; max-height: 400px; overflow-y: auto; transition: 0.4s all; text-align: left; }
.other_pages ul li { width: 100%; position: relative; display: block; }
.other_pages ul li a { padding: 10px 20px 10px 20px; width: 100%; position: relative; display: block; padding-right: 30px; color: #333333; font-weight: 500; font-size: 15px; border-bottom: 1px solid rgb(204 204 204 / 40%); transition: 0.4s all; }
.other_pages ul li a:hover, .other_pages ul li.active a { color: #1eace3; }
.other_pages ul li a:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: rgb(93 163 195 / 11%); transition: 0.4s all; }
.other_pages ul li a:hover:before, .other_pages ul li.active a:before { width: 100%; }
.other_pages ul li:last-child a { border: none; }
.other_pages ul.result_hover { transform: scaleY(1); opacity: 1; visibility: visible; }
.other_page_toggle { position: absolute; right: 0; bottom: 0; }
.other_page_toggle a.page_toggle { letter-spacing: 1px; background: #09286c; text-align: center; border-radius: 50px; padding: 7px 26px 7px 6px; color: #ffffff; transition: 0.3s all; outline-offset: 0; outline: 3px solid #ffffff; width: 180px; height: 48px; font-size: 13px; position: relative; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.other_page_toggle a.page_toggle.show { background: #477dce; }
.other_page_toggle a.page_toggle:before, .other_page_toggle a.page_toggle:after { content: ''; position: absolute; right: 19px; width: 2px; height: 18%; top: 20px; background: #ffffff; transform: rotate(45deg); transform-origin: center; transition: 0.35s all; }
.other_page_toggle a.page_toggle:after { transform: rotate(317deg); right: 25px; }
.other_page_toggle a.page_toggle.show:before, .other_page_toggle a.page_toggle.show:after { height: 35%; top: 15px; right: 22px; }
.other_page_toggle a.page_toggle.show:after { right: 22px; }
/* clientele page */
.client_content {text-align: center; margin-bottom: 30px; }
.client_content h4 {font-size: 34px; color: #09286c; }
.client_logo {position: relative;width: 100%;background: #fff;padding: 10px;box-shadow: 0 0 19px 1px #9a9a9a36;border: 1px solid rgba(0,0,0,.15);transform: translateY(0);text-align: center;transition: all .5s ease;display: flex;align-items: center;justify-content: center;}
.client_logo:hover { border: 1px solid transparent; transform: translateY(-7px) }
/* .client_logo img { height: 140px; width: 100%; object-fit: contain; object-position: center; } */
/* clientele page */

/* product details slider dots css */
#product_img_slides .owl-nav.disabled+.owl-dots { margin-top: 16px; position: absolute;justify-content: center; display: flex; width: 100%;}
#product_img_slides.owl-theme .owl-dots .owl-dot.active span {background: #09286c !important;}
#product_img_slides.owl-theme .owl-dots .owl-dot span{background: #D6D6D6 !important;}
/* product details slider dots css */