* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.banner {
  padding: 172px 0px 125px 0px;
  background: url(../images/banner/banner-bg.png) no-repeat center/cover;
  z-index: 1;
}
.banner .aligen-item-center {
  align-items: center;
}

.banner-text {
  position: relative;
  z-index: 111;
}
.banner-text .victor-img {
  position: absolute;
  bottom: 206px;
  right: 42px;
  z-index: -1;
}
.banner-text .victor-img img {
  width: 84%;
}
.banner-text h1 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #04091e;
}
.banner-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 25px;
}

.banner-btn {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-top: 28px;
  z-index: 111;
  position: relative;
}
.banner-btn .button a {
  padding: 14px 38px;
  background-color: #2662fa;
  color: #eefbff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #2662fa;
  transition: all 0.5s ease-in-out 0s;
  display: inline-block;
  line-height: 32px;
}
.banner-btn .button a:hover {
  background-color: #fff;
  color: #2662fa;
}
.banner-btn .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-btn .play:hover .icon .icon-img i {
  border: 1px solid #2662fa;
  color: #2662fa;
}
.banner-btn .play:hover .text p {
  color: #2662fa;
}
.banner-btn .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #bdc6cd;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 25px;
  color: #04091e;
  box-shadow: 0px 0px 10px 0px rgba(7, 67, 255, 0.23);
  transition: all linear 0.5s;
}
.banner-btn .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 67%;
  left: 43%;
  height: 45px;
  width: 45px;
  background-color: rgba(7, 67, 255, 0.23);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-btn .play .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #54595f;
  transition: all linear 0.5s;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-left: 50px;
}
.banner-img .banner-overlay {
  position: absolute;
  bottom: 0;
  left: -55px;
  background-color: #fff;
  padding: 24px 29px;
  margin-right: 135px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.banner-img .banner-overlay .banner-overlay-text {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-img .banner-overlay .banner-overlay-text .icon i {
  height: 44px;
  width: 44px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50px;
}
.banner-img .banner-overlay .banner-overlay-text .text h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
  line-height: 27px;
}
.banner-img .banner-overlay .banner-overlay-text .text p {
  font-weight: 400;
  font-size: 14px;
  color: #747681;
  padding-top: 10px;
}
.banner-img .img-one {
  position: absolute;
  top: -226px;
  right: -368px;
  z-index: -1;
}
.banner-img .img-one img {
  opacity: 0.2;
}

.img-two {
  position: absolute;
  bottom: 376px;
  left: -823px;
  animation: banner 5s linear infinite;
}

@keyframes banner {
  50% {
    transform: translateY(-20px);
  }
}
.banner-two {
  background: url(../images/banner/banner-2-bg.png) no-repeat center/cover;
  padding: 315px 0px 255px 0px;
}
.banner-two .aligen-item-center {
  align-items: center;
}
.banner-two .banner-text {
  position: relative;
  z-index: 1;
}
.banner-two .banner-text .banner-vic {
  position: absolute;
  top: 111px;
  left: 234px;
  z-index: -1;
}
.banner-two .banner-text .banner-vic img {
  width: 75%;
}
.banner-two .banner-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #ffffff;
}
.banner-two .banner-text h1 {
  padding-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #fff;
}
.banner-two .banner-text h1 span {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 100px;
  color: #fff;
}
.banner-two .banner-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
}
.banner-two .banner-btn-two {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  z-index: 111;
  position: relative;
}
.banner-two .banner-btn-two .button a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-two .banner-btn-two .button a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.banner-two .banner-btn-two .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i {
  background-color: transparent;
  background-image: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.banner-two .banner-btn-two .play:hover .text p {
  color: #4ce0ad;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i::after {
  background-image: linear-gradient(
    180deg,
    rgba(133, 239, 149, 0.2470588235) 0%,
    rgba(76, 224, 172, 0.231372549) 100%
  );
}
.banner-two .banner-btn-two .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(177, 176, 176, 0.6);
  z-index: 1;
  position: relative;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(0.2);
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .text p {
  font-weight: 600;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.3s;
}
.banner-two .banner-img-two {
  position: relative;
}
.banner-two .banner-img-two .img-twoo {
  position: absolute;
  top: -250px;
  right: -18px;
}
.banner-two .banner-img-two .img-twoo img {
  width: 100%;
}
.banner-two .banner-img-two .img-threer {
  position: absolute;
  top: -273px;
  left: -42px;
  animation: circle 20s linear infinite;
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.banner-three {
  padding: 335px 0 200px 0;
  background: url(../images/banner/banner-three-bg.png) no-repeat center/cover;
}
.banner-three .banner-top .banner-top-item {
  position: relative;
  position: relative;
}
.banner-three .banner-top .banner-top-item::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 50px;
  width: 86%;
  height: 102%;
  border: 0.5px solid #f4f8f7;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
}
.banner-three .banner-top .banner-top-item .icon {
  position: absolute;
  bottom: 5.5px;
  right: 24px;
  z-index: 111;
}
.banner-three .banner-top .banner-top-item .icon i {
  height: 28px;
  width: 36px;
  background-color: #ffd233;
  color: #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  transition: all linear 0.5s;
  font-size: 20px;
}
.banner-three .banner-top .banner-top-item .banner-top-text {
  text-align: center;
  padding: 2px 0;
}
.banner-three .banner-top .banner-top-item .banner-top-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.banner-three .banner-top .banner-top-item .banner-top-text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.banner-three .banner-text-three {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-three .banner-text-three .banner-three-vic {
  position: absolute;
  top: 74px;
  right: 78px;
  z-index: -1;
}
.banner-three .banner-text-three .banner-three-vic img {
  width: 87%;
}
.banner-three .banner-text-three h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #ffffff;
  padding-top: 22px;
}
.banner-three .banner-text-three p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #f5f5f5;
  padding-top: 22px;
}
.banner-three .banner-btn-three {
  display: flex;
  gap: 38px;
  align-items: center;
  padding-top: 40px;
  z-index: 111;
  position: relative;
  justify-content: center;
}
.banner-three .banner-btn-three .button a {
  font-family: "Urbanist", Sans-serif;
  padding: 14px 38px;
  background-color: #ffd233;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-three .banner-btn-three .button a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.banner-three .banner-btn-three .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img a i {
  background-color: #ffd233;
  color: #04091e;
}
.banner-three .banner-btn-three .play:hover .text p {
  color: #ffd233;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img i::after {
  background-color: rgba(255, 211, 51, 0.3843137255);
}
.banner-three .banner-btn-three .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 51px;
  background-color: rgba(177, 176, 176, 0.6);
  color: #fff;
  padding-left: 5px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 70%;
  left: 55%;
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #c6d4dc;
  transition: all linear 0.5s;
}
.banner-three .banner-btn-three .text p:hover {
  color: #ffd233;
}

@keyframes borderanimate3 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.customers {
  padding-top: 110px;
}

.coustomers-text {
  padding-bottom: 30px;
}
.coustomers-text h2 {
  text-align: center;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.customers-item {
  position: relative;
}
.customers-item::before {
  position: absolute;
  content: "";
  top: 72px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
}
.customers-item .customers-img {
  display: flex;
  justify-content: center;
}
.customers-item .customers-inner .slick-center .customers-img img {
  opacity: 1;
}
.customers-item .customers-inner .slick-center .customers-img::before {
  width: 100%;
}
.customers-item .customers-inner .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item .customers-inner .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.customers-item .customers-inner .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-two {
  padding: 120px 0;
}

.customers-head-two {
  padding-top: 100px;
  padding-bottom: 30px;
}
.customers-head-two h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.customers-item-two {
  position: relative;
}
.customers-item-two::before {
  position: absolute;
  content: "";
  top: 73px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
  opacity: 0.2;
}
.customers-item-two .customers-inner-slick .slick-center .customers-img img {
  opacity: 1;
}
.customers-item-two
  .customers-inner-slick
  .slick-center
  .customers-img::before {
  width: 80%;
}
.customers-item-two .customers-inner-slick .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item-two .customers-inner-slick .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.customers-item-two .customers-inner-slick .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-three {
  padding: 120px 0;
}

.choose {
  padding: 110px 0px 120px 0px;
  background: url(../images/banner/choose-bg.png) no-repeat center;
}

.choose-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
.choose-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.choose-head .choose-head-img {
  position: absolute;
  bottom: -1px;
  left: 463px;
  z-index: -1;
}
.choose-head .choose-victor-img {
  position: absolute;
  bottom: -52px;
  left: 47px;
  z-index: -1;
  animation: top 7s linear infinite;
}

@keyframes top {
  50% {
    transform: translateY(-20px);
  }
}
.choose-position-img {
  position: relative;
}
.choose-position-img .choose-victor-img-02 {
  position: absolute;
  top: -42px;
  right: -116px;
  z-index: -1;
}
.choose-position-img .choose-victor-img-03 {
  position: absolute;
  top: 140px;
  left: -273px;
  z-index: -1;
  animation: rr 6s linear infinite;
}

@keyframes rr {
  50% {
    transform: translateY(-20px);
  }
}
.choose-item-two {
  margin-top: 53px;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  padding: 30px 30px 30px 30px;
  transition: all 0.3s ease-out 0s;
  background-color: #2662fa;
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.0555514);
}
.choose-item-two .choose-icon .icon {
  background-color: #fff;
  box-shadow: 56px 43px 144px -19px rgba(254, 220, 50, 0.31);
  border-radius: 50px;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
}
.choose-item-two .choose-icon .icon i {
  color: #2662fa;
  font-size: 30px;
  line-height: 60px;
}
.choose-item-two .choose-text h4 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  padding-top: 13px;
  font-size: 28px;
  line-height: 38px;
  color: #fff;
}
.choose-item-two .choose-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 14px;
  color: #fff;
}
.choose-item-two .choose-btn {
  padding-top: 20px;
}
.choose-item-two .choose-btn a i {
  border-radius: 44px;
  padding: 8px 24px;
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}

.choose-item {
  margin-top: 53px;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  padding: 30px 30px 30px 30px;
  transition: all 0.3s ease-out 0s;
  background-color: #fff;
}
.choose-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.0555514);
  background-color: #2662fa;
}
.choose-item:hover .choose-btn a i {
  border: 1px solid #fff;
  color: #fff;
}
.choose-item:hover .choose-icon .icon {
  background-color: #d4e0fe;
}
.choose-item:hover .choose-text h4 {
  color: #fff;
}
.choose-item:hover .choose-text p {
  color: rgba(255, 255, 255, 0.768627451);
}
.choose-item .choose-icon .icon {
  background-color: rgba(38, 98, 250, 0.3137254902);
  box-shadow: 56px 43px 144px -19px rgba(254, 220, 50, 0.31);
  border-radius: 50px;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
}
.choose-item .choose-icon .icon i {
  color: #2662fa;
  font-size: 30px;
  line-height: 60px;
}
.choose-item .choose-text h4 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  padding-top: 13px;
  font-size: 28px;
  line-height: 38px;
  color: #04091e;
}
.choose-item .choose-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 14px;
  color: #717277;
}
.choose-item .choose-btn {
  padding-top: 20px;
}
.choose-item .choose-btn a i {
  border: 1px solid #747681;
  border-radius: 44px;
  padding: 8px 24px;
  color: #747681;
  transition: all 0.3s ease-out 0s;
}

.creative {
  padding: 105px 0px 120px 0px;
  background: url(../images/banner/creative-bg.png) no-repeat center/cover;
}
.creative .aligen-item-center {
  align-items: center;
  margin-top: 55px;
}

.creative-head {
  position: relative;
  z-index: 1;
}
.creative-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  padding-right: 80px;
  color: #04091e;
}
.creative-head .creative-head-img {
  position: absolute;
  top: 31px;
  left: 53px;
  z-index: -1;
}

.creative-img {
  position: relative;
}
.creative-img img {
  width: 100%;
}
.creative-img .creative-button {
  position: absolute;
  bottom: -50px;
  left: 38%;
  animation: circle 20s linear infinite;
}

@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.creative-text-right p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  padding: 10px 0 13px 0;
}
.creative-text-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #070707;
  padding-bottom: 5px;
  border-bottom: 1px solid #070707;
  transition: 0.4s;
}
.creative-text-right a:hover {
  color: #2662fa;
}

.creative-item .creative-inner {
  border-radius: 12px;
  padding: 30px 10px 30px 26px;
}
.creative-item .creative-inner:hover {
  background-color: #fff;
}
.creative-item .creative-inner .creative-text {
  transition: 0.5s;
}
.creative-item .creative-inner .creative-text h6 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #04091e;
  margin: 10px 0px 5px 0px;
}
.creative-item .creative-inner .creative-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
}
.creative-item .creative-inner .creative-text .text-flex {
  display: flex;
  gap: 19px;
}
.creative-item .creative-inner .creative-text .text-flex .text h3 {
  font-family: "Poppins", Sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #04091e;
  margin-bottom: 0;
}

.team {
  padding: 108px 0px 120px 0px;
  background: url(../images/banner/team-bg.png) no-repeat center/cover;
}

.team-top {
  margin-top: 50px;
}

.team-head {
  text-align: center;
  position: relative;
  z-index: 1;
}

.team-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 0;
}

.team-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
  padding: 0 200px;
  margin-top: 22px;
}

.vector {
  position: absolute;
  bottom: 97px;
  left: 437px;
  z-index: -1;
}

.team-item {
  padding: 30px 30px 27px 30px;
  background-color: #fff;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.team-text {
  text-align: center;
  margin-top: 30px;
}

.team-text h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #04091e;
}

.team-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  text-transform: capitalize;
}

.team-item {
  overflow: hidden;
}
.team-item:hover .team-inner .team-img .overlay {
  left: 0;
}
.team-item .team-inner .team-img {
  position: relative;
}
.team-item .team-inner .team-img .overlay {
  background-image: linear-gradient(95deg, #02fccf 0%, #1448ff 100%);
  position: absolute;
  bottom: 0;
  left: -130%;
  width: 100%;
  clip-path: polygon(100% 0, 100% 70%, 90% 100%, 0 100%, 0 0);
  border-radius: 0px 0px 50px 0px;
  transition: all linear 0.5s;
}
.team-item .team-inner .team-img .overlay .icon {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding: 20px 0;
}
.team-item .team-inner .team-img .overlay .icon i {
  color: #fff;
  border: 2px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  transition: all linear 0.5s;
}
.team-item .team-inner .team-img .overlay .icon i:hover {
  background-color: #fff;
  color: #3b5998;
}
.team-item .team-inner .team-img img {
  width: 100%;
}

.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.latest {
  padding: 105px 0px 118px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.latest-head {
  position: relative;
  text-align: center;
  z-index: 1;
}
.latest-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 280px;
  margin-bottom: 0;
  color: #04091e;
}
.latest-head .latest-victor {
  position: absolute;
  bottom: 74px;
  left: 430px;
  z-index: -1;
}
.latest-head .latest-victor img {
  width: 86%;
}
.latest-head .latest-victor-2 {
  position: absolute;
  bottom: -39px;
  right: 167px;
  animation: a 8s linear infinite;
}
.latest-head .latest-victor-4 {
  position: absolute;
  bottom: -68px;
  right: -96px;
  animation: b 8s linear infinite;
}

@keyframes a {
  50% {
    transform: translateY(20px);
  }
}
@keyframes b {
  50% {
    transform: translateY(-20px);
  }
}
.latext-item {
  margin-top: 40px;
  border-radius: 8px;
}
.latext-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.latext-item:hover .latest-img img {
  transform: scale(1.1);
}
.latext-item .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.latext-item .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.latext-item .latest-img img:hover {
  transform: scale(1.1);
}
.latext-item .latest-inner {
  background-color: #fff;
  padding: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.latext-item .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.latext-item .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.latext-item .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.latext-item .latest-inner .latest-text h3:hover {
  color: #2662fa;
}
.latext-item .latest-btn {
  padding-top: 14px;
}
.latext-item .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.latext-item .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}

.our-Latest {
  padding: 72px 0px 120px 0;
}
.our-Latest .our-Latest-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.our-Latest .latext-item-two {
  margin-top: 40px;
}
.our-Latest .latext-item-two:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.our-Latest .latext-item-two:hover .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two:hover .latest-img img {
  transform: scale(1.1);
}
.our-Latest .latext-item-two .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.our-Latest .latext-item-two .latest-inner {
  background-color: #fff;
  padding-left: 24px;
  padding-bottom: 41px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  font-family: "Urbanist";
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3:hover {
  color: #747681;
}
.our-Latest .latext-item-two .latest-btn {
  padding-top: 14px;
}
.our-Latest .latext-item-two .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.our-Latest .latext-item-two .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}
.our-Latest .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.our-Latest .page-item:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.our-Latest .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.our-Latest .page-item .page-link.active {
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.our-Latest .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.our-Latest .page-link {
  padding: 11px 16px;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.check {
  background: url(../images/banner/cheack-bg.png) no-repeat center/cover;
  padding: 110px 0px 120px 0px;
}

.cheack-slick {
  margin-top: 50px;
}
.cheack-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.cheack-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.cheack-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cheack-slick .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 50px;
  height: 6px;
}

.check-head {
  position: relative;
  z-index: 1;
  text-align: center;
}
.check-head h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.check-head h2 span {
  font-weight: 500;
  font-size: 48px;
}
.check-head .cheack-head-img {
  position: absolute;
  bottom: 3px;
  left: 466px;
  z-index: -1;
}
.check-head .cheack-head-img img {
  width: 84%;
}

.check-head-two {
  position: relative;
  z-index: 1;
  text-align: start;
}
.check-head-two h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.check-head-two h2 span {
  font-weight: 500;
  font-size: 48px;
}
.check-head-two .cheack-head-img {
  position: absolute;
  bottom: 8px;
  left: 0px;
  z-index: -1;
}
.check-head-two .cheack-head-img img {
  width: 90%;
}

.cheak-item {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}
.cheak-item:hover .cheak-img .overlay-cheak {
  opacity: 1;
}
.cheak-item:hover .cheak-img img {
  opacity: 1;
  transform: scale(1.2);
}
.cheak-item .cheak-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.cheak-item .cheak-img img {
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.cheak-item .cheak-img .overlay-cheak {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(98, 73, 239, 0.85) 0,
    rgba(40, 149, 221, 0.85) 100%
  );
  border-radius: 16px;
  opacity: 0;
  transition: 0.5s;
}
.cheak-item .cheak-img .overlay-cheak i {
  position: absolute;
  color: #fff;
  top: 45%;
  left: 45%;
  font-size: 30px;
  font-weight: 900;
}
.cheak-item .cheack-text {
  display: flex;
  align-items: center;
  justify-content: end;
  background-color: #fff;
  transition: 0.5s;
  position: absolute;
  bottom: 5px;
  right: 14px;
}
.cheak-item .cheack-text .icon i {
  position: relative;
  height: 66px;
  width: 66px;
  background-color: rgba(245, 245, 245, 0.81);
  text-align: center;
  line-height: 66px;
  color: #85ef95;
}
.cheak-item .cheack-text .text h3 {
  position: relative;
  z-index: 11111;
  background-color: #fff;
  padding-right: 28px;
  padding-left: 10px;
  padding-top: 14px;
  font-weight: 600;
  font-size: 24px;
  color: #04091e;
  margin-bottom: 0;
}
.cheak-item .cheack-text .text p {
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
}

.plan {
  padding: 120px 0;
  background: url(../images/banner/plan.png) no-repeat center/cover;
  background-color: #fff;
}
.plan .plan-item-main .slick-slide.slick-current.slick-active .plan-item {
  width: 345px !important;
  z-index: 999;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item::after {
  opacity: 0;
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item
  .plan-btn-btn
  a {
  background: #2662fa;
  color: #fff;
}
.plan .aligen-item-center {
  align-items: center;
}

.plan-head {
  position: relative;
  z-index: 1;
}
.plan-head h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
}
.plan-head p {
  padding-right: 200px;
  padding-top: 18px;
}
.plan-head img {
  position: absolute;
  top: 34px;
  left: 250px;
  z-index: -1;
}

.plan-btn {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.plan-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  box-shadow: 9.24769px 77.951px 79.2659px -41.5739px rgba(18, 20, 29, 0.15);
  border-radius: 12px;
}
.plan-btn .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-btn .nav-link {
  display: block;
  padding: 13px 35px;
  color: #04091e;
  font-weight: 600;
  font-size: 16px;
}
.plan-btn .nav-pills .nav-link {
  border-radius: 12px;
}
.plan-btn .nav-pills .nav-link.active,
.plan-btn .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
}

.plan-item {
  padding-top: 50px;
  padding-bottom: 54px;
  padding-left: 30px;
  background: #04091e;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
  border-radius: 14px;
  position: relative;
  z-index: 111;
}
.plan-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  opacity: 0.74;
  z-index: -1;
  border-radius: 14px;
}
.plan-item .item-img {
  position: absolute;
  top: 30px;
  left: 160px;
  z-index: -1;
  opacity: 0.1;
}
.plan-item .plan-text {
  text-align: center;
}
.plan-item .plan-text p {
  font-weight: 600;
  font-size: 20px;
  color: #f5f5f5;
  opacity: 0.8;
}
.plan-item .plan-text h2 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 50px;
  margin-bottom: 0;
}
.plan-item .plan-text h6 {
  font-weight: 400;
  font-size: 20px;
  color: #f5f5f5;
  margin-bottom: 0;
}

.plan-middel {
  margin-top: 60px;
  position: relative;
}
.plan-middel::after {
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  width: 68%;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
}
.plan-middel .plan-inner {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.plan-middel .plan-inner .icon i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
}
.plan-middel .plan-inner .text p {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.plan-btn-btn {
  text-align: center;
  margin-top: 62px;
}
.plan-btn-btn a {
  padding: 17px 51px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  border-radius: 8px;
  color: #aaaaaa;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
}

.plan-item-main .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.plan-item-main .slick-dots li {
  padding: 0;
  margin: 0;
}
.plan-item-main .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #2662fa;
  opacity: 0.2;
  text-indent: -9999px;
}
.plan-item-main .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 14px;
  height: 14px;
}

.plan-two {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-two .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-two .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-two .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 32px;
  left: 595px;
}
.plan-two .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-two #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-two #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-two .nav-pills .nav-link.active,
.plan-two .nav-pills .show > .nav-link {
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-two .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-two .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-two .plan-two-item:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-two .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-btn a {
  padding: 17px 51px 18px 51px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-two .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-two .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-btn a {
  padding: 17px 50px;
  background-color: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #04091e;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-btn a {
  padding: 17px 50px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  transition: 0.4s;
}

.plan-three {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-three .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-three .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-three .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 595px;
}
.plan-three .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-three #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-three #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-three .nav-pills .nav-link.active,
.plan-three .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-three .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-three .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-three .plan-two-item:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-three .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item .plan-two-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}
.plan-three .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-three .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-three .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item-two .plan-two-btn a:hover {
  background-color: #fff;
  color: #04091e;
}
.plan-three .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
  transition: 0.4s;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.preloaded:before,
.preloaded:after {
  -webkit-animation: preloadedDone 300ms ease-in-out 500ms forwards;
  animation: preloadedDone 300ms ease-in-out 500ms forwards;
}

#preloader:after {
  left: auto;
  right: 0;
}

#preloader .loader--border {
  margin: auto;
  width: 1px;
  height: 250px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}

.loader--border:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  -webkit-animation: borderLine 1000ms ease-in-out 0s forwards;
  animation: borderLine 1000ms ease-in-out 0s forwards;
}

.loader--border:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #999999;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-animation: borderRound 1200ms linear 0s infinite;
  animation: borderRound 1200ms linear 0s infinite;
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}

.preloaded .loader--border {
  opacity: 0;
  height: 100% !important;
}

.preloaded .loader--border:after {
  opacity: 0;
}

