@import url("https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@-webkit-keyframes leftToRight{from{-webkit-transform:translateX(-20rem);transform:translateX(-20rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes leftToRight{from{-webkit-transform:translateX(-20rem);transform:translateX(-20rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes rightToLeft{from{-webkit-transform:translateX(20rem);transform:translateX(20rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes rightToLeft{from{-webkit-transform:translateX(20rem);transform:translateX(20rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}*,*::before,*::after{margin:0;padding:0;outline:none}html{font-size:62.5%}@media (max-width: 991px){html{font-size:60%}}@media (max-width: 767px){html{font-size:55%}}@media (max-width: 575px){html{font-size:50%}}body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Poppins",sans-serif}.container{max-width:1140px;margin:auto}.heading-primary{font-size:8rem;font-family:"Cairo"}@media (max-width: 991px){.heading-primary{font-size:6rem}}.heading-primary-inner-mod{color:#3790b5}.heading-primary-mod{margin-left:-0.5rem}.heading__aboutme{font-size:4rem;position:relative}@media (max-width: 991px){.heading__aboutme{font-size:3rem}}.heading__aboutme::after{content:"";position:absolute;width:4rem;height:0.5rem;background-color:#3790b5;top:7rem;left:0rem}@media (max-width: 767px){.heading__aboutme::after{display:none}}.heading__service-small{font-size:1.5rem;color:#3790b5;margin-bottom:1rem}.heading__services{font-size:4rem;padding:0 22rem}@media (max-width: 991px){.heading__services{font-size:3rem;padding:0 15rem;margin-bottom:4rem}}@media (max-width: 575px){.heading__services{font-size:2rem;padding:0 4rem}}.heading-service-1{font-size:2.6rem;margin:1rem 0;color:#3790b5}.heading-work-1{font-size:1.6rem;color:#fff}.heading-contact{font-size:4rem;font-family:"Poppins",sans-serif;font-weight:bold}.heading-contact-right-email{font-size:1.7rem}.heading-footer{font-size:3rem}.marginTop4{margin-top:4rem}.btn{font-size:1.6rem;padding:1rem 1.5rem;background-color:#3790b5;border-radius:1rem;border:0.1rem solid transparent;color:#fff !important;-webkit-transition:all 0.4s;transition:all 0.4s}.btn-link,.btn-link:link,.btn-link:visited{text-decoration:none;color:#131313}.btn-resume{padding:0rem 2rem;font-size:1.5rem;display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-resume:hover{background-color:#fff;color:#131313 !important;border:0.1rem solid #3790b5}.btn-viewWorks{display:inline-block;margin-top:2rem}.btn-viewWorks:hover{background-color:#fff;color:#131313 !important;border:0.1rem solid #3790b5}.btn-all-works{text-align:center}.btn-view-all-works,.btn-view-all-works:link,.btn-view-all-works:visited{margin-top:4rem;display:inline-block;text-decoration:none;border-radius:1rem !important;-webkit-transition:all 0.4s;transition:all 0.4s}.btn-view-all-works:hover{-webkit-transform:translateY(-0.3rem);transform:translateY(-0.3rem);-webkit-box-shadow:1px 4px 20px 0px black;box-shadow:1px 4px 20px 0px black}.btn-contact-submit{cursor:pointer}.btn-contact-submit:hover{-webkit-transform:translateY(-0.3rem);transform:translateY(-0.3rem);-webkit-box-shadow:1px 4px 10px 0px black;box-shadow:1px 4px 10px 0px black}.btn-group .btn-about{padding:0.8rem 1.5rem;font-size:1.6rem;border:0.1rem solid transparent;border-radius:1rem;cursor:pointer}.btn-group .btn-about:not(:last-child){margin-right:1rem}.btn-group .btn-active-about{background-color:#3790b5;color:#fff}.burger-menu{margin-top:1.5rem;margin-left:2rem;position:absolute;right:6rem;top:1.5rem;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;cursor:pointer;display:none}@media (max-width: 991px){.burger-menu{display:block}}.burger-menu .bar{width:3rem;margin-bottom:0.7rem;height:0.3rem;background-color:#131313;-webkit-transition:all 0.4s;transition:all 0.4s}.burger-menu .bar2{width:2rem !important;background-color:#3790b5}.sidemenu{position:fixed;background-color:#131313;top:0;right:-32rem;color:white;height:100vh;font-family:"Cairo",sans-serif;z-index:1;-webkit-transition:all 0.4s;transition:all 0.4s}.sidemenu__close-btn{position:relative;text-align:center;margin-top:3rem}.sidemenu__logo,.sidemenu__logo:link,.sidemenu__visited{text-decoration:none;color:#fff;font-family:"Fredericka the Great",cursive;font-size:5rem;position:relative;cursor:pointer}.sidemenu .fa-times{position:absolute;top:2rem;left:-1.4rem;font-size:1.6rem;height:3rem;width:3rem;text-align:center;background:#3790b5;line-height:3rem;border-radius:50%;cursor:pointer}.sidemenu__list{list-style:none;margin-top:4rem}.sidemenu__item{min-height:6rem;padding:0 14rem 0 2rem;font-size:1.8rem;border-bottom:0.1rem solid #252323;padding-top:3.1rem;position:relative;-webkit-transition:all 0.4s;transition:all 0.4s}.sidemenu__item::before{content:"";position:absolute;width:0%;height:0.5rem;z-index:-1;bottom:0;left:0;background-color:#3790b5;-webkit-transition:all 0.4s;transition:all 0.4s}.sidemenu__item:hover::before{width:100%;z-index:1}.sidemenu__item:hover .fas{color:#3790b5}.sidemenu__link,.sidemenu__link:link,.sidemenu__link:visited{color:#fff;text-decoration:none;margin-left:1rem}.header-area{padding-bottom:10rem;border-bottom:0.1rem solid #252323}.header-area .nav-area{padding:1.5rem 0;display:-ms-grid;display:grid;-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.header-area .nav-area .logo{margin-left:2rem}.header-area .nav-area .logo-text,.header-area .nav-area .logo-text:link,.header-area .nav-area .logo-text:visited{text-decoration:none;font-size:5rem;font-family:"Fredericka the Great",cursive;color:#131313;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.header-area .nav-area .logo-text:hover,.header-area .nav-area .logo-text:link:hover,.header-area .nav-area .logo-text:visited:hover{color:#3790b5}.header-area .nav-area .logo-text:hover .logo-text-mod,.header-area .nav-area .logo-text:link:hover .logo-text-mod,.header-area .nav-area .logo-text:visited:hover .logo-text-mod{color:#131313 !important}.header-area .nav-area .logo-text-mod{color:#3790b5 !important;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.header-area .nav-area .nav{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 991px){.header-area .nav-area .nav{display:none}}.header-area .nav-area .nav__list{list-style:none;font-size:1.7rem;font-family:"Cairo",sans-serif;font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (max-width: 1200px){.header-area .nav-area .nav__list{font-size:1.5rem}}.header-area .nav-area .nav__item{position:relative;padding:1rem;z-index:10}.header-area .nav-area .nav__item:not(:last-child){margin-right:3rem}@media (max-width: 1200px){.header-area .nav-area .nav__item:not(:last-child){margin-right:2rem}}.header-area .nav-area .nav__item-link,.header-area .nav-area .nav__item-link:link,.header-area .nav-area .nav__item-link:visited{text-decoration:none;color:#131313;-webkit-transition:all 0.4s;transition:all 0.4s}.header-area .nav-area .nav__item-link::before,.header-area .nav-area .nav__item-link:link::before,.header-area .nav-area .nav__item-link:visited::before{content:"";z-index:-1;position:absolute;left:0;width:0%;background:#3790b5;height:3.3rem;-webkit-transition:all 0.4s;transition:all 0.4s}.header-area .nav-area .nav__item-link:hover:before,.header-area .nav-area .nav__item-link:link:hover:before,.header-area .nav-area .nav__item-link:visited:hover:before{width:100%}.header-area .nav-area .nav__item-link:hover,.header-area .nav-area .nav__item-link:link:hover,.header-area .nav-area .nav__item-link:visited:hover{color:#fff}.header-area .hero-section{padding:20rem 0 26rem 0;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}@media (max-width: 767px){.header-area .hero-section{-ms-grid-columns:1fr;grid-template-columns:1fr}}.header-area .hero-section .intro{margin-left:2rem;-webkit-animation:leftToRight 0.7s ease-out;animation:leftToRight 0.7s ease-out}@media (max-width: 991px){.header-area .hero-section .intro{margin-left:6rem}}@media (max-width: 767px){.header-area .hero-section .intro{text-align:center}}@media (max-width: 575px){.header-area .hero-section .intro{margin-left:0}}.header-area .hero-section .intro__greet{font-size:2rem;font-family:"Cairo",sans-serif;color:#a09b9b;margin-bottom:-4rem}@media (max-width: 991px){.header-area .hero-section .intro__greet{margin-bottom:-3rem}}.header-area .hero-section .intro__list{list-style:none;font-size:2.2rem;font-family:"Cairo",sans-serif;margin-top:-2rem;font-weight:600}.header-area .hero-section .hero-img{-webkit-animation:rightToLeft 0.7s ease-out;animation:rightToLeft 0.7s ease-out}.header-area .hero-section .hero-img .img-hero{width:100%}.header-area .arrow{text-align:center}.header-area .arrow-down{display:inline-block;width:40px;height:40px;cursor:pointer;margin:auto;border:1px solid #3790b5;text-align:center;line-height:40px;font-size:1.4rem;margin-top:-4rem;border-radius:50%;-webkit-transition:all 0.4s;transition:all 0.4s}.header-area .arrow-down:hover{background-color:#3790b5;color:#fff;border:1px solid transparent}.section-about{padding:10rem 0}.section-about .tab-content{opacity:0;-webkit-transition:all 0.4s;transition:all 0.4s}.section-about .animate-tab{opacity:1}.section-about .about{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:1rem;-webkit-transition:all 0.4s;transition:all 0.4s}@media (max-width: 767px){.section-about .about{-ms-grid-columns:1fr;grid-template-columns:1fr;text-align:center}}.section-about .about__info{margin-left:2rem;display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-about .about__info .aboutme{margin-top:-25rem}@media (max-width: 991px){.section-about .about__info .aboutme{margin-top:-5rem}}@media (max-width: 767px){.section-about .about__info .aboutme{margin-top:2rem}}.section-about .about__info .aboutme .btn-about-info{margin-top:4rem}.section-about .about__info .aboutme__intro{font-size:1.4rem;font-family:"Poppins",sans-serif;margin-top:4rem;padding-right:13rem;text-align:justify}@media (max-width: 767px){.section-about .about__info .aboutme__intro{margin-top:1rem;padding-right:0rem;padding:0 8rem;text-align:justify;margin-bottom:4rem}}@media (max-width: 575px){.section-about .about__info .aboutme__intro{padding:0 4rem}}@media (max-width: 991px){.section-about .about__info .aboutme-skills{margin-top:4rem}}@media (max-width: 991px){.section-about .about__info .aboutme-experience{margin-top:-12rem}}@media (max-width: 767px){.section-about .about__info .aboutme-experience{margin-top:4rem;margin-bottom:4rem}}.section-about .about__info .skill__info .skills{margin-top:4rem;width:50%}@media (max-width: 767px){.section-about .about__info .skill__info .skills{width:100%}}.section-about .about__info .skill__info .skills .badge{color:#fff;background-color:#3790b5;padding:0.5rem 1rem;font-size:1.5rem;margin-right:1rem;margin-bottom:2rem;display:inline-block}.section-about .about__info .experience__info .experience__post{font-size:1.6rem}.section-about .about__info .experience__info .experience__org{font-size:1.6rem;font-weight:400;margin:1rem 0}.section-about .about__info .experience__info .experience__duration{font-size:1.4rem}.section-about .about__img-mod{width:75%}.section-services{padding:10rem 0;background-color:#f3f2f0}.services__header{text-align:center}.service-carousel{margin-top:2rem}.service-1{background-color:#fff;padding:3rem 2rem;margin-right:2rem}@media (max-width: 991px){.service-1{margin-right:2rem;margin-left:2rem}}.service-1 .service-icon .fa-file-code{background:#3790b5;padding:1rem 1.5rem;font-size:4.6rem;color:#fff;margin-bottom:2rem}.service-1 .service-description{font-size:1.6rem;font-weight:400}.service-1 .service-link,.service-1 .service-link:link,.service-1 .service-link:visited{text-decoration:none;color:#3790b5;font-size:1.6rem;display:inline-block;margin-top:1rem}.service-1 .service-link{-webkit-transition:all 0.4s;transition:all 0.4s}.service-1 .service-link-icon{font-size:1.2rem}.service-1 .service-link:hover{color:#fff;background-color:#3790b5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.section-portfolio{padding:10rem 0;border-bottom:0.5rem dotted #3790b5}.work{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:1rem;margin-top:4rem}@media (max-width: 991px){.work{margin:3rem}}@media (max-width: 767px){.work{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.work{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}}.work-1{position:relative}.work-1-info{text-align:center;background-color:rgba(19,19,19,0.7);position:absolute;top:0;left:0rem;opacity:0;z-index:-1;-webkit-transition:all 0.4s;transition:all 0.4s;height:99%;width:100%}.work-1-info-mod{-webkit-transform:translate(0%, 69%);transform:translate(0%, 69%)}@media (max-width: 991px){.work-1-info-mod{-webkit-transform:translate(-7%, 36%);transform:translate(-7%, 36%)}}.work-1-img{width:100%}.work-1:hover .work-1-info{opacity:1;z-index:4}.section-contact{padding:10rem 0}.contact{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);grid-gap:5rem}@media (max-width: 767px){.contact{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}}.contact-left{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-left-img{width:100%}@media (max-width: 767px){.contact-right{text-align:-webkit-center}}.contact-right-header{margin-bottom:2rem}.contact-right-info{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}@media (max-width: 991px){.contact-right-info{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width: 991px){.contact-right-info-email{margin-top:2rem}}.contact-right-info-email:not(:last-child){margin-right:5rem}@media (max-width: 767px){.contact-right-info-email:not(:last-child){margin-right:0rem}}.contact-right-info-email-address{font-size:1.6rem}.contact-form{margin-top:3rem}.contact-form-name{width:100%;padding:1rem 1.5rem;font-size:1.6rem;margin-bottom:2rem;border:0.1rem solid #252323;font-style:"Cairo",sans-serif;-webkit-transition:all 0.4s;transition:all 0.4s}.contact-form-name:focus{border:0.1rem solid #3790b5}@media (max-width: 991px){.contact-form-name{width:80%}}.contact-form-phone{width:100%;padding:1rem 1.5rem;font-size:1.6rem;margin-bottom:2rem;border:0.1rem solid #252323;font-style:"Cairo",sans-serif;-webkit-transition:all 0.4s;transition:all 0.4s}.contact-form-phone:focus{border:0.1rem solid #3790b5}@media (max-width: 991px){.contact-form-phone{width:80%}}.contact-form-email{display:block;width:100%;padding:1rem 1.5rem;font-size:1.6rem;margin-bottom:2rem;border:0.1rem solid #252323;font-style:"Cairo",sans-serif;-webkit-transition:all 0.4s;transition:all 0.4s}.contact-form-email:focus{border:0.1rem solid #3790b5}@media (max-width: 991px){.contact-form-email{width:80%}}.contact .social-media{margin-top:4rem}.contact .social-media-handle-link,.contact .social-media-handle-link:link,.contact .social-media-handle-link:visited{text-decoration:none;color:#131313;font-size:3rem;display:inline-block;margin-right:3rem;margin-top:1rem;-webkit-transition:all 0.4s;transition:all 0.4s}@media (max-width: 767px){.contact .social-media-handle-link,.contact .social-media-handle-link:link,.contact .social-media-handle-link:visited{margin-right:0rem;margin-left:1rem}}.contact .social-media-handle-link:hover{color:#3790b5}.footer-area{padding:10rem 0;background-color:#131313}.footer{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:1rem}@media (max-width: 767px){.footer{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr);margin:4rem}}.footer-left{color:#fff}.footer-left-logo-text,.footer-left-logo-text:link,.footer-left-logo-text:visited{text-decoration:none;color:#fff;font-size:5rem;font-family:"Fredericka the Great",cursive;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.footer-left-logo-text:hover{color:#3790b5}.footer-left-description{font-size:1.5rem;margin-top:1rem;font-weight:300;text-align:justify}.footer-middle{margin-left:5rem;color:#fff}@media (max-width: 767px){.footer-middle{margin-left:0}}.footer-middle .service-list{list-style:none;margin-top:3rem}.footer-middle .service-item{margin-bottom:1rem;border-bottom:0.1rem solid #3790b5}.footer-middle .service-link,.footer-middle .service-link:link,.footer-middle .service-link:visited{text-decoration:none;color:#fff;font-size:1.6rem;font-family:"Cairo",sans-serif}.footer-right{color:#fff;margin-left:5rem}@media (max-width: 767px){.footer-right{margin-left:0}}.footer-right-phone{margin-top:3rem;font-size:1.6rem}.footer-right-phone-icon .fa-phone-square-alt{margin-right:2rem;color:#3790b5}.footer-right-phone-icon .fa-envelope{margin-right:2rem;color:#3790b5}
/*# sourceMappingURL=main.min.css.map */