@import"https://fonts.googleapis.com/css2?family=Parkinsans&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.scroll-banner-scroll{background:linear-gradient(to right,#e6e3e3cb,#e0dedec9),url(./assets/logistics/scroll-banner.jpg) no-repeat;background-attachment:fixed}.title-span-style{width:10%;height:5px;background:orange}.disc-section{list-style:disc}.disc{list-style:lower-roman}:root{--primary-color: #0787c4;--secondary-color:#0a518e;--three-color:#031e3b}.font-size{font-size:11px}.text-text{color:var(--primary-color)}.inner-text{color:var(--three-color)}.text-color{color:var(--secondary-color)}.bramd-bg{background-color:var(--primary-color)}.brand-font{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.text-style{letter-spacing:3px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.unlist{list-style-type:disc}.opacity{opacity:.7}.home-section-banner{height:67vh;background:linear-gradient(to right,#0000007b,#000000c7,#000000c7,#00000082),url(/assets/contruction-banner-BwChP4pD.png) no-repeat;background-size:cover}.perfect-layout{position:absolute;top:540px}.perfect-layout-child:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.perfect-box:hover{transform:translateY(-10px);transition:all 1s ease-in}.perfect-box:hover .text-warning-yes{color:var(--primary-color)}.home-introduction{margin-top:25%}.home-introduction{background:#f4efefda}.our-service{background:url(/assets/6-DL1Hner-.png)}.gallery-section{width:100%;display:grid;grid-template-columns:repeat(auto-fit,350px);gap:20px}.gallery-section .child{width:350px;display:flex;justify-content:center;align-items:center}.our-home-service{box-shadow:#0e3f7e0f 0 0 0 1px,#1f4fb808 0 1px 1px -.5px,#225cd70a 0 2px 2px -1px,#1354e15b 0 3px 3px -1.5px,#2a334608 0 5px 5px -2.5px,#2a334608 0 10px 10px -5px,#0d368d82 0 24px 24px -8px}.our-home-service:hover{transform:scale(1.1);transition:all 1s ease-in-out}.about-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/about-banner-oVSTwAxc.jpg) no-repeat center;background-size:cover}.about-banner-content{background-color:#000000bd}.about-intro .about-section img{filter:saturate(200%);box-shadow:15px -15px 2px #ffc100}.about-senior-team .our-senior-about{border:1px solid #ccc;position:relative}.our-senior-about .senior-team{margin:3px;background:#fff}.our-senior-about .senior-team:before{content:"";position:absolute;width:100%;top:0;left:0;right:0;bottom:200px;background:linear-gradient(to right,#fc466b,#00f);z-index:-2}.our-senior-about .senior-team:hover:before{bottom:0;transition:all 1s ease-in-out}.our-senior-about .senior-team:hover{background:url(/assets/75d3bd6c2855cea6bd12af66cc37719b-CiKArNI9.gif) center;background-size:cover;border-radius:8px}.contruction-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/building-DPqaEr09.jpg) center}.construction-intro-section{height:47vh;overflow-y:hidden}.construction-intro:hover{transform:translateY(-30px);transition:all 1s ease-in-out}.construction-intro{position:relative;overflow:hidden;transform:translateY(170px)}.construction-intro .cons-intro{margin:3px}.construction-intro .cons-intro:before{content:"";position:absolute;top:230px;bottom:0;right:0;left:0;background:var(--primary-color);z-index:-2}.cons-intro:hover:before{transition:all 2s ease-in;top:0;transform:translateY(-100px)}.cons-intro:hover .cons-intro-icon,.cons-intro:hover h5{color:var(--primary-color)}.our-works{position:relative;overflow:hidden}.our-works .content{position:absolute;width:100%;height:100%;top:0;right:-290px;background:#0000008e;color:#e3df05;display:grid;place-items:center}.our-works:hover .content{right:0;transition:all 1s ease-in}.Highway-road-section{background:linear-gradient(to right,#1f1818a0,#14141478),url(/assets/blob-scene-haikei-ChfJMfGi.png) no-repeat;background-size:cover}.Highway-road-section img{border-bottom-left-radius:40%}.footer-section{background:linear-gradient(to right,#1f1818e7,#141414f0),url(/assets/construction-site-truck-CRMI6nDy.jpg) no-repeat center;background-size:cover}.fooetr-link .foot-media{height:50px;width:50px;border:1px solid white;border-radius:75%}.road-work-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/What-Is-Highway-Construction-1-CriZYXwm.jpg) no-repeat center;background-size:cover}.logistics-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/mechanical-engineering-banner-B9WxuuvE.jpg) no-repeat center;background-size:cover}.irrigation-banner{height:70vh}.readymixconcrete-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(./assets/readymixconcrete/readymixconcrete-banner.png) no-repeat bottom;background-size:cover}.readymixconcrete-section .left-content{position:absolute;width:600px;top:500px}.career-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/career-banner-DgBrhChU.jpg) no-repeat center;background-size:cover}.career-section .border-style{box-shadow:#dfe0e1ab 0 1px 2px,#edeff0b9 0 1px 3px 1px;border-radius:10px}.career-section .career-more{background-color:#1b2021}.career-parent-style{position:relative;overflow:hidden}.career-parent-style .career-animate-style:after{content:"";width:100%;height:100%;padding:2px;background-color:#ffd23ff4;position:absolute;bottom:250px}.career-parent-style:hover .career-animate-style:after{bottom:0;transition:all 1s ease-in-out;z-index:-1}.career-parent-style:hover p{color:#fff;font-weight:700}.career-form-parent{background-color:#ccc;border-radius:10px}.career-form-group{height:35px;border:none;outline:none;background-color:transparent}.form-group input[type=checkbox],input[type=radio]{height:20px;width:20px}.contact-section{height:70}.contact-banner{height:70vh;background:linear-gradient(to right,#1f1818a5,#2c2323b2,#ffffffe6),url(/assets/Contact-us-banner-wUKhgqKa.jpg)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mobile-view-menu{display:none}.mobile-view-parent{position:relative}.mobile-view-child{position:absolute;top:-120px;z-index:-200;left:0}.header-nav-items{display:none}.poster-section img{height:400px}@media screen and (max-width:768px){.perfect-layout{position:static;top:0}.home-introduction{margin-top:5%}.header-nav-hidden{display:none}.mobile-view-menu,.header-nav-items{display:block}.footer-margin{margin-bottom:40px}.poster-section img{height:300px}}@media screen and (max-width:700px){.readymixconcrete-section .left-content{position:static;width:100%;top:100%}.home-section-banner{height:50vh;background:linear-gradient(to right,#000000a9,#000000af),url(/assets/contruction-banner-BwChP4pD.png) no-repeat right;background-size:auto;background-position-x:-1380px}.construction-intro-section{height:auto}.construction-intro{transform:translateY(0)}.gallery-section{grid-template-columns:repeat(auto-fit,110px);gap:10px}.gallery-section .child{width:110px}}.footer-input input{border:none;outline:none;border-bottom:1px solid white;height:30px;background-color:transparent;color:#fff;width:80%;font-size:18px}.loader{width:90px;height:14px;box-shadow:0 3px #fff;position:relative;clip-path:inset(-40px 0 -5px)}.loader:before{content:"";position:absolute;inset:auto calc(50% - 17px) 0;height:50px;--g:no-repeat linear-gradient(#e1cf09 0 0);background:var(--g),var(--g),var(--g),var(--g);background-size:16px 14px;animation:l7-1 2s infinite linear,l7-2 2s infinite linear}@keyframes l7-1{0%,to{background-position:0 -50px,100% -50px}17.5%{background-position:0 100%,100% -50px,0 -50px,100% -50px}35%{background-position:0 100%,100% 100%,0 -50px,100% -50px}52.5%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% -50px}70%,98%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% calc(100% - 16px)}}@keyframes l7-2{0%,70%{transform:translate(0)}to{transform:translate(200%)}}.loading-icons{position:absolute;top:0;height:100vh;width:100%;background-color:#625858fb;display:flex;justify-content:center;align-items:center;z-index:99}.form-contact{background-color:#fdeacc}.form-contact .form-group label{color:#2a2062}.form-contact .form-group input{background-color:#ffce71;border:none;outline:none;height:35px;border-radius:10px}.form-contact .form-group textarea{background-color:#ffce71}.app-js-icons{position:fixed;bottom:50px;right:50px;display:flex;flex-direction:column;align-items:center}.app-js-icons .icon{height:50px;width:50px;background-color:green;display:flex;justify-content:center;align-items:center;border-radius:75%}.civil-banner-section{height:70vh;background:url(./assets/civil-contruction.png)}.shadows:hover{box-shadow:#0787c4 0 3px 5px;background:#000;color:#fff}.electrical-section{height:70vh;background:linear-gradient(to right,#00000058,#00000052),url(./assets/electrical/electrical-banner.png);background-size:cover}.triangle-left{width:0;height:0;border-top:20px solid transparent;border-right:50px solid #0787c4;border-bottom:25px solid transparent}.triangle-right{width:0;height:0;border-top:20px solid transparent;border-left:50px solid #0787c4;border-bottom:25px solid transparent}.electrical-sec .content-details{background:url(./assets/electrical/transform.gif) no-repeat center;background-size:cover}.electric-points{background:linear-gradient(to right,#000000db,#000000ec,#000000c3),url(./assets/electrical/elec-bg.jpg) no-repeat center;background-size:cover}.electrical-sec .gallery-img{padding:5px;overflow:hidden}.electrical-sec .gallery-img img:hover{transition:all 1s ease-in-out;transform:rotateX(360deg) scale(1.2)}.metrowater{height:70vh;background:linear-gradient(to right,#000000a1,#000000ab),url(/assets/water-banner-Bp5sjPGZ.png) no-repeat;background-size:cover}.contractor-banner{height:70vh;background:linear-gradient(to right,#000000a1,#000000ab),url(/assets/contractor-banner-DHVv-d-2.png) no-repeat;background-size:cover}.button-85{padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-85:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.button-85:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.water-section-gallery{background:url(/assets/water-bg-line-Qcyy4MIr.png),linear-gradient(to top,#8b41c8,#87255e);background-size:cover}.water-gallery img{transform:rotate(10deg);transition:all 1s ease-in;border:5px dashed rgb(255,255,255);background:#000}.water-gallery img:hover{transform:rotate(0)}.water-gallery img:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.triangle-left{border-top:20px solid transparent;border-right:20px solid #0787c4;border-bottom:20px solid transparent}.triangle-right{border-top:20px solid transparent;border-left:20px solid #0787c4;border-bottom:20px solid transparent}.header-contact{position:static}.about-sec-font{font-size:12px}.water-gallery img{border:2px dashed rgb(255,255,255)}.app-js-icons{right:40px;bottom:74px}}*,ul{margin:0;padding:0}.categoryBrows,.header,.megaMenu_sideitem .icon,.navbarMain{position:relative}.browsitem a:hover,.categoryBrows_dropDown:hover,.nav-item>.dropDown{box-shadow:5px 5px 15px #00000026}.categoryBrows_dropDown.show,.nav-item:hover>.dropDown{opacity:1;visibility:visible}.categoryBrows_dropDown,.nav-item>.dropDown{opacity:0;visibility:hidden;position:absolute}*{box-sizing:border-box}a{text-decoration:none;display:inline-block}ul{list-style:none}.container{width:80%;margin:auto}.header{box-shadow:5px 5px 15px #0000000d}.mega_header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.megaMenu_search{width:50%}.side-content{display:flex;align-items:center;gap:20px}.megaMenu_sideitem{width:fit-content}.megaMenu_sideitem a{display:flex;align-items:end;gap:4px;color:#7e7e7e;cursor:pointer}.megaMenu_sideitem .badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;line-height:18px;font-size:12px}.megaMenu_sideitem svg{color:#2b2b2b;font-size:24px}.mainMenu_wraper{display:flex;justify-content:space-between;align-items:center}.navbar_content,.navbar_main{height:100%}.navbar_content,.navbar_main>ul{height:100%;display:flex;flex-wrap:wrap;row-gap:20px}.navbar_content .nav-item,.navbar_main ul .nav-item{height:100%;padding:0 20px;cursor:pointer;position:relative}.navbar_content .nav-item p,.navbar_main ul .nav-item p{display:flex;align-items:center;justify-content:space-between;gap:10px}.categoryBrows_title{padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer}.categoryBrows_dropDown,.nav-item>.dropDown{left:0;background-color:#fff;padding:10px 20px}.categoryBrows_dropDown{border:1px solid #7e7e7e;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;top:50px;display:flex;flex-direction:column;gap:15px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;z-index:999}.menuBar,.menu_close{font-size:20px;display:none}.menuBar{left:20px;top:50%;border:none;background:0 0}.browsitem a{width:100%;padding:6px 16px;border:1px solid #dee2e6;color:#2e2e2e;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;align-items:center;gap:10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.nav-item>.dropDown{width:auto;top:110%;border:1px solid #dee2e6;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:.3s;z-index:10}.nav-item:hover>.dropDown{top:100%;left:50%}.menu_close{position:absolute;right:20px;top:10px}.fixedMenu-true{position:sticky!important;top:0;left:0;width:100%;z-index:999;animation:.3s linear fixedMenu;-webkit-animation:.3s linear fixedMenu}@keyframes fixedMenu{0%{opacity:.8;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.sidebar-wraper{width:fit-content;position:fixed;top:0;left:0;transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;z-index:999}.sidebar-wraper.hide{transform:translate(-105%);-webkit-transform:translateX(-105%);-moz-transform:translateX(-105%);-ms-transform:translateX(-105%);-o-transform:translateX(-105%)}.sidebar-wraper.show{transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.sidenavbar-main{height:100vh;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;border-top-right-radius:18px;border-bottom-right-radius:18px;overflow-y:scroll;overflow-x:hidden;border-right:1px solid #dee2e6}.sidenavbar-main::-webkit-scrollbar{display:none}.sidenavbar-main .navbar_main{width:100%;height:fit-content}.sidenavbar-main .navbar_main ul{flex-direction:column!important}.sidenavbar-main .navbar_main ul .nav-item{height:fit-content!important;text-align:center;padding:10px 8px;box-shadow:11px 9px 17px -10px #00000026}.sidenavbar-main .navbar_main ul .nav-item a{display:flex;gap:5px;font-size:18px}.sidenavbar-main .navbar_main ul .nav-item a svg{font-size:20px}.sidenavbar-main .nav-item .dropDown.hiden{position:static;height:0;padding:0;visibility:hidden!important;opacity:0!important;transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear}.sidenavbar-main .nav-item .dropDown.show{margin-top:8px;position:static;height:fit-content;visibility:visible!important;opacity:1!important;padding:0;border:none;box-shadow:none;border-left:1px solid #dee2e6}.sidenavbar-main .nav-item .dropDown.show ul{display:flex;flex-direction:column;gap:16px}.sidenavbar-main .nav-item .dropDown.show .nav-item:last-child{box-shadow:none;margin-bottom:-10px}.sidenavbar-main .nav-item .dropDown.show .nav-item{margin-right:-8px}.sidebar-wraper .sidebar-arrow{border:none;background-color:#7e7e7e45;width:38px;color:#fff;font-size:38px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding-bottom:2px;position:absolute;top:50%;right:-40px;cursor:pointer;z-index:999}@media screen and (max-width:768px){.main_menu,.mega_header .icon_base,.navbar_contentWraper{display:none}.main_menu,.navbar_contentWraper{width:100%;height:100vh;position:absolute;top:100%;left:0;z-index:999;background-color:#7e7e7e8a}.container{width:100%;padding:0 10px}.main_menu .mainMenu_wraper,.navbar_content{width:50%;background-color:#fff;flex-direction:column}.main_menu .mainMenu_wraper{padding:50px 20px!important;height:100%;align-items:start;gap:20px;z-index:99;overflow-y:scroll}.navbar_content{padding:20px}.navbar_content .nav-item{height:fit-content}.main_menu .mainMenu_wraper .navbar_main{height:fit-content;width:100%}.main_menu .mainMenu_wraper .navbar_main>ul{flex-direction:column;flex-wrap:nowrap;gap:0}.main_menu .mainMenu_wraper .navbar_main ul li,.navbar_content .nav-item{padding:10px 0;border-bottom:1px solid #dee2e6}.main_menu .mainMenu_wraper .navbar_main ul li:last-child,.navbar_content .nav-item:last-child{border-bottom:none}.nav-item .dropDown.hiden{position:static;height:0;padding:0;visibility:hidden!important;opacity:0!important;transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear}.nav-item .dropDown.show{margin-top:8px;position:static;height:fit-content;visibility:visible!important;opacity:1!important}.megaMenu_search{width:100%;order:1;margin-top:10px}.menuBar,.menu_close{display:block}}@media screen and (max-width:640px){.main_menu .mainMenu_wraper,.navbar_content{width:80%}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-DbTteTvA.woff) format("woff"),url(/assets/revicons-CBqxZnew.ttf) format("ttf"),url(/assets/revicons-BNIKeAUC.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}