@-webkit-keyframes borderLine {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes borderLine {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes borderRound {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
}
@keyframes borderRound {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
}
@-webkit-keyframes preloadedDone {
  0% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}
@keyframes preloadedDone {
  0% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.banner {
  padding: 172px 0px 125px 0px;
  background: url(../images/banner/banner-bg.png) no-repeat center/cover;
  z-index: 1;
}
.banner .aligen-item-center {
  align-items: center;
}

.banner-text {
  position: relative;
  z-index: 111;
}
.banner-text .victor-img {
  position: absolute;
  bottom: 206px;
  right: 42px;
  z-index: -1;
}
.banner-text .victor-img img {
  width: 84%;
}
.banner-text h1 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #04091e;
}
.banner-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 25px;
}

.banner-btn {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-top: 28px;
  z-index: 111;
  position: relative;
}
.banner-btn .button a {
  padding: 14px 38px;
  background-color: #2662fa;
  color: #eefbff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #2662fa;
  transition: all 0.5s ease-in-out 0s;
  display: inline-block;
  line-height: 32px;
}
.banner-btn .button a:hover {
  background-color: #fff;
  color: #2662fa;
}
.banner-btn .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-btn .play:hover .icon .icon-img i {
  border: 1px solid #2662fa;
  color: #2662fa;
}
.banner-btn .play:hover .text p {
  color: #2662fa;
}
.banner-btn .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #bdc6cd;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 25px;
  color: #04091e;
  box-shadow: 0px 0px 10px 0px rgba(7, 67, 255, 0.23);
  transition: all linear 0.5s;
}
.banner-btn .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 67%;
  left: 43%;
  height: 45px;
  width: 45px;
  background-color: rgba(7, 67, 255, 0.23);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-btn .play .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #54595f;
  transition: all linear 0.5s;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-left: 50px;
}
.banner-img .banner-overlay {
  position: absolute;
  bottom: 0;
  left: -55px;
  background-color: #fff;
  padding: 24px 29px;
  margin-right: 135px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.banner-img .banner-overlay .banner-overlay-text {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-img .banner-overlay .banner-overlay-text .icon i {
  height: 44px;
  width: 44px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50px;
}
.banner-img .banner-overlay .banner-overlay-text .text h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
  line-height: 27px;
}
.banner-img .banner-overlay .banner-overlay-text .text p {
  font-weight: 400;
  font-size: 14px;
  color: #747681;
  padding-top: 10px;
}
.banner-img .img-one {
  position: absolute;
  top: -226px;
  right: -368px;
  z-index: -1;
}
.banner-img .img-one img {
  opacity: 0.2;
}

.img-two {
  position: absolute;
  bottom: 376px;
  left: -823px;
  animation: banner 5s linear infinite;
}

@keyframes banner {
  50% {
    transform: translateY(-20px);
  }
}
.banner-two {
  background: url(../images/banner/banner-2-bg.png) no-repeat center/cover;
  padding: 315px 0px 255px 0px;
}
.banner-two .aligen-item-center {
  align-items: center;
}
.banner-two .banner-text {
  position: relative;
  z-index: 1;
}
.banner-two .banner-text .banner-vic {
  position: absolute;
  top: 111px;
  left: 234px;
  z-index: -1;
}
.banner-two .banner-text .banner-vic img {
  width: 75%;
}
.banner-two .banner-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #ffffff;
}
.banner-two .banner-text h1 {
  padding-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #fff;
}
.banner-two .banner-text h1 span {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 100px;
  color: #fff;
}
.banner-two .banner-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
}
.banner-two .banner-btn-two {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  z-index: 111;
  position: relative;
}
.banner-two .banner-btn-two .button a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-two .banner-btn-two .button a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.banner-two .banner-btn-two .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i {
  background-color: transparent;
  background-image: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.banner-two .banner-btn-two .play:hover .text p {
  color: #4ce0ad;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i::after {
  background-image: linear-gradient(
    180deg,
    rgba(133, 239, 149, 0.2470588235) 0%,
    rgba(76, 224, 172, 0.231372549) 100%
  );
}
.banner-two .banner-btn-two .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(177, 176, 176, 0.6);
  z-index: 1;
  position: relative;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(0.2);
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .text p {
  font-weight: 600;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.3s;
}
.banner-two .banner-img-two {
  position: relative;
}
.banner-two .banner-img-two .img-twoo {
  position: absolute;
  top: -250px;
  right: -18px;
}
.banner-two .banner-img-two .img-twoo img {
  width: 100%;
}
.banner-two .banner-img-two .img-threer {
  position: absolute;
  top: -273px;
  left: -42px;
  animation: circle 20s linear infinite;
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.banner-three {
  padding: 335px 0 200px 0;
  background: url(../images/banner/banner-three-bg.png) no-repeat center/cover;
}
.banner-three .banner-top .banner-top-item {
  position: relative;
  position: relative;
}
.banner-three .banner-top .banner-top-item::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 50px;
  width: 86%;
  height: 102%;
  border: 0.5px solid #f4f8f7;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
}
.banner-three .banner-top .banner-top-item .icon {
  position: absolute;
  bottom: 5.5px;
  right: 24px;
  z-index: 111;
}
.banner-three .banner-top .banner-top-item .icon i {
  height: 28px;
  width: 36px;
  background-color: #ffd233;
  color: #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  transition: all linear 0.5s;
  font-size: 20px;
}
.banner-three .banner-top .banner-top-item .banner-top-text {
  text-align: center;
  padding: 2px 0;
}
.banner-three .banner-top .banner-top-item .banner-top-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.banner-three .banner-top .banner-top-item .banner-top-text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.banner-three .banner-text-three {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-three .banner-text-three .banner-three-vic {
  position: absolute;
  top: 74px;
  right: 78px;
  z-index: -1;
}
.banner-three .banner-text-three .banner-three-vic img {
  width: 87%;
}
.banner-three .banner-text-three h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #ffffff;
  padding-top: 22px;
}
.banner-three .banner-text-three p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #f5f5f5;
  padding-top: 22px;
}
.banner-three .banner-btn-three {
  display: flex;
  gap: 38px;
  align-items: center;
  padding-top: 40px;
  z-index: 111;
  position: relative;
  justify-content: center;
}
.banner-three .banner-btn-three .button a {
  font-family: "Urbanist", Sans-serif;
  padding: 14px 38px;
  background-color: #ffd233;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-three .banner-btn-three .button a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.banner-three .banner-btn-three .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img a i {
  background-color: #ffd233;
  color: #04091e;
}
.banner-three .banner-btn-three .play:hover .text p {
  color: #ffd233;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img i::after {
  background-color: rgba(255, 211, 51, 0.3843137255);
}
.banner-three .banner-btn-three .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 51px;
  background-color: rgba(177, 176, 176, 0.6);
  color: #fff;
  padding-left: 5px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 70%;
  left: 55%;
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #c6d4dc;
  transition: all linear 0.5s;
}
.banner-three .banner-btn-three .text p:hover {
  color: #ffd233;
}

@keyframes borderanimate3 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.service {
  padding: 105px 0px 120px 0px;
  background-color: #fafafa;
}
.service .aligen-item-center {
  align-items: center;
}

.mm-top {
  margin-top: 65px;
}

.service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.service-head h2 span {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 67px;
}

.sevice-head-right p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.border-b {
  border-bottom: 1px solid #747681;
  padding-top: 25px;
  opacity: 0.12;
}

.service-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
}
.service-item:hover {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item:hover .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item:hover .service-text p {
  color: #04091e;
}
.service-item:hover .service-btn a {
  color: #04091e;
}
.service-item:hover .service-icon span svg {
  color: #fff;
}
.service-item .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 28px;
  text-align: center;
  background-color: #edf7ed;
  border-radius: 50px;
  line-height: 60px;
  color: #78eb9b;
}
.service-item .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #747681;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item .service-btn {
  padding-top: 20px;
}
.service-item .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #747681;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-item-twooo {
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item-twooo .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item-twooo .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item-twooo .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item-twooo .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #04091e;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item-twooo .service-btn {
  padding-top: 20px;
}
.service-item-twooo .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-po-img {
  position: relative;
}
.service-po-img .service-img-1 {
  position: absolute;
  top: 0;
  left: -258px;
  animation: s-1 5s linear infinite;
}
.service-po-img .service-img-2 {
  position: absolute;
  bottom: -327px;
  left: -214px;
  animation: s-2 6s linear infinite;
}
.service-po-img .service-img-3 {
  position: absolute;
  top: -16px;
  right: -190px;
  animation: s-3 4s linear infinite;
}
.service-po-img .service-img-4 {
  position: absolute;
  top: 284px;
  right: -140px;
  animation: s-4 5s linear infinite;
}

@keyframes s-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes s-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-4 {
  50% {
    transform: translateY(-20px);
  }
}
.services-two {
  padding: 110px 0px 96px 0px;
  background-color: rgba(38, 98, 250, 0.0078431373);
}
.services-two .align-item-center {
  align-items: center;
  padding-top: 110px;
}
.services-two .service-pos-img-two {
  position: relative;
}
.services-two .service-pos-img-two .service-pos-img-two-01 {
  position: absolute;
  top: 0;
  left: -170px;
  animation: service-1 6s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-02 {
  position: absolute;
  top: 231px;
  left: -262px;
  animation: service-2 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-03 {
  position: absolute;
  top: 423px;
  left: -262px;
  animation: service-3 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-04 {
  position: absolute;
  top: 209px;
  right: -219px;
  animation: service-4 4s linear infinite;
}
.services-two .service-head {
  position: relative;
  z-index: 1;
  padding: 0px 45px 0px 0px;
}
.services-two .service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.services-two .service-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  padding-top: 18px;
  padding-bottom: 1rem;
}
.services-two .service-head span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}
.services-two .service-head-btn {
  padding-top: 45px;
}
.services-two .service-head-btn a {
  padding: 14px 42px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.services-two .service-head-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.services-two .service-item-two {
  padding: 26px 24px 22px 24px;
  border: 1.5px solid #f4f8f7;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 25px;
}
.services-two .service-item-two:hover {
  background-color: #ffd233;
  transition: all linear 0.5s;
}
.services-two .service-item-two:hover .service-inner .icon i {
  color: #000;
}
.services-two .service-item-two:hover .service-inner .text p {
  color: #04091e;
}
.services-two .service-item-two:hover .pp p {
  color: #04091e;
}
.services-two .service-item-two:hover .service-btn a {
  color: #04091e;
}
.services-two .service-item-two .service-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.services-two .service-item-two .service-inner .icon i {
  height: 55px;
  width: 55px;
  border: 2px solid #000;
  text-align: center;
  line-height: 53px;
  border-radius: 15px;
  font-size: 27px;
  color: #ffd233;
  transition: all linear 0.3s;
}
.services-two .service-item-two .service-inner .text h6 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.services-two .service-item-two .service-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #505050;
}
.services-two .service-item-two .pp p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #747681;
  padding-top: 17px;
}
.services-two .service-item-two .service-btn {
  padding-top: 8px;
}
.services-two .service-item-two .service-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  display: flex;
  gap: 5px;
  align-items: center;
}
.services-two .service-item-two .service-btn a span {
  line-height: 0;
}
.services-two .service-item-two .service-btn a span i {
  font-size: 20px;
}
.services-two .service-item-two:hover .ovwelay-ser {
  width: 100%;
  opacity: 1;
}
.services-two .service-item-two-two {
  text-align: center;
  padding: 45px 0px 12px 0px;
  background-color: #ffd233;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  border: 1.5px solid #f4f8f7;
  border-radius: 16px;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 43px;
  font-weight: 700;
  color: #000;
}
.services-two .service-item-two-two .service-inner h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner .s-btn {
  margin: 40px 0px 32px 0px;
}

@keyframes service-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes service-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes service-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes service-4 {
  50% {
    transform: translateY(-20px);
  }
}
.success {
  padding-top: 105px;
  padding-bottom: 120px;
  background-color: #04091e;
}
.success .aligen-item-center {
  align-items: center;
  margin-top: 48px;
}

.success-head {
  text-align: center;
}
.success-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #ffffff;
  padding-bottom: 20px;
}
.success-head h2 span {
  color: #85ef95;
}
.success-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  padding: 0px 167px;
  color: #c6d4dc;
}

.success-item {
  margin-top: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1725490196);
  border-radius: 12px;
  padding: 20px 24px;
  transition: all linear 0.5s;
}
.success-item:hover {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.success-item:hover .text p {
  color: #fff;
}
.success-item .text {
  padding-top: 12px;
}
.success-item .text h2 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57px;
}
.success-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 18px;
  margin-top: 5px;
}

.p-img {
  position: relative;
}
.p-img .success-img-1 {
  position: absolute;
  top: 7px;
  right: 145px;
  animation: circle 20s linear infinite;
}

.pr {
  padding-right: 145px;
}

.success-text {
  position: relative;
  z-index: 1;
}
.success-text .vic-img {
  position: absolute;
  top: 103px;
  left: 8px;
  z-index: -1;
}
.success-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 67px;
  color: #ffffff;
}
.success-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  margin-top: 22px;
}

.success-btm {
  margin-top: 45px;
}
.success-btm p {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
}

.success-two {
  padding: 105px 0px 120px 0px;
  background-color: #04091e;
}
.success-two .aligen-item-center {
  align-items: center;
  margin-top: 38px;
}
.success-two .success-head {
  text-align: center;
}
.success-two .success-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding-bottom: 20px;
}
.success-two .success-head h2 span {
  color: #2662fa;
}
.success-two .success-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  padding: 0 275px;
  color: #c6d4dc;
}
.success-two .success-item {
  margin-top: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1725490196);
  border-radius: 12px;
  padding: 24px 0px;
  transition: all linear 0.5s;
}
.success-two .success-item:hover {
  background: #2662fa;
}
.success-two .success-item .text {
  padding-top: 12px;
}
.success-two .success-item .text h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.success-two .success-item .text p {
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  color: #ffffff;
}
.success-two .success-text {
  position: relative;
  z-index: 1;
}
.success-two .success-text .vic-img {
  position: absolute;
  top: 98px;
  left: 11px;
  z-index: -1;
}
.success-two .success-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.success-two .success-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 32px;
  margin-top: 0;
  color: #c6d4dc;
}
.success-two .success-btm {
  margin-top: 45px;
}
.success-two .success-btm p {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  padding-top: 10px;
}

.success-po-img {
  position: relative;
}
.success-po-img .success-po-img-1 {
  position: absolute;
  bottom: 0;
  left: -375px;
  animation: po-1 5s linear infinite;
}
.success-po-img .success-po-img-2 {
  position: absolute;
  top: -1100px;
  right: -357px;
  animation: po-2 5s linear infinite;
}

@keyframes po-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes po-2 {
  50% {
    transform: translateY(20px);
  }
}
.agency {
  padding: 120px 0;
}
.agency .aligen-item-center {
  align-items: center;
}

.agency-img {
  z-index: 1;
  position: relative;
}
.agency-img .agrency-viv-img {
  position: absolute;
  top: -46px;
  right: 52px;
  z-index: -1;
}
.agency-img .agency-overlay {
  width: 209px;
  height: 107px;
  box-shadow: 7px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.2);
  border-radius: 8px;
  background-color: #fff;
  padding: 16px 16px;
  position: absolute;
  bottom: -31px;
  left: -8px;
}
.agency-img .agency-overlay .text {
  display: flex;
  justify-content: space-between;
}
.agency-img .agency-overlay .text .o-btn a {
  font-weight: 600;
  font-size: 8px;
  color: #fff;
  padding: 4px 10px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 62px;
  transition: all linear 0.5s;
}
.agency-img .agency-overlay .text .o-btn a:hover {
  background: #fff;
  border-radius: 62px;
  color: #4ce0ad;
  border: 1px solid #4ce0ad;
}
.agency-img .agency-overlay h5 {
  font-weight: 700;
  font-size: 13px;
  color: #04091e;
  padding-top: 8px;
}
.agency-img .agency-overlay .agency-btm {
  padding-top: 15px;
  display: flex;
  gap: 21px;
  align-items: center;
}
.agency-img .agency-overlay .agency-btm .date {
  display: flex;
  align-items: center;
  gap: 6px;
}
.agency-img .agency-overlay .agency-btm .date .icon {
  line-height: 0;
}
.agency-img .agency-overlay .agency-btm .date .text p {
  font-size: 10px;
  line-height: 14px;
  color: #747681;
}

.agency-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-weight: 700;
  font-size: 47px;
  color: #000;
}
.agency-text h2 span {
  font-weight: 400;
  font-size: 48px;
}
.agency-text p {
  font-family: "Urbanist", Sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  color: #747681;
  padding-top: 14px;
}

.agency-inner {
  padding-top: 28px;
}
.agency-inner .agency-text-missel {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
}
.agency-inner .agency-text-missel:last-child {
  padding-bottom: 0;
}
.agency-inner .agency-text-missel .icon i {
  height: 24px;
  width: 24px;
  background-color: #4eaf4e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 24px;
}
.agency-inner .agency-text-missel .text p {
  font-family: "Urbanist", Sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #04091e;
}

.agency-btn {
  padding-top: 40px;
}
.agency-btn a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  padding: 14px 42px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.agency-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.check {
  background: url(../images/banner/cheack-bg.png) no-repeat center/cover;
  padding: 110px 0px 120px 0px;
}

.cheack-slick {
  margin-top: 50px;
}
.cheack-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.cheack-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.cheack-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cheack-slick .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 50px;
  height: 6px;
}

.check-head {
  position: relative;
  z-index: 1;
  text-align: center;
}
.check-head h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.check-head h2 span {
  font-weight: 500;
  font-size: 48px;
}
.check-head .cheack-head-img {
  position: absolute;
  bottom: 3px;
  left: 466px;
  z-index: -1;
}
.check-head .cheack-head-img img {
  width: 84%;
}

.check-head-two {
  position: relative;
  z-index: 1;
  text-align: start;
}
.check-head-two h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.check-head-two h2 span {
  font-weight: 500;
  font-size: 48px;
}
.check-head-two .cheack-head-img {
  position: absolute;
  bottom: 8px;
  left: 0px;
  z-index: -1;
}
.check-head-two .cheack-head-img img {
  width: 90%;
}

.cheak-item {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}
.cheak-item:hover .cheak-img .overlay-cheak {
  opacity: 1;
}
.cheak-item:hover .cheak-img img {
  opacity: 1;
  transform: scale(1.2);
}
.cheak-item .cheak-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.cheak-item .cheak-img img {
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.cheak-item .cheak-img .overlay-cheak {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(98, 73, 239, 0.85) 0,
    rgba(40, 149, 221, 0.85) 100%
  );
  border-radius: 16px;
  opacity: 0;
  transition: 0.5s;
}
.cheak-item .cheak-img .overlay-cheak i {
  position: absolute;
  color: #fff;
  top: 45%;
  left: 45%;
  font-size: 30px;
  font-weight: 900;
}
.cheak-item .cheack-text {
  display: flex;
  align-items: center;
  justify-content: end;
  background-color: #fff;
  transition: 0.5s;
  position: absolute;
  bottom: 5px;
  right: 14px;
}
.cheak-item .cheack-text .icon i {
  position: relative;
  height: 66px;
  width: 66px;
  background-color: rgba(245, 245, 245, 0.81);
  text-align: center;
  line-height: 66px;
  color: #85ef95;
}
.cheak-item .cheack-text .text h3 {
  position: relative;
  z-index: 11111;
  background-color: #fff;
  padding-right: 28px;
  padding-left: 10px;
  padding-top: 14px;
  font-weight: 600;
  font-size: 24px;
  color: #04091e;
  margin-bottom: 0;
}
.cheak-item .cheack-text .text p {
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
}

.blog {
  padding: 110px 0px 120px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.blog-head {
  position: relative;
  z-index: 1;
}
.blog-head span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-left: 66px;
  position: relative;
  color: #4ce0ad;
}
.blog-head span::before {
  position: absolute;
  content: "";
  top: 16px;
  left: -62px;
  width: 46px;
  height: 4px;
  background-color: #4ce0ad;
}
.blog-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #04091e;
}
.blog-head .blog-head-img {
  position: absolute;
  bottom: 3px;
  left: 0px;
  z-index: -1;
}
.blog-head .blog-head-img img {
  width: 90%;
}

.b-pad {
  padding: 0 10px;
}

.blog-slick {
  margin-top: 50px;
}

.blog-item {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 30px;
}
.blog-item:hover .blog-img img {
  transform: scale(1.2);
}
.blog-item:hover .blog-btn a {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.blog-item .blog-img {
  overflow: hidden;
  border-radius: 12px;
}
.blog-item .blog-img img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.blog-item .blog-inner {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 30px;
}
.blog-item .link {
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
}
.blog-item .link a {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  transition: all linear 0.3s;
}
.blog-item .link a:hover {
  color: #4ce0ad;
}
.blog-item .blog-btn {
  padding-top: 22px;
  padding-left: 30px;
}
.blog-item .blog-btn a {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: all linear 0.5s;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  display: inline-block;
}

.blog-pos-img {
  position: relative;
}
.blog-pos-img .blog-pos-img-1 {
  position: absolute;
  bottom: -573px;
  left: -335px;
  animation: blog-1 4s linear infinite;
}
.blog-pos-img .blog-pos-img-2 {
  position: absolute;
  top: -121px;
  right: -380px;
  animation: blog-2 4s linear infinite;
}
.blog-pos-img .blog-pos-img-3 {
  position: absolute;
  top: 273px;
  right: -237px;
  animation: blog-3 4s linear infinite;
}

.blog-two {
  padding-top: 105px;
}
.blog-two .blog-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.blog-two .b-pad {
  padding: 0 10px;
}
.blog-two .blog-item {
  margin-top: 46px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  border: 1px solid rgba(39, 41, 49, 0.2);
  border-radius: 12px;
  overflow: hidden;
}
.blog-two .blog-item:hover {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.08);
  transition: all linear 0.5s;
  border: 1px solid transparent;
}
.blog-two .blog-item:hover .blog-btn a {
  color: #fff;
  background: #2662fa;
}
.blog-two .blog-item:hover .blog-img img {
  transform: scale(1.2);
}
.blog-two .blog-item .blog-img {
  overflow: hidden;
  border-radius: 12px;
}
.blog-two .blog-item .blog-img img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.blog-two .blog-item .blog-inner {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.blog-two .blog-item .link {
  padding-top: 16px;
}
.blog-two .blog-item .link a {
  font-weight: 500;
  font-size: 24px;
  color: #272931;
}
.blog-two .blog-item .link a:hover {
  text-decoration-line: underline;
}
.blog-two .blog-item .blog-btn {
  padding-top: 22px;
}
.blog-two .blog-item .blog-btn a {
  font-weight: 500;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.5s;
}
.blog-two .blog-item .blog-btn a span i {
  transform: rotate(-45deg);
  margin-left: 4px;
}
.blog-two .blog-pos-img {
  position: relative;
}
.blog-two .blog-pos-img .blog-pos-img-1 {
  position: absolute;
  bottom: -573px;
  left: -335px;
  animation: blog-1 4s linear infinite;
}
.blog-two .blog-pos-img .blog-pos-img-2 {
  position: absolute;
  top: -121px;
  right: -380px;
  animation: blog-2 4s linear infinite;
}
.blog-two .blog-pos-img .blog-pos-img-3 {
  position: absolute;
  top: 273px;
  right: -237px;
  animation: blog-3 4s linear infinite;
}

@keyframes blog-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes blog-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes blog-3 {
  50% {
    transform: translateY(-15px);
  }
}
.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.project {
  padding: 120px 0px 120px 0px;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project .aligen-item-center {
  align-items: center;
}

.project-text {
  position: relative;
  z-index: 1;
}
.project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-right: 133px;
  margin-top: 23px;
}
.project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 102px;
  left: 0;
}

.project-btn {
  padding-top: 45px;
}
.project-btn a {
  padding: 14px 40px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  font-family: "Urbanist";
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.project-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #4ce0ad;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.send .send-btn a {
  padding: 14px 185px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.send .send-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.send .send-text {
  text-align: center;
  padding-top: 28px;
}
.send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.project-two {
  padding: 120px 0;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project-two .aligen-item-center {
  align-items: center;
}
.project-two .project-text {
  padding-top: 34px;
  position: relative;
  z-index: 1;
}
.project-two .project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-two .project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.project-two .project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 138px;
  left: 0;
}
.project-two .project-btn {
  padding-top: 40px;
}
.project-two .project-btn a {
  padding: 11px 24px;
  background: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  transition: all 0.5s;
  display: inline-block;
}
.project-two .project-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin-left: 30px;
}
.project-two .send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.project-two .send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.project-two .send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ffd233;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.project-two .send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.project-two .send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.project-two .send .send-btn a {
  padding: 14px 160px;
  background: #ffd233;
  border-radius: 6px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
}
.project-two .send .send-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send .send-text {
  text-align: center;
  padding-top: 28px;
}
.project-two .send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.project-two .send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.banner {
  padding: 172px 0px 125px 0px;
  background: url(../images/banner/banner-bg.png) no-repeat center/cover;
  z-index: 1;
}
.banner .aligen-item-center {
  align-items: center;
}

.banner-text {
  position: relative;
  z-index: 111;
}
.banner-text .victor-img {
  position: absolute;
  bottom: 206px;
  right: 42px;
  z-index: -1;
}
.banner-text .victor-img img {
  width: 84%;
}
.banner-text h1 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #04091e;
}
.banner-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 25px;
}

