@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pangolin&display=swap");

:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #F39F5F;
  --theme2: #70A6B1;
  --theme3: #F5C748;
  --header: #385469;
  --header2: #142D40;
  --text: #5C707E;
  --text-2: #ffffffcc;
  --border: #E5E5E5;
  --border2: #242449;
  --border3: #5262FF;
  /* --bg: #F4EEE5; */
  --bg: #f7e0bd;
  --bg2: #ceecf1;
  --bg3: #70A6B1;
  --bg4: #7071b1;
  --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}


.theme-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none !important;
  background-color: var(--theme);
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
  padding: 22px 40px;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 1;
  z-index: 9;
  text-transform: capitalize;
}

.theme-btn i {
  margin-left: 10px;
}

.theme-btn::before,
.theme-btn::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: var(--header);
  border-radius: 50%;
  z-index: -1;
}

.theme-btn::before {
  left: -20px;
  transform: translate(-50%, -50%);
}

.theme-btn::after {
  right: -20px;
  transform: translate(50%, -50%);
}

.theme-btn:hover {
  color: var(--white);
}

.theme-btn:hover::before {
  animation: criss-cross-left 0.8s both;
  animation-direction: alternate;
}

.theme-btn:hover::after {
  animation: criss-cross-right 0.8s both;
  animation-direction: alternate;
}

.theme-btn.bg-white {
  background-color: var(--white);
  color: var(--header);
}

.theme-btn.bg-white:hover {
  color: var(--white);
}

.theme-btn.transparent {
  background-color: transparent;
  border: 1px solid var(--theme2);
  color: var(--theme2);
  padding: 20px 40px;
}

.theme-btn.transparent:hover {
  color: var(--white);
}

@media (max-width: 767px) {
  .theme-btn.transparent {
    padding: 18px 32px;
  }
}

@media (max-width: 575px) {
  .theme-btn.transparent {
    padding: 16px 30px;
    font-size: 14px;
  }
}

.theme-btn.transparent-2 {
  background-color: transparent;
  border: 1px solid var(--theme);
  color: var(--theme);
  padding: 20px 40px;
}

.theme-btn.transparent-2:hover {
  color: var(--white);
  border: 1px solid transparent;
}

@media (max-width: 767px) {
  .theme-btn.transparent-2 {
    padding: 18px 32px;
  }
}

@media (max-width: 575px) {
  .theme-btn.transparent-2 {
    padding: 16px 30px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .theme-btn {
    padding: 20px 32px;
  }
}

@media (max-width: 575px) {
  .theme-btn {
    padding: 18px 30px;
    font-size: 14px;
  }
}

.theme-btn-2 {
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  color: var(--text);
  text-transform: capitalize;
}

.theme-btn-2 i {
  margin-left: 10px;
}

.theme-btn-2:hover {
  color: var(--theme);
}

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

/* Body Styling */
body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 112%;
}

h2 {
  font-size: 50px;
  line-height: 116%;
  font-weight: 700;
}

@media (max-width: 1199px) {
  h2 {
    font-size: 42px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

h5 {
  font-size: 18px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 145%;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  /* font-size: 18px; */
  transition: all 0.4s ease-in-out;
}

span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}


.mb-40 {
  margin-bottom: 40px;
}


.section-padding {
  padding: 120px 0;
}

@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}

@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.section-bg {
  background-color: var(--bg);
}

.section-bg-2 {
  background-color: var(--bg2);
}

.section-bg-3 {
  background-color: var(--theme2);
}


/* Navbar */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--theme);
  font-weight: 600;
}

.nav-pills button {
  border-radius: 0;
  /* padding: 9px 47px; */
  border-bottom: 1px rgb(212, 212, 212) solid;
  color: black;
  text-align: left;
  font-size: large;
}

.nav-pills .nav-link.active {
  background-color: #FF8F34;
  border-radius: 0;
}

a.nav-link {
  font-size: 24px;
  font-weight: 600;
  color: var(--header);
  padding: 20px 18px !important;
  transition: all 0.4s ease-in-out;
}

.nav-link:hover {
  color: var(--theme) !important;
}

.navbar .logo{
 width: 130px;
}

/* NAVBAR END */


.hero-1 {
  background-color: var(--bg);
  padding-top: 30px;
  padding-bottom: 40px;
  position: relative;
}

