@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap";.top-header{display:flex;padding-top:9rem;padding-bottom:3rem;justify-content:center;font-size:20px;color:#fff}.row{display:flex;padding-left:8rem;padding-right:8rem;justify-content:space-between;gap:50px;color:#ffe641}.row .column{display:flex;width:100%;box-sizing:border-box;box-shadow:0 20px 25px -5px #8b848437,0 8px 10px 8px #403c3c16}.row #box1{display:flex;flex-direction:column;min-width:20rem;background-color:#101010}.row #box1 .about-details{display:flex;align-items:center;flex-direction:column;width:100%;padding-block:30px 70px;padding-inline:20px;background:var(--color-white);box-shadow:1px 8px 10px 2px var(--first-shadow-color)}.row #box1 .about-details h3{display:flex;justify-content:center;font-size:20px;margin-block-start:.8em;margin-block-end:1em;font-weight:500}.row #box1 .about-details p{display:flex;word-spacing:2px;letter-spacing:1px;justify-content:left;margin-block-start:1em;margin-block-end:.1em;color:#bbb}.row #box1 .download-cv{display:flex;justify-content:right;margin-right:20px;margin-left:20px;padding-bottom:20px}.row #box1 .download-cv .btn{border-radius:30px;font-weight:500;padding:12px 20px;background-color:#ffe641;border:none;cursor:pointer;transition:.4s}.row #box1 .download-cv .btn:hover{box-shadow:0 0 1rem #ffe641}.row #box1 .download-cv .btn a{color:#000}.row #box1 .download-cv .btn a:-webkit-any-link{cursor:pointer;text-decoration:none;font-size:16px}.row #box1 .download-cv .btn a:-webkit-any-link i{font-size:17px;position:relative;left:5px;top:4px}.row .skill-container{display:flex;flex-direction:row;justify-content:center;background-color:#101010;box-shadow:1px 8px 10px 2px var(--first-shadow-color);width:100%;padding:20px}.row .skill-container .skill-box{margin:10px}.row .skill-container .skill-box .skill-header{display:flex;justify-content:space-between;margin-block-start:.8em;margin-block-end:1em;unicode-bidi:isolate;margin-bottom:30px}.row .skill-container .skill-box .skill-header h3{font-size:30px;font-weight:500}.row .skill-container .skill-box .skill-list{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap;gap:5px;unicode-bidi:isolate}.row .skill-container .skill-box .skill-list span{font-size:15px;background:#582109;color:#bbb;padding:2px 10px;border-radius:5px}*{margin:0%;padding:0%;box-sizing:border-box;font-family:Roboto,sans-serif;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.body{background-color:#0b0b0d}.section{padding-left:8rem;padding-top:2rem;padding-right:8rem}.section .imgcard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(23rem,100%),1fr));gap:50px}.section .certificate-img{display:flex;align-items:center;flex-direction:column;width:100%;border-radius:10px;cursor:pointer;box-shadow:1px 8px 10px 2px #582109;transition:scale .75s ease-out,filter .25s ease-in-out;overflow:hidden}.section .certificate-img:hover{scale:1.15;filter:grayscale(0)}.contact-row{color:#ffe641}.contact-row .contact-info{display:flex;align-items:center;flex-direction:column;width:100%;padding-block:30px 70px;padding-inline:20px;box-shadow:0 20px 25px -5px #8b848437,0 8px 10px 8px #403c3c16;background-color:#101010}.contact-row .contact-info .h2{display:flex;justify-content:center;font-size:20px;margin-block-start:.8em;margin-block-end:1em;font-weight:500}.contact-row .contact-info .contact-herf{padding-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:20px}.contact-row .contact-info .contact-herf p{display:flex;word-spacing:2px;letter-spacing:1px;justify-content:left;margin-block-start:1em;margin-block-end:.1em;color:#bbb}.contact-row .contact-info .contact-herf p i{font-size:18px;margin-right:6px}.contact-row .contact-info .contact-herf p a{text-decoration:none;color:#bbb}.contact-row .contact-info .social .social-icons{display:flex;flex-direction:row;margin-top:5rem;gap:30px}.contact-row .contact-info .social .social-icons .icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;background-color:#ffe641}.contact-row .contact-info .social .social-icons .icon:hover{box-shadow:0 0 1rem #ffe176}.contact-row .contact-info .social .social-icons .icon a:-webkit-any-link{cursor:pointer;text-decoration:underline}.contact-row .contact-info .social .social-icons .icon a{color:#000}.contact-row .contact-info .social .social-icons .icon a:hover{transition:transform .1s;opacity:.8}.contact-row .contact-info .social .social-icons .icon a i{display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px}.container{display:flex;padding:12rem 4rem 9.9rem;justify-content:space-around;min-width:100%;background-image:linear-gradient(#0009,#0009),url(/assets/bg-img-C4AUECx3.jpg);background-size:cover;background-attachment:fixed;background-position:center;height:100vh}.container .details{display:flex;flex-direction:column;align-items:left;text-align:left}.container .details .hello{font-size:50px}.container .details p{background-color:#ffe641;box-sizing:border-box;letter-spacing:4px;color:#000;font-weight:500;width:11rem;padding:6px;border-radius:8px}.container .details h1{margin-top:1rem;color:#d4d4d4}.container .details h3{margin-top:1.6rem;font-size:1.2rem;color:#f3f3f3}.container .details .cv{display:flex;margin-top:2rem;gap:30px}.container .details .cv .image-button{background-color:#ffe641;background-size:cover;background-position:center;border:none;padding:1rem;font-size:18px;color:#bb0100;cursor:pointer;font-weight:500;width:100px;height:60px;border-radius:10px;transition:background-color .3s;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px 8px #0000001a;opacity:1}.container .details .cv .image-button a{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:#000;background-position:center;padding-top:3px}.container .details .cv .image-button:hover{transition:transform .1s;opacity:.8;box-shadow:0 0 1rem #ffe641}.container .details .connect{margin-top:1.5rem;display:flex;flex-direction:row;gap:30px}.container .details .connect a{display:flex;justify-content:center;text-decoration:none;background-color:#ffe641;padding:.8rem;border-radius:50%;align-items:center;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;color:#000}.container .details .connect a:hover{transition:transform .1s;opacity:.8;box-shadow:0 0 1rem #ffe641}.container .img{width:20rem;height:17rem;display:flex;justify-content:center;align-items:flex-end;background-image:linear-gradient(#0003,#0000004d)}.container .img .btnimg{width:20rem;max-height:19rem;object-fit:cover;border-radius:2px}.project-row{color:#ffe641}.project-row .project-info{display:flex;align-items:center;flex-direction:column;width:100%;padding-block:30px 70px;padding-inline:20px;box-shadow:0 20px 25px -5px #8b848437,0 8px 10px 8px #403c3c16;background-color:#101010}.project-row .project-info .h2{display:flex;justify-content:center;font-size:20px;margin-block-start:.8em;margin-block-end:1em;font-weight:500}.project-row .project-info p{display:flex;word-spacing:2px;letter-spacing:1px;justify-content:left;margin-block-start:1em;margin-block-end:.1em;color:#bbb}.project-row .project-info .about-btn{display:flex;justify-content:right;margin-right:20px;margin-left:20px;padding-top:20px}.project-row .project-info .about-btn .btn{border-radius:30px;font-weight:500;padding:12px 20px;border:none;cursor:pointer;transition:.4s;background-color:#ffe641;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.project-row .project-info .about-btn .btn:hover{box-shadow:0 0 1rem #ffe641}.project-row .project-info .about-btn .btn a{color:#000}.project-row .project-info .about-btn .btn a:-webkit-any-link{cursor:pointer;text-decoration:none;font-size:16px}.project-row .project-info .about-btn .btn a:-webkit-any-link i{font-size:17px}.section .project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:20px;margin-top:20px}.section .card{width:100%;aspect-ratio:3/2;background-color:transparent}.section .card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:flex;align-items:center;flex-direction:column;cursor:pointer;transition:scale .75s ease-out,filter .25s ease-in-out}.section .card:hover{transform:scale(1.05);cursor:pointer}.section .card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#101010;transform:rotateX(-90deg);transform-origin:bottom}.section .card:hover .card__content{transform:rotateX(0)}.section .card__title{margin:0;font-size:24px;color:#ffe176;font-weight:700}.section .card:hover img{scale:0}.section .card__description{margin:10px 0 0;font-size:11.5px;color:#bbb;line-height:1.4}.top-header{display:flex;padding-top:9rem;padding-bottom:3rem;justify-content:center;font-size:20px}.top-header h1{text-align:center}.service-row{color:#ffe641;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(2rem,100%),1fr));gap:50px}.service-row .column{display:flex;width:100%;box-sizing:border-box}.service-row #service1{display:flex;flex-direction:column;background-color:#101010}.service-row #service1 .service-info1{display:flex;align-items:center;flex-direction:column;width:100%;padding-block:30px 70px;padding-inline:20px;background:var(--color-white);box-shadow:0 20px 25px -5px #8b848437,0 8px 10px 8px #403c3c16;cursor:pointer}.service-row #service1 .service-info1:hover{box-shadow:0 0 1rem #582109}.service-row #service1 .service-info1 i{font-size:150px;color:#d4d4d4}.service-row #service1 .service-info1 h3{display:flex;justify-content:center;font-size:20px;margin-block-start:.8em;margin-block-end:1em;font-weight:500}.service-row #service1 .service-info1 p{display:flex;word-spacing:2px;letter-spacing:1px;justify-content:left;margin-block-start:1em;margin-block-end:.1em;color:#bbb}.service-row #service2{display:flex;background-color:#101010}.service-row #service2 .service-info2{display:flex;align-items:center;flex-direction:column;cursor:pointer;width:100%;padding-block:30px 70px;padding-inline:20px;background:var(--color-white);box-shadow:0 20px 25px -5px #8b848437,0 8px 10px 8px #403c3c16}.service-row #service2 .service-info2:hover{box-shadow:0 0 1rem #582109}.service-row #service2 .service-info2 i{font-size:150px;color:#d4d4d4}.service-row #service2 .service-info2 h3{display:flex;justify-content:center;font-size:20px;margin-block-start:.8em;margin-block-end:1em;font-weight:500}.service-row #service2 .service-info2 p{display:flex;word-spacing:2px;letter-spacing:1px;justify-content:left;margin-block-start:1em;margin-block-end:.1em;color:#bbb}footer{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:30px;padding:7rem 8rem 1rem}footer .top-footer{display:flex;justify-content:center;align-items:center;color:#ffe641}footer .top-footer p{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.5rem}footer .middle-footer{display:flex;box-sizing:border-box;flex-wrap:wrap;unicode-bidi:isolate}footer .middle-footer .footer-menu{display:flex;flex-direction:row;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;unicode-bidi:isolate}footer .middle-footer .footer-menu .footer_menu_list{text-align:-webkit-match-parent;unicode-bidi:isolate}footer .middle-footer .footer-menu .footer_menu_list a{display:flex;justify-content:center;text-decoration:none;color:#bbb;font-weight:500;margin-inline:20px}footer .middle-footer .footer-menu .footer_menu_list a:hover{color:#fff}footer .middle-footer .footer-menu .footer_menu_list a i{font-size:18px;color:var(--text-color-third);margin-right:7px}footer .footer-social-icons{display:flex;gap:20px}footer .footer-social-icons .icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 5px #00000040;cursor:pointer;background-color:#ffe641}footer .footer-social-icons .icon:hover{box-shadow:0 0 1rem #ffe641}footer .footer-social-icons .icon a:-webkit-any-link{cursor:pointer;text-decoration:underline}footer .footer-social-icons .icon a{color:#000}footer .footer-social-icons .icon a:hover{transition:transform .1s;opacity:.8}footer .footer-social-icons .icon a i{display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px}footer .bottom-footer{text-align:center;font-size:12px;margin-top:10px}footer .bottom-footer p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate;color:#bbb}footer .bottom-footer p a{text-decoration:none;color:#ffe641;padding-right:5px}@media screen and (max-width: 768px){.header{height:100px}.container{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;text-align:center}.details p{width:10rem}.img{padding-top:18.5rem;border-radius:100%;overflow:hidden}.top-header{display:flex;justify-content:center;align-items:center}.about-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.about-row .about-col{width:20em;display:flex;flex-wrap:wrap}.service-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.service-row .service-col{width:20em;display:flex;flex-wrap:wrap}.project-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.project-row .project-info{width:20em;display:flex;flex-wrap:wrap}.project{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.project .project-card{width:20em;display:flex;flex-wrap:wrap}.project .project-card .card{padding-top:5rem}.certificate-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.certificate-row .certificates-card{width:20em;display:flex;flex-wrap:wrap}.certificate-row .certificates-card .imgcard{padding-top:5rem;gap:6rem}.contact-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.contact-row .contact-info{width:20em;display:flex;flex-wrap:wrap}footer .middle-footer .footer-menu{display:flex;flex-wrap:wrap;flex-direction:column;gap:10px}footer .middle-footer .footer-menu .footer_menu_list{display:flex;justify-content:left}footer .middle-footer .footer-menu .footer_menu_list a{text-align:left}}@media only screen and (min-width: 769px) and (max-width: 1100px){.about-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.about-row .about-col{width:30em;display:flex;flex-wrap:wrap}.service-row{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center}.service-row .service-col{width:30em;display:flex;flex-wrap:wrap}}.nav{display:flex;align-items:center;justify-content:space-around;height:8vh;background-color:#0b0b0d;position:fixed;box-shadow:#0000001a 0 2px 4px;height:70px;min-width:100%;box-sizing:border-box;opacity:.9;padding-left:1rem;padding-right:1rem}.nav h1{font-size:3rem;text-transform:uppercase;cursor:pointer;font-weight:600;color:#ffe641}.nav ul li{list-style:none}.nav ul li a{text-decoration:none;color:#fff;font-size:1.1rem;padding-right:6px;padding-left:6px;cursor:pointer}.nav ul li a:hover{color:#582109}.nav ul li a:not(.active):hover{color:#f3f3f3}.nav ul li .active{background-color:#ffe641;border-radius:5px;padding:5px;color:#000}.nav ul li .active:hover{color:#4c4444}.nav__menu{display:flex;align-items:center;justify-content:space-around;gap:2rem;padding-left:2rem}.nav__toggler{display:none}.nav__toggler div{width:2.5rem;height:.2rem;margin:.4rem;background:#ffe641;transition:.3s ease-in}@media screen and (max-width: 970px){.nav__toggler{display:block;cursor:pointer}.nav__menu{position:fixed;top:7vh;right:0;height:93vh;width:50vw;background:#0b0b0d;flex-direction:column;transform:translate(100%);transition:.5s ease-in}}.nav__active{transform:translate(0)}.toggle .line1{transform:rotate(-45deg) translate(-4px,5px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-4px,-5px)}