.banner-btn {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-top: 28px;
  z-index: 111;
  position: relative;
}
.banner-btn .button a {
  padding: 14px 38px;
  background-color: #2662fa;
  color: #eefbff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #2662fa;
  transition: all 0.5s ease-in-out 0s;
  display: inline-block;
  line-height: 32px;
}
.banner-btn .button a:hover {
  background-color: #fff;
  color: #2662fa;
}
.banner-btn .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-btn .play:hover .icon .icon-img i {
  border: 1px solid #2662fa;
  color: #2662fa;
}
.banner-btn .play:hover .text p {
  color: #2662fa;
}
.banner-btn .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #bdc6cd;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 25px;
  color: #04091e;
  box-shadow: 0px 0px 10px 0px rgba(7, 67, 255, 0.23);
  transition: all linear 0.5s;
}
.banner-btn .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 67%;
  left: 43%;
  height: 45px;
  width: 45px;
  background-color: rgba(7, 67, 255, 0.23);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-btn .play .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #54595f;
  transition: all linear 0.5s;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-left: 50px;
}
.banner-img .banner-overlay {
  position: absolute;
  bottom: 0;
  left: -55px;
  background-color: #fff;
  padding: 24px 29px;
  margin-right: 135px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.banner-img .banner-overlay .banner-overlay-text {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-img .banner-overlay .banner-overlay-text .icon i {
  height: 44px;
  width: 44px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50px;
}
.banner-img .banner-overlay .banner-overlay-text .text h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
  line-height: 27px;
}
.banner-img .banner-overlay .banner-overlay-text .text p {
  font-weight: 400;
  font-size: 14px;
  color: #747681;
  padding-top: 10px;
}
.banner-img .img-one {
  position: absolute;
  top: -226px;
  right: -368px;
  z-index: -1;
}
.banner-img .img-one img {
  opacity: 0.2;
}

.img-two {
  position: absolute;
  bottom: 376px;
  left: -823px;
  animation: banner 5s linear infinite;
}

@keyframes banner {
  50% {
    transform: translateY(-20px);
  }
}
.banner-two {
  background: url(../images/banner/banner-2-bg.png) no-repeat center/cover;
  padding: 315px 0px 255px 0px;
}
.banner-two .aligen-item-center {
  align-items: center;
}
.banner-two .banner-text {
  position: relative;
  z-index: 1;
}
.banner-two .banner-text .banner-vic {
  position: absolute;
  top: 111px;
  left: 234px;
  z-index: -1;
}
.banner-two .banner-text .banner-vic img {
  width: 75%;
}
.banner-two .banner-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #ffffff;
}
.banner-two .banner-text h1 {
  padding-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #fff;
}
.banner-two .banner-text h1 span {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 100px;
  color: #fff;
}
.banner-two .banner-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
}
.banner-two .banner-btn-two {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  z-index: 111;
  position: relative;
}
.banner-two .banner-btn-two .button a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-two .banner-btn-two .button a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.banner-two .banner-btn-two .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i {
  background-color: transparent;
  background-image: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.banner-two .banner-btn-two .play:hover .text p {
  color: #4ce0ad;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i::after {
  background-image: linear-gradient(
    180deg,
    rgba(133, 239, 149, 0.2470588235) 0%,
    rgba(76, 224, 172, 0.231372549) 100%
  );
}
.banner-two .banner-btn-two .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(177, 176, 176, 0.6);
  z-index: 1;
  position: relative;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(0.2);
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .text p {
  font-weight: 600;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.3s;
}
.banner-two .banner-img-two {
  position: relative;
}
.banner-two .banner-img-two .img-twoo {
  position: absolute;
  top: -250px;
  right: -18px;
}
.banner-two .banner-img-two .img-twoo img {
  width: 100%;
}
.banner-two .banner-img-two .img-threer {
  position: absolute;
  top: -273px;
  left: -42px;
  animation: circle 20s linear infinite;
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.banner-three {
  padding: 335px 0 200px 0;
  background: url(../images/banner/banner-three-bg.png) no-repeat center/cover;
}
.banner-three .banner-top .banner-top-item {
  position: relative;
  position: relative;
}
.banner-three .banner-top .banner-top-item::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 50px;
  width: 86%;
  height: 102%;
  border: 0.5px solid #f4f8f7;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
}
.banner-three .banner-top .banner-top-item .icon {
  position: absolute;
  bottom: 5.5px;
  right: 24px;
  z-index: 111;
}
.banner-three .banner-top .banner-top-item .icon i {
  height: 28px;
  width: 36px;
  background-color: #ffd233;
  color: #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  transition: all linear 0.5s;
  font-size: 20px;
}
.banner-three .banner-top .banner-top-item .banner-top-text {
  text-align: center;
  padding: 2px 0;
}
.banner-three .banner-top .banner-top-item .banner-top-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.banner-three .banner-top .banner-top-item .banner-top-text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.banner-three .banner-text-three {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-three .banner-text-three .banner-three-vic {
  position: absolute;
  top: 74px;
  right: 78px;
  z-index: -1;
}
.banner-three .banner-text-three .banner-three-vic img {
  width: 87%;
}
.banner-three .banner-text-three h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #ffffff;
  padding-top: 22px;
}
.banner-three .banner-text-three p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #f5f5f5;
  padding-top: 22px;
}
.banner-three .banner-btn-three {
  display: flex;
  gap: 38px;
  align-items: center;
  padding-top: 40px;
  z-index: 111;
  position: relative;
  justify-content: center;
}
.banner-three .banner-btn-three .button a {
  font-family: "Urbanist", Sans-serif;
  padding: 14px 38px;
  background-color: #ffd233;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-three .banner-btn-three .button a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.banner-three .banner-btn-three .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img a i {
  background-color: #ffd233;
  color: #04091e;
}
.banner-three .banner-btn-three .play:hover .text p {
  color: #ffd233;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img i::after {
  background-color: rgba(255, 211, 51, 0.3843137255);
}
.banner-three .banner-btn-three .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 51px;
  background-color: rgba(177, 176, 176, 0.6);
  color: #fff;
  padding-left: 5px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 70%;
  left: 55%;
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #c6d4dc;
  transition: all linear 0.5s;
}
.banner-three .banner-btn-three .text p:hover {
  color: #ffd233;
}

@keyframes borderanimate3 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.service {
  padding: 105px 0px 120px 0px;
  background-color: #fafafa;
}
.service .aligen-item-center {
  align-items: center;
}

.mm-top {
  margin-top: 65px;
}

.service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.service-head h2 span {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 67px;
}

.sevice-head-right p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.border-b {
  border-bottom: 1px solid #747681;
  padding-top: 25px;
  opacity: 0.12;
}

.service-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
}
.service-item:hover {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item:hover .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item:hover .service-text p {
  color: #04091e;
}
.service-item:hover .service-btn a {
  color: #04091e;
}
.service-item:hover .service-icon span svg {
  color: #fff;
}
.service-item .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 28px;
  text-align: center;
  background-color: #edf7ed;
  border-radius: 50px;
  line-height: 60px;
  color: #78eb9b;
}
.service-item .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #747681;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item .service-btn {
  padding-top: 20px;
}
.service-item .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #747681;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-item-twooo {
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item-twooo .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item-twooo .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item-twooo .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item-twooo .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #04091e;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item-twooo .service-btn {
  padding-top: 20px;
}
.service-item-twooo .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-po-img {
  position: relative;
}
.service-po-img .service-img-1 {
  position: absolute;
  top: 0;
  left: -258px;
  animation: s-1 5s linear infinite;
}
.service-po-img .service-img-2 {
  position: absolute;
  bottom: -327px;
  left: -214px;
  animation: s-2 6s linear infinite;
}
.service-po-img .service-img-3 {
  position: absolute;
  top: -16px;
  right: -190px;
  animation: s-3 4s linear infinite;
}
.service-po-img .service-img-4 {
  position: absolute;
  top: 284px;
  right: -140px;
  animation: s-4 5s linear infinite;
}

@keyframes s-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes s-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-4 {
  50% {
    transform: translateY(-20px);
  }
}
.services-two {
  padding: 110px 0px 96px 0px;
  background-color: rgba(38, 98, 250, 0.0078431373);
}
.services-two .align-item-center {
  align-items: center;
  padding-top: 110px;
}
.services-two .service-pos-img-two {
  position: relative;
}
.services-two .service-pos-img-two .service-pos-img-two-01 {
  position: absolute;
  top: 0;
  left: -170px;
  animation: service-1 6s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-02 {
  position: absolute;
  top: 231px;
  left: -262px;
  animation: service-2 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-03 {
  position: absolute;
  top: 423px;
  left: -262px;
  animation: service-3 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-04 {
  position: absolute;
  top: 209px;
  right: -219px;
  animation: service-4 4s linear infinite;
}
.services-two .service-head {
  position: relative;
  z-index: 1;
  padding: 0px 45px 0px 0px;
}
.services-two .service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.services-two .service-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  padding-top: 18px;
  padding-bottom: 1rem;
}
.services-two .service-head span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}
.services-two .service-head-btn {
  padding-top: 45px;
}
.services-two .service-head-btn a {
  padding: 14px 42px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.services-two .service-head-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.services-two .service-item-two {
  padding: 26px 24px 22px 24px;
  border: 1.5px solid #f4f8f7;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 25px;
}
.services-two .service-item-two:hover {
  background-color: #ffd233;
  transition: all linear 0.5s;
}
.services-two .service-item-two:hover .service-inner .icon i {
  color: #000;
}
.services-two .service-item-two:hover .service-inner .text p {
  color: #04091e;
}
.services-two .service-item-two:hover .pp p {
  color: #04091e;
}
.services-two .service-item-two:hover .service-btn a {
  color: #04091e;
}
.services-two .service-item-two .service-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.services-two .service-item-two .service-inner .icon i {
  height: 55px;
  width: 55px;
  border: 2px solid #000;
  text-align: center;
  line-height: 53px;
  border-radius: 15px;
  font-size: 27px;
  color: #ffd233;
  transition: all linear 0.3s;
}
.services-two .service-item-two .service-inner .text h6 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.services-two .service-item-two .service-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #505050;
}
.services-two .service-item-two .pp p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #747681;
  padding-top: 17px;
}
.services-two .service-item-two .service-btn {
  padding-top: 8px;
}
.services-two .service-item-two .service-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  display: flex;
  gap: 5px;
  align-items: center;
}
.services-two .service-item-two .service-btn a span {
  line-height: 0;
}
.services-two .service-item-two .service-btn a span i {
  font-size: 20px;
}
.services-two .service-item-two:hover .ovwelay-ser {
  width: 100%;
  opacity: 1;
}
.services-two .service-item-two-two {
  text-align: center;
  padding: 45px 0px 12px 0px;
  background-color: #ffd233;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  border: 1.5px solid #f4f8f7;
  border-radius: 16px;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 43px;
  font-weight: 700;
  color: #000;
}
.services-two .service-item-two-two .service-inner h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner .s-btn {
  margin: 40px 0px 32px 0px;
}

@keyframes service-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes service-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes service-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes service-4 {
  50% {
    transform: translateY(-20px);
  }
}
.process {
  padding-top: 105px;
  padding-bottom: 120px;
  z-index: 1;
  position: relative;
}
.process::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-color: #04091e;
  z-index: -1;
}

.process-head {
  text-align: center;
}
.process-head h2 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 67px;
}

.process-pos-img {
  position: relative;
}
.process-pos-img .process-pos-img-1 {
  position: absolute;
  right: -469px;
  top: 0;
  animation: process-1 5s linear infinite;
}
.process-pos-img .process-pos-img-2 {
  position: absolute;
  left: -372px;
  top: 250px;
  animation: process-2 6s linear infinite;
}
.process-pos-img .process-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: process-3 6s linear infinite;
}

.process-item {
  margin-top: 66px;
}
.process-item .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #ffd233;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #04091e;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item .process-item-text {
  padding-top: 19px;
}
.process-item .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item .process-img {
  padding-top: 31px;
}
.process-item .process-img img {
  width: 370px;
  height: 229px;
}

.process-item-two {
  margin-top: 66px;
}
.process-item-two .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item-two .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #2662fa;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #fff;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item-two .process-inner .icon .ii span svg {
  fill: currentColor;
  color: #ffd233;
}
.process-item-two .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item-two .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item-two .process-item-text {
  padding-top: 19px;
}
.process-item-two .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item-two .process-img {
  padding-top: 31px;
}
.process-item-two .process-img img {
  width: 370px;
  height: 229px;
}

@keyframes process-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes process-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes process-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.agents {
  padding-bottom: 171px;
}
.agents .aligen-item-center {
  align-items: center;
}

.agents-text {
  padding-top: 60px;
}
.agents-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.agents-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  margin-top: 13px;
}

.agents-middel-text {
  padding-top: 23px;
}
.agents-middel-text .agents-middel-item {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.agents-middel-text .agents-middel-item:first-child {
  padding-top: 0;
}
.agents-middel-text .agents-middel-item .icon i {
  height: 24px;
  width: 24px;
  background-color: #ffd233;
  border: 1.5px solid #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 24px;
}

.agents-btn {
  padding-top: 58px;
}
.agents-btn a {
  padding: 14px 36px;
  background-color: #ffd233;
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
  z-index: 22;
}
.agents-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.a-top-img {
  position: relative;
  z-index: -1;
}
.a-top-img .agents-img-2 {
  position: absolute;
  bottom: -53px;
  left: -123px;
}
.a-top-img .agents-img-3 {
  position: absolute;
  top: 100px;
  left: 0;
  animation: circle 20s linear infinite;
}

.agents-vic-img {
  position: relative;
}
.agents-vic-img .agents-vic-img-1 {
  position: absolute;
  top: 54px;
  left: -116px;
  animation: agents-1 4s linear infinite;
}
.agents-vic-img .agents-vic-img-2 {
  position: absolute;
  top: 330px;
  left: -245px;
  animation: agents-2 4s linear infinite;
}
.agents-vic-img .agents-vic-img-3 {
  position: absolute;
  top: 562px;
  left: -245px;
  animation: agents-3 4s linear infinite;
}
.agents-vic-img .agents-vic-img-4 {
  position: absolute;
  top: 318px;
  right: -235px;
  animation: agents-4 4s linear infinite;
}
.agents-vic-img .agents-vic-img-5 {
  position: absolute;
  top: 536px;
  right: -25px;
  animation: agents-5 4s linear infinite;
}

.extra {
  margin-left: -119px;
  width: 51%;
}

@keyframes agents-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes agents-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes agents-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes agents-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes agents-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.create {
  padding: 105px 0 105px 0;
  background-color: rgba(205, 214, 215, 0.1019607843);
  background: url(../images/banner/create-bg.png) no-repeat center/cover;
}

.create-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}

.create-faq {
  padding: 0 24px 40px 24px;
  background-color: #fff;
  margin-top: 20px;
  border-radius: 12px;
}
.create-faq .accordion-item span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
}
.create-faq .accordion-body p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.create-faq .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 transparent;
}
.create-faq .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icon/+.png);
  transform: rotate(-45deg);
}
.create-faq .accordion-item {
  background-color: transparent;
  border: 1px solid transparent;
}
.create-faq .accordion-button {
  background-color: transparent;
  padding: 24px 0 7px 0;
}
.create-faq .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.create-faq .accordion-button::after {
  background-image: url(../images/icon/+.png);
}
.create-faq .accordion-body {
  padding: 5px 0px 20px 0;
}
.create-faq .accordion-item {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:first-child {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:last-child {
  border-bottom: 1px solid #cdd6d7;
}

.create-btn {
  padding-top: 45px;
}
.create-btn a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.create-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.create-btn-two {
  padding-top: 45px;
}
.create-btn-two a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #0c63e4;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #0c63e4;
}
.create-btn-two a:hover {
  background-color: transparent;
  color: #0c63e4;
  border: 1px solid #0c63e4;
}

.create-img {
  position: relative;
  padding-top: 30px;
}
.create-img .icon {
  position: absolute;
  top: 45%;
  left: 40%;
}
.create-img .icon i {
  font-size: 40px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5607843137);
  line-height: 100px;
  color: #fff;
  border-radius: 50%;
  font-size: 30px;
  position: relative;
  z-index: 1;
}
.create-img .icon i::after {
  position: absolute;
  content: "";
  top: 50px;
  left: 50px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2039215686);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50px;
  z-index: -1;
}
.create-img .pos-img {
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: -1;
}
.create-img .pos-img img {
  width: 118%;
}

.work {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}

.work-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.work-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
}
.work-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 36px;
  padding: 0 291px;
  padding-top: 29px;
  color: #c6d4dc;
}
.work-head .work-vic {
  position: absolute;
  top: 28px;
  right: 309px;
  z-index: -1;
}
.work-head .work-vic img {
  width: 95%;
}

.mart {
  padding: 0 10px;
}

.work-item {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item .work-img {
  position: relative;
}
.work-item .work-img img {
  width: 100%;
}
.work-item .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(310.06deg, #ea6200 8.24%, #ffd233 97.54%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item .work-img:hover .work-overlay {
  height: 100%;
}
.work-item .work-img:hover .work-overlay i {
  opacity: 1;
}

.work-item-two {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item-two .work-img {
  position: relative;
}
.work-item-two .work-img img {
  width: 100%;
}
.work-item-two .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item-two .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item-two .work-img:hover .work-overlay {
  height: 100%;
}
.work-item-two .work-img:hover .work-overlay i {
  opacity: 1;
}

.success-item-two {
  margin-top: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1725490196);
  border-radius: 12px;
  padding: 24px 0px;
  transition: all linear 0.5s;
}
.success-item-two:hover {
  background-color: #2662fa;
}
.success-item-two .text {
  padding-top: 12px;
}
.success-item-two .text h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.success-item-two .text p {
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  color: #ffffff;
}

.work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.3843137255);
  border: none;
  text-indent: -9999px;
}
.work-slick .slick-dots li.slick-active button {
  background-color: #ffd233;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

.work-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(255, 255, 255, 0.2745098039);
  padding-top: 50px;
  border-radius: 12px;
}
.work-btm:hover {
  background: linear-gradient(304.35deg, #e67c00 -6.83%, #ffd233 115.16%);
  border-radius: 12px;
  transition: all 0.5s ease-out 0s;
}
.work-btm:hover .about-btm-text h2 {
  color: #fff;
}
.work-btm:hover .about-btm-text p {
  color: #fff;
}
.work-btm:hover .about-btm-icon span svg {
  color: #fff;
}
.work-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.work-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.work-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}

.work-pos-img {
  position: relative;
}
.work-pos-img .work-pos-img-1 {
  position: absolute;
  top: 0;
  right: -359px;
  animation: work-1 5s linear infinite;
}
.work-pos-img .work-pos-img-2 {
  position: absolute;
  top: 741px;
  left: -376px;
  animation: work-2 4s linear infinite;
}
.work-pos-img .work-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: work-3 4s linear infinite;
}
.work-pos-img .work-pos-img-4 {
  position: absolute;
  top: 1035px;
  left: 108px;
  animation: work-4 4s linear infinite;
}

.work-two {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}
.work-two .work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-two .work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: #2662fa;
  border: none;
  text-indent: -9999px;
}
.work-two .work-slick .slick-dots li.slick-active button {
  background-color: #2662fa;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

@keyframes work-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes work-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.plan {
  padding: 120px 0;
  background: url(../images/banner/plan.png) no-repeat center/cover;
  background-color: #fff;
}
.plan .plan-item-main .slick-slide.slick-current.slick-active .plan-item {
  width: 345px !important;
  z-index: 999;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item::after {
  opacity: 0;
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item
  .plan-btn-btn
  a {
  background: #2662fa;
  color: #fff;
}
.plan .aligen-item-center {
  align-items: center;
}

.plan-head {
  position: relative;
  z-index: 1;
}
.plan-head h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
}
.plan-head p {
  padding-right: 200px;
  padding-top: 18px;
}
.plan-head img {
  position: absolute;
  top: 34px;
  left: 250px;
  z-index: -1;
}

.plan-btn {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.plan-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  box-shadow: 9.24769px 77.951px 79.2659px -41.5739px rgba(18, 20, 29, 0.15);
  border-radius: 12px;
}
.plan-btn .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-btn .nav-link {
  display: block;
  padding: 13px 35px;
  color: #04091e;
  font-weight: 600;
  font-size: 16px;
}
.plan-btn .nav-pills .nav-link {
  border-radius: 12px;
}
.plan-btn .nav-pills .nav-link.active,
.plan-btn .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
}

.plan-item {
  padding-top: 50px;
  padding-bottom: 54px;
  padding-left: 30px;
  background: #04091e;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
  border-radius: 14px;
  position: relative;
  z-index: 111;
}
.plan-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  opacity: 0.74;
  z-index: -1;
  border-radius: 14px;
}
.plan-item .item-img {
  position: absolute;
  top: 30px;
  left: 160px;
  z-index: -1;
  opacity: 0.1;
}
.plan-item .plan-text {
  text-align: center;
}
.plan-item .plan-text p {
  font-weight: 600;
  font-size: 20px;
  color: #f5f5f5;
  opacity: 0.8;
}
.plan-item .plan-text h2 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 50px;
  margin-bottom: 0;
}
.plan-item .plan-text h6 {
  font-weight: 400;
  font-size: 20px;
  color: #f5f5f5;
  margin-bottom: 0;
}

.plan-middel {
  margin-top: 60px;
  position: relative;
}
.plan-middel::after {
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  width: 68%;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
}
.plan-middel .plan-inner {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.plan-middel .plan-inner .icon i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
}
.plan-middel .plan-inner .text p {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.plan-btn-btn {
  text-align: center;
  margin-top: 62px;
}
.plan-btn-btn a {
  padding: 17px 51px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  border-radius: 8px;
  color: #aaaaaa;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
}

.plan-item-main .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.plan-item-main .slick-dots li {
  padding: 0;
  margin: 0;
}
.plan-item-main .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #2662fa;
  opacity: 0.2;
  text-indent: -9999px;
}
.plan-item-main .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 14px;
  height: 14px;
}

.plan-two {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-two .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-two .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-two .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 32px;
  left: 595px;
}
.plan-two .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-two #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-two #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-two .nav-pills .nav-link.active,
.plan-two .nav-pills .show > .nav-link {
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-two .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-two .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-two .plan-two-item:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-two .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-btn a {
  padding: 17px 51px 18px 51px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-two .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-two .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-btn a {
  padding: 17px 50px;
  background-color: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #04091e;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-btn a {
  padding: 17px 50px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  transition: 0.4s;
}

.plan-three {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-three .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-three .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-three .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 595px;
}
.plan-three .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-three #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-three #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-three .nav-pills .nav-link.active,
.plan-three .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-three .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-three .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-three .plan-two-item:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-three .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item .plan-two-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}
.plan-three .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-three .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-three .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item-two .plan-two-btn a:hover {
  background-color: #fff;
  color: #04091e;
}
.plan-three .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
  transition: 0.4s;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.project {
  padding: 120px 0px 120px 0px;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project .aligen-item-center {
  align-items: center;
}

.project-text {
  position: relative;
  z-index: 1;
}
.project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-right: 133px;
  margin-top: 23px;
}
.project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 102px;
  left: 0;
}

.project-btn {
  padding-top: 45px;
}
.project-btn a {
  padding: 14px 40px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  font-family: "Urbanist";
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.project-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #4ce0ad;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.send .send-btn a {
  padding: 14px 185px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.send .send-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.send .send-text {
  text-align: center;
  padding-top: 28px;
}
.send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.project-two {
  padding: 120px 0;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project-two .aligen-item-center {
  align-items: center;
}
.project-two .project-text {
  padding-top: 34px;
  position: relative;
  z-index: 1;
}
.project-two .project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-two .project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.project-two .project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 138px;
  left: 0;
}
.project-two .project-btn {
  padding-top: 40px;
}
.project-two .project-btn a {
  padding: 11px 24px;
  background: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  transition: all 0.5s;
  display: inline-block;
}
.project-two .project-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin-left: 30px;
}
.project-two .send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.project-two .send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.project-two .send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ffd233;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.project-two .send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.project-two .send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.project-two .send .send-btn a {
  padding: 14px 160px;
  background: #ffd233;
  border-radius: 6px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
}
.project-two .send .send-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send .send-text {
  text-align: center;
  padding-top: 28px;
}
.project-two .send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.project-two .send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.banner {
  padding: 172px 0px 125px 0px;
  background: url(../images/banner/banner-bg.png) no-repeat center/cover;
  z-index: 1;
}
.banner .aligen-item-center {
  align-items: center;
}

.banner-text {
  position: relative;
  z-index: 111;
}
.banner-text .victor-img {
  position: absolute;
  bottom: 206px;
  right: 42px;
  z-index: -1;
}
.banner-text .victor-img img {
  width: 84%;
}
.banner-text h1 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #04091e;
}
.banner-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 25px;
}