@media (max-width: 1199px) {
  .hero-1 {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .hero-1 {
    padding-top: 130px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .hero-1 {
    padding-top: 100px;
  }
}

@media (max-width: 575px) {
  .hero-1 {
    padding-top: 80px;
  }
}

.hero-1 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.hero-1 .parasuit-shape {
  position: absolute;
  top: 34%;
  left: 1%;
}
.hero-1 .parasuit-shape img{
  width: 115px;
}

@media (max-width: 767px) {
  .hero-1 .parasuit-shape {
    display: none;
  }
}

.hero-1 .left-shape {
  position: absolute;
  bottom: 10%;
  left: 0;
}

.hero-1 .book-shape {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .hero-1 .book-shape {
    display: none;
  }
}

.hero-1 .pencil-shape {
  position: absolute;
  bottom: 15%;
  right: 5%;
  animation: rounded 5s linear infinite;
}

.hero-1 .bee-shape {
  position: absolute;
  top: 20%;
  right: 5%;
}

@media (max-width: 991px) {
  .hero-1 .bee-shape {
    display: none;
  }
}

.hero-1 .right-shape {
  position: absolute;
  top: 17%;
  right: 0;
}

.hero-1 .star-shape {
  position: absolute;
  bottom: 20%;
  left: 45%;
  transform: translateX(-50%);
  animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate{
  from{ transform: rotate(-360deg); }
  to{ transform: rotate(360deg); }
}

.hero-1 .hero-content {
  position: relative;
  z-index: 100;
}

@media (max-width: 575px) {
  .hero-1 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}

.hero-1 .hero-content h5 {
  margin-bottom: 15px;
  color: var(--theme);
  font-family: "Pangolin";
  font-weight: 500;
  position: relative;
  display: inline-block;
}

.hero-1 .hero-content h5::before {
  position: absolute;
  right: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
 /* // background-image: url(../../assets/img/star.svg); */
}

.hero-1 .hero-content h1 {
  margin-bottom: 20px;
}

.hero-1 .hero-content h1 span {
  color: var(--theme);
}

@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 60px;
  }
}

@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 56px;
  }
}

@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 42px;
  }
}

@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 34px;
  }
}

.hero-1 .hero-content p {
  font-size: 20px;
}

.hero-1 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 25px;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.hero-1 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.hero-1 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}

.hero-1 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}

.hero-1 .hero-image {
  position: relative;
  z-index: 9;
}

.hero-1 .hero-image img {
  width: 100%;
  height: 100%;
}

.hero-1 .hero-image .hero-shape {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: -1;
  margin-right: -60px;
}

@media (max-width: 1399px) {
  .hero-1 .hero-image .hero-shape {
    margin-right: 0;
  }
}


/* About Section */

.about-section {
  position: relative;
}

@media (max-width: 1600px) {
  .about-section {
    overflow: hidden;
  }
}

.about-section .bus-shape {
  position: absolute;
  top: 10%;
  left: 0;
}

@media (max-width: 1199px) {
  .about-section .bus-shape {
    display: none;
  }
}

.about-section .girl-shape {
  position: absolute;
  bottom: 10%;
  right: 0;
}

.about-section .girl-shape img{
  width: 200px;
}

@media (max-width: 767px) {
  .about-section .girl-shape {
    display: none;
  }
}

.about-section .dot-shape {
  position: absolute;
  top: 17%;
  left: 42%;
  animation: rounded 5s linear infinite;
}

.about-section .left-shape {
  position: absolute;
  top: -15%;
  left: -4%;
}

@media (max-width: 1199px) {
  .about-section .left-shape {
    display: none;
  }
}

.about-section .plane-shape {
  position: absolute;
  top: 20%;
  left: 5%;
}

.about-section .line-1 {
  position: absolute;
  top: 10%;
  right: 0;
  animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
  .about-wrapper {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1199px) {
  .about-wrapper {
    margin-bottom: 0 !important;
  }
}

.about-wrapper .about-image-items {
  position: relative;
}

.about-wrapper .about-image-items .border-shape-1 {
  position: absolute;
  z-index: -1;
  top: 47%;
  left: 44%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1399px) {
  .about-wrapper .about-image-items .border-shape-1 {
    display: none;
  }
}

.about-wrapper .about-image-items .about-image {
  position: relative;
  max-width: 556px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 467"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.927 460.599C207.571 462.931 156.167 476.468 111.79 455.259C65.553 433.161 32.097 390.267 12.5337 343.796C-6.6261 298.284 1.09308 248.529 4.0835 199.413C7.34839 145.79 -9.38287 80.4032 30.8056 43.6927C71.6018 6.42725 138.713 33.5642 194.04 25.8959C239.474 19.5988 282.42 -8.70963 326.803 2.66757C371.57 14.1428 397.872 56.3382 431.965 86.885C470.993 121.852 523.678 146.258 541.433 194.97C560.374 246.935 558.866 309.117 530.316 356.718C502.393 403.276 444.817 422.38 393.302 441.955C349.644 458.543 303.723 458.387 256.927 460.599Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 540px;
  height: 480px;
}

.about-wrapper .about-image-items .about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-wrapper .about-image-items .about-image-2 {
  max-width: 288px;
  position: absolute;
  bottom: -15%;
  right: 0;
}
.about-wrapper .about-image-items .about-image-2 img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .about-wrapper .about-image-items .about-image-2 {
    max-width: 220px;
  }
}

.about-wrapper .about-content {
  position: relative;
  z-index: 9;
}

