@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);.about__section .about__info--btns:hover,.home__section .view__projects--btn:hover{transform:translateX(10px)}:root{--lit__color:#5f5547;--con__color:linear-gradient(-20deg, #bb7413, #e7d25c);--bg__color1:#131314;--bg__color2:#000}*{box-sizing:border-box;margin:0;padding:0;font-family:Karla,serif}body{background:var(--bg__color1);color:#fff;overflow-x:hidden}a{text-decoration:none}.navbar{display:flex;text-align:center;position:absolute;padding:2% 3%;width:100%;background-color:transparent;transition:background-color .5s;z-index:200;top:0}.navbar-items{flex:1;text-align:right;margin-top:12px}.navbar-items ul{padding-right:20px}.navbar-items ul li{list-style:none;display:inline-block}.navbar-items ul li a{color:#a89366;padding:0 16px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:2px}.navbar-items ul li a:hover{color:#5f5547}.logo img{width:10rem;cursor:pointer;transition:.3s}.menu{display:none;cursor:pointer}@media only screen and (max-width:887px){.navbar-items{position:absolute;background-color:#a89366;height:100vh;width:300px;right:0;top:0;text-align:left;z-index:2;margin-top:0;transition:1s ease-out}.navbar-items ul li{display:block;padding:16px 0;margin-left:15px}.navbar-items ul{padding-top:48%;padding-right:5px;text-align:center}.navbar-items ul li a{color:#252015;padding:0 18px;font-size:22px}.navbar-items ul li a:hover{color:#5f5547;border:2px solid #5f5547}.menu{display:block;z-index:3;position:absolute;color:#fff;right:7%;top:5px;font-size:35px;padding-top:30px}.h-class{height:100vh}.A_box{width:62%;top:2rem}.h-class,.v-class{opacity:0;transform:translateY(-20px);transition:.5s;visibility:hidden}.h-class.active,.v-class.active{opacity:1;transform:translateY(0);visibility:visible}}.home__section .right__img--container,.left__container{position:relative}.contact__sec--btn:hover,.projects__sec--container--two .projects__btn a:hover{transform:translateY(10px)}.home__section{display:grid;grid-template-columns:repeat(2,1fr)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.home__section .animated__icon{position:absolute;cursor:pointer;animation:3s ease-in-out infinite float;z-index:50}.home__section .bank__animated--icon{right:20%;top:30%}.home__section .cube__animated--icon{left:20%;bottom:30%}.home__section .view__projects--btn{position:absolute;cursor:pointer;transition:.5s;z-index:50;left:4rem;bottom:4rem;display:flex}.home__section .right__container .animated__icon,.home__section .view__projects--btn a{display:flex;align-items:center;padding:.5rem;width:fit-content;border-radius:1.5rem;background-image:linear-gradient(-20deg,#bb751334,#e7d25c34);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff}.home__section .animated__icon p,.home__section .view__projects--btn a p{margin-left:.5rem}.home__section .right__container i{display:block;height:2rem;width:2rem;background-image:var(--con__color);border-radius:50%;display:flex;align-items:center;justify-content:center}.home__section .right__img--container img{width:100%;max-height:100vh;min-height:100vh;filter:brightness(.3)}.home__right--upper{margin-top:5rem}.colored__word,.upper__four--icon--second p{background:var(--con__color);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.left__container{padding:8rem 1rem 2rem 8rem;display:flex;flex-direction:column}.home__sec--overlay{position:absolute;left:-30rem;bottom:-30rem;z-index:20}.home__left--container--bg{position:absolute;bottom:-15rem;z-index:20;left:30rem}.home__left--container--bg img{width:75rem}.home__section .right__upper--content{display:flex;z-index:50}.home__section .right__upper--content h1{font-size:4rem}.home__section .right__upper--one .sens__content{display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.home__section .right__upper--two{margin-top:1rem;align-items:center}.home__section .right__upper--two img{height:4rem;border-radius:2rem;width:12rem;margin-right:1rem}.home__section .right__upper--three{flex-direction:column;margin-top:2rem;font-size:1.4rem}.home__section .right__upper--four{margin-top:2rem}.home__section .right__upper--four .upper__four--icon--first{margin-right:2rem}.home__section .right__upper--four a{display:flex;background:0 0}.upper__four--icon--second i,.upper__four--icon--second p{background-color:transparent}.right__upper--four--icon i{transition:.5s ease-in-out}.right__upper--four--icon:hover i{transform:rotate(45deg)}.home__section .right__upper--four--icon p{padding:1rem;border-radius:2rem}.home__section .right__upper--four--icon i{padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.home__section .right__upper--four a:first-child p{background:var(--con__color);color:#fff}.home__section .right__upper--four a:first-child i{background:#fff;color:var(--bg__color2)}.upper__four--icon--second i{color:#fff}.home__right--lower{display:flex}.home__section .bottom__container{position:relative}.home__section .bottom__container .bottom__container--content{position:absolute;bottom:-28rem;left:10%;letter-spacing:-4px;line-height:10rem;z-index:100;transition:.5s ease-in-out}.home__section .bottom__container h1{font-family:"Bowlby One SC",serif;font-size:10rem;font-weight:200}/*! about us section  */.about__section{display:flex;align-items:center;justify-content:center;margin-bottom:10rem}.about__section .middle__picture--container--first{padding:1rem;width:fit-content;border-radius:20rem;border:1px solid #e7d25c;margin-top:20rem}.about__section .middle__picture--container--first img{border-radius:15rem;height:30rem;width:80rem}.about__section .middle__picture--container--second{margin-top:2rem;display:flex}.about__section .second__middle--img--container{padding:1rem;border:1px solid #e7d25c;width:fit-content;border-radius:50%;height:fit-content}.about__section .middle__picture--container--second img{height:20rem;border-radius:50%}.about__section .info__container{margin-left:5rem;padding:1rem}.about__section .about__info--container{font-size:5rem;position:relative}.stroked__char{-webkit-text-stroke:0.5px #e7d25c;color:transparent;font-size:10rem}.about__section .about__info--container h1:nth-child(2){font-size:5rem;position:absolute;text-wrap:nowrap;top:5rem;left:2rem;letter-spacing:-.5rem}.about__section .about__info--container p{font-size:1rem}.about__section .about__info--btns{padding:1rem;background-image:var(--con__color);width:fit-content;margin-top:2rem;border-radius:2rem;transition:.5s ease-in-out}.about__section .about__info--btns a{background-color:transparent;padding:1rem;border-radius:2rem;color:#fff}/*! end about us section  */.transformation__section{min-height:fit-content}/*! projects section  */.projects__section{margin-top:3rem;padding:8rem 0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.projects__sec--container--one{width:70%;height:20rem;background-image:linear-gradient(-20deg,#e7d25c,#bb7413);border-radius:2rem;padding:2rem;position:relative;align-items:center;display:flex;align-items:center}.projects__sec--container--one h1{font-size:4rem;letter-spacing:-2px;line-height:4rem}.projects__sec--container--one img{width:30rem;position:absolute;right:1rem;bottom:0;z-index:50}.projects__section .info__container{z-index:55}.projects__sec--container--two{display:flex;justify-content:space-between;min-height:75vh;width:100%;margin:4rem 0}.contact__sec--btn,.projects__sec--container--two .projects__btn a{margin-top:1rem;padding:1rem;border-radius:2rem;transition:.5s ease-in-out;color:#fff}.projects__sec--container--two img{height:20rem}.projects__sec--container--two .second__projects--contianer--left img{border-top-right-radius:2rem;border-bottom-right-radius:2rem;width:30rem}.projects__sec--container--two .second__projects--contianer--right img{border-top-left-radius:2rem;border-bottom-left-radius:2rem;width:40rem}.projects__sec--container--two .second__projects--contianer--right{display:flex;align-items:flex-end}.projects__sec--container--two .second__projects--contianer--middle{padding:5rem 10rem 0}.projects__sec--container--two .projects__info--container{position:relative}.projects__sec--container--two .projects__info--container .second__projects--title{font-size:5rem;position:absolute;text-wrap:nowrap;top:4.5rem;left:2rem;letter-spacing:-.5rem}.projects__sec--container--two .quote p{font-family:Pacifico,serif;font-size:2rem;text-align:center}.projects__sec--container--two .quote .icon{display:flex;justify-content:flex-end}.projects__sec--container--two .projects__btn{display:flex;justify-content:center}.projects__sec--container--two .projects__btn a{display:block;width:fit-content;background-image:var(--con__color)}.footer__section ul li a:hover,.footer__social a:hover{color:var(--con-color)}.projects__sec--container--three{width:60%;min-height:20rem;background-image:url("./../img/projects__sec--4.jpg");background-position:center;background-size:cover;object-fit:fill;border-radius:2rem;position:relative}.projects__section .sec__three--overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(46deg,#000000d4,#ffffff3d);border-radius:2rem;padding:2rem;display:flex;justify-content:center;flex-direction:column}.sec__three--overlay .sec__three--title{font-size:3rem;font-weight:700;margin-bottom:15px;letter-spacing:-2px}.sec__three--overlay .sec__three--description{font-size:1.2rem;font-style:italic;max-width:30rem}/*! end of projects section  *//*! contact section  */.contact__section{min-height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10rem}.contact__sec--title{font-size:4rem;letter-spacing:-6px;margin-bottom:1rem}.contact__sec--btn{display:block;width:fit-content;background-image:var(--con__color)}/*! end contact section  *//*! media query and animation */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-up{opacity:0;animation:.8s ease-out forwards fadeInUp}.animate-fade-left{opacity:0;animation:.8s ease-out forwards fadeInLeft}.animate-fade-right{opacity:0;animation:.8s ease-out forwards fadeInRight}.animate-scale{opacity:0;animation:.8s ease-out forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media screen and (max-width:1700px){.home__left--container--bg{left:24.5rem;bottom:-13rem}.home__right--upper{z-index:25}.home__left--container--bg img{width:65rem}.projects__sec--container--two .second__projects--contianer--middle{padding:5rem 2rem 0}}@media screen and (max-width:1400px){.left__container{padding:8rem 4rem 2rem}.home__section .right__upper--content h1{font-size:3.5rem}.projects__sec--container--two .second__projects--contianer--middle{padding:5rem 2rem 0}}@media screen and (max-width:1200px){.home__section .bottom__container h1{font-size:8rem}.projects__sec--container--one{width:85%}.home__left--container--bg img{width:65rem}.about__section .middle__picture--container--first img{width:70rem;height:28rem}.projects__sec--container--two .second__projects--contianer--left img{width:25rem}.projects__sec--container--two .second__projects--contianer--right img{width:35rem}}@media screen and (max-width:992px){.home__section{grid-template-columns:1fr;padding-top:50px}.left__container{padding:6rem 3rem 2rem}.home__right--upper{margin-top:3rem}.home__section .right__container{display:none}.home__section .bottom__container h1{font-size:7rem;line-height:8rem}.home__section .bottom__container .bottom__container--content{bottom:-20rem;left:5%}.home__left--container--bg img{width:55rem;left:20rem}.about__section .middle__picture--container--first img{width:60rem;height:25rem}.projects__sec--container--one{width:90%}.projects__sec--container--two .second__projects--contianer--left img{width:22rem}.projects__sec--container--two .second__projects--contianer--right img{width:30rem}.second__projects--contianer--left,.second__projects--contianer--right{width:100%}.projects__sec--container--two .second__projects--contianer--middle{padding:5rem 4rem}}@media screen and (max-width:768px){.home__section .right__upper--content h1{font-size:3rem}.home__section .bottom__container h1{font-size:6rem;line-height:7rem}.home__left--container--bg img{width:45rem;left:15rem}.about__section .middle__picture--container--first img{width:50rem;height:22rem}.projects__sec--container--one h1{font-size:3.5rem}.projects__sec--container--one img{width:25rem}.projects__sec--container--two{flex-direction:column;align-items:center;gap:3rem}.projects__sec--container--two .second__projects--contianer--right{justify-content:flex-end}.projects__sec--container--two .second__projects--contianer--left img,.projects__sec--container--two .second__projects--contianer--right img{width:96%;max-width:40rem}.projects__sec--container--three{width:90%}.contact__sec--title{text-align:center;font-size:3rem}.contact__section p{text-align:center}}@media screen and (max-width:576px){.home__sec--overlay{bottom:-22rem}.home__left--container--bg{position:inherit;bottom:-8rem;left:0;z-index:50;width:30rem}.left__container{padding:2rem 1rem}.home__section{overflow-x:hidden}.home__section::-webkit-scrollbar{display:none}.home__section .right__upper--content h1{font-size:2.5rem}.home__section .bottom__container h1{font-size:5rem;line-height:6rem}.home__left--container--bg img{width:29rem;left:10rem}.projects__sec--container--one{padding:1.5rem}.projects__sec--container--one h1{font-size:3rem;line-height:3.5rem}.projects__sec--container--one img{width:20rem;z-index:-1}.projects__sec--container--two .projects__info--container .second__projects--title{top:6rem;left:1rem;font-size:3.5rem}.projects__sec--container--two .second__projects--contianer--middle{padding:1rem}.about__section .info__container{margin-left:0;height:fit-content;padding:3rem}.about__section .middle__picture--container--second{flex-direction:column;align-items:center}.about__section .about__info--container h1:nth-child(2){left:0}.about__section--content{display:flex;align-items:center;flex-direction:column}.about__section .middle__picture--container--first img{width:20rem;height:20rem;border-radius:50%}.home__section .bottom__container .bottom__container--content{position:initial}.about__section .middle__picture--container--first{margin-top:1rem}.home__section .right__upper--two{display:flex;flex-direction:column;align-items:flex-start}.projects__section{padding:4rem 0;margin-top:0}.about__section{margin-bottom:0}.description h1{font-size:1rem;line-height:1rem}.description p{margin-top:.5rem}}@media screen and (max-width:400px){.home__section .right__upper--content h1{font-size:2rem}.home__left--container--bg img{width:30rem;left:8rem}.projects__sec--container--one h1{font-size:2.5rem;line-height:3rem}.projects__sec--container--one img{width:18rem;z-index:-1;right:0}.home__section .bottom__container h1{font-size:3rem;line-height:3rem}.home__section .bottom__container .bottom__container--content{bottom:-18rem}}/*! media query and animation *//*! footer */.footer{background-color:#131314;color:#fff;padding:40px 20px;font-family:Arial,sans-serif;border-top:2px solid #a89366;border-radius:14px}.footer__container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1400px;margin:0 auto}#footer__section--logo img,.navbar__logo img{width:10rem;transition:.5s;filter:brightness(.9)}#footer__section--logo img:hover,.navbar__logo img:hover{filter:brightness(1)}.footer__section{flex:1;min-width:200px}.footer__section h4{font-size:1.2em;margin-bottom:10px;color:#a89366}.footer__section ul{list-style:none;padding:0;margin:0}.footer__section ul li{margin-bottom:5px}.footer__section ul li a{color:#fff;text-decoration:none;font-size:.9em;transition:color .3s}.footer__social{display:flex;gap:10px;margin-top:10px}.footer__social a{color:#fff;font-size:1.2em;transition:color .3s}.footer__bottom{text-align:center;border-top:1px solid #444;margin-top:20px;padding-top:20px;font-size:.9em}.footer__bottom p{margin:5px 0;color:#ccc}/*! end of footer */