.banner-btn {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-top: 28px;
  z-index: 111;
  position: relative;
}
.banner-btn .button a {
  padding: 14px 38px;
  background-color: #2662fa;
  color: #eefbff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #2662fa;
  transition: all 0.5s ease-in-out 0s;
  display: inline-block;
  line-height: 32px;
}
.banner-btn .button a:hover {
  background-color: #fff;
  color: #2662fa;
}
.banner-btn .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-btn .play:hover .icon .icon-img i {
  border: 1px solid #2662fa;
  color: #2662fa;
}
.banner-btn .play:hover .text p {
  color: #2662fa;
}
.banner-btn .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #bdc6cd;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 25px;
  color: #04091e;
  box-shadow: 0px 0px 10px 0px rgba(7, 67, 255, 0.23);
  transition: all linear 0.5s;
}
.banner-btn .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 67%;
  left: 43%;
  height: 45px;
  width: 45px;
  background-color: rgba(7, 67, 255, 0.23);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-btn .play .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #54595f;
  transition: all linear 0.5s;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-left: 50px;
}
.banner-img .banner-overlay {
  position: absolute;
  bottom: 0;
  left: -55px;
  background-color: #fff;
  padding: 24px 29px;
  margin-right: 135px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.banner-img .banner-overlay .banner-overlay-text {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-img .banner-overlay .banner-overlay-text .icon i {
  height: 44px;
  width: 44px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50px;
}
.banner-img .banner-overlay .banner-overlay-text .text h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
  line-height: 27px;
}
.banner-img .banner-overlay .banner-overlay-text .text p {
  font-weight: 400;
  font-size: 14px;
  color: #747681;
  padding-top: 10px;
}
.banner-img .img-one {
  position: absolute;
  top: -226px;
  right: -368px;
  z-index: -1;
}
.banner-img .img-one img {
  opacity: 0.2;
}

.img-two {
  position: absolute;
  bottom: 376px;
  left: -823px;
  animation: banner 5s linear infinite;
}

@keyframes banner {
  50% {
    transform: translateY(-20px);
  }
}
.banner-two {
  background: url(../images/banner/banner-2-bg.png) no-repeat center/cover;
  padding: 315px 0px 255px 0px;
}
.banner-two .aligen-item-center {
  align-items: center;
}
.banner-two .banner-text {
  position: relative;
  z-index: 1;
}
.banner-two .banner-text .banner-vic {
  position: absolute;
  top: 111px;
  left: 234px;
  z-index: -1;
}
.banner-two .banner-text .banner-vic img {
  width: 75%;
}
.banner-two .banner-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #ffffff;
}
.banner-two .banner-text h1 {
  padding-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #fff;
}
.banner-two .banner-text h1 span {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 100px;
  color: #fff;
}
.banner-two .banner-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
}
.banner-two .banner-btn-two {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  z-index: 111;
  position: relative;
}
.banner-two .banner-btn-two .button a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-two .banner-btn-two .button a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.banner-two .banner-btn-two .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i {
  background-color: transparent;
  background-image: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.banner-two .banner-btn-two .play:hover .text p {
  color: #4ce0ad;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i::after {
  background-image: linear-gradient(
    180deg,
    rgba(133, 239, 149, 0.2470588235) 0%,
    rgba(76, 224, 172, 0.231372549) 100%
  );
}
.banner-two .banner-btn-two .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(177, 176, 176, 0.6);
  z-index: 1;
  position: relative;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(0.2);
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .text p {
  font-weight: 600;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.3s;
}
.banner-two .banner-img-two {
  position: relative;
}
.banner-two .banner-img-two .img-twoo {
  position: absolute;
  top: -250px;
  right: -18px;
}
.banner-two .banner-img-two .img-twoo img {
  width: 100%;
}
.banner-two .banner-img-two .img-threer {
  position: absolute;
  top: -273px;
  left: -42px;
  animation: circle 20s linear infinite;
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.banner-three {
  padding: 335px 0 200px 0;
  background: url(../images/banner/banner-three-bg.png) no-repeat center/cover;
}
.banner-three .banner-top .banner-top-item {
  position: relative;
  position: relative;
}
.banner-three .banner-top .banner-top-item::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 50px;
  width: 86%;
  height: 102%;
  border: 0.5px solid #f4f8f7;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
}
.banner-three .banner-top .banner-top-item .icon {
  position: absolute;
  bottom: 5.5px;
  right: 24px;
  z-index: 111;
}
.banner-three .banner-top .banner-top-item .icon i {
  height: 28px;
  width: 36px;
  background-color: #ffd233;
  color: #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  transition: all linear 0.5s;
  font-size: 20px;
}
.banner-three .banner-top .banner-top-item .banner-top-text {
  text-align: center;
  padding: 2px 0;
}
.banner-three .banner-top .banner-top-item .banner-top-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.banner-three .banner-top .banner-top-item .banner-top-text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.banner-three .banner-text-three {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-three .banner-text-three .banner-three-vic {
  position: absolute;
  top: 74px;
  right: 78px;
  z-index: -1;
}
.banner-three .banner-text-three .banner-three-vic img {
  width: 87%;
}
.banner-three .banner-text-three h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #ffffff;
  padding-top: 22px;
}
.banner-three .banner-text-three p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #f5f5f5;
  padding-top: 22px;
}
.banner-three .banner-btn-three {
  display: flex;
  gap: 38px;
  align-items: center;
  padding-top: 40px;
  z-index: 111;
  position: relative;
  justify-content: center;
}
.banner-three .banner-btn-three .button a {
  font-family: "Urbanist", Sans-serif;
  padding: 14px 38px;
  background-color: #ffd233;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-three .banner-btn-three .button a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.banner-three .banner-btn-three .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img a i {
  background-color: #ffd233;
  color: #04091e;
}
.banner-three .banner-btn-three .play:hover .text p {
  color: #ffd233;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img i::after {
  background-color: rgba(255, 211, 51, 0.3843137255);
}
.banner-three .banner-btn-three .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 51px;
  background-color: rgba(177, 176, 176, 0.6);
  color: #fff;
  padding-left: 5px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 70%;
  left: 55%;
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #c6d4dc;
  transition: all linear 0.5s;
}
.banner-three .banner-btn-three .text p:hover {
  color: #ffd233;
}

@keyframes borderanimate3 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.customers {
  padding-top: 110px;
}

.coustomers-text {
  padding-bottom: 30px;
}
.coustomers-text h2 {
  text-align: center;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.customers-item {
  position: relative;
}
.customers-item::before {
  position: absolute;
  content: "";
  top: 72px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
}
.customers-item .customers-img {
  display: flex;
  justify-content: center;
}
.customers-item .customers-inner .slick-center .customers-img img {
  opacity: 1;
}
.customers-item .customers-inner .slick-center .customers-img::before {
  width: 100%;
}
.customers-item .customers-inner .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item .customers-inner .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.customers-item .customers-inner .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-two {
  padding: 120px 0;
}

.customers-head-two {
  padding-top: 100px;
  padding-bottom: 30px;
}
.customers-head-two h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.customers-item-two {
  position: relative;
}
.customers-item-two::before {
  position: absolute;
  content: "";
  top: 73px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
  opacity: 0.2;
}
.customers-item-two .customers-inner-slick .slick-center .customers-img img {
  opacity: 1;
}
.customers-item-two
  .customers-inner-slick
  .slick-center
  .customers-img::before {
  width: 80%;
}
.customers-item-two .customers-inner-slick .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item-two .customers-inner-slick .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.customers-item-two .customers-inner-slick .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-three {
  padding: 120px 0;
}

.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.service {
  padding: 105px 0px 120px 0px;
  background-color: #fafafa;
}
.service .aligen-item-center {
  align-items: center;
}

.mm-top {
  margin-top: 65px;
}

.service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.service-head h2 span {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 67px;
}

.sevice-head-right p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.border-b {
  border-bottom: 1px solid #747681;
  padding-top: 25px;
  opacity: 0.12;
}

.service-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
}
.service-item:hover {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item:hover .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item:hover .service-text p {
  color: #04091e;
}
.service-item:hover .service-btn a {
  color: #04091e;
}
.service-item:hover .service-icon span svg {
  color: #fff;
}
.service-item .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 28px;
  text-align: center;
  background-color: #edf7ed;
  border-radius: 50px;
  line-height: 60px;
  color: #78eb9b;
}
.service-item .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #747681;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item .service-btn {
  padding-top: 20px;
}
.service-item .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #747681;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-item-twooo {
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.service-item-twooo .service-img {
  position: absolute;
  top: 46px;
  right: 50px;
}
.service-item-twooo .service-icon i {
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(4, 9, 30, 0.0588235294);
  border-radius: 50px;
  line-height: 60px;
  color: #000;
}
.service-item-twooo .service-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  margin-top: 12px;
  color: #04091e;
}
.service-item-twooo .service-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #04091e;
  margin-top: 13px;
  transition: all 0.3s ease-out 0s;
}
.service-item-twooo .service-btn {
  padding-top: 20px;
}
.service-item-twooo .service-btn a {
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.service-po-img {
  position: relative;
}
.service-po-img .service-img-1 {
  position: absolute;
  top: 0;
  left: -258px;
  animation: s-1 5s linear infinite;
}
.service-po-img .service-img-2 {
  position: absolute;
  bottom: -327px;
  left: -214px;
  animation: s-2 6s linear infinite;
}
.service-po-img .service-img-3 {
  position: absolute;
  top: -16px;
  right: -190px;
  animation: s-3 4s linear infinite;
}
.service-po-img .service-img-4 {
  position: absolute;
  top: 284px;
  right: -140px;
  animation: s-4 5s linear infinite;
}

@keyframes s-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes s-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes s-4 {
  50% {
    transform: translateY(-20px);
  }
}
.services-two {
  padding: 110px 0px 96px 0px;
  background-color: rgba(38, 98, 250, 0.0078431373);
}
.services-two .align-item-center {
  align-items: center;
  padding-top: 110px;
}
.services-two .service-pos-img-two {
  position: relative;
}
.services-two .service-pos-img-two .service-pos-img-two-01 {
  position: absolute;
  top: 0;
  left: -170px;
  animation: service-1 6s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-02 {
  position: absolute;
  top: 231px;
  left: -262px;
  animation: service-2 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-03 {
  position: absolute;
  top: 423px;
  left: -262px;
  animation: service-3 4s linear infinite;
}
.services-two .service-pos-img-two .service-pos-img-two-04 {
  position: absolute;
  top: 209px;
  right: -219px;
  animation: service-4 4s linear infinite;
}
.services-two .service-head {
  position: relative;
  z-index: 1;
  padding: 0px 45px 0px 0px;
}
.services-two .service-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.services-two .service-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  padding-top: 18px;
  padding-bottom: 1rem;
}
.services-two .service-head span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}
.services-two .service-head-btn {
  padding-top: 45px;
}
.services-two .service-head-btn a {
  padding: 14px 42px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.services-two .service-head-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.services-two .service-item-two {
  padding: 26px 24px 22px 24px;
  border: 1.5px solid #f4f8f7;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 25px;
}
.services-two .service-item-two:hover {
  background-color: #ffd233;
  transition: all linear 0.5s;
}
.services-two .service-item-two:hover .service-inner .icon i {
  color: #000;
}
.services-two .service-item-two:hover .service-inner .text p {
  color: #04091e;
}
.services-two .service-item-two:hover .pp p {
  color: #04091e;
}
.services-two .service-item-two:hover .service-btn a {
  color: #04091e;
}
.services-two .service-item-two .service-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.services-two .service-item-two .service-inner .icon i {
  height: 55px;
  width: 55px;
  border: 2px solid #000;
  text-align: center;
  line-height: 53px;
  border-radius: 15px;
  font-size: 27px;
  color: #ffd233;
  transition: all linear 0.3s;
}
.services-two .service-item-two .service-inner .text h6 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.services-two .service-item-two .service-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #505050;
}
.services-two .service-item-two .pp p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #747681;
  padding-top: 17px;
}
.services-two .service-item-two .service-btn {
  padding-top: 8px;
}
.services-two .service-item-two .service-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  display: flex;
  gap: 5px;
  align-items: center;
}
.services-two .service-item-two .service-btn a span {
  line-height: 0;
}
.services-two .service-item-two .service-btn a span i {
  font-size: 20px;
}
.services-two .service-item-two:hover .ovwelay-ser {
  width: 100%;
  opacity: 1;
}
.services-two .service-item-two-two {
  text-align: center;
  padding: 45px 0px 12px 0px;
  background-color: #ffd233;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  border: 1.5px solid #f4f8f7;
  border-radius: 16px;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 43px;
  font-weight: 700;
  color: #000;
}
.services-two .service-item-two-two .service-inner h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
  transition: all linear 0.5s;
}
.services-two .service-item-two-two .service-inner .s-btn {
  margin: 40px 0px 32px 0px;
}

@keyframes service-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes service-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes service-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes service-4 {
  50% {
    transform: translateY(-20px);
  }
}
.process {
  padding-top: 105px;
  padding-bottom: 120px;
  z-index: 1;
  position: relative;
}
.process::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-color: #04091e;
  z-index: -1;
}

.process-head {
  text-align: center;
}
.process-head h2 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 67px;
}

.process-pos-img {
  position: relative;
}
.process-pos-img .process-pos-img-1 {
  position: absolute;
  right: -469px;
  top: 0;
  animation: process-1 5s linear infinite;
}
.process-pos-img .process-pos-img-2 {
  position: absolute;
  left: -372px;
  top: 250px;
  animation: process-2 6s linear infinite;
}
.process-pos-img .process-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: process-3 6s linear infinite;
}

.process-item {
  margin-top: 66px;
}
.process-item .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #ffd233;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #04091e;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item .process-item-text {
  padding-top: 19px;
}
.process-item .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item .process-img {
  padding-top: 31px;
}
.process-item .process-img img {
  width: 370px;
  height: 229px;
}

.process-item-two {
  margin-top: 66px;
}
.process-item-two .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item-two .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #2662fa;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #fff;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item-two .process-inner .icon .ii span svg {
  fill: currentColor;
  color: #ffd233;
}
.process-item-two .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item-two .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item-two .process-item-text {
  padding-top: 19px;
}
.process-item-two .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item-two .process-img {
  padding-top: 31px;
}
.process-item-two .process-img img {
  width: 370px;
  height: 229px;
}

@keyframes process-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes process-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes process-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.agents {
  padding-bottom: 171px;
}
.agents .aligen-item-center {
  align-items: center;
}

.agents-text {
  padding-top: 60px;
}
.agents-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.agents-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  margin-top: 13px;
}

.agents-middel-text {
  padding-top: 23px;
}
.agents-middel-text .agents-middel-item {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.agents-middel-text .agents-middel-item:first-child {
  padding-top: 0;
}
.agents-middel-text .agents-middel-item .icon i {
  height: 24px;
  width: 24px;
  background-color: #ffd233;
  border: 1.5px solid #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 24px;
}

.agents-btn {
  padding-top: 58px;
}
.agents-btn a {
  padding: 14px 36px;
  background-color: #ffd233;
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
  z-index: 22;
}
.agents-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.a-top-img {
  position: relative;
  z-index: -1;
}
.a-top-img .agents-img-2 {
  position: absolute;
  bottom: -53px;
  left: -123px;
}
.a-top-img .agents-img-3 {
  position: absolute;
  top: 100px;
  left: 0;
  animation: circle 20s linear infinite;
}

.agents-vic-img {
  position: relative;
}
.agents-vic-img .agents-vic-img-1 {
  position: absolute;
  top: 54px;
  left: -116px;
  animation: agents-1 4s linear infinite;
}
.agents-vic-img .agents-vic-img-2 {
  position: absolute;
  top: 330px;
  left: -245px;
  animation: agents-2 4s linear infinite;
}
.agents-vic-img .agents-vic-img-3 {
  position: absolute;
  top: 562px;
  left: -245px;
  animation: agents-3 4s linear infinite;
}
.agents-vic-img .agents-vic-img-4 {
  position: absolute;
  top: 318px;
  right: -235px;
  animation: agents-4 4s linear infinite;
}
.agents-vic-img .agents-vic-img-5 {
  position: absolute;
  top: 536px;
  right: -25px;
  animation: agents-5 4s linear infinite;
}

.extra {
  margin-left: -119px;
  width: 51%;
}

@keyframes agents-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes agents-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes agents-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes agents-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes agents-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.create {
  padding: 105px 0 105px 0;
  background-color: rgba(205, 214, 215, 0.1019607843);
  background: url(../images/banner/create-bg.png) no-repeat center/cover;
}

.create-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}

.create-faq {
  padding: 0 24px 40px 24px;
  background-color: #fff;
  margin-top: 20px;
  border-radius: 12px;
}
.create-faq .accordion-item span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
}
.create-faq .accordion-body p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.create-faq .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 transparent;
}
.create-faq .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icon/+.png);
  transform: rotate(-45deg);
}
.create-faq .accordion-item {
  background-color: transparent;
  border: 1px solid transparent;
}
.create-faq .accordion-button {
  background-color: transparent;
  padding: 24px 0 7px 0;
}
.create-faq .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.create-faq .accordion-button::after {
  background-image: url(../images/icon/+.png);
}
.create-faq .accordion-body {
  padding: 5px 0px 20px 0;
}
.create-faq .accordion-item {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:first-child {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:last-child {
  border-bottom: 1px solid #cdd6d7;
}

.create-btn {
  padding-top: 45px;
}
.create-btn a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.create-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.create-btn-two {
  padding-top: 45px;
}
.create-btn-two a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #0c63e4;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #0c63e4;
}
.create-btn-two a:hover {
  background-color: transparent;
  color: #0c63e4;
  border: 1px solid #0c63e4;
}

.create-img {
  position: relative;
  padding-top: 30px;
}
.create-img .icon {
  position: absolute;
  top: 45%;
  left: 40%;
}
.create-img .icon i {
  font-size: 40px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5607843137);
  line-height: 100px;
  color: #fff;
  border-radius: 50%;
  font-size: 30px;
  position: relative;
  z-index: 1;
}
.create-img .icon i::after {
  position: absolute;
  content: "";
  top: 50px;
  left: 50px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2039215686);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50px;
  z-index: -1;
}
.create-img .pos-img {
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: -1;
}
.create-img .pos-img img {
  width: 118%;
}

.work {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}

.work-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.work-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
}
.work-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 36px;
  padding: 0 291px;
  padding-top: 29px;
  color: #c6d4dc;
}
.work-head .work-vic {
  position: absolute;
  top: 28px;
  right: 309px;
  z-index: -1;
}
.work-head .work-vic img {
  width: 95%;
}

.mart {
  padding: 0 10px;
}

.work-item {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item .work-img {
  position: relative;
}
.work-item .work-img img {
  width: 100%;
}
.work-item .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(310.06deg, #ea6200 8.24%, #ffd233 97.54%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item .work-img:hover .work-overlay {
  height: 100%;
}
.work-item .work-img:hover .work-overlay i {
  opacity: 1;
}

.work-item-two {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item-two .work-img {
  position: relative;
}
.work-item-two .work-img img {
  width: 100%;
}
.work-item-two .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item-two .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item-two .work-img:hover .work-overlay {
  height: 100%;
}
.work-item-two .work-img:hover .work-overlay i {
  opacity: 1;
}

.success-item-two {
  margin-top: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1725490196);
  border-radius: 12px;
  padding: 24px 0px;
  transition: all linear 0.5s;
}
.success-item-two:hover {
  background-color: #2662fa;
}
.success-item-two .text {
  padding-top: 12px;
}
.success-item-two .text h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.success-item-two .text p {
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  color: #ffffff;
}

.work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.3843137255);
  border: none;
  text-indent: -9999px;
}
.work-slick .slick-dots li.slick-active button {
  background-color: #ffd233;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

.work-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(255, 255, 255, 0.2745098039);
  padding-top: 50px;
  border-radius: 12px;
}
.work-btm:hover {
  background: linear-gradient(304.35deg, #e67c00 -6.83%, #ffd233 115.16%);
  border-radius: 12px;
  transition: all 0.5s ease-out 0s;
}
.work-btm:hover .about-btm-text h2 {
  color: #fff;
}
.work-btm:hover .about-btm-text p {
  color: #fff;
}
.work-btm:hover .about-btm-icon span svg {
  color: #fff;
}
.work-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.work-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.work-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}

.work-pos-img {
  position: relative;
}
.work-pos-img .work-pos-img-1 {
  position: absolute;
  top: 0;
  right: -359px;
  animation: work-1 5s linear infinite;
}
.work-pos-img .work-pos-img-2 {
  position: absolute;
  top: 741px;
  left: -376px;
  animation: work-2 4s linear infinite;
}
.work-pos-img .work-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: work-3 4s linear infinite;
}
.work-pos-img .work-pos-img-4 {
  position: absolute;
  top: 1035px;
  left: 108px;
  animation: work-4 4s linear infinite;
}

.work-two {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}
.work-two .work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-two .work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: #2662fa;
  border: none;
  text-indent: -9999px;
}
.work-two .work-slick .slick-dots li.slick-active button {
  background-color: #2662fa;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

@keyframes work-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes work-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.plan {
  padding: 120px 0;
  background: url(../images/banner/plan.png) no-repeat center/cover;
  background-color: #fff;
}
.plan .plan-item-main .slick-slide.slick-current.slick-active .plan-item {
  width: 345px !important;
  z-index: 999;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item::after {
  opacity: 0;
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item
  .plan-btn-btn
  a {
  background: #2662fa;
  color: #fff;
}
.plan .aligen-item-center {
  align-items: center;
}

.plan-head {
  position: relative;
  z-index: 1;
}
.plan-head h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
}
.plan-head p {
  padding-right: 200px;
  padding-top: 18px;
}
.plan-head img {
  position: absolute;
  top: 34px;
  left: 250px;
  z-index: -1;
}

.plan-btn {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.plan-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  box-shadow: 9.24769px 77.951px 79.2659px -41.5739px rgba(18, 20, 29, 0.15);
  border-radius: 12px;
}
.plan-btn .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-btn .nav-link {
  display: block;
  padding: 13px 35px;
  color: #04091e;
  font-weight: 600;
  font-size: 16px;
}
.plan-btn .nav-pills .nav-link {
  border-radius: 12px;
}
.plan-btn .nav-pills .nav-link.active,
.plan-btn .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
}

.plan-item {
  padding-top: 50px;
  padding-bottom: 54px;
  padding-left: 30px;
  background: #04091e;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
  border-radius: 14px;
  position: relative;
  z-index: 111;
}
.plan-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  opacity: 0.74;
  z-index: -1;
  border-radius: 14px;
}
.plan-item .item-img {
  position: absolute;
  top: 30px;
  left: 160px;
  z-index: -1;
  opacity: 0.1;
}
.plan-item .plan-text {
  text-align: center;
}
.plan-item .plan-text p {
  font-weight: 600;
  font-size: 20px;
  color: #f5f5f5;
  opacity: 0.8;
}
.plan-item .plan-text h2 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 50px;
  margin-bottom: 0;
}
.plan-item .plan-text h6 {
  font-weight: 400;
  font-size: 20px;
  color: #f5f5f5;
  margin-bottom: 0;
}

.plan-middel {
  margin-top: 60px;
  position: relative;
}
.plan-middel::after {
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  width: 68%;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
}
.plan-middel .plan-inner {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.plan-middel .plan-inner .icon i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
}
.plan-middel .plan-inner .text p {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.plan-btn-btn {
  text-align: center;
  margin-top: 62px;
}
.plan-btn-btn a {
  padding: 17px 51px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  border-radius: 8px;
  color: #aaaaaa;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
}

.plan-item-main .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.plan-item-main .slick-dots li {
  padding: 0;
  margin: 0;
}
.plan-item-main .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #2662fa;
  opacity: 0.2;
  text-indent: -9999px;
}
.plan-item-main .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 14px;
  height: 14px;
}

.plan-two {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-two .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-two .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-two .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 32px;
  left: 595px;
}
.plan-two .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-two #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-two #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-two .nav-pills .nav-link.active,
.plan-two .nav-pills .show > .nav-link {
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-two .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-two .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-two .plan-two-item:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-two .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-btn a {
  padding: 17px 51px 18px 51px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-two .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-two .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-btn a {
  padding: 17px 50px;
  background-color: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #04091e;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-btn a {
  padding: 17px 50px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  transition: 0.4s;
}

.plan-three {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-three .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-three .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-three .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 595px;
}
.plan-three .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-three #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-three #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-three .nav-pills .nav-link.active,
.plan-three .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-three .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-three .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-three .plan-two-item:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-three .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item .plan-two-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}
.plan-three .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-three .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-three .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item-two .plan-two-btn a:hover {
  background-color: #fff;
  color: #04091e;
}
.plan-three .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
  transition: 0.4s;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.project {
  padding: 120px 0px 120px 0px;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project .aligen-item-center {
  align-items: center;
}

.project-text {
  position: relative;
  z-index: 1;
}
.project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-right: 133px;
  margin-top: 23px;
}
.project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 102px;
  left: 0;
}