.about-wrapper .about-content .about-list {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 575px) {
  .about-wrapper .about-content .about-list {
    flex-wrap: wrap;
  }
}

.about-wrapper .about-content .about-list ul li {
  font-size: 18px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  padding: 10px 45px 10px 10px;
  border-radius: 30px;
}

.about-wrapper .about-content .about-list ul li:not(:last-child) {
  margin-bottom: 24px;
}

.about-wrapper .about-content .about-list ul li i {
  margin-right: 5px;
  color: var(--theme);
}

.about-wrapper .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}

@media (max-width: 1199px) {
  .about-wrapper .about-content .about-author {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .about-wrapper .about-content .about-author {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .about-wrapper .about-content .about-author {
    margin-top: 20px;
  }
}

.about-wrapper .about-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}

.about-wrapper .about-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}

.about-wrapper .about-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}

.about-wrapper .about-content .about-author .author-icon .content h5 {
  font-weight: 600;
}

.about-wrapper .about-content .about-author .author-icon .content h5 a {
  color: var(--header);
}

.about-wrapper .about-content .about-author .author-icon .content span {
  font-size: 14px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  margin-bottom: 5px;
}

.why-us-section {
  position: relative;
}

.why-us-section .pencil-shape {
  position: absolute;
  top: -15%;
  left: 10px;
  animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
  .why-us-section .pencil-shape {
    display: none;
  }
}

.why-us-section .zebra-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 767px) {
  .why-us-section .zebra-shape {
    display: none;
  }
}

/* About Section End */

/* Features */

.feature-items {
  position: relative;
  z-index: 9;
}

.feature-items .bg-1 {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature-items .feature-image {
  margin: 0 auto 20px;
  text-align: center;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 270"><path fill-rule="evenodd" clip-rule="evenodd" d="M118.5 3.81329C145.5 3.81329 203.5 -11.1868 227.825 18.3132C252.409 42.9931 267.481 77.1202 269.793 113.268C272.216 151.147 253.052 186.574 227.825 213.041C202.968 239.12 170.036 253.795 135.37 254.298C100.213 254.809 65.6677 242.141 40.3938 215.762C14.7101 188.955 -2.27414 151.731 0.247487 113.268C2.63995 76.7756 42.1193 60.1621 67 35.3133C90.5999 11.7436 86.3466 3.40666 118.5 3.81329Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  max-width: 270px;
  position: relative;
  z-index: 9;
  aspect-ratio: 1 / 1;
}

.feature-items .feature-image img {
  width: 100%;
  height: 100%;
}

/* Features End */

/* Our Service */

.program-box-items {
  padding: 20px 30px 36px;
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 30px auto;
}

.program-box-items .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 458"><path  d="M180.499 1.01957C228.479 0.655383 276.69 -1.7067 311.981 40.3475C348.649 84.0424 368.9 145.98 370.375 210.447C371.895 276.909 355.756 343.16 319.998 390.92C283.71 439.389 232.608 453.808 180.499 456.752C125.658 459.85 64.9802 460.19 28.2615 407.4C-7.46789 356.033 -0.110132 279.336 4.09606 210.447C7.86177 148.773 16.5925 85.8896 50.5519 42.3318C84.3879 -1.06785 132.853 1.38123 180.499 1.01957Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.program-box-items .program-bg.bg-2 {
  background-color: var(--theme);
}

.program-box-items .program-bg.bg-3 {
  background-color: var(--theme);
}

.program-box-items .program-bg.bg-3 {
  background-color: var(--white);
}

.program-box-items .program-bg.bg-4 {
  background-color: var(--bg4);
}

.program-box-items .program-image {
  /* width: 355px;
  height: 270px; */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 237"><path fill-rule="evenodd" clip-rule="evenodd" d="M149.968 0.07171C188.87 -0.110783 227.96 -1.29441 256.574 19.7787C286.305 41.674 302.725 72.7107 303.921 105.015C305.153 138.318 292.067 171.516 263.075 195.448C233.652 219.736 192.218 226.961 149.968 228.436C105.502 229.989 56.3034 230.159 26.5315 203.707C-2.43828 177.967 3.52747 139.534 6.93789 105.015C9.99117 74.11 17.0702 42.5996 44.6048 20.773C72.0394 -0.974285 111.335 0.252935 149.968 0.07171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  aspect-ratio: 355 / 270;  /* Maintain 355 x 270 ratio */
}

.program-box-items .program-image img {
  width: 100%;
  height: 100%;
}

.program-box-items .program-content {
  padding: 30px 20px 0;
}

@media (max-width: 575px) {
  .program-box-items .program-content {
    padding: 20px 20px 0;
  }
}

.program-box-items .program-content h4 {
  margin-bottom: 5px;
}

.program-box-items .program-content h4 a {
  color: var(--white);
}

.program-box-items .program-content span {
  color: var(--white);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}

.program-box-items .program-content p {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 30px;

}

@media (max-width: 575px) {
  .program-box-items .program-content p {
    margin-bottom: 15px;
  }
}

.program-box-items .program-content .arrow-icon {
  width: 60px;
  height: 55px;
  line-height: 55px;
  border-radius: 22px;
  background-color: var(--theme);
  display: inline-block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.program-box-items .program-content .arrow-icon:hover {
  background-color: var(--header);
}

.program-box-items .program-content .arrow-icon.color-2 {
  background-color: var(--header);
}

.program-box-items .program-content .arrow-icon.color-2:hover {
  background-color: var(--white);
  color: var(--header);
}

.program-box-items .program-content .arrow-icon.color-3 {
  background-color: #f35f5f;
}

.program-box-items .program-content .arrow-icon.color-3:hover {
  background-color: var(--white);
  color: #f35f5f;
}

.program-box-items .program-content.style-2 h4 a {
  color: var(--header);
}

.program-box-items .program-content.style-2 span {
  color: var(--theme);
}

.program-box-items .program-content.style-2 p {
  color: var(--text);
}

@media (max-width: 575px) {
  .program-box-items {
    display: n;
  }
}

.program-section {
  position: relative;
  padding-bottom: 172px;
}

@media (max-width: 1199px) {
  .program-section {
    padding-bottom: 155px;
  }
}

@media (max-width: 991px) {
  .program-section {
    padding-bottom: 120px;
  }
}

.program-section .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}

.program-section .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

.program-section .mask-shape {
  position: absolute;
  top: 15%;
  left: 5%;
}

.program-section .pencil-shape {
  position: absolute;
  bottom: 10%;
  left: 85px;
  animation: rounded 5s linear infinite;
}

.program-section .mask-shape-2 {
  position: absolute;
  top: 18%;
  right: 5%;
  animation: rounded 5s linear infinite;
}

.program-section .compass-shape {
  position: absolute;
  bottom: 10%;
  right: 85px;
  animation: rounded 5s linear infinite;
}

.program-section .love-shape {
  position: absolute;
  top: 40%;
  left: 0;
  animation: rounded 5s linear infinite;
}

.program-section .zebra-shape {
  position: absolute;
  top: 45%;
  right: 0;
}

/* Our Service End */

/* Why Us */

.why-us-section {
  position: relative;
}

.why-us-section .pencil-shape {
  position: absolute;
  top: -15%;
  left: 10px;
  animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
  .why-us-section .pencil-shape {
    display: none;
  }
}

.why-us-section .zebra-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 767px) {
  .why-us-section .zebra-shape {
    display: none;
  }
}

