.about{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-right:100px}.about>*{flex:1}.about-details{width:70%}.about-details p{line-height:2;text-align:start}.about-action{margin-top:25px;display:flex;justify-content:start}.about-image{width:30%;display:flex;align-items:center;justify-content:end}.about-image .image{transition-duration:2s;width:100%}.about-image:hover .image{transform:scale(1.1)}.img_container{width:400px;height:400px;overflow:hidden;border-radius:10px 10px 10px 10px;transition-duration:2s;box-shadow:0 0 15px -1px #64cf5f}@media only screen and (max-width:1024px){.about{text-align:center;margin-right:0;flex-direction:column-reverse}.about>*{flex:1 1 100%}.about-details{width:100%}.about-image{width:100%;justify-content:center}.about-details p{text-align:center}.about-action{justify-content:center}}.container{width:1300px;padding:50px 15px;margin:0 auto;position:relative}@media only screen and (max-width:1199px){.container{width:100%}}@media only screen and (max-width:991px){.container{padding:40px 15px}}@media only screen and (max-width:768px){.container{padding:30px 15px}}@media only screen and (max-width:481px){.container{padding:20px 15px}}.title{position:absolute;display:flex;flex-direction:column;align-items:center}.title.left{justify-content:flex-end}.title.left.social{justify-content:space-between}.title.left{left:-30px}.title.right{right:-30px}.title:after{content:"";position:absolute;height:100%;width:2px;margin:15px 0;background:hsla(0,0%,100%,.85);z-index:-1}.title ul{padding:5px;background-color:#111a28}.title ul li{margin-bottom:10px}.title p,.title ul li a{color:hsla(0,0%,100%,.85)}.title p{padding:5px 10px;font-weight:900;text-transform:uppercase;background-color:#1d293a;transform-origin:50%;border-radius:4px}.title.left p{transform:rotate(-90deg)}.title.title.right p{transform:rotate(90deg)}@media only screen and (max-width:1199px){.title.left{left:0}.title.right{right:0}}@media only screen and (max-width:768px){.title{position:relative;height:auto!important;padding-bottom:50px;flex-direction:column-reverse}.title.left p,.title.title.right p{transform:rotate(0)}.title:after{top:0;height:2px;width:260px}.title ul{display:flex;margin-top:15px}.title ul li{margin:0 15px}}@media only screen and (max-width:481px){.title:after{width:180px}.title{padding-bottom:25px}}.btn{display:inline-block;border-style:solid;border-width:1px;padding:10px 20px;border-radius:4px;text-decoration:none}@media only screen and (max-width:768px){.btn,.btn_position{padding:10px 20px}}.banner-area{min-height:80vh;display:flex;align-items:center}.banner-area .bg{position:absolute;opacity:.5;z-index:-1}.banner{padding-left:100px;padding-top:50px}.banner p{font-size:22px;color:#64cf5f}.banner h1{color:#e5dce9;font-size:78px;font-weight:900;margin-bottom:25px}.banner h3{color:#64cf5f}.banner ul{display:flex;margin:8px 0 25px 15px}.banner ul li{position:relative;margin-right:30px;color:#e5dce9}.banner ul li:before{position:absolute;content:"";left:-15px;top:8px;background-color:#64cf5f;width:10px;height:10px;border-radius:10px}@media only screen and (max-width:991px){.banner h1{font-size:62px}}@media only screen and (max-width:768px){.banner-area{flex-direction:column;justify-content:center}.banner{padding-left:0;text-align:center;padding-top:0}.banner p{font-size:21px}.banner h1{font-size:52px}.banner h3{font-size:22px}.banner ul{justify-content:center}.banner ul li{font-size:16px}}@media only screen and (max-width:481px){.banner p{font-size:18px}.banner h1{font-size:36px}.banner h3{font-size:20px}.banner ul{flex-direction:column}.banner ul li{font-size:14px;margin-right:0}.banner ul li:before{display:none}}.contact{padding-left:100px}.contact>*{flex:1 1 calc(50% - 30px)}.contact>:first-of-type{margin-right:15px}.contact>:last-of-type{margin-left:15px}.contact-status p{line-height:2}.contact-details li{margin-bottom:15px}.contact-details h5{font-size:26px;font-weight:900}.contact-details p span{font-weight:300;color:hsla(0,0%,100%,.65)}@media only screen and (max-width:768px){.contact{padding-left:0}.contact>*{flex-basis:100%}.contact>:first-of-type{margin-right:0;margin-bottom:30px;text-align:center}.contact>:last-of-type{margin-left:0;text-align:center}}.love-todo{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-left:100px}.love-todo-card{background-color:#1d293a;padding:45px 25px;display:flex;flex-direction:column;gap:15px;justify-content:space-between;border-radius:4px}.love-todo .love-todo-card h4{font-weight:900;color:hsla(0,0%,100%,.85);font-size:22px}@media only screen and (max-width:991px){.love-todo{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.love-todo{padding-left:0}}@media only screen and (max-width:481px){.love-todo{grid-template-columns:repeat(1,1fr);padding-left:0}}.portfolio-area{position:relative}.portfolios{padding-right:100px}.portfolio-nav{display:flex;flex-wrap:wrap;margin-bottom:25px}.portfolio-nav li{border:2px solid #64cf5f;color:#e5dce9;padding:5px 25px;margin-right:15px;cursor:pointer;border-radius:4px}.portfolio-nav li.active{background-color:#64cf5f;color:#111a28;font-weight:900}.portfolio-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-container.withoutImg{margin-top:30px}.portfolio{border-radius:4px;background-color:#1d293a;width:100%}.portfolio-img{position:relative;width:100%;height:300px;overflow-y:hidden;transition-duration:7s}.portfolio-img .image{width:100%;height:auto;transition-duration:20s}.portfolio-img:hover .image{transform:translateY(calc(-100% + 300px))}.prt-name{font-size:26px;font-weight:900;padding-top:15px;text-align:center;color:#fff}.details{margin:15px;border-left:1px solid #64cf5f;border-top:1px solid #64cf5f;border-right:1px solid #64cf5f;border-radius:4px}.details>h4{padding:15px;border-radius:5px 5px 0 0;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.btn-default{background-color:#111a28;color:#e5dce9}.btn-green{background-color:#64cf5f;color:#111a28}.description-container{padding:15px;color:#fff}.description-title{font-size:20px;font-weight:400;color:#64cf5f;padding-right:8px}.portfolio-features{margin-top:15px;display:flex;flex-direction:column;gap:10px}.portfolio-features li{display:flex;gap:5px}.portfolio-features .feature-icon{margin-top:6px}.portfolio-tools{padding:15px 0}.portfolio-tools .tools{font-size:12px;background-color:#111a28;padding:0 8px;border-radius:4px;line-height:34px}.portfolio-link{display:flex;justify-content:space-between;text-align:center;gap:20px}.portfolio-link li{background-color:#64cf5f;color:#111a28;padding:5px 10px;border-radius:4px}@media only screen and (max-width:991px){.portfolio-container{grid-template-columns:repeat(1,1fr)}.portfolio-nav{justify-content:center}}@media only screen and (max-width:768px){.portfolios{padding-right:0}}@media only screen and (max-width:481px){.portfolio-nav{margin-bottom:0}.portfolio-nav li{margin:0 5px 15px}.portfolio-link{grid-template-columns:repeat(1,1fr);gap:15px}}.skills{padding-right:100px}.skill-nav{display:flex;flex-wrap:wrap;margin-bottom:25px}.skill-nav li{border:2px solid #64cf5f;color:#e5dce9;padding:5px 25px;margin-right:15px;cursor:pointer;border-radius:4px}.skill-nav li:last-child{margin-right:0}.skill-nav li.active{background-color:#64cf5f;color:#111a28;font-weight:900}.skill{display:flex;flex-wrap:wrap}.skill>*{flex:1 1 calc(100% / 2 - 30px)}.skill .card{position:relative;background-color:#1d293a;padding:25px 25px 35px;margin:15px;border-radius:4px}.skill .card h4{font-size:22px;font-weight:900;color:#e5dce9}.skill .card p{padding:3px 5px;top:25px;font-weight:900;color:#fff;right:15px}.skill .card .progress-ar,.skill .card p{position:absolute;background-color:#64cf5f;border-radius:4px}.skill .card .progress-ar{bottom:0;left:0;height:10px}.skill>:first-child,.skill>:nth-child(2){margin-top:0}.skill>:nth-child(2n - 1){margin-left:0}.skill>:nth-child(2n){margin-right:0}.skill>:last-child{margin-right:0;flex:0 0 calc(50% - 15px)}@media only screen and (max-width:768px){.skills{padding-right:0}.skill-nav{justify-content:center}.skill-nav li{padding:5px 15px;margin-right:10px}.skill>*{flex:1 1 100%;margin-left:0;margin-right:0}.skill .card{margin:0 0 30px}.skill>:last-child{flex-basis:100%;margin-bottom:0}}@media only screen and (max-width:481px){.skill-nav{margin-bottom:0}.skill-nav li{margin:0 5px 15px}.skill .card{margin-bottom:15px}}