.project-btn {
  padding-top: 45px;
}
.project-btn a {
  padding: 14px 40px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  font-family: "Urbanist";
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.project-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #4ce0ad;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.send .send-btn a {
  padding: 14px 185px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
  line-height: 32px;
  display: inline-block;
}
.send .send-btn a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.send .send-text {
  text-align: center;
  padding-top: 28px;
}
.send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.project-two {
  padding: 120px 0;
  background: url(../images/banner/CTA-2.png) no-repeat center/cover;
}
.project-two .aligen-item-center {
  align-items: center;
}
.project-two .project-text {
  padding-top: 34px;
  position: relative;
  z-index: 1;
}
.project-two .project-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}
.project-two .project-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.project-two .project-text .project-vic-img {
  position: absolute;
  z-index: -1;
  top: 138px;
  left: 0;
}
.project-two .project-btn {
  padding-top: 40px;
}
.project-two .project-btn a {
  padding: 11px 24px;
  background: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  transition: all 0.5s;
  display: inline-block;
}
.project-two .project-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send {
  padding: 40px 40px;
  background-color: #fff;
  box-shadow: 0px -30px 60px rgba(0, 33, 80, 0.08);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin-left: 30px;
}
.project-two .send .send-one {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}
.project-two .send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.project-two .send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ffd233;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.project-two .send .form-control {
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: "Urbanist";
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.project-two .send .send-btn {
  text-align: center;
  padding-top: 10px;
}
.project-two .send .send-btn a {
  padding: 14px 160px;
  background: #ffd233;
  border-radius: 6px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
}
.project-two .send .send-btn a:hover {
  background: #04091e;
  color: #ffd233;
}
.project-two .send .send-text {
  text-align: center;
  padding-top: 28px;
}
.project-two .send .send-text p {
  font-weight: 500;
  font-size: 18px;
  color: #727272;
}
.project-two .send .send-text p a {
  font-weight: 500;
  font-size: 18px;
  color: #262626;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.create {
  padding: 105px 0 105px 0;
  background-color: rgba(205, 214, 215, 0.1019607843);
  background: url(../images/banner/create-bg.png) no-repeat center/cover;
}

.create-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}

.create-faq {
  padding: 0 24px 40px 24px;
  background-color: #fff;
  margin-top: 20px;
  border-radius: 12px;
}
.create-faq .accordion-item span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
}
.create-faq .accordion-body p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.create-faq .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 transparent;
}
.create-faq .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icon/+.png);
  transform: rotate(-45deg);
}
.create-faq .accordion-item {
  background-color: transparent;
  border: 1px solid transparent;
}
.create-faq .accordion-button {
  background-color: transparent;
  padding: 24px 0 7px 0;
}
.create-faq .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.create-faq .accordion-button::after {
  background-image: url(../images/icon/+.png);
}
.create-faq .accordion-body {
  padding: 5px 0px 20px 0;
}
.create-faq .accordion-item {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:first-child {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:last-child {
  border-bottom: 1px solid #cdd6d7;
}

.create-btn {
  padding-top: 45px;
}
.create-btn a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.create-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.create-btn-two {
  padding-top: 45px;
}
.create-btn-two a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #0c63e4;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #0c63e4;
}
.create-btn-two a:hover {
  background-color: transparent;
  color: #0c63e4;
  border: 1px solid #0c63e4;
}

.create-img {
  position: relative;
  padding-top: 30px;
}
.create-img .icon {
  position: absolute;
  top: 45%;
  left: 40%;
}
.create-img .icon i {
  font-size: 40px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5607843137);
  line-height: 100px;
  color: #fff;
  border-radius: 50%;
  font-size: 30px;
  position: relative;
  z-index: 1;
}
.create-img .icon i::after {
  position: absolute;
  content: "";
  top: 50px;
  left: 50px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2039215686);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50px;
  z-index: -1;
}
.create-img .pos-img {
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: -1;
}
.create-img .pos-img img {
  width: 118%;
}

.team {
  padding: 108px 0px 120px 0px;
  background: url(../images/banner/team-bg.png) no-repeat center/cover;
}

.team-top {
  margin-top: 50px;
}

.team-head {
  text-align: center;
  position: relative;
  z-index: 1;
}

.team-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 0;
}

.team-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
  padding: 0 200px;
  margin-top: 22px;
}

.vector {
  position: absolute;
  bottom: 97px;
  left: 437px;
  z-index: -1;
}

.team-item {
  padding: 30px 30px 27px 30px;
  background-color: #fff;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.team-text {
  text-align: center;
  margin-top: 30px;
}

.team-text h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #04091e;
}

.team-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  text-transform: capitalize;
}

.team-item {
  overflow: hidden;
}
.team-item:hover .team-inner .team-img .overlay {
  left: 0;
}
.team-item .team-inner .team-img {
  position: relative;
}
.team-item .team-inner .team-img .overlay {
  background-image: linear-gradient(95deg, #02fccf 0%, #1448ff 100%);
  position: absolute;
  bottom: 0;
  left: -130%;
  width: 100%;
  clip-path: polygon(100% 0, 100% 70%, 90% 100%, 0 100%, 0 0);
  border-radius: 0px 0px 50px 0px;
  transition: all linear 0.5s;
}
.team-item .team-inner .team-img .overlay .icon {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding: 20px 0;
}
.team-item .team-inner .team-img .overlay .icon i {
  color: #fff;
  border: 2px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  transition: all linear 0.5s;
}
.team-item .team-inner .team-img .overlay .icon i:hover {
  background-color: #fff;
  color: #3b5998;
}
.team-item .team-inner .team-img img {
  width: 100%;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.blog-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.blog-two-head h2 {
  font-weight: 600;
  font-size: 48px;
  padding: 0 290px;
  line-height: 140%;
}
.blog-two-head .blog-two-vic {
  position: absolute;
  top: 36px;
  right: 483px;
  z-index: -1;
}
.blog-two-head .blog-two-vic img {
  width: 80%;
}
.blog-two-head .blog-two-vic-02 {
  position: absolute;
  bottom: -58px;
  right: 182px;
  animation: blog-two 7s linear infinite;
}

@keyframes blog-two {
  50% {
    transform: translateY(-20px);
  }
}
.marj {
  margin-top: 20px;
}

.blo-top {
  margin-top: 60px;
}

.blog-keyword .blog-keyword-item {
  display: flex;
  align-items: center;
}
.blog-keyword .mb-3 {
  margin-bottom: 0rem !important;
}
.blog-keyword .mb-3 h4 {
  font-weight: 600;
  font-size: 18px;
  font-family: "Urbanist";
  color: #04091e;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.blog-keyword .form-control {
  border: 1px solid #cdd6d7;
  border-radius: 16px;
  padding: 0 28px;
  height: 80px;
  width: 573px;
  line-height: 19px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  font-family: "Urbanist";
}
.blog-keyword .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #cdd6d7;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.blog-keyword .blog-keyword-btn {
  margin-left: -130px;
  margin-top: 29px;
}
.blog-keyword .blog-keyword-btn a {
  font-weight: 500;
  font-size: 13px;
  padding: 16px 32px;
  background-color: #2662fa;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
}

.by-category {
  margin-left: 22px;
}
.by-category h4 {
  font-weight: 600;
  font-size: 18px;
  font-family: "Urbanist";
  color: #04091e;
  margin-bottom: 0;
  padding-bottom: 8px;
}

.by-category-btn-item {
  display: flex;
  gap: 26px;
  align-items: center;
}
.by-category-btn-item .By-category-btn {
  margin-top: 23px;
}
.by-category-btn-item .By-category-btn a {
  font-weight: 500;
  font-size: 13px;
  font-family: "Urbanist";
  padding: 17px 20px;
  background-color: rgba(18, 20, 29, 0.05);
  border-radius: 14px;
  color: #747681;
  transition: all linear 0.3s;
}
.by-category-btn-item .By-category-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}

.blog {
  padding: 110px 0px 120px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.blog-head {
  position: relative;
  z-index: 1;
}
.blog-head span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-left: 66px;
  position: relative;
  color: #4ce0ad;
}
.blog-head span::before {
  position: absolute;
  content: "";
  top: 16px;
  left: -62px;
  width: 46px;
  height: 4px;
  background-color: #4ce0ad;
}
.blog-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #04091e;
}
.blog-head .blog-head-img {
  position: absolute;
  bottom: 3px;
  left: 0px;
  z-index: -1;
}
.blog-head .blog-head-img img {
  width: 90%;
}

.b-pad {
  padding: 0 10px;
}

.blog-slick {
  margin-top: 50px;
}

.blog-item {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 30px;
}
.blog-item:hover .blog-img img {
  transform: scale(1.2);
}
.blog-item:hover .blog-btn a {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.blog-item .blog-img {
  overflow: hidden;
  border-radius: 12px;
}
.blog-item .blog-img img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.blog-item .blog-inner {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 30px;
}
.blog-item .link {
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
}
.blog-item .link a {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  transition: all linear 0.3s;
}
.blog-item .link a:hover {
  color: #4ce0ad;
}
.blog-item .blog-btn {
  padding-top: 22px;
  padding-left: 30px;
}
.blog-item .blog-btn a {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: all linear 0.5s;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  display: inline-block;
}

.blog-pos-img {
  position: relative;
}
.blog-pos-img .blog-pos-img-1 {
  position: absolute;
  bottom: -573px;
  left: -335px;
  animation: blog-1 4s linear infinite;
}
.blog-pos-img .blog-pos-img-2 {
  position: absolute;
  top: -121px;
  right: -380px;
  animation: blog-2 4s linear infinite;
}
.blog-pos-img .blog-pos-img-3 {
  position: absolute;
  top: 273px;
  right: -237px;
  animation: blog-3 4s linear infinite;
}

.blog-two {
  padding-top: 105px;
}
.blog-two .blog-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.blog-two .b-pad {
  padding: 0 10px;
}
.blog-two .blog-item {
  margin-top: 46px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  border: 1px solid rgba(39, 41, 49, 0.2);
  border-radius: 12px;
  overflow: hidden;
}
.blog-two .blog-item:hover {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.08);
  transition: all linear 0.5s;
  border: 1px solid transparent;
}
.blog-two .blog-item:hover .blog-btn a {
  color: #fff;
  background: #2662fa;
}
.blog-two .blog-item:hover .blog-img img {
  transform: scale(1.2);
}
.blog-two .blog-item .blog-img {
  overflow: hidden;
  border-radius: 12px;
}
.blog-two .blog-item .blog-img img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.blog-two .blog-item .blog-inner {
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.blog-two .blog-item .link {
  padding-top: 16px;
}
.blog-two .blog-item .link a {
  font-weight: 500;
  font-size: 24px;
  color: #272931;
}
.blog-two .blog-item .link a:hover {
  text-decoration-line: underline;
}
.blog-two .blog-item .blog-btn {
  padding-top: 22px;
}
.blog-two .blog-item .blog-btn a {
  font-weight: 500;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.5s;
}
.blog-two .blog-item .blog-btn a span i {
  transform: rotate(-45deg);
  margin-left: 4px;
}
.blog-two .blog-pos-img {
  position: relative;
}
.blog-two .blog-pos-img .blog-pos-img-1 {
  position: absolute;
  bottom: -573px;
  left: -335px;
  animation: blog-1 4s linear infinite;
}
.blog-two .blog-pos-img .blog-pos-img-2 {
  position: absolute;
  top: -121px;
  right: -380px;
  animation: blog-2 4s linear infinite;
}
.blog-two .blog-pos-img .blog-pos-img-3 {
  position: absolute;
  top: 273px;
  right: -237px;
  animation: blog-3 4s linear infinite;
}

@keyframes blog-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes blog-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes blog-3 {
  50% {
    transform: translateY(-15px);
  }
}
.latest {
  padding: 105px 0px 118px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.latest-head {
  position: relative;
  text-align: center;
  z-index: 1;
}
.latest-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 280px;
  margin-bottom: 0;
  color: #04091e;
}
.latest-head .latest-victor {
  position: absolute;
  bottom: 74px;
  left: 430px;
  z-index: -1;
}
.latest-head .latest-victor img {
  width: 86%;
}
.latest-head .latest-victor-2 {
  position: absolute;
  bottom: -39px;
  right: 167px;
  animation: a 8s linear infinite;
}
.latest-head .latest-victor-4 {
  position: absolute;
  bottom: -68px;
  right: -96px;
  animation: b 8s linear infinite;
}

@keyframes a {
  50% {
    transform: translateY(20px);
  }
}
@keyframes b {
  50% {
    transform: translateY(-20px);
  }
}
.latext-item {
  margin-top: 40px;
  border-radius: 8px;
}
.latext-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.latext-item:hover .latest-img img {
  transform: scale(1.1);
}
.latext-item .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.latext-item .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.latext-item .latest-img img:hover {
  transform: scale(1.1);
}
.latext-item .latest-inner {
  background-color: #fff;
  padding: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.latext-item .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.latext-item .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.latext-item .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.latext-item .latest-inner .latest-text h3:hover {
  color: #2662fa;
}
.latext-item .latest-btn {
  padding-top: 14px;
}
.latext-item .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.latext-item .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}

.our-Latest {
  padding: 72px 0px 120px 0;
}
.our-Latest .our-Latest-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.our-Latest .latext-item-two {
  margin-top: 40px;
}
.our-Latest .latext-item-two:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.our-Latest .latext-item-two:hover .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two:hover .latest-img img {
  transform: scale(1.1);
}
.our-Latest .latext-item-two .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.our-Latest .latext-item-two .latest-inner {
  background-color: #fff;
  padding-left: 24px;
  padding-bottom: 41px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  font-family: "Urbanist";
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3:hover {
  color: #747681;
}
.our-Latest .latext-item-two .latest-btn {
  padding-top: 14px;
}
.our-Latest .latext-item-two .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.our-Latest .latext-item-two .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}
.our-Latest .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.our-Latest .page-item:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.our-Latest .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.our-Latest .page-item .page-link.active {
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.our-Latest .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.our-Latest .page-link {
  padding: 11px 16px;
}

.customers {
  padding-top: 110px;
}

.coustomers-text {
  padding-bottom: 30px;
}
.coustomers-text h2 {
  text-align: center;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.customers-item {
  position: relative;
}
.customers-item::before {
  position: absolute;
  content: "";
  top: 72px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
}
.customers-item .customers-img {
  display: flex;
  justify-content: center;
}
.customers-item .customers-inner .slick-center .customers-img img {
  opacity: 1;
}
.customers-item .customers-inner .slick-center .customers-img::before {
  width: 100%;
}
.customers-item .customers-inner .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item .customers-inner .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.customers-item .customers-inner .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-two {
  padding: 120px 0;
}

.customers-head-two {
  padding-top: 100px;
  padding-bottom: 30px;
}
.customers-head-two h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.customers-item-two {
  position: relative;
}
.customers-item-two::before {
  position: absolute;
  content: "";
  top: 73px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
  opacity: 0.2;
}
.customers-item-two .customers-inner-slick .slick-center .customers-img img {
  opacity: 1;
}
.customers-item-two
  .customers-inner-slick
  .slick-center
  .customers-img::before {
  width: 80%;
}
.customers-item-two .customers-inner-slick .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item-two .customers-inner-slick .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.customers-item-two .customers-inner-slick .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-three {
  padding: 120px 0;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.blog-post {
  padding: 100px 0 100px 0;
}

.blog-d-post .blog-d-post-img {
  margin-bottom: 35px;
}
.blog-d-post .blog-d-post-img img {
  border-radius: 10px;
}
.blog-d-post .blog-d-post-text p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 32px;
  color: #747681;
}
.blog-d-post .blog-d-post-text span {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 32px;
  color: #747681;
}
.blog-d-post .blog-d-post-text .ppp-t {
  margin-top: 32px;
}

blockquote {
  position: relative;
  margin: 41px 0;
  padding: 67px 50px 40px;
  background: #f8f8f8;
  border-radius: 10px;
  box-shadow: -4px 0 0 0 #2662fa;
}

blockquote p {
  font-size: 20px;
  line-height: 32px;
  color: #04091e;
  font-weight: 600;
  margin: 0 0 18px;
}

blockquote::after {
  position: absolute;
  right: 10px;
  bottom: 122px;
  content: ",,";
  font-family: "Open Sans", sans-serif;
  font-size: 200px;
  line-height: 25px;
  color: #f0f0f0;
  letter-spacing: -10px;
}

blockquote:before {
  position: absolute;
  left: 50px;
  top: 68px;
  content: ",,";
  font-family: "Open Sans", sans-serif;
  font-size: 100px;
  line-height: 25px;
  color: #2662fa;
  letter-spacing: -5px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

blockquote cite {
  display: block;
  font-size: 14px;
  line-height: 0.8;
  color: #797781;
  font-style: normal;
}

.blog-mastering {
  margin-top: 30px;
}
.blog-mastering h2 {
  color: #04091e;
  font-family: Urbanist, sans-serif;
  font-weight: 700;
  padding-bottom: 20px;
}
.blog-mastering p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
  letter-spacing: 0.1px;
  line-height: 32px;
  padding-bottom: 30px;
}
.blog-mastering span {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
  letter-spacing: 0.1px;
  line-height: 32px;
}

.tag .tag-btn {
  display: flex;
  gap: 10px;
  margin: 60px 0 30px 0;
}
.tag .tag-btn h5 {
  margin: 7px 20px 0 0;
  font-size: 14px;
  color: #04091e;
  font-weight: 600;
}
.tag .tag-btn a {
  display: inline-block;
  height: 30px;
  background: #f8f8f8;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  color: #797781;
  line-height: 30px;
  padding: 0 18px;
  font-weight: 600;
  transition: all 0.5s;
  margin: 0 10px 0 0;
}
.tag .tag-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}

.blog-social {
  border-top: 1px solid #ebecf2;
  padding: 30px 0 0;
  margin: 20px 0 0;
}
.blog-social .blog-social-item {
  display: flex;
  align-items: center;
}
.blog-social .blog-social-item h5 {
  font-size: 14px;
  color: #04091e;
  font-weight: 600;
  margin: 0px 20px 0 0;
}
.blog-social .blog-social-item .icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #446bb9;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
}
.blog-social .blog-social-item .icon .facebook i {
  background-color: #1877f2;
}
.blog-social .blog-social-item .icon .twiter i {
  background-color: #00acee;
}
.blog-social .blog-social-item .icon .pinters i {
  background-color: #c8232c;
}

.navigation-navig {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ebecf1;
  overflow: hidden;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  word-break: break-word;
  margin-top: 50px;
}
.navigation-navig .left span {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #747681;
  transition: all 0.5s;
}
.navigation-navig .left span:hover {
  color: #1877f2;
}
.navigation-navig .left h3 {
  color: #04091e;
  font-family: Urbanist, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
}
.navigation-navig .middel i {
  font-size: 50px;
  color: #1877f2;
  opacity: 0.1;
  transition: all 0.5s;
}
.navigation-navig .middel i:hover {
  opacity: 1;
}
.navigation-navig .right {
  text-align: right;
}
.navigation-navig .right span {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #747681;
  transition: all 0.5s;
}
.navigation-navig .right span:hover {
  color: #1877f2;
}
.navigation-navig .right h3 {
  color: #04091e;
  font-family: Urbanist, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
}

.comment-reply-title {
  color: #04091e;
  font-family: Urbanist, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 15px;
}

.comments-area {
  padding: 0;
  padding-top: 1px;
  margin-bottom: 40px;
  background: #fff;
}

.comment-box {
  border-top: 1px solid #ebecf1;
  margin-top: 50px;
  padding-top: 50px;
}

#reply-title {
  color: #04091e;
  font-family: Urbanist, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 15px;
}

a#cancel-comment-reply-link {
  display: inline-block;
  font-size: 12px;
  line-height: 0.8;
  color: #2662fa;
  font-weight: 600;
  margin-left: 10px;
}

.comment-respond form {
  margin-top: 20px;
  position: relative;
}

.comment-form p {
  margin-bottom: 0.5rem;
}

.comment-form label {
  margin-bottom: 0.5rem;
}

.required {
  color: #e2401c;
}

.comment-form textarea {
  height: 180px;
  resize: none;
  line-height: 30px;
  padding-top: 14px;
  margin-bottom: 0;
}

.comment-form input[type="email"],
.comment-form input[type="number"],
.comment-form input[type="text"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  font-weight: 400;
  border-radius: 3px;
  border: none;
  background: #f5f5f7;
  color: #7e7c87;
  outline: 0;
  border: 1px solid transparent;
  padding: 0 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type="checkbox"],
input[type="radio"] {
  width: initial !important;
  margin-right: 10px;
}

body .comment-form input[type="submit"] {
  color: #fff;
  padding: 15px 30px;
  width: auto;
  height: auto;
  line-height: 18px;
}

.comment-form textarea {
  height: 180px;
  resize: none;
  line-height: 30px;
  padding-top: 14px;
}

.comment-form input[type="submit"]:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 16px 32px rgba(83, 104, 253, 0.2);
  color: #2662fa;
  border: 1px solid #2662fa;
}

.comment-form input[type="email"]:focus,
.comment-form input[type="number"]:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
  background: 0 0;
  border-color: #2662fa;
  -webkit-box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);
  -moz-box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);
  box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);
}

.blog-sidebar {
  margin-left: 0;
  position: relative;
}

.search-form {
  position: relative;
}

.blog-sidebar .widget {
  position: relative;
  border: 1px solid #ebecf1;
  border-radius: 10px;
  margin: 0 0 30px;
  padding: 32px 30px 37px;
}

.search-form input[type="search"] {
  width: 100%;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  border-radius: 3px;
  font-weight: 500;
  border: none;
  background: #fff;
  color: #8f8d98;
  outline: 0;
  padding: 0 25px;
  border: 1px solid #cfd2de;
  font-family: Urbanist, sans-serif;
}

.search-form button {
  font-size: 16px;
  line-height: 52px;
  background: 0 0;
  border: none;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 17px;
  top: 0;
  z-index: 2;
  transition: all 0.4s ease;
  color: rgba(0, 0, 0, 0.8);
}

.blog-sidebar .widget {
  margin: 0 0 30px 30px;
}

.blog-sidebar .widget .widget-title,
.footer-area .widget .widget-title {
  color: #04091e;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  border-bottom: 1px solid #cfd2de;
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
  margin: 0 0 20px;
}

.popular-post h5 a {
  color: inherit;
}

.popular-post h5 a:hover {
  color: #1877f2;
}

.popular-post {
  position: relative;
  min-height: 70px;
  padding-left: 90px;
  margin: 9px 0 24px;
}
.popular-post a {
  transition: 0.3s;
  text-decoration: none;
  font-family: "Urbanist", Sans-serif;
}

.popular-post span {
  display: block;
  line-height: 0.8;
  font-size: 14px;
  color: #747681;
  font-weight: 400;
}

.popular-post img {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 3px;
  left: 0;
  top: 4px;
}

.popular-post h5 {
  font-size: 18px;
  line-height: 20px;
  color: #04091e !important;
  margin: 0 0 12px;
  font-weight: 700;
  transition: all 0.3s;
}

.blog-sidebar .widget ul {
  margin: 0;
  padding: 0;
}

.blog-sidebar .widget ul li {
  list-style: none;
  display: block;
  font-size: 14px;
  margin: 3px 0;
  color: #747681;
  position: relative;
  padding-left: 18px;
}

.blog-sidebar .widget ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
  color: #b2b0bc;
}

.blog-sidebar .widget ul li a {
  color: inherit;
  display: inline-block;
  line-height: 32px;
  font-size: 16px;
}

.blog-sidebar .widget ul li a:hover {
  color: #1877f2;
  display: inline-block;
  line-height: 32px;
  font-size: 16px;
}

.blog-sidebar .footer-about-widget {
  margin: 0;
  padding: 0;
}

.blog-sidebar .widget ul li {
  list-style: none;
  display: block;
  font-size: 14px;
  margin: 3px 0;
  color: #747681;
  position: relative;
  padding-left: 18px;
}

.blog-sidebar .widget ul li a {
  color: inherit;
  display: inline-block;
  line-height: 32px;
  font-size: 16px;
}

.social i {
  height: 36px;
  width: 36px;
  display: inline-block;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  line-height: 33px;
  border: 2px solid #e6e7ea;
  color: #747681;
  margin-left: 5px;
  transition: all 0.5s;
}
.social i:hover {
  background-color: #1877f2;
  color: #fff;
  border: 2px solid #1877f2;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.solutions {
  background: url(../images/banner/serive.png) no-repeat center/cover;
  padding: 103px 0 45px 0;
}

.mmmm-top {
  margin: 0px 75px 75px 75px;
}

.solutions-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.solutions-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
  padding: 0 350px;
}
.solutions-head .solution-vic-img {
  position: absolute;
  top: 31px;
  right: 439px;
  z-index: -1;
}
.solutions-head .solution-vic-img img {
  width: 84%;
}

.solution-item {
  padding: 26px 15px 22px 26px;
  border: 1.5px solid #f4f8f7;
  border-radius: 10px;
  margin: 30px 0px 0px 0px;
}
.solution-item:hover {
  background-color: #2662fa;
  transition: all linear 0.5s;
}
.solution-item:hover .solution-inner .icon i {
  border: 2px solid #fff;
  color: #fff;
}
.solution-item:hover .solution-inner .text h5 {
  color: #fff;
}
.solution-item:hover .solution-inner .text p {
  color: #fff;
}
.solution-item:hover .pp p {
  color: #fff;
}
.solution-item:hover .solution-btn a {
  color: #fff;
}
.solution-item:hover .solution-btn a span i {
  color: #fff;
}
.solution-item .solution-inner {
  display: flex;
  gap: 16px;
}
.solution-item .solution-inner .icon i {
  height: 55px;
  width: 55px;
  border: 2px solid #000;
  border-radius: 12px;
  text-align: center;
  line-height: 55px;
  font-size: 27px;
  color: #2662fa;
  transition: all linear 0.5s;
}
.solution-item .solution-inner .text h5 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  transition: all linear 0.5s;
  color: #04091e;
}
.solution-item .solution-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #747681;
  transition: all linear 0.5s;
}
.solution-item .pp {
  padding-top: 17px;
  transition: all linear 0.5s;
}
.solution-item .pp p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #747681;
}
.solution-item .solution-btn {
  margin-top: 8px;
}
.solution-item .solution-btn a {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all linear 0.5s;
  color: #747681;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 0;
}