.why-us-section-2 {
  position: relative;
  padding-bottom: 215px;
  margin-top: -30px;
}

@media (max-width: 1199px) {
  .why-us-section-2 {
    padding-bottom: 205px;
  }
}

@media (max-width: 991px) {
  .why-us-section-2 {
    margin-top: -55px;
  }
}

@media (max-width: 767px) {
  .why-us-section-2 {
    margin-top: -50px;
  }
}

.why-us-section-2 .left-shape {
  position: absolute;
  top: -25%;
  left: 0;
}

@media (max-width: 1399px) {
  .why-us-section-2 .left-shape {
    display: none;
    overflow: hidden;
  }
}

.why-us-section-2 .zebra-shape {
  position: absolute;
  bottom: 20%;
  right: 0;
}

@media (max-width: 1399px) {
  .why-us-section-2 .zebra-shape {
    display: none;
  }
}

.why-us-section-2 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 92px;
}

.why-us-section-2 .bottom-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-us-section-2 .sun-shape {
  position: absolute;
  top: 5%;
  left: 5%;
}

.why-us-section-2.style-2 {
  margin-top: 0;
}

.why-us-section-2.style-2 .sun-shape {
  position: absolute;
  top: 45%;
  left: 4%;
  transform: translateY(-50%);
}

.why-us-wrapper {
  position: relative;
  z-index: 9;
}

.why-us-wrapper .whyus-img-items {
  position: relative;
}

.why-us-wrapper .whyus-img-items .radius-shape {
  position: absolute;
  top: 43%;
  left: 51%;
  z-index: -1;
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .why-us-wrapper .whyus-img-items .radius-shape {
    display: none;
  }
}

.why-us-wrapper .whyus-img-items .whyus-image {
  max-width: 580px;
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508 485"><path fill-rule="evenodd" clip-rule="evenodd" d="M273.307 22.3171C313.958 21.7364 354.018 -9.9391 392.233 3.1801C429.93 16.1214 448.114 56.8471 468.691 89.3925C487.204 118.672 501.176 150.33 506.594 184.055C511.646 215.497 501.66 246.444 499.018 278.149C496.315 310.595 504.839 344.713 490.737 374.404C476.393 404.605 448.022 426.759 419.387 445.812C390.95 464.733 359.473 482.18 324.811 484.809C290.921 487.38 261.165 463.161 227.293 460.384C188.086 457.169 146.979 481.781 110.746 467.257C75.3239 453.059 46.6799 419.717 37.6358 384.361C28.4117 348.301 68.3117 313.334 62.0057 276.717C55.164 236.989 -9.04387 211.189 1.08003 172.094C10.8117 134.513 77.5118 141.105 104.627 112.126C132.07 82.7954 119.879 25.7702 155.969 6.55486C190.772 -11.9748 233.369 22.8875 273.307 22.3171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  aspect-ratio: 510 / 485; /* Maintain 510:485 ratio */
}

