/**
Theme Name: Leizi Digital
Author: Leizi Digital
Author URI: https://www.leizidigital.com/
Description: Design &amp; Developed by Leizi Digital
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
/* LEIZI_PC3_MISSING_SRC_FALLBACK_20260907 START */
.pc3Section19 .pc3s19Img:has(img:not([src])),
.pc3Section4 .pc3s4Img:has(img:not([src])),
.pc3Section11 .pc3s11Img:has(img:not([src])),
.pc3Section12 .pc3s12Img:has(img:not([src])),
.pc3Section17 .pc3s17Img:has(img:not([src])) { display: none; }
.pc3Section8 .rowFlex &gt; div:has(.pc3s8Img img:not([src])) { display: none; }
.pc3Section8 .rowFlex:has(.pc3s8Img img:not([src])) &gt; div:not(:has(.pc3s8Img)) { flex: 0 0 100%; max-width: 100%; }
/* LEIZI_PC3_MISSING_SRC_FALLBACK_20260907 END */

/* LEIZI_PC3_EMPTY_IMAGE_FALLBACK_20260907 START */
.pc3Section19 .pc3s19Img:has(img[src=&quot;&quot;]),
.pc3Section4 .pc3s4Img:has(img[src=&quot;&quot;]),
.pc3Section11 .pc3s11Img:has(img[src=&quot;&quot;]),
.pc3Section12 .pc3s12Img:has(img[src=&quot;&quot;]),
.pc3Section17 .pc3s17Img:has(img[src=&quot;&quot;]) { display: none; }
.pc3Section8 .rowFlex &gt; div:has(.pc3s8Img img[src=&quot;&quot;]) { display: none; }
.pc3Section8 .rowFlex:has(.pc3s8Img img[src=&quot;&quot;]) &gt; div:not(:has(.pc3s8Img)) { flex: 0 0 100%; max-width: 100%; }
/* LEIZI_PC3_EMPTY_IMAGE_FALLBACK_20260907 END */

a:empty { visibility: hidden; }
.gallery::after { content: &quot;&quot;; display: block; clear: both; }
.gallery-item { float: left; border-radius: 0px !important; }
.gallery-caption { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
iframe[src*=&quot;youtube&quot;] { aspect-ratio: 16 / 9; max-width: 100%; display: block; width: 100% !important; height: auto !important; }
a.commonBtn, .contactForm input[type=&quot;submit&quot;], .pd2ContactForm input[type=&quot;submit&quot;], .MTcontactForm input[type=&quot;submit&quot;], .MTcatForm input[type=&quot;submit&quot;], .MTcontactPageForm input[type=&quot;submit&quot;], .contactFormBtn input[type=&quot;submit&quot;], .fluentform button[type=&quot;submit&quot;] { display: inline-block; color: rgb(255, 255, 255); font-size: 16px; text-align: center; border-radius: 40px; background: rgb(0, 106, 246); border: 1px solid rgb(0, 106, 246); transition: 0.3s; font-weight: 600 !important; text-decoration: none !important; }
a.commonBtn { padding: 18px 60px 18px 30px; position: relative; }
a.commonBtn::before { position: absolute; content: &quot;&quot;; top: 22px; right: 30px; width: 15px; height: 14px; background: url(&quot;/wp-content/uploads/2026/02/btnArrow.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
a.commonBtn:hover, .contactForm input[type=&quot;submit&quot;]:hover, .pd2ContactForm input[type=&quot;submit&quot;]:hover, .MTcontactForm input[type=&quot;submit&quot;]:hover, .MTcatForm input[type=&quot;submit&quot;]:hover, .MTcontactPageForm input[type=&quot;submit&quot;]:hover, .contactFormBtn input[type=&quot;submit&quot;]:hover { background: rgb(0, 20, 41); border: 1px solid rgb(0, 20, 41); color: rgb(255, 255, 255) !important; }
.fluentform button[type=&quot;submit&quot;] { border-color: rgb(0, 106, 246); background: rgb(0, 106, 246) !important; }
.fluentform button[type=&quot;submit&quot;]:hover { border: 1px solid rgb(0, 20, 41); background: rgb(0, 20, 41) !important; }
.contactFormBtn input[type=&quot;submit&quot;] { min-width: 130px; padding: 15px 30px; }
a.sliderBtn { padding: 15px 35px; background: rgb(255, 255, 255); color: rgb(0, 20, 41) !important; }
a.sliderBtn::before { display: none; }
a.minwidth185 { min-width: 185px; }
a.minwidth245 { min-width: 245px; }
a.minwidth265 { min-width: 265px; }
.contactForm input[type=&quot;submit&quot;], .MTcontactForm input[type=&quot;submit&quot;], .MTcatForm input[type=&quot;submit&quot;], .MTcontactPageForm input[type=&quot;submit&quot;] { min-width: 145px; }
a.whiteBtn { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
a.whiteBtn::before { filter: invert(1) brightness(0); }
a.whiteBtn:hover { color: rgb(255, 255, 255); }
a.whiteBtn:hover::before { filter: unset; }
.doubleBtn a.commonBtn { margin: 0px 10px; }
a.headerBtn { background: rgb(0, 106, 246); color: rgb(255, 255, 255); display: inline-block; padding: 10px 15px; border-radius: 5px; line-height: 1; }
a.headerBtn:hover { background: rgb(0, 0, 0); }
.greySection { background: rgb(248, 249, 252); }
.darkGreySection { background: rgb(233, 233, 233); }
.blueSection { background: rgb(0, 106, 246); }
.ltBlueSection { background: rgb(244, 246, 249); }
.clrWhite { color: rgb(255, 255, 255) !important; }
.clrBlue { color: rgb(0, 106, 246) !important; }
.headerTopbar { padding: 5px 0px; text-align: center; }
.topbarBtn { display: inline-block; color: rgb(255, 255, 255); font-size: 16px; text-align: center; padding: 10px 20px; background: rgb(0, 106, 246); border: 1px solid rgb(0, 106, 246); margin: 0px 0px 0px 20px; text-decoration: none !important; }
.topbarBtn:hover { background: rgb(17, 17, 17); border: 1px solid rgb(17, 17, 17); color: rgb(255, 255, 255); }
.topbarText { font-size: 18px; }
.goTranslate { display: inline-block; margin-top: 6px; }
.headerTopbar .commonBtn { font-size: 13px; padding: 5px 10px; }
.main-header-bar { position: relative; }
.astra-megamenu { border-radius: 10px; }
.astra-megamenu &gt; li.menu-item { border-right: 1px solid rgb(208, 211, 219) !important; }
.astra-megamenu &gt; li:last-child { border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
.mmText { font-weight: 400; font-size: 14px; text-transform: capitalize; color: rgb(0, 0, 0) !important; }
.astra-megamenu &gt; li { margin-right: 0px; }
.main-header-menu &gt; li &gt; ul.sub-menu { padding: 15px !important; }
.popupOverlay { position: relative; }
.popupOverlay { position: fixed; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 999; }
#contactPopUpForm { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 535px; background: rgb(255, 255, 255); border-radius: 15px; padding: 0px; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px; }
#contactPopUpForm .quickQuote { padding: 40px 30px; }
.closePopup { display: inline-block; width: 26px; height: 26px; line-height: 24px; text-align: center; color: rgb(255, 255, 255); border-radius: 25px; position: absolute; right: 20px; top: 20px; background: rgb(183, 191, 207); border: 1px solid rgb(183, 191, 207); cursor: pointer; }
.stickySidebar { position: fixed; top: 50%; right: 0px; transform: translateY(-50%); z-index: 9; }
.stickySideBox { border: 1px solid rgb(220, 220, 220); border-radius: 6px 0px 0px 6px; margin-bottom: 5px; background: rgb(255, 255, 255); }
.stickyTitle { padding: 10px 10px 10px 35px; position: relative; font-size: 14px; line-height: 21px; color: rgb(0, 20, 39); }
.stickyTitle::before { position: absolute; content: &quot;&quot;; top: 13px; left: 10px; width: 20px; height: 20px; background: url(&quot;/wp-content/uploads/2026/03/sidebarSprite.png&quot;) 0px 0px no-repeat; }
.stickyTitle.weechat::before { background-position: 0px 0px; }
.stickyTitle.whatsapp::before { background-position: 0px -36px; }
.stickyTitle.phone::before { background-position: 0px -82px; }
.stickyTitle.email::before { background-position: 0px -128px; }
.stickyContent { max-height: 0px; overflow: hidden; opacity: 0; transition: max-height 0.4s, opacity 0.3s; padding: 0px 0px 0px 10px; font-size: 14px; line-height: 21px; }
.stickySideBox:hover .stickyContent { max-height: 115px; opacity: 1; padding: 0px 0px 5px 10px; }
.stickyContent img { max-width: 115px; }
.footerText { margin-top: 30px; max-width: 360px; }
ul.footerSocial li { display: inline-block; margin-left: 10px; }
ul.footerSocial li a { display: block; }
ul.footerSocial li a:hover { opacity: 0.8; }
.site-footer ul.menu li { margin-bottom: 25px; }
.site-footer ul.menu li a:hover { text-decoration: underline; }
ul.footerDetails li { margin-bottom: 25px; position: relative; padding-left: 35px; }
ul.footerDetails li::before { position: absolute; content: &quot;&quot;; top: 2px; left: 0px; width: 22px; height: 22px; background: url(&quot;/wp-content/uploads/2026/02/footerSprite.png&quot;) 0px 0px no-repeat; }
ul.footerDetails li.email::before { background-position: 0px -49px; }
ul.footerDetails li.address::before { background-position: 0px -91px; }
ul.footerDetails li.whatsapp::before { background: url(&quot;/wp-content/uploads/2026/02/wa.png&quot;) 0px 0px no-repeat; top: -2px; }
ul.homeSlider { max-width: 550px; list-style-type: none; position: relative; z-index: 1; margin: 0px auto !important; padding: 0px !important; }
ul.homeSlider li.slick-slide { outline: none; }
ul.homeSlider ul.slick-dots, ul.lp7s3Slider ul.slick-dots { list-style-type: none; text-align: center; margin: 17px 0px 0px !important; padding: 0px !important; }
ul.homeSlider ul.slick-dots li, ul.lp7s3Slider ul.slick-dots li { outline: none; padding: 0px; display: inline-block; text-indent: -999999px; width: 10px; height: 10px; background: rgb(208, 208, 208); border-radius: 100%; margin: 0px 2px; }
ul.homeSlider ul.slick-dots li.slick-active, ul.lp7s3Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
.iconList ul { margin: 0px; list-style-type: none; position: relative; padding: 0px !important; }
.iconList ul li { font-size: 16px; line-height: 22px; color: rgb(62, 62, 62); padding-left: 20px; position: relative; margin-bottom: 20px !important; }
.iconList ul li::before { position: absolute; content: &quot;&quot;; top: 4px; left: 0px; width: 13px; height: 13px; background: url(&quot;/wp-content/uploads/2020/09/listIcon.png&quot;); }
.homeSection1 .iconList ul li { font-weight: 500; }
.homeSection2 h2 { color: rgb(0, 106, 246); margin-bottom: 30px; }
.homeSection2 h2 b { display: block; font-size: 24px; color: rgb(34, 34, 34); margin-top: 15px; }
.section2Img { max-width: 550px; margin: 0px auto; }
.productBox { display: inline-block; max-width: 370px; border-radius: 10px; overflow: hidden; background: rgb(255, 255, 255); }
.productImg { overflow: hidden; }
.productImg a { display: block; transition: 0.3s; }
.productImg a:hover { transform: scale(1.1); }
.productContent { padding: 25px 0px 0px; background: rgb(255, 255, 255); }
.productTitle a { font-size: 22px; color: rgb(34, 34, 34); line-height: 32px; font-weight: 500; }
.productTitle a:hover { color: rgb(0, 106, 246); }
.productText { font-size: 16px; color: rgb(34, 34, 34); line-height: 22px; }
.productText a { font-weight: 600; }
.homeSection4 p { font-size: 16px; color: rgb(73, 73, 73); line-height: 28px; }
.dblBtn a { margin: 0px 8px; }
.homeSection6 { border-top: 3px solid rgb(0, 106, 246); }
.videoImg { text-align: center; }
.videoImg a { display: inline-block; position: relative; overflow: hidden; }
.videoImg a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 76px; height: 76px; margin: -38px 0px 0px -38px; background: url(&quot;/wp-content/uploads/2020/09/playIcon-1.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.videoImg a:hover::before { transform: scale(1.1); }
.sec6Box { display: inline-block; max-width: 370px; background: rgb(255, 255, 255); padding: 70px 24px 50px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; border-radius: 10px; cursor: pointer; transition: 0.3s; }
.sec6Title { font-size: 24px; line-height: 28px; color: rgb(0, 106, 246); font-weight: 600; padding-bottom: 15px; }
.sec6Text { font-size: 16px; line-height: 22px; color: rgb(34, 34, 34); }
.sec6Box:hover { background: rgb(0, 106, 246); }
.sec6Box:hover .sec6Title, .sec6Box:hover .sec6Text { color: rgb(255, 255, 255); }
.featuredBox { display: inline-block; max-width: 370px; }
.featuredImg { border-radius: 10px; overflow: hidden; }
.featuredTitle { font-size: 22px; font-weight: 500; color: rgb(0, 106, 246); padding: 25px 0px 10px; }
.faqSection { position: relative; }
.faqSection::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 982px; min-height: 100%; background: rgb(0, 106, 246); }
.homeContactSection h2 { margin-bottom: 45px; }
.formWrapper { max-width: 490px; margin: 0px auto; }
.contactForm input[type=&quot;text&quot;], .contactForm input[type=&quot;email&quot;], .contactForm textarea { width: 100%; border: 1px solid rgb(191, 191, 191); border-radius: 7px; overflow: hidden; background: rgb(255, 255, 255); font-size: 14px; color: rgb(54, 54, 54); line-height: 18px; margin-bottom: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; padding: 20px; }
.contactForm textarea { min-height: 210px; max-height: 210px; }
.contactForm input[type=&quot;text&quot;]::placeholder, .contactForm input[type=&quot;email&quot;]::placeholder, .contactForm textarea::placeholder { color: rgb(54, 54, 54) !important; font-size: 14px; }
.faqWrapper { padding-left: 50px; counter-reset: step-counter 0; z-index: 1; position: relative; }
.accordionWraper .accordion { color: rgb(255, 255, 255); padding: 10px 35px 10px 40px; margin-bottom: 15px; font-size: 16px; line-height: 22px; text-align: left; border: 1px solid rgb(255, 255, 255); border-radius: 10px; background: transparent; min-height: 60px; overflow: hidden; position: relative; counter-increment: step-counter 1; transition: 0.3s; }
.accordionWraper .active .accordion { margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 10px 10px 0px 0px; }
.accordionWraper .accordion::before { position: absolute; content: &quot;+&quot;; top: 0px; right: 15px; text-align: center; font-size: 34px; line-height: 55px; color: rgb(255, 255, 255); }
.accordionWraper .active .accordion::before { content: &quot;-&quot;; }
.accordionWraper .accordion::after { position: absolute; content: counter(step-counter) &quot; )&quot;; top: 10px; left: 13px; font-size: 16px; color: rgb(255, 255, 255); }
.accordionWraper .panel { padding: 15px; display: none; background: transparent; font-size: 14px; line-height: 18px; color: rgb(255, 255, 255); text-align: left; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(255, 255, 255) rgb(255, 255, 255); border-image: none; border-radius: 0px 0px 10px 10px; margin-bottom: 15px; position: relative; }
.accordionWraper .panel p { font-size: 14px; line-height: 18px; }
.sec5Box { display: inline-block; margin-bottom: 30px; position: relative; }
.sec5Img { width: 102px; height: 102px; float: left; border: 1px solid rgb(246, 246, 246); border-radius: 100%; overflow: hidden; }
.sec5Content { width: calc(100% - 102px); padding-left: 10px; float: left; }
.sec5Title { font-size: 18px; line-height: 22px; color: rgb(0, 106, 246); font-weight: 500; margin-bottom: 10px; }
.sec5Text { font-size: 16px; line-height: 22px; color: rgb(0, 0, 0); }
.bannerWraper { position: relative; }
.bannerImg { text-align: center; }
.bannerImg img { width: 100%; }
.bannerWraper .bannerContent { position: absolute; top: 0px; width: 100%; max-width: 1170px; margin-top: 6%; }
.bannerOverlay { padding: 20px; }
.bannerImg { text-align: center; }
.bannerImg img { width: 100%; }
.bannerText { font-size: 1.6vw; line-height: 2.5vw; color: rgb(255, 255, 255); }
.bannerText ul, .bannerText ol { margin: 0px !important; }
.bannerHeading { font-size: 3.5vw; line-height: 3.5vw; color: rgb(255, 255, 255); }
.categoryBanner .bannerHeading { padding-bottom: 20px; }
.bannerBtn a.commonBtn { min-width: 215px; }
.aboutList ul { padding: 0px; list-style-type: none; border-radius: 5px; position: relative; margin: 0px 0px 20px !important; }
.aboutList ul li { font-size: 16px; line-height: 22px; font-weight: 500; padding-left: 30px; margin-bottom: 20px; position: relative; }
.aboutList ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 15px; height: 19px; background: url(&quot;/wp-content/uploads/2020/09/abtListIcon.png&quot;); }
.aboutProductDetails h2 { margin-bottom: 20px; }
.aboutContactForm { max-width: 1020px; margin: 0px auto; }
.aboutContactForm input[type=&quot;textarea&quot;] { min-height: 360px; max-height: 360px; }
.wpcf7 form .wpcf7-response-output { float: left; width: 100%; }
.wpcf7-not-valid-tip { float: left; width: 100%; text-align: left; }
.wpcf7 form &gt; div, .wpcf7 form &gt; p { margin-bottom: 0px !important; }
.wpcf7 .ajax-loader { margin: 0px !important; }
.categorySection1 { background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.cBannerContent { padding-top: 90px; padding-bottom: 90px; }
.chevronList ul { margin: 0px; list-style-type: none; position: relative; padding: 0px !important; }
.chevronList ul li { font-size: 28px; line-height: 30px; color: rgb(255, 255, 255); font-weight: 300; padding-left: 25px; margin-bottom: 15px; position: relative; }
.chevronList ul li::before { position: absolute; content: &quot;&quot;; top: 5px; left: 0px; width: 9px; height: 16px; background: url(&quot;/wp-content/uploads/2020/09/listArrows.png&quot;); }
.categoryFormSection { position: relative; z-index: 1; padding: 90px 0px; }
.categoryForm { margin: 0px auto; background: rgba(255, 255, 255, 0.2); padding: 20px; }
.cFormTitle { font-size: 24px; font-weight: 500; }
.categoryForm input[type=&quot;text&quot;], .categoryForm input[type=&quot;email&quot;], .categoryForm textarea { width: 100%; background: transparent; padding: 15px; border-radius: 5px; margin-bottom: 12px; color: rgb(255, 255, 255); }
.categoryForm textarea { min-height: 135px; max-height: 135px; }
.categoryForm input[type=&quot;text&quot;]::placeholder, .categoryForm input[type=&quot;email&quot;]::placeholder, .categoryForm textarea::placeholder { color: rgb(255, 255, 255); font-size: 16px; }
.categoryForm input[type=&quot;submit&quot;] { background: transparent; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); min-width: 138px; font-weight: 500; padding: 20px 10px; border-radius: 5px; }
.videoBox { max-width: 550px; margin: 0px auto; }
.videoBox a { display: block; position: relative; }
.videoBox a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; margin: -38px 0px 0px -37px; width: 75px; height: 76px; background: url(&quot;/wp-content/uploads/2020/09/playIcon.png&quot;); transition: 0.3s; }
.videoBox a:hover::before { transform: scale(1.1); }
.tabsWrapper { padding: 20px; border: 1px solid rgb(219, 219, 219); border-radius: 3px; background: rgb(255, 255, 255); overflow: hidden; }
.tabsWrapper ul.tabs { list-style-type: none; background: rgb(255, 255, 255); margin: 0px !important; padding: 0px !important; }
.tabsWrapper ul.tabs li { display: inline-block; padding: 0px 0px 15px; color: rgb(0, 106, 246); font-size: 18px; font-weight: 500; margin-right: 40px; border-bottom: 3px solid transparent; transition: 0.3s; cursor: pointer; position: relative; }
.tabsWrapper ul.tabs li.current { color: rgb(0, 106, 246); border-bottom: 3px solid rgb(0, 106, 246); }
.tabsWrapper .tab-content { display: none; padding: 40px 0px 0px; }
.tabsWrapper .tab-content.current { display: block; }
.relatedProductImg { overflow: hidden; padding: 7px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); position: relative; }
.relatedProductTitle a { font-size: 24px; line-height: 26px; font-weight: 500; }
.redCircleList ul { margin: 0px; list-style-type: none; position: relative; padding: 0px !important; }
.redCircleList ul li { padding-left: 20px; margin-bottom: 10px; position: relative; }
.redCircleList ul li::before { position: absolute; content: &quot;&quot;; top: 8px; left: 0px; width: 8px; height: 8px; background: rgb(0, 106, 246); border-radius: 100%; }
.fluentform .ff-el-group { margin-bottom: 10px !important; }
.ff-el-input--label { display: none; }
.fluentform .ff-el-group.fileUpload { padding-top: 10px; margin: 0px !important; }
body .fluentform .ff_upload_btn.ff-btn { background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 14px; cursor: pointer; padding: 10px 45px 10px 25px; border-radius: 40px; border: 1px solid rgb(0, 106, 246); position: relative; }
body .fluentform .ff_upload_btn.ff-btn::before { position: absolute; content: &quot;&quot;; top: 8px; right: 10px; width: 22px; height: 21px; background: url(&quot;/wp-content/uploads/2022/04/uploadFile.png&quot;) 0px 0px no-repeat; }
.categoryProductSection .productBox .productContent { padding: 25px 0px 0px; }
.contactBox { display: inline-block; max-width: 270px; position: relative; }
.contactImg { display: inline-block; margin-bottom: 25px; border-radius: 100%; overflow: hidden; border: 1px solid rgb(230, 230, 230); }
.contactTitle { font-size: 24px; line-height: 24px; color: rgb(0, 106, 246); font-weight: 500; padding-bottom: 20px; }
.contactTitle a { font-size: 24px; line-height: 24px; color: rgb(0, 106, 246); }
.contactText, .contactText a { font-size: 20px; line-height: 30px; color: rgb(73, 73, 73); }
.contactSection2 h2 { margin-bottom: 30px; }
.contactSection2 { overflow: hidden; }
.cPageformSection { position: relative; z-index: 1; }
.cPageformSection::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 2000px; height: 2000px; background: rgb(247, 247, 247); z-index: -1; }
.contactSection2 .contactForm { padding: 40px 25px; }
.locationSection { padding-left: 60px !important; }
.locationImg { border: 2px solid rgb(215, 215, 215); padding: 4px; max-width: 550px; }
ul.img1Slider { list-style-type: none; margin: 0px auto !important; padding: 0px !important; }
ul.img1Slider ul.slick-dots { list-style-type: none; text-align: center; margin: 12px 0px 0px !important; padding: 0px !important; }
ul.img1Slider ul.slick-dots li { width: 10px; height: 10px; display: inline-block; background: rgb(218, 218, 218); border-radius: 10px; margin: 0px 4px; }
ul.img1Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
ul.img1Slider ul.slick-dots li button { visibility: hidden; }
.productSliderWraper { max-width: 640px; margin: 0px auto; }
ul.detailProductSlider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.detailProductSlider .slick-slide { outline: none; margin: 0px; text-align: center; }
ul.detailProductSlider .slick-slide img { display: inline-block; }
ul.productSliderPager { list-style-type: none; margin: 35px -10px 0px !important; padding: 0px !important; }
ul.productSliderPager .slick-slide { margin: 0px 10px; outline: none; max-height: 99px; display: flex; align-items: center; overflow: hidden; }
ul.productSliderPager .slick-slide a { outline: none; display: block; }
ul.productSliderPager .slick-arrow { position: absolute; top: 50%; width: 13px; height: 26px; padding: 0px; margin-top: -13px; text-indent: -999999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: url(&quot;/wp-content/uploads/2021/01/pd2SliderArrows.png&quot;) 0px 0px no-repeat transparent; z-index: 2; }
ul.productSliderPager .slick-prev { left: -20px; }
ul.productSliderPager .slick-next { right: -20px; background-position: -13px 0px; }
.pd6liderWraper { max-width: 625px; }
.pd6liderWraper ul.detailProductSlider .slick-slide { max-height: 320px; }
.pd6liderWraper ul.productSliderPager .slick-slide { max-height: 70px; }
.diamondList ul { list-style-type: none; position: relative; padding: 0px !important; margin: 0px !important; }
.diamondList ul li { padding-left: 20px; margin-bottom: 15px; position: relative; }
.diamondList ul li::before { position: absolute; content: &quot;&quot;; top: 6px; left: 0px; width: 8px; height: 8px; background: rgb(174, 174, 174); transform: rotate(45deg); }
.catalogTitle a { display: inline-block; font-size: 16px; line-height: 20px; color: rgb(0, 106, 246); font-weight: 500; padding-bottom: 10px; border-bottom: 2px solid rgb(0, 106, 246); }
.dProductBox { display: inline-block; max-width: 270px; }
.dProductImg { overflow: hidden; border-radius: 20px; }
.dProductImg a { display: block; transition: 0.3s; }
.dProductImg a:hover { transform: scale(1.1); }
.dproductTitle a { font-size: 20px; font-weight: 500; display: inline-block; margin: 15px 0px 0px; }
#stickyForm { width: 240px; background: rgb(255, 255, 255); position: fixed; bottom: 40px; left: 20px; z-index: 9; display: none; border: 1px solid rgb(218, 218, 218); }
.stickyForm, .existPopupForm { padding: 5px 15px 15px; }
.closeForm, .closeExistPopup { display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; color: rgb(255, 255, 255); border-radius: 25px; position: absolute; right: -10px; top: -10px; background: rgb(51, 51, 51); }
.stickyFormHeading h3, .existPopupHeading h3 { margin: 0px; padding: 15px 10px; background: rgb(0, 106, 246); color: rgb(255, 255, 255); text-align: center; font-size: 16px; word-spacing: 5px; }
.stickyFormHeading p { padding: 10px 0px 5px; margin: 0px; text-align: center; font-size: 13px; color: rgb(97, 103, 109); box-shadow: rgb(51, 51, 51) 0px 5px 7px -5px inset; }
.stickyForm input[type=&quot;text&quot;], .stickyForm input[type=&quot;email&quot;], .stickyForm textarea { border: 1px solid rgb(222, 222, 222); background: none; font-size: 14px; width: 100%; display: block; padding: 5px; }
.stickyForm input[type=&quot;text&quot;], .stickyForm input[type=&quot;email&quot;] { height: 28px; }
.stickyForm textarea { height: 75px; padding-top: 12px; }
.stickyForm input[type=&quot;submit&quot;] { height: 42px; width: 100%; background: rgb(0, 106, 246); color: rgb(255, 255, 255); border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; font-size: 20px; border-bottom: 3px solid rgb(17, 115, 234) !important; }
.stickyForm input[type=&quot;submit&quot;]:hover { background: rgb(17, 115, 234); }
.popupOverlay { position: relative; display: none; }
.popupOverlay.activeExitPopup { display: block; }
.popupOverlay { position: fixed; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 999; }
#existPopup { width: 340px; background: rgb(255, 255, 255); position: fixed; top: -1000px; left: calc(50% - 170px); z-index: 1000; border: 1px solid rgb(218, 218, 218); transition: 0.2s; }
#existPopup.active { top: 200px; }
.existPopupForm input[type=&quot;text&quot;], .existPopupForm input[type=&quot;email&quot;], .existPopupForm textarea { padding: 12px; height: auto; position: relative; }
.existPopupForm textarea { height: 125px; }
.ast-article-post, .single .ast-article-single { margin-bottom: 40px !important; padding: 35px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.ast-blog-featured-section { margin-top: 0px !important; }
.blog .entry-title, .archive .entry-title { margin-bottom: 0px !important; min-height: 45px; }
.blog .entry-content p:first-child, .archive .entry-content p:first-child { min-height: 112px; }
.blog .read-more a, .archive .read-more a { color: rgb(255, 255, 255); white-space: nowrap; vertical-align: middle; display: block; text-align: center; background-color: rgb(0, 106, 246); border-color: rgb(0, 106, 246); font-size: 1rem; transition: 0.2s ease-in-out; line-height: 1; padding: 15px 0px; font-weight: 100 !important; margin: 0px !important; border-radius: 4px !important; }
.blog .read-more a:hover, .archive .read-more a:hover { background-color: rgb(0, 20, 41); border-color: rgb(0, 20, 41); }
.ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box { padding: 15px !important; }
.blog .post, .archive .post, .search .post { padding: 0px !important; }
.sidebar-main .widget-title { background: rgb(0, 106, 246); border-radius: 4px; font-size: 24px; line-height: 1; color: rgb(255, 255, 255); padding: 15px 25px; position: relative; cursor: pointer; margin: 0px !important; }
.sidebar-main .widget-title::before { position: absolute; content: &quot;&quot;; top: 16px; right: 10px; font-family: Astra; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); transform: rotate(0deg); }
.widget_recent_entries, .widget_categories { background-color: rgb(242, 242, 242); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 4px; margin-bottom: 30px !important; }
.widget_recent_entries ul, .widget_categories ul { list-style-type: none; margin: 0px !important; padding: 10px 0px !important; }
.widget_recent_entries ul li a, .widget_categories ul li a { font-size: 16px; color: rgb(51, 51, 51); display: block; padding: 5px 25px; margin: 0px; line-height: 26px; }
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover { background-color: rgb(0, 106, 246); color: rgb(255, 255, 255); }
#categories-2 nav { display: none; }
.sidebarCTABox { background:  0% 0% / cover no-repeat rgb(102, 102, 102); padding: 40px 25px; border-radius: 4px; text-align: center; }
.sidebarCTATitle { text-align: center; font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255) !important; margin-bottom: 25px !important; }
.sidebarCTABtn { text-align: center; }
.sidebarCTABtn a { display: inline-block; font-weight: 700; text-transform: uppercase; border-radius: 25px; transition: 0.3s; background: rgb(0, 106, 246); color: rgb(255, 255, 255); padding: 10px 25px; }
.sidebarCTABtn a:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
h2.sepHead { position: relative; display: inline-block; padding-bottom: 10px; }
h2.sepHead::before { position: absolute; content: &quot;&quot;; bottom: -15px; left: 50%; margin-left: -60px; width: 120px; height: 3px; background: rgb(0, 106, 246); }
.xyzSlider { position: relative; margin: 0px !important; padding: 0px !important; }
.xyzSlider .slick-slide { outline: none; margin: 0px 5px; }
.xyzSlideTitle { font-weight: 600; color: rgb(0, 0, 0); margin: 15px 0px 5px; }
.xyzSlider .slick-arrow { position: absolute; top: 90px; margin-top: -22px; width: 44px; height: 44px; background: url(&quot;/wp-content/uploads/2020/09/sliderHoverArrows.png&quot;) 0px 0px no-repeat; text-indent: -1e+08px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 2; padding: 0px; }
.xyzSlider .slick-prev { background-position: 0px 0px; left: -45px; }
.xyzSlider .slick-prev:hover { background: url(&quot;/wp-content/uploads/2020/09/sliderArrows.png&quot;) 36px 0px no-repeat; }
.xyzSlider .slick-next { background-position: -44px 0px; right: -45px; }
.xyzSlider .slick-next:hover { background: url(&quot;/wp-content/uploads/2020/09/sliderArrows.png&quot;) -44px 0px no-repeat; }
.xyzProductSection h2 b { color: rgb(0, 106, 246); }
.xyzSectionText p { font-size: 24px; line-height: 28px; }
.xyzProductBox { display: inline-block; max-width: 370px; border: 1px solid rgb(235, 234, 234); }
.xyzProductImg { overflow: hidden; }
.xyzProductImg a { display: block; transition: 0.3s; }
.xyzProductImg a:hover { transform: scale(1.1); }
.xyzProductTitle { position: relative; padding: 45px 0px 25px; }
.xyzProductTitle a { font-size: 20px; line-height: 36px; color: rgb(3, 37, 39); }
.xyzProductTitle::before { position: absolute; content: &quot;&quot;; top: 25px; left: 50%; margin-left: -32px; width: 64px; height: 2px; background: rgb(0, 106, 246); }
.xyzProductText { padding: 20px 20px 5px; font-size: 16px; line-height: 26px; color: rgb(0, 0, 0); background: rgb(246, 246, 246); width: 100%; max-width: 340px; margin: 0px auto -70px; }
.xyzSeperator { border-top: 1px solid rgb(220, 220, 220); }
.xyzSection5 h2 b { display: block; color: rgb(0, 106, 246); padding-bottom: 10px; }
.xyzFeaturedPointImg { width: 88px; float: left; border-radius: 100%; overflow: hidden; margin-top: 5px; }
.xyzFeaturedPointContent { width: calc(100% - 88px); float: left; padding-left: 25px; }
.xyzFeaturedPointTitle { font-size: 20px; line-height: 26px; font-weight: 700; color: rgb(255, 255, 255); text-align: left; padding: 0px 0px 13px; margin: 0px 0px 15px; position: relative; }
.xyzFeaturedPointTitle::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 62px; height: 2px; background: rgb(255, 255, 255); }
.xyzFeaturedPointText { text-align: left; color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; }
.xyzFeaturedPointSection { background: rgb(0, 106, 246); }
.about2Banner .bannerContent { left: 0px; right: 0px; margin-left: auto; margin-right: auto; padding-top: 9%; }
.bannerHeading { font-weight: 600; }
.about2Sec1Wrapper { padding: 65px 10px 20px; border: 1px solid rgb(204, 204, 204); border-radius: 7px; background: rgb(233, 233, 233); }
.about2SecTitle { font-size: 40px; font-weight: 700; color: rgb(0, 106, 246); padding-bottom: 20px; }
.about2SecBoxWrapper { position: relative; }
.about2SecBoxWrapper::before { position: absolute; content: &quot;&quot;; top: -10px; right: 0px; width: 1px; height: 80px; background: rgb(204, 204, 204); }
.about2SecBoxWrapper4::before { display: none; }
.timelineWrapper { position: relative; }
.timelineWrapper::before { position: absolute; content: &quot;&quot;; top: 0px; left: 50%; margin-left: -3px; width: 6px; height: 100%; background: rgba(0, 106, 246, 0.6); }
.timelineBox { padding: 20px 30px 30px; position: relative; }
.timelineBoxLeft { box-shadow: rgba(0, 0, 0, 0.1) 1px 8px 15px 0px; margin-right: 20px; }
.timelineBoxRight { box-shadow: rgba(0, 0, 0, 0.1) -3px 8px 15px 0px; margin-left: 20px; }
.timelineBoxLeft .timelineTitle, .timelineBoxLeft .timelineText { text-align: right; }
.timelineBox::before { position: absolute; content: &quot;&quot;; top: 50%; margin-top: -12px; }
.timelineBoxLeft::before { right: -12px; border-left: 12px solid rgb(255, 255, 255); border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.timelineBoxRight::before { left: -12px; border-right: 12px solid rgb(255, 255, 255); border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.timelineBox::after { position: absolute; content: &quot;&quot;; top: 50%; margin-top: -8px; width: 16px; height: 16px; border-radius: 100%; background: rgb(0, 106, 246); }
.timelineBoxLeft::after { right: -43px; }
.timelineBoxRight::after { left: -43px; }
.timelineTitle { font-weight: 600; color: rgb(0, 106, 246); padding-bottom: 10px; }
.about2Section4 { position: relative; background: rgb(241, 241, 241); }
.about2Section4::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 100px; background: rgb(255, 255, 255); }
.about2Sec5Box { display: inline-block; padding: 50px 20px 20px; max-width: 370px; min-height: 280px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px 0px; position: relative; }
.about2Sec5Box::before { position: absolute; content: &quot;&quot;; top: 0px; left: 10px; width: 32px; height: 46px; background: url(&quot;/wp-content/uploads/2020/12/checkFlag.jpg&quot;); }
.about2Sec5Title { font-size: 24px; line-height: 28px; font-weight: 600; padding-bottom: 20px; }
.LP2Section1 h1 b, .LP2Section2 h2 b { color: rgb(0, 106, 246); font-weight: 500; }
.LP2ProductBox { padding-bottom: 29px; margin-bottom: 27px; border-bottom: 1px solid rgb(235, 235, 235); display: flex; align-items: center; flex-wrap: wrap; gap: 30px; }
.LP2ProductImg { width: 370px; border: 2px solid rgb(216, 216, 216); }
.LP2ProductContent { flex: 1 1 0%; min-width: 320px; }
.LP2ProductTitle { font-size: 26px; line-height: 30px; }
.LP2ProductTitle span { color: rgb(49, 143, 255); }
.LP2dblBtnBox a { margin: 0px 5px; padding-top: 12px; padding-bottom: 12px; position: relative; }
.LP2dblBtnBox a { padding-left: 50px; padding-right: 24px; background: rgb(49, 143, 255); }
.LP2dblBtnBox a.LP2dblBtn:hover { background: rgb(51, 51, 51); }
.LP2dblBtnBox a.LP2dblBtn::before { position: absolute; content: &quot;&quot;; top: 14px; left: 25px; width: 19px; height: 17px; background: url(&quot;/wp-content/uploads/2020/12/downloadIcon.png&quot;); transition: 0.3s; }
.LP2Section2 { position: relative; }
.LP2Section2::before { position: absolute; content: &quot;&quot;; top: 0px; left: 50%; margin-left: -36px; border-top: 32px solid rgb(255, 255, 255); border-left: 36px solid transparent; border-right: 36px solid transparent; }
.LP2featuredProductBox { display: inline-block; max-width: 270px; }
.LP2featuredProductImg { position: relative; overflow: hidden; }
.LP2FeaturedProductExtra { position: absolute; top: 0px; width: 100%; height: 100%; background: rgba(40, 97, 172, 0.8); text-align: center; padding-top: 18%; display: none; }
.LP2featuredProductBox:hover .LP2FeaturedProductExtra { display: block; }
.LP2FProductExtraTitle { color: rgb(255, 255, 255); font-weight: 600; padding-top: 10px; }
.LP2FeaturedProductTitle { padding: 23px 0px 17px; font-size: 20px; font-weight: 600; border-bottom: 1px solid rgb(202, 202, 202); }
.LP2featuredProductBox:hover .LP2FeaturedProductTitle { border-bottom: 1px solid rgb(0, 106, 246); }
.productMenu { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 5px; border-radius: 20px; overflow: hidden; text-align: left; }
.productMenu .widget-title { font-size: 30px; font-weight: 700; background: rgb(0, 106, 246); padding: 23px 15px; color: rgb(255, 255, 255); text-align: center; margin: 0px !important; }
.productMenu ul.menu { margin: 0px !important; padding: 20px 35px !important; list-style-type: none !important; }
.productMenu ul.menu &gt; li { margin-bottom: 3px; }
.productMenu ul.menu &gt; li &gt; a { padding: 15px 0px; border-bottom: 1px solid rgb(218, 218, 218); font-size: 18px; font-weight: 400; color: rgb(51, 51, 51); display: block; }
.productMenu ul.menu &gt; li &gt; a:hover, .productMenu ul.menu &gt; li.active &gt; a { padding: 15px 10px; border-radius: 10px; color: rgb(0, 106, 246); background: rgb(245, 246, 247); border-bottom: 1px solid rgb(245, 246, 247); }
.productMenu ul.sub-menu { list-style-type: none; padding: 0px !important; margin: 0px !important; }
.productMenu ul.sub-menu &gt; li { padding: 0px !important; }
.productMenu ul.sub-menu &gt; li &gt; a { color: rgb(68, 68, 68); font-size: 14px; padding: 4px 10px; display: block; transition: 0.3s; }
.productMenu ul.sub-menu &gt; li &gt; a:hover { padding-left: 20px; color: rgb(0, 106, 246); }
.productMenu ul.sub-menu &gt; li:last-child &gt; a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
#menu-product-sidebar-menu &gt; li &gt; ul.sub-menu { display: none; }
#menu-product-sidebar-menu &gt; li.menu-item-has-children &gt; a { position: relative; padding-right: 25px; }
#menu-product-sidebar-menu &gt; li.menu-item-has-children &gt; a::before { position: absolute; content: &quot;&quot;; top: 16px; right: 5px; font-family: Astra; font-size: 10px; font-weight: 700; color: rgb(0, 0, 0); transform: rotate(0deg); transition: 0.3s; }
#menu-product-sidebar-menu &gt; li.menu-item-has-children &gt; a:hover::before { color: rgb(0, 106, 246); }
#menu-product-sidebar-menu &gt; li.menu-item-has-children.active &gt; a::before { transform: rotate(270deg); color: rgb(0, 106, 246); }
.productMenuSection .quickQuote { margin-top: 35px; }
.lp3Section1 { padding: 70px 0px 50px; }
.lp3s1SubHeading { margin: 0px !important; }
.lp3Section2 { padding-bottom: 70px; }
.lp3Section3 { padding: 70px 0px; }
.youtube-player { position: relative; padding-bottom: 63%; height: 0px; overflow: hidden; max-width: 100%; background: rgb(0, 0, 0); margin: 5px; }
.youtube-player iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-player img { inset: 0px; display: block; margin: auto; max-width: 100%; width: 100%; position: absolute; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: auto; cursor: pointer; transition: 0.4s; }
.youtube-player img:hover { filter: brightness(75%); }
.youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url(&quot;//i.imgur.com/TxzC70f.png&quot;) no-repeat; cursor: pointer; }
.videoWidth { margin: 0px auto; }
.width400 { width: 400px; }
.width500 { width: 500px; }
.width600 { width: 600px; }
.width700 { width: 700px; }
table tr th { background: rgb(241, 241, 241); }
table tr:nth-child(2n+1) td { background: rgb(241, 241, 241); }
.pc2Banner { position: relative; }
.pc2BannerContentWraper { position: absolute; padding-top: 4%; top: 0px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; width: 100%; max-width: 830px; }
.pc2BannerContent { position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 5px; border: 2px solid rgba(255, 255, 255, 0.9); padding: 50px 30px; }
.pc2BannerTitle { font-size: 2.9vw; line-height: 3.5vw; color: rgb(255, 255, 255); font-weight: 700; }
.pc2BannerTitle b { display: block; font-size: 2.1vw; }
.pc2BannerBtn { position: absolute; bottom: -27px; left: 50%; margin-left: -100px; }
.sectionShadow { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px; }
.pc2ProductBox, .pc2FeaturedProductBox { display: inline-block; max-width: 370px; }
.pc2ProductBox { text-align: left; }
.pc2ProductImg, .pc2FearturedProductImg { padding: 4px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; overflow: hidden; }
.pc2ProductImg a, .pc2FearturedProductImg a { display: block; transition: 0.3s; }
.pc2ProductImg a:hover, .pc2FearturedProductImg a:hover { transform: scale(1.1); }
.pc2ProductTitle a, .pc2FeaturedProductTitle a { font-size: 20px; font-weight: 600; }
.pc2Section4 { border-top: 1px solid rgb(203, 203, 203); }
.pcSection4 .tableScroll { overflow-x: inherit; }
.pcSection4 table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pcSection4 table th, .pcSection4 table td { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 3px; }
.pcSection4 table th { width: 20%; }
.pcSection4 table td { width: 30%; }
.pc2TabsWrapper { border: 1px solid rgb(237, 237, 237); border-radius: 5px; overflow: hidden; }
.pc2TabsWrapper ul.tabs { list-style-type: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; background: rgb(251, 251, 251); position: relative; margin: 0px !important; padding: 0px !important; }
.pc2TabsWrapper ul.tabs li { display: inline-block; padding: 20px 25px; color: rgb(106, 107, 107); font-size: 16px; transition: 0.3s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
.pc2TabsWrapper ul.tabs li.current { background: rgb(0, 106, 246); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pc2TabsWrapper .tab-content { display: none; background: rgb(255, 255, 255); padding: 25px 15px 15px; }
.pc2TabsWrapper .tab-content.current { display: block; }
.pc2CatalogBox { max-width: 270px; margin: 0px auto; }
.pc2CatalogImg { border-radius: 5px; overflow: hidden; box-shadow: rgb(213, 213, 213) 8px 8px 0px 0px; display: inline-block; }
.productSliderWraper { max-width: 650px; margin: 0px auto; }
ul.productSlider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.productSlider .slick-slide { outline: none; border-radius: 8px; overflow: hidden; }
.pd2Details h1 { font-size: 28px !important; }
.pd2Section1 .tableScroll { overflow-x: inherit; }
.pd2Section1 table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pd2Section1 table th, .pd2Section1 table td { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pd2Section4Details ul li { margin-bottom: 5px; }
.pd2RelatedProductSection { border-top: 1px solid rgb(223, 223, 223); }
.pd2ProductBox, .pd2RelatedProductBox { display: inline-block; max-width: 270px; }
.pd2ProductImg, .pd2RelatedProductImg { padding: 4px; border-radius: 4px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; }
.pd2ProductImg a, .pd2RelatedProductImg a { display: block; transition: 0.3s; }
.pd2ProductImg a:hover, .pd2RelatedProductImg a:hover { transform: scale(1.1); }
.pd2ProductTitle a, .pd2RelatedProductTitle a { font-size: 20px; font-weight: 600; }
.pd2ContactForm { max-width: 1022px; margin: 0px auto; }
.pd2ContactForm input[type=&quot;text&quot;], .pd2ContactForm input[type=&quot;email&quot;], .pd2ContactForm textarea { width: 100%; border-radius: 10px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; border: 1px solid rgb(191, 191, 191); background: rgb(255, 255, 255); margin-bottom: 10px; }
.pd2ContactForm textarea { min-height: 330px; }
.pd2ContactForm input[type=&quot;submit&quot;] { min-width: 118px; }
.lp4BannreContentWraper { padding-top: 7%; }
.lp4ProductBox { display: inline-block; max-width: 262px; }
.lp4ProductImg, .lp4SliderImg { border-radius: 5px; padding: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; overflow: hidden; }
.lp4ProductImg a, .lp4SliderImg a { display: block; transition: 0.3s; }
.lp4ProductImg a:hover, .lp4SliderImg a:hover { transform: scale(1.1); }
.lp4ProductTitle a, .lp4FeaturedTitle, .lp4SliderTitle a { font-size: 20px; font-weight: 600; }
.lp4FeaturedImg { display: inline-block; border-radius: 100%; overflow: hidden; padding: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; }
.lp4FeaturedImg img { display: inline-block; border-radius: 100%; }
.lp4SliderSection { border-top: 1px solid rgb(203, 203, 203); }
.landingPage4Slider { position: relative; margin: 0px !important; padding: 0px !important; }
.landingPage4Slider .slick-slide { outline: none; margin: 10px 15px; text-align: center; }
.landingPage4Slider .slick-arrow { position: absolute; top: 30%; width: 56px; height: 56px; padding: 0px; background: url(&quot;/wp-content/uploads/2021/01/lp4SliderArrows.png&quot;) 0px 0px no-repeat; text-indent: -1e+08px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 2; }
.landingPage4Slider .slick-prev { background-position: 0px 0px; left: -58px; }
.landingPage4Slider .slick-next { background-position: -56px 0px; right: -58px; }
.landingPage4Slider .slick-prev:hover, .landingPage4Slider .slick-next:hover { background: url(&quot;/wp-content/uploads/2021/01/lp4SliderArrowHvr.png&quot;); }
.landingPage4Slider .slick-next:hover { background-position: -56px 0px; }
.tcContactDetailWrapper { border-radius: 5px; background: rgb(0, 106, 246); min-height: 567px; }
.tcContactDetailContent, .tcContactDetails { padding: 30px 20px 25px; }
.tcContactDetailContent { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.tcContactDetailTitle { font-size: 24px; font-weight: 600; }
.tcContactDetailWrapper ul { list-style-type: none; position: relative; padding: 0px !important; margin: 0px !important; }
.tcContactDetailWrapper ul li { position: relative; padding: 2px 0px 2px 45px; margin-bottom: 15px; }
.tcContactDetailWrapper ul li, .tcContactDetailWrapper ul li a { font-size: 16px; color: rgb(255, 255, 255); }
.tcContactDetailWrapper ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; background: url(&quot;/wp-content/uploads/2021/01/tcContactSprite-1.png&quot;) 0px 0px no-repeat; }
.tcContactDetailWrapper ul li.email::before { width: 22px; height: 21px; background-position: 0px 0px; }
.tcContactDetailWrapper ul li.whatsapp::before { width: 24px; height: 23px; background-position: 0px -22px; }
.tcContactDetailWrapper ul li.phone::before { width: 22px; height: 22px; background-position: 0px -45px; }
.tcContactDetailWrapper ul li.mobile::before { width: 18px; height: 32px; background-position: -3px -67px; }
.tcContactDetailWrapper ul li.location::before { width: 24px; height: 27px; background-position: 0px -100px; }
ul.taAboutProductSlider { max-width: 363px; list-style-type: none; position: relative; z-index: 1; margin: 0px auto !important; padding: 0px !important; }
ul.taAboutProductSlider li.slick-slide { outline: none; margin: 10px; }
ul.taAboutProductSlider ul.slick-dots { list-style-type: none; text-align: center; margin: 25px 0px 0px !important; padding: 0px !important; }
ul.taAboutProductSlider ul.slick-dots li { outline: none; padding: 0px; display: inline-block; text-indent: -999999px; width: 9px; height: 9px; border-radius: 100%; border: 1px solid rgb(0, 106, 246); background: transparent; margin: 0px 1px; }
ul.taAboutProductSlider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
.taAboutSliderImg { padding: 4px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; }
.taAboutSliderTitle, .taAboutSec3SliderTitle, .taAboutVideoTitle { font-size: 20px; font-weight: 600; }
.taAboutSection3 .youtube-player { padding-bottom: 76%; }
.taAboutClientSection { border-top: 1px solid rgb(203, 203, 203); }
.taAboutClientSlider { position: relative; margin: 0px !important; padding: 0px !important; }
.taAboutClientSlider .slick-slide { outline: none; max-width: 166px; margin: 3px 15px; border-radius: 3px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px; text-align: center; }
.taAboutClientSlider .slick-arrow { position: absolute; top: 50%; width: 13px; height: 23px; margin-top: -11px; padding: 0px; background: url(&quot;/wp-content/uploads/2021/01/taSliderArrows.png&quot;) 0px 0px no-repeat; text-indent: -1e+08px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 2; }
.taAboutClientSlider .slick-prev { background-position: 0px 0px; left: -35px; }
.taAboutClientSlider .slick-next { background-position: -13px 0px; right: -35px; }
.taAboutClientSlider .slick-prev:hover, .taAboutClientSlider .slick-next:hover { background: url(&quot;/wp-content/uploads/2021/01/taSliderArrowsHvr.png&quot;); }
.taAboutClientSlider .slick-next:hover { background-position: -13px 0px; }
.taAboutTeamBox { display: inline-block; max-width: 270px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 3px; position: relative; padding: 70px 15px 35px; }
.taAboutTeamImg { position: absolute; display: inline-block; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 100%; top: -60px; left: 50%; margin-left: -60px; }
.taAboutTeamImg img { border-radius: 100%; }
.taTimelineBox { position: relative; margin-bottom: 70px; }
.taAboutTeamTitle { font-size: 20px; font-weight: 600; }
.taTimelineYear { position: absolute; font-size: 20px; font-weight: 600; color: rgb(255, 255, 255); }
.taTimelineYearRight { top: 7px; left: -110px; }
.taTimelineYearLeft { top: 7px; right: -110px; }
.taTimelineBoxLeft .taTimelineText { text-align: right; }
.taTimelineBoxLeft { padding-right: 15px; }
.taTimelineBoxRight { padding-left: 15px; }
.taTimelineBox::before { position: absolute; content: &quot;&quot;; width: 167px; height: 117px; background: url(&quot;/wp-content/uploads/2021/01/timeLineSprite.png&quot;); }
.taTimelineBoxLeft::before { top: -30px; right: -170px; }
.taTimelineBoxRight::before { top: -30px; left: -166px; }
.taTimelineBox1::before, .taTimelineBox14::before { background-position: 0px 0px; }
.taTimelineBox2::before, .taTimelineBox8::before { background-position: 0px -117px; }
.taTimelineBox3::before, .taTimelineBox9::before { background-position: 0px -237px; }
.taTimelineBox4::before, .taTimelineBox10::before { background-position: 0px -355px; }
.taTimelineBox5::before, .taTimelineBox11::before { background-position: 0px -474px; }
.taTimelineBox6::before, .taTimelineBox12::before { background-position: 0px -593px; }
.taTimelineBox7::before, .taTimelineBox13::before { background-position: 0px -711px; }
.MThomeContactForm { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 5px 2px; padding: 0px 80px 55px; }
.MThomeContactForm h2 { display: inline-block; padding: 0px 25px; background: rgb(255, 255, 255); letter-spacing: 2px; position: relative; bottom: 18px; }
.MThomeContactForm input[type=&quot;text&quot;], .MThomeContactForm input[type=&quot;email&quot;], .MThomeContactForm textarea, .MTcontactPageForm input[type=&quot;text&quot;], .MTcontactPageForm input[type=&quot;email&quot;], .MTcontactPageForm textarea { width: 100%; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 212, 212); border-image: none; padding: 0px 30px 15px; margin-bottom: 15px; border-radius: 0px; }
.MThomeContactForm textarea, .MTcontactPageForm textarea { min-height: 170px; border: 1px solid rgb(221, 221, 221); padding: 20px 45px !important; }
.MThomeContactForm .MTnameField, .MThomeContactForm .MTemailField { margin-bottom: 70px; }
.MThomeContactForm .MTnumberField, .MThomeContactForm .MTcompanyField, .MThomeContactForm .MTtextField { margin-bottom: 20px; }
.MThomeContactForm .MTnameField { background: url(&quot;/wp-content/uploads/2021/02/MTnameIcon.png&quot;) left top no-repeat rgb(255, 255, 255) !important; }
.MThomeContactForm .MTemailField { background: url(&quot;/wp-content/uploads/2021/02/MTmailIcon.png&quot;) left top no-repeat rgb(255, 255, 255) !important; }
.MThomeContactForm .MTnumberField { background: url(&quot;/wp-content/uploads/2021/02/MTnumberIcon.png&quot;) left top no-repeat rgb(255, 255, 255) !important; }
.MThomeContactForm .MTcompanyField { background: url(&quot;/wp-content/uploads/2021/02/MTcompanyIcon.png&quot;) left top no-repeat rgb(255, 255, 255) !important; }
.MThomeContactForm .MTtextField { background: url(&quot;/wp-content/uploads/2021/02/MTmessgIcon.png&quot;) left 10px top 20px no-repeat rgb(255, 255, 255) !important; }
.MTproductSliderWraper { max-width: 650px; margin: 0px auto; }
ul.MTproductSlider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.MTproductSlider .slick-slide { outline: none; overflow: hidden; border-radius: 8px; }
ul.MTproductSliderPager { list-style-type: none; margin: 30px 0px 0px !important; padding: 0px !important; }
ul.MTproductSliderPager .slick-slide { padding: 3px 15px; outline: none; }
ul.MTproductSliderPager .slick-slide a { outline: none; display: block; overflow: hidden; border-radius: 5px; border: 2px solid transparent; }
ul.MTproductSliderPager .slick-current a { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; }
ul.MTproductSliderPager .slick-arrow { position: absolute; top: 50%; width: 37px; height: 37px; padding: 0px; margin-top: -18px; text-indent: -999999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: url(&quot;/wp-content/uploads/2021/02/MTproductSliderArrows.png&quot;) 0px 0px no-repeat transparent; z-index: 2; }
ul.MTproductSliderPager .slick-prev { left: -25px; }
ul.MTproductSliderPager .slick-next { right: -25px; background-position: -37px 0px; }
.MTdetailSection1 h1 { font-size: 32px; line-height: 38px; color: rgb(0, 0, 0); }
.MTdetailSection1 h1 span { color: rgb(0, 106, 246); }
.MTdiamondList ul { list-style-type: none; position: relative; padding: 0px !important; margin: 0px !important; }
.MTdiamondList ul li { position: relative; font-size: 16px; line-height: 22px; color: rgb(0, 0, 0); font-weight: 500; padding-left: 25px; margin-bottom: 10px; }
.MTdiamondList ul li::before { position: absolute; content: &quot;&quot;; top: 6px; left: 0px; width: 8px; height: 8px; background: rgb(0, 106, 246); transform: rotate(45deg); }
.MTcatalogBox { max-width: 300px; margin: 0px auto; position: relative; }
.MTcatalogBtn { position: absolute; bottom: 50px; left: 0px; right: 0px; }
.MTDetailVideoSection .youtube-player { position: relative; padding-bottom: 44%; }
.MTdRelatedProductBox { display: inline-block; max-width: 270px; }
.MTdRelatedProductImg { padding: 9px; border: 1px solid rgb(195, 197, 199); position: relative; }
.MTdRelatedProductImg::before { position: absolute; content: &quot;&quot;; top: 0px; left: -1px; width: 270px; height: 9px; background: rgb(255, 255, 255); }
.MTdRelatedProductImg::after { position: absolute; content: &quot;&quot;; bottom: 0px; left: -1px; width: 270px; height: 9px; background: rgb(255, 255, 255); }
.MTdRelatedProductTitle a { font-size: 20px; font-weight: 600; color: rgb(54, 54, 54); }
.gallery-icon { display: inline-block !important; }
.gallery-caption { background: rgb(241, 159, 20); margin: 0px 10px !important; }
.MTaboutEntrySection .MTaboutBannerDetails p { font-weight: 400; }
ul.MTaboutFactorySlider { list-style-type: none; z-index: 1; max-width: 370px; margin: 0px auto !important; padding: 0px !important; }
ul.MTaboutFactorySlider li.slick-slide { outline: none; }
ul.MTaboutFactorySlider ul.slick-dots { list-style-type: none; float: right; position: relative; bottom: 15px; margin: 0px !important; padding: 0px !important; }
ul.MTaboutFactorySlider ul.slick-dots li { outline: none; padding: 0px; display: inline-block; text-indent: -999999px; width: 10px; height: 10px; background: transparent; border: 1px solid rgb(0, 106, 246); border-radius: 100%; margin: 0px 1px; }
ul.MTaboutFactorySlider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
.MTfactorySliderTitle { font-size: 20px; font-weight: 500; color: rgb(54, 54, 54); padding-top: 20px; }
ul.MTaboutClientSlider { margin: 0px; padding: 0px; position: relative; }
ul.MTaboutClientSlider .slick-slide { outline: none; text-align: center; margin: 0px 5px; }
ul.MTaboutClientSlider .slick-arrow { position: absolute; top: 50%; width: 19px; height: 34px; margin-top: -17px; padding: 0px; background: url(&quot;/wp-content/uploads/2021/02/MTclientSliderArws.png&quot;) 0px 0px no-repeat; text-indent: -1e+08px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 2; }
ul.MTaboutClientSlider .slick-prev { background-position: 0px 0px; left: -30px; }
ul.MTaboutClientSlider .slick-next { background-position: -19px 0px; right: -30px; }
.MTcontactBanner, .tcBannerImg, .au5Banner, .lp4BannerImg { text-align: center; }
.MTcontactBanner img, .tcBannerImg img, .au5Banner img, .lp4BannerImg img { width: 100%; }
.MTcontactDetailWrapper { background: rgb(0, 106, 246); }
.MTcontactDetailContent { padding: 40px 25px 30px; }
.MTcontactDetailTitle { font-size: 50px; line-height: 1.4; color: rgb(255, 255, 255); font-weight: 300; display: block; letter-spacing: 2px; padding-top: 15px; }
.MTcontactDetailTitle span { font-size: 16px; display: block; }
.MTcontactDetailText { padding-top: 10px; color: rgb(255, 255, 255); }
.MTcontactDetailSep { border-bottom: 1px solid rgb(255, 255, 255); }
.MTcontactDetails { padding: 35px 25px; }
.MTcontactDetails ul { list-style-type: none; position: relative; padding: 0px !important; margin: 0px !important; }
.MTcontactDetails ul li { position: relative; padding: 7px 0px 6px; margin-bottom: 10px; font-size: 16px; line-height: 20px; color: rgb(255, 255, 255); display: flex; align-items: center; }
.MTcontactDetails ul li::after { content: &quot;&quot;; display: block; clear: both; }
.MTcontactDetails ul li a { color: rgb(255, 255, 255); }
.cu3s1Img { width: 33px; float: left; }
.cu3s1Title { width: calc(100% - 33px); float: left; padding: 0px 0px 0px 15px; }
.MTcontactQuote { position: relative; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); margin-top: 80px; padding: 40px 0px 30px; }
.MTcontactQuote::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 36px; height: 30px; background: url(&quot;/wp-content/uploads/2021/02/MTcontactQuote.png&quot;); }
.MTcontactQuote::after { position: absolute; content: &quot;&quot;; bottom: 0px; right: 0px; width: 36px; height: 30px; background: url(&quot;/wp-content/uploads/2022/03/contactQuote.png&quot;); transform: scale(-1, -1); }
.MTcontactPageForm { padding: 75px 40px; }
.MTaboutContactWrapper { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 3px; }
.MTcontactDetailSection { padding: 0px; }
.MTformProductsTitle { font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); padding: 20px 0px 20px 15px; }
.checkBoxLabel { display: inline-block; }
.contactLabelRow { margin-left: 0px !important; margin-right: 0px !important; }
.au4BannerLayer { padding: 20px 20px 0px; background: rgba(0, 0, 0, 0.7); }
.au5videoSection { border-top: 2px solid rgb(186, 186, 186); }
.au5sectionText { padding: 10px; position: relative; }
.au5sectionText::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 42px; height: 42px; background: transparent; border-top: 3px solid rgb(0, 106, 246); border-left: 3px solid rgb(0, 106, 246); }
.au5teamImg { width: 200px; float: left; border: 4px solid rgb(232, 232, 232); border-radius: 10px; overflow: hidden; }
.au5teamTitle { font-size: 22px; line-height: 24px; color: rgb(17, 37, 52); font-weight: 600; }
.au5teamContent { width: calc(100% - 200px); float: left; padding: 15px 0px 0px 25px; }
.au5contactForm { max-width: 970px; margin: 0px auto; }
.au5contactForm input[type=&quot;text&quot;], .au5contactForm input[type=&quot;email&quot;], .au5contactForm textarea { margin-bottom: 5px !important; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 7px 0px; }
.au5contactForm textarea { padding: 15px; background: rgb(255, 255, 255); height: 215px !important; }
ul.timelineSlider { position: relative; margin: 0px !important; padding: 0px !important; }
ul.timelineSlider::before { position: absolute; content: &quot;&quot;; top: 50%; left: 0px; margin-top: -5px; width: 100%; height: 10px; background: rgb(232, 232, 232); }
li.au5TimelineBox { text-align: center; margin: 0px 5px; }
.au5TimelineYear { color: rgb(35, 54, 69); font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.au5TimelineText { color: rgb(17, 17, 17); font-size: 14px; line-height: 22px; }
.au5TimelineImg { display: inline-block; border: 7px solid; position: relative; }
.au5TimelineImg::before { position: absolute; content: &quot;&quot;; left: 50%; width: 0px; height: 0px; margin-left: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.imgUpper .au5TimelineImg::before { bottom: -19px; border-top: 12px solid; }
.imgLower .au5TimelineImg::before { top: -19px; border-bottom: 12px solid; }
.au5TimelineImg::after { position: absolute; content: &quot;&quot;; left: 50%; width: 20px; height: 20px; margin-left: -10px; border: 3px solid; background: rgb(255, 255, 255); border-radius: 100%; }
.imgUpper .au5TimelineImg::after { bottom: -65px; }
.imgLower .au5TimelineImg::after { top: -56px; }
.imgUpper .au5TimelineYear { padding-top: 50px; margin-top: 35px; }
.imgLower .au5TimelineText { padding-bottom: 60px; min-height: 190px; }
.imgLower .au5TimelineImg { color: rgb(252, 166, 1); border-color: rgb(252, 166, 1); }
.imgUpper .au5TimelineImg { color: rgb(0, 192, 255); border-color: rgb(0, 192, 255); }
ul.timelineSlider .slick-arrow { position: absolute; top: 50%; width: 34px; height: 34px; margin-top: -17px; background: url(&quot;/wp-content/uploads/2021/04/timelineArrows.png&quot;) 0px 0px no-repeat; text-indent: -1e+09px; z-index: 4; padding: 0px; }
ul.timelineSlider .slick-prev { left: -60px; }
ul.timelineSlider .slick-next { right: -60px; background-position: -34px 0px; }
.cu4banner { padding-bottom: 150px; }
.cu4BannerHeading { font-size: 33px; line-height: 38px; font-weight: 500; color: rgb(35, 54, 69); padding-bottom: 20px; }
.cu4contactWrapper { margin-top: -100px; background: rgb(255, 255, 255); }
.cu4contactForm { width: 660px; float: left; padding: 60px 35px 80px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; }
.cu4contactDetails { width: 506px; float: left; }
.cu4contactDetails { padding: 50px 30px 40px; background: rgb(0, 106, 246); }
.cu4formTitle { font-size: 33px; color: rgb(51, 51, 51); font-weight: 500; padding-bottom: 40px; }
.cu4contactForm input[type=&quot;text&quot;], .cu4contactForm input[type=&quot;email&quot;], .cu4contactForm textarea { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 7px 0px; }
.cu4contactForm textarea { height: 215px; padding: 15px; }
.cu4contactDetailHeading { font-size: 33px; font-weight: 500; }
.cu4contactDetails ul { list-style-type: none; position: relative; padding: 0px !important; margin: 60px 0px 30px !important; }
.cu4contactDetails ul li { font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); padding-left: 50px; margin-bottom: 25px; position: relative; }
.cu4contactDetails ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 36px; height: 36px; background: url(&quot;/wp-content/uploads/2021/03/cu4Sprite.png&quot;); }
.cu4contactDetails ul li.cu4contactDetail1::before { background-position: 0px 0px; }
.cu4contactDetails ul li.cu4contactDetail2::before { background-position: 0px -36px; }
.cu4contactDetails ul li.cu4contactDetail3::before { background-position: 0px -71px; }
.cu4contactDetails ul li.cu4contactDetail4::before { background-position: 0px -108px; }
.cu4contactDetails ul li span { display: block; font-weight: 300; }
.cu4contactDetails ul li a { color: rgb(255, 255, 255); }
.cu4contactDetails ul li a:hover { text-decoration: underline; }
.cu4ceoBox { padding: 20px 0px 13px; border-radius: 5px; background: rgb(255, 123, 16); }
.cu4ceoQuote { font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); text-align: center; padding: 0px 20px; }
.cu4ceoName { display: inline-block; font-size: 14px; font-weight: 500; color: rgb(34, 141, 195); background: rgb(244, 244, 244); padding: 5px 20px; }
.cu4ceoDesignation { font-size: 14px; color: rgb(255, 255, 255); padding: 0px 5px; }
.pc4section3 { border-top: 2px solid rgb(186, 186, 186); border-bottom: 2px solid rgb(186, 186, 186); }
.pc4video { max-width: 100%; }
.pc4supportImg { width: 193px; float: left; border: 4px solid rgb(34, 141, 195); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; border-radius: 15px; overflow: hidden; }
.pc4supportContent { width: calc(100% - 193px); float: left; padding-left: 20px; }
.pc4supportTitle { font-size: 22px; font-weight: 500; padding: 0px 0px 10px; }
.pc4quickQuote { border-radius: 3px; border-top: 4px solid rgb(0, 106, 246); padding: 45px 30px 60px; background: rgb(255, 255, 255); }
.pc4quickQuoteTitle { font-size: 22px; font-weight: 500; color: rgb(17, 37, 52); }
.fsContactForm input[type=&quot;text&quot;], .fsContactForm input[type=&quot;email&quot;], .fsContactForm textarea { width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 3px; margin-bottom: 8px; }
.fsContactForm input[type=&quot;text&quot;], .fsContactForm input[type=&quot;email&quot;] { padding: 15px 15px 15px 45px; }
.fsContactForm input[type=&quot;text&quot;] { background: url(&quot;/wp-content/uploads/2021/03/fs-name-icon.png&quot;) left 15px center no-repeat rgb(255, 255, 255); }
.fsContactForm input[type=&quot;email&quot;] { background: url(&quot;/wp-content/uploads/2021/03/fs-mail-icon.png&quot;) left 15px center no-repeat rgb(255, 255, 255); }
.fsContactForm textarea { background: rgb(255, 255, 255); }
.pc4quickQuote textarea { height: 148px; }
fscontactform input[type=&quot;submit&quot;] { min-width: 130px; }
.hp5ProcessImg { border: 3px solid rgb(218, 218, 218); display: inline-block; border-radius: 20px; overflow: hidden; }
.hp5ProcessTitle { font-size: 22px; font-weight: 600; margin: 20px 0px 10px; }
.dp4productSliderWraper { max-width: 640px; margin: 0px auto; }
ul.dp4productSlider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.dp4productSlider .slick-slide { padding: 6px; border: 2px solid rgb(227, 228, 228); background: rgb(255, 255, 255); border-radius: 5px; outline: none; overflow: hidden; }
ul.dp4productSliderPager { list-style-type: none; background: rgb(255, 255, 255); border: 1px solid rgb(226, 226, 226); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 3px 4px 5px 0px; margin: 30px 0px 0px !important; padding: 8px 15px !important; }
ul.dp4productSliderPager .slick-slide { padding: 0px; outline: none; }
ul.dp4productSliderPager .slick-slide a { margin: 0px 6px; padding: 2px; border: 1px solid rgb(226, 226, 226); outline: none; display: block; overflow: hidden; }
ul.dp4productSliderPager .slick-current a { border: 1px solid rgb(0, 106, 246); }
ul.dp4productSliderPager .slick-arrow { position: absolute; top: 50%; width: 19px; height: 34px; padding: 0px; margin-top: -21px; text-indent: -999999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: url(&quot;/wp-content/uploads/2021/02/MTclientSliderArws.png&quot;) 0px 0px no-repeat transparent; z-index: 2; }
ul.dp4productSliderPager .slick-prev { left: -30px; }
ul.dp4productSliderPager .slick-next { right: -30px; background-position: -19px 0px; }
.pd4DetailWrapper { border: 1px solid rgb(227, 228, 228); border-radius: 3px; background: rgb(255, 255, 255); }
.pd4DetailHeading { padding: 40px 30px 5px; border-bottom: 1px solid rgb(216, 216, 216); }
.pd4DetailHeading h1 { font-size: 20px; }
.pd4DetailContent { padding: 25px 30px 20px; }
.dp4relatedProductTitle { font-size: 22px; font-weight: 500; color: rgb(35, 54, 69); }
.dp4relatedProductTitle a { color: rgb(35, 54, 69); }
.c1ProductBox { background: rgb(255, 255, 255); border-radius: 5px; max-width: 370px; display: inline-block; transition: 0.3s; }
.c1ProductBox:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 5px; }
.c1ProductContent { padding: 15px; }
.c1ProductTitle { padding: 10px 0px; font-size: 20px; color: rgb(34, 34, 34); line-height: 28px; font-weight: 500; }
.c1ProductTitle a { color: rgb(34, 34, 34); }
.c1ProductBox:hover .c1ProductTitle a { color: rgb(0, 106, 246); }
.c1ProductText { font-size: 14px; line-height: 21px; }
.c1ProductBtn a { display: block; color: rgb(0, 106, 246); background: rgb(255, 255, 255); border: 1px solid rgb(0, 106, 246); border-radius: 5px; padding: 6px 15px; text-align: center; }
.c1ProductBtn a:hover { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
ul.pc3ProductSlider, ul.pc3ProductSlider ul.slick-dots, ul.img3Slider, ul.img4Slider, ul.img6Slider { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.pc3ProductSlider .slick-slide, ul.img3Slider .slick-slide, ul.img4Slider .slick-slide, ul.img6Slider .slick-slide { margin: 10px 15px; }
ul.pc3ProductSlider .slick-arrow, ul.img3Slider .slick-arrow, ul.img4Slider .slick-arrow, ul.img6Slider .slick-arrow { position: absolute; content: &quot;&quot;; top: 50%; width: 23px; height: 19px; background: url(&quot;/wp-content/uploads/2021/12/pc3Arrows.png&quot;) 0px 0px no-repeat; padding: 0px; text-indent: -1e+09px; z-index: 1; }
ul.pc3ProductSlider .slick-prev, ul.img3Slider .slick-prev, ul.img4Slider .slick-prev, ul.img6Slider .slick-prev { left: -50px; }
ul.pc3ProductSlider .slick-next, ul.img3Slider .slick-next, ul.img4Slider .slick-next, ul.img6Slider .slick-next { right: -50px; background-position: -24px 0px; }
ul.pc3ProductSlider .slick-prev.slick-disabled { background-position: 0px -19px; }
ul.pc3ProductSlider .slick-next.slick-disabled { background-position: -24px -19px; }
ul.pc3ProductSlider .slick-arrow button, ul.pc3ProductSlider ul.slick-dots li button { visibility: hidden; }
ul.pc3ProductSlider ul.slick-dots { margin-top: 10px !important; }
ul.pc3ProductSlider ul.slick-dots li { display: inline-block; padding: 0px; width: 18px; height: 18px; border: 2px solid rgb(103, 103, 103); border-radius: 100%; margin: 0px 3px; position: relative; }
ul.pc3ProductSlider ul.slick-dots li.slick-active { border-color: rgb(0, 106, 246); }
ul.pc3ProductSlider ul.slick-dots li.slick-active::before { position: absolute; content: &quot;&quot;; width: 6px; height: 6px; margin: -3px 0px 0px -3px; top: 50%; left: 50%; border-radius: 100%; background: rgb(0, 106, 246); }
.pc3TotalProducts { padding: 7px 8px; background: rgb(245, 245, 245); display: inline-block; }
.pageNo a { padding: 10px; border: 1px solid rgb(0, 106, 246); font-size: 14px; display: inline-block; line-height: 1; min-width: 36px; text-align: center; }
.pageNo a:hover, .pageNo .current { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pageNo .current { padding: 8px 10px 9px; height: auto; margin: 0px; position: relative; border: 1px solid rgb(0, 106, 246); display: inline-block; min-width: 36px; text-align: center; line-height: 1; }
.pc3Banner { position: relative; }
.bannerImg { text-align: center; }
.bannerImg img { width: 100%; }
.pc3Banner .bannerContent { position: absolute; top: 0px; width: 100%; max-width: 1170px; height: 100%; display: flex; align-items: center; z-index: 2; }
.pc3Banner .bannerContainer { width: 100%; }
.pc3BannerHeading { font-size: 50px; font-weight: 700; }
.pc3BannerDetails { max-width: 550px; display: inline-block; }
.bannerBtn { padding-top: 20px; }
.pc3s1SliderWraper { position: relative; max-width: 655px; margin: 0px auto; }
.pc3s1SliderWraper::after, .pc3s7Box::after, .pc3s11Box::after { content: &quot;&quot;; display: block; clear: both; }
ul.pc3s1SliderPager { list-style-type: none; width: 95px; float: left; margin: 0px !important; padding: 0px !important; }
ul.pc3s1SliderPager li { margin-bottom: 10px; }
.pc3s1Slider { list-style-type: none; width: calc(100% - 115px); float: left; margin: 0px 0px 0px 20px !important; padding: 0px !important; }
.pc3Section1 { padding: 50px 0px 60px; }
.pc3s1Content { padding-left: 20px; }
.pc3s1Tag { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
.pc3s1Text { margin-bottom: 30px; }
.pc3s1Text ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pc3s1Text ul li { font-weight: 300; padding-left: 30px; margin-bottom: 15px; position: relative; }
.pc3s1Text ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 20px; height: 20px; background: url(&quot;/wp-content/uploads/2026/08/right.png&quot;) center center no-repeat rgb(0, 106, 246); border-radius: 50%; }
.pc3Section2 { padding: 60px 0px 70px; }
.pc3s2Content { max-width: 550px; }
.pc3s2Text { padding: 10px 0px 25px; }
.pc3Section3 { padding-top: 75px; color: rgb(255, 255, 255); }
.pc3Section3 .readmoreBtn, .pc3Section3 .readmoreBtn::before { color: inherit; }
.pc3Section4 { padding: 80px 0px; }
.pc3Tag { font-size: 20px; font-weight: 700; color: rgb(0, 106, 246); padding-bottom: 10px; text-transform: uppercase; }
.pc3SubHeading { max-width: 950px; display: inline-block; padding-bottom: 15px; }
.pc3s4Wraper { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; padding: 0px; margin-right: -30px; }
.pc3s4Box { display: flex; flex-direction: column; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px -5px; flex: 0 0 calc(25% - 30px); box-sizing: border-box; }
.pc3s4Img { overflow: hidden; flex-shrink: 0; }
.pc3s4Img a { display: block; }
.pc3s4Box:hover .pc3s4Img a { transform: scale(1.1); }
.pc3s4Content { padding: 25px 20px; display: flex; flex-direction: column; flex-grow: 1; }
.pc3s4Btn, .pc3s4Content a { margin-top: auto; }
.pc3s4Title { font-size: 18px; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 10px; }
.pc3s4Title a { color: rgb(0, 0, 0); }
.pc3s4Box:hover .pc3s4Title a { color: rgb(0, 106, 246); }
.pc3s4Text { font-size: 14px; line-height: 21px; }
.pc3s4Btn a { display: block; text-align: center; background: rgb(255, 255, 255); color: rgb(0, 106, 246); border: 1px solid rgb(0, 106, 246); border-radius: 5px; padding: 10px; }
.pc3s4Box:hover .pc3s4Btn a { background: rgb(0, 106, 246); color: rgb(255, 255, 255); box-shadow: rgb(220, 224, 233) 0px 10px 10px; }
.pc3Section4 .pageNos, .lp3Section2 .pageNos { padding-top: 40px; }
.pc3Section4 .pageNos a, .lp3Section2 .pageNos a { padding: 0px; margin: 0px 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(9, 44, 71); font-size: 16px; display: inline-block; line-height: 1; min-width: auto; text-align: center; }
.pc3Section4 .pageNos .current, .lp3Section2 .pageNos .current { padding: 10px 15px; margin: 0px 15px; border-radius: 40px; position: relative; border: 1px solid rgb(0, 106, 246); background: rgb(255, 255, 255); color: rgb(0, 106, 246); display: inline-block; text-align: center; line-height: 1; }
.pc3Section4a { padding-top: 60px; padding-bottom: 60px; }
.pc3s4aBtn { text-align: right; }
.pc3Section5 { padding: 85px 0px 70px; }
.pc3s5SubHeading { margin-bottom: 20px; }
ul.pc3s5Slider, ul.pc3s17Slider { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
.pc3s5Slider .slick-track { display: flex !important; }
.pc3s5Slider .slick-slide { height: auto !important; display: flex !important; }
.pc3s5Slider li { display: flex; height: 100%; margin: 0px 15px; }
ul.pc3s5Slider .slick-arrow, ul.pc3s17Slider .slick-arrow { position: absolute; content: &quot;&quot;; top: 50%; width: 20px; height: 38px; background: url(&quot;/wp-content/uploads/2024/11/s5Arrow.png&quot;) 0px 0px no-repeat; z-index: 9; padding: 0px; text-indent: -1e+09px; }
ul.pc3s5Slider .slick-prev { left: -20px; transform: rotate(180deg); }
ul.pc3s5Slider .slick-next { right: -20px; transform: rotate(0deg); }
.pc3s5Box { display: flex; flex-direction: column; width: 100%; max-width: 420px; background: rgb(255, 255, 255); box-shadow: rgba(219, 223, 231, 0.2) 0px 0px 10px 10px; }
.pc3s5Img { overflow: hidden; }
.pc3s5Img a { display: block; }
.pc3s5Box:hover .pc3s5Img a { transform: scale(1.1); }
.pc3s5Content { padding: 30px 25px; display: flex; flex-direction: column; flex: 1 1 0%; }
.pc3s5Title { font-size: 18px; font-weight: 600; color: rgb(9, 44, 71); margin-bottom: 15px; }
.pc3s5Title a { color: rgb(9, 44, 71); }
.pc3s5Box:hover .pc3s5Title a { color: rgb(0, 112, 174); }
.pc3s5Text { margin-bottom: 10px; }
.pc3s5Btn { margin-top: auto; }
.pc3s5Btn a { display: block; text-align: center; background: rgb(0, 106, 246); color: rgb(255, 255, 255); border: 1px solid rgb(0, 106, 246); border-radius: 5px; padding: 16px; box-shadow: rgb(220, 224, 233) 0px 10px 10px; }
.pc3s5Box:hover .pc3s5Btn a { background: rgb(255, 255, 255); color: rgb(0, 106, 246); box-shadow: none; }
ul.pc3s5Slider ul.slick-dots { list-style-type: none; margin: 0px !important; padding: 20px 0px 0px !important; }
ul.pc3s5Slider ul.slick-dots li { display: inline-block; margin: 0px 15px; width: 34px; height: 5px; border-radius: 10px; background: rgb(214, 218, 230); z-index: 2; }
ul.pc3s5Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
ul.pc3s5Slider ul.slick-dots li button { visibility: hidden; }
.pc3Section6 { padding: 75px 0px 30px; }
.pc3s6SubHeading, .pc3s7SubHeading { max-width: 950px; margin: 0px 0px 70px; }
.pc3s6Box { padding-bottom: 20px; }
.pc3s6Title { font-size: 22px; font-weight: 700; color: rgb(9, 44, 71); padding: 45px 0px 20px; }
.pc3s6Text { max-width: 230px; font-size: 14px; line-height: 21px; }
.pc3Section7 { padding: 70px 0px 50px; background-size: cover; background-position: center center; }
.pc3Section7 h2 { color: rgb(255, 255, 255); }
.pc3s7SubHeading { color: rgb(255, 255, 255); }
.pc3s7Box { position: relative; color: rgb(255, 255, 255); padding-bottom: 10px; }
.pc3s7Img { width: 63px; float: left; }
.pc3s7Content { width: calc(100% - 63px); float: left; padding: 0px 0px 0px 30px; }
.pc3s7Title { font-size: 20px; font-weight: 600; margin-bottom: 12px; }
.pc3s7Text { max-width: 550px; font-weight: 300; }
.pc3Section8 { padding: 60px 0px; }
.pc3s8Text { padding: 10px 0px 30px; }
.pc3Video, .pc3s8Img { display: inline-block; position: relative; z-index: 1; }
.pc3Video a { display: block; position: relative; }
.pc3Video a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 63px; height: 63px; margin: -32px 0px 0px -31px; background: url(&quot;/wp-content/uploads/2024/11/playIcon.png&quot;); transition: 0.3s; }
.pc3Video a:hover::before { transform: scale(1.1); }
.pc3s8ImgWraper { text-align: right; }
.pc3Section9 { margin-top: 80px; padding: 90px 0px 35px; background-size: cover; background-position: center center; }
.pc3Section9 h2 { padding-bottom: 80px; }
.pc3s9BoxWraper1 { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; margin-right: -30px; }
.pc3s9BoxWraper { display: flex; flex-direction: column; flex: 0 0 calc(33.33% - 30px); box-sizing: border-box; position: relative; z-index: 1; }
.pc3s9BoxWraper::before { position: absolute; content: &quot;&quot;; top: -15px; left: 0px; width: 100%; height: 100%; background: rgb(0, 106, 246); border-radius: 0px 15px 15px; z-index: -1; }
.pc3s9BoxWraper::after { position: absolute; content: &quot;&quot;; top: -35px; left: 0px; width: 170px; height: 20px; background: rgb(0, 106, 246); border-radius: 25px 25px 0px 0px; z-index: -1; }
.pc3s9Box { background: rgb(255, 255, 255); border-radius: 15px; padding: 40px; text-align: left; display: flex; flex-direction: column; flex-grow: 1; }
.pc3s9Img { width: 80px; height: 80px; border-radius: 5px; background: rgb(230, 240, 253); text-align: center; line-height: 80px; flex-shrink: 0; }
.pc3s9Title { padding: 50px 0px 15px; font-size: 22px; font-weight: 700; color: rgb(9, 44, 71); }
.pc3s9Text { font-size: 14px; line-height: 21px; padding-bottom: 10px; }
.pc3s9Link { margin-top: auto; }
.pc3s9Link a { font-weight: 600; display: inline-block; padding-right: 20px; background: url(&quot;/wp-content/uploads/2024/11/pc3Arrow.png&quot;) right center no-repeat; color: rgb(0, 106, 246); }
.pc3s9Box:hover .pc3s9Link a { padding-right: 25px; }
.pc3Section10 { padding: 80px 0px 50px; }
.pc3Section10 h2 { padding-bottom: 25px; }
.pc3s4img { display: inline-block; }
.pc3s10Text { padding-top: 45px; text-align: left; }
.pc3Section11 { padding: 60px 0px; }
.pc3s11SubHeading { margin: 0px 0px 25px; }
.pc3s11Box { position: relative; margin-bottom: 25px; padding: 25px; border-radius: 10px; box-shadow: rgba(219, 223, 231, 0.2) 0px 0px 30px 30px; display: flex; align-items: center; }
.pc3s11Img { width: 280px; float: left; border-radius: 10px; overflow: hidden; }
.pc3s11Content { width: calc(100% - 280px); float: left; padding-left: 30px; }
.pc3s11Title { font-size: 22px; font-weight: 700; color: rgb(9, 44, 71); margin-bottom: 15px; }
.pc3s11Text { margin-bottom: 40px; }
.pc3s11Content a.commonBtn { padding: 10px 40px 10px 20px; position: relative; font-size: 14px; }
.pc3s11Content a.commonBtn::before { top: 16px; right: 15px; }
a.supportBtn { margin-left: 30px; font-size: 14px; font-weight: 600; color: rgb(9, 44, 71); text-decoration: underline; padding-right: 30px; background: url(&quot;/wp-content/uploads/2024/11/s11Icon.png&quot;) right center no-repeat; display: inline-block; }
.pc3s11Form { background: rgb(255, 255, 255); border: 1px solid rgb(236, 241, 246); border-radius: 25px; padding: 45px 25px 20px; position: relative; }
.pc3s11Form::before { position: absolute; content: &quot;&quot;; top: -124px; right: 40px; width: 124px; height: 123px; background: url(&quot;/wp-content/uploads/2024/11/pc3s11Icon.png&quot;) 0px 0px no-repeat; }
.pc3s11FormTitle { font-size: 24px; font-weight: 700; color: rgb(9, 44, 71); text-align: center; padding-bottom: 30px; }
.pc3s11Form input[type=&quot;text&quot;], .pc3s11Form input[type=&quot;email&quot;], .pc3s11Form input[type=&quot;tel&quot;], .pc3s11Form textarea { padding: 22px; background: rgb(247, 248, 250) !important; border: 1px solid rgb(247, 248, 250) !important; color: rgb(111, 134, 162) !important; }
.pc3s11Form input[type=&quot;text&quot;]:focus, .pc3s11Form input[type=&quot;email&quot;]:focus, .pc3s11Form input[type=&quot;tel&quot;]:focus, .pc3s11Form textarea:focus, .pc3s11Form input[type=&quot;text&quot;]:active, .pc3s11Form input[type=&quot;email&quot;]:active, .pc3s11Form input[type=&quot;tel&quot;]:active, .pc3s11Form textarea:active { background: rgb(255, 255, 255) !important; border-color: rgb(236, 241, 246) !important; }
.pc3s11Form input[type=&quot;text&quot;]::placeholder, .pc3s11Form input[type=&quot;email&quot;]::placeholder, .pc3s11Form input[type=&quot;tel&quot;]::placeholder, .pc3s11Form textarea::placeholder { color: rgb(111, 134, 162) !important; }
.pc3s11Form button[type=&quot;submit&quot;] { width: 100%; border-radius: 10px; padding: 20px; }
.pc3s11Form button[type=&quot;submit&quot;]:hover { background: rgb(0, 0, 0) !important; border-color: rgb(0, 0, 0) !important; }
.pc3Section12 { padding: 60px 0px; }
.pc3s12Box { max-width: 680px; display: inline-block; text-align: left; box-shadow: rgba(219, 223, 231, 0.2) 0px 0px 30px 30px; }
.pc3s12Img { overflow: hidden; }
.pc3s12Img a { display: block; }
.pc3s12Box:hover .pc3s12Img a { transform: scale(1.1); }
.pc3s12Content { padding: 40px 35px 35px; }
.pc3s12Title { font-size: 24px; font-weight: 600; color: rgb(9, 44, 71); padding-bottom: 15px; }
.pc3s12Title a { color: rgb(9, 44, 71); }
.pc3s12Box:hover .pc3s12Title a { color: rgb(0, 106, 246); }
.pc3s12Text { padding-bottom: 15px; }
.pc3s12Btn a { padding: 19px; display: block; text-align: center; background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pc3s12Btn a span { display: inline-block; padding-right: 20px; background: url(&quot;/wp-content/uploads/2024/11/whiteArrow.png&quot;) right center no-repeat; transition: 0.3s; }
.pc3s12Box:hover .pc3s12Btn a { background: rgb(0, 0, 0); }
.pc3s12Box:hover .pc3s12Btn a span { padding-right: 25px; }
.pc3Section13 .pc3BannerDetails { max-width: 550px; }
.pc3Section14 { padding: 80px 0px 60px; }
.pc3tabs { text-align: center; }
.pc3tabs ul.tabs { list-style-type: none; background: rgb(243, 246, 251); border-radius: 40px; display: inline-block; margin: 0px !important; padding: 0px !important; }
.pc3tabs ul.tabs li { display: inline-block; font-weight: 600; color: rgb(9, 44, 71); border: 1px solid transparent; padding: 18px 20px; border-radius: 40px; min-width: 250px; cursor: pointer; }
.pc3tabs ul.tabs li.current { border: 1px solid rgb(0, 106, 246); color: rgb(0, 106, 246); background: rgb(255, 255, 255); box-shadow: rgba(220, 224, 233, 0.5) 0px 20px 20px; }
.pc3tabs .tab-content { padding-top: 80px; display: none; text-align: left; }
.pc3tabs .tab-content.current { display: block; }
.pc3Section15 { padding: 60px 0px 80px; }
ul.pc3s15Slider { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
ul.pc3s15Slider li { margin: 0px; }
ul.pc3s15Slider .slick-arrow { position: absolute; content: &quot;&quot;; top: 50%; width: 14px; height: 22px; background: url(&quot;/wp-content/uploads/2024/11/s15Arrow.png&quot;) 0px 0px no-repeat; padding: 0px; z-index: 9; text-indent: -1e+11px; }
ul.pc3s15Slider .slick-prev { left: 0px; }
ul.pc3s15Slider .slick-next { right: 0px; transform: rotate(180deg); }
ul.pc3s15Slider ul.slick-dots { list-style-type: none; text-align: center; margin: 0px !important; padding: 30px 0px 0px !important; }
ul.pc3s15Slider ul.slick-dots li { display: inline-block; margin: 0px 10px; width: 8px; height: 8px; border-radius: 40px; background: rgb(199, 199, 199); z-index: 2; }
ul.pc3s15Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); width: 35px; }
ul.pc3s15Slider ul.slick-dots li button { visibility: hidden; padding: 0px; }
.pc3s15Box { max-width: 1130px; margin: 0px auto; padding: 15px 15px 0px; text-align: center; }
.pc3s15Text { font-weight: 300; }
.pc3s15Img { display: inline-block; margin: 30px 0px 15px; overflow: hidden; border-radius: 100%; }
.pc3s15Title { font-size: 20px; font-weight: 600; color: rgb(9, 44, 71); padding-bottom: 10px; }
.pc3s15SubTitle { font-weight: 300; }
.pc3Section16 { padding: 80px 0px 70px; }
.pc3FAQs { counter-reset: step-counter 0; }
.pc3FAQs .accordiaBox { background: rgb(255, 255, 255); position: relative; padding: 0px 0px 0px 150px; margin-bottom: 10px; counter-increment: step-counter 1; border-radius: 10px; overflow: hidden; cursor: pointer; }
.pc3FAQs .accordiaBox::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; width: 100px; height: 100%; background: rgb(0, 106, 246); color: rgb(255, 255, 255); font-size: 22px; font-weight: 600; padding-top: 40px; text-align: center; }
.pc3FAQs .accordion { font-size: 22px; font-weight: 600; color: rgb(9, 44, 71); padding: 40px 150px 40px 0px; transition: 0.3s; position: relative; }
.pc3FAQs .accordiaBox.active .accordion { padding-bottom: 20px; }
.pc3FAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 40px; right: 40px; font-size: 30px; font-weight: 600; color: rgb(0, 106, 246); transition: 0.3s; }
.pc3FAQs .accordiaBox.active .accordion::before { content: &quot;-&quot;; }
.pc3FAQs .panel { font-size: 14px; padding: 0px 0px 10px; max-width: 85%; display: none; }
.pc3Section17 { padding: 80px 0px; }
.pc3Section17 h2 { padding-bottom: 15px; }
ul.pc3s17Slider li { margin: 0px 15px; }
ul.pc3s17Slider .slick-prev { left: -40px; transform: rotate(180deg); }
ul.pc3s17Slider .slick-next { right: -40px; transform: rotate(0deg); }
.pc3s17Box { max-width: 340px; display: inline-block; text-align: left; }
.pc3s17Img { overflow: hidden; }
.pc3s17Img a { display: block; }
.pc3s17Box:hover .pc3s17Img a { transform: scale(1.1); }
.pc3s17Content { padding: 15px 0px 0px; }
.pc3s17Title { font-size: 18px; font-weight: 700; color: rgb(9, 44, 71); margin-bottom: 10px; }
.pc3s17Title a { color: rgb(9, 44, 71); }
.pc3s17Box:hover .pc3s17Title a { color: rgb(0, 106, 246); }
.pc3s17Link a { font-size: 14px; font-weight: 600; color: rgb(0, 106, 246); padding-right: 25px; display: inline-block; background: url(&quot;/wp-content/uploads/2024/11/pc3Arrow.png&quot;) right center no-repeat; }
.pc3s17Box:hover .pc3s17Link a { padding-right: 30px; }
.pc3Section18 { padding: 80px 0px; }
.pc3s18FAQs { padding: 20px 40px; background: rgb(255, 255, 255); }
.pc3s18FAQs .accordiaBox { border-bottom: 1px solid rgb(209, 216, 226); }
.pc3s18FAQs .accordiaBox:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.pc3s18FAQs .accordion { font-size: 18px; font-weight: 600; color: rgb(9, 44, 71); position: relative; cursor: pointer; padding: 30px 60px 30px 0px; transition: 0.3s; }
.pc3s18FAQs .accordiaBox.active .accordion { padding: 30px 0px 10px; }
.pc3s18FAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 30px; right: 0px; font-size: 30px; font-weight: 600; color: rgb(34, 68, 95); }
.pc3s18FAQs .accordiaBox.active .accordion::before { content: &quot;-&quot;; }
.pc3s18FAQs .panel { display: none; padding-bottom: 30px; }
.pc3s18FAQs .panel p:last-child { margin: 0px; }
.pc3s18FAQs .accordiaBox.active .panel { display: block; }
.pc3s18Form { background: rgb(0, 106, 246); padding: 50px 25px 25px; width: 100%; max-width: 370px; float: right; }
.pc3s18FormTitle { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; padding-bottom: 30px; }
.pc3s18Form input[type=&quot;text&quot;], .pc3s18Form input[type=&quot;email&quot;], .pc3s18Form input[type=&quot;tel&quot;], .pc3s18Form textarea { padding: 22px; background: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; color: rgb(111, 134, 162) !important; }
.pc3s18Form input[type=&quot;text&quot;]:focus, .pc3s18Form input[type=&quot;email&quot;]:focus, .pc3s18Form input[type=&quot;tel&quot;]:focus, .pc3s18Form textarea:focus, .pc3s18Form input[type=&quot;text&quot;]:active, .pc3s18Form input[type=&quot;email&quot;]:active, .pc3s18Form input[type=&quot;tel&quot;]:active, .pc3s18Form textarea:active { background: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; }
.pc3s18Form input[type=&quot;text&quot;]::placeholder, .pc3s18Form input[type=&quot;email&quot;]::placeholder, .pc3s18Form input[type=&quot;tel&quot;]::placeholder, .pc3s18Form textarea::placeholder { color: rgb(111, 134, 162) !important; }
.pc3s18Form button[type=&quot;submit&quot;] { width: 100%; border-radius: 10px; padding: 20px; border: 1px solid rgb(255, 255, 255); }
.pc3s18Form button[type=&quot;submit&quot;]:hover { background: rgb(255, 255, 255) !important; color: rgb(0, 106, 246) !important; opacity: 1 !important; }
.pc3Section19 { padding: 80px 0px 60px; }
.pc3s19Title { font-size: 22px; font-weight: 700; color: rgb(0, 106, 246); padding: 15px 0px 10px; }
.pc3s19Text { max-width: 300px; }
.pc3Section20 { padding: 50px 0px 70px; }
.pc3Section20 h3 { padding-bottom: 15px; }
ul.pc3s20Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.pc3s20Slider li { margin: 0px 10px; }
.videoSection2Title { font-size: 18px; margin: 10px 0px; }
.videoCOntent, .videoHeading { padding: 0px !important; }
.videoBanner .bannerContent { padding: 0px !important; }
.pd6s1Slider { position: relative; }
.pd6s1Slider .homeSlider { max-width: 850px; }
.pd6s1Btn { position: absolute; top: 0px; right: 0px; z-index: 1; padding: 5px 25px; background: rgb(243, 62, 62); color: rgb(255, 255, 255); font-size: 22px; box-shadow: rgb(193, 12, 12) 0px 0px 10px inset; border: 2px solid rgb(183, 0, 0); border-radius: 30px; line-height: 1; }
.pd6s1Btn:hover { background: rgb(221, 35, 35); color: rgb(255, 255, 255); }
.pd6s1DetailsTitle { color: rgb(255, 255, 255); background: rgb(0, 106, 246); font-size: 18px; padding: 4px 10px; }
.pd6s1DetailsBody { border: 1px solid rgb(201, 201, 201); padding: 30px; color: rgb(62, 62, 62); }
a.pd6QuoteBtn { background: rgb(243, 62, 62); color: rgb(255, 255, 255); display: inline-block; padding: 15px 30px; border-radius: 8px; font-size: 22px; line-height: 1; }
a.pd6QuoteBtn:hover { background: rgb(221, 35, 35); color: rgb(255, 255, 255); }
.pd6s1Tabs { background: rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 1px; padding: 30px; }
.pd6s1Tabs ul.tabs { border-bottom: 1px solid rgb(162, 162, 162); padding: 0px !important; margin: 0px 0px 20px !important; }
.pd6s1Tabs ul.tabs li { cursor: pointer; display: inline-block !important; margin: 0px 10px !important; padding: 3px 19px !important; border-width: 1px 1px medium !important; border-style: solid solid none !important; border-color: rgb(162, 162, 162) rgb(162, 162, 162) currentcolor !important; border-image: none !important; background-color: rgb(238, 238, 238) !important; color: rgb(62, 62, 62) !important; }
.pd6s1Tabs ul.tabs li.current { border-width: 1px 1px medium !important; border-style: solid solid none !important; border-color: rgb(0, 106, 246) rgb(0, 106, 246) currentcolor !important; border-image: none !important; background-color: rgb(0, 106, 246) !important; color: rgb(255, 255, 255) !important; line-height: inherit !important; }
.pd6s1Tabs .tab-content { display: none; }
.pd6s1Tabs .tab-content.current { display: block; }
.lp5BannerHeading { font-size: 42px; line-height: 50px; font-weight: 600; }
.lp5S1Content { padding: 70px 0px 50px; }
.lp5FPTitle { font-weight: 600; color: rgb(0, 0, 0); position: relative; padding-left: 20px; }
.lp5FPTitle::before { position: absolute; content: &quot;&quot;; top: 2px; left: 0px; font-family: Astra; font-size: 14px; color: rgb(0, 106, 246); }
.lp5FPText { font-size: 14px; }
.lp5Testimonial { background: rgb(255, 255, 255); padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; }
.lp5Review { margin-bottom: 10px; }
.lp5Author { font-size: 14px; font-weight: 600; }
.lp5Author img { max-width: 50px; border-radius: 100%; border: 2px solid rgb(218, 218, 218); margin-right: 10px; }
.lp5FAQs .accordiaBox { border-top: 1px solid rgb(235, 235, 235); }
.lp5FAQs .accordiaBox:last-child { border-bottom: 1px solid rgb(235, 235, 235); }
.lp5FAQs .accordion { color: rgb(0, 0, 0); font-weight: 600; padding: 40px 30px 40px 0px; position: relative; font-size: 20px; }
.lp5FAQs .accordion::before { position: absolute; content: &quot;&quot;; top: 42px; right: 0px; font-family: Astra; font-size: 16px; font-weight: 700; color: rgb(0, 0, 0); transform: rotate(270deg); transition: 0.3s; }
.lp5FAQs .accordiaBox.active .accordion::before { transform: rotate(0deg); }
.lp5FAQs .panel { color: rgb(0, 0, 0); display: none; }
.serchPalette input[name=&quot;search&quot;] { width: 100%; border: 1px solid rgb(218, 218, 218); background: url(&quot;/wp-content/uploads/2021/11/search.png&quot;) 98% 10px no-repeat rgb(255, 255, 255); }
.tempFAQsSection &gt; h2 { font-weight: 700; font-size: 28px; }
.tempFAQs .accordiaBox { border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(235, 235, 235) rgb(235, 235, 235) currentcolor; border-image: none; }
.tempFAQs .accordiaBox:last-child { border-bottom: 1px solid rgb(235, 235, 235); }
.tempFAQs .accordion { color: var(--ast-global-color-0); padding: 15px 30px 15px 15px; position: relative; cursor: pointer; }
.tempFAQs .accordion:hover { text-decoration: underline; }
.tempFAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 2px; right: 15px; font-size: 26px; font-weight: 700; color: var(--ast-global-color-0); transition: 0.3s; }
.tempFAQs .accordiaBox.active .accordion::before { transform: rotate(45deg); }
.tempFAQs .panel { padding: 15px; display: none; }
.tempFAQsSidebar &gt; h3 { font-size: 18px; line-height: 24px; position: relative; padding-left: 40px; }
.tempFAQsSidebar &gt; h3::before { position: absolute; content: &quot;&quot;; top: -2px; left: 0px; width: 30px; height: 30px; background: url(&quot;/wp-content/uploads/2021/11/shareIcon.png&quot;) 0px 0px no-repeat rgb(0, 106, 246); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 10px; border-radius: 100%; }
.tempFAQsSidebar ol li { margin-bottom: 10px; }
.tempFAQsSidebar.divScroll.side-fixed { box-shadow: none; }
.pc5s5Content { background: rgb(242, 242, 242); padding: 30px 40px; }
.pc5s5ContentRight { text-align: right; }
.pc5s5Content .pc5s5SubTitle { text-transform: uppercase; color: rgb(103, 103, 103); font-weight: 600; letter-spacing: 3px; margin-bottom: 8px; }
.pc5s5Content .pc5s5Title { color: rgb(51, 51, 51); font-size: 24px; font-weight: 700; letter-spacing: 2px; line-height: 33px; margin-bottom: 16px; }
.pc5s5Img { text-align: center; }
.pc5Gallery { max-width: 370px; display: inline-block; position: relative; }
.pc5GalleryImg { position: relative; overflow: hidden; }
.pc5GalleryImg::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; height: 50%; opacity: 0.8; background: linear-gradient(transparent, rgb(0, 0, 0)); z-index: 1; }
.pc5GalleryImg a { display: block; transition: 1.5s; }
.pc5Gallery:hover .pc5GalleryImg a { transform: scale(1.3); }
.pc5Gallery .pc5GalleryContent { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: left; color: rgb(255, 255, 255); padding: 0px 20px 20px; font-weight: 600; z-index: 1; }
.pc5GalleryTitle { color: rgb(255, 255, 255); font-size: 22px; }
.pc5GalleryTitle a { color: rgb(255, 255, 255); }
.pc5GalleryLink a { position: relative; }
.pc5Gallery:hover .pc5GalleryLink a { color: rgb(255, 255, 255); }
.pc5ScrollSection { border-bottom: 1px solid rgb(229, 229, 229); box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 7px; padding: 15px 0px; }
.pc5ssContent { text-align: center; }
.pc5ssContent ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pc5ssContent ul li { display: inline-block; padding: 0px 15px; position: relative; }
.pc5ssContent ul li:not(:last-child)::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 1px; height: 100%; background: rgb(229, 229, 229); }
.pc5ssContent ul li a { text-transform: uppercase; display: block; color: rgb(103, 103, 103); font-weight: 600; cursor: pointer; }
.pc5ssContent ul li a:hover { color: rgb(0, 106, 246); }
.scrollTop { position: relative; padding-right: 30px !important; }
.scrollTop::before { position: absolute; content: &quot;↑&quot;; top: -10px; right: 0px; font-size: 38px; line-height: 1; font-weight: 600; color: rgb(103, 103, 103); transition: 0.3s; }
.scrollTop:hover::before { color: rgb(0, 106, 246); }
.pc5ScrollSection.fixed { position: fixed; top: 73px; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 9; }
.logged-in .pc5ScrollSection.fixed { top: 105px; }
.pc5BG { background: url(&quot;/wp-content/uploads/2021/12/pc5BG.jpg&quot;) 0px 0px / cover no-repeat; }
body .pds1Heading { font-size: 48px; font-weight: 900; margin-bottom: 10px !important; }
.pd7s1Link a { position: relative; padding-left: 25px; }
.pd7s1Link a::before { position: absolute; content: &quot;↑&quot;; top: 0px; left: 0px; font-size: 28px; line-height: 1; font-weight: 600; color: rgb(103, 103, 103); transform: rotate(180deg); }
.pd7s1Link a:hover, .pd7s1Link a:hover::before { color: rgb(0, 106, 246); }
.pd7s3Tabs { position: relative; }
.pd7s3Tabs ul.tabs { position: absolute; top: -90px; right: 0px; list-style-type: none; text-transform: uppercase; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px 0px; border-radius: 16px; margin: 0px !important; padding: 2px 4px 4px !important; }
.pd7s3Tabs ul.tabs li { display: inline-block; padding: 5px 16px; font-size: 12px; line-height: 16px; color: rgb(103, 103, 103); border-radius: 13px; outline: none; cursor: pointer; }
.pd7s3Tabs ul.tabs li.current { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.pd7s3Tabs .tab-content { display: none; }
.pd7s3Tabs .tab-content.current { display: block; }
.pd7s4Category { font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; position: relative; padding-top: 20px; }
.pd7s4Category::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 40px; height: 4px; background: rgb(0, 106, 246); }
.pd7s5Img { max-width: 80px; float: left; }
.pd7s5Title { width: calc(100% - 80px); float: left; padding-left: 20px; font-weight: 600; }
.pd7s6Tabs ul.tabs2 { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
.pd7s6Tabs ul.tabs2::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: -100%; width: 300%; height: 200px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(244, 244, 244) 100%); z-index: -1; }
.pd7s6Tabs ul.tabs2 li { display: inline-block; color: rgb(103, 103, 103); letter-spacing: 2px; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; padding: 16px 24px; border-bottom: 3px solid transparent; }
.pd7s6Tabs ul.tabs2 li.current { color: rgb(0, 106, 246); border-color: rgb(0, 106, 246); }
.pd7s6Tabs .tab-content2 { display: none; padding-top: 40px; }
.pd7s6Tabs .tab-content2.current { display: block; }
.pd7Section10 h3 { font-weight: 600; }
.pd7Section10 ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pd7Section10 ul li { position: relative; padding: 25px 0px 25px 40px; border-top: 1px solid rgb(229, 229, 229); }
.pd7Section10 ul li:last-child { border-bottom: 1px solid rgb(229, 229, 229); }
.pd7Section10 ul li::before { position: absolute; content: &quot;&quot;; top: 26px; left: 10px; width: 20px; height: 24px; background: url(&quot;/wp-content/uploads/2021/12/playIcon.png&quot;) 0px 0px no-repeat; }
.pd7Section10 ul li a { color: rgb(103, 103, 103); font-weight: 600; }
.pd7Section10 ul li a:hover { color: rgb(0, 106, 246); }
.pds11Text { font-size: 26px; line-height: 42px; }
.pd7s8Box { padding: 30px 40px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px 0px; background-color: rgb(255, 255, 255); margin-bottom: 15px; }
.pd7s8Box &gt; a { display: block; position: relative; padding-left: 110px; }
.pd7s8Box &gt; a::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 80px; height: 80px; background: url(&quot;/wp-content/uploads/2021/12/downloadIcon.png&quot;) center center no-repeat rgb(244, 244, 244); border-radius: 100%; transition: 0.3s; }
.pd7s8DCategory, .pd7s8Title, .pd7s1Link a { font-weight: 600; color: rgb(103, 103, 103); text-transform: uppercase; letter-spacing: 2px; font-size: 15px; }
.pd7s8DTitle { font-size: 24px; font-weight: 600; color: rgb(51, 51, 51); }
.pd7s8DFile { font-size: 14px; font-weight: 600; color: rgb(103, 103, 103); }
.pd7s8Box &gt; a:hover .pd7s8DCategory, .pd7s8Box &gt; a:hover .pd7s8DTitle { color: rgb(0, 106, 246); }
.pd7s8Box &gt; a:hover::before { transform: rotate(360deg); }
.pd7s8Text { font-size: 34px; line-height: 42px; font-weight: 600; color: rgb(51, 51, 51); }
.readmoreBtn { display: inline-block; padding-left: 25px; position: relative; font-weight: 600; color: rgb(0, 106, 246); cursor: pointer; }
.readmoreBtn::before { position: absolute; content: &quot;&quot;; top: -1px; left: 0px; font-family: Astra; font-size: 18px; font-weight: 600; color: rgb(0, 106, 246); transition: 0.3s; }
.readmoreBtn.read-more::before { transform: rotate(180deg); }
.lp6Banner .bannerContent { margin-top: 10%; }
.lp6Section1 h1 { font-weight: 800; font-size: 44px !important; }
.lp6s1SubHeading { color: rgb(0, 106, 246); font-size: 24px; padding: 10px 0px 20px; }
.lp6s2Box { border: 1px solid rgb(223, 223, 223); border-radius: 5px; background: rgb(247, 247, 247); margin-bottom: 30px; }
.lp6s2Row1 { border-bottom: 1px solid rgb(223, 223, 223); padding: 20px 20px 25px; }
.lp6s2Img { width: 110px; float: left; }
.lp6s2Content { width: calc(100% - 110px); float: left; padding-left: 25px; }
.lp6s2Heading { font-size: 30px; font-weight: 600; color: rgb(17, 17, 17); margin-bottom: 15px; }
.lp6s2SubHeading { color: rgb(34, 34, 34); padding-left: 35px; background: url(&quot;/wp-content/uploads/2022/01/lp6s2Icon.png&quot;) 0px 2px no-repeat; font-size: 18px; }
.lp6s2Row2 { padding: 20px; }
.lp6s2Title { font-size: 24px; font-weight: 600; color: rgb(0, 106, 246); margin-bottom: 20px; }
.lp6Sidebar #secondary { margin: 0px; width: 100% !important; padding: 0px !important; }
.hp5Section1 { padding: 180px 0px; }
.hp5s1Content, .hp5s4ContentLeft, .hp5s4ContentRight { max-width: 540px; position: relative; }
.hp5s1Content::before, .hp5s4ContentLeft::before, .hp5s4ContentRight::before { position: absolute; content: &quot;&quot;; top: 0px; width: 4px; height: 100%; background: linear-gradient(rgb(17, 70, 151) 0%, rgb(255, 255, 255) 100%); }
.hp5s1Content::before, .hp5s4ContentLeft::before { left: -60px; }
.hp5s4ContentRight::before { right: -60px; }
.hp5s1Text ul, .hp5s4Text ul { list-style-type: none; margin: 0px !important; padding: 10px 0px 50px !important; }
.hp5s1Text ul li, .hp5s4Text ul li { padding-left: 20px; margin-bottom: 10px; position: relative; color: rgb(0, 0, 0); }
.hp5s1Text ul li::before, .hp5s4Text ul li::before { position: absolute; content: &quot;&quot;; top: 6px; left: 0px; width: 10px; height: 10px; background: rgb(0, 106, 246); border-radius: 10px; }
.hp5s1Video { overflow: hidden; border-radius: 16px; }
.hp5s1Video img { transition: 0.3s; }
.hp5s1Video:hover img { transform: scale(1.1); }
.hp5s1Btns a.whiteBtn { margin-left: 20px; }
.hp5Section2 { padding-bottom: 170px; }
.hp5s2Btn { text-align: right; }
.hp5s2Box { max-width: 370px; display: inline-block; }
.hp5s2Img { overflow: hidden; border-radius: 15px; }
.hp5s2Img a { display: block; }
.hp5s2Box:hover .hp5s2Img a { transform: scale(1.1); }
.hp5s2Title { font-size: 22px; font-weight: 600; color: rgb(2, 4, 24); padding-top: 20px; }
.hp5s2Title a { color: rgb(2, 4, 24); }
.hp5s2Box:hover .hp5s2Title a { color: rgb(0, 106, 246); }
.hp5Section3 { background: rgb(0, 106, 246); padding: 70px 0px 60px; margin-bottom: 100px; }
.hp5Section3 h2 { color: rgb(255, 255, 255); padding-bottom: 20px; }
.hp5s3Title { font-size: 40px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.2; padding-bottom: 10px; transition: 0.3s; }
.hp5s3Box:hover .hp5s3Title { transform: scale(1.1); }
.hp5s3Text { color: rgb(255, 255, 255); }
.hp5Section4 { padding: 100px 0px; }
.hp5s4ContentRight { float: right; }
.hp5s4Img { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; }
.hp5s4Img img { transition: 0.3s; }
.hp5s4Img:hover img { transform: scale(1.1); }
.hp5Section5 { padding: 100px 0px 200px; }
.hp5s5Content { padding-top: 100px; }
.hp5s5Box { max-width: 280px; display: inline-block; text-align: left; position: relative; padding-top: 20px; z-index: 1; }
.hp5s5Title { font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); padding-bottom: 10px; min-height: 60px; }
.hp5s5Title a { color: rgb(0, 0, 0); }
.hp5s5Box:hover .hp5s5Title a { color: rgb(0, 106, 246); }
.hp5s5Img { overflow: hidden; border-radius: 20px; margin-top: 20px; }
.hp5s5Img a { display: block; }
.hp5s5Box:hover .hp5s5Img a { transform: scale(1.1); }
.hp5s5Count { font-size: 120px; font-weight: 600; color: rgb(233, 236, 244); position: absolute; top: 0px; left: -70px; z-index: -1; }
.hp5Section6 { padding: 120px 0px 80px; background: rgb(0, 106, 246); }
.hp5Section6 h2 { color: rgb(255, 255, 255); padding-bottom: 20px; }
.hp5s7Img { overflow: hidden; border-radius: 16px; }
.hp5s7Img img { transition: 0.3s; }
.hp5s7Img:hover img { transform: scale(1.1); }
.hp5FAQs { max-width: 480px; }
.hp5FAQs .accordiaBox { color: rgb(255, 255, 255); padding-left: 60px; position: relative; padding-bottom: 40px; }
.hp5FAQs .accordiaBox::before { position: absolute; content: &quot;+&quot;; top: -2px; left: 0px; width: 31px; height: 31px; background: rgb(255, 255, 255); font-size: 30px; font-weight: 100; color: rgb(0, 106, 246); text-align: center; line-height: 31px; }
.hp5FAQs .accordiaBox.active::before { content: &quot;-&quot;; }
.hp5FAQs .accordiaBox .accordion { font-size: 20px; font-weight: 600; cursor: pointer; }
.hp5FAQs .accordiaBox .panel { font-size: 14px; padding-top: 10px; display: none; }
.hp5Form { padding: 50px; background: rgb(255, 255, 255); border-radius: 35px; width: 100%; max-width: 510px; float: right; }
.hp5FormTitle { font-size: 30px; font-weight: 700; color: rgb(41, 96, 248); text-align: center; line-height: 1.3; padding-bottom: 30px; }
.hp5Form input[type=&quot;text&quot;], .hp5Form input[type=&quot;email&quot;], .hp5Form textarea { margin-bottom: 19px; background: rgb(255, 255, 255); padding: 14px; border: 1px solid rgb(240, 241, 249) !important; border-radius: 10px !important; }
.hp5Form input[type=&quot;text&quot;]::placeholder, .hp5Form input[type=&quot;email&quot;]::placeholder, .hp5Form textarea::placeholder { color: rgb(166, 166, 166) !important; }
.hp5Form textarea { min-height: 125px !important; }
.hp5Section7 { padding: 175px 0px 115px; }
.hp5Section7 h2 { padding-bottom: 30px; }
.hp5s7Box { position: relative; padding-bottom: 60px; }
.hp5s7Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp5s7Img { max-width: 220px; float: left; border-radius: 10px; overflow: hidden; }
.hp5s7Img a { display: block; }
.hp5s7Content { width: calc(100% - 220px); float: left; text-align: left; padding: 0px 50px; }
.hp5s7Content img { width: 40px; height: 40px; }
.hp5s7Title { font-size: 22px; font-weight: 600; padding: 20px 0px; color: rgb(0, 0, 0); }
.hp5s7Title a { color: rgb(0, 0, 0); }
.hp5s7Title a:hover { color: rgb(0, 106, 246); }
.hp6Section1 { padding: 140px 0px; }
.hp6s1Img { display: inline-block; border-radius: 10px; overflow: hidden; }
.hp6s1Img a { display: block; position: relative; }
.hp6s1Img a::before { position: absolute; content: &quot;Watch Our Video&quot;; bottom: 40px; left: 40px; padding: 15px 0px 15px 70px; background: url(&quot;/wp-content/uploads/2023/08/playIcon.png&quot;) 0px 0px no-repeat; font-weight: 600; color: rgb(255, 255, 255); }
.page-template-template-home19 #content b { color: rgb(0, 111, 190); }
.hp6s1Text { color: rgb(170, 177, 181); margin-bottom: 55px; }
.hp6s1Title { font-size: 40px; font-weight: 600; color: rgb(0, 111, 190); line-height: 1; padding-bottom: 15px; }
.hp6s1Box { margin: auto; }
.hp6s1Text1 { color: rgb(41, 47, 51); }
.hp6s1Btn { padding-top: 25px; }
.hp6Section2 { background: rgb(242, 246, 250); padding: 110px 0px 80px; }
.hp6s2Row1, .hp6s4Row1 { margin-bottom: 30px !important; }
.hp6Tag { display: inline-block; background: rgb(214, 233, 244); color: rgb(0, 111, 190); padding: 1px 12px; border-radius: 5px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; line-height: 21px; margin-bottom: 20px; }
.hp6s2Btn { text-align: right; }
.hp6s2Box { display: inline-block; max-width: 370px; background: rgb(255, 255, 255); border-radius: 10px; overflow: hidden; text-align: left; position: relative; transition: 0.3s; }
.hp6s2Link a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 9, 24, 0.7); padding-top: 60%; text-align: center; transform: translateY(101%); }
.hp6s2Link img { width: 40px; height: 40px; }
.hp6s2Link a span { display: block; font-weight: 600; color: rgb(255, 255, 255); padding-top: 5px; }
.hp6s2Box:hover .hp6s2Link a { transform: translateY(0px); }
.hp6s2Content { padding: 20px 40px 30px; }
.hp6s2Title { font-size: 18px; font-weight: 700; color: rgb(41, 47, 51); margin-bottom: 10px; }
.hp6s2Title a { color: rgb(41, 47, 51); }
.hp6s2Box:hover .hp6s2Title a { color: rgb(0, 111, 190); }
.hp6s2Text { min-height: 90px; }
.hp6s2Text ul li { font-size: 14px; line-height: 21px; margin-bottom: 2px; color: rgb(170, 177, 181); }
.hp6Section3 { padding: 180px 0px 0px; }
.hp6Section3 h2 { color: rgb(41, 47, 51); margin-bottom: 70px !important; }
.hp6s3Box { max-width: 370px; display: inline-block; text-align: left; }
.hp6s3Title { font-size: 26px; font-weight: 600; color: rgb(0, 111, 190); line-height: 1; margin-bottom: 15px; }
.hp6s3Text { font-size: 14px; line-height: 21px; }
.hp6s3Img { text-align: center; padding-top: 10px; }
.hp6Section4 { padding: 110px 0px 80px; background: rgb(242, 246, 250); }
.hp6Tabs ul.tabs { list-style-type: none; border: 1px solid rgb(219, 219, 219); border-radius: 40px; display: inline-block; margin: 0px !important; padding: 5px !important; }
.hp6Tabs ul.tabs li { display: inline-block; font-weight: 600; color: rgb(41, 47, 51); padding: 12px 25px; border-radius: 40px; cursor: pointer; }
.hp6Tabs ul.tabs li.current { background: rgb(0, 111, 190); color: rgb(255, 255, 255); }
.hp6Tabs .tab-content { display: none; }
.hp6Tabs .tab-content.current { display: block; }
.hp6s4Box { display: inline-block; max-width: 370px; border-radius: 5px; overflow: hidden; position: relative; }
.hp6s4Img a, .hp6s4Img img { display: block; }
.hp6s4Img img { transition: 0.3s; }
.hp6s4Box:hover .hp6s4Img img { transform: scale(1.1); }
.hp6s4Title { position: absolute; bottom: 20px; left: 30px; font-weight: 600; color: rgb(255, 255, 255); }
.hp6s4Title a { color: rgb(255, 255, 255); }
.hp6Section5 { padding: 150px 0px 120px; }
.hp6Section5 h2 { margin-bottom: 50px !important; }
.hp6s5Box { display: inline-block; max-width: 570px; border-radius: 5px; overflow: hidden; position: relative; }
.hp6s5Img { overflow: hidden; }
.hp6s5Img img { display: block; transition: 0.3s; }
.hp6s5Box:hover .hp6s5Img img { transform: scale(1.1); }
.hp6s5Title { position: absolute; bottom: 50px; left: 50%; width: 270px; font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); padding-top: 40px; margin-left: -135px; }
.hp6s5Title::before { position: absolute; content: &quot;&quot;; top: 0px; left: 50%; width: 30px; height: 7px; border-radius: 10px; background: rgb(255, 255, 255); margin-left: -15px; }
.hp6s5Title a { color: rgb(255, 255, 255); }
.hp6Section6 { padding: 70px 0px 100px; }
.hp6s6Tag { margin-top: 70px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.hp6Section6 h2 { color: rgb(255, 255, 255); }
.hp6FAQs { counter-reset: step-counter 0; }
.hp6FAQs .accordiaBox { padding: 35px 0px; border-bottom: 1px solid rgb(218, 218, 218); }
.hp6FAQs .accordiaBox.active { padding: 35px 0px 15px; }
.hp6FAQs .accordion { counter-increment: step-counter 1; padding: 0px 30px 0px 60px; font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); position: relative; cursor: pointer; line-height: 1.2; }
.hp6FAQs .accordion::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); }
.hp6FAQs .accordion::after { position: absolute; content: &quot;&quot;; top: 6px; right: 0px; font-family: Astra; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); transform: rotate(0deg); transition: 0.3s; }
.hp6FAQs .accordiaBox.active .accordion::after { transform: rotate(180deg); }
.hp6FAQs .panel { padding: 20px 30px 0px 60px; display: none; color: rgba(255, 255, 255, 0.467); }
.hp6FAQs .accordiaBox.active .panel { display: block; }
.hp6Section7 { padding: 150px 0px 120px; }
.hp6Section7 h2 { margin-bottom: 50px !important; }
.hp6s7Box { display: inline-block; max-width: 370px; text-align: left; }
.hp6s7Img { border-radius: 5px; overflow: hidden; }
.hp6s7Img a { display: block; }
.hp6s7Box:hover .hp6s7Img a { transform: scale(1.1); }
.hp6s7Content { padding: 35px 20px 0px; }
.hp6s7SubTitle { font-size: 14px; font-weight: 600; color: rgb(0, 111, 190); }
.hp6s7Title { font-size: 24px; font-weight: 700; color: rgb(0, 30, 78); padding: 20px 0px 15px; }
.hp6s7Title a { color: rgb(0, 30, 78); }
.hp6s7Box:hover .hp6s7Title a { color: rgb(0, 111, 190); }
.hp6s7Text { font-size: 14px; line-height: 21px; }
.hp6s7Link a { display: block; border: 2px solid rgb(140, 148, 155); border-radius: 10px; font-weight: 600; color: rgb(41, 47, 51); padding: 13px 20px; background: url(&quot;/wp-content/uploads/2023/08/arrow.jpg&quot;) 95% center no-repeat; }
.hp6s7Box:hover .hp6s7Link a { border: 2px solid rgb(0, 111, 190); color: rgb(0, 111, 190); }
.hp6Section8 { padding: 0px 60px 50px; }
.hp6Section9Heading { font-size: 56px; font-weight: 600; }
.hp6Section9Container { display: flex; justify-content: space-between; text-align: center; }
.hp6Section9Details ul li::marker { color: rgb(3, 110, 184) !important; }
ul.hp6Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp6Brands li { text-align: center; }
ul.hp6Brands li img { display: inline-block; }
.hp7Sep { width: 100%; max-width: 600px; height: 1px; margin: 0px auto; background: rgb(188, 188, 188); position: relative; }
.hp7Sep::before, .hp7List ul li::before { position: absolute; content: &quot;&quot;; top: -5px; left: 50%; width: 11px; height: 11px; background: rgb(0, 106, 246); border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 106, 246) 0px 0px 0px 1px; transform: rotate(45deg); }
.hp7List ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp7List ul li { margin-bottom: 10px; padding-left: 30px; position: relative; }
.hp7List ul li::before { top: 6px; left: 0px; }
.hp7s2Content { position: relative; }
.hp7s2Video { position: absolute; top: 0px; left: 100%; width: 870px; height: 100%; overflow: hidden; }
.hp7s2Video a::before { left: 100px; }
.hp7s2Video::after { position: absolute; content: &quot;&quot;; top: -15px; left: -55px; width: 100px; height: calc(100% + 40px); background: rgb(255, 255, 255); transform: rotate(10deg); }
.hp7Section3, .hp7Section6 { border-top: 1px solid rgb(191, 191, 191); position: relative; }
.hp7Section3::before, .hp7Section3::after, .hp7Section6::before { position: absolute; content: &quot;&quot;; width: 571px; height: 320px; background: url(&quot;/wp-content/uploads/2022/01/pattern.png&quot;) 0px 0px no-repeat; z-index: -1; }
.hp7Section3::before, .hp7Section6::before { top: 0px; left: 0px; }
.hp7Section3::after { bottom: 0px; right: 0px; transform: rotate(180deg); }
.hp7s3Box { display: inline-block; max-width: 370px; background: rgb(255, 255, 255); border-bottom: 4px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; transition: 0.3s; padding-bottom: 30px; }
.hp7s3Box:hover { border-bottom: 4px solid rgb(0, 106, 246); }
.hp7s3Img { overflow: hidden; }
.hp7s3Img a { display: inline-block; }
.hp7s3Box:hover .hp7s3Img a { transform: scale(1.1); }
.hp7s3Title { margin: 15px 10px 10px; }
.hp7s3Title a { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); }
.hp7s3Box:hover .hp7s3Title a { color: rgb(0, 106, 246); }
.hp7s3Text { padding: 0px 10px 15px; }
.hp7s4Video { text-align: center; }
.hp7s6Box, .hp7s10Box { display: inline-block; max-width: 370px; }
.hp7s6Title a, .hp7s7Title, .hp7s10Title a { display: inline-block; font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); margin: 15px 0px 10px; }
.hp7s7Title a { color: rgb(0, 0, 0); }
.hp7s6Box:hover .hp7s6Title a, .hp7s7Box:hover .hp7s7Title a, .hp7s10Box:hover .hp7s10Title a { color: rgb(0, 106, 246); }
.hp7s6Img { overflow: hidden; }
.hp7s6Img a { display: inline-block; }
.hp7s6Box:hover .hp7s6Img a, .hp7s10Box:hover .hp7s10Img a { transform: scale(1.1); }
.hp7s7Box { max-width: 570px; display: inline-block; text-align: left; }
.hp7s7Img { display: inline-block; border: 1px solid rgb(201, 201, 201); padding: 5px; border-radius: 3px; }
.hp7s7Img a { display: block; }
.hp7s7Img a::before { width: 70px; height: 70px; margin: -35px 0px 0px -35px; background-size: 100% auto; }
.hp7Section8, .hp7Section11 { position: relative; background-size: cover; }
.hp7Section8::before, .hp7Section11::before, .hp12Section10::before, .hp12Section5::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.hp7s8Title, .hp7s8Text, .hp7s11Title, .hp7s11Text { color: rgb(255, 255, 255) !important; }
.hp7s8SubTitle { color: rgb(252, 205, 72); }
.hp7Section9 h3 b { color: rgb(0, 106, 246); }
.hp7s10Img { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; overflow: hidden; }
.hp7s10Img a { display: block; }
.hp7s10box:hover .hp7s10Img a { transform: scale(1.1); }
.hp7Section8, .hp7Section11 { background-size: cover; }
ul.hp7Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp7Brands li { display: inline-block; padding: 0px 8px 10px; }
.hp8s1Box { max-width: 370px; display: inline-block; }
.hp8s1Img { display: inline-block; }
.hp8s1Icon { position: relative; display: table-cell; vertical-align: middle; padding: 15px; width: 100px; height: 100px; border-radius: 100%; border: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255); transition: 0.3s; z-index: 1; }
.hp8s1Icon::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 0%; height: 0%; border-radius: 100%; background: rgb(204, 204, 204); z-index: -1; transition: 0.3s; }
.hp8s1Icon:hover::before { top: 0%; left: 0%; width: 100%; height: 100%; }
.hp8s1Title, .hp8s4Title { font-size: 22px; color: rgb(0, 106, 246); font-weight: 600; margin-top: 15px; }
.hp8Section2, .hp8Section5, .hp8Section8 { background-size: cover; color: rgb(255, 255, 255); }
.hp8Section2 a.commonBtn:hover, .hp8Section5 a.commonBtn:hover, .hp8Section8 a.commonBtn:hover { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255) !important; }
.hp8s2Video { display: inline-block; }
.hp8s2Video a { display: block; border-radius: 100%; }
.hp8s2Video a:hover { background: rgb(0, 106, 246); }
.hp8s4Box { max-width: 270px; display: inline-block; }
.hp8s4Img { overflow: hidden; }
.hp8s4Img a { display: block; }
.hp8s4Box:hover .hp8s4Img a { transform: scale(1.1); }
.hp8s5Text ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp8s5Text ul li, .hp8s8List, .hp8s9List { position: relative; margin-bottom: 15px; padding-left: 35px; }
.hp8s5Text ul li::before, .hp8s8List::before, .hp8s9List::before { position: absolute; content: &quot;&quot;; top: 7px; left: 0px; width: 22px; height: 21px; background: url(&quot;/wp-content/uploads/2022/01/checkList.png&quot;) 0px 0px no-repeat; }
.hp8s5Text ul li b { display: block; font-size: 22px; }
.hp8s5ImgWrapper { display: inline-block; position: relative; z-index: 1; }
.hp8s5ImgWrapper::before { position: absolute; content: &quot;&quot;; bottom: -28px; right: -50px; width: 122px; height: 47px; background: url(&quot;/wp-content/uploads/2022/01/dots.png&quot;) 0px 0px no-repeat; z-index: -1; }
.hp8s5ImgWrapper .hp8s5Img { border: 7px solid rgb(255, 255, 255); border-radius: 30px 0px; overflow: hidden; transition: 0.3s; }
.hp8s5ImgWrapper .hp8s5Img:hover { border-radius: 0px 30px; }
.hp8QuickQuote { background: url(&quot;/wp-content/uploads/2022/01/hp8s6Bg.jpg&quot;) 0px 0px / cover no-repeat; color: rgb(255, 255, 255); padding: 40px 20px 60px; }
.hp8QuickQuoteTitle { font-size: 28px; font-weight: 600; margin-bottom: 20px; }
.hp8QuickQuote input[type=&quot;text&quot;], .hp8QuickQuote input[type=&quot;email&quot;], .hp8QuickQuote textarea { width: 100%; border-radius: 3px; padding: 8px 10px; margin-bottom: 4px; border: 1px solid rgb(255, 255, 255) !important; background: transparent !important; color: rgb(255, 255, 255) !important; }
.hp8QuickQuote textarea { height: 130px; }
.hp8QuickQuote input[type=&quot;text&quot;]::placeholder, .hp8QuickQuote input[type=&quot;email&quot;]::placeholder, .hp8QuickQuote textarea::placeholder { color: rgb(255, 255, 255) !important; }
.hp8QuickQuote input[type=&quot;text&quot;]:focus, .hp8QuickQuote input[type=&quot;email&quot;]:focus, .hp8QuickQuote textarea:focus { background: transparent !important; }
.hp8QuickQuote .fluentform button[type=&quot;submit&quot;]:hover { border: 1px solid rgb(255, 255, 255); background: transparent !important; }
.hp8s6Box { margin-bottom: 15px; }
.hp8s6Icon { float: left; width: 74px; height: 74px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 232, 232); border-radius: 100%; padding: 17px 0px 0px 18px; }
.hp8s6Icon img { max-width: 38px; }
.hp8s6Content { width: calc(100% - 74px); float: left; padding-left: 30px; }
.hp8s6Title { font-size: 22px; font-weight: 600; color: rgb(0, 106, 246); }
.hp8s7Box { max-width: 570px; display: inline-block; text-align: left; }
.hp8s7ImgWraper { position: relative; z-index: 1; }
.hp8s7ImgWraper::before { position: absolute; content: &quot;&quot;; width: 122px; height: 47px; background: url(&quot;/wp-content/uploads/2022/01/dots.png&quot;) 0px 0px no-repeat; z-index: -1; }
.hp8s7Box1 .hp8s7ImgWraper::before { top: -10px; left: -35px; }
.hp8s7Box2 .hp8s7ImgWraper::before { bottom: -20px; right: -35px; }
.hp8s7Img { overflow: hidden; border-radius: 30px 0px; transition: 0.3s; }
.hp8s7Img:hover { border-radius: 0px 30px; }
.hp8s7Title { font-size: 28px; font-weight: 700; color: rgb(0, 106, 246); margin: 20px 0px 5px; }
.hp8s7Text { min-height: 140px; }
.hp8s8Text { font-size: 20px; }
.hp8s8List, .hp8s9List { font-size: 20px; font-weight: 600; margin-bottom: 30px; }
.hp8s9Text { font-size: 22px; color: rgb(59, 59, 59); }
.hp8s9List { color: rgb(0, 106, 246); }
.hp8s9List::before { background: url(&quot;/wp-content/uploads/2022/01/checkList2.png&quot;) 0px 0px no-repeat; }
.hp8s11Box { max-width: 370px; display: inline-block; background: rgb(255, 255, 255); }
.hp8s11Img { overflow: hidden; }
.hp8s11Img a { display: block; }
.hp8s11Box:hover .hp8s11Img a { transform: scale(1.1); }
.hp8s11Content { padding: 20px; }
.hp8s11Title { min-height: 60px; }
.hp8s11Title a { font-size: 22px; font-weight: 600; line-height: 1.2; color: rgb(0, 106, 246); }
.hp8s11Box:hover .hp8s11Title a { color: rgb(0, 0, 0); }
.hp8s11Text { line-height: 24px; min-height: 135px; }
.hp8s11Link a { display: inline-block; color: rgb(0, 106, 246); font-weight: 600; text-decoration: underline; }
.hp8s11Box:hover .hp8s11Link a { color: rgb(0, 0, 0); text-decoration: none; }
ul.hp8s12Brands { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.hp8s12Brands li { display: inline-block; margin: 0px 5px 10px; text-align: center; }
ul.hp8s10Slider, ul.hp8s10Slider ul.slick-dots { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp8s10Slider li { margin: 0px 5px; }
ul.hp8s10Slider ul.slick-dots { text-align: center; margin-top: 15px !important; }
ul.hp8s10Slider ul.slick-dots li { display: inline-block; margin: 0px 2px; padding: 0px; text-indent: -1e+10px; width: 15px; height: 15px; border: 1px solid rgb(0, 106, 246); border-radius: 100%; }
ul.hp8s10Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
.hp8s10Box { background: rgb(255, 255, 255); padding: 30px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; margin: 10px; }
.hp8s10Text { line-height: 24px; padding-top: 20px; position: relative; margin-bottom: 30px; }
.hp8s10Text::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 18px; height: 15px; background: url(&quot;/wp-content/uploads/2022/01/quoteIcon-1.png&quot;) 0px 0px no-repeat; }
.hp8s10Img { width: 72px; float: left; border-radius: 100%; overflow: hidden; }
.hp8s10Content { width: calc(100% - 72px); float: left; padding-left: 20px; line-height: 1.2; }
.hp8s10Name { font-weight: 700; color: rgb(0, 106, 246); }
.about6Banner .bannerVideo a { display: inline-block; }
.bannerVideo a:hover { transform: scale(1.1); }
.about6Banner .bannerText { padding-top: 20px !important; }
.au6s2Box { position: relative; padding: 70px 20px 30px; background: rgb(241, 241, 241); border: 1px solid rgba(218, 218, 218, 0.855); border-radius: 20px; }
.au6s2Img { position: absolute; top: -50px; left: calc(50% - 54px); border-radius: 100%; overflow: hidden; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(218, 218, 218) 0px 0px 0px 5px; max-width: 108px; }
.au6s2Title { font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 5px; }
.au6s3Img { display: inline-block; border-radius: 100%; overflow: hidden; border: 3px solid rgb(255, 255, 255); }
.au6s3Text { font-size: 22px; padding: 10px 0px; }
.au6s3Title { font-size: 40px; font-weight: 600; color: rgb(0, 106, 246); line-height: 1; }
.au6s4Title { font-size: 26px; }
.au6Section4 ul { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
.au6Section4 ul li { display: inline-block; margin: 0px 8px 12px; }
.au6s6Text { font-size: 22px; }
.au6s6Img { display: inline-block; border-radius: 100%; overflow: hidden; }
.au6s6Title { font-size: 22px; font-weight: 600; color: rgb(0, 106, 246); }
.au6s6Text, .au6s6Text b { font-size: 14px; font-weight: 400; line-height: 1; }
.au6s6Text b { display: block; color: rgb(153, 153, 153); }
.hp9s1Box { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; display: inline-block; max-width: 270px; border-radius: 30px; padding: 20px 20px 40px; text-align: left; transition: 0.3s; }
.hp9s1Box:hover { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.hp9s1Title { margin: 10px 0px; }
.hp9s1Title a { font-size: 22px; color: rgb(0, 0, 0); }
.hp9s1Box:hover .hp9s1Title a { color: rgb(255, 255, 255); }
.hp9Section2, .hp9Section6 { background-size: cover; position: relative; }
.hp9s2List ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp9s2List ul::after { content: &quot;&quot;; display: block; clear: both; }
.hp9s2List ul li { padding-left: 35px; position: relative; margin-bottom: 20px; color: rgb(255, 255, 255); width: 50%; float: left; }
.hp9s2List ul li::before { position: absolute; content: &quot;&quot;; top: 3px; left: 0px; width: 22px; height: 21px; background: url(&quot;/wp-content/uploads/2022/01/checkList.png&quot;) 0px 0px no-repeat; }
.hp9s2List ul li a { color: rgb(255, 255, 255); }
.hp9s2List ul li a:hover { color: rgb(102, 102, 102); }
.hp9s2Content { color: rgb(255, 255, 255); }
.hp9s4Content .tableScroll { overflow-x: auto; }
.hp9s4Content table, .hp9s4Content table tr, .hp9s4Content table th, .hp9s4Content table td { font-weight: 500; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }
.hp9s4Content table th { text-align: right; color: rgb(0, 48, 125); }
.hp9Section5 .col20 { width: 20%; }
.hp9s5Img { transition: 0.3s; }
.hp9s5Box:hover .hp9s5Img { transform: scale(1.1); }
.hp9s5PaddTop { padding-top: 220px; }
.hp9s5PaddTop .hp9s5Title { padding-top: 70px; font-size: 22px; color: rgb(0, 0, 0); position: relative; }
.hp9s5PaddTop .hp9s5Title::before, .hp9s5PaddBottom .hp9s5Text::before { position: absolute; content: &quot;&quot;; left: 50%; margin-left: -5px; width: 9px; height: 46px; background: url(&quot;/wp-content/uploads/2022/03/hp9s5Icon.png&quot;) 0px 0px no-repeat; }
.hp9s5PaddTop .hp9s5Title::before { top: 10px; }
.hp9s5PaddBottom .hp9s5Text::before { bottom: 10px; }
.hp9s5Title { font-size: 22px; color: rgb(0, 0, 0); }
.hp9s5PaddBottom .hp9s5Text { padding-bottom: 70px; position: relative; }
.hp9Section6 { color: rgb(255, 255, 255); }
.hp9s6Box { text-align: center; }
.hp9s6Title { font-size: 40px; }
.hp9s6VideoWraper { text-align: right; }
.hp9s7Box { max-width: 370px; display: inline-block; }
.hp9s7Img { border: 1px solid rgb(229, 229, 229); border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; overflow: hidden; }
.hp9s7Img a { display: block; }
.hp9s7Box:hover .hp9s7Img a { transform: scale(1.1); }
.hp9s7Title { margin: 30px 0px 10px; }
.hp9s7Title a { color: rgb(0, 0, 0); font-size: 22px; font-weight: 500; }
.hp9s7Box:hover .hp9s7Title a { color: rgb(0, 106, 246); }
.hp9Section8 { position: relative; }
.hp9Section8::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; height: 50%; background: rgb(0, 106, 246); z-index: -1; }
.hp9s8Wraper { background: rgb(243, 243, 243); padding: 60px 60px 30px; border-radius: 30px; }
.hp9s8Content { text-align: center; border-right: 1px solid rgb(158, 158, 158); padding-right: 20px; }
.hp9s8Title { font-size: 22px; font-weight: 500; color: rgb(0, 0, 0); margin: 40px 0px 10px; }
.hp9s8Text { font-size: 14px; color: rgb(75, 75, 75); }
.hp9s8Wraper .homeSlider .slide { border-radius: 40px; overflow: hidden; }
ul.hp9Testimonials { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp9Testimonials li.slide { margin: 0px 15px; text-align: center; color: rgb(255, 255, 255); font-weight: 300; }
ul.hp9Testimonials .slick-arrow { position: absolute; top: 70px; width: 56px; height: 56px; background: url(&quot;/wp-content/uploads/2021/01/lp4SliderArrowHvr.png&quot;) 0px 0px no-repeat; text-indent: -1e+11px; padding: 0px; z-index: 1; }
ul.hp9Testimonials .slick-prev { left: -35px; }
ul.hp9Testimonials .slick-next { right: -35px; transform: rotate(180deg); }
.hp9s9Img { display: inline-block; border-radius: 100%; overflow: hidden; margin: 40px 0px 5px; border: 2px solid rgb(0, 106, 246); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; }
.hp9s9Title b { font-size: 16px; display: block; font-weight: 400; }
.hp9s7Text, .hp9s10Text, .hp9s11Text { font-size: 26px; font-weight: 300; }
.hp9s10Box { max-width: 370px; display: inline-block; text-align: left; }
.hp9s10Img { overflow: hidden; }
.hp9s10Img a { display: block; }
.hp9s10Box:hover .hp9s10Img a { transform: scale(1.1); }
.hp9s10Title { margin: 20px 0px 10px; }
.hp9s10Title a { font-size: 22px; font-weight: 500; color: rgb(0, 0, 0); }
.hp9s10Box:hover .hp9s10Title a { color: rgb(0, 106, 246); }
.hp9s10Text2 { padding-left: 10px; position: relative; }
.hp9s10Text2::before { position: absolute; content: &quot;&quot;; top: 7px; left: 0px; width: 3px; height: calc(100% - 10px); background: rgb(0, 106, 246); }
.hp9FAQs .accordiaBox { background: rgb(255, 255, 255); padding: 16px 20px; margin-bottom: 15px; }
.hp9FAQs .accordion { color: rgb(0, 22, 32); font-weight: 500; padding-right: 20px; cursor: pointer; position: relative; }
.hp9FAQs .accordion::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; font-family: Astra; transform: rotate(0deg); font-size: 20px; font-weight: 700; color: rgb(75, 75, 75); transition: 0.3s; }
.hp9FAQs .accordiaBox.active .accordion::before { transform: rotate(180deg); color: rgb(0, 106, 246); }
.hp9FAQs .panel { display: none; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgb(0, 106, 246); }
.hp9FAQs .accordiaBox.active .panel { display: block; }
.hp9Section12 h2 { margin: 0px !important; }
.hp9Section12 h2 b { display: block; font-weight: 600; text-transform: uppercase; font-size: 56px; }
ul.hp9Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp9Brands li { display: inline-block; margin: 0px 6px 12px; }
.hp9Section13 { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.hp9Section4 ul.homeSlider, .hp9Section8 ul.homeSlider { max-width: 570px; }
.pc6Banner .bannerContent { max-width: 600px; }
.pc6Section1 { counter-reset: step-counter 0; }
.pc6s1Box, .pc6s4Box { display: inline-block; max-width: 370px; text-align: center; background: rgb(252, 252, 252); border-radius: 5px; padding: 80px 20px 20px; box-shadow: rgb(239, 239, 239) 0px 0px 4px 2px; counter-increment: step-counter 1; transition: 0.3s; }
.pc6s1Box:hover, .pc6s4Box:hover { box-shadow: rgb(222, 222, 222) 2px 2px 8px 2px; }
.pc6s1Box::before { position: absolute; content: counter(step-counter); top: 20px; left: 50%; width: 40px; height: 40px; line-height: 40px; margin-left: -20px; text-align: center; background: rgb(0, 106, 246); border-radius: 100%; font-size: 24px; color: rgb(255, 255, 255); }
.pc6s1Title, .pc6s4Title { font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 10px; }
.pc6s2Box, .hp11s3Box { display: inline-block; max-width: 270px; }
.pc6s2Img a, .hp11s3Img a { display: block; position: relative; }
.pc6s2Img .pc6s2Img2, .hp11s3Img .hp11s3Img2 { display: none; }
.pc6s2Box:hover .pc6s2Img2, .hp11s3Box:hover .hp11s3Img2 { position: absolute; top: 0px; left: 0px; display: block; }
.pc6s2SKU { color: rgb(172, 172, 172); font-size: 16px; line-height: 20px; margin: 15px 0px 0px; font-weight: 600; }
.pc6s2Title a { display: inline-block; font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); }
.pc6s2Box:hover .pc6s2Title a, .pc6s5Box:hover .pc6s5Title a, .hp10s3Box:hover .hp10s3Title a { color: rgb(0, 106, 246); }
.pc6CTA a { display: inline-block; padding-left: 20px; position: relative; text-align: center; }
.pc6CTA a::before { position: absolute; content: &quot;&quot;; top: 4px; left: 0px; width: 14px; height: 14px; background: url(&quot;/wp-content/uploads/2022/07/s10Arrow.png&quot;) 2px 2px / 50% auto no-repeat rgb(0, 106, 246); transform: rotate(180deg); border-radius: 100%; font-weight: 600; transition: 0.3s; }
.pc6CTA a:hover::before { transform: rotate(90deg); }
.pc6s4Box { padding: 20px; }
.pc6s4Img { display: inline-block; max-width: 64px; margin-bottom: 15px; }
ul.pc6s5Slider { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.pc6s5Slider li.slick-slide { margin: 10px 12px; }
.pc6s5Box { display: inline-block; max-width: 270px; border-radius: 5px; box-shadow: rgb(236, 236, 236) 0px 0px 4px 1px; background-color: rgb(255, 255, 255); overflow: hidden; transition: 0.3s; text-align: left; }
.pc6s5Box:hover { box-shadow: rgb(222, 222, 222) 2px 2px 8px 2px; }
.pc6s5Title { padding: 10px; }
.pc6s5Title a { display: inline-block; font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); }
.pc6s5Link { padding: 0px 10px 10px; }
.pc6s5Link a, .hp10s3Link a { display: inline-block; position: relative; padding-right: 15px; }
.pc6s5Link a::before, .hp10s3Link a::before { position: absolute; content: &quot;&quot;; top: 5px; right: 0px; width: 8px; height: 12px; background: url(&quot;/wp-content/uploads/2025/02/arrow.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.pc6s5Box:hover .pc6s5Link a { padding-right: 20px; color: rgb(0, 0, 0); filter: invert(0) brightness(0); }
.hp10s3Box:hover .hp10s3Link a::before { filter: invert(0) brightness(0); }
.pc6s5Box:hover .pc6s5Link a::before, .hp10s3Box:hover .hp10s3Link a, .hp10s3Box:hover .hp10s3Link a::before { color: rgb(0, 0, 0); }
ul.pc6s5Slider ul.slick-dots, ul.wus1Slider ul.slick-dots { list-style-type: none; line-height: 1px; margin: 10px 0px 0px !important; padding: 0px !important; }
ul.pc6s5Slider ul.slick-dots li button, ul.wus1Slider ul.slick-dots li button { display: none; }
ul.pc6s5Slider ul.slick-dots li, ul.wus1Slider ul.slick-dots li { width: 40px; height: 3px; background-color: rgb(193, 199, 208); display: inline-block; margin: 0px 4px; border-radius: 4px; }
ul.pc6s5Slider ul.slick-dots li.slick-active, ul.wus1Slider ul.slick-dots li.slick-active { background-color: rgb(0, 0, 0); }
.pc6Banner { position: relative; }
.pc6BannerContent { position: absolute; top: 0px; margin-top: 5%; background: rgb(255, 255, 255); border-radius: 5px; padding: 35px; max-width: 520px; }
.wus1Title { font-size: 20px; color: rgb(0, 0, 0); text-align: left; }
ul.wus1Slider { list-style-type: none; margin: 0px -15px !important; padding: 0px !important; }
ul.wus1Slider li.slide { margin: 0px 15px; }
.wuSection3 h2 { position: relative; z-index: 2; }
.wus3Count { position: absolute; content: &quot;0&quot; counter(step-counter); top: -60px; left: 15px; color: rgb(242, 242, 242); font-size: 64px; font-weight: 700; z-index: 1; }
.greySection .wus3Count { color: rgb(227, 227, 227); }
.hp10Section1 { border-bottom: 1px solid rgb(223, 223, 223); }
.hp10s2Box { display: inline-block; max-width: 270px; }
.hp10s2Img { display: inline-block; max-width: 88px; }
.hp10s2Title, .hp10s3Title a { font-size: 22px; color: rgb(0, 0, 0); margin: 10px 0px 5px; }
.hp10CTA { text-align: right; }
.hp10s3Box { display: inline-block; max-width: 370px; text-align: left; background: rgb(252, 252, 252); border-radius: 5px; overflow: hidden; box-shadow: rgb(239, 239, 239) 0px 0px 4px 2px; transition: 0.3s; }
.hp10s3Box:hover { box-shadow: rgb(222, 222, 222) 2px 2px 8px 2px; }
.hp10s3Img { overflow: hidden; }
.hp10s3Img a { display: block; }
.hp10s3Box:hover .hp10s3Img a { transform: scale(1.1); }
.hp10s3Content { padding: 20px; }
.hp10s4Box { max-width: 570px; }
.hp10Banner { padding: 70px 0px 60px; background-size: cover; }
.hp10FAQs { border-radius: 5px; background: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
.hp10FAQs .accordiaBox { border-bottom: 1px solid rgb(223, 223, 223); padding: 15px 30px; }
.hp10FAQs .panel { display: none; }
.hp10FAQs .accordiaBox.active .panel { display: block; }
.hp10FAQs .accordion { font-size: 22px; color: rgb(3, 54, 61); font-weight: 500; cursor: pointer; position: relative; padding: 10px 0px; }
.hp10FAQs .accordion::before { position: absolute; content: &quot;&quot;; top: 14px; right: 0px; font-family: Astra; font-size: 16px; font-weight: 700; transform: rotate(0deg); transition: 0.3s; color: rgb(3, 54, 61); }
.hp10FAQs .accordiaBox.active .accordion::before { transform: rotate(180deg); }
.pc7ScrollSection { text-align: center; background-color: rgb(242, 242, 242); font-size: 16px; padding: 14px 0px; border-bottom: 1px solid rgb(230, 230, 230); }
.pc7ScrollSection ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pc7ScrollSection ul li { display: inline-block; padding: 0px 12px; margin: 0px; }
.pc7ScrollSection ul li a { color: rgb(66, 82, 110); }
.pc7s4Img { border-radius: 111px 11px; box-shadow: rgb(243, 243, 243) 16px 16px; overflow: hidden; }
.pc7s4Box { display: inline-block; max-width: 370px; text-align: left; }
.pc7s4Title { font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); padding: 0px 0px 5px 30px; position: relative; }
.pc7s4Title::before { position: absolute; content: &quot;&quot;; top: 8px; left: 0px; width: 23px; height: 19px; background: url(&quot;/wp-content/uploads/2022/04/checkList.png&quot;) 0px 0px no-repeat; }
.pc7s4CTA { text-align: right; }
.pc7s3Tabs { background: rgb(235, 236, 240); }
.pc7s3Tabs ul.tabs { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pc7s3Tabs ul.tabs li { display: inline-block; padding: 17px 20px; color: rgb(17, 17, 17); border-bottom: 2px solid transparent; transition: 0.3s; cursor: pointer; }
.pc7s3Tabs ul.tabs li.current { border-color: rgb(17, 17, 17); }
.pc7s3TabsWraper .tab-content { display: none; }
.pc7s3TabsWraper .tab-content.current { display: block; }
.pc7s2Box, .pc7s3Box { max-width: 270px; }
.pc7PageNo { text-align: center; margin-top: 20px; }
.pc7PageNo .page-numbers { margin: 0px 5px 0px 0px; display: inline-block; background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 2px; color: rgb(112, 111, 108); font-size: 14px; width: 32px; line-height: 30px; text-align: center; }
.pc7PageNo .page-numbers.current, .pc7PageNo .page-numbers:hover { border: 1px solid rgb(0, 106, 246); }
.pc7PageNo .prev { width: 80px; }
.pc7PageNo .next { width: 60px; margin: 0px; }
.langs1Title { font-size: 24px; color: rgb(0, 0, 0); margin-bottom: 20px; }
ul.langList { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.langList li a { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); font-size: 14px; color: rgb(85, 85, 85); }
ul.langList li a:hover { background: rgb(245, 245, 245); }
ul.langList li a img, .langTranslate a img { max-width: 18px; margin-right: 10px; border-radius: 100%; overflow: hidden; }
.langTranslate { display: inline-block; }
.langTranslate a { position: relative; display: block; font-size: 16px; color: rgb(0, 0, 0); }
.langTranslate a:hover { color: rgb(0, 106, 246); }
.langTranslate a img { margin-right: 5px; max-width: 22px; }
.hp11s1Title { text-transform: uppercase; }
ul.hp11s1Brands { list-style-type: none; margin: 0px !important; padding: 0px 40px !important; }
ul.hp11s1Brands li.slide { outline: none; padding: 0px 15px; }
ul.hp11s1Brands li.slick-slide img { display: inline-block; }
.hp11s2BoxWrapper { padding: 35px 20px 35px 45%; background-repeat: no-repeat; background-position: left bottom; }
.hp11s2Title { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; }
.hp11s3subHeading { font-size: 22px; }
.hp11s3Box { text-align: left; }
.hp11s3Img { position: relative; }
.hp11s3ImgCaption { position: absolute; content: &quot;&quot;; top: 10px; right: 10px; padding: 5px 12px 6px; border-radius: 30px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); background: rgb(0, 106, 246); min-width: 90px; }
.hp11s3Title { font-weight: 600; margin: 10px 0px 0px; text-transform: uppercase; }
.hp11s4Box { position: relative; display: table; table-layout: fixed; height: 100%; }
.hp11s4Box1 { display: table-cell; vertical-align: middle; width: 60%; padding: 0px 140px; color: rgb(255, 255, 255); }
.hp11s4Box1 ul { list-style-type: none; margin-top: 40px !important; padding: 0px !important; }
.hp11s4Box1 ul li { margin-bottom: 25px; position: relative; padding-left: 35px; }
.hp11s4Box1 ul li img.hp11s4Icon { position: absolute; top: 0px; left: 0px; width: 25px; }
.hp11s4Box1 ul li b { text-transform: uppercase; letter-spacing: 2px; }
.hp11s4Box2 { display: table-cell; vertical-align: top; width: 40%; text-align: center; }
.hp11s4Box2Content { padding: 90px 70px 50px; }
.hp11s4Video a { display: inline-block; padding-left: 40px; position: relative; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.hp11s4Video a::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 30px; height: 30px; background: url(&quot;/wp-content/uploads/2021/01/h3PlayIconSM.png&quot;) 0px 0px / 100% auto no-repeat; transition: 0.3s; }
.hp11s4Video a:hover::before { transform: scale(1.1); }
.hp11s5Box { background: rgb(235, 240, 243); min-height: 385px; padding: 35px 20px 20px; text-align: left; }
.hp11Quote img { height: 30px; }
.hp11s5Title { padding: 10px 0px; font-size: 22px; color: rgb(0, 0, 0); line-height: 24px; }
.hp11s5Btn { padding-top: 50px; }
.hp11s6Box { position: relative; background: rgb(255, 255, 255); padding: 40px; z-index: 2; }
.hp11s6BoxRight { margin-left: -240px; }
.hp11s6BoxLeft { margin-right: -240px; }
.hp11s6SubHeading { text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
.hp11s6Btn a { display: inline-block; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid rgb(0, 106, 246); line-height: 1; }
.hp11s6Btn a:hover { border-color: rgb(0, 0, 0); }
.hp11s6Btns { text-align: center; }
.hp11s6Btns a.commonBtn { margin: 0px 10px; }
.hp11FAQs .accordiaBox { border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); margin-top: -1px; position: relative; }
.hp11FAQs .accordion { color: rgb(0, 0, 0); padding: 18px 20px 18px 0px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; position: relative; }
.hp11FAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 10px; right: 0px; font-size: 28px; font-weight: 400; color: rgb(0, 106, 246); transition: 0.3s; }
.hp11FAQs .accordiaBox.active .accordion::before { transform: rotate(135deg); }
.hp11FAQs .panel { display: none; }
.hp11FAQs .accordiaBox.active .panel { display: block; }
.hp11s8Brands ul { list-style-type: none; margin: 40px 0px 0px !important; padding: 0px !important; }
.hp11s8Brands ul li { display: inline-block; }
.hp11s9Img { display: inline-block; max-width: 270px; overflow: hidden; }
.hp11s9Img a { display: block; }
.hp11s9Img a:hover { transform: scale(1.1); }
.hp11Section10, .lp7Section8 { position: relative; }
.hp11Section10::before, .lp7Section8::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; height: 25%; background: rgb(0, 0, 0); }
.hp11s10Box { display: table; }
.hp11s10Left, .hp11s10Right { display: table-cell; width: 50%; }
.hp11s10Right { padding: 0px 20px; vertical-align: middle; }
.lp7Section1 { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.lp7s1Text { font-size: 22px; text-transform: uppercase; }
.lp7s2List ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.lp7s2List ul li { margin-bottom: 25px; padding: 10px 0px 10px 70px; position: relative; }
.lp7s2List ul li .lp7s2ListIcon { position: absolute; top: 50%; left: 0px; margin-top: -25px; width: 50px; height: 50px; }
.lp7s3Box { display: inline-block; max-width: 270px; }
.lp7s3Title { font-size: 20px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); margin-top: 10px; }
.lp7s3SliderWraper { max-width: 875px; margin: 0px auto; }
ul.lp7s3Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.lp7s3Slider li { outline: none; }
.lp7Section3a { position: relative; }
.lp7Section3a::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 60%; background: rgb(0, 106, 246); }
.lp7s5Box { display: table; width: 100%; }
.lp7s5Box1, .lp7s5Box2 { display: table-cell; width: 50%; }
.lp7s5Box1 { vertical-align: middle; padding: 0px 100px; }
.lp7s5Title { text-transform: uppercase; font-size: 16px; font-weight: 600; }
.lp7s5Box1 h2 { color: inherit !important; }
.lp7s6Box { max-width: 270px; display: inline-block; text-align: left; }
.lp7s6Title { margin: 15px 0px 5px; }
.lp7s6Title a { text-transform: uppercase; color: rgb(0, 0, 0); font-weight: 600; }
.lp7s6Title a:hover { color: rgb(0, 106, 246); }
.lp7s7BoxWraper { display: table; width: 100%; }
.lp7s7Box { display: table-cell; width: 50%; vertical-align: middle; padding: 40px 30px; text-align: center; }
.lp7s7Box1 { background: rgb(241, 241, 241); }
.lp7s7Box2 { background: rgb(223, 223, 223); }
.lp7s7Text { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; }
.lp7s7Btn a { display: inline-block; position: relative; padding: 0px 25px; font-weight: 600; text-transform: uppercase; }
.lp7s7Btn a::before, .lp7s7Btn a::after { position: absolute; content: &quot;&quot;; top: 2px; font-family: Astra; transform: rotate(270deg); font-size: 15px; color: rgb(0, 106, 246); font-weight: 700; transition: 0.3s; }
.lp7s7Btn a::before { left: 0px; }
.lp7s7Btn a::after { right: 0px; transform: rotate(90deg); }
.lp7s7Btn a:hover::before { left: 8px; color: rgb(0, 0, 0); }
.lp7s7Btn a:hover::after { right: 8px; color: rgb(0, 0, 0); }
.page-template-template-home12 #content a { text-decoration: underline; }
.page-template-template-home12 .ast-sticky-active { background: rgb(0, 106, 246); }
.hp12s1Box { display: inline-block; max-width: 370px; }
.hp12s1Img { width: 50px; float: left; }
.hp12s1Content { width: calc(100% - 50px); float: left; padding-left: 15px; }
.hp12s1Title { font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 10px; }
.hp12s1Text { color: rgb(172, 198, 255); font-size: 14px; font-weight: 300; }
.hp12Section2 { position: relative; }
.hp12Section2::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 20%; background: rgb(0, 106, 246); }
.hp12s3Img, .hp12s3Content { float: left; width: 50%; padding: 0px 15px; }
.hp12s3Content { padding: 0px 40px; font-size: 14px; max-width: 570px; }
.hp12Section3 { max-width: 1920px; margin: 0px auto; }
.hp12Section3 ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp12Section3 ul li { margin-bottom: 25px; padding-left: 35px; position: relative; }
.hp12Section3 ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 22px; height: 21px; background: url(&quot;/wp-content/uploads/2022/01/checkList2.png&quot;) 0px 0px no-repeat; }
.hp12s4Box { max-width: 320px; display: inline-block; text-align: left; }
.hp12s4Img a { display: inline-block; position: relative; }
.hp12s4Img a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 0%; height: 0%; background: rgba(0, 0, 0, 0.4); transition: 0.3s; }
.hp12s4Box:hover .hp12s4Img a::before { top: 0px; left: 0px; width: 100%; height: 100%; }
.hp12s4Img a::after { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; margin: -21px 0px 0px -15px; font-family: Astra; font-size: 30px; font-style: normal; font-weight: 400; color: rgb(255, 255, 255); display: none; }
.hp12s4Box:hover .hp12s4Img a::after { display: block; }
.hp12s4Title { font-size: 16px; color: rgb(0, 0, 0); font-weight: 600; margin: 10px 0px; }
.hp12s4Title a { color: rgb(0, 0, 0); text-decoration: none !important; }
.hp12s4Box:hover .hp12s4Title a { color: rgb(0, 106, 246); }
.hp12Section5 { background-repeat: no-repeat; background-size: cover; position: relative; }
.hp12s4Text, .hp12s5Text { font-size: 14px; }
.hp12s5Box { max-width: 305px; }
.hp12s5Title { font-size: 18px; color: rgb(255, 255, 255); font-weight: 600; margin: 20px 0px 10px; }
.hp12s5Text { color: rgb(204, 204, 204); }
ul.hp12s12brands { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.hp12s12brands li { display: inline-block; margin: 0px 5px 10px; }
.hp12s8Content { padding: 20px 0px 20px 55px; }
.hp12s8Content ul { list-style-type: none; position: relative; margin: 25px 0px 15px !important; padding: 0px !important; }
.hp12s8Content ul::after { content: &quot;&quot;; display: block; clear: both; }
.hp12s8Content ul li { float: left; width: 50%; padding-left: 20px; margin-bottom: 30px; position: relative; color: rgb(0, 0, 0); font-size: 18px; }
.hp12s8Content ul li::before { position: absolute; content: &quot;&quot;; top: 9px; left: 0px; width: 8px; height: 8px; background: rgb(0, 106, 246); border-radius: 100%; }
ul.hp12s9List { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp12s9List li { width: calc(33% - 20px); float: left; margin: 0px 10px 15px; padding: 35px 10px; border: 2px solid rgb(234, 237, 244); font-size: 18px; color: rgb(6, 10, 18); text-align: center; transition: 0.3s; background: 101% 101% no-repeat; }
ul.hp12s9List li a { color: rgb(6, 10, 18); text-decoration: none !important; }
ul.hp12s9List li:hover { border: 2px solid rgb(0, 106, 246); background: url(&quot;/wp-content/uploads/2022/07/s9ListIcon.png&quot;) 101% 101% no-repeat rgb(0, 106, 246); color: rgb(255, 255, 255); }
ul.hp12s9List li:hover a { color: rgb(255, 255, 255); }
.hp12Form, .quickQuote { box-shadow: rgba(141, 153, 204, 0.1) 0px 0px 80px 13px; padding: 50px 35px 45px; border: 1px solid rgb(236, 241, 246); }
.hp12FormTitle { font-size: 32px; font-weight: 700; color: rgb(6, 10, 18); margin-bottom: 25px; text-align: center; }
.hp12Form input[type=&quot;text&quot;], .hp12Form input[type=&quot;email&quot;], .hp12Form textarea, .quickQuote input[type=&quot;text&quot;], .quickQuote input[type=&quot;email&quot;], .quickQuote textarea { width: 100%; background: rgb(245, 247, 251); padding: 20px; margin-bottom: 10px; border: 1px solid rgb(245, 247, 251) !important; border-radius: 0px !important; }
.hp12Form input[type=&quot;text&quot;]:active, .hp12Form input[type=&quot;email&quot;]:active, .hp12Form textarea:active, .hp12Form input[type=&quot;text&quot;]:focus, .hp12Form input[type=&quot;email&quot;]:focus, .hp12Form textarea:focus, .quickQuote input[type=&quot;text&quot;]:active, .quickQuote input[type=&quot;email&quot;]:active, .quickQuote textarea:active, .quickQuote input[type=&quot;text&quot;]:focus, .quickQuote input[type=&quot;email&quot;]:focus, .quickQuote textarea:focus { background: rgb(255, 255, 255); border: 1px solid rgb(236, 241, 246); }
.hp12Form input[type=&quot;text&quot;]::placeholder, .hp12Form input[type=&quot;email&quot;]::placeholder, .hp12Form textarea::placeholder, .quickQuote input[type=&quot;text&quot;]::placeholder, .quickQuote input[type=&quot;email&quot;]::placeholder, .quickQuote textarea::placeholder { color: rgb(176, 177, 181); }
.hp12Form textarea { height: 180px; }
.quickQuote textarea { height: 120px; }
.hp12Form button[type=&quot;submit&quot;], .quickQuote button[type=&quot;submit&quot;] { display: block; width: 100%; padding: 20px; }
.quickQuote { padding: 20px; width: 100%; background: rgb(255, 255, 255); }
.quickQuoteTitle { font-size: 22px; font-weight: 600; color: rgb(6, 10, 18); margin-bottom: 10px; }
.quickQuote input[type=&quot;text&quot;], .quickQuote input[type=&quot;email&quot;], .quickQuote textarea { padding: 10px; margin-bottom: 0px; }
.quickQuote .uploadBTNLabel { padding: 18px 45px 18px 25px; }
.quickQuote button[type=&quot;submit&quot;] { padding: 12px; }
.hp12Section6Content { padding: 30px 0px 0px 55px; }
.hp12Section6 h2 b { color: rgb(0, 106, 246); }
.hp12s6Box { position: relative; padding: 20px 0px 0px; }
.hp12s6Box::after, .hp12s7List ul::after { content: &quot;&quot;; display: block; clear: both; }
.hp12s6Img { width: 40px; float: left; }
.hp12s6Content { width: calc(100% - 40px); float: left; padding-left: 20px; }
.hp12s6Title { font-size: 18px; color: rgb(6, 10, 18); font-weight: 600; margin-bottom: 10px; }
.hp12s6Text { font-size: 14px; }
.hp12Section7, .hp12Section11 { position: relative; }
.hp12Section7::before, .hp12Section11::before { position: absolute; content: &quot;&quot;; bottom: 0px; right: 0px; width: 85%; height: 60%; background: rgb(245, 246, 249); }
ul.hp12s7Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp12s7Slider li { outline: none; }
ul.hp12s7Slider .slick-arrow { position: absolute; bottom: 0px; left: 0px; width: 61px; height: 61px; background: url(&quot;/wp-content/uploads/2022/07/s8Arrow.png&quot;) 0px 0px no-repeat; text-indent: -1e+08px; z-index: 1; padding: 0px; }
ul.hp12s7Slider .slick-next { background-position: -61px 0px; left: 70px; }
ul.hp12s7Slider .slick-prev:hover { background-position: 0px -61px; }
ul.hp12s7Slider .slick-next:hover { background-position: -61px -61px; }
.hp12s7Img { position: relative; }
.hp12s7Img .hp12s7Btn { position: absolute; bottom: 0px; }
.hp12s7Content { padding-top: 70px; }
.hp12s7List { padding-top: 150px; }
.hp12s7List ul { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
.hp12s7List ul li { position: relative; margin-bottom: 20px; padding-left: 30px; width: 50%; float: left; }
.hp12s7List ul li::before { position: absolute; content: &quot;&quot;; top: 5px; left: 0px; width: 18px; height: 12px; background: url(&quot;/wp-content/uploads/2022/07/checkIcon2.png&quot;) 0px 0px no-repeat; }
.hp12Section11::before { width: 65%; height: 50%; }
ul.hp12s11Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp12s11Slider li { outline: none; margin: 0px 15px; }
.hp12s11Box { position: relative; }
.hp12s11Content { position: absolute; top: 0px; width: 100%; height: 100%; padding: 20px; color: rgb(255, 255, 255); }
.hp12s11Title { font-size: 28px; font-weight: 600; margin-bottom: 20px; line-height: 1.2; }
.hp12s11Text { display: none; }
.hp12s11Box:hover .hp12s11Text { display: block; }
.hp12s11Btn { position: absolute; bottom: 20px; }
.hp12s11Btn .commonBtn { padding: 15px 30px; border-radius: 40px; }
.hp12s11Btn .commonBtn::before { display: none; }
ul.hp12s11Slider .slick-arrow { position: absolute; content: &quot;&quot;; left: calc(50% - 40px); bottom: -50px; width: 40px; height: 40px; background: url(&quot;/wp-content/uploads/2022/07/s11Arrow.png&quot;) no-repeat; text-indent: -1e+07px; padding: 0px; z-index: 1; }
ul.hp12s11Slider .slick-prev { border-right: 1px solid rgb(203, 203, 203); background-position: 0px 10px; }
ul.hp12s11Slider .slick-next { left: 50%; background-position: 0px 12px; transform: rotate(180deg); }
.hp12Section10 { position: relative; background-size: cover; background-position: center center; }
ul.hp12s10Slider { list-style-type: none; margin: 0px -15px !important; padding: 0px !important; }
.hp12s10Slider li { outline: none; margin: 0px 15px; }
.hp12s10Box { background: rgb(255, 255, 255); border-radius: 40px; padding: 30px; }
.hp12s10Img { float: left; width: 80px; border-radius: 100%; overflow: hidden; }
.hp12s10Content { width: calc(100% - 80px); float: left; padding: 0px 0px 0px 20px; }
.hp12s10Name { font-size: 20px; font-weight: 600; color: rgb(6, 10, 18); margin-top: 12px; }
.hp12s10Slider .slick-arrow { position: absolute; content: &quot;&quot;; top: -70px; width: 35px; height: 25px; background: url(&quot;/wp-content/uploads/2022/07/s10Arrow.png&quot;) no-repeat; text-indent: -1e+07px; z-index: 1; padding: 0px; }
.hp12s10Slider .slick-prev { background-position: 0px 4px; right: 50px; }
.hp12s10Slider .slick-next { transform: rotate(180deg); background-position: 0px 5px; right: 15px; border-right: 1px solid rgb(255, 255, 255); }
.hp14Section1 { max-width: 1400px; margin: -90px auto 120px; padding: 60px 0px 15px; box-shadow: rgba(152, 165, 191, 0.3) 0px 0px 20px; border-radius: 35px; position: relative; background: rgb(255, 255, 255); }
.hp14s1Box { max-width: 330px; }
.hp14s1Title { color: rgb(0, 106, 246); margin: 15px 0px 20px; font-weight: 800; font-size: 18px; text-transform: uppercase; }
.hp14s1Text { font-size: 14px; line-height: 21px; }
.hp14Section2 { margin-bottom: 140px; }
.hp14Sep { border-top: 3px solid rgb(241, 243, 247); margin-bottom: 45px; }
.hp14Tabs ul.tabs { list-style-type: none; text-align: right; margin: 71px 0px 0px !important; padding: 0px !important; }
.hp14Tabs ul.tabs li { display: inline-block; margin-right: 20px; border-bottom: 3px solid transparent; font-size: 16px; font-weight: 600; color: rgb(0, 106, 246); text-transform: uppercase; padding-bottom: 20px; margin-bottom: -3px; position: relative; cursor: pointer; z-index: 1; }
.hp14Tabs ul.tabs li.current { border-bottom: 3px solid rgb(0, 106, 246); }
.hp14Tabs .tab-content { display: none; }
.hp14Tabs .tab-content.current { display: block; }
ul.hp14Event { list-style-type: none; margin: 0px !important; padding: 10px 0px 0px !important; }
ul.hp14Event li { text-transform: uppercase; font-weight: 600; color: rgb(0, 106, 246); padding-left: 45px; margin-bottom: 18px; position: relative; }
ul.hp14Event li::before { position: absolute; content: &quot;&quot;; top: -3px; left: 0px; width: 22px; height: 21px; background: url(&quot;/wp-content/uploads/2022/01/checkList2.png&quot;) 0px 0px no-repeat; }
.hp14Section3 { padding: 85px 0px; position: relative; }
.hp14Section3::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 45%; height: 100%; background: rgb(249, 250, 252); }
.hp14s3Img { text-align: left; max-width: 650px; }
.hp14s3Img a { display: block; }
.hp14s3Text { padding-top: 80px; }
.hp14s3Text ul, .hp14s2Content ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp14s3Text ul li, .hp14s2Content ul li { position: relative; padding-left: 35px; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; }
.hp14s3Text ul li::before, .hp14s2Content ul li::before { position: absolute; content: &quot;&quot;; top: 3px; left: 0px; width: 20px; height: 20px; background: url(&quot;/wp-content/uploads/2022/07/checkIcon2.png&quot;) 0px 0px no-repeat; }
.hp14Section4 { margin: 110px 0px; }
.hp14s4Box { max-width: 400px; float: left; position: relative; }
.hp14s4Box::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1; display: none; }
.hp14s4Box:hover::before, .hp14s4Box:hover .hp14s4Title, .hp14s4Box:hover .hp14s4Link a { display: block; }
.hp14s4Title { position: absolute; width: 100%; bottom: 50px; text-align: center; font-weight: 600; font-size: 20px; color: rgb(255, 255, 255); z-index: 1; display: none; }
.hp14s4Title a { color: rgb(255, 255, 255); }
.hp14s4Link a { position: absolute; top: 10px; right: 10px; width: 59px; height: 59px; background: url(&quot;/wp-content/uploads/2022/07/hp14s4Icon.png&quot;) 0px 0px no-repeat; text-indent: 1e+10px; z-index: 1; display: none; }
.hp14Section5 { padding: 110px 0px; position: relative; }
.hp14Section5::before { position: absolute; content: &quot;&quot;; bottom: 0px; right: 0px; width: 50%; height: 100%; background: rgb(0, 106, 246); }
.hp14s5Text1 { padding: 20px 0px; position: relative; }
.hp14s5Text1::after, .hp14Tabs2 ul.tabs2 li::after { content: &quot;&quot;; display: block; clear: both; }
.hp14s5Text1 ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp14s5Text1 ul li { float: left; width: 50%; padding-left: 25px; position: relative; margin-bottom: 12px; font-size: 14px; }
.hp14s5Text1 ul li::before { position: absolute; content: &quot;&quot;; top: 3px; left: 0px; width: 12px; height: 12px; background: url(&quot;/wp-content/uploads/2022/07/checkIcon2.png&quot;) 0px 0px / 100% auto no-repeat; }
.hp14s5Text2 { padding: 30px 0px; }
.hp14s5Btn a { display: inline-block; padding-right: 25px; position: relative; color: rgb(0, 106, 246); }
.hp14s5Btn2 a { color: rgb(255, 255, 255); }
.hp14s5Btn a::before { position: absolute; content: &quot;&quot;; top: 5px; right: 0px; width: 12px; height: 12px; background: url(&quot;/wp-content/uploads/2022/07/arrow2.png&quot;) 0px 0px no-repeat; }
.hp14s5Btn2 a::before { background: url(&quot;/wp-content/uploads/2022/07/arrow.png&quot;) 0px 0px / 100% auto no-repeat; }
.hp14s6Img { position: relative; max-width: 480px; display: inline-block; }
.hp14s6Btn { position: absolute; bottom: 0px; right: 0px; }
.hp14Section6 { margin: 130px 0px; }
.hp14s6Text { padding-bottom: 30px; }
.hp14s6List { padding-left: 25px; margin-bottom: 25px; position: relative; }
.hp14s6List::before { position: absolute; content: &quot;&quot;; top: 3px; left: 0px; width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid rgb(0, 106, 246); }
.hp14s6ListTitle { font-weight: 700; text-transform: uppercase; color: rgb(0, 106, 246); margin-bottom: 15px; }
.hp14Section7 { background: url(&quot;/wp-content/uploads/2022/07/hp14Pattern.png&quot;) 70% 0px no-repeat; }
.hp14s7Img a { display: inline-block; }
.hp14Section8 { background: rgb(0, 106, 246); margin: 70px auto 110px; max-width: 1400px; padding: 65px 0px 35px; border-radius: 40px; }
.hp14s8Img { display: inline-block; margin-bottom: 30px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px; }
.hp14s8Title { font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 10px; }
.hp14s8Text { font-size: 14px; color: rgb(255, 255, 255); }
.hp14Section9 { margin-bottom: 130px; }
.hp14Tabs2 ul.tabs2 { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp14Tabs2 ul.tabs2 li { display: block; max-width: 450px; border-radius: 15px; padding: 20px 45px; margin-bottom: 20px; cursor: pointer; }
.hp14Tabs2 ul.tabs2 li.current { box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 25px -5px; }
.hp14s9Img { float: left; width: 67px; }
.hp14s9Content { float: left; width: calc(100% - 67px); padding: 6px 0px 0px 15px; }
.hp14Tabs2 ul.tabs2 li .hp14s9Title { font-size: 18px; font-weight: 700; color: rgb(0, 106, 246); }
.hp14s9SubTitle { font-size: 14px; }
.hp14Tabs2 .tab-content2 { display: none; }
.hp14Tabs2 .tab-content2.current { display: block; }
.hp14Tabs2 .tab-content2 .hp14s9Title { font-size: 24px; font-weight: 700; color: rgb(0, 106, 246); margin-bottom: 5px; }
.hp14Tabs2 .tab-content2 .hp14s9SubTitle { margin-bottom: 30px; }
.hp14s10Box { max-width: 370px; display: inline-block; text-align: left; }
.hp14s10Img { overflow: hidden; }
.hp14s10Img a { display: block; }
.hp14s10Box:hover .hp14s10Img a { transform: scale(1.1); }
.hp14s10Title { margin-top: 15px; }
.hp14s10Title a { font-size: 20px; font-weight: 700; color: rgb(0, 106, 246); }
.hp14s10Box:hover .hp14s10Title a { color: rgb(25, 25, 25); }
.hp14Section11 { margin: 85px 0px 60px; }
ul.hp14Brands { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.hp14Brands li { display: inline-block; margin: 0px 8px 10px; }
.hp14Section12 { background-position: center center; background-size: cover; padding: 110px 0px; }
.hp14s12Btn { text-align: right; }
.hp15Section1 { padding: 110px 0px 60px; }
.hp15s1Img { border-radius: 30px; overflow: hidden; position: relative; }
.hp15s1Btn { position: absolute; bottom: 45px; right: 45px; }
.hp15s1Text { margin-top: 50px; }
.hp15s1Text ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp15s1Text ul li { font-size: 14px; font-weight: 600; color: rgb(0, 106, 246); margin-bottom: 30px; padding: 13px 20px; border-radius: 40px; transition: 0.3s; }
.hp15s1Text ul li:hover { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.hp15Col20 { width: 20% !important; }
.hp15s2Title { color: rgb(0, 106, 246); font-size: 35px; font-weight: 700; }
.hp15s2Text { padding-top: 10px; color: rgb(25, 25, 25); font-weight: 600; }
.hp15Section3 { padding: 70px 0px 100px; }
.hp15s3Box { display: inline-block; max-width: 370px; text-align: left; }
.hp15s3Img { overflow: hidden; }
.hp15s3Img a { display: block; }
.hp15s3Box:hover .hp15s3Img a { transform: scale(1.1); }
.hp15s3Title { font-size: 18px; font-weight: 700; color: rgb(25, 25, 25); margin-top: 12px; }
.hp15s3Title a { color: rgb(25, 25, 25); }
.hp15s3Box:hover .hp15s3Title a { color: rgb(0, 106, 246); }
.hp15Section4 { position: relative; padding-top: 90px; counter-reset: step-counter 0; }
.hp15Section4::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 58%; height: 750px; background: linear-gradient(rgb(0, 106, 246) 0%, rgb(218, 234, 255) 100%); }
.hp15s4Box { display: inline-block; max-width: 570px; margin-bottom: 30px; position: relative; counter-increment: step-counter 1; }
.hp15s4Box::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 20px; right: 30px; color: rgb(255, 255, 255); font-size: 60px; line-height: 1; }
.hp15s4Content { position: absolute; bottom: 0px; left: 0px; width: 100%; color: rgb(255, 255, 255); padding: 30px 30px 15px; }
.hp15s4Title { font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.hp15s4Title a { color: rgb(255, 255, 255); }
.hp15Section5 { max-width: 1550px; margin: 50px auto 0px; border-radius: 55px; overflow: hidden; padding: 110px 0px 90px; text-align: center; color: rgb(25, 25, 25); }
.hp15s5Btn a.commonBtn, .hp15s8Link a.commonBtn { background: rgb(0, 106, 246); border: 5px solid rgb(17, 115, 234); border-radius: 10px; font-size: 16px; padding: 20px 30px; }
.hp15s5Btn a.commonBtn:hover, .hp15s8Link a.commonBtn:hover { background: rgb(17, 115, 234); }
.hp15Section6 { padding-top: 110px; }
.hp15s6Link { text-align: right; }
.hp15s6Link a { display: inline-block; padding-right: 15px; position: relative; }
.hp15s6Link a::before { position: absolute; content: &quot;&quot;; top: 3px; right: 0px; font-family: Astra; font-size: 12px; font-weight: 700; color: rgb(0, 106, 246); transform: rotate(270deg); transition: 0.3s; }
.hp15s6Link a:hover::before { right: -5px; color: rgb(0, 0, 0); }
.hp15s6Box { display: inline-block; max-width: 270px; }
.hp15s6Img { box-shadow: rgb(232, 234, 240) 0px 0px 30px; overflow: hidden; }
.hp15s6Img img { display: block; transition: 0.3s; }
.hp15s6Box:hover .hp15s6Img img { transform: scale(1.1); }
.hp15s6Title { text-transform: uppercase; color: rgb(25, 25, 25); margin-top: 15px; }
.hp15Section7 { padding: 80px 0px; }
.hp15s7Box { display: inline-block; max-width: 570px; }
.hp15s7Content { position: relative; width: calc(100% - 80px); margin: -70px auto 0px; padding: 40px 40px 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; text-align: left; }
.hp15s7Title { font-size: 24px; font-weight: 700; color: rgb(25, 25, 25); margin-bottom: 10px; }
.hp15s7Box2 { margin-top: 60px; }
.hp15Section8 { padding: 90px 0px 60px; }
.hp15s8Box { max-width: 370px; display: inline-block; text-align: left; }
.hp15s8Img { border-radius: 30px; overflow: hidden; }
.hp15s8Img a { display: block; }
.hp15s8Box:hover .hp15s8Img a { transform: scale(1.1); }
.hp15s8Title { margin: 20px 0px 15px; font-size: 24px; font-weight: 700; color: rgb(25, 25, 25); }
.hp15s8Title a { color: rgb(25, 25, 25); }
.hp15s8Box:hover .hp15s8Title a { color: rgb(0, 106, 246); }
.hp15s8Text ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp15s8Text ul li { margin-bottom: 10px; }
.hp15s8Link a.commonBtn { padding: 16px 30px; }
.hp15Section9 { padding: 110px 0px; }
.hp15s9Box { box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 10px; }
.hp15s9Content { padding: 50px 70px; }
.hp15s9Date, .hp15PostDate { font-size: 18px; color: rgb(144, 149, 162); margin-bottom: 15px; }
.hp15s9Title a { color: rgb(25, 25, 25); }
.hp15s9Link a, .hp15PostLink a { display: inline-block; padding-right: 20px; font-size: 18px; font-weight: 500; text-transform: uppercase; color: rgb(0, 106, 246); position: relative; }
.hp15s9Link a::before, .hp15PostLink a::before { position: absolute; content: &quot;&quot;; top: 7px; right: 0px; width: 12px; height: 12px; background: url(&quot;/wp-content/uploads/2022/07/arrow2.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.hp15s9Link a:hover::before, .hp15PostLink a:hover::before { right: -5px; }
.hp15PostWrapper { box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 10px; border-top: 9px solid rgb(0, 106, 246); padding: 35px 40px; }
.hp15PostTitle { margin: 16px 0px; }
.hp15PostTitle a { font-size: 24px; font-weight: 600; color: rgb(25, 25, 25); }
.hp15s9Title a:hover, .hp15PostTitle a:hover { color: rgb(0, 106, 246); }
.hp15PostLink { margin-top: 30px; }
.hp15PostText { font-size: 14px; line-height: 21px; }
.hp15PostBox1 { border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 40px; margin-bottom: 40px; }
.hp15Section10 { margin-bottom: 70px; }
ul.hp15brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp15brands li { display: inline-block; }
.hp16Section1 { padding: 90px 0px 60px; }
.hp16s1Content { padding: 60px 0px 0px 60px; }
.hp16s2Box { float: left; max-width: 390px; position: relative; }
.hp16s2Box::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 0%; height: 0%; background: rgba(0, 0, 0, 0.5); z-index: 1; transition: 0.3s; }
.hp16s2Box:hover::before { top: 0px; left: 0px; width: 100%; height: 100%; }
.hp16s2Title { position: absolute; content: &quot;&quot;; top: 48%; left: 0px; width: 100%; text-align: center; font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); z-index: 2; display: none; }
.hp16s2Title a { color: rgb(255, 255, 255); }
.hp16s2Box:hover .hp16s2Title { display: block; }
.hp16Section2 { padding-bottom: 110px; }
.hp16Section3 { padding-top: 80px; position: relative; counter-reset: step-counter 0; }
.hp16Section3::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 50%; height: 600px; background: rgb(249, 250, 252); border-radius: 50px 0px 0px 50px; }
.hp16s3Btn { text-align: right; padding-top: 40px; }
.hp16s3Row { padding-bottom: 130px; }
.hp16s3Img { display: inline-block; border-radius: 40px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 30px; }
.hp16s3RowLeft .hp16s3ImgWrapper { text-align: right; }
.hp16s3RowRight .hp16s3Content { padding-left: 80px; }
.hp16s3Content { font-size: 14px; font-weight: 300; }
.hp16s3Content h4 { position: relative; counter-increment: step-counter 1; padding-top: 45px; margin-top: 35px; font-size: 22px; }
.hp16s3Content h4::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; font-size: 72px; font-weight: 700; line-height: 1; color: rgb(243, 244, 246); z-index: -1; }
.hp16s3Text { max-width: 300px; }
.hp16Section4 { max-width: 1600px; margin: 0px auto; border-radius: 60px; padding: 70px 0px; background: rgb(0, 106, 246); counter-reset: step-counter 0; }
.hp16s4Box { display: block; max-width: 280px; position: relative; counter-increment: step-counter 1; color: rgb(255, 255, 255); }
.hp16s4Box::before { position: absolute; content: counter(step-counter); bottom: -20px; right: -20px; font-size: 100px; font-weight: 800; line-height: 1; color: rgb(100, 148, 206); z-index: 1; }
.hp16s4Title { font-size: 22px; font-weight: 600; margin: 30px 0px 15px; }
.hp16s4Text { min-height: 110px; }
.hp16s4Text ul { margin: 0px !important; }
.hp16s4Text ul li { font-size: 14px; margin-bottom: 10px; }
.hp16Section5 { margin: 120px 0px; }
.hp16s5Content { padding: 60px 0px 0px 45px !important; }
.hp16s5Text ul { list-style-type: none; position: relative; margin: 50px 0px 30px !important; padding: 0px !important; }
.hp16s5Text ul::after { content: &quot;&quot;; display: block; clear: both; }
.hp16s5Text ul li { position: relative; padding-left: 20px; margin-bottom: 20px; font-size: 18px; color: rgb(0, 106, 246); float: left; width: 50%; }
.hp16s5Text ul li::before { position: absolute; content: &quot;&quot;; top: 5px; left: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid rgb(0, 106, 246); }
.hp16s5Cert { padding-top: 35px; border-top: 1px solid rgb(223, 227, 236); }
.hp16Section6 { padding: 85px 0px 60px; position: relative; }
.hp16Section6::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 50%; height: 100%; background: rgb(249, 250, 252); border-radius: 0px 60px 60px 0px; z-index: -1; }
.hp16s6Box { display: inline-block; max-width: 370px; position: relative; border-radius: 40px; overflow: hidden; }
.hp16s6Img a { display: block; }
.hp16s6Box .hp16s6Img a:hover { transform: scale(1.1); }
.hp16s6Title { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 40px; font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); text-align: center; background: rgba(0, 0, 0, 0.3); }
.hp16s6Title a { color: rgb(255, 255, 255); }
.hp16Section7 { padding: 120px 0px; }
.hp16s7Box { margin-top: 70px; max-width: 550px; }
.hp16s7Img { width: 76px; border-radius: 20px; overflow: hidden; float: left; }
.hp16s7Content { width: calc(100% - 76px); float: left; padding: 20px 0px 0px 15px; }
.hp16s7Title { font-size: 24px; font-weight: 700; color: rgb(25, 62, 109); }
.hp16s7SubTitle { font-size: 14px; font-weight: 300; }
.hp16s7Text { margin-top: 30px; padding-top: 30px; position: relative; }
.hp16s7Text::before { position: absolute; content: &quot;&quot;; top: 0px; left: -12px; width: 60px; height: 46px; background: url(&quot;/wp-content/uploads/2022/07/quoteIcon.png&quot;) 0px 0px no-repeat; }
.hp16Section9 { padding: 80px 0px; }
ul.hp16s9Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp16s9Brands li { outline: none; margin: 0px 5px; }
.hp16s8Box { display: inline-block; max-width: 560px; position: relative; overflow: hidden; border-radius: 20px; text-align: left; }
.hp16s8Img a { display: block; }
.hp16s8Content { position: absolute; content: &quot;&quot;; top: 60px; left: 45px; width: calc(100% - 90px); height: calc(100% - 120px); background: rgba(255, 255, 255, 0.3); padding: 70px 40px 40px; border-radius: 20px; color: rgb(255, 255, 255); backdrop-filter: blur(10px); }
.hp16s8Title { font-size: 23px; font-weight: 700; position: relative; padding-bottom: 20px; margin-bottom: 10px; }
.hp16s8Title::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 20px; height: 4px; background: rgb(255, 255, 255); }
.hp16s8Title a { color: rgb(255, 255, 255); }
.hp16s8Link { margin-top: 25px; }
.hp16s8Link a { font-size: 14px; font-weight: 600; color: rgb(0, 106, 246); }
.hp16s8Box:hover .hp16s8Link a { color: rgb(255, 255, 255); }
.hp18Section1 { position: relative; margin-top: -100px; margin-bottom: 90px; }
.hp18s1Btn { padding: 20px 0px 35px; }
.hp18Section2 { padding: 85px 0px 55px; background: rgb(248, 249, 251); }
.hp18s2Box { background: rgb(255, 255, 255); padding: 45px 40px 30px; border: 1px solid rgb(224, 224, 224); border-radius: 8px; }
.hp18s2Title { font-size: 22px; font-weight: 700; color: rgb(0, 106, 246); margin-bottom: 10px; }
.hp18s2Img { padding-top: 20px; }
.hp18Section3 { margin: 110px 0px 80px; }
.hp18s3Box { max-width: 370px; display: inline-block; }
.hp18s3Img { position: relative; }
.hp18s3Content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(2, 8, 16, 0.533); display: none; }
.hp18s3Box:hover .hp18s3Content { display: block; }
.hp18s3Text { text-align: left; color: rgba(255, 255, 255, 0.467); padding: 35px 35px 0px; }
.hp18s3Link { position: absolute; bottom: 25px; right: 35px; }
.hp18s3Link a { color: rgb(0, 106, 246); font-weight: 700; text-decoration: underline; }
.hp18s3Link a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.hp18s3Title { font-size: 22px; font-weight: 700; color: rgb(12, 12, 12); margin-top: 15px; }
.hp18s3Title a { color: rgb(12, 12, 12); }
.hp18s3Box:hover .hp18s3Title a { color: rgb(0, 106, 246); }
.hp18Section4 h2 b { font-size: 60px; font-weight: 700; color: rgb(0, 106, 246); }
.hp18s4Tabs ul.tabs { list-style-type: none; border-bottom: 2px solid rgb(230, 230, 230); margin: 0px 0px 60px !important; padding: 0px !important; }
.hp18s4Tabs ul.tabs li { position: relative; display: inline-block; font-size: 22px; color: rgb(84, 84, 84); margin: 0px 90px 0px 0px; padding-bottom: 20px; cursor: pointer; border-bottom: 2px solid transparent; }
.hp18s4Tabs ul.tabs li:last-child { margin: 0px; }
.hp18s4Tabs ul.tabs li.current { color: rgb(0, 106, 246); border-bottom: 2px solid rgb(0, 106, 246); }
.hp18s4Tabs .tab-content { display: none; }
.hp18s4Tabs .tab-content.current { display: block; }
.hp18s4Text { padding: 10px 0px 20px; }
.hp18Section5 { margin: 110px 0px 80px; }
.hp18s5Box { max-width: 370px; display: inline-block; position: relative; }
.hp18s5Img { overflow: hidden; border-radius: 10px; }
.hp18s5Img a { display: block; }
.hp18s5Box:hover .hp18s5Img a { transform: scale(1.1); }
.hp18s5Title { position: absolute; bottom: 0px; left: 0px; padding: 0px 0px 35px 35px; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); }
.hp18s5Title a { color: rgb(255, 255, 255); }
.hp18s5Box:hover .hp18s5Title a { color: rgb(0, 106, 246); }
.hp18Section6 { padding: 70px 0px; }
.hp18Section6 h2 { margin-top: 90px; color: rgb(255, 255, 255); }
.hp18FAQs { counter-reset: step-counter 0; }
.hp18FAQs .accordiaBox { padding: 40px 0px; border-bottom: 1px solid rgb(218, 218, 218); }
.hp18FAQs .accordiaBox.active { padding: 40px 0px 20px; }
.hp18FAQs .accordion { counter-increment: step-counter 1; padding: 0px 30px 0px 60px; font-size: 22px; font-weight: 700; color: rgb(255, 255, 255); position: relative; cursor: pointer; }
.hp18FAQs .accordion::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; font-size: 22px; font-weight: 700; color: rgb(255, 255, 255); }
.hp18FAQs .accordion::after { position: absolute; content: &quot;&quot;; top: 6px; right: 0px; font-family: Astra; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); transform: rotate(0deg); transition: 0.3s; }
.hp18FAQs .accordiaBox.active .accordion::after { transform: rotate(180deg); }
.hp18FAQs .panel { padding: 20px 30px 0px 60px; display: none; color: rgba(255, 255, 255, 0.467); }
.hp18FAQs .accordiaBox.active .panel { display: block; }
.woocommerce-Price-amount.amount { margin-bottom: 10px !important; display: inline-block; }
ul.products.columns-4 { list-style-type: none; margin: 0px -15px !important; padding: 0px !important; }
ul.products.columns-4 &gt; li { padding: 15px !important; }
.pc8ScrollLink ul { list-style-type: none; text-align: center; border-bottom: 1px solid rgb(204, 204, 204); margin: 0px !important; padding: 25px 0px 50px !important; }
.pc8ScrollLink ul li { display: inline-block; }
.pc8ScrollLink ul li a { display: block; color: rgb(9, 44, 71); padding: 14px 20px; border-radius: 3px; margin: 0px 5px; font-weight: 700; }
.pc8ScrollLink ul li:first-child a, .pc8ScrollLink ul li a:hover { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pc8Wrapper { padding-bottom: 60px; }
.pc8Wrapper, .pc8ProductBox { position: relative; }
.pc8Wrapper::after, .pc8ProductBox::after { content: &quot;&quot;; display: block; clear: both; }
.pc8Products { width: calc(100% - 270px); float: left; padding: 0px 60px 0px 0px; }
.pc8ProductBox { padding: 50px 0px 35px; border-bottom: 1px solid rgb(204, 204, 204); }
.pc8ProductContent { width: calc(100% - 270px); float: left; padding-right: 30px; }
.pc8ProductContent.fullWidth { width: 100%; }
.pc8ProductImg { width: 270px; float: right; }
.pc8ProductText a { text-decoration: underline; }
.pc8ProductText a:hover { text-decoration: none; color: rgb(0, 106, 246); }
.pc8ProductBtn { margin-top: 25px; }
.pc8Sidebar { width: 270px; float: left; padding-top: 50px; text-align: center; }
.pc8SidebarInner { display: inline-block; width: 100%; }
.pc8SliderWraper { margin-bottom: 25px; }
ul.pc8Slider, ul.pc8Slider ul.slick-dots { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.pc8Slider li.slick-slide { border: 1px solid rgb(225, 225, 225); }
ul.pc8Slider ul.slick-dots { margin: 15px 0px 0px !important; }
ul.pc8Slider ul.slick-dots li { display: inline-block; width: 12px; height: 12px; border: 3px solid rgb(0, 0, 0); background-color: transparent; border-radius: 50%; margin: 0px 5px; }
ul.pc8Slider ul.slick-dots li.slick-active { background-color: rgb(0, 0, 0); }
ul.pc8Slider ul.slick-dots li button { visibility: hidden; }
.pc8SMenu { background-color: rgb(230, 230, 230); padding: 0px 25px; text-align: left; margin-bottom: 40px !important; }
.pc8SMenu ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pc8SMenu ul li { font-size: 18px; padding: 25px 0px; border-bottom: 2px solid rgb(204, 204, 204); }
.pc8SMenu ul li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.pc8SMenu ul li a { display: block; color: rgb(0, 0, 0); position: relative; }
.pc8SMenu ul li a::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; font-family: Astra; font-size: 14px; font-weight: 700; color: rgb(0, 0, 0); transform: rotate(270deg); }
.pc8SMenu ul li a:hover, .pc8SMenu ul li a:hover::before { color: rgb(0, 106, 246); }
.pc8SidebarBtn1 a { display: block; }
.pc8SidebarBtn2 a { display: block; margin-top: 20px; }
.pc8CatalogImg { display: inline-block; margin-top: 20px; }
.pc8CatalogImg a { display: block; }
.hp19Section1 { padding: 200px 0px; background: url(&quot;/wp-content/uploads/2023/11/s1BG.jpg&quot;) right 20px no-repeat; position: relative; }
.hp19Tag { font-size: 18px; font-weight: 700; text-transform: uppercase; color: rgb(141, 142, 142); margin-bottom: 20px; }
.hp19s1Text { max-width: 510px; padding: 30px 0px; }
.hp19s1Img { display: inline-block; position: relative; border-radius: 25px; z-index: 1; overflow: hidden; }
.hp19Section1::before, .hp19s1Img::before, .hp19Section4 h2::before, .hp19s7Img::before { position: absolute; content: &quot;&quot;; width: 149px; height: 126px; background: url(&quot;/wp-content/uploads/2024/02/s1Dots.png&quot;) 0px 0px no-repeat; z-index: -1; }
.hp19Section1::before { top: 20px; left: 13%; }
.hp19s1Img::before { bottom: -72px; right: -72px; }
.hp19Section2 { padding-bottom: 200px; }
.hp19Tabs ul.tabs { list-style-type: none; text-align: right; margin: 0px !important; padding: 0px 0px 25px !important; }
.hp19Tabs ul.tabs li { display: inline-block; border: 1px solid rgb(28, 29, 29); border-radius: 40px; color: rgb(28, 29, 29); padding: 13px 35px; margin: 0px 5px; cursor: pointer; }
.hp19Tabs ul.tabs li.current { background: rgb(28, 29, 29); color: rgb(255, 255, 255); }
.hp19Tabs .tab-content { display: none; }
.hp19Tabs .tab-content.current { display: block; }
.hp19s2Box { max-width: 340px; display: inline-block; position: relative; }
.hp19s2Img { overflow: hidden; border-radius: 20px; }
.hp19s2Img a { display: block; position: relative; }
.hp19s2Img a::before { position: absolute; content: &quot;&quot;; bottom: 0px; right: 0px; width: 100px; height: 100px; background: rgb(255, 255, 255); border-radius: 70px 0px 0px; transition: 0.3s; display: none; }
.hp19s2Img a::after { position: absolute; content: &quot;&quot;; bottom: 15px; right: 15px; width: 55px; height: 55px; background: url(&quot;/wp-content/uploads/2024/02/s5Arrow.png&quot;) center center no-repeat rgb(0, 106, 246); border-radius: 100%; transition: 0.3s; display: none; }
.hp19s2Box:hover .hp19s2Img a::before, .hp19s2Box:hover .hp19s2Img a::after { display: block; }
.hp19s2Title { position: absolute; bottom: 20px; left: 20px; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); }
.hp19s2Title a { color: rgb(255, 255, 255); }
.hp19Section3 { padding: 170px 0px 140px; background-size: cover; background-position: center center; }
.hp19Section3 h2, .hp19s3Text { color: rgb(255, 255, 255); }
.hp19s3Box { width: 20%; float: left; padding: 0px 5px; min-height: 130px; color: rgb(255, 255, 255); text-align: center; margin-bottom: 30px; }
.hp19s3Img { transition: 0.3s; }
.hp19s3Box:hover .hp19s3Img { transform: scale(1.1); }
.hp19s3Title { color: rgb(192, 190, 188); padding-top: 15px; }
.hp19Section4 { padding: 220px 0px; }
.hp19Section4 h2 { position: relative; }
.hp19Section4 h2::before { top: -70px; left: -85px; }
.hp19s4SubHeading { max-width: 750px; padding-bottom: 50px; }
.hp19s4Btn { text-align: right; }
.hp19s4Box { max-width: 460px; display: inline-block; }
.hp19s4Img { overflow: hidden; border-radius: 20px; }
.hp19s4Img a { display: block; }
.hp19s4Box:hover .hp19s4Img a { transform: scale(1.1); }
.hp19s4Title { font-size: 18px; font-weight: 600; color: rgb(28, 29, 29); padding-top: 20px; }
.hp19s4Title a { color: rgb(28, 29, 29); }
.hp19s4Box:hover .hp19s4Title a { color: rgb(0, 106, 246); }
.hp19Section5 { padding-bottom: 200px; }
.hp19s5Img { border-radius: 20px; overflow: hidden; display: inline-block; }
.hp19s5Img a { display: block; position: relative; }
.hp19s5Img a::before { position: absolute; content: &quot;&quot;; bottom: 0px; right: 0px; width: 140px; height: 140px; background: rgb(255, 255, 255); border-radius: 100px 0px 0px; }
.hp19s5Img a::after { position: absolute; content: &quot;&quot;; bottom: 20px; right: 20px; width: 75px; height: 75px; background: url(&quot;/wp-content/uploads/2024/02/s5Arrow.png&quot;) center center no-repeat rgb(0, 106, 246); border-radius: 100%; }
.hp19s5Text { padding: 20px 0px; }
.hp19s5Box { position: relative; padding-bottom: 40px; }
.hp19s5Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp19s5Img1 { width: 45px; float: left; }
.hp19s5Content { width: calc(100% - 45px); float: left; padding-left: 15px; }
.hp19s5Title1 { font-size: 18px; font-weight: 700; color: rgb(28, 29, 29); margin-bottom: 5px; }
.hp19s5Text1 { max-width: 370px; }
.hp19Section6 { padding: 110px 0px 100px; background-position: center center; background-size: cover; }
.hp19s6Video a { display: inline-block; }
.hp19Section6 h3 { color: rgb(255, 255, 255); padding: 20px 0px 10px; margin: 0px !important; }
.hp19s6Text { max-width: 570px; margin: 0px auto; color: rgb(255, 255, 255); }
.hp19Section7 { padding: 250px 0px; }
.hp19s7Text { padding: 10px 0px 50px; margin-bottom: 80px; position: relative; }
.hp19s7Text::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 200px; height: 4px; background: rgb(0, 106, 246); }
.hp19s7Img { display: inline-block; position: relative; }
.hp19s7Img img { border-radius: 20px; overflow: hidden; }
.hp19s7Img::before { bottom: -70px; right: -75px; }
.hp19FAQs { counter-reset: step-counter 0; }
.hp19FAQs .accordiaBox { padding: 40px 0px; border-bottom: 1px solid rgb(247, 247, 247); }
.hp19FAQs .accordiaBox.active { padding: 40px 0px 20px; }
.hp19FAQs .accordion { counter-increment: step-counter 1; padding: 0px 30px 0px 60px; font-size: 22px; font-weight: 700; color: rgb(28, 29, 29); position: relative; cursor: pointer; }
.hp19FAQs .accordion::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; font-size: 22px; font-weight: 700; color: rgb(0, 106, 246); transition: 0.3s; }
.hp19FAQs .accordion::after { position: absolute; content: &quot;&quot;; top: 6px; right: 0px; font-family: Astra; font-size: 14px; font-weight: 700; color: rgb(167, 175, 180); transform: rotate(0deg); transition: 0.3s; }
.hp19FAQs .accordiaBox.active .accordion::after { transform: rotate(180deg); }
.hp19FAQs .panel { padding: 20px 30px 1px 60px; display: none; color: rgb(96, 96, 96); }
.hp19FAQs .accordiaBox.active .panel { display: block; }
.hp19Section8 { position: relative; padding: 80px 0px 100px; }
.hp19Section8::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 40%; height: 100%; background: rgb(247, 247, 247); }
.hp19s8SubHeading { max-width: 750px; padding-bottom: 50px; }
.hp19s8Box { max-width: 460px; display: inline-block; }
.hp19s8Img { overflow: hidden; border-radius: 20px; }
.hp19s8Img a { display: block; }
.hp19s8Box:hover .hp19s8Img a { transform: scale(1.1); }
.hp19s8Title { font-size: 22px; font-weight: 700; color: rgb(28, 29, 29); padding-bottom: 15px; }
.hp19s8Title a { color: rgb(28, 29, 29); }
.hp19s8Box:hover .hp19s8Title a { color: rgb(0, 106, 246); }
.hp19s8Content { padding: 20px 80px 0px 20px; position: relative; }
.hp19s8Link { width: 62px; height: 62px; position: absolute; top: 30px; right: 10px; border: 1px solid rgb(194, 194, 194); border-radius: 100%; text-align: center; line-height: 60px; background: rgb(255, 255, 255); transition: 0.3s; }
.hp19s8Box:hover .hp19s8Link { background: rgb(0, 106, 246); border-color: rgb(0, 106, 246); }
.hp19s8Box:hover .hp19s8Link a { filter: invert(1); }
.hp19Section9 { padding: 110px 0px; }
ul.hp19Brands { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.hp19Brands li img { display: inline-block; }
.hp20Section1 { padding: 100px 0px; }
.hp20s1Content { padding-left: 50px; }
.hp20Tag { background: rgb(221, 231, 243); color: rgb(0, 106, 246); display: inline-block; font-size: 12px; padding: 5px 10px; line-height: 1; letter-spacing: 2px; border-radius: 4px; margin-bottom: 10px; }
.hp20Section1 h2 b { color: rgb(0, 106, 246); }
.hp20s1Text, .hp20s5Text { padding: 30px 0px 40px; }
.hp20s1Text b, .hp20s5Text b, .hp20s9Text b { font-weight: 600; color: rgb(10, 27, 52); }
.hp20Section2 { padding-bottom: 100px; }
.hp20s2SubHeading { max-width: 700px; }
.hp20Section2 .flex { display: flex; flex-wrap: wrap; }
.indal-list { width: 100%; margin-top: 88px; }
.indal-list ul { list-style-type: none; flex-wrap: nowrap; margin: 0px 0px 0px -6px !important; padding: 0px !important; }
.indal-list li { width: 110px; margin-left: 6px; position: relative; height: 580px; overflow: hidden; }
.indal-list li img { position: absolute; height: 580px; left: 0px; top: 0px; object-fit: fill; max-width: none; }
.indal-list li:nth-child(3) { top: -60px; }
.indal-list li.active { width: calc(100% - 480px); }
.indal-list-link { display: block; width: 100%; }
.indal-hint { position: absolute; z-index: 4; transition: 0.4s; writing-mode: vertical-lr; white-space: nowrap; color: rgb(255, 255, 255); width: 32px; top: 32px; text-align: center; left: 50%; margin-left: -16px; font-size: 24px; font-weight: 600; }
.indal-cont { position: absolute; z-index: 5; width: 100%; top: 60px; padding: 0px 55px; color: rgb(255, 255, 255); }
.indal-cont .name { line-height: 1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 24px; font-weight: 600; }
.indal-cont .text { line-height: 24px; margin: 22px 0px 24px; max-width: 520px; }
.indal-list-more { width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; z-index: 5; }
.indal-list-more .indal-cont { width: 50%; }
.indal-list-more .indal-cont:last-child { left: auto; right: 0px; }
.indal-cont .name, .indal-cont .text, .indal-cont .link { opacity: 0; }
.indal-list li.active .indal-cont .name { animation: 1s ease 0.6s 1 normal both running indalRun; }
.indal-list li.active .indal-cont .text { animation: 1s ease 0.7s 1 normal both running indalRun; }
.indal-list li.active .indal-cont .link { animation: 1s ease 0.8s 1 normal both running indalRun; pointer-events: auto; }
@keyframes indalRun { 
  0% { opacity: 0; transform: translateY(80px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.indal-list li.active .indal-hint { opacity: 0; }
.hp20Section3 { padding: 90px 0px 70px; }
.hp20Section3 h2 { color: rgb(255, 255, 255); }
.hp20s3SubHeading { max-width: 900px; margin: 0px auto 70px; color: rgba(255, 255, 255, 0.467); }
.hp20s3Box { background: rgb(255, 255, 255); text-align: center; padding: 40px; }
.hp20s3Img { margin: 0px auto 50px; width: 80px; }
.hp20s3Title { font-size: 18px; font-weight: 700; color: rgb(10, 27, 52); margin-bottom: 20px; }
.hp20s3Text { font-size: 14px; }
.hp20Section4 { padding: 100px 0px 80px; background: rgb(247, 249, 252); }
.hp20s4Text { max-width: 1060px; padding-bottom: 30px; }
.hp20s4Box { max-width: 355px; display: inline-block; overflow: hidden; text-align: left; }
.hp20s4SubHeading { max-width: 1050px; margin: 0px auto 50px; }
.hp20s4Img { overflow: hidden; }
.hp20s4Img a { display: block; }
.hp20s4Box:hover .hp20s4Img a { transform: scale(1.1); }
.hp20s4Title { font-weight: 700; color: rgb(3, 27, 54); font-size: 22px; margin: 20px 0px 10px; }
.hp20s4Title a { color: rgb(3, 27, 54); }
.hp20s4Box:hover .hp20s4Title a { color: rgb(0, 106, 246); }
.applicationWrapper { padding-top: 40px; }
ul.hp20s4List { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
ul.hp20s4List::after, .hp20s5Box::after { content: &quot;&quot;; display: block; clear: both; }
ul.hp20s4List li { position: relative; padding: 0px 15px 0px 25px; margin: 0px 0px 40px; float: left; width: 33.33%; font-weight: 700; color: rgb(3, 27, 54); }
ul.hp20s4List li a { color: rgb(3, 27, 54); }
ul.hp20s4List li::before { position: absolute; content: &quot;&quot;; top: 2px; left: 0px; width: 18px; height: 18px; background: url(&quot;/wp-content/uploads/2024/04/checkIcon1.png&quot;) 0px 0px no-repeat; }
.hp20SearchBar { max-width: 340px; }
.hp20SearchBar .ast-search-menu-icon .search-form { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 6px !important; width: 100% !important; }
.hp20SearchBar .ast-search-menu-icon.ast-inline-search .search-field { padding: 13px 20px 13px 10px; outline: none; }
body .hp20SearchBar .search-field::placeholder { color: rgb(128, 134, 143) !important; }
.hp20SearchBar button[type=&quot;submit&quot;] { width: 44px; margin: 2px 2px 0px 0px; height: 44px !important; background: url(&quot;/wp-content/uploads/2024/04/searchIcon.jpg&quot;) 0px 0px rgb(0, 106, 246) !important; border-radius: 4px !important; right: 0px !important; }
.hp20SearchBar button[type=&quot;submit&quot;] i { display: none; }
.hp20Section5 { padding: 100px 0px; }
.hp20s5Icon { display: inline-block; border-radius: 100%; overflow: hidden; }
.hp20s5Tag { margin: 20px 0px; font-size: 22px; font-weight: 600; color: rgb(0, 106, 246); }
.hp20s5Img { position: relative; display: inline-block; overflow: hidden; }
.hp20s5ImgCap { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 106, 246, 0.467); color: rgb(255, 255, 255); font-weight: 600; padding: 50px; }
.hp20Section6 { margin-bottom: 100px; }
.hp20s6Text { padding: 20px 0px 40px; }
.hp20Section7 { padding: 80px 0px; background-position: center center; background-size: cover; }
.hp20Section7 h2 { margin-top: 50px; font-size: 42px; color: rgb(255, 255, 255); }
.hp20Section7 a.commonBtn { box-shadow: none; }
.hp20FAQs { padding-left: 60px; counter-reset: step-counter 0; }
.hp20FAQs .accordiaBox { padding: 40px 0px; border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
.hp20FAQs .accordiaBox.active { padding: 40px 0px 20px; }
.hp20FAQs .accordion { counter-increment: step-counter 1; padding: 0px 30px 0px 60px; font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); position: relative; cursor: pointer; }
.hp20FAQs .accordion::before { position: absolute; content: &quot;0&quot; counter(step-counter); top: 0px; left: 0px; font-size: 22px; font-weight: 700; color: rgb(138, 145, 155); }
.hp20FAQs .accordion::after { position: absolute; content: &quot;&quot;; top: 6px; right: 0px; font-family: Astra; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); transform: rotate(0deg); transition: 0.3s; }
.hp20FAQs .accordiaBox.active .accordion::before { color: rgb(255, 255, 255); }
.hp20FAQs .accordiaBox.active .accordion::after { color: rgb(255, 255, 255); transform: rotate(180deg); }
.hp20FAQs .panel { padding: 20px 30px 0px 60px; display: none; color: rgba(255, 255, 255, 0.467); }
.hp20FAQs .accordiaBox.active .panel { display: block; }
.hp20Section8 { background: rgb(247, 249, 252); padding: 100px 0px; }
.hp20s8Row { position: relative; }
.hp20s8Row::before, .hp20s8Row::after { position: absolute; content: &quot;&quot;; width: 73px; height: 72px; background: url(&quot;/wp-content/uploads/2024/04/quoteIcon.png&quot;) 0px 0px no-repeat; }
.hp20s8Row::before { top: -70px; left: -55px; }
.hp20s8Row::after { bottom: -100px; right: -55px; transform: rotate(180deg); }
.hp20s8Box { max-width: 480px; background: rgb(255, 255, 255); padding: 40px 45px 30px; position: relative; }
.hp20s8Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp20s8Text { min-height: 170px; }
.hp20s8Img { width: 80px; float: left; border-radius: 100%; overflow: hidden; }
.hp20s8Content { width: calc(100% - 80px); float: left; padding-left: 20px; }
.hp20s8Name { font-size: 20px; font-weight: 600; color: rgb(6, 10, 18); margin: 10px 0px; }
.hp20s8Company { font-weight: 300; }
.hp20Section9 { padding: 100px 0px; }
.hp20Section9 h2 { position: relative; margin-top: 30px; }
.hp20Section9 h2::before { position: absolute; content: &quot;&quot;; top: -100px; left: -155px; width: 283px; height: 342px; background: url(&quot;/wp-content/uploads/2024/04/s9Icon.png&quot;) 0px 0px no-repeat; }
.hp20s9Text { padding-top: 20px; }
.hp20Form .ff-el-form-hide_label { margin: 0px; }
.hp20Form input[type=&quot;text&quot;], .hp20Form input[type=&quot;email&quot;], .hp20Form input[type=&quot;tel&quot;], .hp20Form textarea { background: transparent; margin: 0px; width: 100%; border-width: medium medium 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(226, 226, 226) !important; border-image: none !important; padding: 20px 0px !important; border-radius: 0px !important; }
.hp20Form textarea { height: 100px !important; }
.hp20Form input[type=&quot;text&quot;]::placeholder, .hp20Form input[type=&quot;email&quot;]::placeholder, .hp20Form input[type=&quot;tel&quot;]::placeholder, .hp20Form textarea::placeholder { }
.hp20Form input[type=&quot;submit&quot;] { padding: 20px 30px; }
.hp20Section10 { padding: 100px 0px; background: rgb(247, 249, 252); }
ul.hp20s10Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp20s10Brands li { display: inline-block; text-align: center; margin: 0px 10px; }
ul.hp20s10Brands li img { display: inline-block; }
.pc9Banner { position: relative; }
.bannerImg { text-align: center; }
.bannerImg img { width: 100%; }
.pc9Banner .pc9BannerContent { position: absolute; top: 0px; width: 100%; max-width: 820px; height: 100%; display: flex; align-items: center; }
.pc9Banner .bannerContainer { width: 100%; }
.pc9BannerHeading { font-size: 50px; line-height: 58px; font-weight: 700; color: rgb(255, 255, 255); }
.pc9BannerText { padding: 10px 0px 40px; }
.pc9Section1 { padding: 170px 0px 140px; background: linear-gradient(rgb(247, 249, 252) 63%, rgb(247, 249, 252) 63%, rgb(255, 255, 255) 100%); }
.pc9s1Row1 { margin-bottom: 50px !important; }
.pc9s1SubHeading { max-width: 720px; }
.pc9s1Btn { text-align: right; }
.pc9s1Box { border-radius: 20px; overflow: hidden; background: rgb(255, 255, 255); max-width: 340px; display: inline-block; text-align: left; }
.pc9s1Img { overflow: hidden; }
.pc9s1Img a { display: block; }
.pc9s1Box:hover .pc9s1Img a { transform: scale(1.1); }
.pc9s1Content { padding: 5px 30px 25px; }
.pc9s1Title { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
.pc9s1Box:hover .pc9s1Title a { color: rgb(0, 0, 0); }
.pc9Section2 { max-width: 1650px; margin: 0px auto; border-radius: 30px; padding: 140px 0px; color: rgb(255, 255, 255); }
.pc9Section2 h2 { color: rgb(255, 255, 255); }
.pc9s2Text { max-width: 1150px; margin: 0px auto; }
.pc9Section3 { padding: 140px 0px; }
.pc9s3SubHeading { max-width: 720px; }
.pc9s3Btn { text-align: right; }
.pc9s3Row1 { margin-bottom: 50px !important; }
.pc9s3Box { border-radius: 25px; overflow: hidden; background: rgb(247, 249, 252); max-width: 340px; display: inline-block; text-align: left; position: relative; }
.pc9s3Img { overflow: hidden; }
.pc9s3Img a { display: block; }
.pc9s3Box:hover .pc9s3Img a { transform: scale(1.1); }
.pc9s3Content { padding: 5px 30px 50px; }
.pc9s3Title { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
.pc9s3Box:hover .pc9s3Title a { color: rgb(0, 0, 0); }
.pc9s3Link { position: absolute; bottom: 0px; right: 0px; }
.pc9s3Link a { display: inline-block; width: 60px; height: 60px; background: url(&quot;/wp-content/uploads/2024/07/s3Icon.png&quot;) center center no-repeat rgb(222, 229, 241); text-indent: 1e+08px; border-radius: 25px 0px; }
.pc9s3Box:hover .pc9s3Link a { background: url(&quot;/wp-content/uploads/2024/07/s3IconHover.png&quot;) center center no-repeat rgb(0, 106, 246); }
.pc9Section4 { padding-bottom: 150px; }
.pc9s4Content { max-width: 480px; }
.pc9s4Text { padding: 10px 0px 35px; }
.responsiveMargin .pc9s4Content { float: right; text-align: left; }
.pc9s4Img { border-radius: 30px; overflow: hidden; }
.pc9Section5 { padding: 80px 0px; background: rgb(0, 106, 246); }
.pc9s5Form { background: rgb(255, 255, 255); border-radius: 30px; padding: 10px 75px 50px; }
.pc9s5Form input[type=&quot;text&quot;], .pc9s5Form input[type=&quot;email&quot;], .pc9s5Form textarea { width: 100%; border-width: medium medium 3px; border-style: none none solid; border-color: currentcolor currentcolor rgb(0, 106, 246); border-image: none; border-radius: 0px; font-weight: 700; color: rgb(0, 0, 0); background: rgb(255, 255, 255); padding: 40px 0px; }
.pc9s5Form textarea { margin: 30px 0px; padding: 20px; border: 3px solid rgb(0, 106, 246) !important; min-height: 220px !important; }
.pc9s5Form input[type=&quot;text&quot;]::placeholder, .pc9s5Form input[type=&quot;email&quot;]::placeholder, .pc9s5Form textarea::placeholder { color: rgb(0, 106, 246) !important; }
.pc9s5Form button[type=&quot;submit&quot;] { font-weight: 600; padding: 15px 30px; border-color: rgb(0, 106, 246); background: rgb(0, 106, 246) !important; }
.pc9s5Content { padding-left: 45px; }
.pc9Section5 h2 { color: rgb(255, 255, 255); padding-bottom: 40px; }
.pc9s5Text ul { list-style-type: none; position: relative; counter-reset: step-counter 0; margin: 0px !important; padding: 0px !important; }
.pc9s5Text ul::before { position: absolute; content: &quot;&quot;; top: 0px; left: 17px; width: 1px; height: 100%; border-left: 1px dashed rgb(255, 255, 255); }
.pc9s5Text ul li { position: relative; padding: 6px 0px 6px 55px; margin-bottom: 50px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; counter-increment: step-counter 1; }
.pc9s5Text ul li::before { position: absolute; content: counter(step-counter); top: 0px; left: 0px; width: 35px; height: 35px; background: rgb(255, 255, 255); border-radius: 5px; text-align: center; line-height: 35px; color: rgb(0, 106, 246); font-size: 20px; font-weight: 700; }
.pc9Section6 { background: rgb(247, 249, 252); padding: 180px 0px; }
.pc9Section6 h2 { max-width: 450px; }
.pc9Section7 { padding: 155px 0px 140px; }
.pc9s7Box { border: 5px solid rgb(0, 106, 246); border-radius: 30px; padding: 50px 45px 75px; text-align: center; transition: 0.3s; }
.pc9s7Box:hover { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pc9s7Img { border-radius: 25px; overflow: hidden; display: inline-block; }
.pc9s7Content { padding: 75px 20px 0px; }
.pc9s7Box:hover h2 { color: rgb(255, 255, 255); }
.pc9s7Text { padding: 10px 0px 40px; }
.pc9s7Box:hover .pc9s7Btn a.commonBtn { background: rgb(255, 255, 255); color: rgb(0, 106, 246); }
.pc9Section8 { background: rgb(247, 249, 252); padding: 150px 0px 100px; }
.pc9Tabs ul.tabs { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px 0px 50px !important; }
.pc9Tabs ul.tabs li { display: inline-block; min-width: 200px; border: 2px solid rgb(0, 106, 246); border-radius: 40px; padding: 20px; margin: 0px 35px; color: rgb(0, 106, 246); font-weight: 700; }
.pc9Tabs ul.tabs li.current { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pc9Tabs .tab-content { display: none; }
.pc9Tabs .tab-content.current { display: block; }
.tab-content .gallery-icon { border-radius: 0px !important; }
.pc9Section9 { padding: 170px 0px 140px; }
.pc9s9SubHeading { max-width: 850px; }
.pc9s9Btn { text-align: right; }
.pc9s9Row1 { padding-bottom: 70px; }
.pc9Testimonial { max-width: 400px; text-align: center; padding: 130px 45px 50px; background: rgb(0, 106, 246); color: rgb(255, 255, 255); border-radius: 30px; }
.pc9Testimonial::before { position: absolute; content: &quot;&quot;; top: 40px; left: 35px; width: 80px; height: 59px; background: url(&quot;/wp-content/uploads/2024/07/quoteIcon.png&quot;) 0px 0px no-repeat; }
.pc9s9Name { font-size: 20px; font-weight: 700; padding: 35px 0px 10px; }
.pc9s9Note { padding-top: 30px; }
.pc9s9Box { max-width: 420px; margin: 70px 0px 20px; }
.pc9s9Title { font-size: 20px; font-weight: 700; padding: 25px 0px 20px; }
.pc9Section10 { padding-bottom: 200px; }
ul.pc9s10Brands { list-style-type: none; text-align: center; margin: 0px !important; padding: 40px 0px 0px !important; }
ul.pc9s10Brands li { display: inline-block; margin: 0px 28px; }
.pc9Section11 { padding: 90px 0px 110px; background: url(&quot;/wp-content/uploads/2024/07/s11BG.jpg&quot;) center center / cover no-repeat; position: relative; }
.pc9Section11::before { position: absolute; content: &quot;&quot;; top: -53px; left: 50%; width: 80px; height: 106px; margin-left: -40px; background: url(&quot;/wp-content/uploads/2024/07/s11Icon.png&quot;) 0px 0px no-repeat; }
.pc9FAQs { counter-reset: step-counter 0; }
.pc9FAQs .accordiaBox { padding-left: 70px; position: relative; background: rgb(255, 255, 255); margin-bottom: 10px; min-height: 95px; border-radius: 20px; overflow: hidden; counter-increment: step-counter 1; }
.pc9FAQs .accordiaBox::before { position: absolute; content: counter(step-counter); top: 0px; left: 0px; width: 70px; height: 100%; padding-top: 35px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; background: rgb(0, 106, 246); }
.pc9FAQs .accordion { padding: 35px 70px 20px 40px; font-size: 20px; font-weight: 700; position: relative; cursor: pointer; }
.pc9FAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 32px; right: 35px; font-size: 28px; font-weight: 300; color: rgb(0, 0, 0); transition: 0.3s; }
.pc9FAQs .accordiaBox.active .accordion::before { content: &quot;-&quot;; }
.pc9FAQs .panel { padding: 0px 70px 25px 40px; display: none; }
.pc9FAQs .panel.active { display: block; }
.pc9Section12 { padding: 170px 0px 110px; }
.pc9s12SubHeading { max-width: 820px; margin-bottom: 50px; }
.pc9s12Box { background: rgb(247, 249, 252); padding: 30px; border-radius: 30px; }
.pc9s12Img { border-radius: 30px; overflow: hidden; }
.pc9s12Img a { display: block; }
.pc9s12Box:hover .pc9s12Img a { transform: scale(1.1); }
.pc9s12Content { text-align: left; padding-top: 25px; }
.pc9s12Title { font-size: 20px; font-weight: 700; }
.pc9s12Box:hover .pc9s12Title a { color: rgb(0, 0, 0); }
.pc9s12Text { padding: 10px 0px 20px; }
.pc9s12Row { position: relative; }
.pc9s12Row::after { content: &quot;&quot;; display: block; clear: both; }
.pc9s12Link, .pc9s12Date { width: 50%; float: left; }
.pc9s12Link a { display: inline-block; background: rgb(222, 229, 241); color: rgb(0, 106, 246); border-radius: 30px; padding: 7px 15px; font-weight: 600; }
.pc9s12Box:hover .pc9s12Link a { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.pc9s12Date { text-align: right; }
.hp21Section1 { padding: 200px 0px 250px; }
.hp21s1Img { display: inline-block; position: relative; }
.hp21s1Img::before { position: absolute; content: &quot;Watch Our Video&quot;; bottom: 50px; left: 50px; padding: 15px 15px 15px 65px; background: url(&quot;/wp-content/uploads/2024/08/playIcon.png&quot;) 0px 0px no-repeat; font-weight: 600; color: rgb(255, 255, 255); z-index: 1; }
.hp21s1Content h2 b, .hp21Heading h2 b { font-weight: 800; color: rgb(0, 106, 246); }
.hp21s1Btn { padding-top: 30px; }
.hp21Section2 { padding: 0px 0px 170px; }
.hp21s2Content { margin-top: 40px; padding: 0px 70px; position: relative; }
.hp21s2Content::after { content: &quot;&quot;; display: block; clear: both; }
.hp21s2Box { border: 1px solid rgb(224, 224, 224); position: relative; margin: -1px 0px 0px -1px; padding: 40px; transition: 0.3s; }
.hp21s2Box:hover { background: rgb(0, 106, 246); }
.page-template-template-home21 .hp21s2Box { width: 33.33%; float: left; }
.hp21s2Title { font-size: 20px; font-weight: 700; text-transform: uppercase; color: rgb(28, 28, 28); padding: 40px 0px 8px; transition: 0.3s; }
.hp21s2Title a { color: rgb(28, 28, 28); }
.hp21s2Text { transition: 0.3s; min-height: 45px; }
.hp21s2Box:hover .hp21s2Title a, .hp21s2Box:hover .hp21s2Text, .hp21s2Box:hover .elementor-image-box-title, .hp21s2Box:hover .elementor-image-box-description { color: rgb(255, 255, 255); }
.hp21Section3 { padding: 150px 0px 470px; background-size: cover; background-position: center center; }
.hp21Section3 h2 { padding-bottom: 60px; }
.hp21s3Box { background: rgba(255, 255, 255, 0.8); border: 2px solid rgb(0, 106, 246); padding: 45px 30px 30px; min-height: 380px; }
.hp21s3Counter { font-size: 80px; font-style: italic; font-weight: 700; color: rgb(0, 106, 246); line-height: 1; }
.hp21s3Title { font-size: 20px; font-weight: 800; color: rgb(28, 28, 28); text-transform: uppercase; padding: 50px 0px 25px; margin-bottom: 25px; position: relative; }
.hp21s3Title::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 55px; height: 3px; background: rgb(0, 106, 246); }
.hp21Section4 { padding: 170px 0px 270px; }
.hp21s4Text { max-width: 470px; padding-top: 20px; }
.hp21s4Slider { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
.hp21s4Box { position: relative; }
.hp21s4Content { position: absolute; bottom: 0px; left: 0px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.7) 100%); z-index: 1; padding: 60px 70px; }
.hp21s4Title { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 10px; }
.hp21s4Text2 { color: rgb(231, 231, 231); }
.hp21s4Slider .slick-arrow { position: absolute; bottom: 0px; width: 60px; height: 60px; background: url(&quot;/wp-content/uploads/2024/08/s4Arrow.jpg&quot;) 0px 0px no-repeat; z-index: 1; padding: 0px; text-indent: -1e+10px; border-radius: 0px; }
.hp21s4Slider .slick-arrow:hover { background: url(&quot;/wp-content/uploads/2024/08/s4ArrowOver1.jpg&quot;) 0px 0px no-repeat; }
.hp21s4Slider .slick-prev { left: -220px; }
.hp21s4Slider .slick-next { left: -160px; transform: rotate(180deg); }
.hp21Section5 { padding: 80px 0px 110px; background-size: cover; background-position: center 0px; }
.hp21Section5 h2 { color: rgb(255, 255, 255); }
.hp21s5SubHeading { padding: 10px 0px 60px; font-weight: 500; color: rgb(199, 199, 199); }
.hp21s5Box { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 35px 20px 45px; text-align: center; }
.hp21s5Title { font-weight: 700; color: rgb(255, 255, 255); padding: 25px 0px 10px; }
.hp21s5Text { color: rgb(159, 159, 159); font-size: 14px; font-weight: 500; min-height: 70px; }
.hp21Section6 { padding: 200px 0px 250px; }
.hp19s6SubHeading { padding: 10px 0px 70px; font-weight: 500; }
.hp21s6Btn { text-align: right; }
.hp21Tabs .tab-content { display: none; }
.hp21Tabs .tab-content.current { display: block; }
.hp21s6Box { position: relative; }
.hp21s6Content { position: absolute; bottom: 0px; left: 0px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.7) 100%); z-index: 1; padding: 60px; }
.hp21s6Title { font-size: 24px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); padding-bottom: 15px; }
.hp21s6Text { color: rgb(255, 255, 255); font-weight: 500; max-width: 720px; }
.hp21Tabs ul.tabs { list-style-type: none; margin: 70px 0px 0px !important; padding: 0px !important; }
.hp21Tabs ul.tabs li { display: inline-block; padding-right: 100px; font-size: 20px; font-weight: 800; color: rgb(28, 28, 28); text-transform: uppercase; cursor: pointer; }
.hp21Tabs ul.tabs li span { font-size: 50px; font-weight: 800; color: rgb(210, 210, 210); display: inline-block; }
.hp21Tabs ul.tabs li.current span { color: rgb(0, 106, 246); }
.hp21FAQs { padding-right: 60px; }
.hp21FAQs h2 { padding-bottom: 50px; }
.hp21FAQs .accordiaBox { padding-left: 65px; position: relative; margin-bottom: 40px; }
.hp21FAQs .accordiaBox::before { position: absolute; content: &quot;+&quot;; top: 0px; left: 0px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 30px; color: rgb(255, 255, 255); background: rgb(0, 106, 246); }
.hp21FAQs .accordiaBox.active::before { content: &quot;-&quot;; }
.hp21FAQs .accordion { font-size: 20px; font-weight: 700; color: rgb(28, 28, 28); cursor: pointer; padding-top: 4px; }
.hp21FAQs .panel { padding: 12px 0px 0px; font-size: 14px; line-height: 21px; color: rgb(28, 28, 28); font-weight: 500; display: none; }
.hp21FAQs .accordiaBox.active .panel { display: block; }
.hp21Section7 { padding: 110px 0px; position: relative; }
.hp21Section7::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 35%; height: 100%; background: rgb(0, 106, 246); z-index: -1; }
.hp21Form { padding: 60px 50px; box-shadow: rgba(40, 62, 128, 0.15) 10px -20px 70px 20px; background: rgb(255, 255, 255); }
.hp21FormTitle { font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; color: rgb(0, 0, 0); padding-bottom: 30px; }
.hp21Form input[type=&quot;text&quot;], .hp21Form input[type=&quot;email&quot;], .hp21Form textarea { border: 1px solid rgb(0, 0, 0) !important; color: rgb(0, 0, 0) !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; padding: 15px !important; }
.hp21Form textarea { height: 190px; }
.hp21Form button[type=&quot;submit&quot;] { width: 100%; padding: 17px; }
.hp21Section8 { padding: 250px 0px 220px; }
.hp21s8Btn { padding: 20px 0px 60px; }
.hp21s8Btn a { font-size: 18px; font-weight: 700; color: rgb(28, 28, 28); text-decoration: underline; }
.hp21s8Btn a:hover { text-decoration: none; color: rgb(0, 106, 246); }
.hp21s8Box { padding: 50px; border: 2px solid rgb(0, 0, 0); }
.hp21s8Img { width: 85px; float: left; border-radius: 100%; overflow: hidden; }
.hp21s8Content { padding: 15px 0px 0px 30px; width: calc(100% - 85px); float: left; }
.hp21s8Name { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 15px; }
.hp21s8Text { font-weight: 500; margin-top: 35px; min-height: 90px; }
.hp21Section9 { background: rgb(243, 243, 243); }
.hp21s9Img { text-align: center; padding: 80px 0px 0px; }
.hp21s10SubHeading { font-weight: 500; }
.hp21s10Btn { margin-top: 60px; }
.hp21s9Box { position: relative; background: rgb(0, 106, 246); z-index: 1; padding-top: 125px; padding-bottom: 125px; padding-left: 100px; }
.hp21s9Box::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 1000px; height: 100%; background: rgb(0, 106, 246); z-index: -1; }
.hp21s9Count { font-size: 35px; font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 20px; }
.hp21s9Title { font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 65px; }
.hp21s9Title a { color: rgb(255, 255, 255); }
.hp21s9Title a:hover { color: rgb(0, 0, 0); }
.hp1Section1 { padding: 40px 0px 10px; }
.hp1s1Box { position: relative; }
.hp1s1Box::after, .hp1s6Box::after, .hp1s10Content::after { content: &quot;&quot;; display: block; clear: both; }
.hp1s1Img { width: 70px; float: left; }
.hp1s1Content { width: calc(100% - 70px); float: left; padding-left: 15px; }
.hp1s1Title { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); line-height: 1.2; padding-bottom: 5px; }
.hp1s2Wraper { background: rgb(248, 248, 250); padding: 150px 0px 120px; position: relative; }
.hp1s2Wraper::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 60%; height: 75%; background: rgb(239, 248, 253); }
.hp1s2Box1 { background: rgb(255, 255, 255); padding: 50px 55px 60px; min-height: 334px; }
.hp1s2SubHeading { padding: 0px 0px 30px; }
.hp1s2Box { position: relative; max-width: 530px; display: inline-block; }
.hp1s2Img img { display: block; transition: 0.3s; }
.hp1s2Box:hover .hp1s2Img img { transform: scale(1.1); }
.hp1s2Content, .hp1s3Content { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 0px 35px 35px; }
.hp1s2Title, .hp1s3Title { font-size: 25px; font-weight: 600; color: rgb(255, 255, 255); }
.hp1s2Text, .hp1s3Text { color: rgb(255, 255, 255); padding: 10px 0px 20px; }
.hp1s2Link a, .hp1s3Link a { display: inline-block; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 600; padding: 11px 25px; }
.hp1s2Link a:hover, .hp1s3Link a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.hp1s3Box { max-width: 390px; display: inline-block; position: relative; text-align: left; }
.hp1s3Img img { display: block; transition: 0.3s; }
.hp1s3Box:hover .hp1s3Img img { transform: scale(1.1); }
.hp1Section4 { padding: 150px 0px; background-size: cover; background-position: center center; background-attachment: fixed; }
.hp1s4Conetnt { max-width: 700px; }
.hp1Section4 h2 { color: rgb(255, 255, 255); }
.hp1s4Text { color: rgb(255, 255, 255); padding: 10px 0px 50px; }
.hp1Section5 { padding: 135px 0px; }
ul.hp1s5List { list-style-type: none; margin: 0px !important; padding: 40px 0px 0px !important; }
ul.hp1s5List li { display: inline-block; width: 33.33%; padding-bottom: 45px; text-align: center; position: relative; }
ul.hp1s5List li::before { position: absolute; content: &quot;&quot;; top: 50%; right: -31px; width: 62px; height: 62px; margin: -31px 0px 0px; background: url(&quot;/wp-content/uploads/2025/04/s5Arrow.png&quot;) 0px 0px no-repeat; }
ul.hp1s5List li:last-child::before { display: none; }
.hp1s5Box { max-width: 370px; display: inline-block; }
.hp1s5Counter { display: inline-block; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; border-radius: 40px; padding: 8px 20px; }
.hp1s5Title { font-size: 25px; font-weight: 700; color: rgb(0, 0, 0); padding: 30px 0px 15px; }
.hp1s6Img { display: inline-block; }
.hp1s6Content { padding-left: 50px; max-width: 640px; }
.hp1s6Text { padding: 10px 0px 30px; }
.hp1s6Box { position: relative; padding-bottom: 35px; }
.hp1s6Img2 { width: 42px; float: left; }
.hp1s6Content2 { width: calc(100% - 42px); float: left; padding-left: 20px; }
.hp1s6Title { font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); padding-bottom: 10px; }
.hp1Section7 { padding: 190px 0px; background-size: cover; background-position: center center; background-attachment: fixed; }
.hp1s7Conetnt { max-width: 950px; margin: 0px auto; text-align: center; }
.hp1Section7 h2 { color: rgb(255, 255, 255); }
.hp1s7Text { padding: 10px 0px 70px; color: rgb(255, 255, 255); display: inline-block; max-width: 750px; }
.hp1Section8 { padding: 150px 0px 90px; }
.hp1Section8 h2 { padding-bottom: 40px; }
.hp1s8Box { padding: 0px 0px 30px 60px; max-width: 400px; display: inline-block; position: relative; }
.hp1s8Box::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 31px; height: 31px; background: url(&quot;/wp-content/uploads/2025/04/s8Arrow.png&quot;) 0px 0px no-repeat; }
.hp1s8Title { font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); padding-bottom: 10px; }
.hp1Section9 { max-width: 1600px; margin: 0px auto; background-size: cover; background-position: center center; padding: 150px 0px 20px; }
.hp1Section9 h2 { color: rgb(255, 255, 255); }
.hp1s9SubHeading { max-width: 750px; margin: 0px auto; color: rgba(255, 255, 255, 0.7); padding-bottom: 400px; }
.hp1s9Box { max-width: 306px; background: rgb(255, 255, 255); border-radius: 10px; padding: 40px 30px; }
.hp1s9Title { font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); padding: 20px 0px 10px; }
.hp1Section10 { padding: 180px 0px 220px; position: relative; }
.hp1Section10::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; height: 45px; background: rgb(248, 248, 250); }
.hp1Section10 h2 { font-size: 36px; }
ul.hp1s10Slider { list-style-type: none; max-width: 910px; position: relative; margin: 0px !important; padding: 0px 90px 0px 0px !important; }
ul.hp1s10Slider::before { position: absolute; content: &quot;&quot;; top: -60px; right: 0px; width: 1px; height: 220px; background: rgb(218, 218, 218); }
ul.hp1s10Slider .slick-arrow { position: absolute; top: 0px; width: 10px; height: 14px; background: url(&quot;/wp-content/uploads/2025/04/s10Arrow.png&quot;) 0px 0px no-repeat; z-index: 9; padding: 0px; text-indent: -1e+07px; }
ul.hp1s10Slider .slick-prev { right: -90px; }
ul.hp1s10Slider .slick-next { right: -120px; transform: rotate(180deg); }
.hp1s10Box { padding-top: 10px; }
.hp1s10Content { padding: 20px 0px 0px; position: relative; }
.hp1s10Img { width: 37px; float: left; border-radius: 100%; }
.hp1s10Title { width: calc(100% - 37px); float: left; font-size: 20px; font-weight: 600; color: rgb(0, 0, 0); padding: 5px 0px 0px 10px; }
.hp1s10Img2 { position: absolute; right: -150px; bottom: -220px; }
.hp1Section11 { background: rgb(248, 248, 250); padding: 65px 0px 80px; }
.hp1s11SubHeading { max-width: 750px; margin: 0px auto; padding-bottom: 60px; }
.hp1s11Box { text-align: center; }
.hp1Section12 { padding: 140px 0px 115px; }
.hp1s12SubHeading { font-weight: 600; color: rgb(0, 0, 0); padding-bottom: 10px; }
.hp1Section12 h2 { padding: 0px 0px 45px; }
.hp1s12Box { max-width: 680px; display: inline-block; background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.hp1s12Img { overflow: hidden; margin-bottom: 20px; }
.hp1s12Img a { display: block; }
.hp1s12Box:hover .hp1s12Img a { transform: scale(1.1); }
.hp1s12Content { width: calc(100% - 100px); float: left; padding: 0px 30px 25px; }
.hp1s12Date { width: 100px; float: left; padding-right: 20px; font-size: 14px; font-weight: 700; }
.hp1s12Title { font-size: 20px; font-weight: 600; color: rgb(255, 255, 255); padding-bottom: 10px; }
.hp1s12Title a { color: rgb(255, 255, 255); }
.hp1s12Text { min-height: 45px; }
.hp1Section13 { padding: 190px 0px; background-size: cover; background-position: center center; background-attachment: fixed; }
.hp1s13Conetnt { max-width: 850px; margin: 0px auto; text-align: center; }
.hp1s13Conetnt h2 { color: rgb(255, 255, 255); }
.hp1s13Text { max-width: 750px; margin: 0px auto; color: rgb(255, 255, 255); padding: 10px 0px 60px; }
.hp2Section1 { padding: 80px 0px 0px; margin-bottom: 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-bottom: 10px solid rgb(255, 255, 255); position: relative; z-index: 1; }
.hp2Section1::before { position: absolute; content: &quot;&quot;; bottom: -160px; left: 0px; width: 100%; height: 150px; background: rgb(243, 243, 244); z-index: -1; }
.hp2Tag { font-size: 14px; font-weight: 700; color: rgb(0, 106, 246); text-transform: uppercase; padding-bottom: 10px; }
.hp2Section1 h2 { color: rgb(255, 255, 255); }
.hp2s1SubHeading { color: rgb(255, 255, 255); font-weight: 300; padding-bottom: 65px; }
.hp2s1Box { background: rgb(255, 255, 255); padding: 25px; margin-bottom: -110px; transition: 0.3s; }
.hp2s1Count { font-weight: 600; color: rgb(153, 153, 153); position: relative; display: inline-block; padding-left: 32px; transition: 0.3s; }
.hp2s1Count::before { position: absolute; content: &quot;&quot;; bottom: 5px; left: 0px; width: 30px; height: 2px; background: rgb(153, 153, 153); transition: 0.3s; }
.hp2s1Img { padding-top: 100px; }
.hp2s1Img img { transition: 0.3s; }
.hp2s1Title { font-weight: 600; color: rgb(0, 0, 0); text-transform: uppercase; padding: 30px 0px 10px; transition: 0.3s; }
.hp2s1Text { font-size: 14px; line-height: 21px; transition: 0.3s; }
.hp2s1Box:hover { background: rgb(0, 106, 246); }
.hp2s1Box:hover .hp2s1Count, .hp2s1Box:hover .hp2s1Title, .hp2s1Box:hover .hp2s1Text { color: rgb(255, 255, 255); }
.hp2s1Box:hover .hp2s1Count::before { background: rgb(255, 255, 255); }
.hp2s1Box:hover .hp2s1Img img { filter: invert(1) brightness(5); }
.hp2Section2 { background: rgb(243, 243, 244); padding: 120px 0px; }
.hp2s2Text { font-weight: 300; max-width: 650px; }
.hp2s2Img { display: inline-block; position: relative; z-index: 1; }
.hp2s2Img::before { position: absolute; content: &quot;&quot;; top: -40px; right: -40px; width: 95%; height: calc(100% + 80px); border: 1px solid rgb(194, 198, 200); background: linear-gradient(rgb(243, 243, 244) 75%, rgb(243, 243, 244) 75%, rgb(14, 106, 237) 75%); z-index: -1; }
.hp2Section3 { padding-bottom: 60px; background: rgb(243, 243, 244); }
.hp2s3Box { padding: 20px 10px 0px 20px; background: linear-gradient(rgb(255, 255, 255) 80%, rgb(243, 243, 244) 80%); }
.hp2s3Img img { transition: 0.3s; filter: invert(0.5); }
.hp2s3Box:hover .hp2s3Img img { filter: invert(0); }
.hp2s3Content { text-align: right; }
.hp2s3Title { padding-top: 90px; font-size: 70px; line-height: 1; font-weight: 600; color: rgb(0, 0, 0); transition: 0.3s; }
.hp2s3Text { font-size: 18px; }
.hp2s3Box:hover .hp2s3Title { color: rgb(0, 106, 246); }
.hp2Section4 { padding: 130px 0px 100px; }
.hp2Section4 h2 { padding-bottom: 20px; }
.hp2s4Box { max-width: 460px; display: inline-block; position: relative; }
.hp2s4Img { overflow: hidden; }
.hp2s4Img a { display: block; }
.hp2s4Box:hover .hp2s4Img a { transform: scale(1.1); }
.hp2s4Title { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; padding: 0px 0px 30px 30px; font-weight: 600; color: rgb(255, 255, 255); }
.hp2s4Title a { color: rgb(255, 255, 255); }
.hp2Section5 { padding: 90px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hp2Section5 h2, .hp2s5SubHeading { color: rgb(255, 255, 255); }
.hp2s5Box { border-bottom: 1px solid rgb(255, 255, 255); padding: 30px 0px; color: rgb(255, 255, 255); }
.hp2s5Title { font-weight: 600; text-transform: uppercase; padding-bottom: 10px; color: rgb(255, 255, 255); }
.hp2s5Title a { color: rgb(255, 255, 255); display: block; background: url(&quot;/wp-content/uploads/2025/04/arrow-1.png&quot;) right center no-repeat; }
.hp2s5Box:hover .hp2s5Title a { color: rgb(0, 106, 246); }
.hp2Section6 { padding: 150px 0px; }
.hp2Section6 h2 { padding-bottom: 20px; }
.hp2s6Box { max-width: 280px; display: inline-block; }
.hp2s6Title { font-size: 18px; font-weight: 600; padding: 30px 0px 15px; color: rgb(0, 0, 0); }
.hp2s6Text { font-size: 14px; line-height: 21px; }
.hp2s6Btn { padding-top: 20px; }
.hp2Section7 h2 { padding-bottom: 20px; }
.hp2s7Box { max-width: 460px; display: inline-block; margin-bottom: 30px; }
.hp2s7Img { overflow: hidden; }
.hp2s7Img a { display: block; position: relative; }
.hp2s7Img a::before { position: absolute; content: &quot;&quot;; top: 20px; right: 20px; width: 50px; height: 50px; background: url(&quot;/wp-content/uploads/2025/04/s7Arrow.jpg&quot;) 0px 0px no-repeat; visibility: hidden; }
.hp2s7Box:hover .hp2s7Img a::before { visibility: visible; }
.hp2s7Content { padding: 25px 20px 0px; }
.hp2s7Title, .hp2s8Title { font-size: 18px; font-weight: 600; padding: 0px 0px 10px; color: rgb(0, 0, 0); }
.hp2s7Title a { color: rgb(0, 0, 0); }
.hp2s7Box:hover .hp2s7Title a { color: rgb(0, 106, 246); }
.hp2s7Text { font-size: 14px; line-height: 21px; }
.hp2Section8 { padding: 150px 0px 30px; }
.hp2s8Content { max-width: 625px; }
.hp2Section8 h2 b, .hp2Section11 h2 b { color: rgb(0, 106, 246); }
.hp2s8SubHeading { padding: 5px 0px 40px; font-weight: 300; }
.hp2s8Box { margin-bottom: 30px; }
.hp2s8Img { display: inline-block; border-radius: 8px; overflow: hidden; }
.hp2s8Title { padding: 25px 0px 15px; }
.hp2Section9 { padding: 45px 0px; background: rgb(238, 238, 238); max-width: 1620px; margin: 0px auto; }
ul.hp2s9Brands { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp2s9Brands li { margin: 0px 15px; }
.hp2Section10 { padding: 150px 0px; }
.hp2s10SubHeading { padding: 10px 0px 50px; font-weight: 300; }
ul.hp2s10Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp2s10Slider { list-style-type: none; box-shadow: rgba(0, 0, 0, 0.1) 2px 5px 15px -3px; border-top: 2px solid rgb(223, 223, 223); position: relative; text-align: center; margin: 0px -15px !important; padding: 55px !important; }
ul.hp2s10Slider::before { position: absolute; content: &quot;&quot;; top: -20px; right: 0px; width: 51px; height: 42px; background: url(&quot;/wp-content/uploads/2025/04/quoteIcon.png&quot;) 0px 0px no-repeat; }
ul.hp2s10Slider li { padding: 0px 15px; }
.hp2s10Box { max-width: 300px; display: inline-block; }
.hp2s10Img { display: inline-block; }
.hp2s10Text { padding: 20px 0px 25px; }
.hp2s10Name { font-size: 20px; font-weight: 600; color: rgb(0, 0, 0); padding-bottom: 5px; }
.hp2s10Desc { font-size: 14px; line-height: 21px; text-transform: uppercase; }
.hp2Section11 h2 { padding-bottom: 30px; }
.hp2s11Box { max-width: 460px; display: inline-block; position: relative; overflow: hidden; }
.hp2s11Content { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; padding: 0px 55px; transition: 0.3s; }
.hp2s11Box:hover .hp2s11Content { top: 0px; }
.hp2s11Title { font-size: 20px; font-weight: 600; padding: 0px 0px 10px; color: rgb(255, 255, 255); text-transform: uppercase; }
.hp2s11Text { font-size: 14px; font-weight: 300; color: rgb(255, 255, 255); padding-bottom: 25px; }
.hp2Section12 { padding: 150px 0px; }
.hp2FAQs { max-width: 770px; }
.hp2FAQs .accordiaBox { margin-bottom: 15px; }
.hp2FAQs .accordion { background: rgb(247, 247, 247); padding: 17px 50px 17px 30px; color: rgb(0, 0, 0); font-weight: 600; position: relative; cursor: pointer; }
.hp2FAQs .accordion::before { position: absolute; content: &quot;&quot;; top: 24px; right: 36px; width: 14px; height: 8px; transition: 0.3s; }
.hp2FAQs .accordiaBox.active .accordion::before { transform: rotate(180deg); }
.hp2FAQs .panel { padding: 10px 50px 1px 30px; font-weight: 300; display: none; }
.hp2FAQs .accordiaBox.active .panel { display: block; }
.hp2FormTitle { font-size: 36px; font-weight: 600; color: rgb(0, 0, 0); line-height: 1.2; padding-bottom: 25px; }
.hp2Form input[type=&quot;text&quot;], .hp2Form input[type=&quot;email&quot;], .hp2Form textarea { background: rgb(255, 255, 255); border: 1px solid rgb(212, 213, 218); border-radius: 0px !important; }
.hp2Form textarea { min-height: 125px; max-height: 125px; }
.hp2Section13 { padding-bottom: 150px; }
.hp2s13Box { position: relative; padding: 25px 0px; border-bottom: 1px solid rgb(210, 210, 210); }
.hp2s13Box::after, .hp2s13Box2::after { content: &quot;&quot;; display: block; clear: both; }
.hp2s13Img { float: left; width: 330px; overflow: hidden; }
.hp2s13Img2 { overflow: hidden; }
.hp2s13Img a, .hp2s13Img2 a { display: block; }
.hp2s13Box:hover .hp2s13Img a, .hp2s13Box2:hover .hp2s13Img2 a { transform: scale(1.1); }
.hp2s13Content { width: calc(100% - 330px); float: left; padding-left: 35px; }
.hp2s13Date { font-size: 14px; text-transform: uppercase; }
.hp2s13Title { font-size: 18px; font-weight: 600; text-transform: uppercase; color: rgb(0, 0, 0); padding: 8px 0px 15px; }
.hp2s13Title a { color: rgb(0, 0, 0); }
.hp2s13Box:hover .hp2s13Title a, .hp2s13Box2:hover .hp2s13Title a { color: rgb(0, 106, 246); }
.hp2s13Link { padding-top: 60px; }
.hp2s13Link a { font-size: 14px; font-weight: 600; text-transform: uppercase; }
.hp2s13Box2 { max-width: 375px; float: right; border-bottom: 1px solid rgb(210, 210, 210); position: relative; padding: 25px 0px; }
.hp2s13Content2 { padding: 30px 0px 0px; }
.hp2Section14 { padding: 155px 0px 140px; background-size: cover; background-position: center center; }
.hp2s14Content { max-width: 850px; margin: 0px auto; text-align: center; color: rgb(255, 255, 255); }
.hp2s14Content h2 { color: rgb(255, 255, 255); }
.hp2s14Text { padding: 10px 0px 50px; }
.hp3Section1 { background: rgb(0, 106, 246); padding: 80px 0px; }
.hp3Section1 h2 { color: rgb(255, 255, 255); }
.hp3s1Btn { text-align: right; }
.hp3Section2 { padding: 150px 0px 200px; }
.hp3s2Img { display: inline-block; position: relative; }
.hp3s2Img2 { position: absolute; bottom: -70px; left: -70px; }
.hp3s2Content { padding-left: 120px; }
.hp3Tag { font-weight: 600; color: rgb(62, 58, 57); text-transform: uppercase; letter-spacing: 3px; border-bottom: 2px solid rgb(0, 106, 246); padding-bottom: 5px; margin-bottom: 15px; display: inline-block; }
.hp3s2Text { padding-top: 15px; }
.hp3s2Text ul { list-style-type: none; margin: 0px !important; padding: 30px 0px 0px !important; }
.hp3s2Text ul li { position: relative; padding-left: 40px; margin-bottom: 20px; font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); }
.hp3s2Text ul li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 22px; height: 22px; background: url(&quot;/wp-content/uploads/2025/04/checkIcon.png&quot;) 0px 0px no-repeat; }
.hp3Section3 { padding: 100px 0px 70px; background: rgb(246, 246, 246); }
.hp3s3Box { background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); position: relative; text-align: left; margin-bottom: 30px; }
.hp3s3Img { overflow: hidden; }
.hp3s3Img a { display: block; }
.hp3s3Box:hover .hp3s3Img a { transform: scale(1.1); }
.hp3s3Content { padding: 45px 50px 60px; }
.hp3s3Title { font-size: 22px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); }
.hp3s3Title a { color: rgb(0, 0, 0); }
.hp3s3Box:hover .hp3s3Title a { color: rgb(0, 106, 246); }
.hp3s3Text { color: rgb(120, 117, 116); padding-top: 25px; }
.hp3s3Link { position: absolute; bottom: -31px; background: rgb(255, 255, 255); border-radius: 100%; }
.hp3s3Link a { display: block; }
.hp3s3Link a img { filter: grayscale(1) opacity(0.3); transition: 0.3s; }
.hp3s3Box:hover .hp3s3Link a img { filter: grayscale(0) opacity(1); }
.hp3Section4 { padding: 130px 0px 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hp3s4Video { display: inline-block; }
.hp3s4Video a { display: block; }
.hp3s4Video a:hover { transform: scale(1.1); }
.hp3Section4 h2 { color: rgb(255, 255, 255); padding: 35px 0px 10px; }
.hp3s4Text { color: rgb(255, 255, 255); max-width: 820px; margin: 0px auto; }
.hp3Section5 { padding: 100px 0px; }
.hp3s5Box { position: relative; padding-left: 45px; text-align: left; }
.hp3s5Box::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 28px; height: 28px; background: url(&quot;/wp-content/uploads/2025/04/checkIcon2.png&quot;) 0px 0px no-repeat; }
.hp3s5Title { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); padding-bottom: 15px; }
.hp3Section6 { }
.hp3tabs ul.tabs { list-style-type: none; text-align: right; margin: 0px !important; padding: 0px !important; }
.hp3tabs ul.tabs li { display: inline-block; font-size: 18px; color: rgb(102, 102, 102); margin-left: 40px; position: relative; cursor: pointer; padding-bottom: 15px; transition: 0.3s; }
.hp3tabs ul.tabs li::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 50%; transform: translateX(-50%); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgb(0, 106, 246); display: none; }
.hp3tabs ul.tabs li:first-child { margin: 0px; }
.hp3tabs ul.tabs li.current { font-weight: 600; color: rgb(0, 0, 0); }
.hp3tabs ul.tabs li.current::before { display: block; }
.hp3tabs .tab-content { display: none; }
.hp3tabs .tab-content.current { display: block; }
.hp3s6Box { max-width: 460px; display: inline-block; text-align: left; margin-bottom: 20px; }
.hp3s6Img { overflow: hidden; }
.hp3s6Img a { display: block; }
.hp3s6Box:hover .hp3s6Img a { transform: scale(1.1); }
.hp3s6Title { font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); padding: 20px 0px; }
.hp3s6Title a { color: rgb(0, 0, 0); }
.hp3s6Box:hover .hp3s6Title a { color: rgb(0, 106, 246); }
.hp3s6Location, .hp3s6TOP { border: 1px solid rgb(223, 223, 223); padding: 15px 20px; font-size: 14px; line-height: 21px; color: rgb(0, 0, 0); }
.hp3s6Location { border-radius: 5px 5px 0px 0px; }
.hp3s6TOP { border-radius: 0px 0px 5px 5px; margin-top: -1px; position: relative; }
.hp3s6Location span, .hp3s6TOP span { width: 35%; color: rgb(153, 153, 153); display: inline-block; }
.hp3Section7 { padding: 150px 0px; }
.hp3s7Text { max-width: 550px; padding: 0px 0px 35px; }
.hp3s7Box { max-width: 200px; display: inline-block; }
.hp3s7Img { overflow: hidden; }
.hp3s7Img a { display: block; }
.hp3s7Box:hover .hp3s7Img a { transform: scale(1.1); }
.hp3s7Title { font-size: 14px; font-weight: 600; color: rgb(0, 0, 0); text-transform: uppercase; padding-top: 15px; }
.hp3s7Title a { color: rgb(0, 0, 0); }
.hp3s7Box:hover .hp3s7Title a { color: rgb(0, 106, 246); }
.hp3s8Text ul { list-style-type: none; counter-reset: step-counter 0; margin: 0px !important; padding: 20px 0px 0px !important; }
.hp3s8Text ul li { padding-left: 65px; position: relative; margin-bottom: 25px; counter-increment: step-counter 1; }
.hp3s8Text ul li::before { position: absolute; content: counter(step-counter); top: 0px; left: 0px; width: 65px; font-size: 50px; font-weight: 700; color: rgb(204, 204, 204); line-height: 1; }
.hp3s8Title { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); line-height: 1.2; padding-bottom: 10px; }
.hp3s8Btn { padding-top: 20px; }
.hp3Section9 { padding: 150px 0px 120px; }
.hp3s9SubHeading { max-width: 550px; padding-bottom: 50px; }
.hp3s9Box { border: 1px solid rgb(119, 119, 119); padding: 40px 30px; transition: 0.3s; }
.hp3s9Box:hover { background: rgb(0, 106, 246); border: 1px solid rgb(0, 106, 246); }
.hp3s9Link a { display: block; max-width: 51px; height: 51px; border: 1px solid rgb(0, 0, 0); border-radius: 12px; text-align: center; padding-top: 14px; font-size: 22px; color: rgb(0, 0, 0); }
.hp3s9Box:hover .hp3s9Link a { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
.hp3s9Title { font-size: 25px; font-weight: 700; color: rgb(0, 0, 0); padding: 120px 0px 15px; }
.hp3s9Title a { color: rgb(0, 0, 0); }
.hp3s9Text { color: rgb(0, 0, 0); max-width: 350px; transition: 0.3s; }
.hp3s9Box:hover .hp3s9Title a { color: rgb(255, 255, 255); }
.hp3s9Box:hover .hp3s9Text { color: rgb(255, 255, 255); }
.hp3Section10 { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 60px 0px 180px; }
.hp3Form { padding: 60px 45px 50px; background: rgb(246, 246, 246); }
.hp3FormTitle { font-size: 35px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); padding-bottom: 25px; }
.hp3Form input[type=&quot;text&quot;], .hp3Form input[type=&quot;email&quot;], .hp3Form textarea { background: rgb(255, 255, 255); padding: 18px 20px; margin-bottom: 10px; border-radius: 0px !important; border: 1px solid rgb(255, 255, 255) !important; }
.hp3Form input[type=&quot;text&quot;]::placeholder, .hp3Form input[type=&quot;email&quot;]::placeholder, .hp3Form textarea::placeholder { color: rgb(76, 76, 76) !important; }
.hp3Form button[type=&quot;submit&quot;] { width: 100%; padding: 16px 30px; border-radius: 0px; }
.hp3s10Content { position: relative; padding: 100px 0px 0px 110px; }
.hp3s10Note { font-size: 38px; line-height: 1.2; font-weight: 700; color: rgb(0, 0, 0); max-width: 400px; padding-top: 70px; background: url(&quot;/wp-content/uploads/2025/04/quoteIcon-1.png&quot;) 0px 0px no-repeat; }
.hp3s10Name { font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); padding: 40px 0px 10px; }
.hp3s10Img { position: absolute; top: 100px; right: -110px; }
.hp4Section1 { padding: 140px 0px 0px; background: rgb(243, 244, 246); position: relative; }
.hp4Section1::before { position: absolute; content: &quot;&quot;; bottom: 0px; left: 0px; width: 100%; height: 110px; background: rgb(255, 255, 255); }
.hp4Tag { font-size: 17px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: rgb(0, 106, 246); padding-bottom: 10px; }
.hp4s1Text { padding: 5px 0px 30px; max-width: 530px; }
.hp4s1Img { display: inline-block; float: right; position: relative; }
.hp4s1Img2 { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; transform: translate(-40%, 100%); }
.hp4s1Img2 a { display: block; position: relative; }
.hp4s1Img2 a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 110px; height: 110px; margin: -55px 0px 0px -55px; background: url(&quot;/wp-content/uploads/2025/06/playicon.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.hp4s1Img2 a:hover::before { transform: scale(1.1); }
.hp4Section2 { padding: 90px 0px 55px; }
.hp4s1SubHeading, .hp4s3SubHeading, .hp4s5SubHeading { max-width: 750px; padding-bottom: 60px; }
.hp4s2Box { max-width: 280px; display: inline-block; }
.hp4s2Img { overflow: hidden; }
.hp4s2Img a { display: block; position: relative; }
.hp4s2Img a::before { position: absolute; content: &quot;&quot;; top: 20px; right: 20px; width: 25px; height: 25px; background: url(&quot;/wp-content/uploads/2025/06/s2Arrow.png&quot;) 0px 0px no-repeat; visibility: hidden; transition: 0.3s; }
.hp4s2Box:hover .hp4s2Img a::before { visibility: visible; }
.hp4s2Box:hover .hp4s2Img a { transform: scale(1.1); }
.hp4s2Title { font-weight: 600; color: rgb(0, 0, 0); padding: 25px 0px; }
.hp4s2Title a { color: rgb(0, 0, 0); }
.hp4s2Box:hover .hp4s2Title a { color: rgb(0, 106, 246); }
.hp4Section3 { padding: 40px 0px 180px; }
.hp4s3Btn { text-align: right; }
.hp4s3Box { border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 30px; position: relative; margin-bottom: 30px; }
.hp4s3Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp4s3Img { width: 64px; float: left; }
.hp4s3Title { padding-left: 30px; width: calc(100% - 64px); float: left; font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); padding-bottom: 8px; }
.hp4s3Title a { color: rgb(0, 0, 0); display: block; position: relative; }
.hp4s3Title a::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 20px; height: 20px; background: url(&quot;/wp-content/uploads/2025/06/s3Arrow.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.hp4s3Box:hover .hp4s3Title a::before { transform: rotate(-45deg); }
.hp4Section4 { position: relative; }
ul.hp4s4Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.hp4s4Content { max-width: 650px !important; }
.hp4Section5 { padding: 160px 0px; }
.hp4s5Btn { text-align: right; }
.hp4s5Box { max-width: 430px; display: inline-block; }
.hp4s5Img a { display: block; position: relative; }
.hp4s5Img a::before { position: absolute; content: &quot;&quot;; bottom: 1px; right: 0px; width: 70px; height: 70px; background: url(&quot;/wp-content/uploads/2025/06/s5Icon.png&quot;) 0px 0px no-repeat; }
.hp4s5Title { font-size: 25px; font-weight: 600; color: rgb(0, 0, 0); padding: 30px 0px; }
.hp4s5Title a { color: rgb(0, 0, 0); }
.hp4s5Box:hover .hp4s5Title a { color: rgb(0, 106, 246); }
.hp4s6SubHeading { padding: 10px 0px 50px; }
.hp4Form { padding-left: 100px; }
.hp4Form input[type=&quot;text&quot;], .hp4Form input[type=&quot;email&quot;], .hp4Form textarea { font-size: 18px; background: rgb(255, 255, 255); border-width: medium medium 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(153, 153, 153) !important; border-image: none !important; border-radius: 0px !important; padding: 20px 0px !important; }
.hp4Section7 { padding: 170px 0px; }
.hp4s7Content { max-width: 700px; padding-bottom: 55px; }
.hp4s7Box { border-bottom: 4px solid rgb(216, 216, 216); background: rgb(251, 251, 251); padding: 30px 15px; position: relative; transition: 0.3s; }
.hp4s7Box:hover { transform: translateY(-50px); }
.hp4s7Count { font-size: 90px; line-height: 1; font-weight: 700; text-shadow: rgb(0, 106, 246) 0px 0px 1px; color: rgb(255, 255, 255); transition: 0.3s; position: absolute; top: -35px; }
.hp4s7Box:hover .hp4s7Count { color: rgb(0, 106, 246); }
.hp4s7Step { font-size: 12px; text-transform: uppercase; color: rgb(0, 106, 246); text-align: right; }
.hp4sTitle { font-size: 22px; font-weight: 700; color: rgb(0, 0, 0); padding: 40px 0px 15px; }
.hp4s7Text { font-size: 14px; line-height: 21px; }
.hp4Section8 { padding: 70px 0px 160px; background: rgb(247, 248, 250); position: relative; }
.hp4Section4::before, .hp4Section8::before { position: absolute; content: &quot;&quot;; width: 94px; height: 188px; background: linear-gradient(rgb(14, 106, 237) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 50%); z-index: 2; }
.hp4Section4::before { top: -94px; left: 12%; }
.hp4Section8::before { top: -94px; right: 10%; }
.hp4s8Content { max-width: 700px; padding-bottom: 30px; }
ul.hp4s8Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp4s8Slider li { margin: 0px 15px; }
ul.hp4s8Slider .slick-arrow { position: absolute; content: &quot;&quot;; bottom: -90px; width: 60px; height: 60px; background: url(&quot;/wp-content/uploads/2025/06/s9Arrow.png&quot;) 0px 0px no-repeat; text-indent: 1e+08px; z-index: 2; padding: 0px; transition: unset !important; }
ul.hp4s8Slider .slick-prev { left: 0px; }
ul.hp4s8Slider .slick-next { left: 80px; transform: rotate(180deg); }
ul.hp4s8Slider .slick-prev:hover { background-position: -60px 0px; transform: rotate(180deg); }
ul.hp4s8Slider .slick-next:hover { background-position: -60px 0px; transform: rotate(0deg); }
.hp4s8Box { max-width: 600px; }
.hp4s8Img { width: 90px; float: left; border-radius: 100%; overflow: hidden; }
.hp4s8Content2 { width: calc(100% - 90px); float: left; padding-left: 30px; }
.hp4s8Title { font-size: 18px; font-weight: 700; color: rgb(0, 0, 0); padding: 0px 0px 10px; }
.hp4s8Place { color: rgb(143, 149, 153); font-style: italic; font-weight: 300; padding-top: 20px; }
.hp4Section9 { padding: 150px 0px; }
.hp4Section10 { padding: 150px; background-size: cover; background-position: center center; }
.hp22s1Title, .hp22s2Title, .hp22s3Title2, .hp22s12Title, .hp22s12Title2 { font-family: Inter, Poppins, sans-serif; }
.hp22s0Wraper { position: relative; }
.hp22s0Box { position: absolute; bottom: 70px; right: 0px; background: rgba(255, 255, 255, 0.2); padding: 20px; border-radius: 20px; max-width: 380px; }
.hp22s0Img { overflow: hidden; border-radius: 20px; }
.hp22s0Img a { display: block; }
.hp22s0Box:hover .hp22s0Img a { transform: scale(1.1); }
.hp22s0Title { text-align: right; font-size: 18px; color: rgb(255, 255, 255); margin-top: 15px; }
.hp22s0Title a { padding: 7px 0px 7px 80px; color: rgb(255, 255, 255); display: block; background: url(&quot;/wp-content/uploads/2026/02/playIcon.png&quot;) left center no-repeat; }
.hp22s1Box { position: relative; }
.hp22s1Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp22s1Img { float: left; width: 80px; }
.hp22s1Content { width: calc(100% - 80px); float: left; padding-left: 20px; }
.hp22s1Title { font-size: 22px; font-weight: 700; padding-bottom: 10px; }
.hp22s1Text { color: rgb(102, 102, 102); max-width: 310px; }
.hp22s2Title { font-size: 20px; font-weight: 600; max-width: 250px; }
ul.hp22s2Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp22s2Slider li { margin: 0px 15px; }
.hp22s3Img { display: inline-block; overflow: hidden; border-radius: 40px; }
.hp22s3Content { color: rgb(0, 20, 41); }
.hp22Tag { font-weight: 700; color: rgb(0, 106, 246); text-transform: uppercase; padding-bottom: 10px; }
.hp22s3Content h2 { color: inherit; }
.hp22s3Text { margin: 10px 0px 0px; font-size: 20px; line-height: 1.4; max-height: calc(10.4em); overflow: hidden; }
.hp22s3Text.clamp { max-height: calc(11.2em); overflow: hidden; }
.hp22s3Text.open { max-height: none; }
.au7s2SubHeading { line-height: 1.4; max-height: calc(7.8em); overflow: hidden; }
.au7s2SubHeading.clamp { max-height: calc(7.8em); overflow: hidden; }
.au7s2SubHeading.open { max-height: none; }
.hp22s3Readmore { color: rgb(0, 106, 246); cursor: pointer; font-size: 20px; line-height: 1.4; padding-bottom: 20px; }
.au7Section2 .hp22s3Readmore { font-size: 16px; padding: 10px 0px 0px; }
.hp22s3Row2 { padding-top: 70px; }
.hp22s3Box2 { text-align: center; color: rgb(0, 0, 0); }
.hp22s3Title2 { font-size: 50px; line-height: 1.2; font-weight: 600; padding-bottom: 10px; color: inherit; }
.hp22s3Text2 { color: inherit; font-size: 20px; line-height: 1.4; }
.hp22Section4 { max-width: 1820px; border-radius: 30px; margin: 0px auto; }
.hp22s4SubHeading, .hp22s5SubHeading, .hp22s6SubHeading, .hp22s7SubHeading { max-width: 950px; }
.hp22s4Btn, .hp22s5Btn { text-align: right; }
.hp22s4Wraper, .hp22s5Wraper { display: flex; flex-wrap: wrap; gap: 70px; align-items: stretch; padding: 45px 0px 0px; margin-right: -70px; }
.hp22s4Box, .hp22s5Box { display: flex; flex-direction: column; flex: 0 0 calc(25% - 70px); box-sizing: border-box; }
.hp22s5Box { flex: 0 0 calc(33.33% - 70px); }
.hp22s4Img, .hp22s5Img { overflow: hidden; flex-shrink: 0; border-radius: 30px; transform: rotate(0deg); }
.hp22s4Img a, .hp22s5Img a { display: block; }
.hp22s4Box:hover .hp22s4Img a, .hp22s5Box:hover .hp22s5Img a { transform: scale(1.1); }
.hp22s4Content, .hp22s5Content { padding: 30px 20px; display: flex; flex-direction: column; flex-grow: 1; }
.hp22s4Title, .hp22s5Title { font-size: 22px; font-weight: 600; line-height: 1.2; color: inherit; }
.hp22s4Title a, .hp22s5Title a { color: inherit; }
.hp22s4Text, .hp22s5Text { color: rgb(102, 102, 102); padding: 15px 0px 0px; }
.hp22s4Link, .hp22s4Content a, .hp22s5Link, .hp22s5Content a { margin-top: auto; }
.hp22s4Link, .hp22s5Link { padding-top: 30px; }
.hp22s4Link a, .hp22s5Link a { position: relative; font-weight: 600; color: rgb(0, 20, 41); text-decoration: underline; display: inline-block; }
.hp22s4Link a::before, .hp22s5Link a::before { position: absolute; content: &quot;&quot;; top: 7px; right: -25px; width: 11px; height: 11px; background: url(&quot;/wp-content/uploads/2026/02/s4Arrow.png&quot;) 0px 0px no-repeat; }
.hp22s6SubHeading { padding-bottom: 45px; }
.hp22s6Box { max-width: 270px; }
.hp22s6Img { display: inline-block; transition: 0.3s; }
.hp22s6Box:hover .hp22s6Img { transform: scale(1.1); }
.hp22s6Title { padding-top: 30px; font-size: 20px; font-weight: 600; line-height: 1.2; color: inherit; }
.hp22s6Text { font-size: 14px; line-height: 21px; color: inherit; padding-top: 15px; }
.hp22Section7 { max-width: 1820px; margin: 0px auto; border-radius: 30px; }
.hp22s7SubHeading { padding-bottom: 25px; }
.hp22s7Wraper { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; padding: 0px; margin-right: -20px; }
.hp22s7Box { background: rgb(0, 106, 246); border-radius: 20px; display: flex; flex-direction: column; flex: 0 0 calc(25% - 20px); box-sizing: border-box; padding: 50px 40px 40px; margin-bottom: 30px; transition: 0.3s; }
.hp22s7Box:hover { transform: translateY(-20px); }
.hp22s7Img { flex-shrink: 0; }
.hp22s7Content { padding: 130px 0px 0px; display: flex; flex-direction: column; flex-grow: 1; color: rgb(255, 255, 255); }
.hp22s7Title { font-size: 20px; font-weight: 700; line-height: 1.2; }
.hp22s7Text { font-size: 14px; line-height: 21px; padding-top: 20px; }
.hp22s8SubHeading { max-width: 1100px; padding-bottom: 25px; }
.hp22Section8 .indal-list { margin-top: 0px; }
.hp22Section8 .indal-list ul { margin-left: -20px !important; }
.hp22Section8 .indal-list li { width: 114px; margin-left: 20px; height: 560px; float: left; border-radius: 30px; }
.hp22Section8 .indal-list li.active { width: calc(100% - 560px); }
.hp22Section8 .indal-list li:nth-child(2), .hp22Section8 .indal-list li:nth-child(4), .indal-list li:nth-child(3) { top: 0px; }
.hp22Section8 .indal-cont .name { color: rgb(255, 255, 255); }
.hp22Section8 .indal-cont .text { margin: 20px 0px 0px; max-width: 600px; color: rgb(255, 255, 255); }
.hp22s8Link { display: none; }
.hp22Section8 .indal-list li.active .hp22s8Link { position: absolute; z-index: 5; width: 100%; bottom: 40px; padding: 0px 55px; color: rgb(255, 255, 255); display: block; animation: 1s ease 0.7s 1 normal both running indalRun; }
ul.hp22s9Slider { list-style-type: none; margin: 0px !important; padding: 20px 0px 0px !important; }
.hp22s9Arrows { padding-top: 40px; text-align: right; }
.hp22s9Arrows .slick-arrow { width: 59px; height: 59px; background: url(&quot;/wp-content/uploads/2026/02/s9Arrow.png&quot;) 0px 0px no-repeat; z-index: 2; text-indent: -1e+10px; padding: 0px; }
.hp22s9Arrows .slick-arrow:hover { background: url(&quot;/wp-content/uploads/2026/02/s9ArrowHover.png&quot;) 0px 0px no-repeat; }
.hp22s9Arrows .slick-prev { margin-right: 10px; }
.hp22s9Arrows .slick-next { transform: rotate(180deg); }
.hp22s9Box { position: relative; }
.hp22s9Img { overflow: hidden; border-radius: 50px; margin-bottom: 50px; }
.hp22s9Content { width: 75%; float: left; }
.hp22s9Title { font-size: 28px; line-height: 1.2; font-weight: 700; color: rgb(0, 0, 0); padding-bottom: 10px; }
.hp22s9Text { max-width: 800px; }
.hp22s9Btn { width: 25%; float: left; text-align: right; }
.hp22s10Img, .hp22s3Img { border-radius: 40px; overflow: hidden; display: inline-block; }
.hp22s10Img a, .hp22s3Img a, .au7s3Img a, .au7s4Img a { display: block; position: relative; }
.hp22s10Img a::before, .hp22s3Img a::before, .au7s3Img a::before, .au7s4Img a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 110px; height: 110px; margin: -55px 0px 0px -55px; background: url(&quot;/wp-content/uploads/2026/02/playIcon-1.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.hp22s10Img a:hover::before, .hp22s3Img a:hover::before, .au7s3Img a:hover::before, .au7s4Img a:hover::before { transform: scale(1.1); }
.hp22s10Text { font-size: 20px; line-height: 1.4; padding: 10px 0px 20px; }
.hp22s11Wraper { position: relative; z-index: 1; }
.hp22s11SubHeading { max-width: 1050px; margin: 0px auto; padding-bottom: 20px; }
.hp22Tabs .tab-content { display: none; }
.hp22Tabs .tab-content.current { display: block; }
.hp22s11Box { padding: 60px 65px; min-height: 540px; background-size: cover; background-position: center center; border-radius: 20px 20px 0px; }
.hp22s11Content { max-width: 490px; color: rgb(255, 255, 255); }
.hp22s11Title { font-size: 40px; font-weight: 700; color: inherit; line-height: 1.2; }
.hp22s11Text { color: inherit; padding: 20px 0px 55px; }
.hp22s11Btn a { display: inline-block; color: rgb(255, 255, 255); font-size: 16px; text-align: center; border-radius: 0px; background: transparent; border: 1px solid rgb(255, 255, 255); transition: 0.3s; padding: 18px 30px; font-weight: 600 !important; text-decoration: none !important; }
.hp22s11Btn a:hover { background: rgb(38, 43, 52); border: 1px solid rgb(38, 43, 52); }
.hp22Tabs ul.tabs { list-style-type: none; background: rgb(255, 255, 255); box-shadow: rgba(174, 180, 197, 0.26) 0px 0px 60px 20px; position: relative; border-radius: 0px 0px 20px 20px; margin: 0px !important; padding: 0px !important; }
.hp22Tabs ul.tabs::after { content: &quot;&quot;; display: block; clear: both; }
.hp22Tabs ul.tabs li { width: 16.66%; float: left; text-align: center; padding: 35px 10px; font-weight: 600; position: relative; z-index: 1; }
.hp22Tabs ul.tabs li.current::before { position: absolute; content: &quot;&quot;; top: -30px; left: 0px; width: 100%; height: calc(100% + 60px); background: rgb(0, 106, 246); z-index: -1; border-radius: 15px; }
.hp22s11Title2 { padding-top: 15px; }
.hp22Tabs ul.tabs li.current img { filter: invert(1) brightness(2); }
.hp22Tabs ul.tabs li.current .hp22s11Title2 { color: rgb(255, 255, 255); }
.hp22Section12 { max-width: 1820px; margin: 0px auto; border-radius: 30px; }
.hp22Section12 h2 { max-width: 850px; }
.hp22s12Wraper { padding: 25px 0px 20px; border-bottom: 1px solid rgb(196, 199, 207); display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; margin-right: -30px; }
.hp22s12Box { display: flex; flex-direction: column; flex: 0 0 calc(25% - 30px); box-sizing: border-box; margin-bottom: 30px; }
.hp22s12Img { overflow: hidden; flex-shrink: 0; border-radius: 30px; }
.hp22s12Img a { display: block; }
.hp22s12Box:hover .hp22s12Img a { transform: scale(1.1); }
.hp22s12Content { padding: 25px 20px 0px; display: flex; flex-direction: column; flex-grow: 1; }
.hp22s12Title { font-size: 22px; font-weight: 700; color: inherit; }
.hp22s12Title a { color: inherit; }
.hp22s12Text { padding-top: 15px; font-size: 14px; line-height: 21px; color: inherit; }
.hp22s12ListWraper { padding-top: 50px; }
.hp22s12Title2 { color: inherit; font-size: 22px; font-weight: 700; line-height: 1.2; }
ul.hp22s12List { list-style-type: none; position: relative; margin: 0px !important; padding: 0px !important; }
ul.hp22s12List::after { content: &quot;&quot;; display: block; clear: both; }
ul.hp22s12List li { padding: 0px 10px 0px 35px; margin-bottom: 35px; font-size: 20px; font-weight: 600; line-height: 1.2; position: relative; width: 25%; float: left; color: inherit; }
ul.hp22s12List li::before { position: absolute; content: &quot;&quot;; top: 0px; left: 0px; width: 24px; height: 24px; background: url(&quot;/wp-content/uploads/2026/02/checkIcon.png&quot;) 0px 0px no-repeat; }
ul.hp22s12List li a { color: inherit; }
ul.hp22s12List li a:hover { text-decoration: underline; }
.hp22s13Content h2 { max-width: 470px; }
.hp22s13Content { max-width: 550px; }
.hp2213FAQs { counter-reset: step-counter 0; }
.hp2213FAQs h2 { padding-bottom: 20px; }
.hp2213FAQs .accordiaBox { padding-left: 100px; position: relative; counter-increment: step-counter 1; padding-bottom: 35px; }
.hp2213FAQs .accordiaBox::before { position: absolute; content: &quot;&quot;; top: 0px; left: 22px; width: 1px; height: 100%; background: rgb(0, 106, 246); }
.hp2213FAQs .accordiaBox::after { position: absolute; content: counter(step-counter); top: 0px; left: 0px; width: 44px; height: 44px; color: rgb(0, 106, 246); font-weight: 400; font-size: 18px; line-height: 42px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(0, 106, 246); border-radius: 100%; }
.hp2213FAQs .accordiaBox.active::after { background: rgb(0, 106, 246); color: rgb(255, 255, 255); }
.hp2213FAQs .accordion { font-size: 24px; font-weight: 600; line-height: 1.2; padding: 7px 60px 10px 0px; position: relative; cursor: pointer; }
.hp2213FAQs .accordion::before { position: absolute; content: &quot;&quot;; top: 15px; right: 0px; width: 14px; height: 10px; background: url(&quot;/wp-content/uploads/2026/02/s13Arrow.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.hp2213FAQs .accordiaBox.active .accordion::before { transform: rotate(180deg); }
.hp2213FAQs .panel { color: rgb(102, 102, 102); padding-right: 60px; display: none; }
.hp2213FAQs .accordiaBox.active .panel { display: block; }
.hp22s14SubHeading { font-size: 18px; line-height: 30px; padding-bottom: 20px; }
.hp22Form { background: rgb(255, 255, 255); border-radius: 40px; padding: 60px; border: 1px solid rgb(221, 221, 221); margin-top: 20px; max-width: 670px; }
.hp22Form input[type=&quot;text&quot;], .hp22Form input[type=&quot;email&quot;], .hp22Form textarea { font-size: 18px; line-height: 1.2; width: 100%; color: rgb(0, 0, 0) !important; border-width: medium medium 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(221, 221, 221) !important; border-image: none !important; background: transparent !important; border-radius: 0px !important; padding: 35px 0px !important; }
.hp22Form .fluentform .ff-el-group { margin: 0px !important; }
.hp22Form input[type=&quot;text&quot;]::placeholder, .hp22Form input[type=&quot;email&quot;]::placeholder, .hp22Form textarea::placeholder { color: rgb(0, 0, 0) !important; }
.hp22Form textarea { height: 145px !important; }
.hp22Form button[type=&quot;submit&quot;] { padding: 17px 30px; }
.hp22s14FAQs { max-width: 725px; counter-reset: step-counter 0; }
.hp22s14FAQs .accordiaBox { margin-bottom: 10px; background: rgb(255, 255, 255); border-radius: 50px; padding: 9px 25px; }
.hp22s14FAQs .accordiaBox.active { border-radius: 40px; }
.hp22s14FAQs .accordion { position: relative; counter-increment: step-counter 1; padding: 20px 50px; font-family: Inter; font-size: 20px; font-weight: 600; line-height: 1.2; color: rgb(0, 0, 0); cursor: pointer; }
.hp22s14FAQs .accordion::before { position: absolute; content: &quot;/0&quot; counter(step-counter); top: 21px; left: 0px; font-size: 16px; font-weight: 400; color: rgb(0, 0, 0); }
.hp22s14FAQs .accordion::after { position: absolute; content: &quot;&quot;; top: 6px; right: 0px; width: 50px; height: 50px; background: url(&quot;/wp-content/uploads/2026/08/arrow-down.png&quot;) center center no-repeat rgb(222, 225, 232); border-radius: 50%; transition: 0.3s; }
.hp22s14FAQs .accordiaBox.active .accordion::after { transform: rotate(360deg); background: url(&quot;/wp-content/uploads/2026/08/arrow-up.png&quot;) center center no-repeat rgb(0, 106, 246); }
.hp22s14FAQs .panel { display: none; padding: 0px 60px 0px 50px; }
.hp22s14FAQs .accordiaBox.active .panel { display: block; }
.hp22s15Content, .hp22s16Content { padding: 70px 0px 0px; background: url(&quot;/wp-content/uploads/2026/02/quoteIcon.png&quot;) 0px 20px no-repeat; }
.hp22s15SubHeading { max-width: 420px; }
ul.hp22s15Slider { list-style-type: none; margin: 0px -20px !important; padding: 0px !important; }
ul.hp22s15Slider li { margin: 20px; }
.hp22s15Arrows { padding-top: 40px; }
.hp22s15Arrows .slick-arrow { width: 61px; height: 61px; background-image: url(&quot;/wp-content/uploads/2026/08/arrow-left-6.png&quot;); background-position: center center; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--ast-global-color-0); border: 1px solid var(--ast-global-color-0); border-radius: 50%; text-indent: -1e+10px; padding: 0px; }
.hp22s15Arrows .slick-arrow:hover { background: url(&quot;/wp-content/uploads/2026/08/arrow-left-7.png&quot;) center center no-repeat rgb(255, 255, 255); border: 1px solid rgb(222, 225, 232); }
.hp22s15Arrows .slick-prev { margin-right: 10px; }
.hp22s15Arrows .slick-next { transform: rotate(180deg); }
.hp22s15Box { background: rgb(255, 255, 255); box-shadow: rgba(45, 63, 124, 0.08) 0px 0px 25px; padding: 70px 45px; border-radius: 20px; position: relative; }
.hp22s15Box::after { content: &quot;&quot;; display: block; clear: both; }
.hp22s15Text { padding: 20px 0px 40px; color: rgb(102, 102, 102); font-size: 18px; line-height: 27px; }
.hp22s15Img { width: 80px; float: left; }
.hp22s15Content2 { width: calc(100% - 80px); float: left; padding-left: 20px; }
.hp22s15Name { font-size: 20px; font-weight: 600; padding: 10px 0px; }
.hp22s15Des { font-weight: 300; }
.hp22Section16 { max-width: 1820px; margin: 0px auto; border-radius: 30px; }
.hp22s16Content { max-width: 570px; }
.hp22s16Content h2 { max-width: 470px; }
ul.hp22s16SliderPager { list-style-type: none; max-width: 310px; margin: 0px !important; padding: 110px 0px 0px !important; }
ul.hp22s16SliderPager li:first-child { margin: 0px; }
ul.hp22s16SliderPager li { margin-left: -10px; }
ul.hp22s16SliderPager li img { border-radius: 100%; overflow: hidden; }
ul.hp22s16Slider { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.hp22s16Slider li img { display: inline-block; }
.hp22s17SubHeading { max-width: 820px; margin: 0px auto; padding-bottom: 25px; }
.hp22s17Wraper { display: flex; flex-wrap: wrap; gap: 130px; align-items: stretch; margin-right: -130px; }
.hp22s17Box { display: flex; flex-direction: column; flex: 0 0 calc(33.33% - 130px); box-sizing: border-box; }
.hp22s17Img { overflow: hidden; flex-shrink: 0; }
.hp22s17Img a { display: block; }
.hp22s17Box:hover .hp22s17Img a { transform: scale(1.1); }
.hp22s17Content { background: rgb(255, 255, 255); padding: 35px; display: flex; flex-direction: column; flex-grow: 1; width: calc(100% - 50px); position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 25px -5px; }
.hp22s17Link { position: absolute; top: 0px; right: -50px; }
.hp22s17Link a { width: 50px; height: 180px; text-align: center; line-height: 180px; background: rgb(3, 30, 51); display: block; }
.hp22s17Box:hover .hp22s17Link a { background: rgb(0, 106, 246); }
.hp22s17Title { font-size: 22px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); }
.hp22s17Title a { color: rgb(0, 0, 0); }
.hp22s17Box:hover .hp22s17Title a { color: rgb(0, 106, 246); }
.hp22s17Text { padding-top: 20px; }
.hp22s17Text a { color: rgb(0, 20, 41); text-decoration: underline; }
.hp22s18SubHeading { max-width: 600px; padding-bottom: 30px; }
.hp22s18Wraper { display: flex; flex-wrap: wrap; gap: 75px; align-items: stretch; padding: 0px; margin-right: -75px; }
.hp22s18Box { display: flex; flex-direction: column; flex: 0 0 calc(33.33% - 75px); box-sizing: border-box; }
.hp22s18Img { overflow: hidden; flex-shrink: 0; border-radius: 20px; }
.hp22s18Img a { display: block; }
.hp22s18Box:hover .hp22s18Img a { transform: scale(1.1); }
.hp22s18Content { padding: 30px 0px; display: flex; flex-direction: column; flex-grow: 1; color: rgb(0, 20, 41); }
.hp22s18Title { font-size: 22px; font-weight: 700; color: inherit; line-height: 1.2; }
.hp22s18Title a { color: inherit; }
.hp22s18Text { padding-top: 15px; }
.hp22s18Link { margin-top: 20px; }
.hp22s18Link a { position: relative; font-weight: 600; color: rgb(0, 106, 246); text-decoration: underline; display: inline-block; }
.hp22s18Link a::before { position: absolute; content: &quot;&quot;; top: 7px; right: -25px; width: 12px; height: 12px; background: url(&quot;/wp-content/uploads/2026/02/s18Arrow.png&quot;) 0px 0px no-repeat; }
.hp22s18Link, .hp22s18Content a { margin-top: auto; }
ul.hp22s19Slider { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.hp22s19Slider li { margin: 0px 15px; }
.hp22Section20 { margin: 0px auto; border-radius: 30px; background-size: cover; background-position: center center; }
.hp22s20Content { max-width: 950px; }
.hp22s20Content h2, .hp22s20Text { color: inherit; }
.hp22s20Text { padding: 10px 0px 20px; }
.hp22s21Content { max-width: 650px; color: rgb(0, 20, 41); }
.hp22s21Content h2 { color: inherit; }
.hp22s21Text { font-size: 18px; line-height: 1.4; padding: 10px 0px 25px; }
.hp22s21Img { width: 80px; float: left; border-radius: 100%; overflow: hidden; }
.hp22s21Content2 { width: calc(100% - 80px); float: left; padding: 10px 0px 0px 20px; background: url(&quot;/wp-content/uploads/2026/02/s21Icon.png&quot;) right center no-repeat; }
.hp22s21Name { font-size: 20px; font-weight: 600; line-height: 1.2; padding-bottom: 5px; }
.hp22s22Text { max-width: 820px; margin: 0px auto; padding-bottom: 25px; }
.hp22s22Form { border-radius: 30px; padding: 60px 90px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }
.hp22s22Form input[type=&quot;text&quot;], .hp22s22Form input[type=&quot;email&quot;], .hp22s22Form textarea { background: rgb(255, 255, 255); padding: 19px; width: 100%; border-radius: 20px !important; border-color: rgb(192, 199, 208) !important; }
.hp22s22Form input[type=&quot;text&quot;]::placeholder, .hp22s22Form input[type=&quot;email&quot;]::placeholder, .hp22s22Form textarea::placeholder { color: rgb(0, 20, 41); }
.hp22s22Form button[type=&quot;submit&quot;] { padding: 17px 30px; }
ul.cu5s1Slider { list-style-type: none; text-align: center; margin: 0px !important; padding: 0px !important; }
ul.cu5s1Slider li img { display: inline-block; }
.cu5Tag, .au7Tag { font-weight: 700; color: rgb(55, 121, 255); padding-bottom: 5px; text-transform: uppercase; }
.cu5s2SubHeading { padding-bottom: 55px; }
.cu5s2Form input[type=&quot;text&quot;], .cu5s2Form input[type=&quot;email&quot;], .cu5s2Form textarea { background: rgb(243, 245, 249); padding: 22px; font-size: 18px; font-weight: 600; border-color: rgb(243, 245, 249) !important; }
.cu5s2Form input[type=&quot;text&quot;]::placeholder, .cu5s2Form input[type=&quot;email&quot;]::placeholder, .cu5s2Form textarea::placeholder { color: rgb(101, 114, 142) !important; }
.cu5s2Form input[type=&quot;text&quot;]:active, .cu5s2Form input[type=&quot;email&quot;]:active, .cu5s2Form textarea:active, .cu5s2Form input[type=&quot;text&quot;]:focus, .cu5s2Form input[type=&quot;email&quot;]:focus, .cu5s2Form textarea:focus { border-color: rgb(218, 218, 218) !important; }
.cu5s2Form button[type=&quot;submit&quot;] { border-color: rgb(55, 121, 255); padding: 17px 25px; background: rgb(55, 121, 255) !important; }
.cu5s1Box { padding: 70px 50px; border-radius: 40px; font-size: 20px; line-height: 30px; }
.cu5s2Title { font-size: 40px; line-height: 1.2; font-weight: 600; text-transform: uppercase; }
.cu5s2SubTitle { border-bottom: 1px solid rgb(161, 185, 251); padding-bottom: 60px; }
.cu5s2Title2, .cu5s2Title3, .cu5s2SubTitle4 { font-size: 30px; line-height: 1.2; font-weight: 600; }
.cu5s2Title2, .cu5s2SubTitle4, .cu5s2Title3 { padding: 45px 0px 10px; }
.cu5s2SubTitle3 a { color: rgb(255, 255, 255); }
ul.cu5s2SocialLink { list-style-type: none; margin: 0px !important; padding: 10px 0px 0px !important; }
ul.cu5s2SocialLink li { display: inline-block; margin-right: 35px; text-align: center; }
ul.cu5s2SocialLink li a { display: block; width: 68px; height: 68px; line-height: 66px; border: 1px solid rgb(255, 255, 255); border-radius: 100%; }
ul.cu5s2SocialLink li a:hover { background: rgb(17, 39, 100); border-color: rgb(17, 39, 100); }
ul.cu5s2SocialLink li:last-child { margin-right: 0px; }
.cu5Section3 { max-width: 1590px; margin: 0px auto; border-radius: 25px; }
.cu5s3SubHeading { max-width: 1140px; margin: 0px auto; padding-bottom: 50px; }
.cu5s3Form { padding: 45px 84px; border-radius: 25px; background: rgb(255, 255, 255); }
.cu5s3Form label { font-size: 18px; line-height: 1.4; color: rgb(101, 114, 142); }
.cu5s3Form input[type=&quot;text&quot;], .cu5s3Form input[type=&quot;email&quot;], .cu5s3Form textarea { background: rgb(248, 249, 252); border: 1px solid rgb(211, 214, 221); padding: 19px; }
.cu5s3Form button[type=&quot;submit&quot;] { padding: 15px; min-width: 170px; text-transform: uppercase; }
.cu5s4SubHeading { text-align: right; font-weight: 600; }
.cu5s4Form { background: rgb(243, 245, 249); border-radius: 20px; padding: 50px; }
.cu5s4Form input[type=&quot;text&quot;], .cu5s4Form input[type=&quot;email&quot;], .cu5s4Form textarea { background: rgb(255, 255, 255); padding: 23px 20px; color: rgb(101, 114, 142); font-size: 18px; border: 1px solid rgb(255, 255, 255) !important; }
.cu5s4Form textarea { height: 220px; }
.cu5s4Form button[type=&quot;submit&quot;] { padding: 15px; min-width: 170px; text-transform: uppercase; }
.cu5s4Img { max-width: 700px; float: right; }
.cu5s5SubHeading { padding-bottom: 55px; }
.cu5s5Box { padding: 70px 40px 40px; background-color: rgb(243, 245, 249); border-radius: 25px; background-position: right bottom; background-repeat: no-repeat; min-height: 845px; width: 100%; max-width: 740px; float: right; }
.cu5s5Text { background: rgb(18, 43, 96); border-radius: 20px; max-width: 440px; font-size: 24px; line-height: 1.4; color: rgb(255, 255, 255); padding: 40px; position: relative; }
.cu5s5Text::before { position: absolute; content: &quot;&quot;; top: -45px; left: -20px; width: 109px; height: 68px; background: url(&quot;/wp-content/uploads/2026/03/s5Icon1.png&quot;) 0px 0px no-repeat; }
.cu5s5Text::after { position: absolute; content: &quot;&quot;; bottom: -25px; right: 30px; border-right: 0px solid transparent; border-left: 30px solid transparent; border-top: 25px solid rgb(18, 43, 96); }
.cu5s5Name { font-size: 30px; line-height: 1.2; font-weight: 700; color: rgb(55, 121, 255); max-width: 170px; padding: 30px 0px 5px 30px; }
.cu5s5Des { font-size: 18px; line-height: 1.4; color: rgb(101, 114, 142); padding-left: 30px; }
.cu5s6Box { display: inline-block; max-width: 380px; color: rgb(18, 43, 96); }
.cu5s6Img { display: inline-block; width: 101px; height: 101px; line-height: 101px; border-radius: 100%; background: var(--ast-global-color-0); transition: 0.3s; }
.cu5s6Title { color: inherit; font-size: 25px; font-weight: 600; line-height: 1.4; padding: 30px 0px 10px; }
.cu5s6Box:hover .cu5s6Img { transform: scale(1.1); }
.cu5s6Text { font-size: 18px; line-height: 1.4; }
.cu5s7Box { padding-bottom: 40px; position: relative; }
.cu5s7Box::after, .cu5s8Box::after, .cu5s10Box::after { content: &quot;&quot;; display: block; clear: both; }
.cu5s7Img { width: 80px; float: left; }
.cu5s7Content { width: calc(100% - 80px); float: left; padding-left: 40px; max-width: 350px; }
.cu5s7Title { font-size: 22px; font-weight: 600; line-height: 1.2; padding: 5px 0px 10px; }
.cu5s7Text { color: rgb(102, 102, 102); }
.cu5s8SubHeading { max-width: 1000px; margin-bottom: 60px; }
.cu5s8Img, .cu5s10Img { width: 100px; float: left; }
.cu5s8Content, .cu5s10Content { width: calc(100% - 100px); float: left; padding-left: 20px; }
.cu5s8Title, .cu5s10Title { font-size: 18px; font-weight: 600; line-height: 1.4; color: rgb(18, 43, 96); padding-bottom: 5px; }
.cu5s8Text, .cu5s10Text { font-size: 14px; line-height: 26px; color: rgb(101, 114, 142); }
.cu5Section9 { max-width: 1800px; margin: 0px auto; position: relative; border-radius: 25px; overflow: hidden; }
.cu5s9SubHeading { position: absolute; top: 10%; right: 10%; width: 100%; max-width: 570px; padding: 40px; background: rgb(255, 255, 255); color: rgb(18, 43, 96); border-radius: 20px; line-height: 26px; }
.cu5s10SubHeading { padding-bottom: 40px; }
.cu5s10MapText { position: absolute; bottom: 5%; right: 5%; width: 100%; max-width: 520px; padding: 40px; background: rgb(255, 255, 255); color: rgb(18, 43, 96); border-radius: 20px; line-height: 26px; text-align: right; }
.cu5s11SubHeading { max-width: 670px; float: right; }
.cu5s11Box { max-width: 500px; display: inline-block; position: relative; }
.cu5s11Img { border-radius: 20px; overflow: hidden; }
.cu5s11Content { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); border-radius: 15px; background: rgb(255, 255, 255); padding: 25px; }
.cu5s11Content2 { width: calc(100% - 70px); float: left; text-align: left; }
.cu5s11Email { width: 58px; height: 58px; line-height: 56px; text-align: center; float: right; }
.cu5s11Email a { border: 1px solid rgb(198, 201, 211); border-radius: 100%; display: block; }
.cu5s11Title { font-size: 26px; font-weight: 600; line-height: 1.4; color: rgb(18, 43, 96); }
.cu5s11Text { color: rgb(101, 114, 142); }
.cu5Section12 { background-size: cover; background-position: center center; }
.cu5s12Content { max-width: 810px; }
.cu5s12SubHeading { padding-bottom: 50px; }
.au7s2Btn { text-align: right; }
.au7s2SubHeading { padding-top: 20px; }
.au7s3Title, .au7s4Title { font-size: 30px; font-weight: 700; line-height: 1.2; padding-bottom: 10px; font-family: Inter, sans-serif; }
.au7s3Text, .au7s4Text { color: rgb(101, 114, 142); }
.au7s3Img, .au7s4Img { border-radius: 20px; display: inline-block; overflow: hidden; }
.au7s4SubHeading { padding: 10px 0px 15px; }
.au7s4Title { font-size: 24px; }
.au7s5Box { max-width: 250px; display: inline-block; }
.au7s5Title { font-size: 50px; font-weight: 600; line-height: 1.2; font-family: Inter, sans-serif; }
.au7s5Text { font-size: 20px; line-height: 1.4; color: rgb(101, 114, 142); }
.au7s6SubHeading { max-width: 820px; padding-bottom: 20px; color: rgb(101, 114, 142); }
.au7s6Box { position: relative; padding: 40px 25px 40px 0px; display: flex; align-items: center; transition: 0.3s; }
.au7s6Box::after { content: &quot;&quot;; display: block; clear: both; }
.au7s6Box::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 94%; height: 100%; border-radius: 15px; background: transparent; transition: 0.3s; z-index: -1; }
.au7s6Box:hover::before { background: rgb(5, 43, 100); }
.au7s6Img { width: 110px; height: 110px; line-height: 110px; border-radius: 10px; text-align: center; float: left; transition: 0.3s; }
.au7s6Box:hover .au7s6Img { background: rgb(55, 121, 255); }
.au7s6Box img { transition: 0.3s; }
.au7s6Box:hover img { filter: invert(0) brightness(15); }
.au7s6Content { width: calc(100% - 80px); float: left; padding-left: 20px; }
.au7s6Title { font-size: 22px; font-weight: 700; line-height: 1.2; font-family: Inter, sans-serif; padding-bottom: 10px; }
.au7s6Text { color: rgb(102, 102, 102); }
.au7s6Box:hover .au7s6Title, .au7s6Box:hover .au7s6Text { color: rgb(255, 255, 255); }
.au7s7SubHeading { color: rgb(101, 114, 142); max-width: 820px; float: right; }
ul.au7s7Slider { list-style-type: none; position: relative; margin: 0px !important; padding: 50px 0px 0px !important; }
ul.au7s7Slider::before { position: absolute; content: &quot;&quot;; bottom: 125px; left: 0px; width: 100%; height: 1px; background: rgb(218, 218, 218); }
.au7s7Slider .slick-track { display: flex !important; }
.au7s7Slider .slick-slide { height: auto !important; display: flex !important; }
.au7s7Slider li { display: flex; height: 100%; margin: 0px 15px; }
.au7s7Box { display: flex; flex-direction: column; }
.au7s7Content { padding-bottom: 15px; margin-bottom: 40px; position: relative; display: flex; flex-direction: column; flex: 1 1 0%; }
.au7s7Title { font-size: 30px; font-weight: 600; line-height: 1.2; color: rgb(5, 43, 100); padding-bottom: 10px; }
.au7s7Text { font-size: 14px; line-height: 21px; color: rgb(101, 114, 142); min-height: 85px; }
.au7s7Img { position: relative; }
.au7s7Img::before { position: absolute; content: &quot;&quot;; top: -28px; left: 0px; width: 9px; height: 9px; border-radius: 100%; background: rgb(5, 43, 100); }
.au7s7Img img { border-radius: 20px; overflow: hidden; display: inline-block; }
.au7s8SubHeading { max-width: 650px; color: rgb(101, 114, 142); padding: 10px 0px 35px; }
.au7s8Wraper { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; padding: 0px; margin-right: -30px; text-align: center; }
.au7s8Box { display: flex; flex-direction: column; flex: 0 0 calc(50% - 30px); box-sizing: border-box; text-align: left; }
.au7s8Img { overflow: hidden; flex-shrink: 0; border-radius: 20px; }
.au7s8Img a { display: block; }
.au7s8Box:hover .au7s8Img a { transform: scale(1.1); }
.au7s8Content { padding: 25px 20px 0px; display: flex; flex-direction: column; flex-grow: 1; }
.au7s8Btn, .au7s8Content a { margin-top: auto; }
.au7s8Title { font-size: 22px; font-weight: 700; line-height: 1.2; font-family: Inter, sans-serif; padding-bottom: 10px; }
.au7s8Text { color: rgb(101, 114, 142); }
.au7s9Btn { text-align: right; }
.au7s9SubHeading { max-width: 900px; color: rgb(101, 114, 142); }
.au7s9Wraper { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; padding: 60px 0px 0px; margin-right: -20px; }
.au7s9Box { display: flex; flex-direction: column; flex: 0 0 calc(25% - 20px); box-sizing: border-box; padding-bottom: 20px; }
.au7s9Img { overflow: hidden; flex-shrink: 0; border-radius: 20px; }
.au7s9Img a { display: block; }
.au7s9Box:hover .au7s9Img a { transform: scale(1.1); }
.au7s9Content { padding: 25px 20px 0px; display: flex; flex-direction: column; flex-grow: 1; }
.au7s9Btn, .au7s9Content a { margin-top: auto; }
.au7s9Title { font-size: 22px; font-weight: 700; line-height: 1.2; font-family: Inter, sans-serif; padding-bottom: 10px; }
.au7s9Text { color: rgb(101, 114, 142); }
.au7s10Text { padding: 10px 0px 20px; }
.au7s10Img { display: inline-block; overflow: hidden; border-radius: 40px; }
.au7s11SubHeading, .au7s12SubHeading { color: rgb(101, 114, 142); }
.au7Section11 .row.paddTop, .au7Section12 .row.paddTop { padding-top: 60px; }
.au7s11Box { max-width: 500px; display: inline-block; position: relative; }
.au7s11Img { border-radius: 40px; overflow: hidden; }
.au7s11Content { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); border-radius: 15px; background: rgb(255, 255, 255); padding: 25px; }
.au7s11Content2 { width: calc(100% - 70px); float: left; text-align: left; }
.au7s11Email { width: 58px; height: 58px; line-height: 56px; text-align: center; float: right; }
.au7s11Email a { border: 1px solid rgb(198, 201, 211); border-radius: 100%; display: block; }
.au7s11Title { font-size: 26px; font-weight: 600; line-height: 1.4; color: rgb(18, 43, 96); }
.au7s11Text { color: rgb(101, 114, 142); }
.au7s12Box { max-width: 420px; display: inline-block; text-align: left; padding-bottom: 20px; }
.au7s12Img { border-radius: 100%; display: inline-block; }
.au7s12Title { font-size: 26px; font-weight: 600; line-height: 1.4; color: rgb(18, 43, 96); padding: 20px 0px 0px; }
.au7s12SubTitle { font-weight: 500; color: rgb(74, 121, 250); padding-bottom: 15px; }
.au7s12Text { color: rgb(101, 114, 142); }
.au7s13SubHeading { max-width: 670px; color: rgb(101, 114, 142); padding-bottom: 25px; }
.au7s13Box { border-bottom: 1px solid rgb(221, 221, 221); padding: 25px 0px 5px; max-width: 670px; }
.au7s13Title { font-size: 22px; font-weight: 600; line-height: 1.2; color: rgb(18, 43, 96); padding-bottom: 15px; position: relative; }
.au7s13Title a { color: rgb(18, 43, 96); display: block; }
.au7s13Title a::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 26px; height: 24px; background: url(&quot;/wp-content/uploads/2026/03/s13Icon.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.au7s13Title a:hover::before { background: url(&quot;/wp-content/uploads/2026/03/s13IconHover.png&quot;) 0px 0px no-repeat; }
.au7s13Box2 { max-width: 750px; display: inline-block; }
.au7s13Img2 { position: relative; }
.au7s13Title2 { font-size: 60px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); max-width: 330px; position: absolute; left: 55px; bottom: 55px; text-transform: uppercase; }
.au7s13Btn a { display: block; background: rgb(55, 121, 255); padding: 19px 10px; color: rgb(255, 255, 255); text-align: center; font-weight: 600; }
.au7s13Btn a:hover { background: rgb(18, 43, 96); }
.au7s13Btn a span { display: inline-block; padding-left: 35px; background: url(&quot;/wp-content/uploads/2026/03/s13Icon2.png&quot;) 0px 0px no-repeat; }
.au7s14SubHeading { font-size: 20px; line-height: 1.4; padding-bottom: 60px; }
.au7s14Box { width: 100%; max-width: 740px; float: right; background-color: rgb(18, 43, 96); background-repeat: no-repeat; background-position: right bottom; border-radius: 30px; padding: 90px 50px; color: rgb(255, 255, 255); position: relative; }
.au7s14Box::before { position: absolute; content: &quot;&quot;; top: -35px; left: 50px; width: 109px; height: 68px; background: url(&quot;/wp-content/uploads/2026/03/s5Icon1.png&quot;) 0px 0px no-repeat; }
.au7s14Text { font-size: 24px; font-weight: 600; line-height: 1.4; max-width: 440px; min-height: 400px; }
.au7s14Name { padding-top: 100px; color: rgb(55, 121, 255); max-width: 170px; font-size: 30px; font-weight: 700; line-height: 1.1; }
.au7s14Des { padding-top: 10px; font-size: 18px; }
.popupForm { border-radius: 15px; }
.popupForm input[type=&quot;text&quot;], .popupForm input[type=&quot;email&quot;], .popupForm textarea { padding: 18px; border-radius: 10px !important; border: 2px solid rgb(245, 247, 251) !important; }
.popupForm input[type=&quot;text&quot;]:active, .popupForm input[type=&quot;email&quot;]:active, .popupForm textarea:active, .popupForm input[type=&quot;text&quot;]:focus, .popupForm input[type=&quot;email&quot;]:focus, .popupForm textarea:focus { color: rgb(18, 43, 96) !important; border: 2px solid rgb(0, 106, 246) !important; }
.popupForm button[type=&quot;submit&quot;] { border-radius: 10px; }
.pd8Section1 { border-top: 1px solid rgb(221, 221, 221); }
.pd8s1SliderWraper { position: relative; }
.pd8s1SliderWraper::after { content: &quot;&quot;; display: block; clear: both; }
ul.pd8s1SliderPager { list-style-type: none; width: 100px; float: left; position: relative; margin: 0px !important; padding: 90px 0px 0px !important; }
ul.pd8s1SliderPager li { margin-bottom: 20px; border-radius: 10px; overflow: hidden; border: 1px solid rgb(221, 221, 221) !important; }
ul.pd8s1SliderPager li.slick-current { border-color: rgb(0, 106, 246) !important; }
ul.pd8s1SliderPager .slick-arrow { position: absolute; left: 50%; width: 43px; height: 43px; margin-left: -22px; z-index: 9; text-indent: -1e+12px; padding: 0px; background: url(&quot;/wp-content/uploads/2026/03/s1Arrow.png&quot;) 0px 0px no-repeat; }
ul.pd8s1SliderPager .slick-prev { top: 25px; }
ul.pd8s1SliderPager .slick-next { bottom: -40px; transform: rotate(180deg); }
.pd8s1Slider { list-style-type: none; width: calc(100% - 170px); float: left; margin: 0px 0px 0px 70px !important; padding: 0px !important; }
.pd8s1Slider li { border-radius: 40px; overflow: hidden; }
.pd8s1Slider li a, .pd8Video a { display: block; position: relative; }
.pd8s1Slider li a::before, .pd8Video a::before { position: absolute; content: &quot;&quot;; top: 50%; left: 50%; width: 113px; height: 113px; margin: -56px 0px 0px -56px; background: url(&quot;/wp-content/uploads/2026/03/s1PlayIcon.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.pd8s1Slider li a:hover::before, .pd8Video a:hover::before { transform: scale(1.1); }
.pd8s1Tag { display: inline-block; background: rgb(0, 106, 246); color: rgb(255, 255, 255); font-size: 14px; padding: 2px 14px; border-radius: 5px; margin-bottom: 10px; }
.pd8Section1 h1 { font-size: 32px; font-weight: 700; color: rgb(51, 51, 51); padding-bottom: 30px; border-bottom: 1px solid rgb(221, 221, 221); }
.pd8s1Text { padding: 10px 0px 30px; color: rgb(51, 51, 51); }
.pd8s1Text ul { list-style-type: none; margin: 0px !important; padding: 0px !important; }
.pd8s1Text ul li { padding-left: 30px; margin-bottom: 30px; line-height: 1.4; font-size: 18px; position: relative; }
.pd8s1Text ul li::before { position: absolute; content: &quot;&quot;; top: 9px; left: 0px; width: 6px; height: 6px; background: rgb(0, 106, 246); border-radius: 100%; }
.pd8s2Text { padding: 10px 0px 25px; font-size: 18px; line-height: 1.4; }
.productMenu { max-width: 350px; }
.pd8s3Content { padding-left: 50px; }
.pd8s3Text { font-size: 18px; line-height: 1.6; color: rgb(51, 51, 51); }
.pd8s3Text h4 { font-weight: 700; color: inherit !important; }
.pd8s4Wraper, .pd8s5Wraper { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; padding: 0px; margin-right: -30px; }
.pd8s4Box, .pd8s5Box { display: flex; flex-direction: column; flex: 0 0 calc(25% - 30px); box-sizing: border-box; }
.pd8s4Img { flex-shrink: 0; display: inline-block; }
.pd8s4Img a { display: block; }
.pd8s4Box:hover .pd8s4Img a { transform: scale(1.1); }
.pd8s4Content { padding: 35px 0px 0px; display: flex; flex-direction: column; flex-grow: 1; }
.pd8s4Content a { margin-top: auto; }
.pd8s4Title { font-size: 24px; font-weight: 700; line-height: 1.3; padding-bottom: 20px; min-height: 83px; }
.pd8s4Text { max-width: 280px; }
.pd8s5Wraper { gap: 50px; margin-right: -50px; margin-top: 50px; }
.pd8s5Box { flex: 0 0 calc(50% - 50px); flex-direction: unset; background: rgb(245, 246, 247); border-radius: 40px; position: relative; padding: 70px 80px; color: rgb(51, 51, 51); transition: 0.3s; }
.pd8s5Box:hover { background: rgb(0, 105, 246); color: rgb(255, 255, 255); }
.pd8s5Box::after { content: &quot;&quot;; display: block; clear: both; }
.pd8s5Img { width: 80px; float: left; }
.pd8s5Img img { transition: 0.3s; }
.pd8s5Box:hover .pd8s5Img img { filter: invert(1) brightness(25); }
.pd8s5Content { width: calc(100% - 80px); float: left; padding-left: 80px; }
.pd8s5Title { font-size: 24px; font-weight: 700; line-height: 1.2; padding-bottom: 20px; }
.pd8s5Text { font-size: 18px; line-height: 1.6; }
.pd8s6Wraper { padding: 90px 70px; background: rgb(255, 255, 255); border-radius: 40px; color: rgb(51, 51, 51); }
.pd8Video { display: inline-block; }
.pd8s6Content h3 { font-size: 36px; font-weight: 700; line-height: 1.2; color: inherit !important; }
.pd8s6Text { font-size: 18px; line-height: 1.6; color: inherit; }
.pd8s6Text { font-size: 20px; line-height: 1.6; color: inherit; padding: 20px 0px 30px; max-width: 670px; }
.pd8s6Img { border-radius: 40px; overflow: hidden; }
.pd8tabs ul.tabs, .pd8tabs ul.tabs2 { list-style-type: none; background: rgb(242, 247, 255); border-radius: 60px; margin: 0px !important; padding: 0px !important; }
.pd8tabs ul.tabs li, .pd8tabs ul.tabs2 li { display: inline-block; font-size: 24px; font-weight: 700; line-height: 1.2; color: rgb(51, 51, 51); padding: 35px 45px; border-radius: 60px; cursor: pointer; min-width: 250px; text-align: center; }
.pd8tabs ul.tabs li.current, .pd8tabs ul.tabs2 li.current { background: rgb(0, 105, 246); color: rgb(255, 255, 255); }
.pd8tabs .tab-content, .pd8tabs .tab-content2 { margin-top: 55px; display: none; }
.pd8tabs .tab-content.current, .pd8tabs .tab-content2.current { display: block; }
.pd8tabs table, .pd8tabs table th, .pd8tabs table td { font-size: 18px; line-height: 1.6; color: rgb(51, 51, 51); border-color: rgb(229, 229, 229); background: rgb(255, 255, 255); }
.pd8tabs table th, .pd8tabs table tr:nth-child(2n+1) td { background: rgb(245, 246, 247); }
.pd8tabs table th, .pd8tabs table td { padding: 25px; }
.pd8tabs .gallery-icon { border: unset !important; }
.pd8s7Form { background: rgb(245, 246, 247); border-radius: 40px; padding: 50px 50px 35px; width: 100%; max-width: 460px; float: right; }
.pd8s7FormTitle { font-size: 24px; line-height: 1.2; font-weight: 700; color: rgb(51, 51, 51); text-align: center; padding-bottom: 25px; }
.pd8s7Form input[type=&quot;text&quot;], .pd8s7Form input[type=&quot;email&quot;], .pd8s7Form textarea { border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); font-size: 18px; line-height: 1.4; padding: 21px 30px !important; border-radius: 40px !important; }
.pd8s7Form textarea { height: 140px; }
.pd8s7Form input[type=&quot;text&quot;]::placeholder, .pd8s7Form input[type=&quot;email&quot;]::placeholder, .pd8s7Form textarea::placeholder { color: rgb(102, 102, 102) !important; }
.pd8s7Form button[type=&quot;submit&quot;] { width: 100%; padding: 20px; font-size: 18px; }
.pd8s8Box { max-width: 460px; display: inline-block; float: right; border-radius: 40px; overflow: hidden; }
.pd8s8Btn a, .pd8s9Btn a { display: block; background: rgb(0, 105, 246); color: rgb(255, 255, 255); padding: 30px 15px; font-size: 18px; text-decoration: underline; text-align: center; }
.pd8s8Box:hover .pd8s8Btn a, .pd8s9Box:hover .pd8s9Btn a { text-decoration: none; }
.pd8s9SubHeading { color: rgb(102, 102, 102); max-width: 650px; padding-bottom: 20px; }
.pd8s9Box2 { border-bottom: 1px solid rgb(221, 221, 221); padding: 25px 0px 5px; max-width: 720px; }
.pd8s9Title2 { font-size: 24px; font-weight: 600; color: inherit; line-height: 1.2; padding-bottom: 15px; }
.pd8s9Title2 a { color: inherit; display: block; position: relative; }
.pd8s9Title2 a::before { position: absolute; content: &quot;&quot;; top: 0px; right: 0px; width: 28px; height: 24px; background: url(&quot;/wp-content/uploads/2026/03/s9Icon1.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.pd8s9Box2:hover .pd8s9Title2 a::before { background: url(&quot;/wp-content/uploads/2026/03/s9Icon2.png&quot;) 0px 0px no-repeat; }
.pd8s9Text2 { color: rgb(102, 102, 102); max-width: 650px; }
.pd8s9Box { border-radius: 40px; overflow: hidden; display: inline-block; }
.pd8s9Img { position: relative; }
.pd8s9Title { position: absolute; bottom: 80px; left: 50px; color: rgb(255, 255, 255); font-size: 72px; font-weight: 700; line-height: 1; max-width: 400px; }
.pd8s10SubHeading { font-size: 18px; line-height: 1.4; max-width: 1380px; margin: 0px auto 60px; }
ul.pd8s10Slider { list-style-type: none; position: relative; margin: 0px -10px !important; padding: 0px !important; }
ul.pd8s10Slider li { margin: 0px 25px; text-align: center; }
ul.pd8s10Slider .slick-arrow, .pd8s14Slider .slick-arrow { position: absolute; top: calc(50% - 60px); width: 56px; height: 56px; background: url(&quot;/wp-content/uploads/2026/03/s10Arrow.png&quot;) 0px 0px no-repeat; z-index: 9; text-indent: -1e+10px; padding: 0px; }
ul.pd8s10Slider .slick-arrow:hover, .pd8s14Slider .slick-arrow:hover { background: url(&quot;/wp-content/uploads/2026/03/s10ArrowHover.png&quot;) 0px 0px no-repeat; }
ul.pd8s10Slider .slick-prev, .pd8s14Slider .slick-prev { left: -40px; }
ul.pd8s10Slider .slick-next, .pd8s14Slider .slick-next { right: -40px; transform: rotate(180deg); }
.pd8s10Box { position: relative; padding-bottom: 60px; max-width: 500px; display: inline-block; }
.pd8s10Img { overflow: hidden; border-radius: 40px; }
.pd8s10Content { position: absolute; bottom: 0px; left: 50px; width: calc(100% - 100px); background: rgb(255, 255, 255); padding: 25px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; text-align: left; color: rgb(51, 51, 51); transition: 0.3s; }
.pd8s10Title { font-size: 22px; line-height: 1.2; padding-bottom: 5px; }
.pd8s10Title a { color: rgb(51, 51, 51); }
.pd8s10Text { color: rgb(102, 102, 102); position: relative; transition: 0.3s; }
.pd8s10Text::after { position: absolute; content: &quot;&quot;; bottom: -10px; left: 0px; width: 28px; height: 3px; background: rgb(0, 105, 246); border-radius: 3px; transition: 0.3s; }
.pd8s10Box:hover .pd8s10Content { background: rgb(0, 105, 246); color: rgb(255, 255, 255); }
.pd8s10Box:hover .pd8s10Title a, .pd8s10Box:hover .pd8s10Text { color: rgb(255, 255, 255); }
.pd8s10Box:hover .pd8s10Text::after { background: rgb(255, 255, 255); }
.pd8s11SubHeading { max-width: 1300px; margin: 0px auto 60px; }
.pd8s11Wraper { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; padding: 0px; margin-right: -30px; }
.pd8s11Box { display: flex; flex-direction: column; flex: 0 0 calc(25% - 30px); box-sizing: border-box; background: rgb(245, 246, 247); border-radius: 40px; padding: 35px 25px; text-align: center; }
.pd8s11Img { flex-shrink: 0; }
.pd8s11Img img { display: inline-block; overflow: hidden; border-radius: 100%; }
.pd8s11Content { padding: 25px 0px 0px; display: flex; flex-direction: column; flex-grow: 1; color: rgb(51, 51, 51); }
.pd8s11Img { border-radius: 100%; overflow: hidden; }
.pd8s11Title { font-size: 24px; font-weight: 700; line-height: 1.2; }
.pd8s11Text { padding: 20px 10px 0px; font-size: 18px; line-height: 1.6; }
ul.pd8s12Slider { list-style-type: none; margin: 0px -10px !important; padding: 25px 0px 0px !important; }
ul.pd8s12Slider li { margin: 0px 25px; }
.pd8s12Box { color: rgb(51, 51, 51); position: relative; }
.pd8s12Box::after { content: &quot;&quot;; display: block; clear: both; }
.pd8s12Text { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 55px; border-radius: 40px; text-align: left; font-size: 18px; line-height: 1.6; font-weight: 500; margin-bottom: 15px; position: relative; margin-top: 30px; }
.pd8s12Text::before { position: absolute; content: &quot;&quot;; top: -26px; left: 55px; width: 54px; height: 49px; background: url(&quot;/wp-content/uploads/2026/03/s12QuoteIcon.png&quot;) 0px 0px no-repeat; }
.pd8s12Img { width: 100px; float: left; border-radius: 100%; overflow: hidden; }
.pd8s12Content { width: calc(100% - 100px); float: left; padding-left: 20px; text-align: left; }
.pd8s12Name { font-size: 24px; line-height: 1.4; padding: 15px 0px 5px; }
.pd8FAQs { background: rgb(255, 255, 255); padding: 40px 70px 70px; border-radius: 40px; margin-top: 35px; }
.pd8FAQs .accordiaBox { border-bottom: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); }
.pd8FAQs .accordion { font-size: 24px; line-height: 1.4; padding: 35px 50px 35px 0px; cursor: pointer; position: relative; }
.pd8FAQs .accordion::before { position: absolute; content: &quot;+&quot;; top: 32px; right: 0px; font-size: 30px; font-weight: 600; line-height: 1; color: rgb(51, 51, 51); transition: 0.3s; }
.pd8FAQs .accordiaBox.active .accordion::before { content: &quot;-&quot;; }
.pd8FAQs .panel { display: none; padding: 0px 50px 20px 0px; font-size: 18px; line-height: 1.6; }
ul.pd8s14Slider { list-style-type: none; margin: 0px -5px !important; padding: 40px 0px 0px !important; }
ul.pd8s14Slider li { margin: 0px 20px; }
.pd8s14Box { text-align: left; color: rgb(51, 51, 51); }
.pd8s14Img { overflow: hidden; }
.pd8s14Img a { display: block; }
.pd8s14Box:hover .pd8s14Img a { transform: scale(1.1); }
.pd8s14Content { padding-top: 30px; }
.pd8s14Title { font-size: 30px; line-height: 1.4; color: inherit; }
.pd8s14Title a { color: inherit; }
.pd8s14Box:hover .pd8s14Title a, .pd8s14Box:hover .pd8s14Link a { color: var(--ast-global-color-0); }
.pd8s14Text { padding-top: 10px; line-height: 1.4; }
.pd8s14Link a { display: block; font-size: 18px; line-height: 1.5; color: inherit; position: relative; }
.pd8s14Link a::before { position: absolute; content: &quot;&quot;; top: 5px; right: 0px; width: 28px; height: 19px; background: url(&quot;/wp-content/uploads/2026/03/s13Arrow.png&quot;) 0px 0px no-repeat; transition: 0.3s; }
.pd8s14Box:hover .pd8s14Link a::before { background: url(&quot;/wp-content/uploads/2026/03/s13ArrowHover.png&quot;) 0px 0px no-repeat; }
.pd8Section15 h2 { padding-bottom: 25px; }
.pd8s15Form { text-align: left; }
.pd8s15Form input[type=&quot;text&quot;], .pd8s15Form input[type=&quot;email&quot;], .pd8s15Form textarea { font-size: 24px; margin-bottom: 15px; background: rgb(254, 254, 254) !important; border: 1px solid rgb(254, 254, 254) !important; padding: 30px !important; border-radius: 50px !important; color: rgb(0, 0, 0) !important; }
.pd8s15Form textarea { height: 170px; }
.pd8s15Form input[type=&quot;text&quot;]::placeholder, .pd8s15Form input[type=&quot;email&quot;]::placeholder, .pd8s15Form textarea::placeholder { color: rgb(51, 51, 51) !important; }
.pd8s15Form button[type=&quot;submit&quot;] { font-size: 24px; font-weight: 700; padding: 25px; min-width: 260px; border-radius: 50px; }
.visible-sm { display: none; }
.visible-lg { display: none; }
@media (min-width: 1440px) and (max-width: 1649px) {
  .hp4s1Img2 { top: unset; bottom: 0px; transform: translate(-7%, -30%); }
  .pd8tabs ul.tabs li, .pd8tabs ul.tabs2 li { min-width: 180px; }
}
@media (min-width: 1440px) {
  .hp22s3Content, .hp22s10Content { padding-left: 70px; }
  .rightImg .hp22s3Content, .rightImg .hp22s10Content { padding: 0px 70px 0px 0px; }
  .hp22s3Text, .hp22s10Text, .hp22SubHeading { font-size: 20px; line-height: 1.4; }
  .hp22s12SubHeading, .au7s10Content { padding-left: 55px; }
  .hp22s16Content { margin-left: 80px; }
  .page-template-template-home22 #content h2, .page-template-template-home4 #content h2, .page-template-template-contact5 #content h2, .page-template-template-about7 #content h2, .cu5Section12 h2 { font-size: 55px; }
  .cu5SubHeading { font-size: 20px; line-height: 30px; }
  .au7Section8 h3, .au7Section9 h3, .au7Section10 h3, .au7Section11 h3, .au7Section12 h3, .au7Section13 h3, .au7Section14 h3 { font-size: 40px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .hp1s2Box1 { padding: 30px 15px 20px; min-height: 272px; }
  .hp1s2Content, .hp1s3Content { padding: 0px 0px 15px 15px; }
  .hp1s6Content { padding-left: 0px; }
  .hp1s6Box { padding-bottom: 15px; }
  .hp1s6Text { padding: 0px; }
  .hp1s9Box { padding: 30px 15px; }
  .hp3s2Content { padding-left: 60px; }
  .hp3tabs ul.tabs li { margin-left: 25px; }
  .hp3s10Img { right: -160px; }
  .hp4s1Img2 { top: unset; bottom: 0px; transform: translate(-7%, -30%); }
  .hp22s3Title2 { font-size: 40px; }
   .hp22SubHeading, .hp22s10Text { font-size: 16px; }
  .hp22s4Wraper, .hp22s5Wraper { gap: 30px; margin-right: -30px; }
  .hp22s4Box { flex: 0 0 calc(25% - 30px); }
  .hp22s5Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s4Content, .hp22s5Content { padding: 20px 0px; }
  .hp22s7Box { padding: 35px 20px 30px; }
  .hp22s7Content { padding: 60px 0px 0px; }
  .indal-cont { padding: 0px 25px; }
  .hp22s17Wraper { gap: 30px; margin-right: -30px; }
  .hp22s17Box { flex: 0 0 calc(33.33% - 30px); }
  .cu5s1Box { padding: 50px 35px; border-radius: 40px; font-size: 16px; line-height: 24px; }
  .cu5s2Title { font-size: 30px; }
  .cu5s2SubTitle { padding-bottom: 30px; }
  .cu5s2Title2, .cu5s2SubTitle4, .cu5s2Title3 { padding: 30px 0px 5px; }
  .cu5s2Title2, .cu5s2Title3, .cu5s2SubTitle4 { font-size: 22px; }
  ul.cu5s2SocialLink li { margin-right: 10px; }
  ul.cu5s2SocialLink li a { width: 60px; height: 60px; line-height: 58px; }
  .cu5s5Text { max-width: 280px; font-size: 16px; line-height: 1.4; padding: 20px; }
  .cu5s5Name { font-size: 20px; padding: 20px 0px 5px 20px; }
  .cu5s5Des { font-size: 16px; padding-left: 20px; }
  .cu5s6Text { font-size: 16px; }
  .cu5s8Img, .cu5s10Img { width: 50px; }
  .cu5s8Content, .cu5s10Content { width: calc(100% - 50px); padding-left: 10px; }
  .cu5s11Title { font-size: 20px; }
  .cu5s6Title, .cu5s7Title { font-size: 20px; }
  .au7s4SubHeading { padding: 0px; }
  .au7s5Title { font-size: 36px; }
  .au7s5Text { font-size: 16px; }
  .au7s8Content, .au7s9Content { padding: 15px 0px 0px; }
  .au7s8Title, .au7s9Title { font-size: 20px; }
  .au7s11Content { bottom: 15px; left: 15px; padding: 15px; width: calc(100% - 30px); }
  .au7s11Title { font-size: 20px; }
  .au7s14Box { background-size: 270px auto; }
  .au7s14Text { font-size: 20px; }
  .au7s14SubHeading { font-size: 16px; padding-bottom: 20px; }
  .au7s14Name { max-width: 115px; font-size: 20px; }
  ul.pd8s1SliderPager { padding: 50px 0px 0px !important; }
  ul.pd8s1SliderPager li { margin-bottom: 10px; }
  .pd8s1Slider { width: calc(100% - 120px); margin: 0px 0px 0px 20px !important; }
  ul.pd8s1SliderPager .slick-prev { top: 0px; }
  .pd8s1Text { padding: 0px; }
  .pd8s2Text { padding: 0px 0px 15px; }
  .productMenu ul.menu { padding: 10px 15px !important; }
  .pd8s3Content { padding-left: 0px; }
  .pd8s5Wraper { gap: 30px; margin-right: -30px; margin-top: 20px; }
  .pd8s5Box { flex: 0 0 calc(50% - 30px); padding: 40px; }
  .pd8s5Content { width: calc(100% - 20px); padding-left: 20px; }
  .pd8s6Wraper { padding: 40px; }
  .pd8tabs ul.tabs li, .pd8tabs ul.tabs2 li { font-size: 20px; font-weight: 600; padding: 25px 35px; min-width: 180px; }
  .pd8s7Form { padding: 25px; }
  .pd8s9SubHeading { padding-bottom: 0px; }
  ul.pd8s10Slider li { margin: 0px 15px; }
  .pd8s10Content { left: 15px; width: calc(100% - 30px); padding: 15px; }
  .pd8s11SubHeading { margin: 0px auto 30px; }
  .pd8s11Box { padding: 20px 15px 10px; }
  .pd8s11Title { font-size: 18px; }
  .pd8s11Text { padding: 10px 0px 0px; }
  .pd8s12Text { padding: 20px; font-size: 16px; }
  .pd8s12Text::before { top: -36px; left: 20px; }
  .pd8FAQs { padding: 15px 35px 40px; }
  .pd8FAQs .accordion { font-size: 20px; padding: 25px 40px 25px 0px; }
  .pd8FAQs .panel { padding: 0px 40px 10px 0px; font-size: 16px; }
  .pd8FAQs .accordion::before { top: 25px; }
  ul.pd8s14Slider { padding: 15px 0px 0px !important; }
  .pd8s14Content { padding-top: 15px; }
  .pd8s14Title { font-size: 22px; }
  .pd8s15Form input[type=&quot;text&quot;], .pd8s15Form input[type=&quot;email&quot;], .pd8s15Form textarea { font-size: 20px; margin-bottom: 15px; padding: 20px !important; }
  .pd8s15Form button[type=&quot;submit&quot;] { font-size: 20px; padding: 15px; min-width: 220px; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
  .hp11s4Box1 { padding: 0px 60px; }
  .hp11s4Box2Content { padding: 140px 30px 0px; }
  ul.pc9s10Brands li { margin: 0px 4px; }
}
@media (min-width: 1200px) {
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .bannerHeading { font-size: 44px; line-height: 54px; }
  .bannerText { font-size: 22px; line-height: 24px; }
  .about6Banner .bannerHeading { font-size: 60px; font-weight: 800; }
  .about6Banner .bannerText { font-size: 30px; line-height: 32px; }
  .pc2BannerTitle { font-size: 40px; line-height: 48px; }
  .pc2BannerTitle b { font-size: 30px; }
  .hp13Col20 { width: 20%; }
  .hp2Section10 h2 { font-size: 45px; }
  ul.pc3s1SliderPager li { max-height: 87px; overflow: hidden; margin: 0px 0px 5px !important; }
  .hp4Section10 h2 { font-size: 60px; }
  ul.pc3s1SliderPager li { max-height: 87px; overflow: hidden; margin: 0px 0px 5px !important; }
  .page-template-product-details8 #content h2 { font-size: 48px; font-weight: 700; color: rgb(51, 51, 51); }
}
@media (max-width: 1199px) {
  ul.pd8s1SliderPager { padding: 50px 0px 0px !important; }
  ul.pd8s1SliderPager .slick-prev { top: 0px; }
  .pd8s1Content { margin-top: 30px; }
  .pd8Section1 h1 { padding-bottom: 20px; }
  .pd8s1Text { padding: 0px; }
  .pd8s1Text ul li { padding-left: 20px; margin-bottom: 20px; font-size: 16px; }
  .pd8s2Text { padding: 0px; font-size: 16px; }
  .productMenu ul.menu { padding: 15px !important; }
  .pd8s3Content { padding-left: 0px; }
  .pd8s3Text { font-size: 16px; line-height: 1.4; }
  .pd8s4Title { font-size: 20px; padding-bottom: 10px; min-height: 65px; }
  .pd8s5Wraper { gap: 30px; margin-right: -30px; margin-top: 15px; }
  .pd8s5Box { flex: 0 0 calc(50% - 30px); padding: 25px; }
  .pd8s5Content { padding-left: 20px; }
  .pd8s6Wraper { padding: 40px; }
  .pd8s6Text { font-size: 16px; line-height: 1.4; padding: 10px 0px 15px; max-width: 100%; }
  .pd8s6Wraper .responsiveMargin { margin-top: 30px !important; }
  .pd8tabs ul.tabs li, .pd8tabs ul.tabs2 li { font-size: 16px; font-weight: 600; padding: 15px 25px; border-radius: 40px; min-width: unset; }
  .pd8tabs table th, .pd8tabs table td { padding: 10px; font-size: 16px; line-height: 1.4; }
  .pd8tabs .tab-content, .pd8tabs .tab-content2 { margin-top: 30px; }
  .pd8s7Form { border-radius: 30px; padding: 25px 15px 20px; }
  .pd8s7FormTitle { font-size: 22px; padding-bottom: 15px; }
  .pd8s7Form input[type=&quot;text&quot;], .pd8s7Form input[type=&quot;email&quot;], .pd8s7Form textarea { font-size: 16px; padding: 15px 20px !important; border-radius: 30px !important; }
  .pd8s9SubHeading, .pd8s9Box2 { max-width: unset; }
  .pd8s9Box { margin-top: 30px; }
  .pd8s10SubHeading, .pd8s11SubHeading { font-size: 16px; margin: 0px auto 30px; }
  .pd8s10Content { left: 25px; width: calc(100% - 50px); padding: 15px; }
  .pd8s10Title { font-size: 18px; }
  .pd8s11Box { flex: 0 0 calc(50% - 30px); }
  .pd8s11Title { font-size: 20px; }
  .pd8s12Text { padding: 25px; }
  .pd8FAQs { padding: 30px 40px 70px; }
  .pd8FAQs .accordion { font-size: 20px; padding: 25px 50px 25px 0px; }
  .pd8FAQs .panel { padding: 0px 50px 10px 0px; font-size: 16px; line-height: 1.4; }
  ul.pd8s14Slider { padding: 10px 0px 0px !important; }
  .pd8s14Content { padding-top: 15px; }
  .pd8s14Title { font-size: 22px; }
  .pd8s15Form input[type=&quot;text&quot;], .pd8s15Form input[type=&quot;email&quot;], .pd8s15Form textarea { font-size: 18px; margin-bottom: 5px; padding: 20px !important; border-radius: 40px !important; }
  .pd8s15Form button[type=&quot;submit&quot;] { font-size: 18px; padding: 18px; min-width: 200px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faqWrapper { padding-left: 0px; }
  .bannerWraper .bannerContent { max-width: 970px; margin-top: 4%; }
  .bannerText { padding: 5px 0px 0px; }
  .quickQuote { padding: 15px; }
  .xyzBanner .banerContentWrapper { padding-top: 2%; }
  .xyzBanner .banerContent { padding: 20px; }
  .about2Banner .bannerContent { padding-top: 9%; }
  .homeSliderLGTitle::before, .homeSliderLGTitle::after { display: none; }
  .page-template-template-home4 .site-content h1, .page-template-template-home4 .site-content h2 { font-size: 38px !important; }
  .cu4contactForm, .cu4contactDetails { float: none; width: 100%; }
  .h5TabsWrapper ul.tabs li { margin-right: 10px; }
  .pc4quickQuote { padding: 15px; }
  .hp6Section1 { padding: 70px 0px; }
  .hp6s1Text { margin-bottom: 25px; }
  .hp6s1Title { font-size: 30px; padding-bottom: 5px; }
  .hp6s1Btn { padding-top: 15px; }
  .hp6Section2 { padding: 70px 0px 40px; }
  .hp6s2Row1, .hp6s4Row1 { margin-bottom: 10px !important; }
  .hp6s2Content { padding: 10px 10px 15px; }
  .hp6Section3 { padding: 70px 0px 0px; }
  .hp6Section3 h2 { margin-bottom: 40px !important; }
  .hp6s3Title { font-size: 22px; margin-bottom: 15px; }
  .hp6Section4 { padding: 70px 0px 40px; }
  .hp6s4Title { bottom: 10px; left: 10px; }
  .hp6Section5 { padding: 70px 0px 40px; }
  .hp6s5Title { bottom: 30px; padding-top: 25px; }
  .hp6Section6 { padding: 50px 0px 70px; }
  .hp6s6Tag { margin-top: 40px; }
  .hp6Section7 { padding: 70px 0px 60px; }
  .hp6s7Content { padding: 15px 0px 0px; }
  .hp6s7Title { font-size: 20px; padding: 10px 0px 8px; }
  ul.productSliderPager .slick-slide { max-height: 82px; }
  .pd6liderWraper ul.productSliderPager .slick-slide { max-height: 56px; }
  .hp8QuickQuote { padding: 20px; }
  .hp8QuickQuoteTitle { font-size: 26px; }
  .hp9s1Box { border-radius: 15px; padding: 15px; }
  .hp9s8Wraper { padding: 30px 20px; }
  .hp9Section12 h2 b { font-size: 48px; }
  .hp9s6VideoWraper { text-align: center; }
  .pc6BannerContent { margin-top: 2%; padding: 15px; max-width: 580px; }
  .hp11Section8 { text-align: center; }
  .hp11s4Box1 { padding: 0px 50px; }
  .hp11s4Box2Content { padding: 100px 20px 0px; }
  .hp11s6Box { padding: 20px; }
  .lp7s3Title, .hp11s3Title, .lp7s7Text { text-transform: none; }
  .lp7s5Box1 { padding: 10px 20px; }
  .hp12Section6Content, .hp12s8Content { padding: 0px 0px 0px 15px; }
  .hp12s7Content { padding-top: 0px; }
  .hp12s7List { padding-top: 40px; }
  .hp12Section7::before { width: 95%; }
  .hp12s7List ul li, .hp12s8Content ul li { margin-bottom: 10px; font-size: 14px; }
  ul.hp12s9List li { margin: 0px 10px 10px; padding: 15px 5px; }
  .hp12s10Box { border-radius: 10px; padding: 10px; }
  .hp12s11Title { font-size: 24px; }
  .hp13Col20 { width: 20%; }
  .hp13s5Box { margin: 0px 6px 10px; width: 170px; }
  .hp13s1wrapper { margin-top: 60px; }
  .hp13s4Title { padding: 25px 0px 15px; }
  .hp13s4Text { padding: 0px; }
  .hp13s6Box { padding: 20px; }
  .hp14Tabs ul.tabs { margin: 10px 0px 0px !important; }
  .hp14s4Box { max-width: 333px; }
  .hp14Section1 { margin-top: 60px; }
  .hp15PostWrapper { padding: 15px; }
  .hp15s9Content { padding: 35px 50px; }
  .hp15PostBox1 { padding-bottom: 20px; margin-bottom: 20px; }
  ul.hp15brands li { max-width: 235px; }
  .hp15s8Title, .hp15PostTitle a { font-size: 20px; }
  .hp15s1Text { margin-top: 0px; }
  .hp15s2Title { font-size: 26px; }
  .hp16Section1 { padding: 70px 0px 30px; }
  .hp16s1Content { padding: 0px 0px 0px 15px; }
  .hp16Section2 { padding-bottom: 70px; }
  .hp16s2Box { max-width: 320px; }
  .hp16s3RowRight .hp13s3Content { padding-left: 15px; }
  .hp16s3Row { padding-bottom: 70px; }
  .hp16Section4 { border-radius: 0px; padding: 40px 0px; }
  .hp16Section5 { margin: 70px 0px; }
  .hp16s5Content { padding: 0px 0px 0px 15px !important; }
  .hp16s5Text ul { margin: 25px 0px 15px !important; }
  .hp16s5Text ul li { padding-left: 15px; font-size: 16px; }
  .hp16s5Text ul li::before { top: 3px; }
  .hp16Section6 { padding: 55px 0px 50px; }
  .hp16s6Title { padding: 25px; }
  .hp16Section7 { padding: 70px 0px; }
  .hp16s7Box { margin-top: 50px; }
  .hp16s8Content { padding: 30px; }
  .hp16Section9 { padding: 40px 0px 50px; }
  .hp18s1Btn { padding: 0px; }
  .hp18s2Box { padding: 15px; }
  .hp18s3Title { font-size: 20px; }
  .hp18s4Tabs ul.tabs li { margin: 0px 50px 0px 0px; }
  .hp18s4Text { padding: 0px; }
  .hp18s5Title { padding: 0px 0px 25px 15px; font-size: 18px; }
  .hp18FAQs .accordiaBox { padding: 20px 0px; }
  .hp18FAQs .accordion { padding: 0px 30px 0px 50px; font-size: 18px; font-weight: 400; }
  .hp18FAQs .accordion::before { font-size: 18px; font-weight: 500; }
  .hp18FAQs .accordion::after { top: 2px; }
  .hp12s3Img, .hp12s3Content { width: 100%; padding: 0px 30px; }
  .hp12s3Content { margin-top: 30px; }
  .pc8Products { padding: 50px 30px 0px 0px; }
  .hp19Section1 { padding: 80px 0px; }
  .hp19Section1::before { display: none; }
  .hp19Section2 { padding-bottom: 60px; }
  .hp19Section3 { padding: 70px 0px 50px; }
  .hp19s3Box { min-height: 150px; margin-bottom: 20px; }
  .hp19Section4 { padding: 80px 0px; }
  .hp19s4SubHeading { padding-bottom: 20px; }
  .hp19Section5 { padding-bottom: 70px; }
  .hp19s5Text { padding: 0px; }
  .hp19s5Box { padding-bottom: 20px; }
  .hp19Section6 { padding: 70px 0px; }
  .hp19Section7 { padding: 70px 0px; }
  .hp19s7Text { padding: 0px 0px 10px; margin-bottom: 40px; }
  .hp19FAQs .accordiaBox { padding: 20px 0px; }
  .hp19FAQs .accordion { padding: 0px 30px 0px 40px; font-size: 18px; }
  .hp19FAQs .accordion::before { font-size: 18px; }
  .hp19Section8 { padding: 70px 0px 50px; }
  .hp19s8Content { padding: 15px 75px 0px 0px; }
  .hp19s8Title { font-size: 18px; }
  .hp19Section9 { padding: 70px 0px; }
  .hp20Section1 { padding: 80px 0px; }
  .hp20s1Content { padding-left: 0px; }
  .hp20Section2 { padding-bottom: 80px; }
  .hp20Section3 { padding: 80px 0px 50px; }
  .hp20s3Box { padding: 15px; }
  .hp20s3Img { margin-bottom: 10px; }
  .hp20s3Title { font-size: 16px; margin-bottom: 10px; }
  .hp20Section4 { padding: 80px 0px 40px; }
  .hp20s4SubHeading { margin: 0px auto 20px; }
  .hp20s4Title { font-size: 18px; }
  .hp20Section5 { padding: 80px 0px; }
  .hp20Section6 { margin-bottom: 80px; }
  .hp20Section7 { padding: 60px 0px 70px; }
  .hp20FAQs { padding-left: 15px; }
  .hp20Section8 { padding: 80px 0px; }
  .hp20s8Box { padding: 15px; }
  .hp20Section9 { padding: 100px 0px 70px; }
  .hp20Section10 { padding: 70px 0px; }
  .pc9BannerHeading { font-size: 40px; line-height: 48px; }
  .pc9BannerText { padding: 0px 0px 20px; }
  .pc9Section1 { padding: 70px 0px 40px; }
  .pc9s1Content { padding: 5px 10px 10px; }
  .pc9s1Title { font-size: 18px; }
  .pc9Section2 { padding: 80px 0px 65px; }
  .pc9Section3 { padding: 70px 0px; }
  .pc9s3Content { padding: 5px 10px 40px; }
  .pc9s3Title { font-size: 18px; }
  .pc9Section4 { padding-bottom: 80px; }
  .pc9s4Text { padding: 0px 0px 10px; }
  .pc9Section5 { padding: 70px 0px; }
  .pc9s5Content { padding-left: 0px; }
  .pc9Section5 h2 { padding-bottom: 20px; }
  .pc9Section6 { padding: 70px 0px; }
  .pc9Section7 { padding: 75px 0px 50px; }
  .pc9s7Box { border-width: 3px; border-radius: 20px; padding: 30px 25px 45px; }
  .pc9s7Content { padding: 25px 0px 0px; }
  .pc9Section8 { padding: 70px 0px 50px; }
  .pc9Tabs ul.tabs li { min-width: 160px; padding: 15px; margin: 0px 10px; }
  .pc9Tabs ul.tabs { padding: 0px 0px 30px !important; }
  .pc9Section9 { padding: 70px 0px 50px; }
  .pc9s9Row1 { padding-bottom: 40px; }
  .pc9Testimonial { padding: 50px 20px 25px; border-radius: 20px; }
  .pc9Testimonial::before { top: 10px; left: 25px; width: 50px; height: 39px; background-size: 100% auto; }
  .pc9s9Box { margin: 30px 0px 20px; }
  .pc9Section10 { padding-bottom: 100px; }
  ul.pc9s10Brands { padding: 0px !important; }
  ul.pc9s10Brands li { margin: 0px 8px 15px; }
  .pc9Section11 { padding: 70px 0px 60px; }
  .pc9Section12 { padding: 70px 0px 50px; }
  .pc9s12Box { padding: 15px; }
  .pc9s12Content { padding-top: 15px; }
  .pc9s12Title { font-size: 18px; }
  .hp21Section1 { padding: 80px 0px 100px; }
  .page-template-template-home21 h2 { font-size: 40px; }
  .hp21s2Content { margin-top: 10px; }
  .hp21Section2 { padding: 0px 0px 70px; }
  .hp21s2Box { padding: 20px; }
  .hp21Section3 { padding: 70px 0px 100px; }
  .hp21Section3 h2 { padding-bottom: 10px; }
  .hp21s3Box { padding: 15px; min-height: 410px; }
  .hp21s3Counter { font-size: 60px; }
  .hp21s3Title { font-size: 18px; padding: 20px 0px 15px; margin-bottom: 15px; }
  .hp21Section4 { padding: 70px 0px; }
  .hp21s4Content { padding: 40px 30px; }
  .hp21Section5 { padding: 70px 0px; }
  .hp21Section6 { padding: 70px 0px; }
  .hp21s6SubHeading { padding: 10px 0px 40px; }
  .hp21s6Content { padding: 30px; }
  .hp21Tabs ul.tabs li { padding-right: 30px; font-size: 18px; }
  .hp21Tabs ul.tabs li span { font-size: 40px; }
  .hp21Section7 { padding: 70px 0px; }
  .hp21Section8 { padding: 70px 0px 50px; }
  .hp21s8Box { padding: 15px; }
  .hp21s8Content { padding: 15px 0px 0px 15px; }
  .hp21s8Name { font-size: 18px; }
  .hp21s8Text { margin-top: 25px; min-height: 110px; }
  .hp21s9Img { padding: 50px 0px 0px; }
  .hp21s9Box { padding-top: 85px; padding-bottom: 35px; padding-left: 50px; }
  .hp21s9Img { padding: 0px; }
  .pc3Banner .bannerContent { max-width: 970px; }
  .pc3Section1 { padding: 50px 0px 70px; }
  .pc3s1Content { padding-left: 0px; }
  ul.pc3s1SliderPager { width: 70px; }
  .pc3s1Slider { width: calc(100% - 85px); margin: 0px 0px 0px 14px !important; }
  .pc3Section2 { padding: 50px 0px 70px; }
  .pc3Section3 { padding-top: 70px; }
  .pc3Section4 { padding: 70px 0px; }
  .pc3s4Content { padding: 15px 10px; }
  .pc3s4Title { font-size: 16px; }
  .pc3Section5 { padding: 70px 0px 50px; }
  ul.pc3s5Slider li { margin: 0px 15px; }
  .pc3Section5 { padding: 70px 0px 50px; }
  .pc3s5Content { padding: 20px 15px; }
  .pc3s5Btn a { padding: 12px; }
  .pc3Section6 { padding: 70px 0px 60px; }
  .pc3s6Box { padding-bottom: 0px; }
  .pc3s6Title { font-size: 18px; padding: 30px 0px 10px; }
  .pc3Section7 { padding: 70px 0px 40px; }
  .pc3s7Box { padding-bottom: 0px; }
  .pc3Section8 { padding: 20px 0px 70px; }
  .pc3s8Text { padding: 0px 0px 10px; }
  .pc3s9Box { padding: 30px 20px 20px; }
  .pc3Section9 { padding: 70px 0px 35px; }
  .pc3Section10 { padding: 70px 0px 40px; }
  .pc3Section11 { padding: 50px 0px; }
  .pc3s11Box { padding: 15px; }
  .pc3s11Content { padding-left: 15px; }
  .pc3s11Title { font-size: 20px; }
  .pc3s11Text { margin-bottom: 20px; }
  .pc3s11Btns { text-align: center; }
  .pc3s11Content a.commonBtn { display: block; }
  a.supportBtn { margin: 15px 0px 0px; display: inline-block; }
  .pc3s11Form { padding: 35px 15px 15px; }
  .pc3s11Form button[type=&quot;submit&quot;] { padding: 14px; }
  .pc3Section12 { padding: 60px 0px; }
  .pc3Banner .bannerBtn { padding-top: 0px; }
  .pc3Section14 { padding: 80px 0px 50px; }
  .pc3tabs ul.tabs li { padding: 15px 20px; min-width: 200px; }
  .pc3tabs .tab-content { padding-top: 50px; }
  .pc3Section15 { padding: 50px 0px 70px; }
  .pc3Section16 { padding: 70px 0px; }
  .pc3FAQs .accordiaBox { padding: 0px 0px 0px 125px; }
  .pc3FAQs .accordiaBox::before { font-size: 18px; padding-top: 20px; }
  .pc3FAQs .accordion { font-size: 18px; padding: 20px 90px 20px 0px; }
  .pc3FAQs .accordion::before { top: 20px; }
  .pc3Section17 { padding: 70px 0px; }
  .pc3Section18 { padding: 70px 0px; }
  .pc3s18FAQs { padding: 10px 20px; }
  .pc3s18FAQs .accordion { padding: 20px 0px; }
  .pc3s18FAQs .accordion::before { top: 20px; }
  .pc3s18FAQs .accordiaBox.active .accordion { padding: 20px 0px 10px; }
  .hp1s2Box1 { padding: 30px; min-height: auto; margin-bottom: 20px; }
  .hp1s6Content { padding-left: 0px; }
  .hp1s6Box { padding-bottom: 15px; }
  .hp1s6Text { padding: 0px; }
  .hp1s9Box { padding: 15px 10px; }
  .hp1s2Wraper { padding: 70px 0px 40px; }
  .hp1Section4 { padding: 70px 0px; }
  .hp1s4Conetnt { max-width: 500px; }
  .hp1s4Text { padding: 0px 0px 30px; }
  .hp1Section5 { padding: 70px 0px 40px; }
  ul.hp1s5List li::before { display: none; }
  .hp1Section7 { padding: 70px 0px; }
  .hp1s7Text { padding: 0px 0px 40px; }
  .hp1Section8 { padding: 70px 0px 40px; }
  .hp1Section8 h2 { padding-bottom: 10px; }
  .hp1s8Box { padding: 0px 0px 0px 60px; }
  .hp1Section9 { padding: 70px 0px 10px; }
  .hp1s9SubHeading { padding-bottom: 250px; }
  .hp1Section10 { padding: 70px 0px 220px; }
  .hp1Section11 { padding: 55px 0px 40px; }
  .hp1Section12 { padding: 70px 0px 45px; }
  .hp1Section12 h2 { padding: 0px 0px 10px; }
  .hp1Section13 { padding: 70px 0px; }
  .hp1s13Text { padding: 0px 0px 30px; }
  .hp2s1Box { padding: 10px; }
  .hp2s1Img { padding-top: 50px; }
  .hp2s1SubHeading { padding-bottom: 35px; }
  .hp2Section2 { padding: 0px 0px 70px; }
  .hp2s2Img::before { top: -20px; right: -20px; height: calc(100% + 40px); }
  .hp2s3Title { padding-top: 50px; font-size: 50px; }
  .hp2Section4 { padding: 70px 0px 50px; }
  .hp2Section5 { padding: 70px 0px; }
  .hp2Section6 { padding: 70px 0px; }
  .hp2s7Box { margin-bottom: 0px; }
  .hp2s7Content { padding: 15px 10px 0px; }
  .hp2Section8 { padding: 70px 0px 30px; }
  .hp2Section10 { padding: 70px 0px; }
  ul.hp2s10Slider { padding: 25px 10px !important; }
  .hp2s11Content { padding: 0px 15px; }
  .hp2Section12 { padding: 70px 0px; }
  .hp2FAQs .accordion { padding: 15px 40px 15px 20px; }
  .hp2s13Content { padding-left: 15px; }
  .hp2s13Link { padding-top: 20px; }
  .hp2Section13 { padding-bottom: 70px; }
  .hp2Section14 { padding: 80px 0px; }
  .hp3s2Content { padding-left: 0px; }
  .hp3Section2 { padding: 70px 0px 100px; }
  .hp3Section3 { padding: 70px 0px 40px; }
  .hp3s3Content { padding: 20px 15px 30px; }
  .hp3s3Title { font-size: 20px; }
  .hp3Section4 { padding: 70px 0px; }
  .hp3Section5 { padding: 70px 0px; }
  .hp3s5Title { font-size: 18px; }
  .hp3tabs ul.tabs li { font-size: 16px; margin-left: 18px; }
  .hp3s6Box { margin-bottom: 0px; }
  .hp3s6Title { font-size: 16px; padding: 10px 0px; }
  .hp3s6Location, .hp3s6TOP { padding: 15px 10px; }
  .hp3Section7 { padding: 70px 0px 50px; }
  .hp3s7Btn { padding-bottom: 20px; }
  .hp3s8Text ul li { padding-left: 55px; margin-bottom: 15px; }
  .hp3Section9 { padding: 70px 0px 30px; }
  .hp3s9Title { font-size: 20px; }
  .hp3Form { padding: 50px 30px 35px; }
  .hp3FormTitle { font-size: 30px; padding-bottom: 20px; }
  .hp3s10Content { padding: 60px 0px 0px 40px; }
  .hp3s10Img { right: -180px; }
  .hp4Section1 { padding: 70px 0px 0px; }
  .hp4s1Text { padding: 5px 0px 10px; }
  .hp4s1Img { margin-top: 30px; }
  .hp4Section2 { padding: 70px 0px 35px; }
  .hp4Section3 { padding: 40px 0px 50px; }
  .hp4s3Title { font-size: 18px; }
  .hp4Section4::before, .hp4Section8::before { display: none; }
  .hp4Section5 { padding: 70px 0px; }
  .hp4s1SubHeading, .hp4s3SubHeading, .hp4s5SubHeading { padding-bottom: 30px; }
  .hp4s5Title { font-size: 20px; padding: 15px 0px 0px; }
  .hp4s6SubHeading { padding: 0px 0px 20px; }
  .hp4Section7 { padding: 70px 0px; }
  .hp4s7Box { padding: 15px 10px; }
  .hp4sTitle { font-size: 18px; padding: 30px 0px 10px; }
  .hp4s8Content2 { padding-left: 20px; }
  .hp4Section9 { padding: 70px 0px; }
  .hp4Section10 { padding: 70px 0px; }
  .hp5s1Text ul, .hp5s4Text ul { padding: 0px 0px 20px !important; }
  .hp5s5Count { font-size: 80px; left: -45px; }
  .hp5s7Content { padding: 0px 0px 0px 20px; }
  .hp22s2Title { font-size: 20px; max-width: 100%; padding-bottom: 20px; }
  .hp22s3Img { margin: 0px 0px 25px; }
  .rightImg .hp22s3Img { margin: 25px 0px 0px; }
  .hp22s3Text { padding: 0px 0px 10px; }
  .hp22s3Title2 { font-size: 36px; }
  .hp22s3Text2 { font-size: 18px; }
   .hp22SubHeading, .hp22s10Text { font-size: 16px; }
  .hp22s4Wraper, .hp22s5Wraper { gap: 30px; margin-right: -30px; }
  .hp22s4Box { flex: 0 0 calc(25% - 30px); }
  .hp22s5Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s4Content, .hp22s5Content { padding: 20px 0px; }
  .hp22s7Box { padding: 35px 20px 30px; }
  .hp22s7Content { padding: 60px 0px 0px; }
  .hp22s7Title { font-size: 18px; font-weight: 600; }
  .indal-cont { padding: 0px 25px; }
  .hp22s10Img { margin-bottom: 25px; }
  .rightImg .hp22s10Img { margin-top: 25px; }
  .hp22s12Title2 { padding-bottom: 35px; }
  ul.hp22s12List li { margin-bottom: 25px; font-size: 18px; }
  .hp22s13Content { max-width: unset; padding-bottom: 20px; }
  .hp22Form { max-width: unset; margin: 0px 0px 30px; }
  .hp22s14FAQs { max-width: unset; }
  .hp22s15Arrows { padding: 20px 0px; }
  .hp22s17Wraper { gap: 30px; margin-right: -30px; }
  .hp22s17Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s17Content { padding: 25px; }
  .hp22s18Wraper { gap: 30px; margin-right: -30px; }
  .hp22s18Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s18Content { padding: 20px 0px 0px; }
  .hp22s18Title { font-size: 18px; }
  .hp22s21Form { margin-top: 25px; }
  .hp22s21Content { max-width: unset; }
  .hp22s21Text { font-size: 16px; padding: 0px 0px 15px; }
  .hp22s22Form { padding: 30px 40px; }
  .hp22s0Box { position: relative; margin-top: -130px; bottom: unset; right: unset; float: right; background: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 15px; max-width: 360px; }
  .cu5s1Box { padding: 50px 35px; border-radius: 40px; font-size: 16px; line-height: 24px; }
  .cu5s2Title { font-size: 30px; }
  .cu5s2SubTitle { padding-bottom: 30px; }
  .cu5s2Title2, .cu5s2SubTitle4, .cu5s2Title3 { padding: 30px 0px 5px; }
  .cu5s2Title2, .cu5s2Title3, .cu5s2SubTitle4 { font-size: 22px; }
  ul.cu5s2SocialLink li { margin-right: 10px; }
  ul.cu5s2SocialLink li a { width: 60px; height: 60px; line-height: 58px; }
  .cu5s5Name { font-size: 18px; padding: 20px 0px 5px 20px; }
  .cu5s5Des { font-size: 16px; padding-left: 20px; }
  .cu5s6Text { font-size: 16px; }
  .cu5s8Img, .cu5s10Img { width: 50px; }
  .cu5s8Content, .cu5s10Content { width: calc(100% - 50px); padding-left: 10px; }
  .cu5s11Title { font-size: 20px; }
  .cu5s6Title, .cu5s7Title { font-size: 20px; }
  .cu5s2SubHeading { padding-bottom: 25px; }
  .cu5s2Form input[type=&quot;text&quot;], .cu5s2Form input[type=&quot;email&quot;], .cu5s2Form textarea { padding: 15px; font-size: 16px; }
  .cu5s3Form { padding: 40px; }
  .cu5s3Form label { font-size: 16px; }
  .cu5s4Form { padding: 30px; }
  .cu5s4Form input[type=&quot;text&quot;], .cu5s4Form input[type=&quot;email&quot;], .cu5s4Form textarea { padding: 15px; font-size: 16px; }
  .cu5s4Form textarea { height: 120px; }
  .cu5s5Box { padding: 30px; min-height: 690px; background-size: 260px auto; }
  .cu5s5Text { max-width: 230px; font-size: 14px; line-height: 21px; padding: 20px; }
  .cu5s7SubHeading { padding-bottom: 30px; }
  .cu5s7Box { padding-bottom: 10px; }
  .cu5Section9 iframe, .cu5s10Map iframe { height: 450px; }
  .cu5s9SubHeading { padding: 25px; line-height: 26px; }
  .cu5s11Content { bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 15px; }
  .cu5s12SubHeading { padding-bottom: 30px; }
  .au7s3Title, .au7s4Title { font-size: 22px; }
  .au7s2Tag { margin-top: 30px; }
  .au7s5Title { font-size: 34px; }
  .au7s5Text { font-size: 16px; }
  .au7s6Title { font-size: 18px; }
  .au7s7Title { font-size: 24px; }
  .au7s8Wraper { padding-top: 30px; }
  .au7s9Content { padding: 15px 0px 0px; }
  .au7s9Title { font-size: 18px; }
  .au7s10Text { padding: 0px; }
  .au7s11Content { bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 15px; }
  .au7s11Title { font-size: 18px; }
  .au7s11Email { width: 48px; height: 48px; line-height: 46px; }
  .au7Section11 .row.paddTop, .au7Section12 .row.paddTop { padding-top: 30px; }
  .au7s12Title { font-size: 20px; padding: 10px 0px 0px; }
  .au7s13Box { max-width: 100%; }
  .au7s13Box2 { margin-top: 30px; }
  .au7s14Box { padding: 70px 25px; background-size: 270px auto; }
  .au7s14Text { font-size: 18px; max-width: 340px; min-height: 340px; }
  .au7s14Name { max-width: 120px; font-size: 22px; }
  .au7s6Box { padding: 20px 15px 20px 0px; }
  .au7s6Img { width: 90px; height: 90px; line-height: 90px; }
  .au7s6Content { padding-left: 10px; }
}
@media (max-width: 1000px) {
  .indal-hint { display: none; }
  .indal-cont .name, .indal-cont .text, .indal-cont .link { opacity: 1; animation: auto ease 0s 1 normal none running none !important; }
  .indal-list ul { margin-left: 0px; margin-top: -12px; flex-wrap: wrap; }
  .indal-list li { margin-top: 12px; margin-left: 0px; top: 0px !important; }
  .indal-list li img, .indal-list li { height: auto; position: relative; width: 100% !important; }
  .indal-list { margin-top: 50px; }
  .indal-list li::after { content: &quot;&quot;; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgba(0, 0, 0, 0.3); }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm { display: none !important; }
  .visible-sm { display: block !important; }
  ul.productSliderPager .slick-slide { max-height: 140px; }
  .pd6liderWraper ul.productSliderPager .slick-slide { max-height: 125px; }
  .au6s2Box { padding: 70px 10px 20px; }
  .hp14s4Box { max-width: 375px; }
  .hp20s8Text { min-height: 240px; }
  .pc9Banner .pc9BannerContent { max-width: 750px; }
  .pc3Banner .bannerContent { max-width: 750px; }
  .pc3s9BoxWraper { flex: 0 0 calc(50% - 30px); margin-bottom: 30px; }
}
@media (max-width: 991px) {
  .responsiveMargin { margin-top: 30px; }
  .faqWrapper { margin: 0px auto; }
  .footer-adv-overlay .col1 { margin-bottom: 30px; }
  .dblBtn a.commonBtn { margin: 0px 10px; }
  .bannerWraper .bannerContent { margin-top: 4%; }
  .pc3Banner .bannerContent { margin-top: 0px; }
  .formSection::before { display: none; }
  .contactPageWraper { background: rgb(245, 245, 245); }
  .featuredTitle { padding-top: 20px; }
  .sec6Box { padding: 20px 20px 0px; }
  .sec5Box { margin: 0px 0px 30px; }
  .productContent { padding: 20px; }
  .faqWrapper { padding-left: 0px; }
  .cBannerContent { padding-top: 40px; padding-bottom: 40px; }
  .categoryFormSection { padding: 10px 0px; }
  .quickQuote { padding: 15px; }
  .cPageformSection::before { display: none; }
  .locationSection { padding-left: 15px !important; }
  .bannerWraper .bannerContent { max-width: 750px; }
  .bannerText { padding: 5px 0px 0px; }
  .xyzBanner .banerBtn { display: none; }
  .xyzBanner .banerText { padding: 30px 0px 0px; }
  .about2Banner .bannerContent { padding-top: 9%; }
  .about2SecBoxWrapper::before { display: none; }
  .timelineWrapper::before { display: none; }
  .timelineBox { margin: 0px 0px 30px; }
  .timelineBox::before, .timelineBox::after { display: none; }
  .timelineBoxLeft .timelineTitle, .timelineBoxLeft .timelineText { text-align: left; }
  .LP2ProductImg, .LP2ProductContent { width: 100%; float: none; }
  .LP2ProductContent { padding: 30px 0px 0px; }
  .LP2ProductImg { max-width: 370px; }
  .pc2BannerBtn { display: none; }
  .taAboutTeamBox { margin-bottom: 60px; }
  .MThomeContactForm { padding: 0px 40px 55px; }
  .homeSliderLGTitle { font-size: 24px; line-height: 24px; padding: 12px 10px; }
  .homeSliderLGTitle::before, .homeSliderLGTitle::after { display: none; }
  .page-template-template-home4 .site-content h1, .page-template-template-home4 .site-content h2 { font-size: 38px !important; }
  .h5TabsWrapper ul.tabs li { margin-bottom: 15px; }
  .cu4contactForm, .cu4contactDetails { float: none; width: 100%; }
  .h5section1 { margin-top: 50px; }
  .pc4quickQuote { padding: 15px; }
  .hp6Section1 { padding: 70px 0px; }
  .hp6s1Text { margin-bottom: 25px; }
  .hp6s1Title { font-size: 30px; padding-bottom: 5px; }
  .hp6s1Btn { padding-top: 15px; }
  .hp6Section2 { padding: 70px 0px 40px; }
  .hp6s2Row1, .hp6s4Row1 { margin-bottom: 10px !important; }
  .hp6s2Content { padding: 10px 10px 15px; }
  .hp6Section3 { padding: 70px 0px 0px; }
  .hp6Section3 h2 { margin-bottom: 40px !important; }
  .hp6s3Title { font-size: 22px; margin-bottom: 15px; }
  .hp6Section4 { padding: 70px 0px 40px; }
  .hp6s4Title { bottom: 10px; left: 10px; }
  .hp6Section5 { padding: 70px 0px 40px; }
  .hp6s5Title { bottom: 30px; padding-top: 25px; }
  .hp6Section6 { padding: 50px 0px 70px; }
  .hp6s6Tag { margin-top: 40px; }
  .hp6Section7 { padding: 70px 0px 60px; }
  .hp6s7Content { padding: 15px 0px 0px; }
  .hp6s7Title { font-size: 20px; padding: 10px 0px 8px; }
  .hp6Tabs .tab-content.current { padding-top: 30px; }
  .pd7s8Box { padding: 15px; }
  .pd7s8Box &gt; a { padding-left: 95px; }
  .pd7s8DTitle { font-size: 20px; }
  .pd7s8Text { font-size: 26px; line-height: 36px; }
  .lp6Section1 h1 { font-size: 36px !important; }
  .lp6s2Heading { font-size: 26px; margin-bottom: 10px; }
  .lp6s1SubHeading { font-size: 20px; }
  .hp7s2Video { position: relative; left: 0px; width: 100%; margin-top: 30px; }
  .hp7s2Video a::after { display: none; }
  .hp7s2Video a::before { left: 50%; }
  .hp8s11Content { padding: 10px; }
  .hp8QuickQuote { padding: 20px; }
  .hp8s7Text { min-height: auto; }
  .hp9s6VideoWraper { text-align: center; }
  .hp9s8Content { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
  .pc6s1Box { padding: 80px 15px 15px; }
  .pc6s4Box { padding: 15px; }
  .pc6BannerContent { position: relative; top: inherit; margin-top: -40px; max-width: 570px; padding: 15px; box-shadow: rgb(239, 239, 239) 0px 0px 4px 2px; }
  .pc5ScrollSection { display: none; }
  .hp11s4Box { display: block; }
  .hp11s4Box1 { display: block; width: 100%; padding: 60px; }
  .hp11s4Box2 { padding: 0px 60px; }
  .hp11s4Box2Content { padding: 60px 0px 0px; }
  .hp11s6Box { margin: 0px; max-width: 670px; }
  .hp11s8Brands ul li { max-width: 140px; }
  .hp11s10Box { display: block; max-width: 570px; margin: 0px auto; }
  .hp11s10Left, .hp11s10Right, .lp7s7Box, .lp7s5Box1, .lp7s5Box2 { display: block; width: 100%; }
  .hp11s10Right { padding: 25px; }
  .hp11Section8 { text-align: center; }
  .hp11s8Brands ul li { margin-bottom: 10px; }
  .hp11FAQs .accordion { text-transform: none; letter-spacing: 0px; }
  .lp7s7Box, .lp7s5Box1 { padding: 25px; }
  .lp7s1Text, .lp7s3Title, .hp11s3Title, .lp7s7Text, .lp7s6Title a { text-transform: none; }
  .hp12Section6Content, .hp12s8Content { padding: 0px 0px 0px 15px; }
  .hp12s7Content { padding-top: 0px; }
  .hp12s7List { padding: 10px 0px; }
  .hp12Section7::before { width: 95%; }
  .hp12s7List ul li, .hp12s8Content ul li { margin-bottom: 10px; font-size: 14px; }
  ul.hp12s9List li { margin: 0px 10px 10px; padding: 15px 5px; font-size: 16px; }
  .hp12s10Box { border-radius: 10px; padding: 10px; }
  ul.hp12s12brands { text-align: center; }
  ul.hp12s7Slider .slick-arrow { bottom: -65px; }
  .hp13s3List { padding-top: 0px; }
  ul.hp13s3Slider .slick-arrow { bottom: -60px; }
  .hp13s1wrapper { margin-top: 60px; }
  .hp13s4Title { padding: 25px 0px 15px; }
  .hp13s4Text { padding: 0px; }
  .hp13s6Box { padding: 20px; }
  .hp14s1Box { max-width: 100%; }
  .hp14Tabs ul.tabs { margin: 10px 0px 0px !important; }
  .hp14Section2 { margin-bottom: 80px; }
  .hp14Section6 { margin: 80px 0px; }
  .hp14Section9 { margin-bottom: 70px; }
  .hp14s3Text { padding: 20px 0px; }
  .hp14Section5::before { width: 100%; height: 46%; }
  .hp14s10Title a { font-size: 18px; }
  .hp14Section12 { padding: 80px 0px; text-align: center; }
  .hp14s12Btn { text-align: center; margin-top: 30px; }
  .hp14Section3::before { width: 55%; }
  .hp14Section8 { border-radius: 0px; }
  .hp14Section1 { margin-top: 60px; }
  .hp15s1Text { margin-top: 30px; }
  .hp15s1Text ul li { margin-bottom: 10px; }
  .hp15s2Title { font-size: 20px; font-weight: 600; }
  .hp15s2Text { font-weight: 400; }
  .hp15Section4::before { width: 100%; height: 460px; }
  .hp15s4Box::before { font-size: 40px; }
  .hp15s4Content { position: relative; color: rgb(58, 60, 81); padding: 20px 0px 0px; }
  .hp15s4Title a { color: rgb(58, 60, 81); }
  .hp15Section5 { padding: 50px 0px; }
  .hp15s4Box { margin-bottom: 0px; }
  ul.hp15brands li { margin-bottom: 10px; }
  .hp15s8Title, .hp15PostTitle a { font-size: 20px; }
  .hp15s8Title { min-height: 60px; }
  .hp15s7Box2 { margin-top: 30px; }
  .hp16Section1 { padding: 70px 0px 30px; }
  .hp16s1Content { padding: 0px 0px 0px 15px; }
  .hp16Section2 { padding-bottom: 70px; }
  .hp16s2Box { max-width: 360px; }
  .hp16s3RowRight .hp13s3Content { padding-left: 15px; }
  .hp16s3Row { padding-bottom: 70px; }
  .hp16Section4 { border-radius: 0px; padding: 40px 0px; }
  .hp16s3Btn { padding-top: 20px; }
  .hp16s3Content h4 { margin-top: 0px; }
  .hp16s3Text { max-width: 100%; }
  .hp16Section5 { margin: 70px 0px; }
  .hp16s5Content { padding: 0px 0px 0px 15px !important; }
  .hp16s5Text ul { margin: 25px 0px 15px !important; }
  .hp16s5Text ul li { padding-left: 15px; font-size: 16px; }
  .hp16s5Text ul li::before { top: 3px; }
  .hp16Section6 { padding: 55px 0px 50px; }
  .hp16s6Title { padding: 20px; font-size: 16px; }
  .hp16Section7 { padding: 70px 0px; }
  .hp16s7Box { margin-top: 50px; }
  .hp16s8Content { padding: 30px; }
  .hp16Section9 { padding: 40px 0px 50px; }
  .hp16s3RowRight .hp16s3Content { padding-left: 0px; }
  .pc3BannerDetails br { display: none; }
  .footer-adv-overlay .widget-title { margin: 20px 0px 25px !important; }
  .hp18Section1 { margin-top: 60px; }
  .hp18s1Btn { padding: 0px; }
  .hp18s2Box { padding: 15px; }
  .hp18s3Title { font-size: 20px; }
  .hp18s4Tabs ul.tabs li { font-size: 16px; margin: 0px 30px 0px 0px; padding-bottom: 10px; }
  .hp18s4Text { padding: 0px; }
  .hp18s5Title { padding: 0px 0px 25px 15px; font-size: 18px; }
  .hp18FAQs .accordiaBox { padding: 20px 0px; }
  .hp18FAQs .accordion { padding: 0px 30px 0px 50px; font-size: 18px; font-weight: 400; }
  .hp18FAQs .accordion::before { font-size: 18px; font-weight: 500; }
  .hp18FAQs .accordion::after { top: 2px; }
  .hp12s3Img, .hp12s3Content { width: 100%; padding: 0px 30px; }
  .pc8Products { width: 100%; padding: 0px; }
  .pc8SidebarInner { width: 270px; display: inline-block; }
  .pc8Sidebar { width: 100%; padding: 50px 0px; }
  .pc8ScrollLink ul li { margin-bottom: 6px; }
  .hp19Section1 { padding: 80px 0px; }
  .hp19Section1::before { display: none; }
  .hp19Section2 { padding-bottom: 60px; }
  .hp19Section3 { padding: 70px 0px 50px; }
  .hp19s3Box { min-height: 150px; margin-bottom: 20px; }
  .hp19Section4 { padding: 80px 0px; }
  .hp19s4SubHeading { padding-bottom: 20px; }
  .hp19s4Btn { padding-bottom: 20px; }
  .hp19Section5 { padding-bottom: 70px; }
  .hp19s5Text { padding: 0px; }
  .hp19s5Box { padding-bottom: 20px; }
  .hp19Section6 { padding: 70px 0px; }
  .hp19Section7 { padding: 70px 0px; }
  .hp19s7Text { padding: 0px 0px 10px; margin-bottom: 40px; }
  .hp19FAQs .accordiaBox { padding: 20px 0px; }
  .hp19FAQs .accordion { padding: 0px 30px 0px 40px; font-size: 18px; }
  .hp19FAQs .accordion::before { font-size: 18px; }
  .hp19Section8 { padding: 70px 0px 50px; }
  .hp19s8Content { padding: 15px 75px 0px 0px; }
  .hp19s8Title { font-size: 18px; }
  .hp19Section9 { padding: 70px 0px; }
  .hp20Section1 { padding: 80px 0px; }
  .hp20s1Content { padding-left: 0px; }
  .hp20Section2 { padding-bottom: 80px; }
  .hp20Section3 { padding: 80px 0px 50px; }
  .hp20s3Box { padding: 15px; }
  .hp20s3Img { margin-bottom: 10px; }
  .hp20s3Title { font-size: 16px; margin-bottom: 10px; }
  .hp20Section4 { padding: 80px 0px 40px; }
  .hp20s4SubHeading { margin: 0px auto 20px; }
  .hp20s4Title { font-size: 18px; }
  .hp20Section5 { padding: 80px 0px; }
  .hp20Section6 { margin-bottom: 80px; }
  .hp20Section7 { padding: 60px 0px 70px; }
  .hp20FAQs { padding-left: 15px; }
  .hp20Section8 { padding: 80px 0px; }
  .hp20s8Box { padding: 15px; }
  .hp20Section9 { padding: 100px 0px 70px; }
  .hp20Section10 { padding: 70px 0px; }
  .hp20s1Text, .hp20s5Text { padding: 10px 0px; }
  .hp20s4ListWraper { margin-top: 30px; }
  .hp20Section7 h2 { margin-top: 0px; }
  .pc9BannerHeading { font-size: 40px; line-height: 48px; }
  .pc9BannerText { padding: 0px 0px 20px; }
  .pc9Section1 { padding: 70px 0px 40px; }
  .pc9s1Content { padding: 10px 20px 15px; }
  .pc9s1Title { font-size: 18px; }
  .pc9s1Btn, .pc9s3Btn { text-align: left; padding-top: 20px; }
  .pc9Section2 { padding: 80px 0px 65px; }
  .pc9Section3 { padding: 70px 0px; }
  .pc9s3Content { padding: 10px 15px 40px; }
  .pc9s3Title { font-size: 18px; }
  .pc9Section4 { padding-bottom: 80px; }
  .pc9s4Content { max-width: 100%; }
  .pc9s4Text { padding: 0px 0px 10px; }
  .pc9Section5 { padding: 70px 0px; }
  .pc9s5Content { padding: 30px 0px 0px; }
  .pc9Section5 h2 { padding-bottom: 20px; }
  .pc9Section6 { padding: 70px 0px; }
  .pc9Section7 { padding: 75px 0px 50px; }
  .pc9s7Box { border-width: 3px; border-radius: 20px; padding: 30px 25px 45px; }
  .pc9s7Content { padding: 25px 0px 0px; }
  .pc9Section8 { padding: 70px 0px 50px; }
  .pc9Tabs ul.tabs li { min-width: auto; padding: 12px 25px; margin: 0px 10px; }
  .pc9Tabs ul.tabs { padding: 0px 0px 30px !important; }
  .pc9Section9 { padding: 70px 0px 50px; }
  .pc9s9Btn { text-align: left; padding-top: 20px; }
  .pc9s9Row1 { padding-bottom: 40px; }
  .pc9Testimonial { padding: 50px 20px 25px; border-radius: 20px; max-width: 100%; }
  .pc9Testimonial::before { top: 10px; left: 25px; width: 50px; height: 39px; background-size: 100% auto; }
  .pc9s9Box { margin: 30px 0px 20px; }
  .pc9Section10 { padding-bottom: 100px; }
  ul.pc9s10Brands { padding: 0px !important; }
  ul.pc9s10Brands li { margin: 0px 5px 10px; }
  .pc9Section11 { padding: 70px 0px 60px; }
  .pc9Section12 { padding: 70px 0px 50px; }
  .pc9s12Box { padding: 15px; }
  .pc9s12Content { padding-top: 15px; }
  .pc9s12Title { font-size: 18px; }
  .page-template-template-home21 h2 { font-size: 40px; }
  .hp21Section1 { padding: 80px 0px 100px; }
  .hp21s1Content { max-width: 100%; float: none; }
  .hp21s2Content { margin-top: 10px; }
  .hp21Section2 { padding: 0px 0px 70px; }
  .hp21s2Box { padding: 15px; width: 50%; }
  .hp21s2Title { font-size: 18px; }
  .hp21Section3 { padding: 70px 0px 100px; }
  .hp21Section3 h2 { padding-bottom: 10px; }
  .hp21s3Box { padding: 15px; min-height: 310px; }
  .hp21s3Title { font-size: 18px; padding: 20px 0px 15px; margin-bottom: 15px; }
  .hp21Section4 { padding: 70px 0px; }
  .hp21s4Slider .slick-arrow { bottom: 50%; }
  .hp21s4Slider .slick-next { left: auto; right: -30px; }
  .hp21s4Slider .slick-prev { left: -30px; }
  .hp21s4Content { padding: 40px 30px; }
  .hp21Section5 { padding: 70px 0px; }
  .hp21s5Box { padding: 15px; }
  .hp21Section6 { padding: 70px 0px; }
  .hp21s6SubHeading { padding: 10px 0px 40px; }
  .hp21s6Content { padding: 30px; }
  .hp21Tabs ul.tabs li { padding-right: 40px; font-size: 16px; }
  .hp21Tabs ul.tabs li span { font-size: 30px; }
  .hp21Section7 { padding: 70px 0px; }
  .hp21Section8 { padding: 70px 0px 50px; }
  .hp21s8Box { padding: 15px; }
  .hp21s8Content { padding: 15px 0px 0px 15px; }
  .hp21s8Name { font-size: 18px; }
  .hp21s8Text { margin-top: 25px; min-height: 110px; }
  .hp21s9Img { padding: 50px 0px 0px; }
  .hp21s9Box { padding-top: 85px; padding-bottom: 35px; padding-left: 50px; }
  .hp21s9Img { padding: 0px; }
  .hp21Section9 { padding-top: 50px; }
  .hp21Section7::before { display: none; }
  .pc3Section1 { padding: 50px 0px 70px; }
  .pc3s1Content { padding-left: 0px; }
  .pc3Section2 { padding: 50px 0px 70px; }
  .pc3Section3 { padding-top: 70px; }
  .pc3Section4 { padding: 70px 0px; }
  .pc3Section10 h2 { padding-bottom: 0px; }
  .pc3s4Box { flex: 0 0 calc(33.33% - 30px) !important; }
  .pc3s4img { margin: 15px 0px; }
  .pc3s4Content { padding: 15px 10px; }
  .pc3s4Title { font-size: 16px; }
  .pc3Section5 { padding: 70px 0px 50px; }
  ul.pc3s5Slider li { margin: 0px 15px; }
  .pc3Section5 { padding: 70px 0px 50px; }
  .pc3s5Content { padding: 20px 15px; }
  .pc3s5Btn a { padding: 12px; }
  .pc3Section6 { padding: 70px 0px 60px; }
  .pc3s6Box { padding-bottom: 0px; }
  .pc3s6Title { font-size: 18px; padding: 30px 0px 10px; }
  .pc3Section7 { padding: 70px 0px 40px; }
  .pc3s7Box { padding-bottom: 0px; }
  .pc3Section8 { padding: 20px 0px 70px; }
  .pc3s8Text { padding: 0px 0px 10px; }
  .pc3s9Box { padding: 30px 20px 20px; }
  .pc3Section9 { padding: 70px 0px 35px; }
  .pc3Section10 { padding: 70px 0px 40px; }
  .pc3Section11 { padding: 50px 0px; }
  .pc3s11Box { padding: 15px; }
  .pc3s11Content { padding-left: 15px; }
  .pc3s11Title { font-size: 20px; }
  .pc3s11Text { margin-bottom: 20px; }
  a.supportBtn { margin-left: 15px; }
  .pc3s11Form::before { display: none; }
  .pc3s11Form { padding: 35px 15px 15px; }
  .pc3s11Form button[type=&quot;submit&quot;] { padding: 14px; }
  .pc3Section12 { padding: 60px 0px; }
  .pc3Banner .bannerBtn { padding-top: 0px; }
  .pc3Section14 { padding: 80px 0px 50px; }
  .pc3tabs ul.tabs li { padding: 12px 25px; min-width: auto; }
  .pc3tabs .tab-content { padding-top: 50px; }
  .pc3Section15 { padding: 50px 0px 70px; }
  .pc3Section16 { padding: 70px 0px; }
  .pc3FAQs .accordiaBox { padding: 0px 0px 0px 125px; }
  .pc3FAQs .accordiaBox::before { font-size: 18px; padding-top: 20px; }
  .pc3FAQs .accordion { font-size: 18px; padding: 20px 90px 20px 0px; }
  .pc3FAQs .accordion::before { top: 20px; }
  .pc3Section17 { padding: 70px 0px; }
  .pc3Section18 { padding: 70px 0px; }
  .pc3s18FAQs { padding: 10px 20px; }
  .pc3s18FAQs .accordion, .pc3s18FAQs .accordiaBox.active .accordion { padding: 20px 15px 20px 0px; }
  .pc3s18FAQs .accordion::before { top: 20px; }
  .pc3s18Form { max-width: 100%; margin-top: 30px; }
  .hp1s2Box1 { padding: 30px; min-height: auto; margin-bottom: 20px; }
  .hp1s6Content { padding-left: 20px; }
  .hp1s6Box { padding-bottom: 15px; }
  .hp1s6Text { padding: 0px; }
  .hp1s9Box { padding: 15px 10px; }
  .hp1s2Wraper { padding: 70px 0px 40px; }
  .hp1Section4 { padding: 70px 0px; }
  .hp1s4Conetnt { max-width: 500px; }
  .hp1s4Text { padding: 0px 0px 30px; }
  .hp1Section5 { padding: 70px 0px 40px; }
  ul.hp1s5List li { width: 50%; }
  ul.hp1s5List li::before { display: none; }
  .hp1Section7 { padding: 70px 0px; }
  .hp1s7Text { padding: 0px 0px 40px; }
  .hp1Section8 { padding: 70px 0px 40px; }
  .hp1Section8 h2 { padding-bottom: 10px; }
  .hp1s8Box { padding: 0px 0px 0px 60px; }
  .hp1Section9 { padding: 70px 0px 10px; }
  .hp1s9SubHeading { padding-bottom: 250px; }
  .hp1Section10 { padding: 70px 0px 220px; }
  .hp1Section11 { padding: 55px 0px 40px; }
  .hp1Section12 { padding: 70px 0px 45px; }
  .hp1Section12 h2 { padding: 0px 0px 10px; }
  .hp1s12Content { width: 100%; padding: 0px 15px 5px; }
  .hp1s12Date { width: 100%; padding: 0px 15px 10px; }
  .hp1Section13 { padding: 70px 0px; }
  .hp1s13Text { padding: 0px 0px 30px; }
  .hp2Section1 { margin-bottom: 0px; }
  .hp2Section1::before { display: none; }
  .hp2s1Box { padding: 10px; margin: 0px; }
  .hp2s1Img { padding-top: 50px; }
  .hp2s1SubHeading { padding-bottom: 35px; }
  .hp2Section2 { padding: 70px 0px; }
  .hp2s2Img::before { top: -20px; right: -20px; height: calc(100% + 40px); }
  .hp2s3Title { padding-top: 50px; font-size: 50px; }
  .hp2Section4 { padding: 70px 0px 50px; }
  .hp2Section5 { padding: 70px 0px; }
  .hp2Section6 { padding: 70px 0px; }
  .hp2s7Box { margin-bottom: 0px; }
  .hp2s7Content { padding: 15px 10px 0px; }
  .hp2Section8 { padding: 70px 0px 30px; }
  .hp2Section10 { padding: 70px 0px; }
  ul.hp2s10Slider { padding: 25px 10px !important; margin: 30px 0px 0px !important; }
  .hp2s11Content { padding: 0px 15px; }
  .hp2Section12 { padding: 70px 0px; }
  .hp2FAQs .accordion { padding: 15px 40px 15px 20px; }
  .hp2s13Content { padding-left: 15px; }
  .hp2s13Link { padding-top: 20px; }
  .hp2Section13 { padding-bottom: 70px; }
  .hp2s13Box2 { max-width: 100%; float: none; padding: 25px 0px; }
  .hp2s13Img2 { float: left; width: 330px; }
  .hp2s13Content2 { padding: 0px 0px 0px 35px; width: calc(100% - 330px); float: left; }
  .hp2Section14 { padding: 80px 0px; }
  .hp3s1Btn { text-align: left; }
  .hp3s2Content { padding: 60px 0px 0px; }
  .hp3s2Text { padding-top: 0px; }
  .hp3s2Text ul { padding: 10px 0px 0px !important; }
  .hp3Section2 { padding: 70px 0px 100px; }
  .hp3Section3 { padding: 70px 0px 40px; }
  .hp3s3Content { padding: 20px 15px 30px; }
  .hp3s3Title { font-size: 20px; }
  .hp3Section4 { padding: 70px 0px; }
  .hp3Section5 { padding: 70px 0px; }
  .hp3s5Title { font-size: 18px; }
  .hp3tabs ul.tabs li { font-size: 16px; margin-left: 18px; }
  .hp3s6Box { margin-bottom: 0px; }
  .hp3s6Title { font-size: 16px; padding: 10px 0px; }
  .hp3s6Location, .hp3s6TOP { padding: 15px 10px; }
  .hp3Section7 { padding: 70px 0px 50px; }
  .hp3s7Btn { padding-bottom: 20px; }
  .hp3s8Text ul li { padding-left: 55px; margin-bottom: 15px; }
  .hp3Section9 { padding: 70px 0px 30px; }
  .hp3s9SubHeading { padding-bottom: 20px; }
  .hp3s9Box { padding: 20px; }
  .hp3s9Title { font-size: 20px; padding: 40px 0px 15px; }
  .hp3Form { padding: 50px 30px 35px; }
  .hp3FormTitle { font-size: 30px; padding-bottom: 20px; }
  .hp3Section10 { padding: 30px 0px 100px; }
  .hp3s10Content { padding: 60px 0px 0px 40px; }
  .hp3s10Img { top: -20px; right: -110px; }
  .hp4Section1 { padding: 70px 0px 0px; }
  .hp4s1Text { padding: 5px 0px 10px; }
  .hp4s1Img { margin-top: 30px; }
  .hp4s1Img2 { max-width: 300px; }
  .hp4Section2 { padding: 70px 0px 35px; }
  .hp4Section3 { padding: 40px 0px 50px; }
  .hp4s3Title { font-size: 18px; padding-top: 20px; }
  .hp4Section4 .pc3BannerHeading { font-size: 36px; }
  .hp4Section4::before, .hp4Section8::before { display: none; }
  .hp4Section5 { padding: 70px 0px; }
  .hp4s5Btn { padding-bottom: 30px; text-align: left; }
  .hp4s1SubHeading, .hp4s3SubHeading, .hp4s5SubHeading { padding-bottom: 30px; }
  .hp4s5Title { font-size: 20px; padding: 15px 0px 0px; }
  .hp4s6SubHeading { padding: 0px 0px 20px; }
  .hp4Form { padding-left: 0px; margin-top: 30px; }
  .hp4Section7 { padding: 70px 0px; }
  .hp4s7Box { padding: 15px 10px; margin-bottom: 50px; }
  .hp4sTitle { font-size: 18px; padding: 30px 0px 10px; }
  .hp4s8Content2 { padding-left: 20px; }
  .hp4Section9 { padding: 70px 0px; }
  .hp4Section10 { padding: 70px 0px; }
  .pc3s4aBtn { padding-bottom: 25px; }
  .hp5Section1 { padding: 70px 0px; }
  .hp5s1Text ul, .hp5s4Text ul { padding: 10px 0px 20px !important; }
  .hp5s2Btn { text-align: left; }
  .hp5Section2 { padding-bottom: 50px; }
  .hp5Section3 { margin-bottom: 80px; }
  .hp5s3Title { font-size: 30px; }
  .hp5Section4 { padding: 0px 0px 80px; }
  .hp5s1Content, .hp5s4ContentLeft, .hp5s4ContentRight { max-width: 100%; }
  .hp5Section5 { padding: 10px 0px 50px; }
  .hp5s5Content { padding-top: 50px; }
  .hp5s5Count { font-size: 60px; left: -30px; }
  .hp5Section6 { padding: 70px 0px; }
  .hp5Form { max-width: 100%; float: none; }
  .hp5Section7 { padding: 70px 0px 20px; }
  .hp5Section7 h2 { padding-bottom: 10px; }
  .hp5s7Content { padding: 50px 50px 0px; }
  .hp22s1Box { text-align: center; }
  .hp22s1Img { float: none; width: unset; }
  .hp22s1Content { width: unset; float: unset; padding: 15px 0px 0px; }
  .hp22s1Title { font-size: 18px; }
  .hp22s2Title { font-size: 20px; max-width: 100%; padding-bottom: 20px; }
  .hp22s3Img { margin: 0px 0px 25px; }
  .rightImg .hp22s3Img { margin: 25px 0px 0px; }
  .hp22s3Text { padding: 0px 0px 10px; }
  .hp22s3Title2 { font-size: 36px; }
  .hp22s3Text2 { font-size: 18px; }
   .hp22SubHeading, .hp22s10Text { font-size: 16px; }
  .hp22s4Wraper, .hp22s5Wraper { gap: 20px; margin-right: -20px; }
  .hp22s4Box { flex: 0 0 calc(33.33% - 20px); }
  .hp22s5Box { flex: 0 0 calc(50% - 20px); }
  .hp22s4Content, .hp22s5Content { padding: 20px 0px; }
  .hp22s4Title, .hp22s5Title { font-size: 18px; }
  .hp22s7Box { padding: 35px 20px 30px; flex: 0 0 calc(50% - 20px); margin-bottom: 0px; }
  .hp22s7Content { padding: 60px 0px 0px; }
  .hp22s7Title { font-size: 18px; font-weight: 600; }
  .indal-cont, .hp22s8Link { padding: 0px 25px !important; }
  .hp22Section8 .indal-list li { height: auto; }
  .hp22s9Content, .hp22s9Btn { width: 100%; }
  .hp22s9Btn { text-align: left; margin-top: 20px; }
  .hp22s10Img { margin-bottom: 25px; }
  .rightImg .hp22s10Img { margin-top: 25px; }
  .hp22s11Title { font-size: 22px; font-weight: 600; }
  .hp22s11Box { padding: 25px; }
  .hp22s12Title2 { padding-bottom: 35px; }
  ul.hp22s12List li { margin-bottom: 25px; font-size: 18px; }
  .hp22s12Box { flex: 0 0 calc(50% - 30px); margin-bottom: 0px; }
  ul.hp22s12List li { width: 33.33%; }
  .hp22s13Content { max-width: unset; padding-bottom: 20px; }
  .hp2213FAQs .accordiaBox { padding-left: 70px; padding-bottom: 15px; }
  .hp2213FAQs .accordion { font-size: 20px; }
  .hp22Form { max-width: unset; margin: 0px 0px 30px; }
  .hp22s14FAQs { max-width: unset; }
  .hp22s15Arrows { padding: 20px 0px; }
  .hp22s15Box { padding: 25px; }
  .hp22s15Text { padding: 10px 0px 20px; font-size: 16px; line-height: 1.4; }
  ul.hp22s16SliderPager { padding: 50px 0px !important; }
  .hp22s16Content { max-width: unset; }
  .hp22s17Wraper { gap: 30px; margin-right: -30px; }
  .hp22s17Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s17Content { padding: 15px; width: 100%; }
  .hp22s17Title { font-size: 18px; font-weight: 600; }
  .hp22s17Link { display: none; }
  .hp22s18Wraper { gap: 30px; margin-right: -30px; }
  .hp22s18Box { flex: 0 0 calc(33.33% - 30px); }
  .hp22s18Content { padding: 20px 0px 0px; }
  .hp22s18Title { font-size: 18px; }
  .hp22s21Form { margin-top: 25px; }
  .hp22s21Content { max-width: unset; }
  .hp22s21Text { font-size: 16px; padding: 0px 0px 15px; }
  .hp22s22Form { padding: 30px 40px; }
  .hp22s0Box { position: relative; margin-top: -130px; bottom: unset; right: unset; float: right; background: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 15px; max-width: 260px; }
  .hp22s0Title { margin-top: 8px; }
  .hp22s0Title a { padding: 9px 0px 9px 70px; font-size: 14px; }
  .hp22s3Text, .hp22s3Readmore { font-size: 16px; }
  .cu5s1Box { padding: 50px 35px; border-radius: 40px; font-size: 16px; line-height: 24px; }
  .cu5s2Title { font-size: 30px; }
  .cu5s2SubTitle { padding-bottom: 30px; }
  .cu5s2Title2, .cu5s2SubTitle4, .cu5s2Title3 { padding: 30px 0px 5px; }
  .cu5s2Title2, .cu5s2Title3, .cu5s2SubTitle4 { font-size: 22px; }
  ul.cu5s2SocialLink li { margin-right: 10px; }
  ul.cu5s2SocialLink li a { width: 60px; height: 60px; line-height: 58px; }
  .cu5s5Name { font-size: 18px; padding: 20px 0px 5px 20px; }
  .cu5s5Des { font-size: 16px; padding-left: 20px; }
  .cu5s6Text { font-size: 16px; }
  .cu5s8Img, .cu5s10Img { width: 50px; }
  .cu5s8Content, .cu5s10Content { width: calc(100% - 50px); padding-left: 10px; }
  .cu5s11Title { font-size: 18px; }
  .cu5s6Title, .cu5s7Title { font-size: 20px; }
  .cu5s2SubHeading { padding-bottom: 25px; }
  .cu5s2Form input[type=&quot;text&quot;], .cu5s2Form input[type=&quot;email&quot;], .cu5s2Form textarea { padding: 15px; font-size: 16px; }
  .cu5s3Form { padding: 40px; }
  .cu5s3Form label { font-size: 16px; }
  .cu5s4Form { padding: 30px; }
  .cu5s4Form input[type=&quot;text&quot;], .cu5s4Form input[type=&quot;email&quot;], .cu5s4Form textarea { padding: 15px; font-size: 16px; }
  .cu5s4Form textarea { height: 120px; }
  .cu5s5Box { padding: 30px; min-height: 550px; max-width: 100%; margin-top: 20px; background-size: 280px auto; }
  .cu5s5Text { max-width: 230px; font-size: 14px; line-height: 21px; padding: 20px; }
  .cu5s7SubHeading { padding-bottom: 30px; }
  .cu5s7Box { padding-bottom: 10px; }
  .cu5Section9 iframe, .cu5s10Map iframe { height: 450px; }
  .cu5s9SubHeading { padding: 25px; line-height: 26px; }
  .cu5s11Content { bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 15px; }
  .cu5s12SubHeading { padding-bottom: 30px; }
  .cu5s4Img { max-width: 100%; float: unset; text-align: center; margin-top: 25px; }
  .cu5s5SubHeading { padding-bottom: 35px; }
  .cu5s7Content { padding-left: 20px; }
  .cu5s9SubHeading { top: 5%; right: 5%; max-width: 450px; padding: 20px; line-height: 24px !important; }
  .cu5s10MapText { bottom: 5%; right: 5%; max-width: 450px; padding: 20px; line-height: 24px; }
  .pc3BannerHeading { font-size: 32px; margin-bottom: 10px !important; }
  .au7s3Title, .au7s4Title { font-size: 22px; }
  .au7s2Tag { margin-top: 30px; }
  .au7s5Title { font-size: 34px; }
  .au7s5Text { font-size: 16px; }
  .au7s6Title { font-size: 18px; }
  .au7s7Title { font-size: 24px; }
  .au7s8Wraper { padding-top: 30px; }
  .au7s9Content { padding: 15px 0px 0px; }
  .au7s9Title { font-size: 18px; }
  .au7s10Text { padding: 0px; }
  .au7s11Content { bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 15px; }
  .au7s11Title { font-size: 18px; }
  .au7s11Email { width: 48px; height: 48px; line-height: 46px; }
  .au7Section11 .row.paddTop, .au7Section12 .row.paddTop { padding-top: 30px; }
  .au7s12Title { font-size: 20px; padding: 10px 0px 0px; }
  .au7s13Box { max-width: 100%; }
  .au7s13Box2 { margin-top: 30px; }
  .au7s14Box { padding: 70px 25px; background-size: 270px auto; max-width: 100%; }
  .au7s14Text { font-size: 18px; max-width: 340px; min-height: 340px; }
  .au7s14Name { max-width: 120px; font-size: 22px; }
  .au7s6Box { padding: 20px 15px 20px 0px; }
  .au7s6Img { width: 90px; height: 90px; line-height: 90px; }
  .au7s6Content { padding-left: 10px; }
  .au7s14SubHeading { padding-bottom: 30px; font-size: 16px; }
  .au7s14Name { padding-top: 0px; }
  .au7s13Title2 { font-size: 40px; max-width: 290px; left: 30px; bottom: 30px; }
  ul.pd8s1SliderPager li { margin-bottom: 7px; }
  .pd8s1Slider { width: calc(100% - 120px); margin: 0px 0px 0px 20px !important; }
  .productMenu { max-width: 100%; margin-bottom: 30px; }
  .pd8s4Box, .pd8s5Box { flex: 0 0 calc(50% - 30px); }
  .pd8s7Form { max-width: 100%; }
  .pd8s8Box { float: unset; }
  .pd8s5Box { flex-direction: column; padding: 20px; }
  .pd8s5Content { padding: 20px 0px 0px; width: 100%; }
  ul.pd8s12Slider li, ul.pd8s10Slider li { margin: 0px 15px; }
  .pd8s9Title { font-size: 52px; max-width: 330px; }
}
@media (max-width: 921px) {
  .ast-menu-toggle { line-height: 1.4 !important; }
  ul.astra-megamenu.sub-menu { padding: 30px; }
  .main-navigation .astra-megamenu .menu-item-type-custom { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
}
@media (max-width: 767px) {
  .hidden-xs { display: none; }
  .tabsWrapper { padding: 10px; }
  .tabsWrapper ul.tabs li { display: block; width: auto; margin: 0px 0px 15px; text-align: center; }
  .bannerWraper .bannerContent { max-width: 480px; }
  .pc2TabsWrapper ul.tabs li { width: auto; display: block; }
  .taTimelineBox { margin-bottom: 30px; }
  .pd2ContactForm textarea { min-height: 130px; }
  .MThomeContactForm { padding: 0px 20px 45px; }
  .h5TabsWrapper ul.tabs li { display: block; width: auto; text-align: center; margin-right: 0px !important; }
  .cu4contactForm { padding: 15px; }
  .cu4contactDetails { padding: 15px; }
  .gallery-item { max-width: 100% !important; }
  .c1ProductContent { padding: 10px; }
  .hp6s2Row1 { text-align: center; }
  .hp6s2Btn { text-align: center; padding-bottom: 30px; }
  .hp6s2Text { min-height: auto; }
  .hp6FAQs .accordiaBox { padding: 20px 0px; }
  .hp6FAQs .accordion { font-size: 18px; font-weight: 500; }
  .hp6FAQs .accordion::before { font-size: 18px; font-weight: 500; }
  .hp6FAQs .accordion::after { top: 2px; }
  .hp6Section9Container { flex-direction: column; text-align: left; }
  .pd6s1Tabs, .pd6s1DetailsBody { padding: 15px; }
  .pd6s1Tabs ul.tabs li { display: block !important; margin: 0px !important; }
  .lp5BannerHeading { font-size: 34px; line-height: 40px; }
  ul.productSliderPager .slick-slide { max-height: 94px; }
  .pd6liderWraper ul.detailProductSlider .slick-slide { max-height: 290px; }
  .pd6liderWraper ul.productSliderPager .slick-slide { max-height: 88px; }
  .pd7s3Tabs ul.tabs { position: relative; top: 0px; margin: 0px 0px 15px !important; }
  .lp6s2Row1, .lp6s2Row2 { padding: 10px 10px 15px; }
  .lp6s2Heading { font-size: 22px; line-height: 28px; }
  .lp6s2SubHeading { font-size: 16px; }
  .footer-adv-overlay .widget-title { margin-bottom: 20px !important; }
  .dblBtn a.commonBtn { display: block; margin: 5px 0px; }
  .hp9Section5 .col20 { width: 100%; margin-bottom: 30px; }
  .hp9s5PaddTop { padding-top: 0px; }
  .hp9s6Box { text-align: left; }
  .hp9s7Title { margin: 10px 0px; }
  .hp9s8Wraper { padding: 10px; border-radius: 10px; }
  ul.hp9Brands { text-align: center; }
  .pc6BannerContent { max-width: 480px; }
  .hp10s3Content { padding: 10px; }
  .hp10FAQs .accordiaBox { padding: 0px 15px; }
  .hp10FAQs .accordion { font-size: 18px; line-height: 24px; }
  .hp10CTA { text-align: center; margin-top: 10px; }
  ul.pc6s5Slider ul.slick-dots li, ul.wus1Slider ul.slick-dots li { width: 20px; }
  .pc7s3Tabs ul.tabs li { padding: 12px 10px; }
  .hp11s2BoxWrapper { padding: 35px 20px 270px; }
  .hp11s5Img, .hp11s5Btn { padding-top: 30px; }
  .hp12s1Box { max-width: 100%; }
  ul.hp12s9List li { width: calc(50% - 20px); }
  .headerTopbar ul li { margin-bottom: 15px; }
  .hp14Section1 { margin: 0px auto 40px; box-shadow: none; }
  .hp14Tabs ul.tabs li { margin: 0px 0px 10px; text-transform: none; display: block; }
  .hp14s4Box { float: none; margin: 0px auto; }
  .hp14Section4 { margin: 70px 0px; }
  .hp14Section5 { padding: 60px 0px; }
  .hp14s5Text1 ul li { width: 100%; }
  .hp15Section1 { padding: 70px 0px 60px; }
  .hp15Col20 { width: 33% !important; float: left; }
  .hp15Section3 { padding: 60px 0px 50px; }
  .hp15Section4 { padding-top: 50px; }
  .hp15Section6 { padding-top: 60px; }
  .hp15s7Content { margin: -40px auto 0px; padding: 20px 20px 5px; }
  .hp15s8Title, .hp15s8Text { min-height: auto; }
  .hp15s9Content { padding: 15px; }
  .hp15PostWrapper { padding: 15px; }
  .hp15PostBox1 { padding-bottom: 20px; margin-bottom: 20px; }
  .hp16s2Box { max-width: 390px; margin: 0px auto; float: none; }
  .hp16s5Text ul li { width: 100%; }
  .hp18s4Tabs ul.tabs li { margin: 0px 0px 10px; padding-bottom: 10px; display: block; }
  .hp18Section6 h2 { font-size: 30px; margin-top: 0px; }
  .hp18Section4 h2 b { font-size: 40px; }
  .pc8ProductContent { width: 100%; padding-right: 0px; }
  .pc8ProductImg { margin: 30px 0px 0px; float: left; }
  .pc8ProductBox { padding: 30px 0px; }
  .pc8BannerContent { background: rgb(0, 0, 0); padding: 10px; margin: 0px !important; }
  .pc8BannerContent .pc3BannerHeading { margin: 0px !important; }
  .hp19Tabs ul.tabs li { padding: 10px 15px; }
  .hp19s3Box { width: 25%; }
  .page-template-product-category3 #content h2 { font-size: 32px; }
  .headerTopbar { padding: 5px 10px; }
  .headerTopbar .container { width: 100%; }
  .indal-cont { top: 30px; padding: 0px 25px; }
  .indal-cont .text { margin: 10px 0px 0px; }
  ul.hp20s4List li { width: 50%; }
  .pc9Banner .pc9BannerContent { max-width: 480px; }
  .pc9BannerHeading { font-size: 28px; line-height: 36px; }
  .pc9Tabs ul.tabs li { display: block; margin-bottom: 10px !important; }
  ul.pc9s10Brands li { margin: 0px 3px 10px; max-width: 140px; }
  .pc9FAQs .accordiaBox { padding-left: 50px; min-height: 80px; }
  .pc9FAQs .accordiaBox::before { position: absolute; width: 50px; padding-top: 15px; font-size: 16px; }
  .pc9FAQs .accordion { padding: 15px 30px 10px 20px; font-size: 16px; }
  .pc9FAQs .accordion::before { top: 16px; right: 10px; font-size: 24px; }
  .pc9FAQs .panel { padding: 0px 30px 10px 20px; }
  .pc9s5Form input[type=&quot;text&quot;], .pc9s5Form input[type=&quot;email&quot;], .pc9s5Form textarea { border-bottom-width: 2px; padding: 15px 0px; }
  .pc9s5Form label { padding: 20px 0px 10px; }
  .pc9s5Form textarea { border-width: 2px; min-height: 120px; margin-bottom: 10px; padding: 15px; }
  .pc9s5Form textarea { margin: 10px 0px; border-width: 2px !important; }
  .hp21s3Box { min-height: auto; }
  .hp19s5Text { min-height: auto; }
  .hp21s6Btn { text-align: left; padding: 25px 0px; margin-bottom: 20px; }
  .hp21Tabs ul.tabs { margin: 30px 0px 0px !important; }
  .hp21Tabs ul.tabs li { padding-right: 0px; display: block; margin-bottom: 20px; }
  .hp21Form { padding: 20px; }
  .hp21s8Text { margin-top: 15px; min-height: auto; }
  .hp21FAQs .accordiaBox { padding-left: 50px; margin-bottom: 20px; }
  .hp21FAQs .accordion { font-size: 18px; }
  .hp21FAQs h2 { padding-bottom: 10px; }
  .hp21s2Box { width: 100%; }
  .page-template-template-home21 h2 { font-size: 30px; }
  .hp21s4Content { padding: 15px; }
  .hp21s6Content { position: relative; background: rgb(0, 0, 0); padding: 15px; }
  .hp21s6Title, .hp21s4Title { font-size: 20px; }
  .hp21s4Content { position: relative; background: rgb(0, 0, 0); padding: 15px; }
  .hp21FormTitle { font-size: 20px; }
  .pc3Banner .bannerContent { max-width: 480px; }
  .pc3Banner .bannerContent { position: relative; padding-top: 20px; }
  .pc3BannerHeading { font-size: 30px; }
  .pc3s6Text { max-width: 100%; }
  .pc3s11Box { display: block; }
  .pc3s11Img { float: none; }
  .pc3s11Content { width: 100%; padding: 20px 0px 0px; float: none; }
  .pc3s12Content { padding: 30px 20px 25px; }
  .pc3s12Title { font-size: 20px; }
  .pc3tabs ul.tabs { border-radius: 30px; display: block; text-align: left; }
  .pc3tabs ul.tabs li { display: block; }
  ul.pc3s5Slider ul.slick-dots li { margin: 0px 5px; width: 14px; }
  .pc3FAQs .accordiaBox::before { width: 50px; }
  .pc3FAQs .accordiaBox { padding: 0px 0px 0px 60px; }
  .pc3FAQs .accordion { font-size: 16px; padding: 20px 40px 20px 0px; }
  .pc3FAQs .accordion::before { right: 10px; }
  .pc3s18FAQs .accordion { font-size: 16px; }
  .pc3s18Form { padding: 30px 15px 15px; }
  .pc3s18FormTitle { font-size: 20px; padding-bottom: 20px; }
  .pc2BannerTitle { color: rgb(0, 0, 0) !important; }
  ul.hp1s5List li { width: 100%; padding-bottom: 25px; }
  .hp1s9SubHeading { padding-bottom: 40px; }
  .hp1s9Box { display: inline-block; }
  .hp1Section10 { padding: 70px 0px 0px; }
  .hp1s10Img2 { position: relative; right: 0px; bottom: 0px; }
  ul.hp1s10Slider { padding: 0px !important; }
  ul.hp1s10Slider::before { display: none; }
  ul.hp1s10Slider .slick-arrow { top: calc(100% - 25px); }
  ul.hp1s10Slider .slick-prev { right: auto; left: -25px; }
  ul.hp1s10Slider .slick-next { right: -20px; transform: rotate(180deg); }
  .hp2s13Content, .hp2s13Content2 { width: 100%; padding: 15px 0px 0px; }
  .hp2s4Title { padding: 0px 0px 15px 15px; }
  .hp2FAQs .panel { padding: 10px 10px 1px; }
  .hp2FAQs .accordion::before { right: 15px; }
  .hp2FormTitle { font-size: 22px; padding-bottom: 15px; }
  .hp3Section1 { padding: 40px 0px; }
  .hp3tabs ul.tabs li { margin-left: 14px; }
  .hp3s10Img { display: none; }
  .hp3s2Img2 { position: relative; bottom: 0px; left: 0px; margin-top: 10px; }
  .hp4s1Img2 { position: relative; transform: unset; max-width: 100%; text-align: center; margin-top: 10px; }
  .hp4s2Title { padding: 25px 0px 0px; }
  .hp4s3Btn { text-align: left; margin-bottom: 30px; }
  .pc3BannerTitle, .pc3BannerText { color: rgb(0, 0, 0) !important; }
  .pc3s4Box { flex: 0 0 calc(50% - 30px) !important; }
  .hp5s3Title { font-size: 24px; }
  .hp5Form { padding: 20px; border-radius: 15px; }
  .hp5Form input[type=&quot;text&quot;], .hp5Form input[type=&quot;email&quot;], .hp5Form textarea { margin-bottom: 9px; }
  .hp5s7Content { padding: 0px 0px 0px 20px; }
  .hp22s1Text { margin: 0px auto; }
  .hp22s6Box { max-width: unset; }
  .hp22Tabs ul.tabs li { width: 33.33%; }
  .hp22Tabs ul.tabs li.current::before { top: 0px; height: 100%; }
  .hp22Section8 .indal-cont .text { margin: 20px 0px 0px; max-width: 600px; color: rgb(255, 255, 255); font-size: 14px; line-height: 21px; }
  .hp22s8Link { display: none !important; }
  .indal-cont { top: 10px; padding: 0px 15px; }
  .hp22Section8 .indal-cont .text { margin: 10px 0px 0px; }
  .hp22s9Img { border-radius: 20px; margin-bottom: 20px; }
  .hp22s9Title { font-size: 20px; }
  .hp22s11Box { padding: 20px; min-height: 350px; }
  .hp22s12Content { padding: 15px 0px 0px; }
  ul.hp22s12List li { width: 50%; }
  .hp22Form { border-radius: 20px; padding: 25px; }
  .hp22s17Wraper, .hp22s18Wraper { margin-right: 0px; }
  .hp22s17Box { flex: 0 0 100%; max-width: 444px; }
  .hp22s18Box { flex: 0 0 100%; max-width: 480px; }
  .hp22s14FAQs .accordiaBox { border-radius: 20px; padding: 0px 10px; }
  .hp22s14FAQs .accordion { padding: 15px 30px; font-size: 18px; }
  .hp22s14FAQs .accordion::after { top: 16px; width: 30px; height: 30px; }
  .hp22s0Wraper { padding: 25px 0px; }
  .hp22s0Box { position: relative; bottom: unset; right: unset; float: unset; background: rgba(0, 0, 0, 0.6); padding: 20px; border-radius: 15px; max-width: 380px; margin: 0px auto; }
  .hp22s0Title { margin-top: 15px; }
  .hp22s0Title a { padding: 9px 0px 9px 80px; font-size: 16px; }
  .cu5s1Box { padding: 20px; }
  ul.cu5s2SocialLink li { margin-right: 5px; }
  ul.cu5s2SocialLink li a { width: 40px; height: 40px; line-height: 38px; }
  .cu5s5Box { background-size: 200px auto; min-height: 450px; }
  .cu5s10MapText, .cu5s9SubHeading { bottom: unset; right: unset; padding: unset; position: relative; margin-top: 20px; border-radius: unset; }
  .cu5s9SubHeading { padding: 0px 20px; }
  .cu5Section9 iframe, .cu5s10Map iframe { height: 300px; }
  .cu5s3SubHeading { padding-bottom: 30px; }
  .cu5s3Form, .cu5s4Form { padding: 20px; }
  .au7s8Content { padding: 15px 0px 0px; }
  .au7s8Title { font-size: 20px; }
  ul.cu5s1Slider { margin: 30px 0px 0px !important; }
  .au7s12Box { max-width: 100%; }
  .au7s13Title { font-size: 18px; }
  .au7s9Box { flex: 0 0 calc(50% - 20px); }
  #contactPopUpForm .quickQuote { padding: 15px; }
  .pc3s9BoxWraper1 { margin-right: 0px; }
  .pc3s9BoxWraper { flex: 0 0 100%; margin-bottom: 30px; }
}
@media (max-width: 479px) {
  .hidden-sXs { display: none; }
  .aboutList ul { padding: 15px 15px 1px !important; }
  .tabsWrapper ul.tabs li { padding: 0px 0px 15px; margin-right: 0px; display: block; }
  .ast-article-post, .single .ast-article-single { padding: 15px !important; }
  .bannerWraper .bannerContent { max-width: 320px; }
  .xyzBanner .banerText { display: none; }
  .xyzFeaturedPointBox { padding-left: 0px; }
  .LP2dblBtnBox a.commonBtn { margin: 5px 0px; }
  .about2Sec5Box { min-height: auto; }
  .pc2BannerContent { padding: 20px; }
  .taTimelineBoxLeft::before, .taTimelineBoxRight::before { top: 0px; }
  .taTimelineYearLeft, .taTimelineYearRight { top: 35px; }
  .MTcontactPageForm { padding: 30px 10px; }
  .MTnameField, .MTemailField { margin-bottom: 30px; }
  .labelContainer { margin-bottom: 20px; }
  .page-template-template-home4 .site-content h1, .page-template-template-home4 .site-content h2 { font-size: 34px !important; }
  .page-template-template-home4 .headerTopBar ul li.phone { margin: 0px 0px 20px; }
  .page-template-template-home4 .headerTopBar ul { text-align: center; }
  .au5teamImg, .au5teamContent, .pc4supportImg, .pc4supportContent { float: none; }
  .au5teamContent, .pc4supportContent { padding: 30px 0px 0px; width: 100%; }
  .cu4contactForm { padding: 30px 20px 40px; }
  .cu4contactDetails { padding: 30px 20px; }
  .pd4DetailHeading { padding: 10px 10px 5px; }
  .pd4DetailContent { padding: 10px; }
  .hp6s1Img a::before { bottom: 20px; left: 15px; }
  .hp6Tabs ul.tabs { border-radius: 10px; display: block; text-align: left; }
  .hp6Tabs ul.tabs li { display: block; }
  .pc5s5Content { padding: 15px; }
  .pd6liderWraper ul.detailProductSlider .slick-slide { max-height: 200px; }
  .h5TabsWrapper .tab-content, .h5TabsWrapper .tab-content2 { padding: 10px; }
  .pc3s5Btns a.commonBtn { display: block; margin: 5px 0px; }
  .lp6Section1 h1 { font-size: 32px !important; }
  .lp6s2Content { width: 100%; padding: 10px 0px 0px; }
  .doubleBtn a.commonBtn { margin: 0px 0px 10px; display: block; }
  .about6Banner .bannerText { display: none; }
  .hp9s1Box { border-radius: 15px; padding: 15px; }
  .hp9s2List ul li { width: 100%; }
  .hp9FAQs .accordiaBox { padding: 10px; margin-bottom: 10px; }
  .bannerHeading { padding-bottom: 10px; }
  .pc6BannerContent { max-width: 320px; }
  .hp10Banner { padding: 30px 0px 20px; }
  .pc7s3Tabs ul.tabs li { padding: 10px 0px; display: block; }
  .hp11s6Box { padding: 15px; }
  .hp11s6Btns a.commonBtn { margin: 5px 2px; }
  .hp11s10Right { padding: 15px; }
  .hp12Section2::before { height: 10%; }
  .hp12Form { padding: 15px; }
  .hp12Form input[type=&quot;text&quot;], .hp12Form input[type=&quot;email&quot;], .hp12Form textarea { padding: 10px; }
  .hp12Form .uploadBTNLabel { padding: 25px 15px; }
  .hp12s7List ul li, .hp12s8Content ul li, ul.hp12s9List li { width: 100%; }
  .hp14Tabs ul.tabs li { margin-right: 0px; display: block; padding-bottom: 10px; margin-bottom: 10px; }
  .hp14Tabs2 ul.tabs2 li { padding: 20px; }
  .hp15Col20 { width: 50% !important; }
  .hp15s7Content { margin: 20px 0px 0px; width: 100%; }
  .hp15s1Btn { bottom: 5px; right: 5px; }
  .hp16s8Content { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); padding: 20px; border-radius: 10px; margin-top: 20px; }
  .pc3Banner2 .bannerText { font-size: 14px; line-height: 21px; }
  .hp18FAQs .accordion { padding: 0px 30px 0px 35px; font-size: 16px; }
  .hp18FAQs .accordion::before { font-size: 16px; }
  #contactPopUpForm { width: 290px; }
  #contactPopUpForm .quickQuote input[type=&quot;text&quot;], #contactPopUpForm .quickQuote input[type=&quot;email&quot;], #contactPopUpForm .quickQuote textarea { padding: 10px; }
  .quickQuoteTitle { font-size: 18px; }
  .bannerBtn { display: none; }
  .hp19Tabs ul.tabs li { padding: 10px 25px; display: block; text-align: center; margin: 5px 0px; }
  .hp19s3Box { width: 33.33%; }
  .page-template-product-category3 #content h2 { font-size: 28px; }
  .topbarBtn { display: block; margin: 10px 0px 0px; }
  .indal-cont { top: 15px; padding: 0px 15px; }
  ul.hp20s4List li { width: 100%; }
  .hp2s5ImgCap { padding: 15px; }
  .hp20Section7 h2 { font-size: 32px; }
  .hp20FAQs .accordion { padding: 0px 20px 0px 40px; font-size: 16px; font-weight: 500; }
  .hp20FAQs .accordion::before { font-size: 16px; font-weight: 500; }
  .hp20FAQs .accordion::after { top: 2px; font-size: 12px; }
  .hp20FAQs .panel { padding: 10px 20px 0px 40px; }
  .pc9Banner .pc9BannerContent { max-width: 320px; }
  .pc9Banner .pc9BannerContent { position: relative; background: rgb(0, 0, 0); padding: 10px; }
  .pc9s5Form { border-radius: 20px; padding: 10px 15px 20px; }
  .pc9s5Text ul li { padding: 5px 0px 5px 50px; font-size: 16px; font-weight: 400; }
  .pc9s7Box { border-radius: 20px; padding: 20px 15px 25px; }
  ul.pc9s10Brands li { max-width: 135px; }
  .page-template-template-home21 h2 { font-size: 26px; }
  .hp21Section3 { padding: 70px 0px 30px; }
  .pc3Banner .bannerContent { max-width: 320px; }
  .pc3s11Btns { text-align: center; }
  .pc3s11Content a.commonBtn { display: block; }
  a.supportBtn { margin: 15px 0px 0px; display: inline-block; }
  ul.pc3s1SliderPager { width: 65px; }
  ul.pc3s1SliderPager li { margin-bottom: 5px; }
  .pc3s1Slider { width: calc(100% - 75px); margin: 0px 0px 0px 10px !important; }
  .pc3s7Content { padding: 0px 0px 0px 15px; }
  .pc3Banner .bannerBtn { display: block; transform: scale(0.8); }
  .pc3s11Img { width: 100%; }
  .hp1s2Content, .hp1s3Content { padding: 0px 0px 15px 15px; }
  .hp3Form { padding: 15px; }
  .hp3FormTitle { font-size: 20px; padding-bottom: 10px; }
  .hp3Form input[type=&quot;text&quot;], .hp3Form input[type=&quot;email&quot;], .hp3Form textarea { margin-bottom: 0px; }
  .hp3s10Content { padding: 0px; }
  .hp3s10Note { font-size: 28px; }
  .pc3s4Wraper { margin-right: 0px; }
  .pc3s4Box { max-width: 340px; flex: 0 0 100% !important; }
  .hp5s1Btns a.commonBtn { display: block; margin: 5px 0px; }
  .hp5FormTitle { font-size: 20px; padding-bottom: 10px; }
  .hp5s7Box { padding-bottom: 30px; }
  .hp5s7Content { width: 100%; padding: 20px 0px 0px !important; }
  .hp5FAQs .accordiaBox .accordion { font-size: 18px; }
  .hp22s4Wraper, .hp22s5Wraper, .hp22s7Wraper, .hp22s12Wraper { gap: 20px; margin-right: 0px; }
  .hp22s4Box, .hp22s5Box, .hp22s7Box, .hp22s12Box { flex: 0 0 100%; }
  ul.hp22s12List li { width: 100%; }
  .hp22s22Form { padding: 20px 16px; }
  .cu5s5Box { background-size: 130px auto; }
  .cu5s2Title { font-size: 24px; }
  .cu5s2Title2, .cu5s2Title3, .cu5s2SubTitle4 { font-size: 20px; }
  .au7s8Wraper, .au7s9Wraper { margin-right: 0px; }
  .au7s9Box, .au7s8Box { flex: 0 0 100%; }
  .au7s13Title2 { font-size: 30px; max-width: 220px; left: 20px; bottom: 20px; }
  .au7s14Text { font-size: 16px; font-weight: 600; }
  .au7s5Title { font-size: 28px; }
  .pd8s4Wraper, .pd8s5Wraper, .pd8s11Wraper { margin-right: 0px; }
  .pd8s4Box, .pd8s5Box, .pd8s11Box { flex: 0 0 100%; }
  .pd8s4Title { min-height: unset; }
   .pd8s4Text { max-width: 100%; }
  .pd8tabs ul.tabs, .pd8tabs ul.tabs2 { border-radius: 30px; }
  .pd8tabs ul.tabs li, .pd8tabs ul.tabs2 li { display: block; text-align: left !important; }
  .pd8FAQs { padding: 20px; }
  .pd8FAQs .accordion { font-size: 18px; padding: 15px 35px 15px 0px; }
  .pd8FAQs .accordion::before { top: 15px; }
  .stickySidebar { transform: translateY(-40%); }
}
.pc3Section25 { padding: 60px 0px; }
.pc3Section25 h2 { }
.pc3Section25 .applications-container { display: flex; gap: 70px; align-items: flex-start; margin-top: 50px; }
.pc3Section25 .accordion-wrapper { flex: 1 1 auto; min-width: 0px; overflow: auto hidden; transition: 0.3s; }
.pc3Section25 .custom-collapse { width: 100%; }
.pc3Section25 .collapse-item { transition: 0.3s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pc3Section25 .collapse-header { padding: 16px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: background-color 0.3s, height 0.3s; height: 80px; background-color: transparent; }
.pc3Section25 .collapse-item.active .collapse-header { height: 64px; background-color: rgb(240, 247, 255); }
.pc3Section25 .collapse-item.active { background-color: rgb(240, 247, 255); }
.pc3Section25 .collapse-item:not(.active) .collapse-header:hover { background-color: rgb(245, 245, 245); }
.pc3Section25 .collapse-title-wrapper { display: flex; align-items: center; gap: 8px; }
.pc3Section25 .collapse-icon-left { width: 32px; height: 32px; object-fit: contain; background: rgb(232, 244, 253); border-radius: 6px; padding: 4px; }
.pc3Section25 .collapse-title { font-size: 18px; font-weight: 600; color: rgb(34, 34, 34); line-height: 1.3; transition: 0.3s; }
.pc3Section25 .collapse-icon { width: 20px; height: 20px; position: relative; transition: opacity 0.3s, transform 0.3s linear; color: rgb(17, 17, 17); font-size: 20px; display: inline-block; opacity: 1; }
.pc3Section25 .collapse-icon::before, .pc3Section25 .collapse-icon::after { content: &quot;&quot;; position: absolute; background-color: rgb(17, 17, 17); transition: 0.3s; }
.pc3Section25 .collapse-icon::before { width: 14px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pc3Section25 .collapse-icon::after { width: 2px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pc3Section25 .collapse-item.active .collapse-icon { opacity: 0; pointer-events: none; }
.pc3Section25 .collapse-content { max-height: 0px; overflow: hidden; transition: max-height 0.3s, padding 0.3s; }
.pc3Section25 .collapse-item.active .collapse-content { max-height: 500px; }
.pc3Section25 .collapse-description-wrapper { padding: 0px 12px 16px; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s, transform 0.3s; }
.pc3Section25 .collapse-item.active .collapse-description-wrapper { opacity: 1; transform: translateY(0px); transition-delay: 0.1s; }
.pc3Section25 .collapse-description { font-size: 16px; line-height: 24.77px; color: rgb(68, 68, 68); list-style: none; margin: 0px; padding: 0px; }
.pc3Section25 .image-wrapper { flex-shrink: 0; width: 680px; position: relative; min-height: 406px; overflow: clip; transition: 0.3s; }
.pc3Section25 .image-wrapper.hidden { display: none; }
.pc3Section25 .application-image { width: 100%; height: auto; display: none; object-fit: fill; transition: all; opacity: 1; }
.pc3Section25 .application-image.active { display: block; animation: 0.3s ease 0s 1 normal none running fadeIn; }
.pc3Section25 .collapse-inline-image { display: none; width: 100%; height: auto; margin-top: 16px; border-radius: 8px; }
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 1400px) {
  .pc3Section25 .applications-container { gap: 20px; }
  .pc3Section25 .image-wrapper { width: 612px; }
}
@media (max-width: 1200px) {
  .pc3Section25 { padding: 80px 0px; }
  .pc3Section25 h2 { font-size: 30px; margin-bottom: 30px; }
  .pc3Section25 .applications-container { flex-direction: column; gap: 0px; margin-top: 30px; }
  .pc3Section25 .image-wrapper { display: none; }
  .pc3Section25 .collapse-inline-image { display: block; }
  .pc3Section25 .collapse-item.active .collapse-content { max-height: 1500px; }
  .pc3Section25 .collapse-title { font-size: 16px; }
}
@media (max-width: 768px) {
  .pc3Section25 { padding: 40px 0px; }
  .pc3Section25 h2 { font-size: 24px; margin-bottom: 24px; }
  .pc3Section25 .applications-container { margin-top: 24px; }
  .pc3Section25 .collapse-header { padding: 16px 12px; }
  .pc3Section25 .collapse-description { font-size: 14px; }
}
@media (max-width: 768px) {
  .hp22Section0 .hp22s0Box, .hp22Section1 .hp22s1Img img { display: none; }
  .hp22Section1 { padding-bottom: 10px; padding-top: 10px; }
  button .mobile-menu-wrap { display: none !important; }
  .hp22Section3 .hp22s3Btn, .hp22Section4 .hp22s4Btn, .hp22Section5 .hp22s5Btn, .hp22Section9 .hp22s9Btn, .hp22Section10 .hp22s10Btn, .hp22Section2 .hp22s2Title, .hp22Section20 .hp22s20Btn { text-align: center; }
  .hp22Section4 .hp22s4Btn a.commonBtn, .hp22Section5 .hp22s5Btn a.commonBtn, .hp22Section9 .hp22s9Btn a.commonBtn, .hp22Section10 .hp22s10Btn a.commonBtn, .hp22Section20 .hp22s20Btn a.commonBtn { width: 90%; }
  div[class^=&quot;hp22Section&quot;] { padding-top: 30px; padding-bottom: 30px; }
  .hp22Section9 .hp22s9Arrows, .hp22Section15 .hp22s15Arrows { display: none; }
  .hp22Section11 .hp22Tabs ul.tabs li { padding: 22px 10px; }
  .hp22Section11 .hp22Tabs ul.tabs li img { width: 35px; height: 35px; }
  .hp22s6Box { display: flex; align-items: center; flex-wrap: wrap; }
  .hp22s6Img { flex: 0 0 25%; float: none; }
  .hp22s6Content { flex: 0 0 75%; float: none; }
  .hp22s4Content, .hp22s5Content { align-items: center; flex-wrap: wrap; }
  .hp22s4Link, .hp22s5Link { padding-top: 2px; }
  .hp22s6SubHeading { padding-bottom: 5px; }
  .hp22s6Title { padding-top: 5px; }
  .hp22s7Box { text-align: center; padding: 20px 20px 10px; }
  .hp22s7Content { padding-top: 25px; }
  .hp22s7Box:hover { transform: none; }
  .hp22Section8 .indal-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
  .hp22Section8 .indal-list li { flex: 0 0 calc(50% - 15px); max-width: calc(100% - 15px); }
  .hp22Section8 .indal-list li img { width: 100%; height: auto; }
  .hp22Section11 .hp22gap { height: 5px; }
  .hp22Section11 .hp22s11Box { border-radius: 20px; }
  .hp22Section11 .hp22Tabs ul.tabs { border-radius: 20px; }
  .hp22Section20 { border-radius: 0px; }
  div[class^=&quot;pc3Section&quot;] { padding-top: 30px; padding-bottom: 30px; }
  div.pc3Banner { padding-bottom: 30px; }
  .pc3Section1 .pc3s1Btn, .pc3Section2 .pc3s2Btn, .pc3Section8 .pc3s8Btn, .hp22Section10 .hp22s10Btn, .hp22Section2 .hp22s2Title { text-align: center; }
  .pc3Section1 .pc3s1Btn a.commonBtn, .pc3Section2 .pc3s2Btn a.commonBtn, .pc3Section8 .pc3s8Btn a.commonBtn, .hp22Section10 .hp22s10Btn a.commonBtn { width: 90%; }
  .pc3s6SubHeading { margin-bottom: 15px; }
  .pc3Section6 { text-align: center; }
  .pc3Section6 .pc3s6Img img { width: 50px; height: 50px; }
  .pc3Section6 .paddBottom30 { padding-bottom: 15px; }
  .pc3Section9 { margin-top: 0px; }
  ul.pc3s15Slider .slick-next, ul.pc3s15Slider .slick-prev, ul.pc3s5Slider .slick-next, ul.pc3s5Slider .slick-prev { display: none !important; }
  .pc3Section4 .pc3s4Wraper &gt; div:has(.pageNos) { width: 100%; }
  .pc3Section4 .pc3s4Wraper .pageNos { padding-top: 10px; }
  .stickySidebar { display: none; }
  .pc3s11Box { padding: 5px 0px; }
  .pc3s11Img, .pc3s11Content { float: none; width: 100%; }
  .pc3s11Img { text-align: center; margin-bottom: 20px; }
  .pc3s11Img img { max-width: 100%; height: auto; display: inline-block; width: auto; margin: 0px auto; }
  .pc3s11Content { padding: 0px 15px; }
  .pc3Section13.pc3Banner { position: relative; height: 350px; overflow: hidden; }
  .bannerImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
  .bannerImg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
  .pc3Section13 .container.container1420 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88%; z-index: 1; }
  div[class^=&quot;au7Section&quot;]:not([class=&quot;au7Section1&quot;]) { padding-top: 30px; padding-bottom: 30px; }
  .au7Section2 .au7s2BtnWeb { display: none; }
  .au7Section2 .au7s2BtnMobile { display: block !important; }
  .au7Section2 .au7s2BtnMobile .au7s2Btn { text-align: center; }
  .au7Section2 .au7SubHeading { overflow: auto; }
  .au7Section2 .hp22s3Readmore { padding: 10px; }
  .au7Section4 .au7s4Btn, .au7Section8 .au7s8Btn, .au7Section9 .au7s9Btn, .au7Section10 .au7s10Btn { text-align: center; }
  .au7Section9 .au7s9Wraper, .au7Section12 .au7s12Box, .au7Section12 .rowFlexL { text-align: center; }
  div[class^=&quot;pd8Section&quot;] { padding-top: 30px; padding-bottom: 30px; }
  ul.pd8s1SliderPager .slick-arrow { display: none !important; }
  ul.pd8s1SliderPager { width: 70px; padding: 20px 0px 0px !important; }
  .pd8s1SliderWraper { display: flex; align-items: center; }
  .pd8s1Btn, .pd8s2Btn, .pd8s6Btn { text-align: center; }
  .pd8s4Box { flex-direction: row; align-items: center; }
  .pd8s4Img { flex: 0 0 65px; }
  .pd8s4Content { padding: 5px 0px 0px 20px; }
  .pd8s4Box:not(:last-child) { margin-bottom: 25px; }
  .pd8s5Box { text-align: center; }
  .pd8s5Box .pd8s5Img { width: 100%; }
  .pd8Section7 h2, .pd8Section8 h2, .pd8Section9 h2, .pd8Section9 .pd8s9SubHeading { text-align: center; }
  .pd8Section9 .pd8s9Title2 { font-size: 22px; font-weight: 400; }
  ul.pd8s10Slider .slick-arrow, .pd8s14Slider .slick-arrow { display: none !important; }
  .pc3Section6 .pc3s6BigBox { height: 200px; }
  .pc3Section6 .pc3s6Title { font-size: 14px; padding: 15px 0px 10px; }
  .pc3Section6 .pc3s6Text { height: 80px; overflow: auto; }
  .hp22Section4 .hp22s4Text { text-align: center; }
  footer.site-footer &gt; div.site-above-footer-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 92%; }
  footer.site-footer aside section &gt; h2.widget-title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 14px 0px; margin-bottom: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); user-select: none; }
  footer.site-footer aside section &gt; h2.widget-title::after { content: &quot;&quot;; width: 8px; height: 8px; border-right: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); transform: rotate(45deg); transition: transform 0.3s; flex-shrink: 0; }
  footer.site-footer aside section.active &gt; h2.widget-title::after { transform: rotate(-135deg); }
  footer.site-footer aside section ul { max-height: 0px; overflow: hidden; transition: max-height 0.35s; padding-left: 8px; }
  footer.site-footer aside section.active ul { max-height: 500px; padding-bottom: 10px; }
  div[class^=&quot;hp9Section&quot;] { padding-top: 30px; padding-bottom: 30px; }
  .hp9s2Content div.paddTop20, .hp9s3Content div.paddTop10, .hp9Section6 div.paddTop30 { text-align: center; }
  .hp9Section9 button.slick-arrow { display: none !important; }
  .hp9Section12 .row &gt; div:first-child { margin-bottom: 20px; }
}
.pc3Section26 { border-radius: 0px; }
.pc3Section26 a.commonBtn { border-radius: 0px; }
.pc3Section26 h2, .pc3Section26 .hp22s20Text { color: rgb(255, 255, 255); }
.pc3s1SliderWraper { display: flex; justify-content: center; }
.pc3s1Slider { width: calc(100% - 40px); }
ul.pc3s1Slider ul.slick-dots { list-style-type: none; text-align: center; padding: 0px !important; }
ul.pc3s1Slider ul.slick-dots li { outline: none; padding: 0px; display: inline-block; text-indent: -999999px; width: 10px; height: 10px; background: rgb(208, 208, 208); border-radius: 100%; margin: 0px 2px; }
ul.pc3s1Slider ul.slick-dots li.slick-active { background: rgb(0, 106, 246); }
.sticky-sidebar3 { position: fixed; top: 35%; right: 0px; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column; gap: 2px; }
.sticky-sidebar3 .side-item { display: flex; flex-direction: column; align-items: flex-end; }
.sticky-sidebar3 .side-trigger { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 40px; height: 40px; padding: 0px 10px; background: rgb(255, 255, 255); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(224, 224, 224) currentcolor rgb(224, 224, 224) rgb(224, 224, 224); border-image: none; border-radius: 8px 0px 0px 8px; cursor: pointer; transition: width 0.3s, border-radius 0.3s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) -2px 2px 8px; }
.sticky-sidebar3 .side-trigger i { font-size: 20px; color: var(--ast-global-color-0); flex-shrink: 0; }
.sticky-sidebar3 .side-trigger-label { font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); white-space: nowrap; opacity: 0; max-width: 0px; overflow: hidden; transition: opacity 0.2s, max-width 0.3s; }
.sticky-sidebar3:hover .side-trigger { width: 140px; border-radius: 12px 0px 0px 12px; }
.sticky-sidebar3:hover .side-trigger-label { opacity: 1; max-width: 120px; }
.sticky-sidebar3:hover .side-item:hover .side-trigger { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; box-shadow: none; border-radius: 12px 0px 0px; }
.sticky-sidebar3 .side-dropdown { max-height: 0px; overflow: hidden; opacity: 0; background: rgb(255, 255, 255); border-radius: 0px 0px 12px 12px; border-width: medium medium 1px 1px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(224, 224, 224) rgb(224, 224, 224); border-image: none; box-shadow: rgba(0, 0, 0, 0.1) -2px 4px 12px; transition: max-height 0.4s, opacity 0.3s, padding 0.3s; width: 140px; align-self: flex-end; }
.sticky-sidebar3:hover .side-item:hover .side-dropdown { max-height: 320px; opacity: 1; padding: 14px; margin-top: 0px; }
.sticky-sidebar3 .side-dropdown img { display: block; width: 100%; max-width: 100px; border-radius: 6px; margin: 0px auto; }
.sticky-sidebar3 .side-dropdown .info-text { font-size: 12px; color: rgb(51, 51, 51); text-decoration: none; text-align: center; display: block; word-break: break-all; }
.sticky-sidebar3 .side-dropdown .info-text:hover { color: var(--ast-global-color-0); text-decoration: underline; }
@media (max-width: 768px) {
  .sticky-sidebar3 { inset: auto 124px 30px auto; transform: none; flex-direction: row; justify-content: flex-end; gap: 0px; background: var(--ast-global-color-0); border-radius: 2px; overflow: hidden; }
  .sticky-sidebar3 .side-item { flex: 0 0 auto; align-items: center; }
  .sticky-sidebar3 .side-trigger { width: auto; height: auto; padding: 4px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; box-shadow: none; display: flex; align-items: center; justify-content: center; }
  .sticky-sidebar3:hover .side-trigger { width: auto; border-radius: 0px; }
  .sticky-sidebar3 .side-trigger i { font-size: 15px; color: rgb(255, 255, 255); line-height: 1.6; padding: 0px 4px; }
  .sticky-sidebar3 .side-trigger-label { display: none; }
  .sticky-sidebar3:hover .side-trigger-label { display: none; }
  .sticky-sidebar3 .side-item.wechat { display: none; }
  .sticky-sidebar3 .side-dropdown { display: none; }
}
#ast-scroll-top { right: 90px; }
.video-section { padding: 40px 0px 60px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }
.video-section .container { max-width: 1200px; margin: 0px auto; padding: 0px 20px; position: relative; z-index: 1; }
.video-section .section-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; gap: 40px; }
.video-section .section-title-wrap { flex: 1 1 0%; }
.video-section .section-label { display: inline-block; color: rgb(59, 130, 246); font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; }
.video-section .section-title { color: rgb(255, 255, 255); font-size: 36px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; }
.video-section .section-desc { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.6; max-width: 600px; }
.video-section .nav-buttons { display: flex; gap: 10px; }
.video-section .nav-btn { padding: 10px 20px; border: 1px solid transparent; background: rgb(0, 116, 255); color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; border-radius: 4px; transition: 0.3s; display: flex; align-items: center; gap: 8px; }
.video-section .nav-btn:hover { background: rgb(0, 98, 214); }
.video-section .nav-btn:disabled { background: rgb(245, 246, 247); color: rgb(153, 153, 153); cursor: not-allowed; }
.video-section .nav-btn:disabled:hover { background: rgb(245, 246, 247); }
.video-section .slider-viewport { overflow: hidden; }
.video-section .video-grid { display: flex; gap: 24px; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; }
.video-section .video-card { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 20px; transition: transform 0.3s; flex-shrink: 0; width: calc(33.3333% - 16px); padding: 8px; }
.video-section .video-card:hover { transform: translateY(-5px); }
.video-section .video-thumbnail { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.video-section .video-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.video-section .video-info { padding: 20px; }
.video-section .video-title { font-size: 16px; font-weight: 600; color: rgb(26, 26, 46); margin-bottom: 10px; }
.video-section .video-desc { font-size: 13px; color: rgb(102, 102, 102); line-height: 1.5; margin-bottom: 16px; }
.video-section .watch-btn { display: inline-block; padding: 10px 20px; background: rgb(9, 44, 71); color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; text-decoration: none; border-radius: 18px; transition: background 0.3s; }
.video-section .watch-btn:hover { background: rgb(255, 0, 0); }
@media (max-width: 992px) {
  .video-section .video-card { width: calc(50% - 12px); }
  .video-section .section-title { font-size: 28px; }
}
@media (max-width: 768px) {
  .video-section .section-header { flex-direction: column; }
  .video-section .video-card { width: 100%; }
  .video-section .section-title { font-size: 24px; }
  .video-section .nav-buttons { align-self: flex-start; }
}

/* Product Category 3: keep related product images at a consistent ratio */
.pc3Section17 .pc3s17Img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.pc3Section17 .pc3s17Img &gt; a {
	display: block;
	width: 100%;
	height: 100%;
}
.pc3Section17 .pc3s17Img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
	
/* KingExhibits S6/S7 Featured Box text centering fix */
.pc3s6Text, .pc3s7Text { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
.pc3s6Content, .pc3s7Content { text-align: center; }