.solution-item-two {
  padding: 26px 15px 22px 26px;
  border: 1.5px solid #f4f8f7;
  border-radius: 10px;
  margin: 30px 0px 0px 0px;
  background-color: #2662fa;
}
.solution-item-two .solution-inner {
  display: flex;
  gap: 16px;
}
.solution-item-two .solution-inner .icon i {
  height: 55px;
  width: 55px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 12px;
  text-align: center;
  line-height: 55px;
  font-size: 27px;
  transition: all linear 0.5s;
}
.solution-item-two .solution-inner .text h5 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  transition: all linear 0.5s;
  color: #fff;
}
.solution-item-two .solution-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  transition: all linear 0.5s;
}
.solution-item-two .pp {
  padding-top: 17px;
  transition: all linear 0.5s;
}
.solution-item-two .pp p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
}
.solution-item-two .solution-btn {
  margin-top: 8px;
}
.solution-item-two .solution-btn a {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all linear 0.5s;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 0;
}

.work {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}

.work-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.work-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
}
.work-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 36px;
  padding: 0 291px;
  padding-top: 29px;
  color: #c6d4dc;
}
.work-head .work-vic {
  position: absolute;
  top: 28px;
  right: 309px;
  z-index: -1;
}
.work-head .work-vic img {
  width: 95%;
}

.mart {
  padding: 0 10px;
}

.work-item {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item .work-img {
  position: relative;
}
.work-item .work-img img {
  width: 100%;
}
.work-item .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(310.06deg, #ea6200 8.24%, #ffd233 97.54%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item .work-img:hover .work-overlay {
  height: 100%;
}
.work-item .work-img:hover .work-overlay i {
  opacity: 1;
}

.work-item-two {
  margin-top: 72px;
  padding: 13px 13px;
  background-color: #fff;
  border-radius: 16px;
}
.work-item-two .work-img {
  position: relative;
}
.work-item-two .work-img img {
  width: 100%;
}
.work-item-two .work-img .work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all 0.5s ease-out 0s;
}
.work-item-two .work-img .work-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  font-size: 30px;
  opacity: 0;
}
.work-item-two .work-img:hover .work-overlay {
  height: 100%;
}
.work-item-two .work-img:hover .work-overlay i {
  opacity: 1;
}

.success-item-two {
  margin-top: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1725490196);
  border-radius: 12px;
  padding: 24px 0px;
  transition: all linear 0.5s;
}
.success-item-two:hover {
  background-color: #2662fa;
}
.success-item-two .text {
  padding-top: 12px;
}
.success-item-two .text h2 {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
}
.success-item-two .text p {
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  color: #ffffff;
}

.work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.3843137255);
  border: none;
  text-indent: -9999px;
}
.work-slick .slick-dots li.slick-active button {
  background-color: #ffd233;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

.work-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(255, 255, 255, 0.2745098039);
  padding-top: 50px;
  border-radius: 12px;
}
.work-btm:hover {
  background: linear-gradient(304.35deg, #e67c00 -6.83%, #ffd233 115.16%);
  border-radius: 12px;
  transition: all 0.5s ease-out 0s;
}
.work-btm:hover .about-btm-text h2 {
  color: #fff;
}
.work-btm:hover .about-btm-text p {
  color: #fff;
}
.work-btm:hover .about-btm-icon span svg {
  color: #fff;
}
.work-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.work-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.work-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}

.work-pos-img {
  position: relative;
}
.work-pos-img .work-pos-img-1 {
  position: absolute;
  top: 0;
  right: -359px;
  animation: work-1 5s linear infinite;
}
.work-pos-img .work-pos-img-2 {
  position: absolute;
  top: 741px;
  left: -376px;
  animation: work-2 4s linear infinite;
}
.work-pos-img .work-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: work-3 4s linear infinite;
}
.work-pos-img .work-pos-img-4 {
  position: absolute;
  top: 1035px;
  left: 108px;
  animation: work-4 4s linear infinite;
}

.work-two {
  padding: 110px 0 115px 0;
  background-color: #04091e;
}
.work-two .work-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0;
  gap: 12px;
  list-style-type: none;
  margin-top: 52px;
}
.work-two .work-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  border-radius: 8px;
  background-color: #2662fa;
  border: none;
  text-indent: -9999px;
}
.work-two .work-slick .slick-dots li.slick-active button {
  background-color: #2662fa;
  height: 6px;
  width: 60px;
  border-radius: 8px;
}

@keyframes work-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes work-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes work-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.customers {
  padding-top: 110px;
}

.coustomers-text {
  padding-bottom: 30px;
}
.coustomers-text h2 {
  text-align: center;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.customers-item {
  position: relative;
}
.customers-item::before {
  position: absolute;
  content: "";
  top: 72px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
}
.customers-item .customers-img {
  display: flex;
  justify-content: center;
}
.customers-item .customers-inner .slick-center .customers-img img {
  opacity: 1;
}
.customers-item .customers-inner .slick-center .customers-img::before {
  width: 100%;
}
.customers-item .customers-inner .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item .customers-inner .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.customers-item .customers-inner .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-two {
  padding: 120px 0;
}

.customers-head-two {
  padding-top: 100px;
  padding-bottom: 30px;
}
.customers-head-two h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.customers-item-two {
  position: relative;
}
.customers-item-two::before {
  position: absolute;
  content: "";
  top: 73px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
  opacity: 0.2;
}
.customers-item-two .customers-inner-slick .slick-center .customers-img img {
  opacity: 1;
}
.customers-item-two
  .customers-inner-slick
  .slick-center
  .customers-img::before {
  width: 80%;
}
.customers-item-two .customers-inner-slick .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item-two .customers-inner-slick .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.customers-item-two .customers-inner-slick .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-three {
  padding: 120px 0;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.multimedia {
  padding: 60px 0 118px 0;
}

.multimedia-head {
  position: relative;
  z-index: 1;
}
.multimedia-head h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 48px;
  line-height: 140%;
  padding-right: 400px;
}
.multimedia-head .multimedia-img-1 {
  position: absolute;
  z-index: -1;
  top: 96px;
  left: 5px;
}
.multimedia-head .multimedia-img-2 {
  position: absolute;
  z-index: -1;
  top: 40px;
  left: 601px;
  animation: multimedia 8s linear infinite;
}

@keyframes multimedia {
  50% {
    transform: translateY(-20px);
  }
}
.multimedia-img {
  margin-top: 60px;
}
.multimedia-img .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  margin-top: 40px;
}

.Provide {
  margin-top: 60px;
}
.Provide .Provide-text h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 48px;
  line-height: 140%;
}

.Provide-item {
  margin-top: 36px;
}
.Provide-item .Provide-inner {
  display: flex;
  align-items: center;
  gap: 29px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
  padding-top: 21px;
}
.Provide-item .Provide-inner .text a {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #04091e;
  transition: all linear 0.3s;
}
.Provide-item .Provide-inner .text a:hover {
  color: #2662fa;
}

.provide-p {
  margin-top: 27px;
}
.provide-p p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #04091e;
  opacity: 0.8;
}

.goal {
  margin-top: 44px;
}
.goal .goal-item h4 {
  font-family: "Urbanist", Sans-serif;
  color: #04091e;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}
.goal .goal-item .goal-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;
}
.goal .goal-item .goal-inner:last-child {
  padding-bottom: 0;
}
.goal .goal-item .goal-inner .goal-icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 24px;
}
.goal .goal-item .goal-inner .goal-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #04091e;
}

.challange {
  margin-top: 44px;
}
.challange h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #04091e;
}
.challange p {
  margin-top: 15px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  padding-right: 200px;
}

.success-ratio .success-ratio-item {
  padding: 21px 0px 21px 40px;
  border: 1.4px solid #eaeaea;
  box-shadow: 0px 30px 60px rgba(15, 0, 107, 0.04);
  border-radius: 16px;
}
.success-ratio .success-ratio-item .success-ratio-inner {
  display: flex;
  align-items: center;
  gap: 31px;
}
.success-ratio .success-ratio-item .success-ratio-inner .success-ratio-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #04091e;
  padding-bottom: 5px;
}
.success-ratio .success-ratio-item .success-ratio-inner .success-ratio-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #747681;
  padding-bottom: 14px;
}
.success-ratio .success-ratio-item .success-ratio-inner .success-ratio-text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #56676b;
}

.cc {
  margin-left: 60px;
  margin-top: 30px;
}

.circule {
  margin: 0 60px;
}
.circule .bonus-per {
  position: relative;
}
.circule .bonus-per .bonus-outer {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 100px 100px 100px 100px #e4e4e4 inset;
}
.circule .bonus-per .bonus-outer .bonus-inner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.circule .bonus-per .bonus-outer .number .text span {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000f5c;
}
.circule .bonus-per .svg-img svg {
  position: absolute;
  left: 0;
  top: 0;
}
.circule .bonus-per .svg-img svg circle {
  fill: none;
  stroke: #2662fa;
  stroke-width: 9px;
  stroke-dasharray: 280;
}

.circule-2 {
  margin: 0 60px;
}
.circule-2 .bonus-per {
  position: relative;
}
.circule-2 .bonus-per .bonus-outer {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 100px 100px 100px 100px #e4e4e4 inset;
}
.circule-2 .bonus-per .bonus-outer .bonus-inner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.circule-2 .bonus-per .bonus-outer .number .text span {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000f5c;
}
.circule-2 .bonus-per .svg-img svg {
  position: absolute;
  left: 0;
  top: 0;
}
.circule-2 .bonus-per .svg-img svg circle {
  fill: none;
  stroke: #2662fa;
  stroke-width: 9px;
  stroke-dasharray: 280;
}

.contact {
  margin-top: 60px;
}
.contact .contact-item {
  background: url(../images/CTA.png) no-repeat center/cover;
  padding: 48px 62px;
  border-radius: 16px;
  display: flex;
  gap: 209px;
}
.contact .contact-item .contuct-inner {
  display: flex;
  gap: 28px;
  align-items: center;
}
.contact .contact-item .contuct-inner .text h4 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 6px;
}
.contact .contact-item .contuct-inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
}
.contact .contact-item .contuct-inner .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
}

.questions {
  margin-top: 60px;
}
.questions h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #04091e;
}
.questions p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.questions .accordion-body {
  padding: 0 0 20px 0;
}
.questions .accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.questions .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: transparent;
}
.questions #accordionFlushExample {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 20px;
}
.questions .accordion-button {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #000000;
  padding: 23px 0;
  border-bottom: 1px solid #e6e6e6;
}

.customers {
  padding-top: 110px;
}

.coustomers-text {
  padding-bottom: 30px;
}
.coustomers-text h2 {
  text-align: center;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.customers-item {
  position: relative;
}
.customers-item::before {
  position: absolute;
  content: "";
  top: 72px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
}
.customers-item .customers-img {
  display: flex;
  justify-content: center;
}
.customers-item .customers-inner .slick-center .customers-img img {
  opacity: 1;
}
.customers-item .customers-inner .slick-center .customers-img::before {
  width: 100%;
}
.customers-item .customers-inner .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item .customers-inner .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.customers-item .customers-inner .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-two {
  padding: 120px 0;
}

.customers-head-two {
  padding-top: 100px;
  padding-bottom: 30px;
}
.customers-head-two h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.customers-item-two {
  position: relative;
}
.customers-item-two::before {
  position: absolute;
  content: "";
  top: 73px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cdd6d7;
  opacity: 0.2;
}
.customers-item-two .customers-inner-slick .slick-center .customers-img img {
  opacity: 1;
}
.customers-item-two
  .customers-inner-slick
  .slick-center
  .customers-img::before {
  width: 80%;
}
.customers-item-two .customers-inner-slick .customers-img {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}
.customers-item-two .customers-inner-slick .customers-img::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.customers-item-two .customers-inner-slick .customers-img img {
  opacity: 0.3;
  transition: all 0.5s;
  width: 140px;
  height: 40px;
}

.customers-three {
  padding: 120px 0;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.best-work {
  padding: 108px 0px 120px 0px;
  background: url(../images/banner/best-work-bg.png) no-repeat center/cover;
}

.best-work-head {
  text-align: center;
  position: relative;
  z-index: 1;
}
.best-work-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #04091e;
}
.best-work-head p {
  margin-top: 8px;
  font-family: "Urbanist", Sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 36px;
  padding: 0 260px;
  color: #747681;
}
.best-work-head .best-vic-img {
  position: absolute;
  z-index: -1;
  top: 26px;
  left: 646px;
}
.best-work-head .best-work-btn {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.best-work-head .best-work-btn a {
  padding: 17px 20px 17px 20px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #747681;
  background-color: #eeefef;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.3s;
}
.best-work-head .best-work-btn a:hover {
  color: #fff;
  background-color: #2662fa;
}

.m-top {
  margin-top: 60px;
}

.mt {
  margin-top: 30px;
}

.best-item .best-img {
  position: relative;
}
.best-item .best-img:hover .best-over {
  opacity: 0.8;
}
.best-item .best-img .best-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  opacity: 0.8;
  border-radius: 16px;
  transition: all linear 0.5s;
  opacity: 0;
}
.best-item .best-img .best-over h2 {
  color: #fff;
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 36px;
}

.btmm .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.btmm .page-itemm:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.btmm .page-itemm:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.btmm .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.btmm .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.btmm .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.btmm .page-link {
  padding: 11px 16px;
}

.port-top {
  margin-top: 30px;
}

#tab {
  padding: 108px 0px 120px 0px;
  background-color: #04091e;
  background: url(../images/banner/best-work-bg.png) no-repeat center/cover;
}
#tab ul li {
  padding: 17px 20px 17px 20px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #747681;
  background-color: #eeefef;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.3s;
}
#tab ul li:hover {
  color: #fff;
  background-color: #2662fa;
}

.course-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 30px 0 60px 0;
}

.tap-btnn {
  text-align: center;
  margin-top: 60px;
}
.tap-btnn a {
  padding: 16px 32px;
  border: 1px solid #f4f4f4;
  border-radius: 8px;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 152%;
  color: #fff;
  transition: all 0.5s;
}
.tap-btnn a:hover {
  border: 1px solid #daed1a;
  color: #daed1a;
}

.shuffle {
  min-height: 1278px;
}

.btmm .paginationn {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.btmm .page-itemm:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.btmm .page-itemm:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.btmm .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.btmm .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.btmm .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.btmm .page-link {
  padding: 11px 16px;
}

.latest {
  padding: 105px 0px 118px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.latest-head {
  position: relative;
  text-align: center;
  z-index: 1;
}
.latest-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 280px;
  margin-bottom: 0;
  color: #04091e;
}
.latest-head .latest-victor {
  position: absolute;
  bottom: 74px;
  left: 430px;
  z-index: -1;
}
.latest-head .latest-victor img {
  width: 86%;
}
.latest-head .latest-victor-2 {
  position: absolute;
  bottom: -39px;
  right: 167px;
  animation: a 8s linear infinite;
}
.latest-head .latest-victor-4 {
  position: absolute;
  bottom: -68px;
  right: -96px;
  animation: b 8s linear infinite;
}

@keyframes a {
  50% {
    transform: translateY(20px);
  }
}
@keyframes b {
  50% {
    transform: translateY(-20px);
  }
}
.latext-item {
  margin-top: 40px;
  border-radius: 8px;
}
.latext-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.latext-item:hover .latest-img img {
  transform: scale(1.1);
}
.latext-item .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.latext-item .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.latext-item .latest-img img:hover {
  transform: scale(1.1);
}
.latext-item .latest-inner {
  background-color: #fff;
  padding: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.latext-item .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.latext-item .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.latext-item .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.latext-item .latest-inner .latest-text h3:hover {
  color: #2662fa;
}
.latext-item .latest-btn {
  padding-top: 14px;
}
.latext-item .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.latext-item .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}

.our-Latest {
  padding: 72px 0px 120px 0;
}
.our-Latest .our-Latest-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.our-Latest .latext-item-two {
  margin-top: 40px;
}
.our-Latest .latext-item-two:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.our-Latest .latext-item-two:hover .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two:hover .latest-img img {
  transform: scale(1.1);
}
.our-Latest .latext-item-two .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.our-Latest .latext-item-two .latest-inner {
  background-color: #fff;
  padding-left: 24px;
  padding-bottom: 41px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  font-family: "Urbanist";
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3:hover {
  color: #747681;
}
.our-Latest .latext-item-two .latest-btn {
  padding-top: 14px;
}
.our-Latest .latext-item-two .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.our-Latest .latext-item-two .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}
.our-Latest .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.our-Latest .page-item:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.our-Latest .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.our-Latest .page-item .page-link.active {
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.our-Latest .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.our-Latest .page-link {
  padding: 11px 16px;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.responsive {
  padding: 87px 0 103px 0;
}

.responsive-text h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 48px;
  line-height: 140%;
  color: #000000;
}

.responsive-img {
  margin-top: 32px;
}

.responsive-text-p {
  margin-top: 32px;
}
.responsive-text-p p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.summary {
  margin-top: 20px;
}
.summary h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
}
.summary p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  margin-top: 12px;
}

.summary-item {
  display: flex;
  gap: 180px;
  margin-top: 20px;
}
.summary-item .summary-inner .inner {
  display: flex;
  gap: 16px;
  align-items: center;
  padding-bottom: 21px;
}
.summary-item .summary-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.summary-item .summary-inner .inner .text h5 {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  color: #04091e;
}

.summary-dolor {
  padding: 52px 60px;
  background-color: #f4f8f7;
  margin-top: 32px;
}
.summary-dolor .dolor-img {
  text-align: center;
}
.summary-dolor .dolor-img p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  color: #04091e;
  margin-top: 15px;
}

.summary-slick {
  margin-top: 48px;
}
.summary-slick .summary-slick-img img {
  border: 1px solid rgba(116, 118, 129, 0.08);
  border-radius: 16px;
}
.summary-slick .mar {
  padding: 0 10px;
}
.summary-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  margin-top: 45px;
}
.summary-slick .slick-dots li {
  margin: 0 0.25rem;
}
.summary-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #04091e;
  text-indent: -9999px;
  transition: all 0.3s;
}
.summary-slick .slick-dots li.slick-active button {
  width: 50px;
  height: 6px;
  background-color: #2662fa;
}

.vedio-two .vedio-two-img {
  margin-top: 100px;
  position: relative;
  margin-left: 12px;
}
.vedio-two .vedio-two-img .vedio-two-over .icon i {
  position: absolute;
  top: 35%;
  left: 35%;
  text-align: center;
  height: 48px;
  width: 48px;
  background-color: #4528eb;
  line-height: 48px;
  border-radius: 50px;
  color: #fff;
  font-size: 27px;
}
.vedio-two .vedio-two-img .vedio-two-over .text {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.vedio-two .vedio-two-img .vedio-two-over .text h4 {
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.client-details {
  margin-top: -44px;
}
.client-details .client-details-item {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border: 1px solid rgba(4, 9, 30, 0.08);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.client-details .client-details-item .client-details-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 14px 14px;
  border: 1px solid rgba(18, 20, 29, 0.08);
  border-radius: 14px;
  margin-top: 20px;
}
.client-details .client-details-item .client-details-inner .icon i {
  height: 64px;
  width: 64px;
  background-color: #2662fa;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
  color: #fff;
}
.client-details .client-details-item .client-details-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #04091e;
}
.client-details .client-details-item .client-details-inner .text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.download-two {
  margin-top: 48px;
}
.download-two .download-two-item {
  text-align: center;
  padding: 40px 28px;
  border: 1px solid rgba(4, 9, 30, 0.08);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.download-two .download-two-item a {
  padding: 14px 52px;
  background-color: #2662fa;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #ffffff;
  display: inline-block;
  transition: all linear 0.3s;
}
.download-two .download-two-item a:hover {
  background-color: #04091e;
}
.download-two .download-two-item p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.download-two .download-two-item .download-two-btn {
  display: flex;
  gap: 15px;
  margin-top: 40px;
}
.download-two .download-two-item .download-two-btn a {
  padding: 14px 20px;
  font-family: "Urbanist", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  background-color: #04091e;
  border-radius: 12px;
  transition: all linear 0.3s;
  display: inline-block;
}
.download-two .download-two-item .download-two-btn a:hover {
  background-color: #2662fa;
}

.heading {
  margin-top: 48px;
}
.heading .heading-item .heading-img {
  position: relative;
}
.heading .heading-item .heading-img .heading-over {
  position: absolute;
  top: 14px;
  left: 18px;
  text-align: center;
  width: 90%;
  height: 90%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.heading .heading-item .heading-img .heading-over h3 {
  padding-top: 33px;
  font-family: "Urbanist", Sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  color: #04091e;
}
.heading .heading-item .heading-img .heading-over p {
  padding-top: 12px;
  color: #747681;
  font-size: 20px;
  font-weight: 400;
  font-family: "Urbanist", Sans-serif;
}
.heading .heading-item .heading-img .heading-over .o-btn {
  margin-top: 17px;
}
.heading .heading-item .heading-img .heading-over .o-btn a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  background-color: #2662fa;
  color: #fff;
  border-radius: 12px;
  transition: all linear 0.3s;
  padding: 10px 25px;
  display: inline-block;
}
.heading .heading-item .heading-img .heading-over .o-btn a:hover {
  background-color: #04091e;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.plan {
  padding: 120px 0;
  background: url(../images/banner/plan.png) no-repeat center/cover;
  background-color: #fff;
}
.plan .plan-item-main .slick-slide.slick-current.slick-active .plan-item {
  width: 345px !important;
  z-index: 999;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item::after {
  opacity: 0;
}
.plan
  .plan-item-main
  .slick-slide.slick-current.slick-active
  .plan-item
  .plan-btn-btn
  a {
  background: #2662fa;
  color: #fff;
}
.plan .aligen-item-center {
  align-items: center;
}

.plan-head {
  position: relative;
  z-index: 1;
}
.plan-head h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
}
.plan-head p {
  padding-right: 200px;
  padding-top: 18px;
}
.plan-head img {
  position: absolute;
  top: 34px;
  left: 250px;
  z-index: -1;
}

.plan-btn {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.plan-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  box-shadow: 9.24769px 77.951px 79.2659px -41.5739px rgba(18, 20, 29, 0.15);
  border-radius: 12px;
}
.plan-btn .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-btn .nav-link {
  display: block;
  padding: 13px 35px;
  color: #04091e;
  font-weight: 600;
  font-size: 16px;
}
.plan-btn .nav-pills .nav-link {
  border-radius: 12px;
}
.plan-btn .nav-pills .nav-link.active,
.plan-btn .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
}

.plan-item {
  padding-top: 50px;
  padding-bottom: 54px;
  padding-left: 30px;
  background: #04091e;
  box-shadow: 16px 59.0047px 60px -31.4692px rgba(18, 20, 29, 0.8);
  border-radius: 14px;
  position: relative;
  z-index: 111;
}
.plan-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  opacity: 0.74;
  z-index: -1;
  border-radius: 14px;
}
.plan-item .item-img {
  position: absolute;
  top: 30px;
  left: 160px;
  z-index: -1;
  opacity: 0.1;
}
.plan-item .plan-text {
  text-align: center;
}
.plan-item .plan-text p {
  font-weight: 600;
  font-size: 20px;
  color: #f5f5f5;
  opacity: 0.8;
}
.plan-item .plan-text h2 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 50px;
  margin-bottom: 0;
}
.plan-item .plan-text h6 {
  font-weight: 400;
  font-size: 20px;
  color: #f5f5f5;
  margin-bottom: 0;
}

.plan-middel {
  margin-top: 60px;
  position: relative;
}
.plan-middel::after {
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  width: 68%;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
}
.plan-middel .plan-inner {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.plan-middel .plan-inner .icon i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
}
.plan-middel .plan-inner .text p {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.plan-btn-btn {
  text-align: center;
  margin-top: 62px;
}
.plan-btn-btn a {
  padding: 17px 51px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.21) -27.03%,
    #ffffff 87.16%
  );
  border-radius: 8px;
  color: #aaaaaa;
  transition: all 0.5s;
  display: inline-block;
  line-height: 32px;
}

.plan-item-main .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.plan-item-main .slick-dots li {
  padding: 0;
  margin: 0;
}
.plan-item-main .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #2662fa;
  opacity: 0.2;
  text-indent: -9999px;
}
.plan-item-main .slick-dots li.slick-active button {
  background-color: #2662fa;
  width: 14px;
  height: 14px;
}