.why-us-wrapper .whyus-img-items .whyus-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-us-wrapper .whyus-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.why-us-wrapper .whyus-content .icon-items:not(:last-child) {
  margin-bottom: 30px;
}

.why-us-wrapper .whyus-content .icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  font-size: 50px;
}

.why-us-wrapper.style-2 {
  margin-bottom: -30px;
}

.why-us-wrapper.style-2 .whyus-image-items {
  margin-right: 35px;
  position: relative;
}

@media (max-width: 1199px) {
  .why-us-wrapper.style-2 .whyus-image-items {
    margin-right: 0;
  }
}

.why-us-wrapper.style-2 .whyus-image-items .whyus-img {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 517 506"> <path fill-rule="evenodd" clip-rule="evenodd" d="M263.922 4.18612C301.057 11.8542 330.531 38.895 360.456 62.3296C386.155 82.4538 403.608 110.097 427.543 132.317C453.817 156.708 493.991 167.862 509.209 200.423C524.345 232.808 513.559 271.13 509.014 306.63C504.535 341.612 502.875 379.069 482.651 407.866C462.647 436.351 429.343 452.254 397.349 465.636C368.593 477.664 336.731 474.837 306.33 481.616C275.676 488.452 247.764 506.317 216.368 505.996C182.833 505.652 151.126 493.109 120.34 479.712C85.0158 464.341 32.7457 458.582 21.9359 421.389C9.82265 379.711 72.6756 344.595 68.5072 301.371C64.3884 258.663 -1.83763 237.206 0.0391374 194.338C1.71465 156.067 52.252 140.271 76.8399 111.042C102.165 80.9374 113.913 37.9228 147.992 18.4578C182.23 -1.09785 225.363 -3.77589 263.922 4.18612Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 9;
  max-width: 580px;
}

.why-us-wrapper.style-2 .whyus-image-items .whyus-img img {
  width: 100%;
  height: 100%;
}

.why-us-wrapper.style-2 .whyus-image-items .radius-shape {
  position: absolute;
  bottom: 64px;
  left: -12%;
  z-index: -1;
}

@media screen and (max-width: 400px) {
  .why-us-wrapper.style-2 .whyus-image-items .radius-shape {
    display: none;
  }
}

.why-us-wrapper.style-2 .whyus-image-items .circle-shape {
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: -1;
}

.why-us-wrapper.style-2 .whyus-content .icon-items {
  gap: 20px;
}

.why-us-wrapper.style-2 .whyus-content .icon-items .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 50%;
  font-size: 40px;
  color: var(--theme);
}

.why-us-wrapper.style-2 .whyus-content .icon-items .content h5 {
  margin-bottom: 7px;
}

.why-us-wrapper.style-2 .whyus-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid var(--border);
  padding-top: 40px;
}

@media (max-width: 1199px) {
  .why-us-wrapper.style-2 .whyus-content .about-author {
    flex-wrap: wrap;
  }
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-image .content h6 {
  font-size: 18px;
  font-weight: 600;
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-image .content p {
  color: var(--text);
  font-weight: 500;
  margin-top: -2px;
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}

.why-us-wrapper.style-2 .whyus-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}

.why-us-wrapper .whyus-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.why-us-wrapper .whyus-content .icon-items:not(:last-child) {
  margin-bottom: 30px;
}

.why-us-wrapper .whyus-content .icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  font-size: 50px;
}

.box-color-1 {
  background-color: rgba(248, 184, 31, 0.15);
  color: #F8B81F;
}

.box-color-2 {
  background-color: rgba(88, 102, 235, 0.15);
  color: #5866EB;
}

.box-color-3 {
  background-color: rgba(57, 192, 250, 0.15);
  color: #39C0FA;
}

.box-color-4 {
  background-color: rgba(249, 37, 150, 0.15);
  color: #F92596;
}

.icon-items img {
  padding: 10px;
}

/* Why Us END */

/* Testimonial */

.testimonial-section-2 {
  position: relative;
}

