section{-o-transition:all .5s ease-in;flex:1 0 auto;width:100%;transition:all .5s ease-in;position:relative}.who_am_I{font-family:Cinzel}.has-first-color{color:var(--primary-color)}.btn-portfolio{background:var(--primary-color);border-radius:0}.btn-portfolio a{color:#000;text-decoration:none}.btn-about a{color:var(--text-color);text-decoration:none}.intro_sec{height:100vh;min-height:700px;margin-top:-60px}@media (max-width:991.98px){.intro_sec{display:block;height:auto!important}}.intro_sec .text,.intro_sec .h_bg-image{width:50%}@media (max-width:991.98px){.intro_sec .text,.intro_sec .h_bg-image{width:100%}}.intro_sec .intro{max-width:450px;margin:0 auto;animation:1s ease-out .4s both fadeIn}.intro_sec .intro p{font-size:clamp(.875rem,2vw,1rem);line-height:var(--line-height-relaxed);animation:.8s ease-out .6s both fadeInUp}.intro_sec .intro_btn-action{animation:.8s ease-out .8s both fadeInUp}@media (prefers-reduced-motion:reduce){.intro_sec .intro,.intro_sec .intro p,.intro_sec .intro_btn-action{animation:none}}@media (max-width:991.98px){.intro_sec .intro{max-width:700px;padding-left:20px;padding-right:20px}}.intro_sec .intro .feature .wrap-icon{width:auto;height:auto;margin-bottom:0;background:0 0!important}.intro_sec .intro .feature .wrap-icon svg{color:#5cccc9}.intro_sec .text h1{margin-bottom:var(--spacing-xl);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro_sec .text h1{animation:none}}.intro_sec .text h3{font-size:clamp(.875rem,2vw,1rem);font-weight:700;animation:.8s ease-out .2s both fadeInUp}@media (prefers-reduced-motion:reduce){.intro_sec .text h3{animation:none}}.intro_sec .h_bg-image{background-position:50%;background-size:cover;min-height:700px;transition:transform .3s;animation:1s ease-out fadeIn;position:relative}.intro_sec .h_bg-image:hover{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.intro_sec .h_bg-image{animation:none}.intro_sec .h_bg-image:hover{transform:none}}.ac_btn{color:var(--secondary-color);border:var(--secondary-color)2px solid;cursor:pointer;margin-right:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:var(--font-size-sm);border-radius:4px;padding:12px 24px;transition:all .6s cubic-bezier(.55,0,.1,1);position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.ac_btn{transition:none}}.ac_btn a{text-decoration:none}.ac_btn:hover{box-shadow:8px 8px 0px var(--text-color),-8px -8px 0px var(--text-color);transform:translateY(-2px)}.ac_btn:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.ac_btn:hover,.ac_btn:active{transform:none}}.ac_btn:hover .one{opacity:1;transform:translate(0,0)}.ac_btn:hover .two,.ac_btn:hover .three,.ac_btn:hover .four{transform:translate(0,0)}.ac_btn .ring{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(90px)}.ac_btn .one{z-index:-3;z-index:-4;background-color:#000;transition:all .3s cubic-bezier(.55,0,.1,1)}.ac_btn .two{background-color:var(--primary-color);z-index:-3;transition:all .5s cubic-bezier(.55,0,.1,1)}.ac_btn .three{background-color:var(--secondary-color);z-index:-2;z-index:-3;transition:all .7s cubic-bezier(.55,0,.1,1)}#button_p{background:var(--secondary-color);color:var(--primary-color)}#button_h:hover{color:var(--primary-color)}.intro_sec .h_bg-image .block{z-index:2147483647;background-color:#2f514e;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:250px;max-width:220px;height:220px;padding:30px;display:flex;position:absolute;bottom:50vh;left:-110px}@media (max-width:991.98px){.intro_sec .h_bg-image{height:600px;min-height:75vh;margin-bottom:30px}.intro_sec .h_bg-image .block{top:unset;width:100%;margin:0;bottom:0;left:50%;transform:translate(-50%,50%)}}.intro_sec .h_bg-image .block .wrap-icon{color:var(--text-color);margin-bottom:10px;font-size:40px;display:block}.intro_sec .h_bg-image .block h3{color:var(--text-color);letter-spacing:.1rem;margin-bottom:15px;font-size:14px;font-weight:700}.intro_sec .h_bg-image .block p{color:var(--text-color);font-size:14px;line-height:1.3}.intro_sec .h_bg-image{filter:saturate(.5);transition:filter .3s}.intro_sec .h_bg-image:hover{filter:saturate(.7)}@media (prefers-reduced-motion:reduce){.intro_sec .h_bg-image{transition:none}}@media (max-width:768px){.intro_sec .text h1{font-size:1.75rem}.intro_sec .text h3,.intro_sec .intro p{font-size:.875rem}}