.plan-two {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-two .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-two .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-two .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 32px;
  left: 595px;
}
.plan-two .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-two #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-two #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-two .nav-pills .nav-link.active,
.plan-two .nav-pills .show > .nav-link {
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-two .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-two .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-two .plan-two-item:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-two .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-two .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item .plan-two-btn a {
  padding: 17px 51px 18px 51px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-two .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-two .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-two .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-two .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-two
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-two .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-two .plan-two-btn a {
  padding: 17px 50px;
  background-color: #ffd233;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #04091e;
  transition: all linear 0.5s;
}
.plan-two .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-two .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-two
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-two .plan-two-item-three:hover .plan-two-btn a {
  background-color: #ffd233;
  color: #04091e;
}
.plan-two .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-two .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-two .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-two .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ffd233;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-two
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-two .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-two .plan-two-item-three .plan-two-btn a {
  padding: 17px 50px;
  background-color: #04091e;
  border-radius: 12px;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  transition: 0.4s;
}

.plan-three {
  padding: 105px 0 120px 0;
  background: url(../images/banner/plan-bg.png) no-repeat center;
}
.plan-three .plan-two-head {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.plan-three .plan-two-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 314px;
  color: #04091e;
}
.plan-three .plan-two-head .plan-two-vic {
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 595px;
}
.plan-three .mb-3 {
  margin-bottom: 0rem !important;
}
.plan-three #pills-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-bottom: 42px;
}
.plan-three #pills-tab::after {
  position: absolute;
  content: "";
  left: 469px;
  top: -4px;
  width: 232px;
  height: 62px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: -1;
}
.plan-three .nav-pills .nav-link.active,
.plan-three .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2662fa;
  border-radius: 12px;
  padding: 15px 30px;
}
.plan-three .nav-link {
  display: block;
  padding: 15px 30px;
  color: #0d6efd;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #04091e;
  border-radius: 12px;
}
.plan-three .plan-two-item {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
}
.plan-three .plan-two-item:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
}
.plan-three .plan-two-item .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-middel-inner .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
}
.plan-three .plan-two-item .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item .plan-two-btn a:hover {
  background-color: #2662fa;
  color: #fff;
}
.plan-three .plan-two-item-two {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-two:hover {
  transform: translateY(-10px);
}
.plan-three .plan-two-item-two .plan-two-text h6 {
  color: #fff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.plan-three .plan-two-item-two .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #fff;
  font-family: "Urbanist", Sans-serif;
}
.plan-three .plan-two-item-two .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-two .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-img {
  position: absolute;
  top: 17px;
  right: 11px;
}
.plan-three .plan-two-item-two .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-two .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #fff;
  color: #04091e;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
}
.plan-three
  .plan-two-item-two
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.plan-three .plan-two-item-two .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-two .plan-two-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
}
.plan-three .plan-two-item-two .plan-two-btn a:hover {
  background-color: #fff;
  color: #04091e;
}
.plan-three .plan-two-item-three {
  position: relative;
  padding: 50px 30px 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  background-color: #fff;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three:hover {
  background-color: #04091e;
}
.plan-three .plan-two-item-three:hover .plan-two-text h6 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text h2 {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-text P {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  color: #fff;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  background-color: #fff;
  color: #04091e;
}
.plan-three
  .plan-two-item-three:hover
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  color: #fff;
}
.plan-three .plan-two-item-three:hover .plan-two-btn a {
  background-color: #2662fa;
}
.plan-three .plan-two-item-three .plan-two-text h6 {
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 {
  font-size: 50px;
  font-weight: 800;
  padding-top: 15px;
  color: #04091e;
  font-family: "Urbanist", Sans-serif;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-text h2 sub {
  font-weight: 500;
  font-size: 30px;
}
.plan-three .plan-two-item-three .plan-two-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  border-bottom: 1px solid rgba(4, 9, 30, 0.1529411765);
  padding-bottom: 30px;
  color: #747681;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-img {
  position: absolute;
  top: 45px;
  right: 40px;
}
.plan-three .plan-two-item-three .plan-two-img img {
  opacity: 0.1;
}
.plan-three .plan-two-item-three .plan-two-middel-inner {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-middel-inner .plan-two-middel-text {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two {
  display: flex;
  align-self: center;
  gap: 10px;
  padding-bottom: 20px;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two:last-child {
  padding-bottom: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon {
  line-height: 0;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .icon
  i {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px;
  transition: all linear 0.4s;
}
.plan-three
  .plan-two-item-three
  .plan-two-middel-inner
  .plan-two-middel-text-two
  .text
  p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #04091e;
  transition: all linear 0.4s;
}
.plan-three .plan-two-item-three .plan-two-btn {
  padding-top: 40px;
}
.plan-three .plan-two-item-three .plan-two-btn a {
  padding: 14px 38px;
  background-color: #04091e;
  border-radius: 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  transition: all linear 0.5s;
  line-height: 32px;
  transition: 0.4s;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.latest {
  padding: 105px 0px 118px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.latest-head {
  position: relative;
  text-align: center;
  z-index: 1;
}
.latest-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 280px;
  margin-bottom: 0;
  color: #04091e;
}
.latest-head .latest-victor {
  position: absolute;
  bottom: 74px;
  left: 430px;
  z-index: -1;
}
.latest-head .latest-victor img {
  width: 86%;
}
.latest-head .latest-victor-2 {
  position: absolute;
  bottom: -39px;
  right: 167px;
  animation: a 8s linear infinite;
}
.latest-head .latest-victor-4 {
  position: absolute;
  bottom: -68px;
  right: -96px;
  animation: b 8s linear infinite;
}

@keyframes a {
  50% {
    transform: translateY(20px);
  }
}
@keyframes b {
  50% {
    transform: translateY(-20px);
  }
}
.latext-item {
  margin-top: 40px;
  border-radius: 8px;
}
.latext-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.latext-item:hover .latest-img img {
  transform: scale(1.1);
}
.latext-item .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.latext-item .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.latext-item .latest-img img:hover {
  transform: scale(1.1);
}
.latext-item .latest-inner {
  background-color: #fff;
  padding: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.latext-item .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.latext-item .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.latext-item .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.latext-item .latest-inner .latest-text h3:hover {
  color: #2662fa;
}
.latext-item .latest-btn {
  padding-top: 14px;
}
.latext-item .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.latext-item .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}

.our-Latest {
  padding: 72px 0px 120px 0;
}
.our-Latest .our-Latest-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.our-Latest .latext-item-two {
  margin-top: 40px;
}
.our-Latest .latext-item-two:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.our-Latest .latext-item-two:hover .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two:hover .latest-img img {
  transform: scale(1.1);
}
.our-Latest .latext-item-two .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.our-Latest .latext-item-two .latest-inner {
  background-color: #fff;
  padding-left: 24px;
  padding-bottom: 41px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  font-family: "Urbanist";
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3:hover {
  color: #747681;
}
.our-Latest .latext-item-two .latest-btn {
  padding-top: 14px;
}
.our-Latest .latext-item-two .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.our-Latest .latext-item-two .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}
.our-Latest .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.our-Latest .page-item:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.our-Latest .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.our-Latest .page-item .page-link.active {
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.our-Latest .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.our-Latest .page-link {
  padding: 11px 16px;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.create {
  padding: 105px 0 105px 0;
  background-color: rgba(205, 214, 215, 0.1019607843);
  background: url(../images/banner/create-bg.png) no-repeat center/cover;
}

.create-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #04091e;
}

.create-faq {
  padding: 0 24px 40px 24px;
  background-color: #fff;
  margin-top: 20px;
  border-radius: 12px;
}
.create-faq .accordion-item span {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
}
.create-faq .accordion-body p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.create-faq .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 transparent;
}
.create-faq .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icon/+.png);
  transform: rotate(-45deg);
}
.create-faq .accordion-item {
  background-color: transparent;
  border: 1px solid transparent;
}
.create-faq .accordion-button {
  background-color: transparent;
  padding: 24px 0 7px 0;
}
.create-faq .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.create-faq .accordion-button::after {
  background-image: url(../images/icon/+.png);
}
.create-faq .accordion-body {
  padding: 5px 0px 20px 0;
}
.create-faq .accordion-item {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:first-child {
  border-bottom: 1px solid #cdd6d7;
}
.create-faq .accordion-item:last-child {
  border-bottom: 1px solid #cdd6d7;
}

.create-btn {
  padding-top: 45px;
}
.create-btn a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #04091e;
  background-color: #ffd233;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.create-btn a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.create-btn-two {
  padding-top: 45px;
}
.create-btn-two a {
  padding: 14px 42px;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #0c63e4;
  border-radius: 12px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #0c63e4;
}
.create-btn-two a:hover {
  background-color: transparent;
  color: #0c63e4;
  border: 1px solid #0c63e4;
}

.create-img {
  position: relative;
  padding-top: 30px;
}
.create-img .icon {
  position: absolute;
  top: 45%;
  left: 40%;
}
.create-img .icon i {
  font-size: 40px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5607843137);
  line-height: 100px;
  color: #fff;
  border-radius: 50%;
  font-size: 30px;
  position: relative;
  z-index: 1;
}
.create-img .icon i::after {
  position: absolute;
  content: "";
  top: 50px;
  left: 50px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2039215686);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50px;
  z-index: -1;
}
.create-img .pos-img {
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: -1;
}
.create-img .pos-img img {
  width: 118%;
}

.process {
  padding-top: 105px;
  padding-bottom: 120px;
  z-index: 1;
  position: relative;
}
.process::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-color: #04091e;
  z-index: -1;
}

.process-head {
  text-align: center;
}
.process-head h2 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 67px;
}

.process-pos-img {
  position: relative;
}
.process-pos-img .process-pos-img-1 {
  position: absolute;
  right: -469px;
  top: 0;
  animation: process-1 5s linear infinite;
}
.process-pos-img .process-pos-img-2 {
  position: absolute;
  left: -372px;
  top: 250px;
  animation: process-2 6s linear infinite;
}
.process-pos-img .process-pos-img-3 {
  position: absolute;
  top: 0;
  right: 0;
  animation: process-3 6s linear infinite;
}

.process-item {
  margin-top: 66px;
}
.process-item .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #ffd233;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #04091e;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item .process-item-text {
  padding-top: 19px;
}
.process-item .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item .process-img {
  padding-top: 31px;
}
.process-item .process-img img {
  width: 370px;
  height: 229px;
}

.process-item-two {
  margin-top: 66px;
}
.process-item-two .process-inner {
  display: flex;
  align-items: center;
  gap: 19px;
}
.process-item-two .process-inner .icon i {
  height: 82px;
  width: 82px;
  background-color: #2662fa;
  text-align: center;
  line-height: 82px;
  border-radius: 50px;
  color: #fff;
  font-size: 28px;
  transition: all linear 0.5s;
}
.process-item-two .process-inner .icon .ii span svg {
  fill: currentColor;
  color: #ffd233;
}
.process-item-two .process-inner .text {
  display: flex;
  flex: 1 1 0%;
}
.process-item-two .process-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #ffffff;
}
.process-item-two .process-item-text {
  padding-top: 19px;
}
.process-item-two .process-item-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c6d4dc;
  padding-right: 30px;
}
.process-item-two .process-img {
  padding-top: 31px;
}
.process-item-two .process-img img {
  width: 370px;
  height: 229px;
}

@keyframes process-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes process-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes process-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.latest {
  padding: 105px 0px 118px 0px;
  background: url(../images/banner/Blog.png) no-repeat center/cover;
}

.latest-head {
  position: relative;
  text-align: center;
  z-index: 1;
}
.latest-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 280px;
  margin-bottom: 0;
  color: #04091e;
}
.latest-head .latest-victor {
  position: absolute;
  bottom: 74px;
  left: 430px;
  z-index: -1;
}
.latest-head .latest-victor img {
  width: 86%;
}
.latest-head .latest-victor-2 {
  position: absolute;
  bottom: -39px;
  right: 167px;
  animation: a 8s linear infinite;
}
.latest-head .latest-victor-4 {
  position: absolute;
  bottom: -68px;
  right: -96px;
  animation: b 8s linear infinite;
}

@keyframes a {
  50% {
    transform: translateY(20px);
  }
}
@keyframes b {
  50% {
    transform: translateY(-20px);
  }
}
.latext-item {
  margin-top: 40px;
  border-radius: 8px;
}
.latext-item:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.latext-item:hover .latest-img img {
  transform: scale(1.1);
}
.latext-item .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.latext-item .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.latext-item .latest-img img:hover {
  transform: scale(1.1);
}
.latext-item .latest-inner {
  background-color: #fff;
  padding: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.latext-item .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.latext-item .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.latext-item .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #04091e;
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.latext-item .latest-inner .latest-text h3:hover {
  color: #2662fa;
}
.latext-item .latest-btn {
  padding-top: 14px;
}
.latext-item .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.latext-item .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}

.our-Latest {
  padding: 72px 0px 120px 0;
}
.our-Latest .our-Latest-head h2 {
  font-weight: 600;
  font-size: 36px;
  color: #272931;
}
.our-Latest .latext-item-two {
  margin-top: 40px;
}
.our-Latest .latext-item-two:hover {
  box-shadow: 0px 30px 70px rgba(10, 22, 37, 0.08);
}
.our-Latest .latext-item-two:hover .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two:hover .latest-img img {
  transform: scale(1.1);
}
.our-Latest .latext-item-two .latest-img {
  overflow: hidden;
  border-radius: 10px;
}
.our-Latest .latext-item-two .latest-img img {
  transition: all 0.3s ease-out 0s;
}
.our-Latest .latext-item-two .latest-inner {
  background-color: #fff;
  padding-left: 24px;
  padding-bottom: 41px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all linear 0.3s;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.our-Latest .latext-item-two .latest-inner .latest-text .latest-text-two a {
  padding: 6px 14px;
  background-color: #f4f8f7;
  color: #747681;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  font-family: "Urbanist";
  padding-bottom: 14px;
  transition: all linear 0.5s;
}
.our-Latest .latext-item-two .latest-inner .latest-text h3:hover {
  color: #747681;
}
.our-Latest .latext-item-two .latest-btn {
  padding-top: 14px;
}
.our-Latest .latext-item-two .latest-btn a {
  font-weight: 500;
  font-size: 16px;
  color: #747681;
  padding: 12px 28px;
  border: 1px solid #cdd6d7;
  border-radius: 10px;
  transition: all linear 0.5s;
  display: inline-block;
  line-height: 32px;
}
.our-Latest .latext-item-two .latest-btn a:hover {
  background-color: #2662fa;
  color: #fff;
  border: 1px solid #2662fa;
}
.our-Latest .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  justify-content: end;
  margin-top: 40px;
}
.our-Latest .page-item:not(:first-child) .page-link {
  margin-left: 6px;
  border-radius: 8px;
}
.our-Latest .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-radius: 8px;
}
.our-Latest .page-item .page-link.active {
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #2662fa;
  border-color: #2662fa;
}
.our-Latest .page-link {
  font-weight: 600;
  font-size: 13px;
  color: #cdd6d7;
  border: 1px solid #f5f5f5;
}
.our-Latest .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.our-Latest .page-link {
  padding: 11px 16px;
}

#ready {
  padding: 106px 0 120px 0;
  background-color: rgba(38, 98, 250, 0.0901960784);
}

.ready-text {
  text-align: center;
}
.ready-text h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  padding: 0 239px;
  color: #04091e;
}
.ready-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.ready-btn {
  text-align: center;
  padding-top: 59px;
}
.ready-btn a {
  font-weight: 500;
  font-size: 18px;
  padding: 11px 24px;
  background-color: #2662fa;
  transition: all linear 0.5s;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 32px;
  border: 1px solid #2662fa;
}
.ready-btn a:hover {
  background-color: #fff;
  border: 1px solid #2662fa;
  color: #000;
}

.ready-img {
  position: relative;
}
.ready-img .ready-img-1 {
  position: absolute;
  bottom: -268px;
  right: 32px;
  animation: ready-1 6s linear infinite;
}
.ready-img .ready-img-2 {
  position: absolute;
  bottom: -326px;
  right: -257px;
  animation: ready-2 7s linear infinite;
}
.ready-img .ready-img-3 {
  position: absolute;
  bottom: -133px;
  left: -183px;
  animation: ready-3 6s linear infinite;
}
.ready-img .ready-img-4 {
  position: absolute;
  bottom: -332px;
  left: -183px;
  animation: ready-4 7s linear infinite;
}
.ready-img .ready-img-5 {
  position: absolute;
  bottom: -29px;
  right: -11px;
  animation: ready-5 8s linear infinite;
}

@keyframes ready-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-3 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-4 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes ready-5 {
  50% {
    transform: translateY(-20px);
  }
}
.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.banner {
  padding: 172px 0px 125px 0px;
  background: url(../images/banner/banner-bg.png) no-repeat center/cover;
  z-index: 1;
}
.banner .aligen-item-center {
  align-items: center;
}

.banner-text {
  position: relative;
  z-index: 111;
}
.banner-text .victor-img {
  position: absolute;
  bottom: 206px;
  right: 42px;
  z-index: -1;
}
.banner-text .victor-img img {
  width: 84%;
}
.banner-text h1 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #04091e;
}
.banner-text p {
  color: #747681;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 25px;
}

.banner-btn {
  display: flex;
  gap: 42px;
  align-items: center;
  padding-top: 28px;
  z-index: 111;
  position: relative;
}
.banner-btn .button a {
  padding: 14px 38px;
  background-color: #2662fa;
  color: #eefbff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #2662fa;
  transition: all 0.5s ease-in-out 0s;
  display: inline-block;
  line-height: 32px;
}
.banner-btn .button a:hover {
  background-color: #fff;
  color: #2662fa;
}
.banner-btn .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-btn .play:hover .icon .icon-img i {
  border: 1px solid #2662fa;
  color: #2662fa;
}
.banner-btn .play:hover .text p {
  color: #2662fa;
}
.banner-btn .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #bdc6cd;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 25px;
  color: #04091e;
  box-shadow: 0px 0px 10px 0px rgba(7, 67, 255, 0.23);
  transition: all linear 0.5s;
}
.banner-btn .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 67%;
  left: 43%;
  height: 45px;
  width: 45px;
  background-color: rgba(7, 67, 255, 0.23);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-btn .play .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #54595f;
  transition: all linear 0.5s;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-left: 50px;
}
.banner-img .banner-overlay {
  position: absolute;
  bottom: 0;
  left: -55px;
  background-color: #fff;
  padding: 24px 29px;
  margin-right: 135px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.banner-img .banner-overlay .banner-overlay-text {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-img .banner-overlay .banner-overlay-text .icon i {
  height: 44px;
  width: 44px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50px;
}
.banner-img .banner-overlay .banner-overlay-text .text h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
  line-height: 27px;
}
.banner-img .banner-overlay .banner-overlay-text .text p {
  font-weight: 400;
  font-size: 14px;
  color: #747681;
  padding-top: 10px;
}
.banner-img .img-one {
  position: absolute;
  top: -226px;
  right: -368px;
  z-index: -1;
}
.banner-img .img-one img {
  opacity: 0.2;
}

.img-two {
  position: absolute;
  bottom: 376px;
  left: -823px;
  animation: banner 5s linear infinite;
}

@keyframes banner {
  50% {
    transform: translateY(-20px);
  }
}
.banner-two {
  background: url(../images/banner/banner-2-bg.png) no-repeat center/cover;
  padding: 315px 0px 255px 0px;
}
.banner-two .aligen-item-center {
  align-items: center;
}
.banner-two .banner-text {
  position: relative;
  z-index: 1;
}
.banner-two .banner-text .banner-vic {
  position: absolute;
  top: 111px;
  left: 234px;
  z-index: -1;
}
.banner-two .banner-text .banner-vic img {
  width: 75%;
}
.banner-two .banner-text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #ffffff;
}
.banner-two .banner-text h1 {
  padding-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #fff;
}
.banner-two .banner-text h1 span {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 100px;
  color: #fff;
}
.banner-two .banner-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #c6d4dc;
}
.banner-two .banner-btn-two {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  z-index: 111;
  position: relative;
}
.banner-two .banner-btn-two .button a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-two .banner-btn-two .button a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}
.banner-two .banner-btn-two .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i {
  background-color: transparent;
  background-image: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
}
.banner-two .banner-btn-two .play:hover .text p {
  color: #4ce0ad;
}
.banner-two .banner-btn-two .play:hover .icon .icon-img i::after {
  background-image: linear-gradient(
    180deg,
    rgba(133, 239, 149, 0.2470588235) 0%,
    rgba(76, 224, 172, 0.231372549) 100%
  );
}
.banner-two .banner-btn-two .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(177, 176, 176, 0.6);
  z-index: 1;
  position: relative;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(0.2);
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-two .banner-btn-two .text p {
  font-weight: 600;
  font-size: 18px;
  color: #747681;
  transition: all linear 0.3s;
}
.banner-two .banner-img-two {
  position: relative;
}
.banner-two .banner-img-two .img-twoo {
  position: absolute;
  top: -250px;
  right: -18px;
}
.banner-two .banner-img-two .img-twoo img {
  width: 100%;
}
.banner-two .banner-img-two .img-threer {
  position: absolute;
  top: -273px;
  left: -42px;
  animation: circle 20s linear infinite;
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.banner-three {
  padding: 335px 0 200px 0;
  background: url(../images/banner/banner-three-bg.png) no-repeat center/cover;
}
.banner-three .banner-top .banner-top-item {
  position: relative;
  position: relative;
}
.banner-three .banner-top .banner-top-item::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 50px;
  width: 86%;
  height: 102%;
  border: 0.5px solid #f4f8f7;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
}
.banner-three .banner-top .banner-top-item .icon {
  position: absolute;
  bottom: 5.5px;
  right: 24px;
  z-index: 111;
}
.banner-three .banner-top .banner-top-item .icon i {
  height: 28px;
  width: 36px;
  background-color: #ffd233;
  color: #04091e;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  transition: all linear 0.5s;
  font-size: 20px;
}
.banner-three .banner-top .banner-top-item .banner-top-text {
  text-align: center;
  padding: 2px 0;
}
.banner-three .banner-top .banner-top-item .banner-top-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.banner-three .banner-top .banner-top-item .banner-top-text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.banner-three .banner-text-three {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-three .banner-text-three .banner-three-vic {
  position: absolute;
  top: 74px;
  right: 78px;
  z-index: -1;
}
.banner-three .banner-text-three .banner-three-vic img {
  width: 87%;
}
.banner-three .banner-text-three h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 93px;
  color: #ffffff;
  padding-top: 22px;
}
.banner-three .banner-text-three p {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #f5f5f5;
  padding-top: 22px;
}
.banner-three .banner-btn-three {
  display: flex;
  gap: 38px;
  align-items: center;
  padding-top: 40px;
  z-index: 111;
  position: relative;
  justify-content: center;
}
.banner-three .banner-btn-three .button a {
  font-family: "Urbanist", Sans-serif;
  padding: 14px 38px;
  background-color: #ffd233;
  color: #04091e;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 32px;
  transition: all 0.5s ease-in-out 0s;
}
.banner-three .banner-btn-three .button a:hover {
  background-color: #04091e;
  color: #ffd233;
}
.banner-three .banner-btn-three .play {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img a i {
  background-color: #ffd233;
  color: #04091e;
}
.banner-three .banner-btn-three .play:hover .text p {
  color: #ffd233;
}
.banner-three .banner-btn-three .play:hover .icon .icon-img i::after {
  background-color: rgba(255, 211, 51, 0.3843137255);
}
.banner-three .banner-btn-three .play .icon .icon-img i {
  height: 60px;
  width: 60px;
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 51px;
  background-color: rgba(177, 176, 176, 0.6);
  color: #fff;
  padding-left: 5px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .play .icon .icon-img i::after {
  position: absolute;
  content: "";
  top: 70%;
  left: 55%;
  height: 45px;
  width: 45px;
  background-color: rgba(177, 176, 176, 0.6);
  animation: borderanimate3 2s linear infinite;
  z-index: -1;
  border-radius: 50px;
  transition: all linear 0.3s;
}
.banner-three .banner-btn-three .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #c6d4dc;
  transition: all linear 0.5s;
}
.banner-three .banner-btn-three .text p:hover {
  color: #ffd233;
}

@keyframes borderanimate3 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.contact-us {
  padding: 120px 0;
}

.contact-us-item h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #04091e;
}
.contact-us-item p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
  margin-top: 16px;
}
.contact-us-item .contact-us-item-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 40px 40px 40px;
  border: 1px solid rgba(18, 20, 29, 0.1);
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.contact-us-item .contact-us-item-inner .icon i {
  height: 64px;
  width: 64px;
  background-color: #2662fa;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 64px;
  font-size: 30px;
}
.contact-us-item .contact-us-item-inner .text h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #04091e;
  padding-bottom: 10px;
}
.contact-us-item .contact-us-item-inner .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #747681;
}