.testimonial-section-2 .zebra-shape {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.testimonial-section-2 .left-shape {
  position: absolute;
  left: 0;
  bottom: 20%;
}

.testimonial-wrapper {
  position: relative;
  z-index: 9;
}

.testimonial-section-2 .zebra-shape img{
  width: 170px;
}

@media (max-width: 1199px) {
  .testimonial-wrapper .array-button {
    display: none;
  }
}

.testimonial-wrapper .array-button .array-prev {
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  z-index: 99;
  background-color: var(--theme2);
  color: var(--white);
  border: 2px solid var(--white);
}

.testimonial-wrapper .array-button .array-prev:hover {
  background-color: var(--theme);
}

.testimonial-wrapper .array-button .array-next {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 99;
  background-color: var(--theme);
  color: var(--white);
  border: 2px solid var(--white);
}

.testimonial-wrapper .array-button .array-next:hover {
  background-color: var(--theme2);
}

.testimonial-wrapper .shape-1 {
  position: absolute;
  top: 80px;
  left: 80px;
}

@media (max-width: 991px) {
  .testimonial-wrapper .shape-1 {
    display: none;
  }
}

.testimonial-wrapper .shape-2 {
  position: absolute;
  bottom: 80px;
  right: 150px;
}

@media (max-width: 991px) {
  .testimonial-wrapper .shape-2 {
    display: none;
  }
}

.testimonial-wrapper .testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bg2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 520"><path d="M87.3898 28.5081C60.3657 30.0652 30.9339 38.7742 15.916 59.8231C0.898128 80.8719 -1.73756 121.246 0.898944 142.527L39.1283 448.337C44.0717 488.044 85.2474 507.875 136 509L976.649 519.793C1023.56 520.831 1082.11 519.574 1094.61 476.369L1166.78 99.186C1174.91 74.4444 1167.44 48.1456 1146.68 28.5081C1125.91 8.8705 1094.39 -1.6836 1062.09 0.219603L87.3898 28.5081Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.testimonial-wrapper .testimonial-box-items {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding-top: 15px;
}

@media (max-width: 991px) {
  .testimonial-wrapper .testimonial-box-items {
    padding: 15px 40px;
  }
}

@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items {
    padding: 15px 30px;
  }
}

.testimonial-wrapper .testimonial-box-items p {
  font-size: 20px;
}

@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items p {
    font-size: 18px;
  }
}

.testimonial-wrapper .testimonial-box-items .client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .testimonial-wrapper .testimonial-box-items .client-info {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items .client-info {
    margin-top: 20px;
  }
}

.testimonial-wrapper .testimonial-box-items .client-info .content {
  text-align: left;
}

.testimonial-wrapper .testimonial-box-items .client-info .content h5 {
  margin-bottom: 5px;
}

.testimonial-wrapper.style-2 {
  margin-top: -10px;
}

.testimonial-wrapper-2 {
  margin-bottom: -10px;
  position: relative;
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 {
    text-align: center;
    margin: 0 auto;
  }
}

.testimonial-wrapper-2 .array-button {
  position: absolute;
  bottom: 25%;
  right: 0;
  display: grid;
  gap: 12px;
  z-index: 99;
}

@media (max-width: 1399px) {
  .testimonial-wrapper-2 .array-button {
    display: none;
  }
}

.testimonial-wrapper-2 .array-button .array-prev {
  border: 1.5px solid var(--theme);
  height: 55px;
  width: 50px;
  line-height: 55px;
  line-height: 44px;
}

.testimonial-wrapper-2 .array-button .array-next {
  height: 55px;
  width: 50px;
  line-height: 55px;
  line-height: 44px;
}

.testimonial-wrapper-2 .array-button .array-next:hover {
  border: 1.5px solid var(--theme);
}

.testimonial-wrapper-2 .testimonial-image img {
  width: 100%;
  height: 100%;
}

.testimonial-wrapper-2 .testimonial-content {
  position: relative;
}

.testimonial-wrapper-2 .testimonial-content .star {
  margin-bottom: 20px;
}

.testimonial-wrapper-2 .testimonial-content .star i {
  color: var(--theme);
}

.testimonial-wrapper-2 .testimonial-content .star .color-star {
  color: var(--text);
}

.testimonial-wrapper-2 .testimonial-content p {
  font-size: 18px;
  max-width: 500px;
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content p {
    text-align: center;
    margin: 0 auto;
  }
}

.testimonial-wrapper-2 .testimonial-content .client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 25px;
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .testimonial-wrapper-2 .testimonial-content .client-info {
    margin-top: 20px;
  }
}

.testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-content .client-info .content p {
    text-align: left;
  }
}

.testimonial-wrapper-2 .testimonial-content .icon {
  position: absolute;
  bottom: -5%;
  right: 20%;
}

@media (max-width: 767px) {
  .testimonial-wrapper-2 .testimonial-content .icon {
    right: 10%;
  }
}

.testimonial-wrapper-2 .testimonial-right {
  margin-left: 50px;
}

@media (max-width: 1199px) {
  .testimonial-wrapper-2 .testimonial-right {
    margin-left: 25px;
  }
}

@media (max-width: 991px) {
  .testimonial-wrapper-2 .testimonial-right {
    margin-left: 0;
  }
}


.swiper-dot {
  margin-bottom: 2px;
  position: relative;
}

