:root {--fontColor: #4d4643;}@font-face {font-family: 'Webyekan';src: url("../vendor/Fonts/WebYekan.woff") format('woff');}body {font-family: 'Webyekan';color: var(--fontcolor);text-align: right;direction: rtl;}a {color: #1bbd36;text-decoration: none;transition: all 0.5s;}a:hover {color: #14adfd;text-decoration: none;}h1, h2, h3, h4, h5, h6 {font-family: 'Webyekan';}@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: auto;}}.back-to-top {position: fixed;display: none;width: 40px;height: 40px;border-radius: 3px;right: 15px;bottom: 15px;background: #1bbd36;color: #fff;transition: display 0.5s ease-in-out;z-index: 99999;}.back-to-top i {font-size: 24px;position: absolute;top: 4px;left: 8px;}.back-to-top:hover {color: #fff;background: #2ae149;transition: 0.3s ease-in-out;}@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}}#Mainheader {background: #fff;transition: all 0.5s;z-index: 997;padding: 12px 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}#Mainheader .logoholder {position:relative;float: left;}#Mainheader .navHolder {float: right;direction: rtl;}#Mainheader .logo {margin: 0;padding: 0;line-height: 1;}#Mainheader .logo img {position: absolute;max-height: 50px;width: auto;left: 0;}.search {position: relative;top: 50%;left: 40%;transform: translate(-50%, -50%);background: #FFF;border: 2px solid #17bd32;height: 40px;border-radius: 40px;padding: 0 10px 0 0;margin-left:15px;}.search:hover > .search-txt {width: 180px;padding: 0 10px;color: #14adfd;font-size: 12px;}@media (max-width: 600px) {.search:hover > .search-txt {width: 150px;padding: 0 10px;color: #14adfd;}.search {left: 50%;}}.search:hover > .search-btn {background: #FFF;color: #17bd32;border: 1px solid #17bd32;}.search-btn {color: #FFF;float: left;width: 40px;height: 40px;border-radius: 50%;background: #17bd32;display: flex;justify-content: center;align-items: center;margin: -2px 0 0 -1px;}.search-txt {border: none;background: none;outline: none;float: right;padding: 0;color: #17bd32;font-size: 12px;transition: ease-in 0.4s;line-height: 40px;width: 110px;}.fas fa-search {font-weight: 200;font-size: 40px;}.nav-menu ul {margin: 0;padding: 0;list-style: none;}.nav-menu > ul {display: flex;}.nav-menu > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 28px;}.nav-menu a {display: block;position: relative;color: #111;transition: 0.3s;font-size: 14px;text-transform: uppercase;font-weight: 600;font-family: 'Webyekan';}.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color: #1bbd36;}.nav-menu .drop-down ul {display: block;position: absolute;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-top: 2px solid #1bbd36;}.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}.nav-menu .drop-down li {min-width: 180px;position: relative;}.nav-menu .drop-down ul a {padding: 10px 20px;font-size: 14px;font-weight: 500;text-transform: none;color: #111;}.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: #1bbd36;}.nav-menu .drop-down > a:after {content: "\EA4F";font-family: remixicon;padding-left: 5px;}.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}.nav-menu .drop-down .drop-down > a {padding-right: 35px;}.nav-menu .drop-down .drop-down > a:after {content: "\EA63";font-family: remixicon;position: absolute;right: 15px;}@media (max-width: 1366px) {.nav-menu .drop-down .drop-down ul {left: -90%;}.nav-menu .drop-down .drop-down:hover > ul {left: -100%;}.nav-menu .drop-down .drop-down > a:after {content: "\EA63";}}.mobile-nav-toggle {position: fixed;right: 15px;top: 15px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}.mobile-nav-toggle i {color: #1bbd36;}.mobile-nav {position: fixed;top: 55px;right: 15px;bottom: 15px;left: 15px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;}.mobile-nav * {margin: 0;padding: 0;list-style: none;}.mobile-nav a {display: block;position: relative;color: #111;padding: 10px 20px;font-weight: 500;outline: none;}.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #1bbd36;text-decoration: none;}.mobile-nav .drop-down > a:after {content: "\EA4F";font-family: remixicon;padding-left: 10px;position: absolute;right: 15px;}.mobile-nav .active.drop-down > a:after {content: "\EA4F";font-family: remixicon;}.mobile-nav .drop-down > a {padding-right: 35px;}.mobile-nav .drop-down ul {display: none;overflow: hidden;}.mobile-nav .drop-down li {padding-left: 20px;}.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}.mobile-nav-active {overflow: hidden;}.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}.mobile-nav-active .mobile-nav-toggle i {color: #fff;}#hero {padding: 50px 0 0;}.carousel-caption {padding: 20px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 25px #1bbd36, 0 0 5px rgba(4, 4, 4, 0.7);}.carousel-caption h2 {color: #fff;margin-bottom: 20px;font-size: 28px;font-weight: 700;}.carousel-caption h3 {color: #fff;margin-bottom: 20px;font-size: 20px;font-weight: 600;}.carousel-caption .btn-get-started {font-family: 'Webyekan';font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 4px;transition: 0.5s;line-height: 1;margin: 10px;color: #1bbd36;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;border: 2px solid #1bbd36;}.carousel-caption .btn-get-started:hover {background: #1bbd36;color: #fff;text-decoration: none;}@media (min-width: 1024px) {carousel-caption {width: 50%;}#hero .carousel-control-prev, #hero .carousel-control-next {width: 5%;}}@media (max-width: 992px) {.carousel-caption h2 {margin-bottom: 15px;font-size: 22px;}.carousel-caption p {font-size: 15px;}}@media (max-width: 500px) {.carousel-inner {top: 0px;}.carousel-caption .btn-get-started {font-size: 10px;display: inline-block;padding: 10px 15px;color: #1bbd36;border: 2px solid #1bbd36;}.carousel-caption p {display: none;}.carousel-caption h2 {margin-bottom: 15px;font-size: 14px;}.carousel-indicators li {bottom: 7px;}}section {padding: 60px 0;overflow: hidden;}.section-bg {background-color: #f7f7f7;}.section-title {text-align: center;padding-bottom: 10px;}.section-title p {margin-bottom: 0;}.section-title .title {font-size: 28px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 10px;position: relative;}.section-title .title::after {content: '';position: absolute;display: block;width: 16%;height: 3px;background: #1bbd36;bottom: 0;left: calc(50% - 8%);}.breadcrumbs {padding: 15px 0;background: #1bbd36;min-height: 40px;margin-top: 66px;}.breadcrumbs h1 {font-size: 18px;font-weight: 300;color: #fff;}.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;color: #fff;}.breadcrumbs ol a {color: #fff;}.breadcrumbs ol li + li {padding-left: 10px;}.breadcrumbs ol li + li::before {display: inline-block;padding: 0 5px;color: #fff;content: "/";}@media (max-width: 991px) {.breadcrumbs {margin-top: 58px;}.breadcrumbs .d-flex {display: block !important;}.breadcrumbs ol {display: block;}.breadcrumbs ol li {display: inline-block;}}.Shop-bg {background-color: #EAFAF1;margin: 20px 0;}.Category-slide {position: relative;width: 250px;height: 450px;background: #fff;border-radius: 20px;overflow: hidden;margin: 0 5px;}.Category-slide:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1bbd36;clip-path: circle(150px at 80% 20%);transition: 0.5s ease-in-out;}.Category-slide:hover:before {clip-path: circle(300px at 80% -20%);}.Category-slide:after {content: 'VPK';position: absolute;top: 30%;left: -5%;font-size: 8em;font-weight: 700;font-style: italic;color: #EAFAF1;}.Category-slide .imgBx {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10000;width: 100%;height: 220px;transition: 0.5s;}.Category-slide .imgBx {top: 0;transform: translateY(0%);}.Category-slide .imgBx img {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%) rotate(0deg);width: 250px;}.Category-slide .contentBx {position: absolute;bottom: 0;width: 100%;height: 100px;text-align: center;transition: 1s;z-index: 10;}.Category-slide:hover .contentBx {height: 210px;}.Category-slide .contentBx h2 {position: relative;font-weight: 600;font-size: 20px;color: #1bbd36;}.Category-slide .contentBx h3 {position: relative;font-weight: 400;color: #1bbd36;}.Category-slide:hover .contentBx .size {opacity: 1;visibility: visible;transition-delay: 0.5s;}.Category-slide:hover .contentBx .Link, .Category-slide:hover .contentBx .CategoryBtn {opacity: 1;visibility: visible;}.CategoryBtn {display: inline-block;padding: 5px 20px;background: #FFFFFF;border-radius: 4px;margin-top: 10px;text-decoration: none;font-wight: 600;color: #1bbd36;border: 2px solid #1bbd36;transition: 0.5s;}.CategoryBtn:hover {opacity: 1;border-color: #14adfd;color: #14adfd;}.image {width: 300px;}.owl-controls .owl-buttons {text-align: center;margin-top: 20px;}.ProductCategory-owl-nav .ProductCategory-next-button, .ProductCategory-owl-nav .ProductCategory-prev-button {position: absolute;top: 60px;width: 40px;height: 40px;border-radius: 50%;padding: 2px 4px;text-shadow: none;color: #616161;border: 1px dashed #1bbd36;opacity: 1;background: transparent;text-align: center;line-height: 35px;cursor: pointer;transition: 0.3s;}.ProductCategory-owl-nav .ProductCategory-next-button .np, .ProductCategory-owl-nav .ProductCategory-prev-button .np {font-size: 25px;}.ProductCategory-owl-nav .ProductCategory-next-button {left: 90px;}.ProductCategory-owl-nav .ProductCategory-prev-button {right: 90px;}.ProductCategory-owl-nav .ProductCategory-next-button:hover, .ProductCategory-owl-nav .ProductCategory-prev-button:hover {border: 1px solid #1bbd36;background: #1bbd36;color: #fff;}@media only screen and (max-width:1280px) {.Category-slide .post-content {padding: 0px 15px 25px 15px;}}.Product {margin-top: 40px;}.Product-owl-nav .Product-next-button, .Product-owl-nav .Product-prev-button {position: absolute;top: 60px;width: 40px;height: 40px;border-radius: 50%;padding: 2px 4px;text-shadow: none;color: #616161;border: 1px dashed #1bbd36;opacity: 1;background: transparent;text-align: center;line-height: 35px;cursor: pointer;transition: 0.3s;}.Product-owl-nav .Product-next-button .np, .Product-owl-nav .Product-prev-button .np {font-size: 25px;}.Product-owl-nav .Product-next-button {left: 90px;}.Product-owl-nav .Product-prev-button {right: 90px;}.Product-owl-nav .Product-next-button:hover, .Product-owl-nav .Product-prev-button:hover {border: 1px solid #1bbd36;background: #1bbd36;color: #fff;}.product-card {box-shadow: 0 2px 7px #dfdfdf;background: #fafafa;margin-left: 20px;}.product-card:first-child {margin-right: 20px;}.badge {position: absolute;left: 0;top: 10px;text-transform: uppercase;font-size: 13px;font-weight: 700;background: #1bbd36;color: #fff;padding: 3px 10px;}.product-tumb {display: flex;align-items: center;justify-content: center;background: #f0f0f0;}.product-tumb img {max-width: 100%;max-height: 100%;}.product-details {padding: 30px;}.product-catagory {display: block;font-size: 12px;font-weight: 700;text-transform: uppercase;color: #ccc;margin-bottom: 18px;}.product-details h4 a {font-weight: 500;font-size: 16px;display: block;margin-bottom: 18px;text-transform: uppercase;color: #363636;text-decoration: none;transition: 0.3s;}.product-details h4 a:hover {color: #1bbd36;}.product-details p {font-size: 15px;line-height: 22px;margin-bottom: 18px;color: #999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.product-bottom-details {overflow: hidden;border-top: 1px solid #eee;padding-top: 20px;}.product-bottom-details div {float: right;width: 100%;}.product-price {font-size: 18px;color: #1bbd36;font-weight: 600;}.product-price i {padding-left: 5px;font-size: 20px;opacity: 1;font-weight: 500;}.product-price small {font-size: 80%;font-weight: 400;text-decoration: line-through;display: inline-block;margin-right: 5px;}.product-links {text-align: right;}.product-links a {display: inline-block;margin-left: 5px;color: #e1e1e1;transition: 0.3s;font-size: 17px;}.product-links a:hover {color: #1bbd36;}@media (max-width: 500px) {.Product-owl-nav .Product-prev-button {width: 30px;height: 30px;line-height: 25px;right: 40px;}.Product-owl-nav .Product-next-button {width: 30px;height: 30px;line-height: 25px;left: 40px;}.Product-owl-nav .Product-next-button .np, .Product-owl-nav .Product-prev-button .np {font-size: 20px;}.product-price {font-size: 15px;color: #1bbd36;font-weight: 500;line-height: normal;}}.RowSpace {margin-top: 20px;}.card-body .CategoryName {color: #ccc;font-size: 12px;}.ProductName {color: #1bbd36;font-size: 18px;}.btn-outline-primary {color: #1bbd36;border-color: #1bbd36;}.services .icon-box {text-align: center;padding: 70px 20px 80px 20px;transition: all ease-in-out 0.3s;background: #fff;}.services .icon-box .icon {margin: 0 auto;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;transition: ease-in-out 0.3s;position: relative;}.services .icon-box .icon i {font-size: 36px;transition: 0.5s;position: relative;}.services .icon-box .icon svg {position: absolute;top: 0;left: 0;}.services .icon-box .icon svg path {transition: 0.5s;fill: #f5f5f5;}.services .icon-box h4 {font-weight: 600;margin: 10px 0 15px 0;font-size: 22px;}.services .icon-box h4 a {color: #111;transition: ease-in-out 0.3s;}.services .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}.services .icon-box:hover {border-color: #fff;box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);}.services .iconbox-blue i {color: #47aeff;}.services .iconbox-blue:hover .icon i {color: #fff;}.services .iconbox-blue:hover .icon path {fill: #47aeff;}.services .iconbox-orange i {color: #ffa76e;}.services .iconbox-orange:hover .icon i {color: #fff;}.services .iconbox-orange:hover .icon path {fill: #ffa76e;}.services .iconbox-pink i {color: #e80368;}.services .iconbox-pink:hover .icon i {color: #fff;}.services .iconbox-pink:hover .icon path {fill: #e80368;}.services .iconbox-yellow i {color: #FDDA0D;}.services .iconbox-yellow:hover .icon i {color: #fff;}.services .iconbox-yellow:hover .icon path {fill: #FDDA0D;}.services .iconbox-red i {color: #DC143C;}.services .iconbox-red:hover .icon i {color: #fff;}.services .iconbox-red:hover .icon path {fill: #DC143C;}.services .iconbox-teal i {color: #11dbcf;}.services .iconbox-teal:hover .icon i {color: #fff;}.services .iconbox-teal:hover .icon path {fill: #11dbcf;}.Product #Product-flters {padding: 0;margin: 0 auto 50px auto;list-style: none;text-align: center;}.ProductCategory #Product-flters li {cursor: pointer;display: inline-block;padding: 8px 20px 10px 20px;font-size: 14px;font-weight: 400;line-height: 1;text-transform: uppercase;color: var(--fontcolor);transition: all 0.3s;border-radius: 4px;}#Product-flters li.filter-active {color: #fff;background: #1bbd36;}.ProductCategory #Product-flters li:last-child {margin-right: 0;}.ProductCategory .Product-item {margin-bottom: 30px;}.ProductCategory .Product-item .portfolio-info {opacity: 0;position: absolute;left: 30px;right: 30px;bottom: 0;z-index: 3;transition: all ease-in-out 0.3s;background: rgba(255, 255, 255, 0.9);padding: 15px;}.ProductCategory .Product-item .portfolio-info h4 {font-size: 18px;color: #fff;font-weight: 600;color: #111;}.ProductCategory .Product-item .portfolio-info p {color: #444444;font-size: 14px;margin-bottom: 5px;}.ProductCategory .Product-item .portfolio-info .preview-link:hover, .Product .Product-item .portfolio-info .details-link:hover {color: #1bbd36;}.ProductCategory .Product-item .portfolio-info .details-link {right: 10px;}.ProductCategory .Product-item .portfolio-links {opacity: 0;left: 0;right: 0;text-align: center;z-index: 3;position: absolute;transition: all ease-in-out 0.3s;}.ProductCategory .Product-item .portfolio-links a {color: #fff;margin: 0 2px;font-size: 28px;display: inline-block;transition: 0.3s;}.ProductCategory .Product-item:hover .portfolio-info {opacity: 1;bottom: 20px;}.SingleProduct {direction: ltr;}img {width: 100%;display: block;}.img-display {overflow: hidden;}.img-showcase {display: flex;width: 100%;transition: all 0.5s ease;}.img-showcase img {min-width: 100%;}.img-select {display: flex;}.img-item {margin: 0.3rem;}.img-item:nth-child(1), .img-item:nth-child(2), .img-item:nth-child(3) {margin-right: 0;}.img-item:hover {opacity: 0.8;}.product-content {padding: 2rem 1rem;text-align: right;}.product-detail {direction: rtl;}.product-detail h2 {text-transform: capitalize;color: #12263a;padding-bottom: 0.6rem;font-size: 22px;font-weight: 600;direction:rtl;}.product-detail p {font-size: 0.9rem;opacity: 0.8;}.product-detail ul {margin: 1rem 0;font-size: 0.9rem;}.product-detail ul li:before {content: "\EB79";font-family: remixicon;display: inline-block;margin-right: -1.3em;width: 1.3em;color: #1bbd36;}.product-detail ul li {margin: 0;list-style: none;background-size: 18px;padding-right: 1.7rem;margin: 0.4rem 0;opacity: 0.9;}.product-detail ul li span {font-weight: 400;margin-right: 6px;}.social-links {display: flex;flex-direction: row;align-items: center;margin-right: 10px;}.social-links a {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;color: #616161;border: 1px dashed #1bbd36;opacity: 1;margin: 0 0.2rem;border-radius: 50%;text-decoration: none;font-size: 0.8rem;transition: all 0.5s ease;}.social-links a:hover {background-color: #1bbd36;color: #fff;}.social-links p {margin-top: 10px;margin-left: 10px;}.button-wrapper-cta {display: block;text-align: center;margin-top: 5px;}.cta-button {border: none;border-radius: 1em;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08);display: inline-block;font-size: 18px;text-decoration: none;padding: 10px 20px;width: auto;transition: all 0.5s ease;}.button-cta {background: #1bbd36;color: #fff;}.button-cta:hover {font-size: 20px;background: #1bbd36;color: #fff;}.product-imgs {display: flex;flex-direction: column;justify-content: center;}.product-content {padding-top: 0;}.clients {padding-top: 10px;}.clients .owl-item {display: flex;justify-content: center;align-items: center;padding: 0 20px;}.clients .owl-item img {height: 80%;opacity: 0.5;transition: 0.3s;}.clients .owl-item img:hover {opacity: 1;}.clients .owl-nav, .clients .owl-dots {margin-top: 5px;text-align: center;}.about-us h1 {font-size: 24px;font-weight: 700;margin-bottom: 20px;}.about-us .content h2 {font-weight: 600;font-size: 30px;line-height: 50px;margin-bottom: 20px;}.about-us .content h3 {font-weight: 500;line-height: 28px;font-size: 24px;}.about-us .content ul {list-style: none;padding: 0;}.about-us .content ul li {padding: 10px 28px 0 0px;position: relative;}.about-us .content ul i {right: 0;top: 7px;position: absolute;font-size: 20px;color: #1bbd36;}.about-us .content ul li:before {content: "\EB79";font-family: remixicon;display: inline-block;margin-right: -1.3em;width: 1.3em;color: #1bbd36;}.about-us .content p:last-child {margin-bottom: 0;}.about-us .content .Aboutmore img {width: 50%;margin-right: 24%;border: 2px solid #1bbd36;}.team .member {margin-bottom: 20px;overflow: hidden;text-align: center;border-radius: 5px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.team .member .member-img {position: relative;overflow: hidden;}.team .member .social {position: absolute;left: 0;bottom: 0;right: 0;height: 40px;opacity: 0;transition: ease-in-out 0.3s;text-align: center;background: rgba(255, 255, 255, 0.85);}.team .member .social a {transition: color 0.3s;color: #111;margin: 0 10px;padding-top: 8px;display: inline-block;}.team .member .social a:hover {color: #1bbd36;}.team .member .social i {font-size: 18px;margin: 0 2px;}.team .member .member-info {padding: 25px 15px;}.team .member .member-info h4 {font-weight: 700;margin-bottom: 5px;font-size: 18px;color: #111;}.team .member .member-info span {display: block;font-size: 13px;font-weight: 400;color: #b4aca8;}.team .member .member-info p {font-style: italic;font-size: 14px;line-height: 26px;color: #847872;}.team .member:hover .social {opacity: 1;}.skills .progress {height: 50px;display: block;background: none;}.skills .progress .skill {padding: 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: 'Webyekan';color: #111;}.skills .progress .skill .val {float: right;font-style: normal;}.skills .progress-bar-wrap {background: #e7e7e7;}.skills .progress-bar {width: 1px;height: 10px;transition: .9s;background-color: #1bbd36;}.features .icon-box {display: flex;align-items: center;padding: 20px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);transition: ease-in-out 0.3s;}.features .icon-box i {font-size: 32px;padding-right: 10px;line-height: 1;}.features .icon-box h3 {font-weight: 700;margin: 0;padding: 0;line-height: 1;font-size: 16px;}.features .icon-box h3 a {color: #111;transition: ease-in-out 0.3s;}.features .icon-box h3 a:hover {color: #1bbd36;}.pricing .box {padding: 20px;background: #fff;text-align: center;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);border-radius: 5px;position: relative;overflow: hidden;}.pricing h3 {font-weight: 400;margin: -20px -20px 20px -20px;padding: 20px 15px;font-size: 16px;font-weight: 600;color: #847872;background: #f8f8f8;}.pricing h4 {font-size: 36px;color: #1bbd36;font-weight: 600;font-family: 'Webyekan';margin-bottom: 20px;}.pricing h4 sup {font-size: 20px;top: -15px;left: -3px;}.pricing h4 span {color: #bababa;font-size: 16px;font-weight: 300;}.pricing ul {padding: 0;list-style: none;color: var(--fontcolor);text-align: center;line-height: 20px;font-size: 14px;}.pricing ul li {padding-bottom: 16px;}.pricing ul i {color: #1bbd36;font-size: 18px;padding-right: 4px;}.pricing ul .na {color: #ccc;text-decoration: line-through;}.pricing .btn-wrap {margin: 20px -20px -20px -20px;padding: 20px 15px;background: #f8f8f8;text-align: center;}.pricing .btn-buy {background: #1bbd36;display: inline-block;padding: 8px 35px 10px 35px;border-radius: 4px;color: #fff;transition: none;font-size: 14px;font-weight: 400;font-family: 'Webyekan';font-weight: 600;transition: 0.3s;}.pricing .btn-buy:hover {background: #2ae149;}.pricing .featured h3 {color: #fff;background: #1bbd36;}.pricing .advanced {width: 200px;position: absolute;top: 18px;right: -68px;transform: rotate(45deg);z-index: 1;font-size: 14px;padding: 1px 0 3px 0;background: #1bbd36;color: #fff;}.faq .faq-list {padding: 0 100px;}.faq .faq-list ul {padding: 0;list-style: none;}.faq .faq-list li + li {margin-top: 15px;}.faq .faq-list li {padding: 20px;background: #fff;border-radius: 4px;position: relative;}.faq .faq-list a {display: block;position: relative;font-family: 'Webyekan';font-size: 16px;line-height: 24px;font-weight: 500;padding: 0 30px;outline: none;cursor: pointer;}.faq .faq-list .icon-help {font-size: 24px;position: absolute;right: 0;left: 20px;color: lightgray;}.faq .faq-list .icon-show, .faq .faq-list .icon-close {font-size: 24px;position: absolute;right: 0;top: 0;}.faq .faq-list p {margin-bottom: 0;padding: 10px 0 0 0;}.faq .faq-list .icon-show {display: none;}.faq .faq-list a.collapsed {color: #343a40;transition: 0.3s;}.faq .faq-list a.collapsed:hover {color: #1bbd36;}.faq .faq-list a.collapsed .icon-show {display: inline-block;}.faq .faq-list a.collapsed .icon-close {display: none;}@media (max-width: 1200px) {.faq .faq-list {padding: 0;}}.testimonials .testimonial-item {box-sizing: content-box;padding: 40px;box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);position: relative;background: #fff;}.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50px;border: 6px solid #fff;float: left;margin: 0 10px 0 0;}.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;color: #111;}.testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0;}.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: #dddddd;font-size: 26px;}.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;}.testimonials .testimonial-item p {font-style: italic;margin: 15px 0 0 0;padding: 0;}.contact .info-wrap {box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);padding: 30px;}.contact .info {background: #fff;}.contact .info i {font-size: 12px;color: #1bbd36;float: right;width: 30px;height: 30px;border: 1px solid #1bbd36;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.5s;}.contact .info h4 {padding: 0 40px 0 0;font-size: 18px;margin-bottom: 5px;color: #111;}.contact .info p {padding: 0 30px 0 0;margin-bottom: 0;font-size: 14px;color: #444444;}.contact .info:hover i {background: #1bbd36;color: #fff;}.contact .php-email-form {width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);padding: 30px;background: #fff;}.contact .php-email-form .form-group {padding-bottom: 8px;}.contact .php-email-form .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px;}.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}.contact .php-email-form .error-message br + br {margin-top: 25px;}.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite;}.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;}.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #1bbd36;}.contact .php-email-form input {height: 44px;}.contact .php-email-form textarea {padding: 10px 12px;}.contact .php-email-form button[type="submit"] {background: #1bbd36;border: 0;padding: 10px 24px;color: #fff;transition: 0.4s;border-radius: 4px;}.contact .php-email-form button[type="submit"]:hover {background: #2ae149;}@-webkit-keyframes animate-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes animate-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.portfolio-details {padding: 40px 0;}.portfolio-details .portfolio-details-container {position: relative;}.portfolio-details .portfolio-details-carousel {position: relative;z-index: 1;}.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {margin-top: 5px;text-align: left;}.portfolio-details .portfolio-details-carousel .owl-dot {display: inline-block;margin: 0 10px 0 0;width: 12px;height: 12px;border-radius: 50%;background-color: #ddd !important;}.portfolio-details .portfolio-details-carousel .owl-dot.active {background-color: #1bbd36 !important;}.portfolio-details .portfolio-info {padding: 30px;position: absolute;right: 0;bottom: -70px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);z-index: 2;}.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}.portfolio-details .portfolio-info ul li + li {margin-top: 10px;}.portfolio-details .portfolio-description {padding-top: 50px;}.portfolio-details .portfolio-description h2 {width: 50%;font-size: 26px;font-weight: 700;margin-bottom: 20px;}.portfolio-details .portfolio-description p {padding: 0 0 0 0;}@media (max-width: 768px) {.portfolio-details .portfolio-info {position: static;margin-top: 30px;}}.blog {padding: 40px 0 20px 0;}.blog .entry {padding: 30px;margin-bottom: 60px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.blog .entry .entry-img {max-height: 400px;margin: -30px -30px 20px -30px;overflow: hidden;}.blog .entry .entry-title {font-size: 28px;font-weight: bold;padding: 0;margin: 0 0 20px 0;}.blog .entry .entry-title a {color: #111;transition: 0.3s;}.blog .entry .entry-title a:hover {color: #1bbd36;}.blog .entry .entry-meta {margin-bottom: 15px;color: #aaaaaa;}.blog .entry .entry-meta ul {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}.blog .entry .entry-meta ul li + li {padding-left: 20px;}.blog .entry .entry-meta i {font-size: 14px;padding-right: 4px;}.blog .entry .entry-meta a {color: #5e5e5e;font-size: 14px;display: inline-block;line-height: 20px;transition: 0.3s;}.blog .entry .entry-meta a:hover {color: #1bbd36;}.blog .entry .entry-content {direction: rtl;}.blog .entry .entry-content p {line-height: 24px;}.blog .entry .entry-content ul li {margin: 0;list-style: none;background-size: 18px;padding-right: 1.7rem;margin: 0.4rem 0;opacity: 0.9;}.blog .entry .entry-content ul li:before {content: "\EB79";font-family: remixicon;display: inline-block;margin-right: -1.3em;width: 1.3em;color: #1bbd36;}.blog .entry .entry-content .read-more {-moz-text-align-last: right;text-align-last: right;}.blog .entry .entry-content .read-more a {display: inline-block;background: #1bbd36;color: #fff;padding: 7px 25px;transition: 0.3s;font-size: 14px;border-radius: 4px;}.blog .entry .entry-content .read-more a:hover {background: #1ed33c;}.blog .entry .entry-content h3 {font-size: 18px;margin-top: 30px;font-weight: bold;}.blog .entry .entry-content h2 {font-size: 23px;margin-top: 30px;font-weight: bold;line-height: 55px;}.blog .entry .entry-content blockquote {overflow: hidden;background-color: #fafafa;padding: 60px;position: relative;text-align: center;margin: 20px 0;}.blog .entry .entry-content blockquote p {color: var(--fontcolor);line-height: 1.6;margin-bottom: 0;font-style: italic;font-weight: 500;font-size: 22px;}.blog .entry .entry-content blockquote .quote-left {position: absolute;left: 20px;top: 20px;font-size: 36px;color: #e7e7e7;}.blog .entry .entry-content blockquote .quote-right {position: absolute;right: 20px;bottom: 20px;font-size: 36px;color: #e7e7e7;}.blog .entry .entry-content blockquote::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 3px;background-color: #1bbd36;margin-top: 20px;margin-bottom: 20px;}.blog .entry .entry-footer {padding-top: 10px;border-top: 1px solid #e6e6e6;}.blog .entry .entry-footer i {display: inline;font-size: 18px;}.blog .entry .entry-footer a {color: #8b8b8b;transition: 0.3s;}.blog .entry .entry-footer a:hover {color: #1bbd36;}.blog .entry .entry-footer .cats {list-style: none;display: inline;padding: 0 0 0 20px;font-size: 14px;}.blog .entry .entry-footer .cats li {display: inline-block;}.blog .entry .entry-footer .tags {list-style: none;display: inline;padding: 0;font-size: 14px;}.blog .entry .entry-footer .tags li {display: inline-block;}.blog .entry .entry-footer .tags li + li::before {padding-right: 6px;color: #6c757d;content: ",";}.blog .entry .entry-footer .share {font-size: 14px;}.blog .entry .entry-footer .share i {padding-left: 5px;}.blog .entry-single {margin-bottom: 30px;}.blog .blog-author {padding: 20px;margin-bottom: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.blog .blog-author img {width: 120px;}.blog .blog-author h4 {margin-left: 140px;font-weight: 600;font-size: 22px;margin-bottom: 0px;padding: 0;}.blog .blog-author .social-links {margin: 0 0 5px 140px;}.blog .blog-author .social-links a {color: #777777;}.blog .blog-author p {margin-left: 140px;font-style: italic;color: #bfb9b6;}.blog .blog-comments {margin-bottom: 30px;}.blog .blog-comments .comments-count {font-weight: bold;}.blog .blog-comments .comment {margin-top: 30px;position: relative;}.blog .blog-comments .comment .comment-img {width: 50px;margin-left: 15px;float: right;}.blog .blog-comments .comment h5 {margin-left: 65px;font-size: 16px;margin-bottom: 2px;}.blog .blog-comments .comment h5 a {font-weight: bold;color: var(--fontcolor);transition: 0.3s;}.blog .blog-comments .comment h5 a:hover {color: #1bbd36;}.blog .blog-comments .comment h5 .reply {padding-left: 10px;color: #111;}.blog .blog-comments .comment time {margin-left: 65px;display: block;font-size: 14px;color: #777777;margin-bottom: 5px;}.blog .blog-comments .comment p {margin-left: 65px;}.blog .blog-comments .comment.comment-reply {padding-right: 40px;}.blog .blog-comments .reply-form {margin-top: 30px;padding: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.blog .blog-comments .reply-form h4 {font-weight: bold;font-size: 22px;}.blog .blog-comments .reply-form p {font-size: 14px;}.blog .blog-comments .reply-form input {border-radius: 0;padding: 10px 10px;font-size: 14px;border-radius: 4px;}.blog .blog-comments .reply-form input:focus {box-shadow: none;border-color: #57e76f;}.blog .blog-comments .reply-form textarea {border-radius: 0;padding: 10px 10px;font-size: 14px;border-radius: 4px;}.blog .blog-comments .reply-form textarea:focus {box-shadow: none;border-color: #57e76f;}.blog .blog-comments .reply-form .form-group {margin-bottom: 25px;}.blog .blog-comments .reply-form .btn-primary {padding: 8px 20px;border: 0;border-radius: 4px;background-color: #1bbd36;}.blog .blog-comments .reply-form .btn-primary:hover {background-color: #1ed33c;}.blog .blog-pagination {color: #444444;}.blog .blog-pagination ul {display: flex;padding-left: 0;list-style: none;}.blog .blog-pagination li {border: 1px solid white;margin: 0 5px;transition: 0.3s;}.blog .blog-pagination li.active {background: white;}.blog .blog-pagination li a {color: #b4aca8;padding: 7px 16px;display: inline-block;font-size: 18px;}.blog .blog-pagination li.active, .blog .blog-pagination li:hover {background: #1bbd36;border: 1px solid #1bbd36;border-radius: 4px;}.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {color: #fff;}.blog .blog-pagination li.disabled {background: #fff;border: 1px solid white;}.blog .blog-pagination li.disabled i {color: #f6f5f5;padding: 10px 16px;display: inline-block;}.blog .sidebar {padding: 30px;margin: 0 0 60px 20px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.blog .sidebar .sidebar-title {font-size: 20px;font-weight: 700;padding: 0 0 0 0;margin: 0 0 15px 0;color: #111;position: relative;}.blog .sidebar .sidebar-item {margin-bottom: 30px;}.blog .sidebar .search-form form {background: #fff;border: 1px solid #ddd;padding: 3px 10px;position: relative;border-radius: 4px;}.blog .sidebar .search-form form input[type="text"] {border: 0;padding: 4px;margin-right: 40px;width: calc(100% - 40px);}.blog .sidebar .search-form form button {position: absolute;top: 0;right: 0;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 15px;margin: -1px;background: #1bbd36;color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;}.blog .sidebar .search-form form button:hover {background: #1ed33c;}.blog .sidebar .categories ul {list-style: none;padding: 0;}.blog .sidebar .categories ul li + li {padding-top: 10px;}.blog .sidebar .categories ul a {color: #2b2b2b;transition: 0.3s;}.blog .sidebar .categories ul a:hover {color: #1bbd36;}.blog .sidebar .categories ul a span {padding-left: 5px;color: #aaaaaa;font-size: 14px;}.blog .sidebar .recent-posts .post-item + .post-item {margin-top: 15px;}.blog .sidebar .recent-posts img {width: 80px;float: right;}.blog .sidebar .recent-posts h4 {font-size: 15px;margin-right: 95px;font-weight: bold;}.blog .sidebar .recent-posts h4 a {color: black;transition: 0.3s;}.blog .sidebar .recent-posts h4 a:hover {color: #1bbd36;}.blog .sidebar .recent-posts time {display: block;margin-right: 95px;font-style: italic;font-size: 14px;color: #777777;}.blog .sidebar .tags {margin-bottom: -10px;}.blog .sidebar .tags ul {list-style: none;padding: 0;}.blog .sidebar .tags ul li {display: inline-block;}.blog .sidebar .tags ul a {color: #515151;font-size: 14px;padding: 6px 14px;margin: 0 6px 8px 0;border: 1px solid #dddddd;display: inline-block;transition: 0.3s;border-radius: 4px;}.blog .sidebar .tags ul a:hover {color: #fff;border: 1px solid #1bbd36;background: #1bbd36;}.blog .sidebar .tags ul a span {padding-left: 5px;color: #aaaaaa;font-size: 14px;}.bloglist {position: relative;background: #fff;margin: 5px 20px;border-radius: 2px;}.bloglist .blogtabimg {width: 100%;height: auto;float: right;z-index: 1;position: relative;}.bloglist .blogtabimg img {width: 100%;max-height: 100%;}.bloglist .overlay {width: 100%;height: 100%;float: right;z-index: 2;position: absolute;top: 0px;}.bloglist .overlay .rightoverlay {width: 50%;height: 100%;float: right;z-index: 5;background-color: rgba(0,0,0,0.5);-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}.bloglist .overlay .leftoverlay {width: 50%;height: 100%;float: left;z-index: 5;background-color: rgba(0,0,0,0.5);-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}.bloglist .blogtabimg:hover .leftoverlay, .bloglist .blogtabimg:hover .rightoverlay {width: 0px;}.bloglist .blog-content {padding-top: 10px;display: inline-block;width: 100%;color: #616161;}.bloglist .blog-content h4 {text-align: center;}.bloglist .blog-content a {font-weight: 500;display: block;margin: 0 5px 18px;text-transform: uppercase;color: #1bbd36;text-decoration: none;transition: 0.3s;font-size: 16px;line-height: 25px;}.bloglist .blog-content p {padding: 0 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: right;}.bloglist .blog-content i {margin-left: 5px;}.bloglist .blog-content .news-icon {width: 100%;padding: 0 20px;margin-bottom: 10px;}.bloglist .blog-content .newsdate {float: right;margin-bottom: 10px;font-size: 14px;font-weight: 500;}.bloglist .blog-content .newsdate i {color: #ff4273;}.bloglist .blog-content .newsreadmore {float: left;color: #1bbd36;}.bloglist .blog-content .newsreadmore a {color: #1bbd36;font-size: 12px;font-weight: 600;}.bloglist .blog-content a:hover {color: #14adfd;}.bloglist .blog-content .news-extra {width: 100%;padding: 10px 20px 0 0;margin: 10px 0;border-top: 1px solid #f0f2f5;}.blog-owl-nav .blog-next, .blog-owl-nav .blog-prev {position: absolute;top: 60px;width: 40px;height: 40px;border-radius: 50%;padding: 2px 4px;text-shadow: none;color: #616161;border: 1px dashed #1bbd36;opacity: 1;background: transparent;text-align: center;line-height: 35px;cursor: pointer;transition: 0.3s;}.blog-owl-nav .blog-next .np, .blog-owl-nav .blog-prev .np {font-size: 25px;}.blog-owl-nav .blog-next {left: 90px;}.blog-owl-nav .blog-prev {right: 90px;}.blog-owl-nav .blog-next:hover, .blog-owl-nav .blog-prev:hover {border: 1px solid #1bbd36;background: #1bbd36;color: #fff;}@media (max-width: 500px) {.blog-owl-nav .blog-next {width: 30px;height: 30px;line-height: 25px;left: 40px;}.blog-owl-nav .blog-prev {width: 30px;height: 30px;line-height: 25px;right: 40px;}.blog-owl-nav .blog-prev .np, .blog-owl-nav .blog-prev .np {font-size: 20px;}}#footer {color: #fff;font-size: 14px;background: #111;}.FooterLogo img {max-width: 70%;}#footer .footer-top {padding: 60px 0 30px 0;background: #1e1e1e;}#footer .footer-top .footer-contact {margin-bottom: 30px;}#footer .footer-top .footer-contact h3 {font-size: 22px;margin: 0 0 10px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;color: #fff;}#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: 'Webyekan';color: rgba(255, 255, 255, 0.7);}#footer .footer-top h4 {font-size: 16px;font-weight: bold;color: #fff;position: relative;padding-bottom: 12px;}#footer .footer-top .footer-links {margin-bottom: 30px;}#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}#footer .footer-top .footer-links ul i {padding-right: 2px;color: #1ed33c;font-size: 18px;line-height: 1;}#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}#footer .footer-top .footer-links ul a {color: rgba(255, 255, 255, 0.6);transition: 0.3s;display: inline-block;line-height: 1;}#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: #fff;}#footer .footer-newsletter {font-size: 15px;color: rgba(255, 255, 255, 0.7);}#footer .footer-newsletter h4 {font-size: 16px;font-weight: bold;color: #fff;position: relative;padding-bottom: 12px;}#footer .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 4px 0 0 4px;text-align: left;}#footer .footer-newsletter form input[type="email"] {border: 0;padding: 4px 8px;width: calc(100% - 100px);}#footer .footer-newsletter form input[type="submit"] {position: absolute;top: 0;right: -4px;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 20px;background: #1bbd36;color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}#footer .footer-newsletter form input[type="submit"]:hover {background: #2ae149;}#footer .credits {padding-top: 5px;font-size: 13px;color: #fff;}#footer .social-links {flex-direction: column;align-items: flex-start;margin-right: 15px;}#footer .social-links a {font-size: 18px;display: inline-block;background: rgba(255, 255, 255, 0.08);color: #fff;line-height: 1;padding: 8px 0;margin-bottom: 4px;border-radius: 4px;text-align: center;width: 36px;height: 36px;transition: 0.3s;}#footer .social-links a:hover {background: #1bbd36;color: #fff;text-decoration: none;}@media (max-width: 996px) {#footer .social-links {flex-direction: row;margin-right: 0;}#footer social-links a {margin: 0 0.2rem;}}.LoginWrapper {margin: 25px auto;width: 100%;max-width: 1140px;min-height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;direction: ltr;}.LoginContainer {position: relative;width: 100%;max-width: 600px;height: auto;display: flex;background: #ffffff;box-shadow: 0 0 5px #999999;}.credit {position: relative;margin: 25px auto 0 auto;width: 100%;text-align: center;color: #666666;font-size: 16px;font-weight: 400;}.credit a {color: #222222;font-size: 16px;font-weight: 600;}.Login-col-left, .Login-col-right {padding: 30px;display: flex;}.Login-col-left {width: 60%;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0);background: #1bbd36;}.Login-col-right {padding: 60px 30px;width: 50%;margin-left: -10%;}@media(max-width: 575.98px) {.LoginContainer {flex-direction: column;box-shadow: none;}.Login-col-left, .Login-col-right {width: 100%;margin: 0;-webkit-clip-path: none;clip-path: none;}.Login-col-right {padding: 30px;}}.login-text {position: relative;width: 100%;color: #ffffff;text-align: left;}.login-text h2 {margin: 0 0 15px 0;font-size: 30px;font-weight: 700;}.login-text p {margin: 0 0 20px 0;font-size: 16px;font-weight: 500;line-height: 22px;}.login-text .btn {display: inline-block;padding: 7px 20px;font-size: 16px;letter-spacing: 1px;text-decoration: none;border-radius: 30px;color: #ffffff;outline: none;border: 1px solid #ffffff;box-shadow: inset 0 0 0 0 #ffffff;transition: .3s;-webkit-transition: .3s;}.login-text .btn:hover {color: #1bbd36;box-shadow: inset 150px 0 0 0 #ffffff;}.login-form {position: relative;width: 100%;}.login-form h2 {margin: 0 0 15px 0;font-size: 22px;font-weight: 700;}.login-form p {margin: 0 0 10px 0;text-align: left;color: #666666;font-size: 15px;}.login-form p:last-child {margin: 0;padding-top: 3px;}.login-form p a {color: #1bbd36;font-size: 14px;text-decoration: none;}.login-form label {display: block;width: 100%;margin-bottom: 2px;letter-spacing: .5px;text-align: right;}.login-form p:last-child label {width: 60%;float: left;}.login-form label span {color: #ff574e;padding-left: 2px;}.login-form input {display: block;width: 100%;height: 35px;padding: 0 10px;outline: none;border: 1px solid #cccccc;border-radius: 30px;}.login-form input:focus {border-color: #ff574e;}.login-form button, .login-form input[type=submit] {display: inline-block;width: 100%;margin-top: 5px;color: #1bbd36;font-size: 16px;letter-spacing: 1px;cursor: pointer;background: transparent;border: 1px solid #1bbd36;border-radius: 30px;box-shadow: inset 0 0 0 0 #1bbd36;transition: .3s;-webkit-transition: .3s;text-align: center;}.login-form button:hover, .login-form input[type=submit]:hover {color: #ffffff;box-shadow: inset 250px 0 0 0 #1bbd36;}