.cliets {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #2662fa;
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets .slick-dots li.slick-active button {
  background-color: rgba(38, 98, 250, 0.5019607843);
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 927px;
  z-index: -1;
}
.cliets .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
  padding: 27px 27px 27px 0;
}
.cliets .clients-item .clients-img {
  position: relative;
}
.cliets .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets .slick-center .clients-item .clients-img .clients-overlay h4 span svg {
  color: #000;
}
.cliets .slick-center .clients-item {
  opacity: 1;
}

.cliets-two {
  padding: 105px 0 105px 0;
  background-color: #fafafa;
}
.cliets-two .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  gap: 12px;
  margin-top: 52px;
}
.cliets-two .slick-dots li {
  margin: 0;
  padding: 0;
}
.cliets-two .slick-dots button {
  display: block;
  width: 14px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: rgba(255, 211, 51, 0.4745098039);
  text-indent: -9999px;
  transition: 0.5s;
}
.cliets-two .slick-dots li.slick-active button {
  background-color: #ffd333;
  width: 70px;
  height: 7px;
  border-radius: 8px;
}
.cliets-two .clients-head {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}
.cliets-two .clients-head .clients-head-img {
  position: absolute;
  top: 35px;
  left: 850px;
  z-index: -1;
}
.cliets-two .clients-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
}
.cliets-two .clients-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 22px;
  padding-left: 22px;
  padding-bottom: 22px;
  padding-right: 22px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  opacity: 0.7;
}
.cliets-two .clients-item .clients-img {
  position: relative;
}
.cliets-two .clients-item .clients-img .clients-overlay {
  position: absolute;
  top: -14px;
  right: -20px;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 {
  height: 44px;
  width: 44px;
  background-color: #04091e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 44px;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-img .clients-overlay h4 span svg {
  fill: currentColor;
  color: #fff;
}
.cliets-two .clients-item .clients-text h3 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu";
  color: #04091e;
  margin-bottom: 0;
}
.cliets-two .clients-item .clients-text p {
  padding-top: 13px;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 28px;
}
.cliets-two .clients-item .clients-text a {
  font-weight: 600;
  font-size: 20px;
  color: #04091e;
}
.cliets-two .clients-item .clients-text a span {
  font-weight: 400;
  font-size: 18px;
  color: #747681;
}
.cliets-two .slick-center .clients-item .clients-img .clients-overlay h4 {
  background-color: #ffd233;
}
.cliets-two
  .slick-center
  .clients-item
  .clients-img
  .clients-overlay
  h4
  span
  svg {
  color: #04091e;
}
.cliets-two .slick-center .clients-item {
  opacity: 1;
}

@keyframes clients-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clients-2 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-3 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-4 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes clients-5 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-6 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes clients-7 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.about {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: #fafafa;
}
.about .aligen-item-center {
  align-items: center;
}

.about-2 {
  padding: 120px 0;
  background: url(../images/banner/About-bg.png) no-repeat center/cover;
  background-color: transparent;
}
.about-2 .aligen-item-center {
  align-items: center;
}

.about-head h2 {
  margin-bottom: 0;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 67px;
  color: #04091e;
  padding-bottom: 20px;
}
.about-head p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #747681;
}

.about-middel {
  padding-top: 28px;
}
.about-middel .about-middel-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background-color: #2662fa;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}
.about-middel .about-middel-item-two {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .icon i {
  height: 24px;
  width: 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 50px;
}
.about-middel .about-middel-item-two .about-middel-inner .inner .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #04091e;
}

.about-btn a {
  padding: 14px 38px;
  background-color: #2662fa;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.about-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.about-btn-two a {
  padding: 14px 38px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  display: inline-block;
  color: #000;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  transition: all 0.3s ease-out 0s;
}
.about-btn-two a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  color: #fff;
}

.about-img .about-img-item {
  text-align: end;
}

.about-btm {
  margin-top: 95px;
  text-align: center;
  padding-bottom: 32px;
  padding-left: 52px;
  padding-right: 52px;
  border: 1px solid rgba(2, 252, 206, 0.4196078431);
  padding-top: 50px;
  border-radius: 20px;
  transition: all 0.5s ease-out 0s;
  position: relative;
}
.about-btm:hover {
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
}
.about-btm:hover .about-btm-text h2 {
  color: #fff;
}
.about-btm:hover .about-btm-text p {
  color: #fff;
}
.about-btm:hover .about-btm-icon {
  background: linear-gradient(95.49deg, #ffffff -36.87%, #ffffff 98.63%);
  border: 4px solid rgba(4, 9, 30, 0.04);
}
.about-btm:hover .about-btm-icon span svg {
  color: #1448ff;
}
.about-btm .about-btm-icon {
  position: absolute;
  top: -43px;
  left: 37%;
  height: 80px;
  width: 80px;
  background: linear-gradient(95.49deg, #02fccf -36.87%, #1448ff 98.63%);
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
}
.about-btm .about-btm-icon span svg {
  fill: currentColor;
  color: #fff;
  transition: 0.5s;
}
.about-btm .about-btm-text h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 48px;
  color: #04091e;
  padding-top: 30px;
  transition: all 0.5s ease-out 0s;
}
.about-btm .about-btm-text p {
  font-weight: 500;
  font-size: 18px;
  color: #04091e;
  transition: all 0.5s ease-out 0s;
}

.about-two {
  background: url(../images/banner/Testimonials-1.png) no-repeat center/cover;
  padding: 105px 0px 115px 0px;
}

.about-us-head {
  position: relative;
  z-index: 1;
}
.about-us-head h2 {
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 67px;
  color: #fff;
}
.about-us-head .about-us-vic-img {
  position: absolute;
  bottom: 10px;
  left: 11px;
  z-index: -1;
}
.about-us-head .about-us-vic-img img {
  width: 86%;
}

.ab {
  margin: 0 15px;
}

.about-us-slick .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 12px;
  margin-top: 52px;
  list-style-type: none;
}
.about-us-slick .slick-dots li {
  padding: 0;
  margin: 0;
}
.about-us-slick .slick-dots button {
  display: block;
  width: 12px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  text-indent: -9999px;
  transition: 0.5s;
}
.about-us-slick .slick-dots li.slick-active button {
  background-color: #02fccf;
  width: 50px;
  height: 6px;
}

.slick-center .about-us-item {
  background-color: #fff;
  border: 1px solid #fff;
}
.slick-center .about-us-item .about-us-icon i {
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  color: #fff;
}
.slick-center .about-us-item .text p {
  color: #272931;
  opacity: 0.8;
}
.slick-center .about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  color: #272931;
}

.about-us-item {
  padding: 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.0549019608);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0549019608);
  transition: 0.5s;
  margin-top: 30px;
}
.about-us-item .d-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us-item .d-f .inner-icon i {
  font-weight: 900;
  color: #ff9e15;
}
.about-us-item .about-us-icon i {
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: all linear 0.5s;
  color: #747681;
  font-size: 30px;
}
.about-us-item .text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  transition: all linear 0.5s;
  padding-top: 20px;
}
.about-us-item .about-us-btm {
  display: flex;
  gap: 17px;
  padding-top: 30px;
}
.about-us-item .about-us-btm .about-us-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-us-item .about-us-btm .about-us-inner .inner-text h6 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
.about-us-item .about-us-btm .about-us-inner .inner-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.question {
  padding: 120px 0;
  background: url(../images/banner/question-bg.png) no-repeat center/cover;
}
.question .create-btn-two {
  margin-top: 42px;
}
.question .create-btn-two a {
  padding: 14px 42px;
  background-color: #2662fa;
  border-radius: 12px;
  font-family: "Urbanist";
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  color: #fff;
  display: inline-block;
  transition: all linear 0.5s;
}
.question .create-btn-two a:hover {
  background-color: #000;
}

.question-send {
  padding: 40px 40px 40px;
  background-color: #fff;
  box-shadow: 0px 60px 80px -32px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.question-send .two {
  margin-top: 30px;
}
.question-send .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #2662fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.question-send .form-control {
  padding: 20px 20px 20px;
  border: 1px solid rgba(18, 20, 29, 0.1);
  border-radius: 5px;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.question-send .mb-3 {
  margin-bottom: 0rem !important;
  line-height: 0;
  padding-bottom: 20px;
}
.question-send .b {
  padding-bottom: 0;
}
.question-send .send-btn {
  margin-top: 24px;
}
.question-send .send-btn a {
  padding: 20px 185px;
  background-color: #2662fa;
  color: #fff;
  font-family: "Urbanist";
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  border-radius: 5px;
  transition: all linear 0.5s;
  border: 1px solid #2662fa;
}
.question-send .send-btn a:hover {
  background-color: #fff;
  color: #2662fa;
  border: 1px solid #2662fa;
}

.responsive-map {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: Urbanist, sans-serif;
}

p {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-size: 18px;
  line-height: 150%;
  color: #747681;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Urbanist, sans-serif;
  margin-bottom: 0;
}

.container {
  width: 1170px;
  padding: 0;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf)
    format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/urbanist/v10/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkfFg.ttf)
    format("truetype");
}
.header {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main {
  display: flex;
  justify-content: space-between;
}

.header-left {
  display: flex;
  gap: 32px;
}

.hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3098039216);
}

.hrader-left-item:last-child {
  border-right: 2px solid transparent;
}

.hrader-left-item .icon {
  color: #2662fa;
}

.hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7960784314);
}

.hrader-left-item .text p span {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  color: #fff;
}

.header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}

.header-right-item {
  display: flex;
  gap: 13px;
}

.header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #fff;
  line-height: 0;
}

.header-right-item .text p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

.header-right-inner .icon i {
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.5;
}

.header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-one {
  position: fixed;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
}
.header-one .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-one .header-main {
  display: flex;
  justify-content: space-between;
}
.header-one .header-left {
  display: flex;
  gap: 32px;
}
.header-one .hrader-left-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 32px;
  border-right: 2px solid #747681;
}
.header-one .hrader-left-item:last-child {
  border-right: 2px solid transparent;
  padding-right: 0;
}
.header-one .hrader-left-item .icon {
  color: #2662fa;
}
.header-one .hrader-left-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
  transition: 0.5s;
}
.header-one .header-right {
  display: flex;
  gap: 54px;
  color: #2662fa;
  align-items: center;
}
.header-one .header-right-item {
  display: flex;
  gap: 13px;
}
.header-one .header-right-inner .icon {
  display: flex;
  gap: 19px;
  color: #2662fa;
  line-height: 0;
}
.header-one .header-right-item .text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #747681;
}
.header-one .header-right-inner .icon i {
  color: #04091e;
  font-size: 20px;
  transition: 0.5s;
  opacity: 0.6;
}
.header-one .hrader-left-item .text p:hover {
  text-decoration-line: underline;
}
.header-one .header-right-inner .icon i:hover {
  color: #2662fa;
  opacity: 1;
}

.header-two {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-two .hrader-left-item .icon i {
  color: #fff;
}
.header-two .hrader-left-item .text a p {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.header-two .header-right .header-right-item .icon i {
  color: #fff;
}
.header-two .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-two .nav-bg-three {
  animation: slideDown 1s ease-out;
  margin-top: -67px;
  z-index: 9999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-three {
  position: fixed;
  padding-top: 20px;
  width: 100%;
  z-index: 999;
}
.header-three .header-right .header-right-item:hover .icon i {
  color: #85ef95;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .icon i {
  color: #fff;
  transition: all linear 0.5s;
}
.header-three .hrader-left-item .text-two p {
  transition: all linear 0.5s;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
}
.header-three .hrader-left-item:hover .icon i {
  color: #85ef95;
}
.header-three .hrader-left-item:hover .text-two p {
  color: #85ef95;
}
.header-three .header-right .header-right-item .icon i {
  color: #fff;
}
.header-three .header-right-inner .icon i:hover {
  color: #ffd233;
}
.header-three .nav-bg {
  animation: slideDown 1s ease-out;
  margin-top: -68px;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.menu-bg {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg .btn-check:focus + .btn-outline-success,
.menu-bg .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg .me-2 {
  margin-right: 0rem !important;
}
.menu-bg .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg .nav-main .menu ul li {
  position: relative;
}
.menu-bg .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #2662fa;
  border-radius: 5px;
}
.menu-bg .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg .nav-main .menu ul li ul li i {
  color: #fff;
}
.menu-bg .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #2662fa;
  transition: all 0.3s ease-out 0s;
}
.menu-bg .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg .nav-main .menu ul li a:hover {
  color: #2662fa;
}
.menu-bg .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background-color: #2662fa;
  border-radius: 12px;
  color: #fff;
  border: 1px solid #2662fa;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg .nav-main .nav-button .right a:hover {
  border: 1px solid #2662fa;
  background-color: #fff;
  color: #2662fa;
}

.menu-bg-two {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-bg-two .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-two .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-two .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-two .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-two .btn-check:focus + .btn-outline-success,
.menu-bg-two .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-two .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-two .nav-main {
  background-color: #04091e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0px 30px 70px 0px rgba(10, 22, 37, 0.0555514);
}
.menu-bg-two .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-two .nav-main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-two .nav-main .menu ul li {
  position: relative;
}
.menu-bg-two .nav-main .menu ul li i {
  color: #fff;
}
.menu-bg-two .nav-main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-two .nav-main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #04091e;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  border-bottom: 4px solid #4ce0ad;
  border-radius: 5px;
}
.menu-bg-two .nav-main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-two .nav-main .menu ul li a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-two .nav-main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  transition: all 0.3s ease-out 0s;
}
.menu-bg-two .nav-main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-two .nav-main .menu ul li a:hover {
  color: #4ce0ad;
}
.menu-bg-two .nav-main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-two .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-two .nav-main .nav-button .right a {
  font-family: "Urbanist", Sans-serif;
  padding: 11px 24px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}
.menu-bg-two .nav-main .nav-button .right a:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
  border: 1px solid transparent;
  color: #fff;
}

.menu-bg-three {
  padding-top: 20px;
  z-index: 999;
}
.menu-bg-three .form-control {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 14px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-bg-three .btn-outline-success {
  color: #000;
  border-color: transparent;
  position: relative;
}
.menu-bg-three .btn-outline-success i {
  position: absolute;
  top: 13px;
  left: 46px;
}
.menu-bg-three .btn-outline-success:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.menu-bg-three .btn-check:focus + .btn-outline-success,
.menu-bg-three .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .form-control:focus {
  color: #04091e;
  background-color: rgba(4, 9, 30, 0.0666666667);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.menu-bg-three .me-2 {
  margin-right: 0rem !important;
}
.menu-bg-three .nav-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  padding: 12px 12px;
}
.menu-bg-three .nav-main .main {
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-bg-three .nav-main .main .menu ul {
  display: flex;
  gap: 38px;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-bg-three .nav-main .main .menu ul li {
  position: relative;
}
.menu-bg-three .nav-main .main .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.menu-bg-three .nav-main .main .menu ul li ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  min-width: 220px;
  padding: 0px 0px 10px 20px;
  background-color: #fff;
  transition: all linear 0.5s;
  top: 55px;
  left: -75px;
  text-align: start;
  padding-bottom: 20px;
  border-bottom: 4px solid #ffd233;
  border-radius: 5px;
}
.menu-bg-three .nav-main .main .menu ul li ul li {
  padding: 15px 0 0px 0;
}
.menu-bg-three .nav-main .main .menu ul li a {
  font-weight: 600;
  font-size: 18px;
  color: #04091e;
  position: relative;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
}
.menu-bg-three .nav-main .main .menu ul li a:after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #ffd233;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .main .menu ul li a i {
  position: absolute;
  top: 3px;
  right: -22px;
}
.menu-bg-three .nav-main .main .menu ul li a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .main .menu ul li a:hover::after {
  width: 100%;
}
.menu-bg-three .nav-main .nav-button {
  display: flex;
  align-items: center;
  gap: 29px;
}
.menu-bg-three .nav-main .nav-button .login {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu-bg-three .nav-main .nav-button .login .icon {
  line-height: 0;
}
.menu-bg-three .nav-main .nav-button .login .text a {
  font-weight: 500;
  font-size: 20px;
  color: #04091e;
  transition: all 0.3s ease-out 0s;
}
.menu-bg-three .nav-main .nav-button .login .text a:hover {
  color: #ffd233;
}
.menu-bg-three .nav-main .nav-button .right a {
  padding: 11px 28px;
  background-color: #ffd233;
  border-radius: 12px;
  color: #04091e;
  display: inline-block;
  line-height: 32px;
  transition: all 0.3s ease-out 0s;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 111;
}
.menu-bg-three .nav-main .nav-button .right a:hover {
  background-color: #04091e;
  color: #ffd233;
}

.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 6px;
}

#nav-opn-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #2662fa !important;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  margin-left: -50px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: #fff;
  padding-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.social-icons {
  display: flex;
  gap: 20px;
}
.social-icons a i {
  height: 30px;
  width: 30px;
  background-color: #280a54;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  transition: 0.5s;
}

.about-banner {
  padding-top: 263px;
  padding-bottom: 120px;
  background: url(../images/banner/about-banner.png) no-repeat center/cover;
}
.about-banner .about-banner-text {
  text-align: center;
}
.about-banner .about-banner-text h1 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.about-banner .about-banner-text .blog-d-banner-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 0.8;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.about-banner .about-banner-text .blog-d-banner-btn .blog-d-btn-item a i {
  margin-right: 7px;
}
.about-banner .about-banner-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.about-banner .about-banner-btm .icon {
  color: #fff;
}
.about-banner .about-banner-btm .text a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
}

.error {
  padding: 120px 0;
}

.error-img {
  text-align: center;
}

.footer {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/Footer-bg.png) no-repeat center/cover;
}
.footer .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 90px 75px;
}
.footer .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu {
  padding-top: 23px;
}
.footer .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer .link-main .link .link-menu ul li a:hover {
  color: #2662fa;
  transform: translateX(-10px);
}
.footer .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer .official-info-main .Official-info h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.footer .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #2662fa;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.footer .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
  font-size: 20px;
}
.footer .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer .follow-us .footer-btn {
  display: flex;
  flex: 0 0 1%;
}
.footer .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background-color: #2662fa;
  border: 1px solid #2662fa;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s ease-out 0s;
}
.footer .follow-us .footer-btn .footer-btn-right:hover {
  background-color: #fff;
}
.footer .follow-us .footer-btn .footer-btn-right:hover a {
  color: #2662fa;
}
.footer .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 16px;
  color: #ffffff;
}
.footer .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer .last {
  text-align: center;
  padding-top: 22px;
}
.footer .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-two {
  padding-top: 120px;
  padding-bottom: 22px;
  background-color: #04091e;
}
.footer-two .logo-main .footer-logo p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}
.footer-two .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-two .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-two .link-main .link h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.footer-two .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-two .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-two .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-two .link-main .link .link-menu ul li a {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all linear 0.5s;
}
.footer-two .link-main .link .link-menu ul li a:hover {
  color: #4ce0ad;
  transform: translateX(-10px);
}
.footer-two .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-two .official-info-main .Official-info h3 {
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}
.footer-two .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-two .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #85ef95;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  transition: all linear 0.5s;
}
.footer-two
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-two .official-info-main .Official-info .open h4 {
  color: #c6d4dc;
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.footer-two .official-info-main .Official-info .open p {
  font-family: "Urbanist", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding-top: 10px;
  color: #c6d4dc;
}
.footer-two .follow-us h3 {
  color: #ffffff;
  font-family: "Urbanist", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.footer-two .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-two .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-two .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-two .follow-us .footer-btn {
  display: flex;
}
.footer-two .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-two .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.footer-two .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  background: linear-gradient(180deg, #85ef95 0%, #4ce0ad 100%);
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover {
  background: linear-gradient(180deg, #4ce0ad 0%, #85ef95 100%);
}
.footer-two .follow-us .footer-btn .footer-btn-right:hover a {
  color: #fff;
}
.footer-two .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-two .follow-us .footer-btn-text p {
  font-family: "Urbanist", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 16px;
}
.footer-two .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-two .last {
  text-align: center;
  padding-top: 80px;
}
.footer-two .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}

.footer-three {
  padding-top: 76px;
  padding-bottom: 22px;
  background: url(../images/banner/footer-three-bg.png) no-repeat center/cover;
}
.footer-three .top {
  background-color: #04091e;
  border-radius: 28px;
  padding: 90px 216px 129px 75px;
}
.footer-three .logo-main .footer-logo p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3960784314);
  padding-top: 24px;
}
.footer-three .logo-main .prment-img-item {
  display: flex;
  gap: 16px;
  padding-top: 28px;
}
.footer-three .logo-main .prment-img-item .prment-img img {
  width: 100%;
}
.footer-three .link-main {
  display: flex;
  justify-content: center;
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  border-left: 1px solid rgba(116, 118, 129, 0.3960784314);
  height: 100%;
}
.footer-three .link-main .link h3 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu {
  padding-top: 23px;
}
.footer-three .link-main .link .link-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li {
  padding-bottom: 10px;
}
.footer-three .link-main .link .link-menu ul li:last-child {
  padding-bottom: 0;
}
.footer-three .link-main .link .link-menu ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three .link-main .link .link-menu ul li a:hover {
  color: #ffd233;
  transform: translateX(-10px);
}
.footer-three .official-info-main {
  border-right: 1px solid rgba(116, 118, 129, 0.3960784314);
  padding-right: 20px;
  height: 100%;
}
.footer-three .official-info-main .Official-info h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.footer-three .official-info-main .Official-info .Official-item {
  padding-top: 24px;
}
.footer-three .official-info-main .Official-info .Official-item .offical-inner {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-icon
  i {
  color: #ffd233;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  transition: all linear 0.5s;
}
.footer-three
  .official-info-main
  .Official-info
  .Official-item
  .offical-inner
  .Official-text
  a
  p:hover {
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open h4 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #f5f5f5;
  text-decoration-line: underline;
}
.footer-three .official-info-main .Official-info .open p {
  font-weight: 400;
  font-size: 16px;
  color: #f5f5f5;
  padding-top: 10px;
}
.footer-three .follow-us h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.footer-three .follow-us .follow-us-icon {
  display: flex;
  gap: 20px;
  padding-top: 36px;
}
.footer-three .follow-us .follow-us-icon a i {
  color: #747681;
  transition: 0.3s;
}
.footer-three .follow-us .follow-us-icon a i:hover {
  color: #fff;
}
.footer-three .follow-us .footer-btn {
  display: flex;
}
.footer-three .follow-us .footer-btn .footer-btn-left {
  margin-right: 0;
  padding-right: 0;
}
.footer-three .follow-us .footer-btn .footer-btn-left .f-b-text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 60px;
  width: 223px;
  padding: 0 20px 0;
  background-color: rgba(255, 255, 255, 0.1647058824);
  border: 1px solid transparent;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 16px;
  color: #747681;
}
.footer-three .follow-us .footer-btn .footer-btn-right {
  width: 128px;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffd233;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right a {
  font-family: "Urbanist", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  color: #04091e;
  padding-left: 26px;
  padding-right: 31px;
  transition: all 0.3s;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover {
  border: 1px solid #ffd233;
  background-color: #04091e;
}
.footer-three .follow-us .footer-btn .footer-btn-right:hover a {
  color: #ffd233;
}
.footer-three .follow-us .footer-btn-text {
  margin-top: 30px;
}
.footer-three .follow-us .footer-btn-text p {
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding-bottom: 16px;
}
.footer-three .follow-us :focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.footer-three .last {
  text-align: center;
  padding-top: 22px;
}
.footer-three .last a p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  font-family: "Urbanist";
}
.footer-three .footer-vic-img {
  position: relative;
}
.footer-three .footer-vic-img .footer-vic-img-1 {
  position: absolute;
  top: -52px;
  right: -65px;
  opacity: 0.1;
  animation: footer-1 6s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-2 {
  position: absolute;
  top: 271px;
  left: -54px;
  opacity: 0.1;
  animation: footer-2 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-3 {
  position: absolute;
  top: -55px;
  right: 226px;
  animation: footer-3 5s linear infinite;
}
.footer-three .footer-vic-img .footer-vic-img-4 {
  position: absolute;
  top: 325px;
  left: 231px;
  animation: footer-4 5s linear infinite;
}

@keyframes footer-1 {
  50% {
    transform: translateY(-20px);
  }
}
@keyframes footer-2 {
  50% {
    transform: translateY(20px);
  }
}
@keyframes footer-3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes footer-4 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.back-to-top i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #2662fa;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
}
.back-to-top-2 i {
  position: fixed;
  bottom: 50px;
  right: 30px;
  height: 50px;
  width: 50px;
  background-color: #ffd233;
  box-shadow: 56px 43px 144px -19px rgba(32, 205, 127, 0.46);
  border-radius: 12px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #000;
  display: none;
  animation: back-to-top 8s linear infinite;
  z-index: 222;
}

@keyframes back-to-top {
  50% {
    transform: translateY(-20px);
  }
} /*# sourceMappingURL=style.css.map */