@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
input{border-radius:0;border-color:#000;display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#343a40;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ced4da;}textarea{width:100%;}label{margin-bottom:5px;display:inline-block;margin-top:5px;margin-bottom:5px;}input[type=button],input[type=submit],input[type=reset]{border:1px solid #000;padding:0.625rem;color:#000;background-color:transparent;border-radius:0;margin-top:1.5625rem;margin-bottom:15px;}input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background-color:#000;color:#fff;}.button--primary{border:1px solid #000;padding:10px;color:#000;background-color:transparent;border-radius:0;margin-top:25px;text-decoration:none;}.button--primary:hover{text-decoration:none;background-color:#000;color:#fff;text-decoration:none;}:root{--font-primary:"Lato",sans-serif;--font-secondary:"Raleway",sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;}header{text-align:center;padding:0;}@media (min-width:768px){header{padding-top:20px;}}header .blog-title{margin:0;}header .blog-title a{color:#000;font-size:24px;margin:0;font-weight:400;letter-spacing:0.125em;text-transform:uppercase;text-decoration:none;}@media (min-width:768px){header .blog-title a{font-size:2rem;}}header .blog-title a:hover{color:#ff9f35;text-decoration:none;}header .blog-title a .icon-end{color:#ff9f35;font-size:1.3em;}header .blog-slogan{font-size:18px;color:#595959;margin:0;}#page{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;}footer{background:#040a18;padding-top:50px;padding-bottom:50px;}footer .footer-content > div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:30px;}footer .footer-content p{color:#fff;}footer .footer-content ul{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}footer .footer-content ul a{color:#fff;text-decoration:none;}footer .footer-content ul a:hover{color:#ff9f35;}footer .footer-content ul a.active{color:#ff9f35;}footer .footer-content #block-houseofdev-footer-contact p{color:#fff;margin-top:30px;}@media (min-width:768px){footer .footer-content #block-houseofdev-footer-contact p{text-align:right;margin-top:0;}}footer .footer-content #block-houseofdev-footer-menu-2{text-align:center;}footer .footer-content a{color:#fff;}footer .footer-content a:hover{color:#ff9f35;text-decoration:none;}footer .footer-content .nav-link{padding-left:0;}.post-categories{list-style-type:none;display:flex;color:#b7b9c2;padding:0;}.post-categories li{font-size:0.75rem;font-weight:500;text-transform:none;padding-left:0;list-style:none;}.post-categories li:not(:last-child){margin-right:10px;}.post-categories li a{color:#757585;}.post-categories li a:hover{color:#000;text-decoration:none;}.popin{opacity:0;visibility:hidden;transition:opacity 0.3s ease-out 0.3s,visibility 0s ease-out 0.6s;position:fixed;inset:0px;z-index:1000;}.popin-overlay{position:absolute;inset:0px;background:black;opacity:0.5;}.popin--share .popin-overlay{background:rgba(34,34,34,0.6);opacity:0.2;}.popin-content{z-index:200;position:absolute;z-index:2;background-color:#000;opacity:0;transform:translateX(-100%);transition:all 0.3s ease-in;top:0;left:0;height:100vh;width:100%;max-width:480px;}.popin.opened{opacity:1;visibility:visible;transition-delay:0s;transition-timing-function:ease-in;}.popin.opened .popin-content{opacity:1;transform:translateX(0);transition-timing-function:ease-out;padding:25px;}body:has(.popin.opened){overflow:hidden;}.popin-close{position:absolute;top:1rem;right:1rem;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;z-index:3;}.popin-close:hover{color:#ff9f35;}.popin .header-submenu-content-wrapper ul{list-style:none;}.popin .header-submenu-content-wrapper ul li{margin-bottom:35px;background-size:30px;background-position:left center;text-indent:30px;background-repeat:no-repeat;}.popin .header-submenu-content-wrapper ul li:nth-child(1){background-image:url(/themes/custom/houseofdev/images/icons/blog-code.svg);}.popin .header-submenu-content-wrapper ul li:nth-child(2){background-image:url(/themes/custom/houseofdev/images/icons/pictures.svg);}.popin .header-submenu-content-wrapper ul li:nth-child(3){background-image:url(/themes/custom/houseofdev/images/icons/contact.svg);}.popin .header-submenu-content-wrapper ul li:nth-child(4){background-image:url(/themes/custom/houseofdev/images/icons/home.svg);}.popin .header-submenu-content-wrapper ul li a{color:#fff;display:block;font-size:24px;padding-left:15px;text-decoration:none;}.popin .header-submenu-content-wrapper ul li a.active{color:#ff9f35;}.popin .header-submenu-content-wrapper ul li a:hover{color:#ff9f35;}.popin .header-submenu-content-wrapper ul li a:before{padding-left:10px;}.popin ul.links{list-style:none;}.popin ul.links li{margin-bottom:35px;background-size:30px;background-position:left center;text-indent:30px;background-repeat:no-repeat;}.popin ul.links li:nth-child(1){background-image:url(/themes/custom/houseofdev/images/icons/flag.svg);}.offcanvas-navbar{background-color:#000;padding:0 24px 24px 24px;}.offcanvas-navbar .block-language{margin-top:50px;padding-top:25px;border-top:1px solid #ff9f35;padding-left:0;}.offcanvas-navbar .block-language a{display:block;color:#fff;font-size:24px;}.offcanvas-navbar .block-language a:hover{color:#ff9f35;}.path-frontpage #navbar-main{border:transparent;margin-bottom:0;}.path-frontpage h1{font-size:30px;text-align:center;font-weight:700;}.path-frontpage h1:after{margin:20px auto 0 auto;}@media (min-width:768px){.path-frontpage h1{margin-top:60px;margin-bottom:60px;font-size:40px;}}.path-frontpage article p{text-align:center;margin:0 auto;font-size:22px;}@media (min-width:768px){.path-frontpage article p{max-width:80%;font-size:25px;}}.path-frontpage .container-full-width-after-content{background-image:linear-gradient(to right,#f78ca0 0%,#f9748f 19%,#fd868c 60%,#fe9a8b 100%);}.path-frontpage .footer-container{margin-top:0;}.grid-container{margin:30px 0 35px 0;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;}@media (min-width:768px){.grid-container{grid-template-columns:repeat(3,1fr);}}.grid-container .card-services{margin-bottom:30px;padding:15px;}.grid-container .card-services:nth-child(1){background-image:linear-gradient(to right,#4facfe 0%,#00f2fe 100%);}.grid-container .card-services:nth-child(2){background-image:linear-gradient(to top,#ff0844 0%,#ffb199 100%);}.grid-container .card-services:nth-child(3){background-image:linear-gradient(to top,#00c6fb 0%,#005bea 100%);}.grid-container .card-services h3{letter-spacing:-0.025em;text-transform:none;line-height:1.25;color:#000;margin-top:2rem;margin-bottom:2rem;font-family:var(--font-primary);font-weight:var(--montserrat-regular);}.grid-container .card-services h3,.grid-container .card-services p{color:#fff;}.grid-container .card-services img{width:30%;height:auto;margin:0 auto;display:block;}.grid-container .card-services .field--name-field-image-card{text-align:center;}.grid-container .card-services .field--name-field-image-card img{width:30%;height:auto;margin:35px 0 0 0;}.container-full-width-after-content{background:linear-gradient(to right,#8e44ad,#c0392b);}.container-full-width-after-content h2{color:#fff;}.path-frontpage #navbar-main{border:transparent;margin-bottom:0;}.path-frontpage h1{font-size:30px;text-align:center;font-weight:700;}.path-frontpage h1:after{margin:20px auto 0 auto;}@media (min-width:768px){.path-frontpage h1{margin-top:60px;margin-bottom:60px;font-size:40px;}}.path-frontpage article p{text-align:center;margin:0 auto;font-size:22px;}@media (min-width:768px){.path-frontpage article p{max-width:80%;font-size:25px;}}.path-frontpage .container-full-width-after-content{background-image:linear-gradient(to right,#f78ca0 0%,#f9748f 19%,#fd868c 60%,#fe9a8b 100%);}.path-frontpage .footer-container{margin-top:0;}body{margin:0;font-family:var(--font-secondary);}*{margin:0;padding:0;box-sizing:border-box;}.container{max-width:1140px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}header{padding:15px 20px;display:flex;align-items:center;justify-content:center;}.burger-menu{font-size:32px;cursor:pointer;z-index:1;border:none;background-color:transparent;position:absolute;top:0;left:5px;color:#000;}@media (min-width:768px){.burger-menu{top:25px;left:25px;}}h1,h2,h3,h4,h5,h6{font-family:"Raleway",Arial,Verdana,sans-serif;font-weight:400;letter-spacing:-0.025em;text-transform:none;line-height:1.25;color:#000;margin-top:32px;margin-bottom:32px;}h1{font-weight:400;text-transform:none;font-size:18px;text-align:center;margin-bottom:1rem;font-size:36px;}h1:after{margin:30px auto 25px auto;background-color:#5b7680;max-width:80px;height:2px;display:block;width:100%;content:"";}@media (min-width:768px){h1{font-size:45px;}}h2{font-size:2rem;}h3{line-height:1.25;font-size:1.75rem;}.field--name-field-hero-image img{width:100%;height:auto;}.cta-container a{text-transform:uppercase;letter-spacing:2px;border:1px solid #000;padding:10px 20px;text-decoration:none;color:#000;}.cta-container a:hover{text-decoration:none;background-color:#000;color:#fff;}@media (min-width:768px){.cta-container{padding:10px 20px;}}.body-content{margin:25px auto;}.body-content p{line-height:1.7;margin-bottom:28px;margin-top:0;color:#77797c;font-size:16px;}.body-content li{color:#77797c;font-size:16px;}.body-content img{border:1px solid #77797c;}.body-content a{color:#ff9f35;text-decoration:none;border-bottom:2px solid #ff9f35;padding-bottom:2px;transition:border-color 0.2s ease;}.body-content a:hover,.body-content a:focus{color:rgb(255,144.3623762376,22.2);}ul{margin-left:0;padding-left:1.5rem;list-style-position:outside;}.text-list{text-align:center;font-weight:700;margin-bottom:32px;}p{line-height:1.625;margin-bottom:28px;margin-top:28px;color:#77797c;font-size:16px;}li{color:#77797c;font-size:16px;line-height:1.625;}@media (min-width:768px){.container-article-list .container-list{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;}}.container-article-list .container-list .block-facet--checkbox ul{list-style-type:none;padding-left:5px;}.container-article-list .container-list .block-facet--checkbox ul li input{margin-right:5px;width:auto;display:inline-block;}.container-article-list .container-list article{margin-top:3rem;border-top:1px solid #ddd;padding-top:30px;}.container-article-list .container-list article:first-child{margin-top:40px;border-top:none;padding-top:0;}.container-article-list .container-list article:last-child{margin-bottom:50px;}@media (min-width:768px){.container-article-list .container-list article:last-child{margin-bottom:80px;}}.container-article-list .container-list img{width:100%;height:auto;}.container-article-list .container-list .entry-excerpt{font-size:16px;line-height:1.5;margin-top:1rem;margin-bottom:1.5rem;font-weight:500;}.container-article-list .container-list .feed-icons{margin-bottom:30px;}.container-article-list .container-list .post-categories{list-style-type:none;display:flex;color:#b7b9c2;padding:0;}.container-article-list .container-list .post-categories li{font-size:16px;font-weight:500;text-transform:none;padding-left:0;list-style:none;}.container-article-list .container-list .post-categories li:not(:last-child){margin-right:10px;}.container-article-list .container-list .post-categories li a{color:#757585;text-decoration:none;}.container-article-list .container-list .post-categories li a:hover{color:#000;text-decoration:none;}.container-article-list .cta-container{padding:0;}.node--type-articles_dev .post-infos{font-size:13px;color:#999;text-align:center;}.node--type-articles_dev ul li::marker{color:#ff9f35;}.post-categories ul{margin:0 auto;display:block;}.post-categories ul li{display:inline;}.chapo{background-color:#f8f9fa;padding:1.25rem 1.75rem;border-left:#17a2b8 2px solid;margin:25px auto;}.chapo p,.chapo li{font-size:22px;font-weight:600;line-height:1.5;}.chapo ul{padding-left:50px;}.body-content{margin:25px auto;}.body-content p{line-height:1.625;margin-bottom:28px;margin-top:0;color:#77797c;font-size:16px;}.body-content li{color:#77797c;font-size:16px;}.body-content .paragraph--type--code{margin-top:25px;}.body-content img{border:1px solid #77797c;}blockquote{background-color:black;padding:1.25rem 1.75rem;border-left:#ff9f35 5px solid;margin:25px auto;color:#fff;}blockquote p,blockquote li{font-size:22px;line-height:32px;font-weight:600;}.liens-source{background-color:black;padding:1.25rem 1.75rem;border-left:#ff9f35 5px solid;margin:25px auto;color:#fff;}.liens-source h2{font-weight:600;font-size:25px;color:#ff9f35;margin-bottom:20px;}.liens-source p,.liens-source li{font-size:22px;line-height:1.5;font-weight:600;}.liens-source a{color:#fff;border-bottom:none;}.liens-source a:hover{border-bottom:none;}.node--type-contact .photo{text-align:center;}.node--type-contact .photo img{margin:50px auto;width:200px;height:auto;border-radius:50%;}@media (min-width:768px){.node--type-contact .contact-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;}}.node--type-contact .contact-details{padding-left:15px;padding-right:15px;}@media (min-width:768px){.node--type-contact .contact-details{padding-left:300px;}}.node--type-contact .contact-details .social{margin-top:15px;}.node--type-contact .contact-details .social div div{display:inline-block;margin-right:10px;}.node--type-contact .contact-details .social img{width:30px;height:auto;}.node--type-contact .contact-form{padding:60px 48px;background-image:linear-gradient(90deg,#00deff 0%,#7141b1 100%);color:#fff;}.node--type-contact .contact-form h2{color:#fff;}.project-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;}.project-desc,.project-detail{padding:1.5rem;}.project-desc a{display:inline-block;}.browser-mockup{border-top:2em solid rgba(230,230,230,0.7);box-shadow:0 0.1em 1em 0 rgba(0,0,0,0.4);position:relative;border-radius:3px 3px 0 0;}.browser-mockup p{margin:0;}.browser-mockup:before{display:block;position:absolute;content:"";top:-1.25em;left:1em;width:0.5em;height:0.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5;}.browser-mockup.with-tab:after{display:block;position:absolute;content:"";top:-2em;left:5.5em;width:20%;height:0em;border-bottom:2em solid white;border-left:0.8em solid transparent;border-right:0.8em solid transparent;}.browser-mockup.with-url:after{display:block;position:absolute;content:"";top:-1.6em;left:5.5em;width:calc(100% - 6em);height:1.2em;border-radius:2px;background-color:white;}.browser-mockup > *{display:block;}.url{position:absolute;top:-25px;left:100px;z-index:2;font-size:12px;font-family:"Montserrat",sans-serif;color:#000;}.node--type-projects_list .card{margin-bottom:55px;}.node--type-projects_list .card-body{text-align:center;}.node--type-projects_list .card-body a{display:inline-block;}.contact-block{background-color:#4c00ec;padding:15px 0;}@media (min-width:768px){.contact-block{padding:30px 0;}}.contact-block .container{max-width:1140px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}.contact-block .container h2{color:#fff;}.contact-block .container p{color:#fff;font-size:32px;line-height:42px;padding:0;font-weight:200;margin-bottom:60px;}.contact-block .container .social{text-align:center;}.contact-block .container .social .cta-container{margin-top:65px;}.contact-block .container .social .cta-container a{color:#fff;border-color:#fff;}.contact-block .container .social .social-link > div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:30px;}.contact-block .container .social .social-link > div > div{display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem;}.contact-block .container .social .social-link > div > div img{width:30px;height:auto;}@media (min-width:768px){.contact-block .container .social .social-link > div > div img{width:50px;}}.section-slider-similar-content:nth-child(even){background-color:#f0f3f6;}.section-slider-similar-content:nth-child(even) .swiper-slide{background-color:transparent;}.section-slider-similar-content .sub-container{margin:0 auto;padding-top:5px;padding-right:5px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;-moz-column-gap:16px;column-gap:16px;}.section-slider-similar-content .sub-container .button-box{display:flex;align-items:center;-moz-column-gap:60px;column-gap:60px;cursor:pointer;}@media (min-width:768px){.section-slider-similar-content .sub-container .button-box{margin-bottom:35px;}}.section-slider-similar-content .sub-container .button-box svg{width:50px;height:auto;}.section-slider-similar-content .sub-container .button-box img:not(.swiper-button-lock){width:50px;height:50px;border-radius:100%;transition:all 200ms ease;}.section-slider-similar-content .sub-container .button-box > button:hover{transform:scale(1.15);}.section-slider-similar-content .swiper{padding-bottom:50px;}.section-slider-similar-content .swiper .swiper-slide{flex:none;position:relative;border-radius:50px;min-height:300px;}.section-slider-similar-content .swiper .swiper-slide article{padding:25px;}.section-slider-similar-content .swiper .swiper-slide article .categorie{display:none;}.section-slider-similar-content .swiper .swiper-slide article img{width:100%;border-radius:20px 20px 0px 20px;}.section-slider-similar-content .swiper .swiper-slide article h3{margin-top:30px;font-size:20px;line-height:30px;text-align:left;}.section-slider-similar-content .swiper .swiper-slide article p{font-size:18px;line-height:27px;margin:30px 0 0 0;text-align:left;}.swiper{width:100%;}.swiper .swiper-slide{font-size:18px;background:#fff;height:auto;}.swiper .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.swiper .swiper-pagination{position:relative;margin-top:60px;top:auto;right:auto;left:auto;bottom:auto;}.swiper .swiper-pagination-bullet{width:12px;height:12px;background:#000;border-radius:20px;border:none;margin:0 8px;transition:all 0.5s ease-in-out;background:#fff;opacity:1;}.swiper .swiper-pagination-bullet-active{width:36px;transition:all 0.5s ease-in-out;}.hero{background:radial-gradient(circle at top left,#361999 0%,#744AFF 100%);padding:10em 0;margin-bottom:35px;}.hero .banner span{color:#78FFF1;}.hero .banner p{color:#8A9EFF;margin:0;}.hero .banner p:nth-child(1){font-size:32px;color:#fff;font-weight:700;line-height:1.2em;margin-top:0;margin-bottom:10px;animation-delay:0.4s;}@media (min-width:768px){.hero .banner p:nth-child(1){font-size:80px;}}.hero .banner p:nth-child(2){margin-bottom:15px;border-radius:4px;padding:0;animation-delay:0.6s;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:22px;line-height:1.25em;max-width:850px;font-weight:700;width:100%;}@media (min-width:768px){.hero .banner p:nth-child(2){font-size:1.8em;}}.hero .banner .cta-container{margin-top:48px;}.hero .banner .cta-container a{color:#fff;border-color:#fff;font-size:16px;}.hero .banner .cta-container a:hover{background-color:#fff;color:#000;}@media (min-width:768px){.hero .banner .cta-container a{font-size:1.8em;}}#navbar-main{border-bottom:1px solid #333;margin-bottom:40px;}#navbar-main a{color:#000;text-transform:uppercase;}