*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #033f64;--color-secondary: #045E96;--color-left-header: #FFFFFF;--color-left-header-img: #FFFFFF;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--color-bg-sec1: #000050;--color-bg-sec2: #005000;--color-bg-sec3: #500000;--color-bg-sec4: #505000;--color-bg-sec5: #005050;--br-sm-2: 14px;--box-shadow-1: 0 3px 15pc rgba(0,0,0,0.3);--logo-opacity: opacity(100%)}.light-mode{--color-primary: #000;--color-secondary: #045E96;--color-white: #FFFFFF;--color-left-header: #000;--color-left-header-img: #000;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b;--logo-opacity: opacity(100%)}body{background-color:var(--color-primary);font-family:'Source Sans Pro', sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{height:100vh;font-family:'Source Sans Pro', sans-serif;color:var(--color-white);overflow:hidden}section{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.section{transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.sec1{display:none;transform:translateY(0) scale(1)}.sec2{display:none;transform:translateY(0) scale(1)}.sec3{display:none;transform:translateY(0) scale(1)}.sec4{display:none;transform:translateY(0) scale(1)}.sec5{display:none;transform:translateY(0) scale(1)}.active{display:block;animation:scaleAnim 1s ease-in-out}@keyframes scaleAnim{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0%) scaleY(1)}}.controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}.controls .active-btn{background-color:var(--color-secondary) !important;transition:all .4s ease-in-out}.controls .active-btn i{color:var(--color-white) !important}.controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}.controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}.theme-btn{top:5%;right:3%;width:40px;height:40px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,0.3);transition:all .1s ease-in-out}.theme-btn:active{transform:translateY(-3px)}.theme-btn i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}.header-content{display:grid;grid-template-columns:repeat(2, 1fr);min-height:100vh}.header-content .left-header{display:flex;align-items:center;position:relative}.header-content .left-header .h-shape{transition:all .4s ease-in-out;width:65%;height:100%;background-color:var(--color-left-header);position:absolute;left:0;top:0;z-index:-1;clip-path:polygon(0 0, 46% 0, 79% 100%, 0% 100%)}.header-content .left-header .logo-image{border-radius:0;border:5px solid var(--color-primary);height:80%;width:68%;margin-left:4rem;background-color:var(--color-left-header-img);transition:all .4s ease-in-out;display:flex;align-items:center;justify-content:center}.header-content .left-header .logo-image .logo-file{width:80%;object-fit:cover;transition:all .4s ease-in-out;filter:var(--logo-opacity)}.header-content .left-header .logo-image .logo-file:hover{filter:opacity(100%)}.header-content .right-header{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}.header-content .right-header .name{font-size:3rem}.header-content .right-header .name span{color:var(--color-secondary);font-weight:bolder}.header-content .right-header p{margin:1.5rem 0;line-height:2rem}.about-container{display:grid;grid-template-columns:repeat(2, 1fr);padding-top:3.5rem;padding-bottom:5rem}.about-container .right-about{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}.about-container .right-about .about-item{border:1px solid var(--color-grey-3);border-radius:5px;transition:all .4s ease-in-out;box-shadow:1px 2px 15px rgba(0,0,0,0.1)}.about-container .right-about .about-item:hover{cursor:default;transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 4px 15px rgba(0,0,0,0.32)}.about-container .right-about .about-item .abt-text{padding:1.5rem;display:flex;flex-direction:column}.about-container .right-about .about-item .abt-text .large-text{font-size:3rem;font-weight:700;color:var(--color-secondary)}.about-container .right-about .about-item .abt-text .small-text{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}.about-container .right-about .about-item .abt-text .small-text::before{content:'';position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-3)}.about-container .left-about{padding-right:3rem}.about-container .left-about p{line-height:2rem;padding:1rem;color:var(--color-white)}.about-container .left-about h4{font-size:2rem;padding-left:1rem;text-transform:uppercase}.port-text{padding:2rem;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:contain;border-radius:15px;background-color:white;padding:2rem}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.2rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;width:95%;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:0.2rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.2rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 0.4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control ::placeholder{color:white}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:0.8rem 1.1rem;outline:none;border:none;background-color:var(--color-secondary);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.submit-success{display:none;padding-bottom:1.5rem;padding-left:1.5rem}.submit-error{display:none;padding-bottom:1.5rem;padding-left:1.5rem}.error-text{padding-left:1rem}.btn-con{display:flex;align-self:flex-start}.main-btn{border-radius:30px;color:inherit;font-weight:600;position:relative;border:1px solid var(--color-secondary);display:flex;align-items:center;overflow:hidden}.main-btn .btn-text{padding:0 2rem}.main-btn .btn-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.main-btn::before{content:'';position:absolute;top:0;right:0;transform:translateX(100%);transition:all .4s ease-in-out;z-index:-1}.main-btn:hover{transition:all .4s ease-in-out}.main-btn:hover::before{width:100%;height:100%;background-color:var(--color-secondary);transform:translateX(0);transition:all .4s ease-in-out}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .bg-text{position:absolute;top:50%;left:50%;color:var(--color-grey-3);transition:all .4s ease-in-out;z-index:-1;transform:translate(-50%, -50%);font-weight:800;font-size:6.3rem}@media screen and (max-width: 600px){.about-container{grid-template-columns:1fr}.about-container .right-about{grid-template-columns:1fr;padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.portfolios{grid-template-columns:1fr;padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.section{padding:2rem 2.5rem}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.5rem}.main-title h2 .bg-text{font-size:3rem}}@media screen and (max-width: 1430px){header{padding:0 !important}.section{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:1fr}.about-container .right-about{padding-top:2.5rem}.portfolios{grid-template-columns:1fr 1fr}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.section{padding:7rem 6rem}header{padding:0}header .right-header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:1fr;padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:0.6rem 1rem}}@media screen and (max-width: 700px){.section{padding:7rem 3rem}.main-title h2{font-size:3rem}}