.swiper-dot::before {
  position: absolute;
  bottom: 13px;
  left: 37%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
  transform: rotate(-180deg);
}

@media (max-width: 1399px) {
  .swiper-dot::before {
    display: none;
  }
}

.swiper-dot::after {
  position: absolute;
  bottom: 13px;
  right: 37%;
  width: 105px;
  height: 2px;
  background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}

@media (max-width: 1399px) {
  .swiper-dot::after {
    display: none;
  }
}

.swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: var(--theme);
  opacity: 1;
  border-radius: 10px;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme);
  content: "";
}

.swiper-dot.style-2::before {
  background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}

.swiper-dot.style-2::after {
  background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}

.swiper-dot.style-2 .swiper-pagination-bullet {
  background-color: var(--header);
}

.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--header);
}

.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 2px solid var(--header);
}

.array-button {
  display: flex;
  align-items: center;
  gap: 15px;
}

.array-button .array-prev {
  width: 61px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--white);
  color: var(--header);
  border-radius: 22px;
  transition: all 0.4s ease-in-out;
}

.array-button .array-prev:hover {
  background-color: var(--theme);
  color: var(--white);
}

.array-button .array-next {
  width: 61px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--theme);
  color: var(--white);
  border-radius: 22px;
  transition: all 0.4s ease-in-out;
}

.array-button .array-next:hover {
  background-color: var(--white);
  color: var(--theme);
}

/* Testimonial End */

/* Footer */

