<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&amp;display=swap'); */ 
:root { --pri: #f8c01c; --liner: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --font: "Assistant", sans-serif; } 
html { overflow-x: hidden; } 
body { background: #fff; color: #363636; font-family: var(--font); font-size: 16px; overflow-x: hidden; overflow-y: auto; } 
h1, h2, h3, h4, h5, h6 { color: #0c0c0c; margin: 0 0 20px } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0c0c0c } p a { color: #363636; width: auto; display: inline-block } p a:hover { text-decoration: underline; outline: 0 } p { letter-spacing: 0.5px; margin-bottom: 10px; line-height: 24px; font-size: 16px; color: #363636 } 
a { color: #040404; text-decoration: none; outline: 0; display: block } 
a:active, a:hover { outline: 0; text-decoration: none } ul li { list-style: none; } 
img { max-width: 100%; height: auto; } 
iframe { border: 0; width: 100% } 
blockquote { padding: 0; border: 0 } label { color: #7f7f7f; display: block; font-weight: 400; margin: 0 } textarea { border-radius: 0 !important; background: #fff; height: 100px !important } select { border-radius: 0 !important; background: #fff; border: 1px solid #ccc; height: 40px !important; line-height: 40px !important; box-shadow: none; padding: 0 10px !important; box-sizing: border-box } 
input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { border: 1px solid #ccc; height: 40px; border-radius: 0; background: #fff; line-height: 40px; box-shadow: none; padding: 0 10px; box-sizing: border-box; font-size: 15px; } 
input[type=file] { width: 100%; padding: 0; font-size: 12px; margin: 0 } 
.form-group { position: relative } 
.form-group i { position: absolute; left: 15px; top: 15px } 
.form-control::-moz-placeholder { color: #555 } 
.form-control:focus::-moz-placeholder { color: #f8c01c } 
.form-control:focus { border-color: #f8c01c } 
h2 { font-size: 25px; font-weight: 700 } 
h3 { font-size: 18px; margin: 0 0 30px; font-weight: 600; overflow: hidden } 
h3 span { padding: 0 10px 0 0; position: relative } 
h4 { font-size: 16px; font-weight: 600; margin: 0; text-transform: capitalize; text-align: left; padding: 15px 0; color: #fff } 
h5 { text-transform: capitalize } 
.btn { padding: 0 15px; text-transform: capitalize; font-weight: 600; line-height: 35px; text-align: center; border: 1px solid transparent; border-radius: 0; font-size: 15px; color: #fff } 
.btn:hover { color: #fff } 
.btn i { margin: 0 8px 0 0 } 
.btn.blank { border-color: rgba(255, 255, 255, .5) } 
.btn.blank:hover { background: #fff } 
.full-width { width: 100% } 
.btn.gary-btn { background: #f8f8f8; color: #363636 } 
.btn.red-btn:hover { background: #f8f8f8; color: #363636 } 
.btn.dark { background: #333 } 
.btn.black-btn { background: #000; color: #fff } 
.blue-btn { background: #1c72ce; text-transform: capitalize; font-size: 15px; border-radius: 3px } 
.btn.lg { height: 50px; line-height: 47px; font-size: 15px; min-width: 160px } 
.social-icons { margin: 0; padding: 0; list-style: none } 
.social-icons li { float: left; margin: 0 0 0 8px } 
.social-icons li:first-child { margin: 0 } 
.social-icons li a { font-size: 16px } 
.facebook { color: #3c5899 } 
.twitter { color: #5ea9dd } 
.youtube { color: #ee1c1b } 
.pinterest { color: #ee1c1b } 
.btn-list { margin: 0; padding: 0; list-style: none } 
.btn-list li { float: left; margin: 0 0 0 20px } 
.btn-list li:first-child { margin: 0 } 
.web-pulse-header { float: left; width: 100%; position: absolute; position: relative; z-index: 5; top: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0 0; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .05); } 
.menu_bar { float: left; width: 100%; background: 0 0; padding: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar { float: left; width: 100%; background: url(../images/header_bg.jpg); background-position: center center; padding: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option { padding: 0; margin-bottom: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .login { border: 0; font-size: 15px; color: #fff; padding: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .login img { margin-right: 5px } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li { padding: 5px 15px; margin: 0; position: relative; list-style: none; line-height: 30px } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li a.common { color: #fff } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li a.common:hover { color: #203a75 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li::before, .web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li:first-child::after { content: ""; position: absolute; width: 1px; height: 100%; top: 0; border-right: 0 solid rgba(255, 255, 255, .1); right: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li:first-child::after { border-right: 0; border-left: 0 solid rgba(255, 255, 255, .1); left: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option { padding: 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li { float: left; position: relative; margin: 4px 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li:first-child { padding: 5px 15px 5px 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .connect_option&gt;li:first-child::before { content: "" } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons { float: left; overflow: hidden; margin: 3px 0 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons li a { height: 24px; width: 24px; background: #203a75; border-radius: 100%; line-height: 24px; text-align: center; font-size: 14px } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons li a i { line-height: 24px; color: #fff } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons li a:hover { color: #fff } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icon { padding: 16px 20px } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .facebook:hover { background: #3c5899 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .twitter:hover { background: #5ea9dd } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .linkedin:hover { background: #0077b5 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .linkedin { color: #0077b5 } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .youtube:hover { background: #ee1c1b } 
.web-pulse-header .w-e-b-p-u-l-s-e-topbar .social-icons .pinterest:hover { background: #ee1c1b } 
.header_right { float: right; width: 100%; margin: 10px 0 5px; padding: 0; text-align: right } 
.search_icon { float: right; width: 50px; height: 35px; line-height: 35px; text-align: center } 
.search_icon a { color: #fff } 
.header-dropdown { position: relative; display: inline-block; margin-left: 12px } 
.header-dropdown&gt;a { position: relative; padding-right: 1.1rem; display: inline-flex; align-items: center; line-height: 35px; color: #fff; text-transform: uppercase; font-size: 14px } 
.header-dropdown&gt;a:hover { color: #203a75 } 
.web-pulse-header .web-pulse-navigation-wps { float: right; width: 100%; position: relative } 
.web-pulse-header .webpulse-soluction.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1) } 
.web-pulse-header .webpulse-soluction .w-p-s-logo { padding: 2px; margin-top: 2px; max-width: 100%; display: inline-block; width: 80px; aspect-ratio: 11 / 9; } 
.web-pulse-header .webpulse-soluction .w-p-s-logo img { filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 30%)); width: 100%; } 
.web-pulse-navigation-wps .nav-header { display: none; padding: 12px 20px } 
.web-pulse-navigation-wps .navbar button { float: right; width: 40px; height: 35px; background: #000; border: 0; outline: 0; color: #fff; font-size: 25px; border-radius: 0; text-align: center; padding: 0 5px 5px; vertical-align: middle; } 
.web-pulse-navigation-wps .navbar button:hover { background: #f8c01c; color: #000 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu { display: block; text-align: center; } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul { float: right } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li { float: left; position: relative } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;a { padding: 24px 10px; display: block; color: #000; text-transform: capitalize; transition: all .3s ease; font-size: 15px; background: 0; font-weight: 500 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li:last-child a { padding-right: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;a i { padding-left: 2px; font-size: 18px } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li:last-child&gt;a { border: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li.active a, .web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li:hover a { color: #f8c01c; background: 0; position: relative } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown { top: 100%; left: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li:last-child ul.cs-dropdown { right: 0; left: auto } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown.align-right { right: 0; left: auto } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li:hover&gt;ul.cs-dropdown { visibility: visible; opacity: 1 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown&gt;li&gt;ul.cs-dropdown { left: 100%; margin-top: -36px } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown&gt;li&gt;ul.cs-dropdown&gt;li&gt;ul.cs-dropdown { left: -100%; margin-top: -31px } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown&gt;li&gt;ul.cs-dropdown.align-right { right: 100%; left: auto } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li&gt;ul.cs-dropdown&gt;li:hover&gt;ul.cs-dropdown { visibility: visible; opacity: 1 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown { text-align: left; position: absolute; width: 230px; opacity: 0; visibility: hidden; z-index: 99999; transition: all .3s ease; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .4); background: #fff; margin: 0; padding: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li { display: block; padding: 0; border-bottom: 1px solid #f9f9f9; width: 100% } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li:last-child a { border-bottom: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li:last-child a:after { display: none } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li:hover&gt;a { color: #000; background: #f8c01c } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li a { color: #333; font-size: 15px; padding: 7px 15px; position: relative; display: block; transition: all .3s ease; text-transform: capitalize; font-weight: 400 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li a:after { width: 0; height: 0; background: 0 } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li a i { float: right } 
.web-pulse-navigation-wps .web-p-u-l-s-e-menu ul&gt;li ul.cs-dropdown li a:hover { color: #000; background: #f8c01c } 
.web-pulse-navigation-wps ul .cs-submenu&gt;a&gt;button { display: none } 
.web-pulse-navigation-wps .navbar { display: none; padding: 12px 0; margin: 0 } 
.otherlinkar { float: left; width: 100%; background: #fffbf4; border-bottom: 1px solid #c9c5d2; padding: 8px 0; margin: 0 } 
.otherlink { width: 100%; height: auto; padding: 0; margin: 0 } 
.otherlink li { width: auto; height: auto; padding: 0; margin: 0 6% 0 0; float: left } 
.otherlink li a { width: auto; height: auto; padding: 0; margin: 0; color: #525a68; font-size: 16px; text-decoration: none; font-weight: 400 } 
.otherlink li a:hover { color: #000 } 
.otherlink li a img { margin: 0 7px 0 0 } 
.search_btn { color: #333; font-size: 18px; text-align: center; cursor: pointer; z-index: 999; transform: rotate(0); transition: all .6s cubic-bezier(.68, -.55, .265, 1.55) } 
.web-pulse-header .webpulse-soluction.stricky-fixed .search_btn { color: #333 } 
.search-close:hover { transform: rotate(360deg) } 
.search_btn i { transition: .5s ease } 
.search-close { display: none } 
.search_V1 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 1000px; width: 0; height: 0; background: rgba(0, 0, 0, .95); transition: all .4s linear; z-index: 2 } 
.search_V1.open { width: 4000px; height: 4000px } 
.search_V1 .search_form { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 350px; height: 40px; display: none } 
.search_V1.open .search_form { display: block } 
.search_V1.open .search_form form { position: relative } 
.search_V1 .search_form input { background: 0 0; border: 0; outline: 0; border-bottom: 1px solid #f9f9f9; color: #f9f9f9; padding: 0; font-size: 1.3em } 
.search_V1.open .search_form form button { background: 0 0; border: 0; outline: 0; color: #fff; position: absolute; top: 0; right: 0; font-size: 18px; padding: 0 } 
.webpulse-home-slider { float: left; width: 100%; margin: 0; padding: 0; position: relative; aspect-ratio: 192 / 65; } 
.slider { float: left; width: 100%; margin: 0 } 
.carousel-inner&gt;.item img { width: 100%; height: auto; } 
.carousel-control svg { position: absolute; top: 50%; z-index: 5; display: inline-block; display: block; width: 35px; height: 35px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: #000; border: 0; outline: 0; background: #ffcc3f; border-radius: 1px; padding: 10px; opacity: 0.8 } 
.carousel-control svg:hover, .carousel-control svg:focus { background: #000; color: var(--pri); opacity: 1; } 
.carousel-control.left, .carousel-control.right { background: none; } 
.right.carousel-control svg { right: 30px; } 
.left.carousel-control svg { left: 30px; } 
.mouse_scroll { position: relative; margin-top: 50px; z-index: 0 } 
.mouse_scroll:before { border-radius: 50%; border: 2px solid #fff; bottom: 43px; content: ""; height: 92px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 92px; z-index: 0 } 
.mouse_scroll:after { border-radius: 50%; border: 2px solid #fff; bottom: 25px; content: ""; height: 129px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 129px; z-index: 9 } 
.mouse_scroll a { position: relative; z-index: 15 } 
.mouse_scroll .icon { background-color: #fff; border-radius: 50%; cursor: pointer; display: block; height: 60px; left: 50%; line-height: 60px; margin: 0 auto; position: absolute; text-align: center; top: -90px; transform: translate(-50%, -50%); width: 60px; box-shadow: 0 0 50px 0 rgba(32, 32, 32, .15) } 
.mouse_scroll .icon span { color: #203a75; font-size: 16px } 
.we-offer ul { display: inline-block; margin: 0; padding: 0 } 
.we-offer ul li { float: left; width: 24.5%; list-style: none; } 
.we-offer ul li:last-child .offer-colm { border: 0 } 
.offer-colm h3 { font-size: 18px; line-height: 28px; padding: 20px 0 10px } 
.offer-colm p { font-size: 15px; line-height: 24px; margin-bottom: 0; } 
.offer-colm { float: left; width: 100%; text-align: center; border-right: 1px solid #d3d3d3; padding: 15px; height: 200px } 
.offer-colm img { display: inline-block; width: 60px; height: auto; aspect-ratio: 1 / 1; object-fit: contain; } 
.products-section { float: left; width: 100%; position: relative; padding-bottom: 0 } 
.products-section .title-box { position: relative; text-align: center; padding: 50px 0 175px; background-image: url(../images/background-1.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover } 
.products-section .title-box:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .85) } 
.products-section .title-box h2 { position: relative; color: #fff; font-size: 25px; font-weight: 700; line-height: 1.5em; margin-bottom: 15px } 
.products-section .title-box span { position: relative; color: #fff; font-size: 25px; font-weight: 700; line-height: 1.5em; margin-bottom: 15px } 
.theme_color { color: #fbc415 !important } 
.products-section .title-box .text { position: relative; color: #ddd; font-size: 18px; font-weight: 600; margin-bottom: 28px; line-height: 1.4em } 
.products-section .lower-section { position: relative; margin-top: -160px; margin-bottom: 50px; } 
.btn-style-one { position: relative; line-height: 24px; color: #000; font-size: 15px; font-weight: 700; background: #f8c01c; display: inline-block; padding: 12px 48px; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #f8c01c; transition: all .3s ease } 
.btn-style-one .icon { position: relative; top: 2px; font-size: 18px; margin-right: 4px; margin-left: 5px } 
.btn-style-one:focus, .btn-style-one:hover { color: #f8c01c; border-color: #f8c01c; background: 0 } 
.single_service { position: relative; overflow: hidden; display: block; margin-bottom: 0px; transition: all .5s ease; transition: all .5s ease-in-out .6s; border: 1px solid #e1e1e1; margin-right: 10px; border-radius: 5px; margin-left: 10px; } 
.single_service:hover { transform: translate(0, -10px); box-shadow: 0 2px 4px #ededed } 
.single_service .img-holder { display: block; overflow: hidden; position: relative; height: 250px } 
.single_service .img-holder img { transition: all .5s ease-in-out .6s; width: 100%; transform: scale(1, 1) } 
.single_service:hover .img-holder img { transform: scale(1.1, 1.1) } 
.single_service .img-holder .overlay-style-one { position: absolute; top: 20px; left: 20px; right: 20px; width: auto; bottom: 20px; height: auto; opacity: 1; background: #fbc415; transition: all .5s ease; padding: 20px 20px 20px; transform: translate3d(0, 111%, 0); border-radius: 5px; } 
.single_service:hover .img-holder .overlay-style-one { transform: translate3d(0, 0, 0) } 
.single_service .img-holder .overlay-style-one .box .content { text-align: center } 
.single_service .img-holder .overlay-style-one .box .content p { color: #000 } 
.single_service .img-holder .overlay-style-one .box .content a { font-size: 15px; color: #000; font-weight: 600; text-transform: capitalize; transition: all .5s ease } 
.single_service .img-holder .overlay-style-one .box .content a span:before { font-size: 15px; line-height: 14px; display: inline-block; padding-left: 10px } 
.single_service .img-holder .overlay-style-one .box .content a:hover { color: #333 } 
.single_service .text-holder { display: block; text-align: center; transition: all .5s ease; padding: 5px 20px 3px } 
.single_service .text-holder .service_title { display: block; line-height: 25px; font-size: 16px } 
.single_service .text-holder .service_title a { color: #333; transition: all .5s ease } 
.single_service .text-holder .service_title a:hover { color: #fbc415 } 
.about_section { float: left; width: 100%; margin: 0; padding: 50px 0; position: relative; background: #f9f9f9 } 
.about_section .content-column { position: relative; margin-bottom: 0px } 
.about_section .content-column .inner-column { position: relative; text-align: justify } 
.about_section .content-column .inner-column h3 { margin: 15px 0 10px } 
.about_section .content-column h2 { position: relative; color: #252525; font-size: 25px; font-weight: 700; line-height: 1.6em; margin-bottom: 10px } 
.about_section .content-column h2 span { border-bottom: 1px solid #203a75 } 
.about_section .content-column .text { position: relative; margin-bottom: 25px } 
.about_section .content-column .text p { position: relative; color: #848484; font-size: 15px; line-height: 25px; margin-bottom: 18px } 
.about_section .content-column .text p:last-child { margin-bottom: 0 } 
.about_section .content-column .author { position: relative; color: #252525; font-size: 18px; font-weight: 600; padding-left: 30px; } 
.about_section .content-column .author span { position: relative; color: #203a75; font-size: 18px; font-weight: 500; } 
.about_section .content-column .author:before { position: absolute; content: ''; left: 0; top: 12px; width: 20px; height: 2px; background-color: #203a75 } 
.about_section .image { position: relative; float: right; max-width: 550px; width: 100%; margin: 0 0 30px 30px } 
.about_section .image img { position: relative; width: 100%; display: block; border-radius: 5px; } 
.about_section .image .more-about { position: absolute; left: 25px; bottom: -25px; font-size: 15px; font-weight: 600; color: #000; padding: 11px 29px; display: inline-block; text-transform: capitalize; background-color: #fbc415 } 
.about_section .image .more-about:hover { background: #121212; color: #fff } 
.company_factsheet { float: left; width: 100%; margin: 0; padding: 40px 0; background: #f9f9f9 } 
.float-left { float: left !important } 
.float-right { float: right !important } 
.why-choose-title { position: relative; display: block; padding-bottom: 0; background: #27282c; max-width: 390px; width: 100%; min-height: 440px; border-radius: 5px; } 
.why-choose-title .sec-title { margin: 0; padding-top: 30px; padding-left: 20px; padding-bottom: 10px; } 
.why-choose-title .sec-title .icon { position: relative; display: block; margin-bottom: 32px } 
.why-choose-title .sec-title .title { color: #fff; font-size: 25px; line-height: 40px; font-weight: 700; } 
.why-choose-title ul { position: relative; display: block; padding-left: 20px !important; padding-right: 20px; } 
.why-choose-title ul li { position: relative; display: block; padding-left: 30px !important; color: #fff !important; font-size: 15px !important; margin-bottom: 10px; } 
.why-choose-title ul li:last-child { margin-bottom: 0 !important } 
.why-choose-title ul li:before { font-family: FontAwesome; content: "\f061" !important; position: absolute; top: 2px !important; left: 0 !important; color: #fff !important; font-size: 20px !important; line-height: 20px !important } 
.why-choose-title .button { position: relative; display: block; margin-top: 25px; z-index: 1 } 
.why-choose-title .button:before { position: absolute; top: 0; left: -10px; bottom: 0; width: 10px; background: #fbc415; content: ""; z-index: -1 } 
.why-choose-title .button:after { position: absolute; top: -15px; left: -10px; width: 10px; height: 15px; content: ""; z-index: -1 } 
.why-choose-title .button a { position: relative; display: block; background: #fbc415; color: #000; line-height: 70px; padding: 0 20px 0; font-size: 15px; font-weight: 600; } 
.why-choose-title .button a:hover { background: #fbc415 } 
.why-choose-content { position: relative; max-width: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap } 
.why-choose-content .single-box { position: relative; display: block; padding: 20px; width: 31%; margin: 0% 1% 3% 1%; border-radius: 5px; overflow: hidden; } 
.right_side .why-choose-content .single-box.redbg { margin-left: 0px; margin-right: 15px; } 
.right_side .why-choose-content .single-box.whitebg { margin-left: 0px; } 
.why-choose-content .single-box.redbg { background: #fbc415; margin-left: 0px; } 
.why-choose-content .single-box.whitebg { background: #fff; border: 1px solid #cfcfcf } 
.why-choose-content .single-box.blackbg { background: #27282c } 
.why-choose-content .single-box .icon-holder { position: relative; display: block; padding: 10px; width: 70px; height: 70px; z-index: 1 } 
.why-choose-content .single-box .icon-holder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #fff; border-radius: 50%; z-index: -1 } 
.why-choose-content .single-box .icon-holder span:before { color: #fff; font-size: 50px; line-height: 50px } 
.why-choose-content .single-box .text-holder { position: relative; display: block; padding-top: 16px } 
.why-choose-content .single-box .text-holder h3 { color: #000; font-size: 20px; font-weight: 600; margin: 0 0 18px } 
.why-choose-content .single-box .text-holder p { color: #000; margin: 0; text-align: left; } 
.why-choose-content .single-box.whitebg .text-holder h3 { color: #000 } 
.why-choose-content .single-box.whitebg .text-holder p { color: #828282 } 
.why-choose-content .single-box.whitebg .icon-holder:before { background: #fbc415 } 
.why-choose-content .single-box.whitebg .icon-holder span:before { color: #203a75 } 
.why-choose-content .single-box.blackbg .text-holder p { color: #828282 } 
.why-choose-content .single-box.blackbg .icon-holder:before { background: #aabeec } 
.why-choose-content .single-box.blackbg .icon-holder span:before { color: #fff } 
.company_box { float: left; width: 100%; position: relative; background: #fff; text-align: center; margin-top: 50px; margin-bottom: 15px } 
.company_box h3 { font-size: 17px; font-weight: 500; margin: 0 0 12px; text-transform: uppercase; color: #333 } 
.company_box .desc { display: block; font-size: 15px; font-weight: 500; line-height: 24px; color: #333 } 
.company_box .icon { display: block; position: absolute; text-align: center; height: 84px; width: 84px; line-height: 84px; right: 7px; left: 50%; top: -43px; transform: translateX(-50%) rotate(45deg) } 
.company_box .icon:after { content: ""; display: block; height: 84px; position: absolute; width: 84px; z-index: -1; left: 0; top: 0; background: #fff; border: 1px solid #203a75; border-radius: 100% } 
.company_box .icon img { display: block; width: auto; max-width: 50px; margin: 15px auto; transform: translateX(0) rotate(-45deg) } 
.company_box:hover h3 { color: #203a75 } 
.company_box .service_box_con { border: 1px solid #e7e7e7; padding: 70px 15px 45px; background: #fff; padding-left: 20px; padding-right: 20px; text-align: center } 
.company_box .service_box_con:before { height: 90px; width: 90px; top: -44px } 
.call-action-all .title3 h2 { color: #fff } 
.client-area { float: left; width: 100%; padding: 50px 0; background-image: url(../images/testimonial-bg-1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 1 } 
.client-area:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background-color: #fff; z-index: -1 } 
.client-area:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fbc415; z-index: -1; opacity: .8 } 
.section-title { text-align: center; margin: 0px auto 30px } 
.section-title span { font-size: 15px; font-weight: 600; color: #000; display: inline-block; margin-bottom: 10px } 
.section-title h2 { font-size: 38px; margin-bottom: 0; color: #000 } 
.client-bg { background: #fff; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); margin-left: 15px; margin-right: 15px } 
.client-img img { width: 100%; height: auto; } 
.p-0 { padding: 0 !important } 
.client-details { text-align: center; padding: 40px 55px } 
.client-details img { margin: 0 auto 20px; border-radius: 50%; width: unset !important } 
.client-details h3 { font-size: 15px; margin-bottom: 0 } 
.client-details span { display: block; margin-bottom: 10px } 
.client-details i { font-size: 30px; line-height: 1; margin-bottom: 15px; display: inline-block; color: #fbc415 } 
.client-details ul li { display: inline-block } 
.client-details ul li i { color: #e9cc0b; font-size: 15px; line-height: 1; display: inline-block; margin-bottom: 0 } 
.client-details ul { padding: 0 } 
.web-pulse-testimonials .slick-dots { margin-top: 0 !important; position: absolute; bottom: 0; left: 0 } 
.web-pulse-testimonials .slick-dots.active button { background: #203a75 !important } 
.faq-and-gallery-area { float: left; width: 100%; padding-bottom: 50px; padding-top: 50px; background: #f9f8f3 } 
.faq-content-left .sec-title { padding-bottom: 0; margin: 0 } 
.faq-content-left .sec-title p { max-width: 800px; margin-bottom: 20px; line-height: 26px; font-size: 16px; } 
.faq-content-left .accordion-box { position: relative } 
.faq-content-left .accordion-box .accordion { position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; background: #fff; border-radius: 0px; } 
.faq-content-left .accordion-box .accordion .acc-btn { color: #282c3f; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 24px; padding-bottom: 14px; padding-top: 15px; position: relative; text-transform: capitalize; margin: 0; } 
.faq-content-left .accordion-box .accordion .acc-btn .toggle-icon { border: 2px solid #fbc415; color: #fbc415; display: block; height: 25px; line-height: 25px; position: absolute; right: 0; text-align: center; top: 15px; width: 25px; } 
.faq-content-left .accordion-box .accordion .acc-btn .toggle-icon .plus { height: 30px; left: 0; line-height: 23px; opacity: 1; position: absolute; top: 0; transition: all .3s ease 0s; width: 100% } 
.faq-content-left .accordion-box .accordion .acc-btn.active .toggle-icon .plus { opacity: 0 } 
.faq-content-left .accordion-box .accordion .acc-btn.active { color: #fbc415 } 
.faq-content-left .accordion-box .accordion .acc-btn .toggle-icon .minus { background: #fbc415 none repeat scroll 0 0; border: medium none; color: #000; height: 25px; left: -2px; line-height: 28px; opacity: 0; position: absolute; top: -2px; transition: all .3s ease 0s; width: 25px; } 
.faq-content-left .accordion-box .accordion .acc-btn.active .toggle-icon .minus { opacity: 1 } 
.faq-content-left .accordion-box .accordion .acc-content { color: #797979; display: none; font-size: 15px; line-height: 24px; padding-bottom: 16px; position: relative; top: 2px; border-top: 1px solid #e0e0e0; padding-top: 13px; } 
.faq-content-left .accordion-box .accordion .acc-content.collapsed { display: block } 
.faq-content-left .accordion-box .accordion .acc-content p { color: #111; margin: 0 } 
.faq-content-left a.more-question { color: #343434; font-weight: 700; text-transform: uppercase; position: relative; top: 10px; transition: all .5s ease 0s } 
.faq-content-left a.more-question i { display: inline-block; padding-left: 5px } 
.faq-content-left a.more-question:hover { color: #fbc415 } 
.work-gallery-right { overflow: hidden } 
.work-gallery-right .sec-title { padding-bottom: 0; margin: 0 } 
.text-left h2 span { color: #fbc415 } 
.work-gallery-right .work-gallery-items { margin-left: -5px; margin-right: -5px } 
.work-gallery-right .work-gallery-items .single-item { float: left; overflow: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 10px } 
.work-gallery-right .work-gallery-items .single-item { width: 183px } 
.work-gallery-right .work-gallery-items .single-item:first-child { width: 377px } 
.work-gallery-right .work-gallery-items .single-item .img-holder { position: relative } 
.work-gallery-right .work-gallery-items .single-item .img-holder img { display: block; transform: scale(1.1, 1.1); transition: all .5s ease 0s; width: 100% } 
.work-gallery-right .work-gallery-items .single-item .img-holder .overlay { background: rgba(0, 0, 0, .6) none repeat scroll 0 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; transition: all .5s ease 0s; transform: scale(0) } 
.work-gallery-right .work-gallery-items .single-item .img-holder .overlay .image-view { display: table; width: 100%; height: 100% } 
.work-gallery-right .work-gallery-items .single-item .img-holder .overlay .image-view .content { display: table-cell; vertical-align: middle } 
.work-gallery-right .work-gallery-items .single-item .img-holder .overlay .image-view .content a span:before { border: 1px solid #fff; border-radius: 50%; color: #fff; display: inline-block; font-size: 20px; height: 45px; padding: 10px 0; width: 45px; line-height: 24px; transition: all .5s ease 0s } 
.work-gallery-right .work-gallery-items .single-item .img-holder .overlay .image-view .content a:hover span:before { background: #3558aa } 
.work-gallery-right .work-gallery-items .single-item:hover .overlay { transform: scale(1) } 
.work-gallery-right .work-gallery-items .single-item:hover .img-holder img { transform: scale(1, 1) } 
.news-block { position: relative; margin-bottom: 0px } 
.news-block .inner-box { position: relative; transition: all .3s ease } 
.news-block .inner-box .image { position: relative; } 
.news-block .inner-box .image img { position: relative; width: 100%; display: block; transition: all .3s ease } 
.news-block .inner-box:hover .image img { filter: grayscale(100%) } 
.news-block .inner-box .overlay-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: block; transition: all .9s ease; transform: rotateY(90deg); background-color: rgba(251, 196, 21, .8) } 
.news-block .inner-box:hover .image .overlay-box { opacity: 1; transform: rotateY(0) } 
.news-block .inner-box .image .overlay-box .link { position: absolute; width: 30px; height: 30px; left: 50%; top: 50%; color: #fff; text-align: center; line-height: 30px; font-size: 28px; margin-left: -15px; margin-top: -15px; display: inline-block; transition: all .3s ease } 
.news-block .inner-box .lower-content { position: relative; padding-top: 14px; } 
.news-block .inner-box .lower-content .text { color: #535766; font-size: 16px; line-height: 1.4; margin-bottom: 15px; margin-top: 0; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } 
.news-block .inner-box .lower-content h4 { margin: 0; padding: 0 } 
.news-block .inner-box .lower-content .post-meta { position: relative; margin-bottom: 10px } 
.news-block .inner-box .lower-content .post-meta { margin: 0; padding: 0 } 
.news-block .inner-box .lower-content .post-meta li { position: relative; color: #333; font-size: 16px; font-weight: 400; padding-left: 26px; margin-right: 12px; list-style: none } 
.news-block .inner-box .lower-content .post-meta li .icon { position: absolute; left: 0; top: 0; color: #203a75; font-size: 16px } 
.news-block .inner-box .lower-content .post-meta li:last-child { margin-right: 0 } 
.news-block .inner-box .lower-content .author .author-image { position: absolute; left: 0; top: -5px; width: 30px; height: 30px; overflow: hidden; border-radius: 50% } 
.news-block .inner-box .lower-content h3 a { position: relative; color: #222; transition: all .3s ease } 
.news-block .inner-box:hover .lower-content h3 a { color: #f8c01c } 
.news-block .inner-box .lower-content .post-date { position: relative; color: #333; font-size: 16px; padding-left: 25px } 
.news-block .inner-box .lower-content .post-date:before { position: absolute; content: "\f017"; left: 0; top: 0; color: #f8c01c; font-weight: 300; font-family: FontAwesome } 
.news-block .inner-box .lower-content .arrow { position: relative; width: 35px; height: 35px; color: #333; font-size: 16px; text-align: center; line-height: 34px; margin-top: -10px; border-radius: 50px; display: inline-block; background-color: #f5f5f5; transition: all .3s ease } 
.news-block .inner-box .lower-content .arrow:hover { color: #000; background-color: #f8c01c } 
.webpulse-home_blog { float: left; width: 100%; margin: 0; padding: 50px 0; background: #fff } 
.webpulse_home_clients { float: left; width: 100%; color: #fff; padding: 30px 0 20px; background: url(../images/home/testimonial-bg.jpg) no-repeat fixed; text-align: left; background-repeat: repeat; background-size: 100%; position: relative } 
.webpulse_home_clients:before { background-color: rgba(17, 17, 17, .5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } 
.webpulse_home_clients .clients { border: solid 1px #d8d8d8; max-width: 100%; background: #fff; margin-bottom: 26px; position: static; opacity: 1; margin: 0 10px 20px; transition: opacity .3s ease; top: 0; left: 0 } 
.webpulse_home_clients .item .image { position: relative; padding: 15px 10px 0; text-align: center; min-height: 100px; max-height: 100px; overflow: hidden } 
.webpulse_home_clients .item .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.footer-contact-info-area { float: left; width: 100%; position: relative; display: block; margin-bottom: -83px } 
.single-footer-contact-box { position: relative; display: block; background: #f8c01c; padding: 25px; min-height: 175px; border-radius: 5px; } 
.single-footer-contact-box.left-icon { position: relative; z-index: 1 } 
.single-footer-contact-box.right-box { position: relative; background: #333; padding: 20px; z-index: 1; } 
.single-footer-contact-box .icon-holder { width: 25px } 
.single-footer-contact-box .icon-holder span:before { color: #000; font-size: 40px; line-height: 40px } 
.single-footer-contact-box.right-box .icon-holder span:before { color: #fff; font-size: 40px; line-height: 40px } 
.single-footer-contact-box .icon-holder, .single-footer-contact-box .text-holder { display: table-cell; vertical-align: middle } 
.single-footer-contact-box .text-holder { padding-left: 20px; max-width: 100% } 
.single-footer-contact-box.right-box .text-holder { padding-left: 20px } 
.single-footer-contact-box .text-holder h5 { color: #fff; margin: 0 0 9px } 
.single-footer-contact-box.left-icon .text-holder h5 { color: #000 } 
.single-footer-contact-box .text-holder p { color: #fff; margin: 0 0 15px } 
.single-footer-contact-box.left-icon .text-holder p { color: #000 } 
.single-footer-contact-box .text-holder a { color: #fff } 
.single-footer-contact-box.left-icon .text-holder a { color: #000 } 
.footer-area { float: left; width: 100%; position: relative; display: block; background: #8966192e; padding-top: 120px; padding-bottom: 50px; } 
.footer-area.pdtop80 { padding-top: 80px } 
.single-footer-widget { overflow: hidden } 
.single-footer-widget.martop6 { margin-top: 6px } 
.single-footer-widget .title { position: relative; display: block; margin-top: -3px; padding-bottom: 18px; margin-bottom: 25px } 
.single-footer-widget .title:before { position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #f8c01c; content: "" } 
.single-footer-widget .title h3 { color: #fff; line-height: 24px; text-transform: capitalize; margin: 0 } 
.single-footer-widget .about-us { position: relative; display: block } 
.single-footer-widget .about-us .footer-logo { margin-bottom: 29px } 
.single-footer-widget .about-us .footer-logo a { display: inline-block } 
.single-footer-widget .about-us .text-box p { color: #fff; margin: 0 } 
.single-footer-widget .about-us .text-box p.bottom-text { margin-top: 17px } 
.single-footer-widget .about-us .button { margin-top: 23px } 
.single-footer-widget .about-us .button a { padding: 14px 30px 14px } 
.single-footer-widget .specialities { position: relative; display: block; margin: 0; padding: 0 } 
.single-footer-widget .specialities li { line-height: 16px; margin-bottom: 20px; list-style: none } 
.single-footer-widget .specialities li:last-child { margin-bottom: 0 } 
.single-footer-widget .specialities li a { position: relative; display: block; padding-left: 20px; color: #333; font-size: 16px; font-weight: 400; transition: all .5s ease } 
.single-footer-widget .specialities li a:hover { color: #f8c01c } 
.single-footer-widget .specialities li a:before { font-family: FontAwesome; position: absolute; top: 2px; left: 0; content: "\f054"; font-size: 13px; line-height: 13px; font-weight: 100; transition: all .3s ease-in-out .1s } 
.single-footer-widget .specialities li a:hover:before { color: #f8c01c } 
.single-footer-widget .facilities { position: relative; display: block; margin: 0; padding: 0 } 
.single-footer-widget .facilities li { line-height: 16px; margin-bottom: 20px; list-style: none } 
.single-footer-widget .facilities li:last-child { margin-bottom: 0 } 
.single-footer-widget .facilities li a { position: relative; display: block; padding-left: 30px; color: #fff; font-size: 15px; font-weight: 400; transition: all .5s ease } 
.single-footer-widget .facilities li a:hover { color: #f8c01c } 
.single-footer-widget .facilities li a:before { font-family: FontAwesome; position: absolute; top: 2px; left: 0; content: "\f054"; font-size: 13px; line-height: 13px; font-weight: 100; transition: all .3s ease-in-out .1s } 
.single-footer-widget .solutions-links li a:hover:before { color: #f8c01c } 
.single-footer-widget .opening-hours { position: relative; display: block; max-width: 300px; margin: 0; padding: 0 } 
.single-footer-widget .opening-hours li { position: relative; display: block; line-height: 16px; margin-bottom: 20px; color: #fff; font-size: 15px; font-weight: 400 } 
.single-footer-widget .opening-hours li:last-child { margin-bottom: 0 } 
.single-footer-widget .opening-hours li span.clr-green { color: #507cdf } 
.footer-bottom-area { float: left; width: 100%; position: relative; display: block; background: #010101; border-top: 1px solid rgba(255, 255, 255, .1); padding: 12px 0 } 
.footer-bottom-area .inner { position: relative; display: block } 
.footer-social-links { float: left; position: relative; display: block; z-index: 3 } 
.footer-social-links .sociallinks-style-one { overflow: hidden; line-height: 20px; margin: 0; padding: 0 } 
.footer-bottom-area .copyright-text { position: relative; top: 5px; left: 0; bottom: 0; right: 0; text-align: center; z-index: 2; margin-right: 100px } 
.footer-bottom-area .copyright-text p { color: #fff; font-size: 15px; line-height: 20px; font-weight: 400; margin: 0 } 
.footer-bottom-area .copyright-text p a { color: #fff; font-weight: 500; transition: all .5s ease } 
.footer-bottom-area .copyright-text p a:hover { color: #f8c01c } 
.footer-menu { position: relative; display: block; z-index: 3; margin-bottom: 0; padding: 0 } 
.footer-menu li { float: left; margin-right: 30px; line-height: 30px; color: #fff } 
.footer-menu li:last-child { margin-right: 0 } 
.footer-menu li a { color: #fff; font-size: 15px; font-weight: 400; display: inline-block; transition: all .5s ease } 
.footer-menu li a:hover { color: #f8c01c } 
.sociallinks-style-one li { float: left; margin-right: 18px } 
.sociallinks-style-one li:last-child { margin-right: 0 } 
.sociallinks-style-one li a i { margin-left: 0px; color: #fff; font-size: 15px; transition: all .5s ease } 
.sociallinks-style-one li a:hover i { color: #f8c01c } 
#web-pulse-scroll-up { position: fixed; z-index: 8030; bottom: 65px; right: 30px; width: 46px; height: 46px; border-radius: 50%; color: #000; font-size: 25px; line-height: 42px; text-align: center; text-decoration: none; cursor: pointer; transition: all .25s; display: none; background: #f8c01c } 
#web-pulse-scroll-up:hover { background: #333; color: #fff } 
.send_enquiry { background: #fff; border-radius: 40px; bottom: 30px; color: #fff; display: table; height: 50px; left: 15px; min-width: 50px; position: fixed; text-align: center; z-index: 9999; transition: all .2s linear; background: linear-gradient(to bottom, #333 0, #000 100%) } 
.send_enquiry i { font-size: 22px; line-height: 50px } 
.send_enquiry:hover { color: #fff; padding: 0 20px } 
.send_enquiry:focus { color: #fff } 
.send_enquiry span { display: table-cell; vertical-align: middle; font-size: 16px; letter-spacing: -15px; opacity: 0; line-height: 50px; transition: all .5s; text-transform: uppercase } 
.send_enquiry:hover span { opacity: 1; letter-spacing: 1px; padding-left: 10px } 
.enquiry { position: fixed; z-index: 1000; bottom: 28px; left: 25px; height: 50px; color: #fff; font-size: 18px; text-align: center; text-decoration: none; cursor: pointer } 
.enquiry i { float: left; z-index: 999; position: absolute; left: 0; width: 50px; height: 50px; border-radius: 50%; color: #fff; font-size: 25px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; background: #203a75; transition: .5s; box-shadow: 0 2px 6px rgba(0, 0, 0, .4) } 
.enquiry strong { background: #333; color: #fff; padding: 10px 20px; border-radius: 0 30px 30px 0; height: 45px; float: left; font-size: 15px; margin-top: 3px; margin-left: 35px; box-shadow: 2px 2px 6px rgba(0, 0, 0, .4) } 
.enquiry i:hover { color: #fff; background: #203a75 } 
.enquiry strong:hover { color: #203a75; background: #f9f9f9 } 
.modal-content { border-radius: 0 } 
.modal-header { padding: 0 15px; background: #f8c01c; color: #000 } 
.modal-header .modal-title { text-align: left; font-size: 18px; line-height: 18px; color: #000; padding: 15px 0; font-weight: 600 } 
.close { float: right; font-size: 23px; font-weight: 600; line-height: 2; color: #fff; text-shadow: 0 1px 0 #fff; opacity: .7 } 
.close:focus, .close:hover { color: #fff; text-decoration: none; cursor: pointer; opacity: .9 } 
.send_p { font-size: 13px; line-height: 18px; text-align: center } 
.modal-body input[type=number], .modal-body input[type=text], .modal-body select { width: 100%; padding: 5px 12px; border-radius: 0 } 
.modal-body textarea { width: 100%; height: 120px; padding: 5px 12px; border-radius: 0 } 
.modal-body select { width: 100% } 
.pac-container { z-index: 100000 } 
.g-recaptcha { transform: scale(.8); transform-origin: 0 0; -webkit-transform-origin: 0 0 } 
.modal_btn { width: auto; background: #333; padding: 8px 25px; border: 0; color: #fff; font-size: 15px; border-radius: 4px; cursor: pointer } 
.modal_btn:focus, .modal_btn:hover { background: #f8c01c; color: #000 } 
.heading_banner { float: left; width: 100%; position: relative; background-size: cover; padding: 100px 0 80px; background-position: center center; margin: 0 } 
.heading_banner::before { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); top: 0; left: 0; z-index: 0; content: '' } 
.heading_banner h1 { margin: 0 0 10px; text-transform: capitalize; font-size: 25px; font-weight: 700; color: #fff; text-align: center; background: rgba(0, 0, 0, .5); display: inline-block; width: auto; padding: 10px 20px } 
.heading_banner h2 { margin: 0; letter-spacing: 0; text-transform: capitalize; font-size: 18px; font-weight: 400; color: #f9f9f9; text-align: center; text-align: center; background: rgba(0, 0, 0, .5); display: inline-block; width: auto; padding: 10px 20px } 
.heading_banner .cat_title { margin: 0 0 10px; text-transform: capitalize; font-size: 25px; font-weight: 700; color: #fff; text-align: center; background: rgba(0, 0, 0, .5); display: inline-block; width: auto; padding: 10px 20px } 
.heading_banner .cat_title2 { margin: 0; letter-spacing: 0; text-transform: capitalize; font-size: 18px; font-weight: 400; color: #f9f9f9; text-align: center; text-align: center; background: rgba(0, 0, 0, .5); display: inline-block; width: auto; padding: 10px 20px } 
.inner_breadcrumb { float: left; width: 100%; background: #f9f8f3; position: relative; margin: 0; margin-bottom: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2) } 
.inner_breadcrumb .breadcrumb { background: 0; border-radius: 0; border: 0; list-style: none; padding: 0; float: left; text-transform: capitalize; margin: 0 } 
.inner_breadcrumb .breadcrumb li { font-weight: 500; font-size: 14px; text-transform: uppercase; color: #111; float: left; line-height: 40px } 
.inner_breadcrumb .breadcrumb li a { float: left; padding: 0; color: #666; letter-spacing: .3px } 
.inner_breadcrumb .breadcrumb li:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; padding: 0 14px; color: #fff; display: inline-block } 
.inner_breadcrumb .breadcrumb li.active { color: #f8c01c } 
.inner_breadcrumb .breadcrumb li+li:before { content: "\f105"; color: #fff; padding: 0 14px } 
.inner_breadcrumb .breadcrumb li+li:before { float: left; padding: 13px 10px; color: #bfbfbf } 
.about_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.left_sidebar { float: left; width: 100%; margin: 0 0 25px; padding: 0 } 
.left_sidebar .left_title { float: left; width: 100%; padding: 8px 10px; margin: 0; line-height: 30px; background: #000; font-size: 18px; color: #fff; font-weight: 600 } 
.left_sidebar form { float: left; width: 100%; background: #fff; padding: 10px 10px 10px } 
.left_image { float: left; width: 340px; margin: 0 15px 15px 0; text-align: center } 
.left_image .left_centered { width: 100%; position: relative; padding: 0; min-height: 260px; overflow: hidden; border: 1px solid #f9f9f9 } 
.left_image .left_centered .image { width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease } 
.left_image .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.left_image:hover .left_centered .image { transform: scale(1.1) } 
.right_image1 { float: right; width: 340px; margin: 0 0 15px 15px; text-align: center } 
.right_image1 .left_centered { width: 100%; position: relative; padding: 0; min-height: 260px; overflow: hidden; border: 1px solid #f9f9f9 } 
.right_image1 .left_centered .image { width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease } 
.right_image1 .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.right_image1:hover .left_centered .image { transform: scale(1.1) } 
.client_satisfaction { float: left; width: 200px; margin: 0 15px 15px 0; text-align: center } 
.client_satisfaction .client_centered { width: 100%; position: relative; padding: 0; min-height: 200px; overflow: hidden; border: 1px solid #f9f9f9 } 
.client_satisfaction .client_centered .image { width: 100%; text-align: center; overflow: hidden; position: relative; height: 200px; transition: transform .5s ease } 
.client_satisfaction .client_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.client_satisfaction:hover .client_centered .image { transform: scale(1.1) } 
.left_sidebar ul { float: left; width: 100%; padding: 0; margin: 0; background: #333 } 
.left_sidebar ul li { float: left; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #444; list-style: none } 
.left_sidebar ul li a { color: #fff; text-transform: uppercase; padding: 10px; font-weight: 500; line-height: 20px; font-size: 14px } 
.left_sidebar ul li a.active, .left_sidebar ul li a:focus, .left_sidebar ul li a:hover { background: #f8c01c; color: #000 } 
.left_sidebar ul li ul { float: left; width: 100%; margin: 0; padding: 0; background: #fff } 
.left_sidebar ul li ul li { border-bottom: 1px dashed #ccc; list-style-type: none; position: relative } 
.left_sidebar ul li ul li a { display: block; font-weight: 500; color: #000; text-align: left; font-size: 12px; padding: 4px 15px; text-decoration: none; text-transform: uppercase; line-height: 24px } 
.left_sidebar ul li ul li a.active, .left_sidebar ul li ul li a:focus, .left_sidebar ul li ul li a:hover { background: #f8c01c; color: #000 } 
.left_sidebar ul li ul li a i { float: right; line-height: 24px } 
.left_sidebar ul li ul li ul { display: none; transition: all 2s; position: absolute; left: 98%; top: 0; z-index: 200; background: #fff; width: 200px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75) } 
.left_sidebar ul li ul li:hover ul { display: block; transition: all 2s } 
.left_sidebar ul li ul li ul li a { display: block; font-weight: 400; color: #333; text-align: left; font-size: 13px; padding: 4px 15px; text-decoration: none; text-transform: capitalize; line-height: 24px } 
.left_sidebar ul li ul li ul li a.active, .left_sidebar ul li ul li ul li a:focus, .left_sidebar ul li ul li ul li a:hover { background: #f8c01c; color: #000 } 
#sidebar { width: 274px; float: left; animation-delay: 5s } 
#sidebar.stick { position: fixed; top: 50px; z-index: 991; border-radius: 0 0 .5em .5em } 
.right_side h1 { padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: #000; font-size: 25px; color: #fff; font-weight: 600 } 
.right_side .main-tt { padding: 0; margin: 0; color: var(--pri); background: transparent; font-weight: 700; margin-bottom: 10px; font-size: 32px; } 
.right_side h3, .right_side h2 { padding: 0; margin: 10px 0 8px; line-height: 30px; font-size: 24px; color: #000; font-weight: 700; } 
.wps_right { float: left; width: 100%; margin-bottom: 20px } 
.right_side p { line-height: 26px; margin-bottom: 15px; text-align: justify; font-size: 16px; font-weight: 400; color: #283f49; } 
.right_side p strong { font-weight: 600; } 
.right_side .about_b { float: left; width: 100%; overflow: hidden; height: 230px; margin-bottom: 15px } 
.right_side .about_image { position: relative; padding: 0; text-align: center; min-height: 230px; overflow: hidden; transition: all .4s ease-in-out; border: 1px solid #f9f9f9 } 
.right_side .about_b:hover .about_image { transform: scale(1.1) } 
.right_side .about_image img { position: absolute; margin: auto; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; max-height: 100% } 
.right_side .factsheet .info h4 { font-size: 16px } 
.right_side .factsheet .info p { font-size: 13px } 
.right_side ul { margin: 0 0 25px; padding: 0 } 
.right_side ul li { list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: 400 } 
.right_side ul li::before { content: "\f0da"; font-family: FontAwesome; margin-right: 5px } 
.team { float: left; width: 100%; margin: 0; padding: 50px 0; background: #fff; position: relative } 
.team_box { float: left; width: 100%; margin: 0 0 15px; padding: 0 } 
.team_box .team_image { background: #fff; text-align: center; position: relative; overflow: hidden; height: 280px; border: 1px solid #ccc } 
.team_box .team_image img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.team_box .team_content { padding: 10px 15px; text-align: center; cursor: pointer; position: relative; border: 2px solid #ccc; margin: 3px 0 0 } 
.team_box .team_content h4 { color: #203a75; margin: 0; padding: 0; font-size: 17px } 
.team_box .team_content p { letter-spacing: .3px; color: #333; margin: 0 } 
.product_listing { float: left; width: 100%; margin-bottom: 15px; box-shadow: 0 3px 5px 0 rgba(210, 210, 210, .75); transition: all .35s ease-in-out; border-style: solid; border-width: 1px 1px 0 1px; border-color: #f9f9f9 } 
.product_listing .product { width: 100%; position: relative; padding: 10px 10px 10px 0; text-align: center; min-height: 200px; overflow: hidden; border-right: 1px solid #f9f9f9; display: inline-block } 
.product_listing .product .image1 { width: 100%; text-align: center; overflow: hidden; position: relative; height: 330px; transition: all .4s ease-in-out } 
.product_listing .product .image1 img { position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.product_listing .product p { font-size: 16px; text-align: center; margin: 0 } 
.padding0 { padding: 0 } 
.right-content { position: relative; padding-right: 15px } 
.right-content h3 { line-height: 24px; font-size: 18px; padding: 10px 0; text-align: left; margin: 0 } 
.right-content h3 a { color: #333 } 
.right-content h4 { line-height: 24px; padding: 10px 0; text-align: left } 
.blue-line1 { width: 100%; display: block; height: 1.1px; background: #f9f9f9; position: relative; margin-bottom: 10px; padding: 0 15px } 
.read_more_product { background: #111; padding: 10px 20px; font-size: 15px; color: #fff; margin: 10px 0 10px 0; display: inline-block; width: auto; } 
.read_more_product i { margin-left: 5px } 
.read_more_product:focus, .read_more_product:hover { color: #000; background: #f8c01c } 
.product_listing:hover .right-content h3 a { color: #f8c01c } 
.product_listing:hover .right-content h4 a { color: #f8c01c } 
.right-content .table-responsive { float: left; width: 100%; overflow: hidden; max-height: 230px; overflow: auto; padding-right: 5px; margin-bottom: 10px } 
.right-content table tbody tr td { vertical-align: middle; padding: 6px 10px; font-size: 15px; line-height: normal; text-align: left } 
.right-content table tbody tr td { border: 1px solid #eaeaea; width: 60% } 
.right-content table tbody tr td:first-child { color: #203a75; font-weight: 500; width: 40% } 
.product_popup { float: left; width: 100%; margin: 0; padding: 0 } 
.product_popup_image { width: 100%; margin-bottom: 15px; border: 1px solid #ccc; overflow: hidden; position: relative; height: 400px } 
.product_popup_image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; margin: auto; object-fit: cover; height: 100%; } 
.product_popup h4 { color: #000; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; text-align: left; padding: 0 } 
.product_popup p { font-size: 15px; line-height: 24px; color: #333; text-align: left; margin-bottom: 15px } 
#product_enquiry label.error { color: #fb3a3a; font-weight: 400 } 
.product_right_image { float: right; width: 400px; margin: 0 0 15px 15px; text-align: center } 
.product_right_image iframe { width: 100%; height: 400px } 
.product_right_image .detail_image { width: 100%; text-align: center; overflow: hidden; position: relative; height: auto; aspect-ratio: 1 / 1; } 
.product_right_image .detail_image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; object-fit: contain; height: auto; aspect-ratio: 1 / 1; } 
.cat_info p { font-size: 15px; line-height: 24px; color: #423f3f; text-align: justify; margin-bottom: 15px } 
.product_right_image .detail_enq_btn { width: auto; background: #111; color: #fff; text-decoration: none; font-size: 15px; padding: 8px 20px; margin: 0; display: inline-block !important; border: 0; } 
.product_right_image .detail_enq_btn:focus, .product_right_image .detail_enq_btn:hover { background-color: #203a75; color: #fff } 
.product_right_image:hover .detail_enq_btn { background-color: #f8c01c !important; color: #000 } 
.product_right_image .product_dimage { width: 100%; text-align: center; overflow: hidden; height: auto; aspect-ratio: 1 / 1; margin-bottom: 15px } 
.product_right_image .product_dimage .detail_image { transition: transform .5s ease; transform-origin: center center } 
.product_right_image:hover .product_dimage .detail_image { transform: scale(1.2) } 
.you_may { float: left; width: 100%; padding: 7px 15px; margin: 15px 0; line-height: 30px; background: var(--liner); background-color: var(--pri); font-size: 20px; color: #000; font-weight: 600; } 
.product_2 { float: left; width: 100%; margin: 0 0 15px; padding: 0; border: 1px solid #dfdfdf; background: #fff } 
.product_2 .image { position: relative; height: auto; text-align: center; aspect-ratio: 1 / 1; } 
.product_2 .image img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); width: auto; height: auto; border-bottom: 1px solid #f9f9f9; object-fit: contain; aspect-ratio: 1 / 1; } 
.product_2 .text { position: relative; padding: 10px 15px; margin: 0; text-align: center } 
.product_2 .text h4 { float: left; width: 100%; padding: 0 10px; font-weight: 600; font-size: 18px; height: 50px; display: block; align-items: center; justify-content: center; color: #333; text-transform: capitalize; line-height: 45px; text-align: center; margin: 0 0 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.product_2:hover .text h4 { color: #f8c01c } 
.product_2 .text p { float: left; width: 100%; padding: 5px 0 0; color: #333; font-size: 15px; text-align: center } 
.product_2 .text .product_enquiry_btn { background: #333; color: #fff; text-align: center; padding: 8px 20px; width: auto; margin: 0 auto; transition: .5s; border: 0; display: inline-block; } 
.product_2 .text .product_enquiry_btn:focus { background: #f8c01c; color: #333 } 
.product_2:hover .text .product_enquiry_btn { background: #f8c01c; color: #333 } 
.faq_section { float: left; width: 100%; margin: 0; padding: 40px 0 } 
.gallery_category { position: relative; overflow: hidden; margin-bottom: 20px } 
.gallery_category:before { position: absolute; content: ""; right: 20px; bottom: 20px; border: 2px solid rgba(255, 255, 255, .9); box-shadow: 0 0 0 30px rgba(255, 255, 255, .4); opacity: 0; top: 20px; left: 20px; z-index: 1; transition: all .4s ease } 
.gallery_category:before { opacity: 1 } 
.gallery_category .gallery_image { transform: scale(1.5) translateY(0); transition: all .4s ease-in-out } 
.gallery_category:hover .gallery_image { transform: scale(1.5) translateY(-12px) } 
.gallery_category .gallery_image { width: 100%; position: relative; overflow: hidden; height: 285px } 
.gallery_category .gallery_image img { position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100% } 
.gallery_category .caption { position: absolute; bottom: calc(50% - 30px); left: 50%; transform: translateX(-50%) translateY(50%); z-index: 10; text-align: center; width: 100% } 
.gallery_category:after { position: absolute; content: ''; height: 100%; width: 100%; left: 0; background-color: rgba(0, 0, 0, .6); transition: opacity .3s ease-in-out; opacity: 0; top: 0 } 
.gallery_category:hover:after { opacity: 1; background-color: rgba(0, 0, 0, .8) } 
.gallery_category:after { opacity: 1; transition: all .4s ease-in-out } 
.gallery_category .caption h3 { color: #fff; margin-bottom: 10px; transform: translateY(20px); transition: all .5s ease-in-out; opacity: 0 } 
.gallery_category .caption p { transform: translateY(50px); color: rgba(255, 255, 255, .7); opacity: 0; transition: all .5s ease-in-out } 
.gallery_category .caption h3, .gallery_category .caption p { opacity: 1; transform: translateY(0) } 
.gallery_category:hover .caption h3 { color: #203a75 } 
.gallery_category .link-wrap { position: absolute; top: calc(50% - 30px); right: 50%; transform: translateX(50%) translateY(-50%); z-index: 10 } 
.gallery_category .link-wrap i { display: inline-block; height: 45px; width: 45px; line-height: 40px; background-color: rgba(255, 255, 255, .2); border: 2px solid rgba(255, 255, 255, .3); text-align: center; color: #fff; font-size: 15px; opacity: 0; transition: all .5s ease-in-out } 
.gallery_category .link-wrap i { opacity: 1; transform: translateY(0) } 
.gallery_category .link-wrap i:hover { background-color: rgba(255, 255, 255, .4) } 
.gallery_video iframe { width: 100%; height: 185px !important; margin-bottom: 5px } 
.gallery_details { position: relative; overflow: hidden; background: #222; margin-bottom: 20px } 
.gallery_details .gdetails_image { width: 100%; transition: all .4s ease-in-out; opacity: .9 } 
.gallery_details:hover .gdetails_image { transform: scale(1.1); filter: blur(4px) } 
.gallery_details .gdetails_image { width: 100%; position: relative; overflow: hidden; height: 190px } 
.gallery_details .gdetails_image img { position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: 100% } 
.gallery_details .caption { position: absolute; bottom: calc(50% - 30px); left: 50%; transform: translateX(-50%) translateY(50%); z-index: 10; text-align: center; width: 100% } 
.gallery_details:after, .gallery_details:before { position: absolute; content: ''; height: 0; width: 0; background-color: transparent; transition: all .3s ease-in-out; opacity: 0 } 
.gallery_details:before { border-left: 1px solid #fff; border-top: 1px solid #fff; top: 20px; left: 20px; z-index: 1 } 
.gallery_details:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; bottom: 20px; right: 20px } 
.gallery_details:hover:after, .gallery_details:hover:before { height: 40px; width: 40px; opacity: 1 } 
.gallery_details .link-wrap { position: absolute; top: calc(55% - 25px); right: 50%; transform: translateX(50%) translateY(-50%); z-index: 10 } 
.gallery_details .link-wrap i { display: inline-block; height: 45px; width: 45px; line-height: 40px; background-color: rgba(255, 255, 255, .2); border: 2px solid rgba(255, 255, 255, .3); text-align: center; color: #fff; font-size: 15px; opacity: 0; transition: all .5s ease-in-out } 
.gallery_details:hover .link-wrap i { opacity: 1; transform: translateY(0) } 
.gallery_details .link-wrap i:hover { background-color: rgba(152, 180, 70, .76) } 
.video_gallery { float: left; width: 100%; margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: all .3s ease-in-out } 
.video_gallery:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .5) } 
.video_gallery i { line-height: inherit; color: #f90; font-size: 20px } 
.video_gallery iframe { width: 100%; height: 300px; margin-bottom: 5px } 
.video_gallery h3 { font-size: 15px; color: #333; padding: 0; line-height: 24px; font-weight: 400; margin-bottom: 10px } 
.video_gallery h3 i { width: 50px; height: 50px; background: #e02f2f; border: 1px solid #ce2626; text-align: center; line-height: 45px; float: left; font-size: 30px; color: #fff; margin-right: 15px } 
.careers_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.careers_right h1 { padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: #203a75; font-size: 25px; color: #fff; font-weight: 600 } 
.career_list { float: left; width: 100%; padding: 0; margin: 0 0 20px; border: 1px solid #ccc; background: #fff } 
.career_list h2 { font-size: 18px; line-height: 30px; margin: 0 0 10px; padding: 5px 10px; background: #f9f9f9 } 
.career_list ul { display: inline-block; margin: 0 0 10px; padding: 0 } 
.career_list ul li { display: inline-block; margin-right: 15px; list-style: none } 
.career_list ul li:before { content: none; margin: 0 } 
.career_list ul li a { color: #333; transition: all .5s ease-out } 
.career_list ul li i { margin-right: 5px; color: #203a75 } 
.detail01 { padding: 0 10px } 
.career_list h2 a { color: #333 } 
.career_list:hover h2 a { color: #203a75 } 
.career_list:hover .read_more_product { background: #203a75; color: #fff } 
.career_list:hover { box-shadow: 0 0 15px #c1c1c1; border: 1px solid #f9f9f9 } 
.career_box { float: left; width: 100%; margin: 0 0 15px; border: 1px solid #ccc; padding: 15px 15px; background: #f9f9f9; font-size: 16px } 
.career_box i { color: #203a75; font-size: 20px; margin-right: 10px } 
.upload { position: absolute; z-index: 9; right: 15px; top: 10px; font-size: 12px !important; line-height: normal !important } 
.product_add { position: relative } 
.product_add .check_product i { position: absolute; right: 1px; top: 1px; z-index: 9; width: 50px; height: 50px; line-height: 50px; font-size: 25px; background: #333; color: #fff; cursor: pointer; text-align: center; font-weight: 100 } 
.product_add .check_product i.active, .product_add .check_product i:focus, .product_add .check_product i:hover { background: #203a75; color: #fff } 
.fa-check { background: #203a75 !important; color: #fff } 
.listing_view { float: left; width: 100%; background: #f9f9f9; border: 1px solid #ccc; padding: 5px; margin-bottom: 15px } 
.listing_view h3 { line-height: 30px; padding-left: 5px; color: #333; font-size: 17px; margin: 5px 0 } 
.product_view_btn { float: right } 
.list_btn { float: left; background: #333; color: #fff; margin-left: 10px; padding: 10px 20px } 
.list_btn.active, .list_btn:focus, .list_btn:hover { background: #203a75; color: #fff } 
.thumbnail { margin-bottom: 20px; padding: 0; border-radius: 0 } 
.list_item { float: none; width: 100%; margin-bottom: 10px } 
.list_item .list-group-image { margin-right: 10px } 
.list_item .thumbnail { margin-bottom: 0 } 
.list_item .caption { padding: 9px 9px 0 9px } 
.list_item:after, .list_item:before { display: table; content: " " } 
.list_item img { float: left } 
.list_item:after { clear: both } 
.list-group-item-text { margin: 0 0 11px } 
.list_item .thumbnail .product_view { float: left; width: 30%; padding: 15px; margin-right: 25px; border-right: 1px solid #f9f9f9; background: #fff; z-index: 2; margin-bottom: 0 } 
.product_view { float: left; width: 100%; margin-bottom: 10px; position: relative; overflow: hidden; height: 250px; padding: 10px } 
.product_view .image { text-align: center; position: relative; width: 100%; height: 220px; overflow: hidden; margin: 0; transition: transform .5s ease } 
.product_view .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; transform: translate(-50%, -50%); width: auto; max-height: 100%; padding: 10px } 
.item_view .thumbnail:hover .product_view .image { transform: scale(1.1) } 
.item_view .caption { text-align: center } 
.list_item .caption { text-align: left } 
.item_view .caption h3 { padding: 10px; margin-bottom: 10px; text-transform: capitalize; line-height: 24px; margin: 0; height: auto } 
.list_item .caption h3 { text-align: left; padding: 10px 0 13px } 
.item_view .caption h3 a { font-weight: 600; font-size: 18px; color: #203a75 } 
.item_view .caption h3 { height: 65px } 
.list_item .caption h3 { height: auto } 
.item_view .caption h4 { padding: 10px; margin-bottom: 10px; text-transform: capitalize; line-height: 24px; margin: 0 } 
.list_item .caption h4 { text-align: left } 
.item_view .caption h4 a { font-weight: 600; font-size: 18px; color: #203a75 } 
.item_view .caption p { text-align: center; height: 70px; overflow: hidden; display: none } 
.list_item .caption p { text-align: justify; height: auto; display: block } 
.item_view .caption span { text-align: center; margin-bottom: 10px; display: block } 
.list_item .caption span { text-align: justify; margin-bottom: 10px; display: block } 
.item_view .caption .may_btn { display: inline-block } 
.item_view .caption .may_btn.active, .item_view .caption .may_btn:focus, .item_view .caption .may_btn:hover { background: #203a75; color: #fff } 
.item_view .thumbnail:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .5) } 
.client_image { float: left; width: 100%; margin: 0; padding: 10px; overflow: hidden; position: relative; height: 120px; border: 1px solid #f9f9f9; margin-bottom: 15px } 
.client_image .client_logo { overflow: hidden; position: relative; height: 100px; transition: transform .5s ease } 
.client_image:hover .client_logo { transform: scale(1.1) } 
.client_image .client_logo img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; max-height: 100%; width: auto } 
.blog_news { float: left; width: 100%; margin-bottom: 50px } 
.blog_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.blog_page .blog_left h1 { padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: #000; font-size: 25px; color: #fff; font-weight: 600 } 
.left_title1 { float: left; width: 100%; padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: #000; font-size: 25px; color: #fff; font-weight: 600 } 
.right_news { float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; background: #fff } 
.right_news .image { float: left; width: 100%; margin: 0 0 10px; position: relative; overflow: hidden; height: 180px } 
.right_news .image img { position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100% } 
.right_news h5 { padding: 10px; line-height: 18px; font-size: 15px; margin: 0 } 
.right_news h5 a { color: #333 } 
.right_news:hover h5 a { color: #f8c01c } 
.pager li&gt;a { border-radius: 0; color: #f8c01c } 
.pager li&gt;a:focus, .pager li&gt;a:hover { color: #000; background: #f8c01c; border-color: #f8c01c } 
.blog_details { float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 10px; margin-bottom: 30px } 
.blog_details ul { display: inline-block; margin: 0 0 20px; padding: 0 } 
.blog_details ul li { display: inline-block; margin-right: 15px; list-style: none } 
.blog_details ul li:before { content: none; margin: 0 } 
.blog_details ul li a { color: #333; transition: all .5s ease-out } 
.blog_details ul li i { margin-right: 5px } 
.blog_details1 { float: left; width: 100%; margin: 0; padding: 0 } 
.blog_details1 .image { float: left; width: 100%; text-align: center; margin-bottom: 15px } 
.blog_details1 .image img { width: auto; max-width: 100%; display: inline-block } 
.blog_details1 p { text-align: justify; line-height: 24px } 
.blog_details1 .block-quote { padding: 30px 40px; margin-bottom: 20px; background: #f9f9f9; border-left: 3px solid #f8c01c } 
.blog_details1 .block-quote p { font-size: 15px; line-height: 24px } 
.blog_details1 h3 { margin: 0 0 5px; padding: 0; line-height: 30px } 
.blog_details1 ul { float: left; width: 100%; margin: 0; padding: 0 } 
.blog_details1 ul li { width: 100%; display: inline-block; list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: 400 } 
.blog_details1 ul li::before { content: "\f0da"; font-family: FontAwesome; margin-right: 5px } 
.fb-comments { width: 100% } 
.blogdetails img { width: 100% } 
.blog_news .content_details { float: left; width: 100%; background: #f9f9f9; padding: 20px 20px 20px } 
.blog_news .content_details h2 { text-transform: capitalize; line-height: 30px; font-size: 20px; margin: 0 0 10px } 
.blog_news .content_details h2 a { color: #333; transition: all .5s ease-out } 
.blog_news .content_details ul { display: inline; margin: 0 } 
.blog_news .content_details ul li { display: inline-block; margin-right: 15px } 
.blog_news .content_details ul li:before { content: none; margin: 0 } 
.blog_news .content_details ul li i { margin-right: 5px } 
.blog_news .block-quote { padding: 30px 40px; margin-bottom: 20px; background: #fdfdfd; border-left: 3px solid #f8c01c } 
.blog_news .block-quote p { font-size: 15px; line-height: 24px } 
.blog_news .content_details ol { width: 100%; margin: 0 0 25px; padding: 0 } 
.blog_news .content_details ol li { list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: 400 } 
.blog_news .content_details ol li::before { content: "\f0da"; font-family: FontAwesome; margin-right: 5px } 
.share-area { background: #fff; padding: 15px 30px } 
.share-area .project-name li { display: inline-block; margin-right: 20px } 
.share-area .project-name li:last-child { margin: 0 } 
.share-area .project-name li a { color: #333; transition: all .5s ease-out } 
.share-area .project-name li a:hover { color: #f8c01c } 
.share-area .social-icon { display: inline; margin-right: 30% } 
.share-area .social-icon:last-child { margin: 0 } 
.share-area .social-icon li { display: inline-block; margin: 0 !important } 
.share-area .social-icon li h3 { margin: 0; font-size: 18px; color: #333; margin-right: 10px; font-weight: 500; line-height: 15px } 
.share-area .social-icon li i { margin-right: 2px } 
.share-area .social-icon li i:last-child { margin: 0 } 
.share-area .social-icon li .fa-facebook { color: #fff; background-color: #3b579d; padding: 11px 14px; border-radius: 50%; transition: all .5s ease-out } 
.share-area .social-icon li .fa-facebook:hover { opacity: .7 } 
.share-area .social-icon li .fa-twitter { color: #fff; background-color: #1da1f2; padding: 11px 12px; border-radius: 50%; transition: all .5s ease-out } 
.share-area .social-icon li .fa-twitter:hover { opacity: .7 } 
.share-area .social-icon li .fa-google { color: #fff; background-color: #ea4335; padding: 11px 13px; border-radius: 50%; transition: all .5s ease-out } 
.share-area .social-icon li .fa-google:hover { opacity: .7 } 
.share-area .social-icon li .fa-linkedin { color: #fff; background-color: #0177b5; padding: 11px 13px; border-radius: 50%; transition: all .5s ease-out } 
.share-area .social-icon li .fa-linkedin:hover { opacity: .7 } 
.contact_page { float: left; width: 100%; margin: 0; padding: 50px 0; position: relative } 
.contact_info { float: left; width: 100%; margin: 0 0 20px; padding: 0; text-align: justify } 
.contact_info h2 { margin: 10px 0 10px; line-height: 24px; font-size: 25px; color: #203a75; font-weight: 600; text-transform: capitalize } 
.contact_info p { font-size: 16px; text-align: justify; line-height: 24px } 
.contact_form h2 { margin: 10px 0 10px; line-height: 24px; font-size: 25px; color: #203a75; font-weight: 600; text-transform: capitalize } 
#contact_form label.error, .output { color: #fb3a3a; font-weight: 400; margin-bottom: 15px } 
#quick_form label.error, .output { color: #fb3a3a; font-weight: 400; margin-bottom: 15px } 
#quick_enquiry label.error, .output { color: #fb3a3a; font-weight: 400; margin-bottom: 15px } 
.pac-container { z-index: 100000 } 
.contact_map { float: left; width: 100%; height: 550px } 
.contact_page2 { float: left; width: 100%; margin: 0; padding: 0 0 80px; background: #fff; box-shadow: none } 
.contact_map2 { float: left; width: 100%; height: 800px } 
.contact_form_grid { float: left; width: 100%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); margin-bottom: 10px; margin-top: -320px; border-radius: 4px; background: #fff } 
.contact_form_grid1 { float: left; width: 100%; background: #000; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); margin-bottom: 0; margin-top: 0; border-radius: 4px } 
.contact_details { background: #000; border-radius: 5px 0 0 5px; padding: 30px; min-height: 378px } 
.contact_details h4 { color: #fff; font-size: 20px; text-align: left; padding: 0; text-transform: uppercase; margin-bottom: 20px } 
.contact_details p { color: #fff; margin-bottom: 20px } 
.contact_details .address_list { clear: both; margin: 0 0 20px; padding: 0 } 
.contact_details .address_list li { clear: both; list-style: none } 
.contact_details .address_list li a { color: #fff; display: flex; line-height: 24px; font-size: 15px; margin-bottom: 10px } 
.contact_details .address_list li a:hover{ color: var(--pri); } 
.contact_details .address_list li a span { font-size: 20px; margin-right: 13px } 
.social_list { float: left; width: 100%; margin: 0; padding: 0 } 
.social_list li { list-style: none; display: inline-block } 
.social_list li a { color: #fff; width: 35px; height: 35px; line-height: 35px; border: 1px solid #fff; text-align: center; margin-right: 10px } 
.social_list li a:hover { color: var(--pri); border: 1px solid var(--pri); } 
.contact_form_grid .form_grid { background-color: #fff; padding: 30px } 
.contact_form_grid1 .form_grid { background-color: #fff; padding: 30px; border-radius: 0px 5px 5px 0px; } 
.form_grid h4 { font-size: 20px; text-transform: uppercase; text-align: left; margin: 0 0 20px; padding: 0; color: #333 } 
.testimonial_block { float: left; width: 100%; margin-bottom: 20px } 
.testimonial_text_box { margin: 0 0 30px; padding: 32px 20px 35px 0; background: #f9f9f9; box-shadow: 0 0 12px rgba(0, 0, 0, .05); display: table; position: relative } 
.testimonial_text_box .this-quote { margin: 0 20px; width: 30px } 
.testimonial_text_box .this-quote img { width: auto } 
.testimonial_text_box:after { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -25px; left: 69px; border-top: 25px solid #f9f9f9; border-right: 25px solid transparent } 
.testimonial_text_box .this-texts { display: table-cell; width: calc(100% - 70px); vertical-align: top; color: #333; font-size: 15px; line-height: 24px; text-align: justify } 
.testimonial_author .media-left { padding-right: 30px } 
.testimonial_author .media-left a { display: block; width: 60px; height: 60px; border-radius: 100% } 
.testimonial_author .media-body { vertical-align: middle } 
.testimonial_author .this-title { font-size: 17px; color: #333; text-align: left; line-height: 20px; margin: 0; padding: 0 } 
.testimonial_author .loc { color: #203a75; line-height: 20px; margin: 0; text-transform: uppercase } 
.sitemap_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.sitemap_right_side h1 { padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: #000; font-size: 25px; color: #fff; font-weight: 600 } 
.sitemap { border-left: 1px solid #666; padding: 0 } 
.sitemap li { list-style: none !important; background: transparent url(../images/sitemap/sitemap_hr.png) no-repeat scroll 0 9px; padding: 0 0 0 15px; margin-bottom: 5px } 
.sitemap li ul { border-left: 1px solid #666; padding: 0 } 
.sitemap li a { color: #333; font-size: 15px; padding-bottom: 5px; display: block } 
.sitemap li a:hover { color: var(--pri) } 
.product_page1 { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.product_category { float: left; width: 100%; margin-bottom: 20px; border: 1px solid #eaeaea; padding: 15px; background: #fff } 
.product_category h2 { font-size: 15px; float: left; color: #333; margin: 0; padding: 0 } 
.product_category ul { float: left; width: 100%; margin: 0; padding: 0 } 
.product_category ul li { list-style: none; display: inline-block; padding-right: 15px } 
.product_category ul li strong { font-size: 16px } 
.product_category ul li a { color: #333; text-decoration: none } 
.product_category ul li a:hover { color: #f8c01c } 
.product_1 { float: left; width: 100%; padding: 10px; margin-bottom: 20px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: all .3s ease-in-out; text-align: center } 
.product_1_image { float: left; width: 100%; height: 270px; position: relative; overflow: hidden; margin-bottom: 10px } 
.product_1_image .product_item { width: 100%; height: 270px; position: relative; overflow: hidden; transition: all .5s ease-out } 
.product_1 .product_1_image .product_item img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; padding: 0; margin: auto } 
.product_1 .product_slide .slick-prev { display: none !important } 
.product_1 .product_slide .slick-next { display: none !important } 
.product_1 .product_slide { margin-bottom: 0 !important } 
.product_1:hover .product_slide .slick-prev { left: 0; z-index: 50; top: 50%; width: 40px !important; height: 40px !important; display: block !important; z-index: 50; border-radius: 0 } 
.product_1:hover .product_slide .slick-next { right: 0; z-index: 50; top: 50%; width: 40px !important; height: 40px !important; display: block !important; z-index: 50; border-radius: 0 } 
.product_1 h3 { font-size: 15px; line-height: 18px; margin: 0 0 10px } 
.product_1 h3 a { color: #333 } 
.product_1:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .5) } 
.product_1:hover h3 a { color: #f8c01c } 
.product_1 .price { font-size: 13px } 
.product_1 .price strong { font-weight: 700 } 
.product_1 h5 { font-size: 13px; margin-bottom: 10px } 
.contact_btn { padding: 5px 20px; background: #fff; border: 1px solid #ccc; color: #333; border-radius: 16px; text-decoration: none; width: auto; display: inline-block } 
.contact_btn:focus, .contact_btn:hover { background: #f8c01c; color: #000; border: 1px solid #f8c01c } 
.product_details_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.product_details1 { float: left; width: 100%; margin-bottom: 15px; border-style: solid; border-width: 1px; border-color: #ccc; background: #fff } 
.app-figure { width: 100% !important; margin: 0 auto; border-right: 1px solid #f9f9f9; padding: 15px 15px 15px 0; position: relative } 
.selectors { margin-top: 10px; text-align: center } 
.selectors .mz-thumb img { max-width: 56px } @media screen and (max-width:600px) { .mz-thumb img { max-width: 39px } } 
.details_page_content { float: left; width: 100%; padding: 15px 0 } 
.details_page_content h1 { font-size: 17px; line-height: 24px; margin-bottom: 10px } 
.details_page_content h2 { font-size: 17px; line-height: 24px; margin-bottom: 10px } 
.price01 { float: left; width: 100%; padding: 10px; background: #f5f5f5; margin-bottom: 10px; font-size: 15px; font-weight: 500 } 
.price01 strong { font-weight: 700; font-size: 16px; color: #f8c01c } 
.supplier_btn { padding: 8px 20px; background: #f8c01c; color: #000; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right: 10px; margin-bottom: 15px; font-size: 15px } 
.supplier_btn:focus, .supplier_btn:hover { background: #7c962e; color: #fff } 
.details_page_content p strong { color: #f8c01c; text-transform: uppercase } 
.a2a_dd { padding: 8px 25px; border: 1px solid #ccc; display: inline-block; width: auto; color: #333; border-radius: 4px } 
.a2a_dd:hover { background: #f8c01c; color: #000; border: 1px solid #f8c01c } 
.product_overview { float: left; width: 100%; margin-bottom: 15px } 
.product_overview .panel-default { border-radius: 0 } 
.product_overview .panel-heading { padding: 0; border: 0 } 
.nav-tabs&gt;li a { color: #333; border: 1px solid #fff } 
.product_overview .panel-heading .nav-tabs li.active&gt;a { border: 1px solid #fff; color: #203a75; border-top: 2px solid #203a75; border-radius: 0 } 
.nav-tabs&gt;li:hover&gt;a { border: 1px solid #fff; color: #203a75; border-radius: 0 } 
.product_overview .tab-pane h3 { margin: 0 0 10px } 
.product_overview .tab-pane h4 { margin: 0 0 10px; text-align: left; color: #333; padding: 0 } 
.product_overview .tab-pane .dl-horizontal dt { text-align: left; font-size: 13px; line-height: 20px; font-weight: 400 } 
.product_overview .tab-pane .dl-horizontal dd { font-size: 13px; line-height: 20px; font-weight: 400 } 
.product_overview .tab-pane .quick_details { border-bottom: 1px solid #f9f9f9; margin-bottom: 15px } 
.product_details_page h5 { float: left; margin: 0 0 10px; color: #333; padding: 0; font-size: 18px } 
.product_details_right { float: left; width: 100%; margin-bottom: 15px; padding: 10px; border: 1px solid #f9f9f9; background: #fff } 
.product_details_right .media { float: left; width: 100%; margin: 0; margin-bottom: 15px; border-bottom: 1px solid #ccc } 
.product_details_right .media:last-child { border-bottom: 0 } 
.product_details_right .media .media-left { float: left; width: 60px } 
.product_details_right .media .media-left .image { width: 100%; position: relative; width: 50px; height: 50px; overflow: hidden; border: 1px solid #f9f9f9; border-radius: 75% } 
.product_details_right .media .media-left .image img { position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; padding: 0 } 
.product_details_right .media .media-body h4 { font-size: 15px; text-transform: capitalize; line-height: 18px; text-align: left; padding: 0 } 
.product_details_right .media .media-body h4 a { color: #333; transition: all .5s ease-out } 
.product_details_right .media .media-body h4 a:hover { color: #f8c01c } 
.product_details_right .media:hover .media-body h4 a { color: #f8c01c } 
.year { border: 1px solid #f9f9f9; border-radius: 16px; padding: 3px 10px; font-size: 12px; float: left } 
.product_details_right h5 { font-size: 15px; margin: 0 0 10px; padding: 0 } 
.alsoLike { float: left; width: 100%; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #f9f9f9 } 
.alsoLike:last-child { border-bottom: 0 } 
.alsoLike .image { float: left; width: 100%; position: relative; overflow: hidden; height: 140px; margin-bottom: 10px; padding: 0; text-align: center } 
.alsoLike .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto } 
.alsoLike h5 { text-align: center; float: left; width: 100% } 
.alsoLike h5 a { color: #333 } 
.alsoLike:hover h5 a { color: #f8c01c } 
.send_btn { float: right; padding: 10px 20px; background: #333; color: #fff; text-decoration: none; width: auto; margin-right: 15px } 
.send_btn:focus, .send_btn:hover { background: #f8c01c; color: #000 } 
.selected_products { float: left; width: 100%; margin: 0; padding: 0 } 
.selected_products h4 { text-align: left; color: #333; margin: 0 0 10px; padding: 0 } 
.selected_products .image { float: left; width: 100%; position: relative; height: 80px; text-align: center; border: 1px solid #f9f9f9; margin-bottom: 10px } 
.selected_products .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; margin: auto; padding: 10px } 
.tips { width: 100%; color: #605f5f; font-size: 13px; background-color: #fffae4 !important; padding: 10px; box-sizing: border-box; margin: 0 0 15px } 
.apply_now { padding: 8px 20px; background: #333; color: #fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right: 10px; margin-bottom: 15px; font-size: 15px } 
.apply_now i { margin-left: 10px } 
.top_btn { width: 100%; padding: 15px 15px; border-radius: 0; text-align: center; font-size: 16px } 
.apply_now:focus, .apply_now:hover { background: #203a75; color: #fff } 
.slick-next:hover, .slick-prev:hover { color: #000; outline: 0; background: #f8c01c } 
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0; background: #f8c01c; color: #000 } 
.slick-dots li.slick-active button { background: #f8c01c } 
.zoom-gallery { text-align: center; padding-top: 10px } 
.zoom-gallery-slide { position: relative; display: none; height: 375px; text-align: center; border: 1px solid #f9f9f9 } 
.zoom-gallery-slide a { position: absolute; max-width: 100%; top: 50%; left: 50%; padding: 0; margin: 0; transform: translate(-50%, -50%); max-height: 100%; width: 100% } 
.zoom-gallery-slide.active { display: block; width: auto } 
.zoom-gallery .video-slide { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; height: 315px; width: 100% } 
.zoom-gallery .video-slide embed, .zoom-gallery .video-slide iframe, .zoom-gallery .video-slide object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } 
.zoom-gallery .selectors { text-align: center; margin: 10px 0 } 
.zoom-gallery .selectors a { margin: 5px; border: 1px solid transparent; display: inline-block } 
.zoom-gallery .selectors a.active, .zoom-gallery .selectors a:hover { border-color: #ccc } 
.zoom-gallery .selectors img { box-shadow: none !important; filter: none !important; max-width: 56px } 
.zoom-gallery .selectors a[data-slide-id=video-1], .zoom-gallery .selectors a[data-slide-id=video-2] { position: relative } 
.zoom-gallery .selectors a[data-slide-id=video-1] img, .zoom-gallery .selectors a[data-slide-id=video-2] img { opacity: .8 } 
.zoom-gallery .selectors a span { position: absolute; color: #fff; text-shadow: 0 1px 10px #000; top: 50%; left: 50%; display: inline-block; transform: translateY(-50%) translateX(-50%); font-size: 30px; z-index: 100 } 
.shop_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.product_filter { float: left; width: 100%; padding: 15px; background: #fff } 
.product_filter ul { background: 0 0; margin: 0 0 10px; padding: 0 } 
.product_filter ul li { text-transform: capitalize; display: block; color: #888; font-size: 15px; line-height: 34px; position: relative; border-bottom: 0 } 
.product_filter li label { font-size: 15px; line-height: 34px; font-weight: 400; cursor: pointer; color: #333 } 
.product_filter li label:after, .product_filter li label:before { content: ""; display: table } 
.product_filter li label:after { clear: both } 
.product_filter li label { line-height: 30px; margin: 0 } 
.product_filter li label:hover { color: #203a75 } 
.product_filter li label&gt;span { display: block; position: relative; padding-left: 27px } 
.product_filter li label&gt;span:before { content: ''; width: 15px; height: 14px; background: 0 0; display: block; position: absolute; left: 0; top: 7px; border: 1px solid #ccc } 
.product_filter li label input[type=checkbox] { visibility: hidden; position: absolute } 
.product_filter li label input[type=checkbox]:checked+span { color: #203a75 } 
.product_filter li label input[type=checkbox]:checked+span:before { background: #203a75; background-repeat: no-repeat; background-position: center; background-image: url(../images/shop/checked.png); border: 1px solid #203a75 } 
.product_filter li a { display: block; color: #666 } 
.block-filter .filter-options-content .item a:after, .block-filter .filter-options-content .item a:before { content: ""; display: table } 
.block-filter .filter-options-content .item a:after { clear: both } 
.block-filter .filter-options-content .item a:hover { color: #f8c01c } 
.product_filter li.count { font-size: 15px; display: inline-block; vertical-align: middle; color: #a4a4a4; line-height: 1 } 
.price { float: left; width: 100%; position: relative; width: 85px; margin-right: 5px } 
.price input { padding-left: 25px } 
.price i { position: absolute; padding: 12px; pointer-events: none; left: 0; top: 1px; z-index: 999 } 
.price_btn { padding: 10px 13px; border: 0; background: #333; color: #fff } 
.price_btn:hover { background: #f8c01c } 
.item_view .shop_view { height: 220px } 
.list_item .shop_view { height: 300px } 
.list_item .shop_view .image { height: 270px } 
.result_show { text-align: right; float: right; line-height: 40px; margin-right: 10px } 
.product_ratings { width: 100%; padding: 0 } 
.product_ratings i { font-size: 15px } 
.checked { color: orange } 
.price_box { color: #666 } 
.item_view .caption span.old_price { display: inline-block; color: #666; font-size: 15px; text-decoration: line-through } 
.item_view .caption span.old_price+.new_price { display: inline-block; color: #203a75; margin-left: 1rem; font-size: 20px } 
.add_to_cart { background: #fb641b; padding: 10px 20px; font-size: 15px; color: #fff; margin: 10px 0 10px 0; display: inline-block; width: auto; border-radius: 3px } 
.add_to_cart:focus, .add_to_cart:hover { background: #203a75; color: #fff } 
.shop_page .item_view .caption h3 a { font-weight: 600; font-size: 16px; color: #333 } 
.shop_page .item_view .caption h3 { height: 60px } 
.shop_page .item_view:hover .caption h3 a { color: #203a75 } 
.shop_page .list_item .caption h3 { height: auto } 
.shop_details_page { float: left; width: 100%; margin: 0; padding: 50px 0; background: #f9f9f9; position: relative } 
.shop_details_page .details_page_content h1 { font-size: 18px; line-height: 24px; margin-bottom: 10px } 
.shop_details_page .details_page_content .product_ratings { margin-bottom: 10px } 
.shop_details_page .details_page_content .product_ratings .rating_link { display: inline-block; color: #444 } 
.shop_details_page .details_page_content .product_ratings .rating_link:hover { color: #f8c01c } 
.shop_details_page .details_page_content .stock_box { margin-bottom: 10px } 
.shop_details_page .details_page_content .stock_box span { font-size: 13px; line-height: 18px; color: #666; padding: 0; font-weight: 400; display: inline-block } 
.shop_details_page .details_page_content .stock_box .value { font-size: 13px; color: #ff7878 } 
.shop_details_page .details_page_content .price_box { color: #666; margin-bottom: 10px } 
.shop_details_page .details_page_content span.old_price { display: inline-block; color: #666; font-size: 18px; text-decoration: line-through } 
.shop_details_page .details_page_content span.old_price+.new_price { display: inline-block; color: #203a75; margin-left: 1rem; font-size: 24px } 
.shop_details_page .details_page_content p { font-size: 13px } 
.shop_details_page .details_page_content .size_label { color: #333; margin-bottom: 5px } 
.shop_details_page .details_page_content .size { width: 150px } 
.shop_details_page .details_page_content .check { position: relative; float: left; width: 100% } 
.form-group.check i { position: absolute; left: 0; top: 12px; color: #f8c01c } 
.shop_details_page .details_page_content .check input { float: left; border: 0; border-bottom: 2px solid #f8c01c; padding-right: 0; padding-left: 15px } 
.shop_details_page .details_page_content .check_btn { border: 0; background: 0 0; color: #203a75; padding: 10px 0; position: absolute; right: 0; top: 0; font-weight: 600; font-size: 14px } 
.shop_details_page .details_page_content .qty_group { margin-bottom: 10px } 
.shop_details_page .details_page_content .qty_group .qty_btn { display: inline-block; padding: 10px 15px; background: #333; color: #fff; border: 0 } 
.shop_details_page .details_page_content .qty_group .qty_value { width: 60px; text-align: center } 
.shop_details_page .details_page_content .qty_group .qty_btn:hover { background: #f8c01c; color: #000 } 
.shop_details_page .details_page_content .add_to_cart { padding: 8px 20px; background: #fb641b; color: #fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right: 5px; margin-bottom: 15px; font-size: 15px } 
.shop_details_page .details_page_content .add_to_cart:focus, .shop_details_page .details_page_content .add_to_cart:hover { background: #f8c01c; color: #000 } 
.shop_details_page .details_page_content .add_to_wishlist { padding: 8px 20px; background: #333; color: #fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right: 5px; margin-bottom: 15px; font-size: 15px } 
.shop_details_page .details_page_content .add_to_wishlist:focus, .shop_details_page .details_page_content .add_to_wishlist:hover { background: #7c962e; color: #fff } 
.shop_details_page h5 { float: left; margin: 0 0 10px; color: #333; padding: 0; font-size: 18px } 
.tab-content .product_rate { float: right; font-size: 15px; background: 0 0; border: 1px solid #f9f9f9; padding: 8px 20px } 
.tab-content .product_rate:focus, .tab-content .product_rate:hover { background: #f8c01c; color: #000; border: 1px solid #f8c01c } 
.tab-content .review { margin-bottom: 20px; text-transform: none; background: #f8f8f8; padding: 20px } 
.tab-content .review .review-title { margin-bottom: 5px } 
.tab-content .review .review-title .summary { color: #333; font-size: 15px; font-weight: 400; margin-right: 10px } 
.tab-content .review .review-title .date { font-size: 12px } 
.tab-content .review .review-title .date span { margin-left: 5px; color: #203a75 } 
.tab-content .review .text { line-height: 18px } 
.tab-content .review .product_ratings { margin-bottom: 10px } 
.tab-content .review_table table { border: 1px solid #ccc } 
.tab-content .review_table table thead tr th { background: #f8c01c; color: #000 } 
.tab-content .review_table table tr td { border: 1px solid #f9f9f9 !important; padding: 5px 10px; line-height: 35px; text-align: center } 
.tab-content .review_table table tr td input[type=radio] { margin: auto; line-height: 30px; height: 30px } 
.feature_sec h3 { font-size: 17px } 
.feature_sec .price_box { color: #666; text-align: center; margin-bottom: 10px } 
.feature_sec span.old_price { display: inline-block; color: #666; font-size: 15px; text-decoration: line-through } 
.feature_sec span.old_price+.new_price { display: inline-block; color: #203a75; margin-left: 1rem; font-size: 20px } 
.relative { text-align: center } 
.relative .add_to_cart { margin: 0 auto 10px; padding: 8px 20px } 
.feature_item:hover .relative h3 a { color: #f8c01c } 
.alsoLike .price_box { color: #666; text-align: center; margin-bottom: 10px } 
.alsoLike span.old_price { display: inline-block; color: #666; font-size: 15px; text-decoration: line-through } 
.alsoLike span.old_price+.new_price { display: inline-block; color: #203a75; margin-left: 1rem; font-size: 20px } 
.alsoLike .add_to_cart { margin: 0 auto 10px; padding: 8px 20px } 
.welcome_section { float: left; width: 100%; margin: 0; padding: 50px 0 } 
.title3 { text-align: center } 
.title3 p { margin-bottom: 5px; } 
.title3 h4 { color: #203a75; padding-bottom: 10px; margin-bottom: 5px; margin-top: -3px } 
.title3 .title-inner3 { margin-bottom: 12px; position: relative; margin-top: 0px; font-size: 25px; font-weight: 700 } 
.title3 .line { position: relative; height: 5px; width: 45px; background-color: #fbc415; content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0; margin-bottom: 20px } 
.title3 .line:after, .title3 .line:before { position: absolute; height: 5px; width: 10px; content: ""; background-color: #fbc415 } 
.title3 .line:after { right: 50px } 
.title3 .line:before { left: 50px } 
.about-text p { line-height: 24px; text-align: center; margin-bottom: 30px } 
.ha-title { width: 100%; margin-bottom: 1.5rem; border-left: solid 6px #f8c01c } 
.ha-title h5 { color: #8c8c9e; margin-left: 20px; margin-bottom: 10px } 
.ha-title h2 { margin-left: 20px } 
.home-about p.strong { font-weight: 500; color: #333; margin-bottom: 1rem } 
.home-about-pic img { width: 100% } 
.box-layer { padding: 30px 25px 35px; transition: .3s; cursor: pointer; border: 1px solid #f9f9f9 } 
.box-layer h4 { margin: 20px 0 10px; transition: .3s; font-weight: 600; font-size: 20px; text-align: left } 
.box-layer p { font-size: 15px; line-height: 1.8; transition: .3s } 
.active-layer { background-color: #f8c01c } 
.bl-icon-active { width: 40px } 
.bl-icon-active img { width: 100% } 
h4.active { color: #fff } p.active { color: #fff } 
.box-layer .bl-icon { width: 40px } 
.box-layer .bl-icon img { width: 100% } 
.box-layer .bl-icon-hover { width: 40px; display: none } 
.box-layer .bl-icon-hover img { width: 100% } 
.box-layer:hover { background-color: #203a75 } 
.box-layer:hover .bl-icon { display: none } 
.box-layer:hover .bl-icon-hover { display: inherit } 
.box-layer:hover h4 { color: #fff } 
.box-layer:hover p { color: #fff } 
.youtube-popup { position: relative } 
.popup-youtube .video-image { position: relative; display: inline-block } 
.popup-youtube .video-image img { width: 100% } 
.popup-youtube .video-image:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 10 } 
.popup-youtube .video-image img a:link { text-decoration: none; color: #fff } 
.popup-youtube .video-image img a:visited { text-decoration: none; color: #fff } 
.popup-youtube .video-image img a:hover { text-decoration: none; color: #fff } 
.popup-youtube .video-image img a:active { text-decoration: none; color: #fff } 
.pulse-button { width: 60px; height: 60px; border: 0; box-shadow: 0 0 0 0 rgba(220, 69, 126, .7); border-radius: 50%; cursor: pointer; -webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1); background-color: #f8c01c; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-size: 30px; padding: 0 0 0 5px } 
.pulse-button:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0) } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0) } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0) } } @keyframes pulse { to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0) } } 
.organic-pulsing-video .popup-youtube .video-image:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background: 0 } 
.youtube-popup { position: relative } 
.video-image img { width: 100% } 
.space-break { margin-bottom: 30px } 
.Instructors-image { position: relative; overflow: hidden; margin-bottom: 60px; margin-top: 5px } 
.Instructors-image img { width: 100% } 
.work_overlay img { width: 100%; height: 0; opacity: 0 } 
.work_overlay { position: absolute; width: 100%; height: 0; opacity: 0; left: 0; bottom: 0; transition: all .4s ease } 
.work-name { position: absolute; content: ''; bottom: 0; padding: 20px 0; width: 100%; background: rgba(0, 0, 0, .5); transition: all .4s ease } 
.work-name h4 { text-align: center; font-size: 18px; color: #fff; font-weight: 700; line-height: 24px; text-transform: uppercase } 
.work-name p { text-align: center; font-size: 15px; color: #f1f1f1; text-transform: capitalize; line-height: 24px; font-weight: 400 } 
.work-icon ul { text-align: center; position: absolute; left: 35%; top: 45%; transform: translate(-25.6%, -47%); opacity: 0; transition: all .4s ease } 
.work-icon ul li { float: left; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #f1f1f1; margin-right: 21px; border-top: 0; transition: all .4s ease } 
.work-icon ul li:last-child { margin-right: 0 } 
.work-icon ul li.fac { margin-top: 45px } 
.work-icon ul li.tweet { margin-top: 22px } 
.work-icon ul li a { color: #353535; font-size: 16px } 
.work-icon ul .fac:hover { background: #3b5998 } 
.work-icon ul .tweet:hover { background: #1da1f2 } 
.work-icon ul .fac:hover i, .work-icon ul .link:hover i, .work-icon ul .tweet:hover i { color: #fff } 
.work-icon ul .link:hover { background: #006097 } 
.Instructors-image:hover .work_overlay img { height: 100%; opacity: 1 } 
.Instructors-image:hover .work_overlay { height: 60%; opacity: 1 } 
.Instructors-image:hover .work-icon ul, .work-icon ul:hover { opacity: 1; top: 53% } 
.Instructors-image:hover .work-name, .Instructors-image:hover h4, .Instructors-image:hover p, .work-name h4:hover, .work-name:hover { background: 0 0; color: #151515 } 
.btn_three { border-radius: 3px; height: 50px; padding: 0 20px; display: inline-block; perspective: 600px; color: #ffa522; line-height: 50px; border: 1px solid #ffa522; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; position: relative } 
.btn_three:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffa522; content: ""; transform: rotateX(90deg); transform-origin: center top; border-radius: 3px; z-index: -1; opacity: 0 } 
.btn_three:hover:after { transform: rotateX(0); opacity: 1 } 
.btn_three:hover { color: #fff } 
.btn_three:after { -webkit-transition: .5s; -o-transition: .5s; transition: .5s } 
.choose_section { float: left; width: 100%; margin: 0; padding: 40px 0 30px } 
.testimonial-area-style4 { float: left; width: 100%; position: relative; display: block; background: url(../images/home/testimonial-bg.jpg); background-attachment: fixed; background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 100px 0 60px; z-index: 1 } 
.testimonial-area-style4::before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(1, 148, 68, .9) none repeat scroll 0 0; content: ""; z-index: -1 } 
.testimonial-area-style4 h2 { color: #fff } 
.single-testimonial-item-style4 { position: relative; display: block; margin-bottom: 40px } 
.single-testimonial-item-style4 .text-holder { position: relative; display: block; background: #fff; padding: 48px 40px 42px; z-index: 1 } 
.single-testimonial-item-style4 .text-holder:hover { background: #f9f9f9 } 
.single-testimonial-item-style4 .text-holder:before { position: absolute; left: 0; bottom: -30px; right: 0; content: ""; border-top: 30px solid #fff; border-right: 30px solid transparent; width: 60px; border-left: 30px solid transparent; margin: 0 auto } 
.single-testimonial-item-style4 .text-holder:hover:before { border-top: 30px solid #f9f9f9 } 
.single-testimonial-item-style4 .text-holder .quote-icon { position: relative; display: block; padding-bottom: 22px } 
.single-testimonial-item-style4 .text-holder .quote-icon span:before { color: #b5b5b5; font-size: 65px; line-height: 65px; transition: all .2s linear; transition-delay: .1s } 
.single-testimonial-item-style4:hover .text-holder .quote-icon span:before { color: #203a75 } 
.single-testimonial-item-style4 .text-holder .text { position: relative; display: block; z-index: 1 } 
.single-testimonial-item-style4 .text-holder .text:before { position: absolute; left: 0; bottom: -10px; right: 0; content: "\e99b"; font-family: icomoon; color: #f9f9f9; font-size: 100px; line-height: 100px; z-index: -1; transform: perspective(1200px) rotateY(-90deg) scale(0); transition: all .2s linear; transition-delay: .1s } 
.single-testimonial-item-style4:hover .text-holder .text:before { transform: perspective(1200px) rotateY(0) scale(1) } 
.single-testimonial-item-style4 .text-holder .text p { line-height: 26px; margin: 0 } 
.single-testimonial-item-style4 .text-holder .client-info { position: relative; display: block; padding-top: 26px } 
.single-testimonial-item-style4 .text-holder .client-info h3 { margin: 0 0 2px } 
.single-testimonial-item-style4 .text-holder .client-info span { color: #203a75 } 
.single-testimonial-item-style4 .img-holder { position: relative; display: block; width: 90px; height: 90px; border-radius: 50%; margin: 50px auto 0 } 
.single-testimonial-item-style4 .img-holder img { border-radius: 50% } 
.call-action-all { float: left; width: 100%; padding: 0; position: relative; background: url(../images/home/background1.jpg) no-repeat fixed; background-size: cover; background-position: center center } 
.call-action-all .call-action-all-overlay { background-color: rgba(0, 0, 0, .7); padding: 60px 0 95px } 
.action-text { text-align: center } 
.action-text h2 { margin: 15px 0 23px; font-size: 30px; color: #fff; font-weight: 800; text-transform: uppercase } 
.action-text p { font-size: 18px; color: #ddd; padding: 0 17% } 
.call-action-all .action-btn .btn-primary { font-size: 16px; padding: 13px 25px; max-width: 240px; margin: 0 auto; display: block; margin-top: 40px; background: 0 0 } 
.call-action-all .action-btn .btn-primary:active, .call-action-all .action-btn .btn-primary:focus, .call-action-all .action-btn .btn-primary:hover { color: #fff } 
.action-btn { text-align: center } 
.market_page { float: left; width: 100%; margin: 0; padding: 40px 0 } 
.market_page ul { float: left; width: 100%; margin: 0; padding: 0 } 
.market_page ul li { list-style: none; padding-right: 10px; line-height: 20px; width: 25%; float: left } 
.market_page ul li:before { content: none; margin-right: 0 } 
.market_page ul li a { width: auto; height: auto; padding: 10px 0 10px 12px; margin: 0 0 9px 0; display: block; color: #333; font-size: 15px; background-color: #ededed } 
.market_page ul li a:hover { background: #f8c01c; color: #000 } 
.whatapp_btn { background: #01e675; width: 50px; height: 50px; color: #fff; position: fixed; left: 15px; bottom: 110px; cursor: pointer; z-index: 999; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .16) } 
.whatapp_btn svg { width: 24px; height: 24px } 
.whatapp_btn:focus, .whatapp_btn:hover { background: #01e675; color: #fff } 
#whatsapp .modal-dialog { margin-top: 15% } 
.product-specification-listing { border: 1px solid #e0e0e0; /* padding: 15px; */ margin-bottom: 15px; background: #fff } 
.product-specification-listing .spec_content { width: 100%; padding: 20px; border-left: 1px solid #e0e0e0; } 
.product-specification-listing .spec_content .btn--grp{ justify-content: start; margin-top: 15px; } 
.product-specification-listing .spec_content .btn--grp .detail_enq_btn, .product-specification-listing .spec_content .btn--grp .w-btn{ padding: 10px 20px ; font-size: 15px; } 
.product-specification-listing .spec_thumb { float: right; width: calc(100% - 100px); } 
.product-specification-listing .spec_thumb img { width: 100%; max-height: 430px; object-fit: contain; object-position: center; } 
.product-specification-listing .multi-img { float: left; width: 80px; margin-left: 10px; display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } 
.product-specification-listing .multi-img img { width: 80px; height: 80px; object-fit: contain; object-position: center; border: 1px solid #e0e0e0; cursor: pointer; } 
.product-specification-listing .multi-img img.active { border: 1px solid var(--pri); } /* .product-specification-listing .spec_thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; transition: all .4s ease-in-out; transform: translate(-50%, -50%); max-height: 100% } */ .product-specification-listing .gallery_details .link-wrap { position: absolute; top: calc(70% - 25px); right: 50%; transform: translateX(50%) translateY(-50%); z-index: 10; overflow: hidden } 
.content-spec-details table td, .content-spec-details table th { border: 1px solid #e0e0e0; padding: 8px; color: #535766; font-weight: 600; } 
.content-spec-details { max-height: 280px; overflow-x: hidden; overflow-y: auto } 
.product-specification-listing .title_small { margin-top: 5px } label.error { color: red } 
.content-spec-details table td:first-child { color: #000; font-weight: 600; } 
.content-spec-details table { width: 100%; background-color: transparent } 
.offer-colm-text { font-size: 18px; line-height: 28px; padding: 10px 0 5px; font-weight: 700; color: #0c0c0c } 
.single_service_text { display: block; line-height: 25px; font-size: 18px; font-weight: 700; overflow: hidden; color: #0c0c0c; margin: 0 0 0px; white-space: nowrap; text-overflow: ellipsis; width: 100%; } 
.about_section_text { position: relative; color: #252525; font-size: 25px; font-weight: 700; line-height: 1.6em; margin-bottom: 20px } 
.why-choose-content-text { color: #000; font-size: 18px; font-weight: 600; margin: 0 0 10px; } 
.title-text { text-align: center !important; margin-bottom: 10px; position: relative; margin-top: -5px; font-size: 25px; font-weight: 700; color: #000 } 
.client-heading { text-align: center; font-size: 25px; color: #000; margin: 0 0 0px; font-weight: 700; } 
.client-detailss { font-size: 18px; margin: 0; font-weight: 600; overflow: hidden; } 
.faqtitle { font-size: 25px; font-weight: 700; color: #0c0c0c; margin: 0 0 5px } 
.faqspan { color: #fbc415 !important } 
.blogtext { font-size: 17px; font-weight: 700; line-height: 1; color: #282c3f; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.footer-heading { color: #000; margin: 0 0 9px; font-size: 18px; font-weight: 600; overflow: hidden; padding: 0; } 
.footer-title { font-size: 20px; color: #000; line-height: 24px; text-transform: capitalize; margin: 0; font-weight: 700; overflow: hidden } 
.white-text { color: #fff !important } 
.right-contentt { line-height: 24px; font-size: 18px; padding: 10px 0; text-align: left; margin: 0; color: #333; font-weight: 600; overflow: hidden } 
a:active, a:focus, a:hover { color: #f8c01c; outline: 0; text-decoration: none } 
.right_sideh4 { padding: 0; margin: 20px 0 5px; line-height: 30px; font-size: 22px; color: #333; font-weight: 600 } @media only screen and (max-width:600px) { .web-pulse-header { float: left; width: 100%; position: absolute; position: relative; z-index: 5; top: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0; background: #fff } 
.faq-content-left .accordion-box .accordion .acc-btn { color: #343434; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 20px; padding-bottom: 25px; padding-top: 20px; position: relative; text-transform: uppercase } } 
.producthh2 { margin-top: 20px; float: left; color: #f8c01c; font-size: 20px; width: 100%; margin: 20px 0 15px; padding: 0; border: 1px solid #f9f9f9; font-weight: 700 } 
.title_smalll { padding: 0; margin: 0 0 10px; line-height: 30px; font-size: 21px; color: #eab008; font-weight: 700; } 
.product_2 .text h3 { float: left; width: 100%; padding: 0 10px; font-weight: 600; font-size: 16px; height: 30px; display: flex; align-items: center; justify-content: center; color: #333; margin-bottom: 10px; text-transform: capitalize; line-height: 22px; text-align: center; margin: 0 0 0 } 
.product_2:hover .text h3 { color: #f8c01c } 
.product_2 .text { position: relative; padding: 0 15px; margin: 0; margin-bottom: 25px; text-align: center } 
.right_news h3 { padding: 10px; line-height: 18px; font-size: 15px; margin: 0 } 
.right_news h3 a { color: #333 } 
.right_news:hover h3 a { color: #f8c01c } 
.contact_details h1 { color: #fff; font-size: 20px; text-align: left; padding: 0; text-transform: capitalize; margin-bottom: 20px } 
.contact_details h2 { color: #fff; font-size: 25px; text-align: left; padding: 0; text-transform: capitalize; margin-bottom: 20px } 
.contact_details h3 { color: #fff; font-size: 20px; text-align: left; padding: 0; text-transform: capitalize; margin-bottom: 20px } 
.bg-head { font-size: 25px; margin: 0 0 10px; font-weight: 700; overflow: hidden; color: #333; } 
.sociallinks-style-one li a { border: 1px solid #fff; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px; font-size: 15px; border-radius: 50px; width: 30px; height: 30px; } 
.sociallinks-style-one li a:hover{ color: var(--pri); border-color: var(--pri); } 
.blog_page .news-block.col-lg-6.col-md-6.col-sm-12 { margin-bottom: 30px; } 
.contact_form_grid1 .form_grid h3 { font-size: 25px; font-weight: 700; } 
.company_factsheet .why-choose-content .single-box.redbg { background: #fbc415; margin-left: 20px; } 
.carousel-control { opacity: 1; } 
.top-bar { padding: 5px 0px; background: var(--liner); background-color: var(--pri); color: #000; } 
.top-bar .top-nav { padding: 0; margin: 0; display: flex; list-style: none; gap: 35px; align-items: center; } 
.top-bar .top-nav svg { width: 14px; height: 14px; animation: tada 1.5s ease infinite; margin-right: 2px; } 
.top-bar .top-nav li a, .top-bar .top-nav li { color: #000; font-weight: 400; font-size: 15px; position: relative; transition: 0.2s; } 
.top-bar .top-nav li a:hover { color: #fff; } 
.top-bar .top-nav li a::before { content: "|"; position: absolute; top: 0px; left: -18px; font-weight: 400; font-size: 14px; color: #000; } 
.top-bar .top-nav li:first-child a:before { content: none; } 
.pro-sec-row { float: left; width: 100%; padding-bottom: 50px; padding-top: 50px; background: #fff; } 
.pro-sec-row.bg-light { background: #f4f4f4; } 
.head-sec { margin-bottom: 27px; text-align: center; } 
.head-sec.text-left{ text-align: left; } 
.head-sec .head-tt { font-weight: 700; font-size: 28px; text-transform: capitalize; margin-bottom: 5px; color: #000; } 
.head-sec .head-tt span { font-style: italic; color: var(--pri); text-shadow: 1px 1px 1px #00000073; } 
.head-sec p { max-width: 850px; text-align: center; margin: 0 auto; color: #363636; font-size: 16px; line-height: 25px; } 
.c_bx { margin: 0 12px 10px; } 
.c_bx .img_bx { overflow: hidden; position: relative; display: block; } 
.c_bx .img_bx img { width: 100%; transition: 0.4s ease-in-out; aspect-ratio: 1 / 1; object-fit: contain; max-height: 100%; min-height: 100%; } 
.c_bx:hover .img_bx img { transform: scale(1.1); } 
.c_bx .des { padding-top: 14px; text-align: center; } 
.c_bx .des h4{ padding: 0; text-align: center; margin: 0; } 
.feat-row .feat-img-bx img { aspect-ratio: 1 / 1.07; object-fit: contain; } 
.c_bx .des .tt { font-size: 17px; font-weight: 700; line-height: 1; color: #282c3f; margin-bottom: 7px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; } 
.news-block .inner-box .image img { position: relative; width: 100%; display: block; transition: all .3s ease; aspect-ratio: 1 / 1; object-fit: contain; } 
.c_bx .des p { color: #535766; font-size: 15px; line-height: 20px; margin-bottom: 9px; margin-top: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; font-weight: 500; } 
.c_bx .des a { color: var(--pri); transition: 0.2s; font-size: 15px; display: inline-block; } 
.c_bx .des a:hover { color: #111; } 
.abt-sec { position: relative; /* text-align: center; */ padding: 60px 0; /* background-image: url(https://www.indotexexports.com/wp-content/uploads/2021/08/Our-Products.jpg); */ /* background-attachment: fixed; background-repeat: no-repeat; background-size: cover; */ z-index: 1; float: left; width: 100%; background: #f4f4f4; } /* .abt-sec::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .7); z-index: -1; } */ .abt-sec h1 { /* color: white; */ margin-bottom: 12px; font-size: 30px; font-weight: 700; } 
.abt-sec .abt-img-bx{ float: right; max-width: 550px; width: 100%; margin-left: 25px; margin-bottom: 25px; } 
.abt-sec h1 span { color: var(--pri); } 
.abt-sec h2, .abt-sec h3 { color: var(--pri); margin-bottom: 12px; font-size: 27px; font-weight: 700; } 
.abt-sec h2 span, .abt-sec h3 span { color: var(--pri); } 
.abt-sec p { /* color: white; */ margin-bottom: 15px; text-align: justify; } 
.abt-sec p strong, .abt-sec p a { display: inline; font-weight: 700; /* color: white; */ } 
.abt-sec p a { color: var(--pri); } 
.abt-sec ul { margin: 0; padding-left: 20px; margin-bottom: 20px; } 
.abt-sec ul li { list-style: square; font-size: 16px; line-height: 26px; text-align: justify; /* color: white; */ } 
.more-about { font-size: 15px; font-weight: 600; color: #000; padding: 11px 29px; display: inline-block; text-transform: capitalize; background: var(--liner); background-color: var(--pri); } 
.more-about:hover { color: var(--pri); background: #111; } 
.feature-sec { float: left; width: 100%; padding-bottom: 50px; padding-top: 60px; } 
.feat-row { display: flex; align-items: center; gap: 40px; } 
.feat-row .feat-img-bx { width: 50%; } 
.feat-row .feat-tx-bx { width: 100%; } 
.feature-sec .head-sec{ margin-bottom: 18px; } 
.feat-row .feat-tx-bx .tt, .feature-sec .head-sec .head-tt { font-size: 30px; font-weight: 700; letter-spacing: 0.5px; text-transform: capitalize; margin-bottom: 12px; text-shadow: 1px 1px 1px #00000073; } 
.feat-row .feat-tx-bx p { font-size: 16px; color: #535766; font-weight: 500; text-align: justify; } 
.feat-row .feat-tx-bx ul { margin: 0; padding-left: 20px; list-style: square; } 
.feat-row .feat-tx-bx ul li { margin-bottom: 10px; font-size: 15.5px; color: #535766; text-align: justify; list-style: square; } 
.btn-grp { margin-top: 30px; text-align: center; } 
.btn-grp .more-about { background: #000; color: white; } 
.btn-grp .more-about:hover { background: var(--pri); color: #000; } 
.btn-grp2 { display: flex; align-items: center; margin-bottom: 10px; gap: 10px; } 
.productBrochureandvideo a { display: inline-flex; justify-content: center; align-items: center; border: 1px dashed #999; color: #666; padding: 4px 6px; font-weight: 500; transition: 0.3s; } 
.productBrochureandvideo a svg { color: red; width: 20px; height: 20px; margin-right: 5px; } 
.productBrochureandvideo a:hover { color: red; border: 1px dashed red; } 
.v-btn svg { width: 37px; margin-top: 7px; } 
.whatapp_btn { background: #01e675; width: 50px; height: 50px; color: #fff; position: fixed; left: 15px; bottom: 90px; cursor: pointer; z-index: 999; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .16) } 
.whatapp_btn svg { width: 24px; height: 24px } 
.whatapp_btn:focus, .whatapp_btn:hover { background: #01e675; color: #fff } 
.top-nav.pull-right li .more-about { background: #000; color: #fff; padding: 2px 10px; transition: all 0.5s ease; border: 1px solid #000; } 
.top-nav.pull-right li .more-about:hover { background: #fff; color: #000; border: 1px solid #fff; box-shadow: 0px 0px 3px 0px #0009; } 
.d-md-flex.justify-content-between.align-items-center { display: flex; align-content: center; justify-content: space-between; } 
h4.tt { margin: 0px; padding: 0px; text-align: center; } 
.btn--grp{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; } 
.c_bx .btn--grp .q-btn, .c_bx .btn--grp .w-btn, .btn--grp .detail_enq_btn, .w-btn, .q-btn{ font-size: 14px; font-weight: 500; color: #111; padding: 8px 13px; display: inline-flex; align-items: center; gap: 3px; text-transform: capitalize; background: var(--liner); background-color: var(--pri); border: 0; outline: 0; } 
.btn--grp .detail_enq_btn{ background: #111; color: white; } 
.btn--grp .detail_enq_btn:hover, .btn--grp .detail_enq_btn:focus{ background: var(--pri); color: #111; } 
.c_bx .btn--grp .w-btn, .w-btn{ color: white; background: var(--liner); background-color: #00c966; } 
.c_bx .btn--grp .w-btn:hover, .w-btn:hover, .w-btn:focus{ color: white; } 
.q-btn:hover, .q-btn:focus{ background: #111; color: white; } 
.iti {width: 100%;} 
.telePhone.mobile{padding-left: 84px;} 
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { height: 40px; } 
div#carousel-example-generic .carousel-inner{aspect-ratio: 192/65;}</pre></body></html>