html {scroll-behavior: smooth;}html, body {height: 100%;width: 100%;}#content {min-height: 50px;height: 100%;padding: unset;}.area {background: #4e54c8;background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);width: 100%;height: 100vh;}.dynamic-form {padding: 30px;background: #4a4f98;width: 100%;box-shadow: 0 0 24px 0 rgb(0 0 0 / 12%);}.dynamic-form label {color: white;}.dynamic-form .form-control {padding: 1rem 0.75rem;background-color: #f7faff;border: unset;color: #080808;}.dynamic-form .btn-info {background-color: #ffffff;border: solid #ffffff 1px;color: #4a4f98;font-weight: 600;}.dynamic-form .btn-info:hover {color: white;}.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle, .btn-info:hover {background-color: #383f93;border-color: #e9e9e9;}.btn-info {border-color: #7386d5;}.btn-info.focus, .btn-info:focus {box-shadow: 0 0 0 0.2rem rgb(226 226 226 / 50%);}.circles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}.circles li {position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 255, 255, 0.2);animation: animate 25s linear infinite;bottom: -150px;}.circles li:nth-child(1) {left: 25%;width: 80px;height: 80px;animation-delay: 0s;}.circles li:nth-child(2) {left: 10%;width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}.circles li:nth-child(3) {left: 70%;width: 20px;height: 20px;animation-delay: 4s;}.circles li:nth-child(4) {left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}.circles li:nth-child(5) {left: 65%;width: 20px;height: 20px;animation-delay: 0s;}.circles li:nth-child(6) {left: 75%;width: 110px;height: 110px;animation-delay: 3s;}.circles li:nth-child(7) {left: 35%;width: 150px;height: 150px;animation-delay: 7s;}.circles li:nth-child(8) {left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}.circles li:nth-child(9) {left: 20%;width: 15px;height: 15px;animation-delay: 2s;animation-duration: 35s;}.circles li:nth-child(10) {left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}.resume-boxx {position: relative;}.resume-boxx .list-unstyled {position: absolute;right: 0;top: 10px;}@keyframes animate {0% {transform: translateY(0) rotate(0deg);opacity: 1;border-radius: 0;}100% {transform: translateY(-1000px) rotate(720deg);opacity: 0;border-radius: 50%;}}.respo-button {position: fixed;z-index: 99;top: 20px;left: 330px;}#content.active .respo-button {left: 20px;}#header .text-light {margin: auto;text-align: center;display: block;}.d-xl-none {display: inline-flex !important;}.mobile-nav-active #header {left: -300px !important;}.mobile-nav-active #main {margin-left: 0;}.resume-boxx a {color: #4a4f98;font-weight: 500;}.resume-boxx a:hover {color: #7a7a7a;}.left-img {max-height: 360px;overflow: hidden;position: relative;display: grid;justify-content: center;}.about img {max-height: 360px;overflow: hidden;z-index: 1;transition: transform 2s;}.abt-bgs {position: absolute;background: radial-gradient(#242861, #646ac9);width: 280px;border-radius: 30% 70% 67% 33% / 30% 30% 70% 70%;height: 260px;left: 0;bottom: 0;right: 0;margin: auto;}.abt-bgs li {height: 82px;width: 82px;border-radius: 100px;display: block;position: absolute;}.abt-bgs li:nth-child(1) {margin-left: -30px;background: #53a2e9c2;}.abt-bgs li:nth-child(2) {top: 0;right: 0;height: 62px;width: 22px;background: #fee15fab;}.abt-bgs li:nth-child(3) {bottom: 0px;right: 0;background: #c76931bd;}.about img:hover {transform: translate(10px, 10px);-webkit-transform: translate(10px, 10px);-moz-transform: translate(10px, 10px);-ms-transform: translate(10px, 10px);}@media (max-width: 991px) {.dynamic-form {background: #000;padding: 30px 30px;border-radius: 10px;margin: -30px 0 30px;}#hero {background: url("../img/hero-bg.jpg") bottom center;background-size: cover;background-position-x: 75%;}}@media (max-width: 767px) {#header {left: -300px;}.mobile-nav-active #header {left: 0 !important;}}@media (max-width: 625px) {#hero {background: url("../img/hero-bg-mob.jpg") bottom center;background-size: cover;background-position: center;}}