.footer-widgets-wrapper {
  padding: 90px 0 120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding: 60px 0 90px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding: 50px 0 70px;
  }
}
.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
  font-weight: bold;
  color: var(--header);
  font-size: 24px;
  display: inline-block;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p {
  color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.footer-widgets-wrapper .single-footer-widget .footer-content.style-two .social-icon {
  margin-top: 20px;
  margin-bottom: 35px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input {
  position: relative;
  margin-top: 40px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input {
  background: transparent;
  border: none;
  outline: none;
  padding: 18px 20px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input::placeholder {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 60px;
  height: 55px;
  line-height: 60px;
  border-radius: 4px;
  text-align: center;
  background-color: var(--theme);
  color: var(--white);
  bottom: 5px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn i {
  font-size: 24px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info {
  margin-top: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li {
  color: var(--text);
  font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li i {
  font-size: 16px;
  color: var(--theme);
  margin-right: 10px;
  font-size: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li a {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .list-area li {
  transition: all 0.4s ease-in-out;
  font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a {
  color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .list-area li a i {
  margin-right: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover {
  margin-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover a {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb {
  width: 80px;
  height: 80px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb img {
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date {
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date li {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 {
  font-size: 16px;
  font-weight: 700;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a {
  color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a:hover {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item {
  overflow: hidden;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .thumb {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date {
  color: var(--theme);
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date i {
  margin-right: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 {
  font-size: 16px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a {
  color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a:hover {
  color: var(--theme);
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper .single-footer-widget.style-margin {
    margin-left: 70px;
  }
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper .single-footer-widget.style-margin-2 {
    margin-left: 50px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
  position: relative;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
    width: 100px;
  }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(243, 159, 95, 0.85);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
  color: var(--white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  margin-top: 25px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
  opacity: 1;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}
.footer-widgets-wrapper .footer-style-2 {
  background-color: rgba(122, 135, 255, 0.15);
  margin-top: 30px;
  padding: 20px 50px 50px 50px;
  position: relative;
  z-index: 9;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 {
  margin-top: 20px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 {
  display: flex;
  gap: 16px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .icon {
  font-size: 24px;
  color: var(--white);
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content h6 {
  font-weight: 700;
  color: var(--white);
  margin-bottom: 5px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content a {
  color: var(--text-2);
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .apps-image {
  gap: 16px;
  margin-top: 30px;
}
.footer-widgets-wrapper.style-2 {
  text-align: center;
  padding: 100px 0 0px;
}
.footer-widgets-wrapper.style-2 .footer-top {
  margin-bottom: 40px;
}
.footer-widgets-wrapper.style-2 .footer-top p {
  color: var(--white);
  margin-top: 20px;
}
.footer-widgets-wrapper.style-2 .footer-list {
  display: flex;
  align-items: center;
  gap: 85px;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper.style-2 .footer-list {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.footer-widgets-wrapper.style-2 .footer-list li {
  font-size: 22px;
  color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li a {
  color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li i {
  color: var(--theme3);
  font-size: 28px;
  margin-right: 8px;
}
.footer-widgets-wrapper.style-2 .footer-middle-btn {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper.style-2 .footer-middle-btn {
    margin-bottom: 30px;
  }
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn {
  background-color: var(--theme3);
  color: var(--header2);
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::before, .footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::after {
  background-color: var(--white);
}

.footer-bottom {
  position: relative;
  z-index: 9;
  z-index: 9;
}
.footer-bottom .f-bottom-shape {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C9DDE2;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 92"><path d="M84.7504 27.2721C51.6574 -20.7819 14.4614 12.773 0 35.5572V92H1920V18.9869C1896.59 -9.59695 1871.91 7.07696 1862.49 18.9869C1844.33 45.0852 1828.02 37.4559 1822.13 30.379C1792.67 -11.4611 1766.47 2.24395 1757.06 14.3265C1734.46 44.1531 1718.38 37.4559 1713.17 30.379C1681.69 -9.38979 1655.66 3.10699 1646.58 14.3265C1626.8 44.1531 1612.11 37.4559 1607.23 30.379C1575.75 -11.0468 1551.07 2.41656 1542.66 14.3265C1523.69 43.7389 1504.49 37.2833 1497.26 30.379C1467.8 -9.38979 1440.59 3.10699 1430.67 14.3265C1410.89 48.71 1392.16 39.3546 1385.27 30.379C1357.42 -13.1181 1327.92 5.00568 1316.66 19.5047C1300.92 43.5317 1287.9 36.7655 1283.36 30.379C1252.29 -12.2896 1227.37 -0.862982 1218.79 10.1839C1198.61 47.4672 1178.43 39.182 1170.87 30.379C1140.2 -12.7039 1114.03 4.83308 1104.78 18.9869C1082.99 46.7422 1064.76 35.0395 1058.37 25.7187C1028.1 -14.0502 1001.03 4.66049 991.277 18.9869C976.748 46.7422 960.336 35.0395 953.946 25.7187C924.082 -13.2216 896.774 5.0057 886.852 18.9869C866.27 47.5708 849.017 35.3847 842.964 25.7187C816.732 -13.2216 786.295 5.0057 774.356 18.9869C757.003 50.4706 737.53 34.8668 729.963 23.1295C704.538 -11.6682 677.667 5.86872 667.409 18.9869C652.074 45.4995 635.124 34.5216 628.565 25.7187C606.369 -9.9076 580.305 1.20835 570.047 11.2196C548.658 46.4316 527.504 35.5573 519.601 25.7187C495.386 -10.7361 467.809 3.27964 457.047 14.8444C433.64 50.0564 415.681 36.7656 409.627 25.7187C387.834 -8.25056 361.534 1.89878 351.109 11.2196C334.562 49.3314 309.238 34.0038 298.644 21.576C271.605 -14.4645 245.003 6.55916 235.081 21.576C215.71 46.8458 199.096 32.1051 193.211 21.576C179.086 6.04134 151.34 -8.45772 127.126 21.576C107.754 45.603 90.804 35.3846 84.7504 27.2721Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.footer-bottom .footer-wrapper {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
    margin-top: 30px;
  }
}
.footer-bottom .footer-wrapper p {
  color: var(--header);
}
.footer-bottom .footer-wrapper p a {
  color: var(--theme);
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: var(--header);
  background-image: linear-gradient(var(--theme), var(--theme));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  background-size: 100% 1px;
  color: var(--theme);
}
.footer-bottom .footer-wrapper.style-2 {
  padding: 40px 0;
}
.footer-bottom .footer-wrapper.style-2 p {
  color: var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon {
  gap: 15px;
  position: relative;
  z-index: 9;
}
.footer-bottom .footer-wrapper.style-2 .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon a:hover {
  background-color: var(--theme3);
  border: 1px solid transparent;
}
.footer-bottom .scroll-icon {
  position: absolute;
  left: 90.2%;
  top: -40px;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  line-height: 60px;
  background-color: var(--theme);
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  border: 5px solid var(--white);
  display: inline-block;
  z-index: 99;
}
@media (max-width: 1399px) {
  .footer-bottom .scroll-icon {
    left: 50%;
  }
}

.footer-section {
  position: relative;
}
.footer-section .footer-top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.footer-section .f-bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-section .frame-shape {
  position: absolute;
  top: 40%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.footer-section .frame-shape.style-2 {
  top: 35%;
}
@media (max-width: 1199px) {
  .footer-section .frame-shape {
    display: none;
  }
}
.footer-section .zebra-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.footer-section .zebra-shape-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section .zebra-shape-2 {
    display: none;
  }
}
.footer-section .tree-shape {
  position: absolute;
  left: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section .tree-shape {
    display: none;
  }
}
.footer-section .frame-shape-3 {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .footer-section .frame-shape-3 {
    display: none;
  }
}

.footer-section-5 {
  position: relative;
}
.footer-section-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(20, 45, 64, 0.8);
}

/* Footer End */

/* animatation */

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* animatation End*/

/* 404 */

.error-items {
  text-align: center;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  margin-top: 30px;
  margin-bottom: 40px;
}

/* 404 End*/

/* Map */
/* Ensure the map container has a defined aspect ratio */
.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 88.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

/* Make the iframe fill the container */
.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pass
{
    font-size:22px;
    color:black;
    font-style:italic;
}
/* Map End*/