@font-face{font-family:beatrice;src:url("../fonts/beatrice/BeatriceTRIAL-Regular.ttf");font-weight:400;font-display:swap}
@font-face{font-family:beatrice;src:url("../fonts/beatrice/BeatriceTRIAL-Semibold.ttf");font-weight:500;font-display:swap}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:auto}
h1,h2,h3,h4,h5,h6{font-family:beatrice}
li{font-family:"DM Sans",sans-serif}
body{font-family:beatrice;background-color:#fff;color:#1a1a1a;line-height:1.5;min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;background:0 0;border:none;font-family:inherit}
.header{position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);transition:box-shadow .2s}
.header--scrolled{box-shadow:0 4px 18px rgba(0,0,0,.1)}
.header__inner{display:flex;align-items:center;height:72px;gap:40px}
.hero__area .title-wrap{gap:110px;display:grid;align-items:flex-start;grid-template-columns:auto auto}
.title-wrap p{color:#101010;font-size:18px;font-weight:500;line-height:1.5;width:180px;padding:25px;background-color:#f6dcda;margin-top:10px;margin-bottom:30px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.logo__icon{display:flex;align-items:center}
.logo__icon img{width:70px}
.logo__it,.logo__just{color:#1a1a1a}
.logo__box{color:#c0392b}
.header__wrapper{padding:12px 30px}
.header__wrapper{display:flex;align-items:center;justify-content:space-between;padding:13px 50px}
.header__logo{width:80px}
.header__area{background-color:#fce9e9}
.dark .header__area{background-color:#151515}
.header__area.inner{background-color:transparent}
.header__area-3{height:90px}
@media (max-width:1199px){
.header__area-3{padding-top:15px}
}
@media (max-width:767px){
.header__area-3{height:70px;padding-top:5px}
}
.dark .header__area-3{background-color:#101010}
.header__area-2.full-slider{padding-left:50px;padding-right:50px}
@media (max-width:1199px){
.header__area-2.full-slider{padding:10px}
}
@media (max-width:767px){
.header__area-2.full-slider{padding:0;padding-top:5px}
}
.header__area-2.full-slider .main--menu ul li a{color:#fff}
.header__area-2.full-slider .main--menu .sub-menu li a{color:#101010}
.header__area-2.full-slider .main--menu .has-submenu::after{color:#fff}
.header__area-2.full-slider .main--menu .sub-menu .has-submenu::after{color:#101010}
.header__area-2.full-slider .header__btn-2 i{color:#fff;font-size:18px}
.header__logo{position:relative;z-index:1}
@media (max-width:1399px){
.header__wrapper{padding:12px 30px}
}
@media (max-width:1199px){
.header__wrapper{padding:12px 15px}
.header__menu{display:none}
}
.header__btn{display:flex;justify-content:flex-end}
.header__btn .hamburger{background:0 0;border:none;margin-left:25px;cursor:pointer}
.header__btn-2{gap:25px;display:flex;align-items:center}
.header__btn-2 .hamburger{background:0 0;border:none;cursor:pointer}
.dark .header__btn-2 .hamburger{color:#fff}
.header__side{position:fixed;width:90px;height:100%;right:0;top:0;padding-top:50px;padding-bottom:40px;z-index:5;background-color:#fff;border-left:1px solid rgba(16,16,16,.0784313725)}
@media (max-width:991px){
.header__side{width:60px;padding-top:30px;padding-bottom:20px}
}
.dark .header__side{border-color:rgba(255,255,255,.0784313725);background-color:#101010}
.header__side .wrapper{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-between}
.header__side .hamburger{border:none;background:0 0}
.header__side .social ul{gap:10px;display:grid;width:15px}
.header__side .social ul a{color:#555}
.dark .header__side .social ul a{color:#999}
.header__side .social ul a:hover{color:#101010}
.dark .header__side .social ul a:hover{color:#fff}
.header__side .follow{color:#101010;font-size:14px;font-weight:500;line-height:1;text-transform:uppercase;transform:rotate(-90deg) translate(60px,-20px);position:relative}
.header__side .follow::after{position:absolute;content:"";width:20px;height:1px;background-color:#101010;right:70px;bottom:9px}
.main--menu ul li{display:inline-block;padding:0 20px}
.main--menu ul li a{display:block;padding:25px 3px;position:relative;color:#101010;font-size:16px;font-weight:500;line-height:14px;transition:all .5s;text-transform:capitalize}
.main--menu .sub-menu{position:absolute;width:260px;top:70px;background-color:#fff;padding:15px 0;opacity:0;visibility:hidden;transition:all .3s;box-shadow:rgba(17,12,46,.15) 0 48px 100px 0;z-index:99}
.main--menu .has-submenu::after{position:absolute;content:" ";width:15px;height:15px;top:25px;right:0;inset-inline-end:5px;color:#101010;transition:all .2s;background:url(../imgs/sub-header-arrow.png);background-repeat:no-repeat;background-size:contain}
.main--menu .sub-menu .has-submenu{position:relative}
.main--menu .sub-menu li{padding:0 30px;display:block;text-align:start;position:relative}
.main--menu .sub-menu li a{padding:7px 0}
.main--menu .sub-menu .sub-menu li{padding:0 30px;display:block;text-align:start;position:relative}
.main--menu .sub-menu .sub-menu li a{padding:7px 0}
.main--menu .sub-menu .sub-menu{position:absolute;width:260px;inset-inline-start:90%;top:0;background-color:#fff;padding:20px 0;opacity:0;visibility:hidden;transition:all .3s;border-radius:3px;box-shadow:rgba(17,12,46,.15) 0 48px 100px 0}
.main--menu li.has-submenu.is-open>.sub-menu,.main--menu li.has-submenu:hover>.sub-menu{opacity:1;visibility:visible}
.main--menu .sub-menu li.has-submenu.is-open>.sub-menu,.main--menu .sub-menu li.has-submenu:hover>.sub-menu{opacity:1;visibility:visible}
.main--menu .sub-menu li a:hover{letter-spacing:.5px}
.main--menu .sub-menu>.has-submenu:hover .sub-menu{top:0;inset-inline-start:100%;opacity:1;visibility:visible}
.main--menu .sub-menu li:hover .sub-menu{top:0;inset-inline-start:100%;opacity:1;visibility:visible}
.main--menu ul li:hover>.sub-menu{top:60px;opacity:1;visibility:visible}
.main--menu .sub-menu .has-submenu:hover::after{color:#f6472f}
.main--menu .has-submenu:hover::after{color:#f6472f}
.main--menu .sub-menu .has-submenu::after{content:'';top:8px;inset-inline-end:20px;transform:rotate(0)}
.main--menu .has-submenu::after{content:' ';position:absolute;width:15px;height:15px;right:0;top:30px;transition:all .2s;transform:rotate(90deg)}
.portfolio__list.style-1 .title{font-size:24px;font-weight:500;line-height:1.3;transition:all .3s}
.portfolio__list .item .thumb:hover{cursor:url("../images/view.png"),auto}
.main--menu .has-submenu{position:relative}
.arova-btn-flip{position:relative;display:flex;flex-direction:column;height:40px;width:fit-content;overflow:hidden;border-radius:18px;transition:all .4s;text-align:center;cursor:pointer}
.arova-btn-flip .text{top:0;height:100%;color:#fff;display:inline-block;background:#101010;border-radius:50px;padding:9px 15px;text-transform:capitalize;transition:all .4s;position:relative}
.arova-btn-flip .text-2{color:#fff;background-color:#ee4038}
.arova-btn-flip:hover .text{top:-100%}
.hero__scroll .scroll-down{border-radius:22.5px;background-color:#f6dcda;border:none;padding:10px 20px;display:flex;align-items:center;gap:20px;color:#101010;font-weight:500;transform:rotate(-90deg) translate(-300px,-35px);position:absolute;left:30px}
.hero__scroll .scroll-down img{transform:rotate(180deg)}
.scroll_top.showed{opacity:1;bottom:20px;visibility:visible}
.desc-wrap a img{padding-left:10px}
.arova-btn-border:hover{cursor:pointer}
.offcanvas--body .btn-close{position:absolute;right:15px;top:15px}
.offcanvas--body .logo{padding-bottom:30px;width:120px}
.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}
.mean-container .mean-nav>ul{display:block!important}
.mean-container .mean-nav ul li a{color:#101010;padding:8px 0;text-transform:capitalize;border:none}
.mobile-offcanvas{background-color:#0c1923;width:300px;border:none;display:flex;flex-direction:column;height:100%}
.mobile-nav{flex:1;overflow-y:auto;padding:10px 0}
.mobile-offcanvas__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px}
.mobile-offcanvas__logo img{width:80px}
.mobile-offcanvas__close{background:0 0;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.8}
.mobile-offcanvas__close:hover{opacity:1}
.mobile-offcanvas__socials{display:flex;align-items:center;gap:18px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-offcanvas__socials a{display:flex;align-items:center;opacity:.8;transition:opacity .2s}
.mobile-offcanvas__socials a:hover{opacity:1}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav li{position:relative;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-nav a{display:block;padding:14px 20px;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:color .2s}
.mobile-nav a:hover{color:#ee4038}
.mobile-nav__toggle{position:absolute;right:0;top:0;width:50px;height:49px;background:0 0;border:none;color:#fff;font-size:18px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}
.mobile-nav__toggle:hover{color:#ee4038}
.mobile-sub{display:none;background:rgba(255,255,255,.04)}
.mobile-sub.is-open{display:block}
.mobile-sub li{border-bottom:1px solid rgba(255,255,255,.05)}
.mobile-sub a{padding:11px 20px 11px 36px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);text-transform:none;letter-spacing:0}
.mobile-sub .mobile-sub a{padding-left:52px}
.mobile__menu .meanmenu-reveal{display:none!important}
.mobile__menu .mean-nav>ul{display:block!important;margin:0;padding:0}
.mobile__menu .mean-nav ul{margin:0;padding:0;list-style:none}
.mobile__menu .mean-nav ul li{display:block;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile__menu .mean-nav ul li a{display:block;padding:14px 20px;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none!important;background:0 0}
.mobile__menu .mean-nav ul li a:hover{color:#ee4038}
.mobile__menu .mean-nav ul li .mean-expand{position:absolute;right:0;top:0;width:50px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:300;cursor:pointer;border:none;background:0 0;text-align:center;padding:0}
.mobile__menu .mean-nav ul li .mean-expand:hover{color:#ee4038}
.mobile__menu .mean-nav ul ul li{border-bottom:1px solid rgba(255,255,255,.06)}
.mobile__menu .mean-nav ul ul li a{padding:11px 20px 11px 36px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75)}
.mobile__menu .mean-nav ul ul li a:hover{color:#ee4038}
.mobile__menu .mean-nav ul ul ul li a{padding-left:52px}
@media(max-width:768px){
.offcanvas--body{height:600px;overflow:auto;padding:20px 30px}
.offcanvas--body .social{display:block;margin-top:50px;position:absolute;top:20px;right:50px}
.offcanvas--body .social .title{display:none}
.offcanvas--body .logo img{width:90px}
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
.offcanvas--body .social{display:block;margin-top:50px;position:absolute;top:20px;right:50px}
.mean-container .mean-nav ul li a{font-size:20px}
}
@media (max-width:1199px){
.offcanvas--body .social{display:none}
}
.nav{flex:1}
.nav__list{display:flex;align-items:center;justify-content:center;gap:4px}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:15px;font-weight:500;color:#1a1a1a;white-space:nowrap;border-radius:6px;transition:color .18s}
.nav__link:hover{color:#c0392b}
.nav__link--active{color:#c0392b}
.nav__caret{flex-shrink:0;transition:transform .22s ease}
.nav__item--has-dropdown.is-open>.nav__link .nav__caret{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.13);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:500;pointer-events:none}
.nav__item--has-dropdown.is-open>.dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.dropdown__list{padding:8px 0}
.dropdown__item{position:relative}
.dropdown__link{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:14.5px;font-weight:400;color:#1a1a1a;white-space:nowrap;transition:background .15s,color .15s;gap:8px}
.dropdown__link:hover{background:#fce9e9;color:#c0392b}
.dropdown__caret{flex-shrink:0;color:#999;transition:color .15s}
.dropdown__link:hover .dropdown__caret{color:#c0392b}
.header__actions{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}
.btn-quote{display:inline-block;padding:10px 22px;background:#1a1a1a;color:#fff;font-size:14.5px;font-weight:600;border-radius:50px;white-space:nowrap;transition:background .2s,transform .15s;text-decoration:none}
.btn-quote:hover{background:#c0392b;transform:translateY(-1px)}
.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border-radius:6px;border:1.5px solid #e0e0e0;background:0 0;padding:6px;cursor:pointer;transition:border-color .2s}
.hamburger:hover{border-color:#1a1a1a}
.hamburger__line{display:block;width:20px;height:2px;background:#1a1a1a;border-radius:2px;transition:transform .22s ease,opacity .18s}
.hamburger.is-active .hamburger__line:first-child{transform:translateY(7px) rotate(45deg)}
.hamburger.is-active .hamburger__line:nth-child(2){opacity:0}
.hamburger.is-active .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.side-panel__overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.side-panel__overlay.is-open{opacity:1;visibility:visible}
.side-panel{position:fixed;top:0;right:0;width:360px;max-width:90vw;height:100%;background:#fff;z-index:1200;padding:28px 28px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}
.side-panel.is-open{transform:translateX(0)}
.side-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.side-panel__close{background:0 0;border:none;font-size:26px;line-height:1;color:#555;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}
.side-panel__close:hover{color:#1a1a1a}
.side-panel__section{margin-bottom:32px}
.side-panel__title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:18px}
.side-panel__label{font-size:14.5px;font-weight:600;color:#c0392b;margin-bottom:6px;margin-top:14px}
.side-panel__section .side-panel__label:first-of-type{margin-top:0}
.side-panel__contact-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.side-panel__contact-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#1a1a1a}
.side-panel__contact-list a{color:#1a1a1a;text-decoration:none;transition:color .15s}
.side-panel__contact-list a:hover{color:#c0392b}
.side-panel__icon{flex-shrink:0}
.side-panel__icon--top{align-self:flex-start;margin-top:3px}
.side-panel__address{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:13.5px;color:#1a1a1a;line-height:1.55}
.side-panel__socials{display:flex;gap:12px}
.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1a1a1a;transition:background .2s,transform .15s}
.social-icon:hover{background:#c0392b;transform:translateY(-2px)}
.hero{position:relative;background:#fce9e9;min-height:calc(100vh - 72px);display:flex;align-items:stretch;overflow:hidden}
.hero__deco-circle{position:absolute;width:520px;height:520px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);top:50%;left:52%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.hero__scroll-indicator{position:absolute;left:-10px;top:50%;transform:translateY(-50%) rotate(-90deg);z-index:2;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}
.hero__scroll-indicator span{font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:#999}
.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;align-items:stretch;width:100%;padding-top:40px;padding-bottom:0;padding-left:60px;padding-right:60px}
.hero__col-left{display:flex;flex-direction:column;justify-content:space-between;padding-right:24px}
.hero__badge{display:inline-block;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.06);padding:12px 14px;font-size:12px;font-weight:400;color:#1a1a1a;line-height:1.55;max-width:130px;border-radius:4px;align-self:flex-start}
.hero__img-wrap{margin-top:auto;display:flex;align-items:flex-end}
.hero__img{width:100%;max-width:380px;height:auto;display:block;object-fit:cover;border-radius:2px 2px 0 0;height:100%;}
.hero__col-right{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:48px;padding-left:16px}
.hero__heading{font-size:clamp(48px, 5.4vw, 80px);font-family:beatrice;font-weight:400;line-height:1.08;color:#1a1a1a;letter-spacing:-.02em;margin-bottom:0}
.cal__info .title a:hover{color:#000}
.hero__life-tag{display:inline-block;border:2.5px solid #1a1a1a;border-radius:10px;padding:2px 16px 4px;font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:middle;margin-left:4px}
.hero__footer-content{max-width:440px}
.hero__desc{font-size:14.5px;color:#555;line-height:1.65;margin-bottom:20px}
.hero__cta-link{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;font-weight:600;color:#1a1a1a;text-decoration:none;border-bottom:1.5px solid #1a1a1a;padding-bottom:2px;transition:color .18s,border-color .18s;cursor:pointer}
.hero__cta-link:hover{color:#c0392b;border-color:#c0392b}
.hero__social-bar{position:absolute;right:18px;top:68%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:2}
.hero__social-bar ul{gap:7px;display:flex;transform:rotate(-90deg)}
.hero__social-item:hover{border-color:#c0392b;background:rgba(192,57,43,.06)}
.hero__social-item svg circle,.hero__social-item svg line,.hero__social-item svg path,.hero__social-item svg rect{transition:stroke .18s,fill .18s}
.hero__social-item:hover svg circle,.hero__social-item:hover svg line,.hero__social-item:hover svg path,.hero__social-item:hover svg rect{stroke:#c0392b;fill:#c0392b}
.solutions{background-color:#fce9e9;padding:80px 0}
.pb-140{padding-bottom:140px}
.pt-140{padding-top:140px}
.portfolio__area .desc-wrap{border-top:1px solid #ececec;padding-top:40px;padding-bottom:80px;display:flex;align-items:center;justify-content:space-between}
.portfolio__list.style-1 .item .thumb{display:block;margin-bottom:30px;transition:all .5s;position:relative}
.portfolio__list .item ul li{padding-bottom:10px}
.portfolio__list.style-1 .item .thumb::after,.portfolio__list.style-1 .item .thumb::before{position:absolute;width:0;height:101%;content:"";top:-1px;transition:all .5s;background-color:#fff}
.dark .portfolio__list.style-1 .item .thumb::after,.dark .portfolio__list.style-1 .item .thumb::before{background-color:#101010}
.portfolio__list.style-1 .item .thumb::before{left:-1px}
.portfolio__list.style-1 .item .thumb::after{right:-1px}
.portfolio__list.style-1 .item .thumb span{display:block}
.portfolio__list.style-1 .item .thumb span::after,.portfolio__list.style-1 .item .thumb span::before{position:absolute;width:101%;height:0;content:"";left:-1px;transition:all .5s;background-color:#fff}
.dark .portfolio__list.style-1 .item .thumb span::after,.dark .portfolio__list.style-1 .item .thumb span::before{background-color:#101010}
.portfolio__list.style-1 .item .thumb span::before{top:-1px}
.portfolio__list.style-1 .item .thumb span::after{bottom:-1px}
.portfolio__list.style-1 .item .thumb:hover::after,.portfolio__list.style-1 .item .thumb:hover::before{width:60px}
.portfolio__list.style-1 .item .thumb:hover span::after,.portfolio__list.style-1 .item .thumb:hover span::before{height:60px}
.services__section .portfolio__list .item ul li a{margin:5px 0;list-style:none;color:#555}
.services__section .portfolio__list .item ul li a img{margin-left:10px}
.services__section .arova-btn-border::after{background-color:#000}
.arova-btn-border{color:#101010;font-size:16px;font-weight:500;line-height:1.5;position:relative}
.arova-btn-border:hover::after{width:0;left:auto;right:0}
.services__section .portfolio__list .item ul li a:hover{color:#ee4038}
.arova-btn-border::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:-3px;background-color:#101010;transition:all .3s}
.portfolio__area .arova-btn-border{color:#ee4038}
.portfolio__area{background-image:url(../images/shape.png);background-position:28% 33%;background-repeat:no-repeat}
#portfolio .sec-title{max-width:70%}
.sec-title{color:#101010;font-size:70px;font-weight:400;line-height:1.1}
.move-p-title{padding:25px 0;font-style:italic;font-size:16px}
.portfolio__area .desc-wrap p{max-width:550px}
.portfolio__area .arova-btn-border{color:#ee4038}
.arova-btn-border{color:#101010;font-size:16px;font-weight:500;line-height:1.5;position:relative}
.portfolio__area .arova-btn-border i{margin-left:10px}
.portfolio__list.style-1{gap:60px 90px;display:grid;align-items:center;grid-template-columns:1fr 1fr}
.portfolio__list.style-1 .item .thumb{display:block;margin-bottom:30px;transition:all .5s;position:relative}
.portfolio__list.style-1 .item .thumb::before{left:-1px}
.portfolio__list.style-1 .item .thumb::after,.portfolio__list.style-1 .item .thumb::before{position:absolute;width:0;height:101%;content:"";top:-1px;transition:all .5s;background-color:#fff}
.portfolio__list .thumb img{width:100%;height:100%}
.portfolio__list.style-1 .item .thumb span{display:block}
.portfolio__list.style-1 .item .thumb span::before{top:-1px}
.portfolio__list.style-1 .item .thumb span::after{bottom:-1px}
.solutions__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.solutions__content{display:flex;flex-direction:column;gap:24px}
.solutions__heading{font-size:48px;font-weight:700;line-height:1.2;color:#1a1a1a}
.solutions__subheading{font-size:16px;font-style:italic;color:#666;border-bottom:1px solid #d0d0d0;padding-bottom:20px}
.solutions__description{display:flex;flex-direction:column;gap:20px}
.solutions__description p{font-size:16px;line-height:1.7;color:#4a4a4a;text-align:justify}
.solutions__cta{display:flex;align-items:center;justify-content:flex-end;height:100%;padding-bottom:40px}
.solutions__cta-link{font-size:16px;font-weight:600;color:#c0392b;border-bottom:2px solid #c0392b;padding-bottom:4px;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}
.solutions__cta-link:hover{color:#a02f25;border-bottom-color:#a02f25}
.solutions__cta-arrow{display:inline-block;font-size:18px;transition:transform .3s ease}
.solutions__cta-link:hover .solutions__cta-arrow{transform:translateX(4px)}
.portfolio{background-color:#fff;padding:80px 0}
.portfolio__inner{display:flex;flex-direction:column}
.portfolio__list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;grid-auto-rows:auto}
.portfolio__item{display:flex;flex-direction:column;gap:20px;transition:transform .3s ease;transform:scale(.7);opacity:0}
.portfolio__item.in-view{animation:portfolioScaleIn .8s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes portfolioScaleIn{
from{transform:scale(.7);opacity:0}
to{transform:scale(1);opacity:1}
}
.portfolio__item:hover{transform:scale(1) translateY(-4px)}
.portfolio__thumb{position:relative;display:block;overflow:hidden;border-radius:8px;aspect-ratio:4/3;cursor:pointer}
.portfolio__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34, 1.56, .64, 1)}
.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(192,57,43,.1);opacity:0;transition:opacity .3s ease;pointer-events:none}
.portfolio__item:hover .portfolio__thumb img{transform:scale(1.05)}
.portfolio__item:hover .portfolio__overlay{opacity:1}
.portfolio__title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}
.portfolio__title a{color:inherit;text-decoration:none;transition:color .3s ease}
.portfolio__title a:hover{color:#c0392b}
.portfolio__links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.portfolio__link{font-size:16px;color:#1a1a1a;text-decoration:none;border-bottom:1px solid #1a1a1a;padding-bottom:4px;display:inline-flex;align-items:center;gap:8px;width:fit-content;transition:all .3s ease}
.portfolio__link .arrow{display:inline-block;font-size:16px;transition:transform .3s ease}
.portfolio__link:hover{color:#c0392b;border-bottom-color:#c0392b}
.portfolio__link:hover .arrow{transform:translateX(4px)}
.services__section .btn-wrap{margin-top:100px;display:block}
.services__section .btn-wrap .arova-btn-primary{margin:auto}
.arova-btn-primary{display:flex;width:fit-content}
.arova-btn-primary>:first-child{transform:scale3d(.5,.5,1);margin-right:-60px}
.arova-btn-primary .icon{width:60px;height:60px;display:inline-flex;justify-content:center;align-items:center;color:#fff;border-radius:50%;transition:all .5s;font-size:16px;background-color:#101010}
.arova-btn-primary>:nth-child(2){transform:scale3d(1,1,1)}
.arova-btn-primary .text{padding:20px 40px;font-weight:600;font-size:16px;line-height:1;color:#fff;background-color:#101010;text-transform:capitalize;transition:all .3s;display:inline-flex;align-items:center;overflow:hidden;z-index:1;gap:30px;white-space:nowrap;border-radius:50px}
.arova-btn-primary>:nth-child(3){transform:scale3d(1,1,1);margin-left:0}
.arova-btn-primary:hover>:first-child{transform:scale3d(1,1,1);margin-right:0}
.arova-btn-primary:hover>:nth-child(2){transform:scale3d(1,1,1)}
.arova-btn-primary:hover>:nth-child(3){transform:scale3d(.5,.5,1);margin-left:-70px}
.about__area{background-color:#151515}
.about__area .sec-title{color:#fff}
.about__area .desc-wrap{padding-top:70px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin-left:auto}
.about__area .desc-wrap p{color:#fff}
.about__area .desc-wrap .btn-wrap{padding-top:40px}
.about__area .image{position:relative}
.about__area .image .rotate-circle{position:absolute;left:-65px;top:-65px}
.rotate-circle{animation:rotate infinite 8s;display:inline-block}
.about__area .image img{transition:all 1s}
.img-reveal{position:relative;overflow:hidden;width:100%;height:100%}
.img-reveal img{height:100%;width:100%;object-fit:cover;transform-origin:left}
.cta__section{overflow:hidden;width:100%}
.cta__section .img-reveal{height:auto}
.cta__section .img-reveal img{height:auto;display:block}
.about__wrapper .arova-btn-primary .icon,.about__wrapper .arova-btn-primary .text{color:#101010;background-color:#fff}
@keyframes rotate{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.counter__slider .number{font-family:beatrice;font-size:350px;font-weight:400;line-height:1;text-align:center;padding-top:100px;padding-bottom:60px}
.counter__slider .count,.counter__slider .number,.counter__slider .title{color:#101010}
.counter__area{background:#fff;width:100%;height:auto;overflow:hidden}
.counter__slider{width:100%;height:auto;display:flex;overflow:hidden;flex-wrap:wrap}
.counter__slider .item{display:flex;justify-content:center;flex-direction:column;position:relative;width:50%;height:auto;flex-shrink:0;padding:40px 20px}
@media(min-width:768px){
.counter__area{height:100vh;overflow:hidden}
.counter__slider{height:100vh;width:400vw;flex-wrap:nowrap;overflow:visible}
.counter__slider .item{width:100vw;height:100vh;padding:0;flex-shrink:0}
}
.counter__slider .title{font-size:24px;font-weight:500;line-height:1.1;text-align:left;padding-left:40%;font-family:"DM Sans",sans-serif}
.counter__slider .number{font-family:beatrice;font-size:350px;font-weight:400;line-height:1;text-align:center;padding-top:100px;padding-bottom:60px}
.areas-section{padding:40px 0;text-align:center;overflow:hidden}
.areas-section h2{font-size:60px;margin-bottom:50px;font-weight:400}
.areas-section .swiper{padding-bottom:60px;overflow:hidden}
.areas-section .swiper-slide{display:flex;justify-content:center;transition:.3s}
.city-card{width:100%;background:#eaeaea;padding:40px 40px;text-align:left;transition:all .4s ease}
.city-card img{width:100%;height:180px;object-fit:cover;margin-bottom:26px}
.city-card h3{font-size:23px;margin-bottom:10px}
.city-card p{font-size:16px;color:#000;margin-bottom:15px;line-height:1.5}
.city-card a{font-weight:600;text-decoration:underline;color:#ee4038}
.custom-pagination{margin-top:30px;text-align:center}
.custom-pagination .swiper-pagination-bullet-active{background:#ee4038;transform:scale(1.2)}
.custom-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#ccc;display:inline-block;border-radius:50%;margin:0 5px;opacity:1;transition:.3s}
.custom-pagination .swiper-pagination-bullet-active{background:#ee4038;transform:scale(1.2)}
.rflx{display:flex;justify-content:space-between}
.brand__area{border-bottom:1px solid rgba(255,255,255,.0588235294);padding-bottom:30px}
.brand__area{background-color:#101010}
.rflx .rflx-area{width:50%}
.rflx .rflx-area .sec-title{font-size:50px}
.brand__area .sec-title{color:#fff;max-width:80%}
.rflx .cerpart{display:flex;flex-wrap:wrap;gap:10px}
.rflx .cerpart .item{width:20%;margin-top:10px}
.pt-100{padding-top:100px}
.rflx .cerpart{display:flex;flex-wrap:wrap;gap:10px}
img{max-width:100%}
.testimonial__area{background-color:#101010;overflow:hidden}
.testimonial__area .title-wrap{font-size:45px}
.testimonial__area .sec-title{color:#fff;font-size:50px;margin-bottom:30px}
.testimonial__area .google--reviews{width:150px;margin:20px 0;display:inline-block}
.sec-title span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px}
.testimonial__area .google--reviews img{width:100%;height:auto}
.team__area{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}
.team__area a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.team__title{color:#101010;text-align:center;font-size:clamp(40px, 9vw, 160px);font-weight:400;line-height:.9;text-transform:uppercase;position:relative;z-index:-1;left:0;white-space:nowrap}
.footer__area{padding:75px 0;background:#fff}
.footer__area .footer__top{grid-template-columns:repeat(3,1fr);padding-bottom:30px}
.footer__top,.footer__top-2{gap:20px;display:grid;align-items:center;grid-template-columns:2fr 1fr 1fr;padding-bottom:65px}
.footer__top .logo{width:120px}
.footer__top .logo img{width:100%}
.cal__info .title{line-height:normal!important;margin:10px 0}
.footer__top a,.footer__top-2 a{margin-left:auto}
.footer__social{display:flex;margin-top:20px;align-items:center}
.footer__social ul{padding:0;display:flex;gap:14px}
.footer__social ul li{margin:0}
.footer__social ul li a{font-size:16px;color:#000;text-decoration:none;transition:color .3s ease}
.footer__top .newsletter{padding-top:30px;padding-bottom:30px}
.footer__top .newsletter .title{color:#ee4038}
.footer__top .newsletter form{position:relative;display:flex;align-items:center}
.footer__top .newsletter .submit{right:0;position:absolute;border:none;background-color:transparent}
.footer__top .newsletter input{outline:0;width:100%;border:none;padding-bottom:10px;color:#101010;font-size:18px;font-weight:400;padding-right:25px;background-color:transparent;border-bottom:1px solid #c7c7c7;border-radius:0}
.footer__area .footer__btm{display:flex;gap:46px;position:relative;z-index:1}
.footer__btm,.footer__btm-2{gap:50px;display:grid;grid-template-columns:0.95fr 0.8fr 1fr;border-top:1px solid #c7c7c7}
.footer__btm{position:relative}
.footer__area .footer__btm .servc{padding:60px 0 0;display:flex;gap:20px;justify-content:space-between;width:100%;flex-wrap:wrap}
.footer__btm::after{position:absolute;content:'just box it';font-size:130px;right:0;bottom:-45px;opacity:.05;font-weight:700;color:#101010;z-index:-1}
.footer__btm::before{position:absolute;content:'';background:url(../images/logo/ftr-logo.png) no-repeat;background-size:cover;width:333px;height:188px;z-index:-1;opacity:.07;bottom:-57px;scale:.8;left:-56px}
.footer__area .footer__btm .servc .ftr__links li{margin-bottom:10px}
.footer__area .footer__btm .servc .ftr__links li a{font-size:15px;color:#101010}
.footer__area .footer__btm .servc .location p{font-size:15px;color:#101010;font-weight:400}
.footer__btm .location p,.footer__btm .logo p,.footer__btm-2 .location p,.footer__btm-2 .logo p{max-width:240px;color:#555;line-height:1.3}
.footer__btm::after{position:absolute;content:'just box it';font-size:130px;right:0;bottom:-45px;opacity:.05;font-weight:700;color:#101010;z-index:-1}
.ftrflx{display:flex;justify-content:space-between;margin-top:50px}
.ftrflx a,.ftrflx p{font-size:15px;color:var(--black)}
.footer__btm .title,.footer__btm-2 .title{color:#101010;font-size:24px;font-weight:400;padding-bottom:35px}
ol,p,ul{padding:0;margin:0}
.quote-form{width:100%;margin:4% auto;position:relative}
.get_a_quote-frm-response,.main-frm-response{text-align:center;margin-top:50px;font-size:15px;color:green}
.quote-form .sec-title{font-size:35px;text-align:center;padding-top:30px}
.quote-form .closeform{display:block;position:absolute;right:24px;top:-16px;width:25px;cursor:pointer}
.quote-form form{width:100%;transform:translateY(10%);display:flex;align-items:center;justify-content:center;flex-direction:column}
.quote-form .group-input{display:flex;width:90%;margin:0 auto;gap:0 50px;padding:12px 0}
.quote-form .group-input input,.quote-form .group-input select,.single-input textarea{color:#101010;font-size:15px;font-weight:400;width:100%;outline:0;border:none;opacity:1;transition:all .3s;padding-bottom:10px;background-color:transparent;border-bottom:1px solid #101010;border-radius:0}
.quote-form .group-input input{width:100%}
.quote-form .frmnum{display:flex;width:100%;gap:0 6px;align-items:center}
.quote-form .group-input .frmcontry,.quote-form.quote-form_style .group-input .frmcontry{font-size:16px;height:38px;width:125px;border-bottom:1px solid #000}
.quote-form .group-input .frmcontry{width:23%}
.frmcontry{font-size:24px;line-height:1.1}
.quote-form .frminput{width:100%}
.quote-form .single-input{width:90%}
.quote-form .single-input textarea{height:50px}
.quote-form .single-input textarea{width:100%}
.quote-form button{background:0 0;border:none;margin-top:20px}
.quote-form .arova-btn-primary .icon{width:55px;height:55px}
.quote-form .arova-btn-primary .text{padding:20px 64px}

.whatsappfloating {position: fixed;bottom: 20px;left: 32px;opacity: 1;visibility: visible;background: var(--bs-border-color);z-index: 99;border-radius: 100%;}
.whatsappfloating img {width: 50px;}
@media (max-width:1024px){
.nav{display:none}
.header__inner{justify-content:space-between}
.hero__inner{grid-template-columns:1fr;padding-left:40px;padding-right:50px}
.hero__col-left{flex-direction:row;align-items:flex-end;gap:20px;padding-right:0;margin-bottom:24px}
.hero__badge{align-self:flex-start}
.hero__img{max-width:260px;min-height:220px}
.solutions__inner{grid-template-columns:1fr;gap:40px}
.solutions__cta{justify-content:flex-start;padding-bottom:0}
.portfolio__list{grid-template-columns:1fr;gap:40px}
.portfolio__thumb{aspect-ratio:2/1}
}
@media (max-width:768px){
.hero__heading{font-size:clamp(36px, 8vw, 56px)}
.hero__scroll-indicator{display:none}
.hero__social-bar{display:none}
.footer__btm::after{font-size:50px}
.solutions{padding:60px 0}
.solutions__heading{font-size:36px}
.portfolio{padding:60px 0}
.portfolio__title{font-size:22px}
.portfolio__thumb{aspect-ratio:3/2}
.portfolio__list.style-1{grid-template-columns:1fr;gap:40px}
.about__area .sec-title{text-indent:40px}
.sec-title{font-size:36px}
.about__area .desc-wrap{gap:20px;grid-template-columns:1fr}
.about__area .image .rotate-circle{width:100px;left:-8px;top:-20px}
.counter__slider{padding-top:100px;flex-wrap:wrap;height:auto;width:100%;gap:0;padding-bottom:50px;justify-content:center}
.counter__slider .number{font-size:90px;padding-top:20px;padding-bottom:0}
.counter__slider .item{height:auto;width:100%}
.counter__slider .title{font-size:20px;text-align:center;padding-left:unset}
.areas-section h2{font-size:30px}
.team__area{overflow:hidden}
.team__title{font-size:clamp(40px, 20vw, 90px);left:0;position:relative}
.footer__area .footer__top{display:block;padding:60px 0 30px;place-items:flex-start}
.ftrflx{flex-direction:column;gap:15px;margin-top:10px}
.portfolio__area .desc-wrap{gap:20px;margin-left:0;flex-wrap:wrap;padding-bottom:50px}
.rflx{flex-direction:column}
.brand__area .sec-title{width:100%}
.rflx .rflx-area{width:100%;margin-bottom:30px}
.rflx .rflx-area .sec-title{font-size:36px}
.testimonial__area .sec-title{font-size:36px}
.testimonial__area{padding:30px 0}
}
@media (max-width:480px){
.container{padding:0 18px}
.hero__inner{padding-left:18px;padding-right:18px}
.hero__col-left{flex-direction:column}
.hero__img{max-width:100%}
.solutions{padding:40px 0}
.solutions__heading{font-size:28px}
.solutions__description p{text-align:left;font-size:14px}
.solutions__cta-link{font-size:14px}
.portfolio{padding:40px 0}
.portfolio__list{grid-template-columns:1fr;gap:24px}
.portfolio__title{font-size:18px}
.portfolio__link{font-size:14px}
.portfolio__thumb{aspect-ratio:2/1}
}