.hamburger{height:30px;width:30px;&:after,&:before{transition:all;content:" "}&:before{top:1px;left:0}&:after{bottom:1px;left:0}&:after,&:before,span{position:absolute;background:#fff;height:4px;width:100%}span{top:50%;transform:translateY(-50%)}}.heading{font-size:40px;line-height:44px}.heading.text-white{color:#fff}@media (min-width:768px){.heading{font-size:56px;line-height:70px}.heading.text-small{font-size:48px;line-height:60px}}.arrow-button{gap:15px;overflow-x:hidden;cursor:pointer;transition:.5s;padding:16px;min-width:260px;height:65px}.arrow-1,.arrow-2,.arrow-button,.label{transition:all .5s}.arrow-1 svg,.arrow-2 svg{height:25px}.arrow-button .arrow-1{margin-left:-150px}.arrow-button .label{margin-left:-10px;padding-right:25px}.arrow-button .arrow-2{right:0}.arrow-button:hover .arrow-1{margin-left:0}.arrow-button:hover .arrow-2{margin-right:-100px}.arrow-button:hover .label{margin-left:40px;padding-right:0}.arrow-button{background-image:linear-gradient(270deg,#000,#000);background-position:100% 100%;background-size:100% 2px;background-repeat:no-repeat;overflow:hidden;transition:background-size .5s,background-color .5s}.arrow-button-border-white{background-image:linear-gradient(270deg,#fff,#fff)}.arrow-button-border-white:hover,.arrow-button:hover{background-size:0 2px;animation:resetBackground .2s ease-in-out .2s forwards}.arrow-button.no-border{background-image:none}@keyframes resetBackground{0%{background-size:0 2px;background-position:0 100%}to{background-image:linear-gradient(to left,var(--color-red-500),var(--color-red-500));background-position:0 100%;background-size:100% 2px}}.circle-button svg{height:35px}.circle-button .arrow-1{transition:margin-right .5s}.circle-button:hover .arrow-1{margin-right:-150px}.circle-button .arrow-2{position:absolute;left:-100px;transition:left .5s}.circle-button:hover .arrow-2{left:50%;transform:translate(-50%)}.circle-button.scale-btn:hover .arrow-1{transition:scale .25s;margin-right:0;scale:1.1}.circle-button.scale-btn:hover .arrow-2{left:-100px}.hero-content-container{max-width:780px}@media (min-width:768px){.hero-title{font-size:80px}}.service-bar-list li:not(:last-of-type){border-bottom:1px solid #322f30;width:100%}@media (min-width:1024px){.service-bar-list li:not(:last-of-type){border-right:1px solid #322f30;border-bottom:none}}.content-styler-content p{font-size:24px;color:var(--color-gray-400);margin-top:1rem}.content-styler-content h3{color:var(--color-white);font-size:24px;margin:2rem 0 1rem;font-weight:500}.content-styler-content.text-white p{color:var(--color-gray-300)}.blog-details-box{background-color:#fff;padding:1rem;margin:1rem 0;border-left:2px solid var(--color-red-500)}.blog-details-box h3{margin-top:0}.content-styler-content.text-small h3{font-size:20px}.content-styler-content.text-small p{font-size:18px}.content-styler-content ol,.content-styler-content ul{list-style:disc;padding-left:2rem;font-size:24px;margin-top:1rem;color:var(--color-gray-400)}.content-styler-content ul ul{padding-left:2rem;font-size:22px;margin-top:0}.our-expertise-content p{max-width:648px}.our-solutions-heading-container{max-width:624px}.our-solutions-heading-container .heading{font-size:40px;line-height:44px}@media (min-width:1536px){.our-solutions-heading-container .heading{font-size:72px;line-height:86px}}.home-automation .img-container{background:linear-gradient(180deg,#f0efef,#bcbcbc)}.about-our-story-img-container{height:200px}@media (min-width:768px){.about-our-story-img-container{height:676px}}.about-our-story-content-container{max-width:950px}.about-our-approach-img-container{height:376px}@media (min-width:768px){.about-our-approach-img-container{height:776px}}.blog-post-card:hover .blog-card-heading{text-decoration:underline;color:var(--color-red-500)}.blog-card-img{overflow:hidden}.blog-post-card .blog-card-img:hover div{transform:scale(1.03)}.overlay{background-color:#000;opacity:.2}.blog-post-card .blog-card-img:hover .overlay{display:block}.blog-post-card.no-hover-effects .blog-card-img:hover div{transform:none}.blog-post-card.no-hover-effects .blog-card-img:hover .overlay{display:none}.blog-post-card.no-hover-effects:hover .blog-card-heading{text-decoration:none;color:var(--color-black)}.product-navigation-container .nav-btn-heading{font-weight:500;font-size:1.5rem;margin:0;max-width:500px;line-height:125%}.product-navigation-container .nav-btn-heading:hover{color:var(--color-red-500);text-decoration:underline}.product-navigation-container .product-img-container{height:100px;width:100px;display:none}@media (min-width:768px){.product-navigation-container .product-img-container{display:block;height:164px;width:164px}}@media (min-width:1024px){.product-navigation-container .nav-btn-heading{font-weight:500;font-size:2.5rem}}.split-content-grid .img-container{background:linear-gradient(180deg,#f0efef,#bcbcbc)}.split-content-grid .img-container .fill-img{-o-object-position:50% 10%!important;object-position:50% 10%!important}.library-controls-container .library-control{border-bottom:1px solid #dfdede;font-weight:500}.library-controls-container .library-control:first-of-type{border-top:1px solid #dfdede}@media (min-width:768px){.blog-info-container .item:not(:last-child):after{margin:0 10px;content:"|";color:var(--color-gray-300)}}.crumbs .crumb-link:not(:last-of-type):after{color:var(--color-gray-300);content:"/";margin:15px}.visual-library .product-content-container:not(:last-of-type){border-bottom:1px solid #dfdede}.visual-library .product-content-container{border-left:1px solid #dfdede;height:100%}@media (min-width:1024px){.visual-library .product-content-container{min-height:550px}}.visual-library-hero-container{height:650px}@media (min-width:768px){.visual-library-hero-container{height:800px}}.blog-hero-container{height:750px}.blog-hero-content-container{max-width:725px;height:750px}@media (min-width:768px){.blog-hero-content-container .hero-title{font-size:60px}}.home-hero-content-container{max-width:780px;height:600px}.short-hero{height:450px!important}.home-hero-container{height:600px}.short-hero .home-hero-content-container{height:450px!important}.med-hero,.med-hero .home-hero-content-container{height:750px!important}.hero-title{line-height:100%;font-size:52px}.hero-title span{color:#db0032}.hero-content{max-width:530px}.home-hero-content-container.content-center{max-width:1250px}@media (min-width:768px){.hero-title{font-size:84px}.hero-title.small-heading{font-size:60px}.home-hero-content-container{max-width:1000px;height:940px}.home-hero-container{height:940px}}