.theme-btn,body{color:#fbe106;font-family:var(--body-font)}.sec-title .sub-title,.service-block-four .content-box .title a:hover{color:var(--theme-color1)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--theme-color1:#612f14;--theme-color2:#111827;--theme-color-light:#ffffff;--body-font:'Work Sans',sans-serif;--heading-font:'Work Sans',sans-serif}body{font-size:16px;line-height:1.7}.service-block-four .content-box .title a,a{color:inherit}a{text-decoration:none}.content-grid{--padding-inline:1rem;width:100%;--content-max-width:1500px;--breakout-max-width:85ch;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width){grid-column:content;width:100%;padding-inline:0px}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width}.services-section-four{position:relative;padding:60px 0;background:#f8f9fa}.services-section-four::before{content:"";position:absolute;left:0;bottom:0;height:396px;width:100%;background-color:#f8f9fa;pointer-events:none;z-index:0}.sec-title{position:relative;z-index:1;margin-bottom:50px}.sec-title .row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px}.sec-title .sub-title,.theme-btn{display:inline-flex;font-size:16px;font-weight:700}.sec-title .sub-title{align-items:center;gap:10px;letter-spacing:4px;margin-bottom:14px}.sec-title h2{font-family:var(--heading-font);font-size:24px;font-weight:700;color:var(--theme-color2);line-height:1.2}.theme-btn{align-items:center;gap:8px;background:var(--theme-color1);letter-spacing:2px;text-transform:uppercase;padding:15px 30px;border-radius:4px;transition:background .25s,transform .25s;white-space:nowrap}.theme-btn:hover{background:#612f14;transform:translateY(-2px)}.service-block-four .content-box,.service-block-four .content-box-hover{background:var(--theme-color-light);transition:opacity .3s,transform .3s}.theme-btn svg{width:14px;height:14px;fill:currentColor}.outer-box{position:relative;z-index:1;display:flex;flex-wrap:nowrap;overflow:hidden;gap:0}.service-block-four{position:relative;flex:1;min-height:470px;margin:0 5px 30px;transition:flex .8s cubic-bezier(.29, 0, .2, 1);will-change:flex;animation:.6s both fadeInUp}.service-block-four:first-child{animation-delay:0ms}.service-block-four:nth-child(2){animation-delay:.15s}.service-block-four:nth-child(3){animation-delay:.3s}.service-block-four:nth-child(4){animation-delay:.45s}.service-block-four:nth-child(5){animation-delay:.6s}.service-block-four:nth-child(6){animation-delay:.75s}.service-block-four.active,.service-block-four:hover{flex:3}.service-block-four .inner-box{position:relative;overflow:hidden;height:100%}.service-block-four .image-box{position:relative;height:100%}.service-block-four .image-box .image{position:relative;display:block;margin:0;height:100%}.service-block-four .content-box .icon,.service-block-four .content-box-hover .icon{background-color:var(--theme-color1);height:60px;width:60px;left:20px;align-items:center;display:flex;position:absolute}.service-block-four .image-box .image::before{content:"";position:absolute;inset:0;background:rgba(29,29,29,.9);opacity:.3;transition:opacity .3s;z-index:2}.service-block-four.active .image-box .image::before,.service-block-four:hover .image-box .image::before{opacity:0}.service-block-four .image-box .image img{width:100%;height:470px;object-fit:cover;transition:transform .6s;display:block}.service-block-four.active .image-box .image img,.service-block-four:hover .image-box .image img{transform:scale(1.05)}.icon svg{width:26px;height:26px;fill:#fbe106;display:block}.service-block-four .content-box-hover{position:absolute;left:0;bottom:0;height:376px;overflow:hidden;padding:30px 38px 92px;z-index:3;writing-mode:vertical-rl}.service-block-four.active .content-box-hover,.service-block-four:hover .content-box-hover{opacity:0;transform:translateY(20px);transition-delay:0.1s;pointer-events:none}.service-block-four .content-box-hover .icon{color:var(--theme-color-light);bottom:17px;transform:rotate(0);transition:.3s;justify-content:center}.service-block-four .content-box-hover .title{color:var(--theme-color2);font-family:var(--heading-font);font-size:18px;font-weight:700;margin:0;transform:rotate(180deg);white-space:nowrap}.service-block-four .content-box{position:absolute;left:30px;right:30px;bottom:35px;padding:27px 85px 28px 95px;z-index:4;opacity:0;transform:translateY(70px)}.service-block-four.active .content-box,.service-block-four:hover .content-box{opacity:1;transform:translateY(0);transition-delay:0.5s}.service-block-four .content-box .icon{top:30px;justify-content:center;transition:.3s}.service-block-four .content-box .title{font-family:var(--heading-font);font-weight:700;font-size:16px;color:var(--theme-color2);margin-bottom:6px}.service-block-four .content-box .text{font-size:16px;color:#666;line-height:1.65;margin-bottom:0}.service-block-four .content-box .read-more{position:absolute;top:30px;right:26px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--theme-color1);transform:rotate(45deg) scale(0);opacity:0;transition:.3s}.service-block-four .content-box .read-more::before{content:"";position:absolute;background:rgb(251 225 6 / 30%);width:50px;height:50px;left:0;top:0;transform:rotate(45deg)}.service-block-four.active .content-box .read-more,.service-block-four:hover .content-box .read-more{opacity:1;transform:rotate(45deg) scale(1);transition-delay:0.7s}.service-block-four .content-box .read-more svg{width:16px;height:16px;fill:#612f14;position:relative;z-index:1;transform:rotate(-45deg)}@media (max-width:991px){.outer-box{flex-wrap:wrap}.service-block-four{width:50%;flex:0 0 50%!important;margin:0 0 30px}.service-block-four .content-box{right:0;left:0;bottom:0;padding:20px}.service-block-four .content-box .icon{position:relative;display:inline-flex;top:0;left:0;margin-bottom:12px}}@media (max-width:767px){.service-block-four{width:100%;flex:0 0 100%!important}.sec-title h2 br{display:none}.sec-title .row{flex-direction:column;align-items:flex-start}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}