@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap");@property --gap{syntax:"<length>";inherits:true;initial-value:0}@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}*{margin:0;padding:0;box-sizing:border-box}:after,:before,body{font-family:Poppins,sans-serif!important}:root{--dark-grey:#252734;--light-grey:#858792;--grey-color:#2a2c39;--white-color:#ffffff}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--dark-grey)}.theme-btn{display:inline-block}.theme-btn .btn{height:65px;display:flex;font-size:18px;line-height:60px;padding-left:40px;text-align:center;align-items:center;padding-right:40px;border-radius:32.5px;justify-content:center;color:var(--white-color);transition:all .5s ease;border:1px solid #3b3d49}.theme-btn .btn span{margin-left:5px}.theme-btn .btn:hover{color:var(--white-color);background-color:#3b3d49}.cusBtn{height:65px;display:flex;font-size:18px;line-height:60px;padding-left:40px;text-align:center;align-items:center;padding-right:40px;border-radius:32.5px;background:transparent;justify-content:center;transition:all .5s ease;border:1px solid #3b3d49}.cusBtn,.cusBtn:hover{color:var(--white-color)}.cusBtn:hover{background-color:#3b3d49}.bgHeader{width:100%;height:100%;background:var(--dark-grey)}.header{display:flex;align-items:center;justify-content:space-between}.header .logo{font-weight:600;font-size:26px;padding:35px 0;text-decoration:none;color:var(--white-color)}.header .navbar ul{display:flex;list-style:none;margin:10px 0;align-items:center}.header .navbar ul li{padding:20px}.header .navbar ul li:last-child{padding-right:0}.header .navbar ul li a{transition:.3s;font-weight:500;position:relative;text-decoration:none;color:var(--light-grey)}.header .navbar ul li a:after{top:50%;left:50%;opacity:0;content:"";height:60px;width:100px;position:absolute;visibility:hidden;transition:all .5s ease;transform:translate(-50%,-50%) scale(.9);background:url(/menu-hover.webp)}.header .navbar ul li a:hover{color:var(--white-color)}.header .navbar ul li a:hover:after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.header .navbar ul li a.active:after,.header .navbar ul li a.active:focus,.header .navbar ul li a.active:visited{opacity:1;visibility:visible;color:var(--white-color)!important;transform:translate(-50%,-50%) scale(1)}.header-btn .btn{height:65px;display:flex;font-size:18px;line-height:60px;padding-left:40px;text-align:center;align-items:center;padding-right:40px;border-radius:32.5px;justify-content:center;color:var(--white-color);transition:all .5s ease;border:1px solid #3b3d49}.header-btn .btn span{margin-left:5px}.header-btn .btn:hover{color:var(--white-color);background-color:#3b3d49}.menuIcon{display:none}.bgFooter{width:100%;height:100%;background:var(--dark-grey);border-top:1px dotted #3b3d49}.footer-text{padding-top:14px;color:var(--white-color)}.footer-text span{font-weight:800;font-style:italic}section{padding:5rem 9% 2rem}.home{background:var(--dark-grey)}.home-content h1{font-weight:700;line-height:1.3;color:var(--white-color)}.home-content .text-animate{position:relative}.home img{--gap:12px;--angle:90deg;--border:15px;--color:#fff;aspect-ratio:1;border-radius:50%;cursor:pointer;padding:calc(var(--border) + var(--gap));background:radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 85.35% 85.35%,conic-gradient(from calc(180deg - var(--angle) / 2),#0000 var(--angle),var(--color) 0),radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 14.65% 85.35%;background-size:var(--border) var(--border),auto;background-repeat:no-repeat;-webkit-mask:radial-gradient(farthest-side,#000 calc(99% - calc(var(--border) + var(--gap))),#0000 calc(100% - calc(var(--border) + var(--gap))) calc(99% - var(--border)),#000 calc(100% - var(--border)));mask:radial-gradient(farthest-side,#000 calc(99% - calc(var(--border) + var(--gap))),#0000 calc(100% - calc(var(--border) + var(--gap))) calc(99% - var(--border)),#000 calc(100% - var(--border)));transition:--angle .4s,--gap .4s}.home img:hover{--angle:0deg;--gap:5px}.home-content .text-animate h3{font-weight:700;font-size:2rem;color:transparent;position:relative;animation-delay:2s;-webkit-background-clip:text;background-clip:text;background-position:0 0;background-repeat:no-repeat;animation:homeBgText 6s linear infinite;-webkit-text-stroke:.7px var(--light-grey);background-image:linear-gradient(var(--white-color),#ffacff)}.home-content .text-animate h3:before{content:"";top:0;left:0;width:0;z-index:-1;height:100%;position:absolute;animation-delay:2s;border-left:2px solid yellow;animation:homeCursorText 6s linear infinite}@keyframes homeBgText{0%,10%,to{background-position:-33rem 0}65%,85%{background-position:0 0}}@keyframes homeCursorText{0%,10%,to{width:0}65%,78%,85%{width:100%;opacity:1}57%,81%{opacity:0}}.home-content p{font-size:1rem;margin:2rem 0;color:var(--white-color)}.social-links{display:flex;list-style:none;margin:30px 0;padding:0}.social-links li{padding:12px;border-radius:50%;border:1px solid #3b3d49;transition:all .5s ease}.social-links li:hover{background:#3b3d49}.social-links li:nth-child(2){margin:0 10px}.sticky{top:0;left:0;right:0;width:100%;z-index:1000;position:-webkit-sticky;position:sticky;box-shadow:0 2px 4px rgba(0,0,0,.1)}#sub-drawer{display:none}#sub-drawer.showDrawer{display:block}#sub-drawer .navbar ul{list-style:none;padding:50px}#sub-drawer .navbar ul li{padding:20px 0}#sub-drawer .navbar ul li a{transition:.3s;font-weight:500;position:relative;text-decoration:none;color:var(--light-grey)}#sub-drawer .navbar ul li a:after{top:50%;left:50%;opacity:0;content:"";height:60px;width:100px;position:absolute;visibility:hidden;transition:all .5s ease;transform:translate(-50%,-50%) scale(.9);background:url(/menu-hover.webp)}#sub-drawer .navbar ul li a:hover{color:var(--white-color)}#sub-drawer .navbar ul li a:hover:after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}#sub-drawer .navbar ul li a.active{color:var(--white-color)!important}#sub-drawer .navbar ul li a.active:after{opacity:1;visibility:visible;color:var(--white-color)!important;transform:translate(-50%,-50%) scale(1)}.services{background:var(--grey-color)}.services h6{padding:0 20px;font-weight:500;position:relative;color:var(--white-color)}.services h6:before{top:0;left:0;content:"||";position:absolute}.services h1{font-weight:700;color:var(--white-color)}.services-controller{padding:40px 0 60px}.services-controller .item{padding:40px 10px;border-radius:5px;background:var(--dark-grey)}.services-controller .item h4{padding:20px;color:var(--white-color)}.services-controller .item ul li{display:flex;list-style:none;align-items:center}.services-controller .item ul li h5{font-weight:400;font-size:16px;padding:10px 0 0 10px;color:var(--white-color)}.services-controller .swiper-pagination-bullet-active{background:var(--white-color)!important}.about-us{background:var(--dark-grey)}.about-content .title{padding:0 20px;font-weight:500;position:relative;color:var(--white-color)}.about-content .title:before{top:0;left:0;content:"||";position:absolute}.about-us .about-content h1{color:var(--white-color);font-size:24px}.about-us .about-content h6{color:var(--light-grey)}.about-us .about-content p{font-weight:100;text-align:justify;color:var(--white-color)}.about-us .about-content .btn{font-size:18px;line-height:60px;padding-left:40px;text-align:center;align-items:center;padding-right:40px;border-radius:32.5px;justify-content:center;color:var(--white-color);transition:all .5s ease;border:1px solid #3b3d49}.about-content .btn span{margin-left:10px}.about-content .btn:hover{color:var(--white-color);background-color:#3b3d49}.profile{background:var(--grey-color)}.profile .nav-pills .nav-link{border-radius:0;font-weight:100;padding:20px 50px;background:transparent;color:var(--white-color);border:1px solid var(--dark-grey)}.nav-pills .show>.nav-link,.profile .nav-pills .nav-link.active{border-radius:0;font-weight:500;padding:20px 50px;margin:0 10px;background:var(--dark-grey);border:1px solid var(--dark-grey)}.profile .education-content ul{margin:20px 0 0}.profile .education-content ul li{list-style:none;position:relative;color:var(--white-color)}.profile .education-content ul li:before{top:0;left:0;content:"||";position:absolute}.education-content h3{margin-bottom:0;margin-left:20px;font-size:16px;color:var(--white-color)}.education-content p{font-weight:100;margin-left:20px;font-size:14px;color:var(--white-color)}.profile .experience-content ul{margin:20px 0 0}.profile .experience-content ul li{list-style:none;position:relative;color:var(--white-color)}.profile .experience-content ul li:before{top:0;left:0;content:"||";position:absolute}.experience-content h3{margin-left:20px;font-size:16px;color:var(--white-color)}.experience-content p{font-weight:100;margin-left:20px;font-size:14px;color:var(--white-color)}.experience-content p span{font-weight:600;font-size:12px!important;font-style:italic;padding-left:10px}.choose-me{margin-left:10px}.choose-me h1,.choose-me ul li{color:var(--white-color)}.choose-me ul li{list-style:none;position:relative;padding:10px 0}.choose-me li:before{top:10px;left:-20px;content:">>";position:absolute}.about-me{background:var(--dark-grey)}.about-me .image-wrapper{display:flex;align-items:center;justify-content:center}.about-me .image-wrapper .icon-wrapper{padding:12px 16px;border-radius:5px;border:2px solid var(--light-grey)}.image-wrapper .details-wrapper{margin-left:20px;text-align:center}.image-wrapper .details-wrapper h1,p{color:var(--white-color)}.details-wrapper p{font-weight:100}.portfolio{background:var(--grey-color)}.portfolio h6{padding:0 20px;font-weight:500;position:relative;color:var(--white-color)}.portfolio h6:before{top:0;left:0;content:"||";position:absolute}.portfolio h1{color:var(--white-color)}.card-wrapper h5{font-weight:600}.card-wrapper p{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--grey-color);-webkit-box-orient:vertical}.card-wrapper .card-chip{gap:5px;display:flex;flex-wrap:wrap;align-items:center}.card-wrapper .card-chip span{font-size:12px;padding:5px 12px;border-radius:10px;color:var(--white-color);background:var(--grey-color)}.card-wrapper .card{cursor:pointer}.card-wrapper .card img{transform:translateY(0);transition:transform 3s ease}.card-wrapper .card:hover img{transform:translateY(-30%)}.contact{background:var(--dark-grey)}.contact h6{padding:0 20px;font-size:16px;font-weight:500;position:relative;color:var(--white-color)}.contact h6:before{top:0;left:0;content:"||";position:absolute}.contact ul{padding:0;margin:10px 0}.contact ul li{padding:25px 30px;background:var(--grey-color);transition:background 1s ease-in-out}.contact ul li:nth-child(2),.contact ul li:nth-child(3){margin:30px 0}.contact ul li h5{font-size:14px;font-weight:600;color:var(--white-color)}.contact ul li a,.contact ul li p{font-size:14px;font-weight:100;text-decoration:none;color:var(--white-color)}.contact ul li a{cursor:pointer}.contact form{margin-top:10px}.contact form .form-group p{color:red;font-size:12px;padding:5px 20px}.contact form input{font-weight:100;padding:10px 20px;border-radius:50px;caret-color:var(--white-color);color:var(--white-color)!important}.contact form input,.contact form input:focus{background:var(--dark-grey);border:1px solid var(--light-grey)}.contact form input:focus{box-shadow:0 0 .25rem var(--light-grey)}.contact form input::placeholder{font-weight:100;color:var(--white-color)}.contact form textarea{font-weight:100;padding:10px 20px;caret-color:var(--white-color);color:var(--white-color)!important}.contact form textarea,.contact form textarea:focus{background:var(--dark-grey);border:1px solid var(--light-grey)}.contact form textarea:focus{box-shadow:0 0 .25rem var(--light-grey)}.contact form textarea::placeholder{font-weight:100;color:var(--white-color)}@media only screen and (max-width:786px){.home-content h3{font-size:2rem!important}.about-me .image-wrapper{flex-direction:column}.home .heroImgHandler{justify-content:center!important}}@media only screen and (max-width:480px){.home-content h3{font-size:1.5rem!important}.about-us .about-content p{font-weight:100;text-align:justify;word-break:break-all;color:var(--white-color)}.profile .nav-pills .nav-link{border-radius:0;font-weight:100;padding:10px 20px;background:transparent;color:var(--white-color);border:1px solid var(--dark-grey)}.nav-pills .show>.nav-link,.profile .nav-pills .nav-link.active{border-radius:0;font-weight:500;padding:10px 20px;margin:0 10px;background:var(--dark-grey);border:1px solid var(--dark-grey)}}@media only screen and (max-width:1024px){.header-btn,.themeBtnHide{display:none}.choose-me h1{font-size:24px}.header .navbar{display:none}.menuIcon{display:block}.home-content p{text-align:justify}}