* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: "Lato";
  /* overflow-x: hidden; */
}

:root {
  --main-color: #283462;
  --secondary-color: #d7174f;
  --yello-color: #fec414;
  --cyen-color: #32b6be;
  --white-color: #ffffff;
  --light-white-color: #f6f6f6;
  --black-color: #000000;
  --gray-color: #757575;
}

h1 {
  /* font-size: 2.5rem !important; */
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

h3 {
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

p {
  /* font-size: 1rem; */
  font-weight: 500;
  line-height: 150%;
  font-style: normal;
}

a {
  text-decoration: none;
}

/* Navrbar Stars */

/* .dropdown-menu {
  animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-150px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
} */

.main-header {
  height: 110px;
  background: var(--white-color);
  box-shadow: 0px 8px 20.2px 0px rgba(0, 0, 0, 0.3);
}

.navbar-logo {
  /* margin: 24px auto 26px 75px; */
  padding-left: 30px;
}

.navbar-logo img {
  width: 75%;
}

.navbar-nav .nav-item .nav-link {
  color: var(--main-color) !important;
  font-size: 1rem;
  font-weight: 700;
  padding-right: 24px !important;
  transition: all 0.5s ease-in-out;
}



/* Mega-dropdown Open On Hover */

.desktop_menu .dropdown-menu {
  position: absolute;
  left: 0;
  top: 100px;
}

.desktop_menu .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  animation: fade 0.6s ease-in-out forwards;
}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(-200%);
  }

  to {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.info {
  animation: slide-down 0.6s ease-out;
  transition: all 0.5s ease;
}

.immigration-bg {
  transition: all 0.5s ease;
}

/* Mega-dropdown Open On Hover End */



/* Whatsapp link */

.sticky-elements {
  position: fixed;
  z-index: 50;
  top: 70%;
  right: 0;
  min-width: 170px;
}

.whatsapp-wrapper {
  width: 100%;
  transform: translateX(70%);
  transition: all 0.3s ease-in-out;
}

.whatsapp a {
  background: var(--yello-color);
  padding: 12px 15px;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
}

.whatsapp a i {
  color: var(--main-color);
  font-size: 1.5rem;
  transition: all 0.3s ease-in-out;
}

.whatsapp a span {
  color: var(--white-color);
  font-weight: bold;
  padding: 0 15px;
}

.whatsapp a:hover {
  background-color: #25AE3A;
}

.whatsapp-wrapper:hover {
  transform: translateX(0);
}

.whatsapp a:hover i {
  color: var(--white-color);
}

/* Call Now */

.call-wrapper {
  transform: translateX(70%);
  transition: all 0.3s ease-in-out;
}

.call a {
  background: var(--secondary-color);
  padding: 12px 15px;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.call a i {
  color: var(--white-color);
  font-size: 1.5rem;
  transition: all 0.3s ease-in-out;
}

.call a span {
  color: var(--white-color);
  font-weight: bold;
  padding: 0 15px;
}

.call a:hover {
  background-color: var(--cyen-color);
}

.call-wrapper:hover {
  transform: translateX(0);
}

.call a:hover i {
  color: var(--white-color);
}

/* Whatsapp link End */



.navbar-expand-lg .navbar-nav .nav-link.active {
  color: var(--secondary-color) !important;
}

.navbar-nav .nav-item .nav-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.navbar-nav .nav-item .nav-link.show {
  color: var(--secondary-color) !important;
}

.navbar-nav .nav-item .nav-link:hover {
  color: var(--secondary-color) !important;
}

.navbar-nav .dropdown .dropdown-toggle::after {
  display: none;
}

.navbar-nav .dropdown .dropdown-toggle i {
  -webkit-text-stroke: 1px;
}

.navbar-nav .dropdown ul {
  overflow-x: hidden;
}

.navbar-nav .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 15px 10px -15px var(--black-color);
  width: 100%;
  padding: 0;
  border-radius: 0;
  margin: 0;
  /* background-color: var(--white-color); */
}

.desktop_menu .navbar-nav .dropdown .dropdown-menu .immigration-bg {
  background: url("../images/navbar/immigration-bg.webp");
  background-repeat: no-repeat;
  background-position: bottom;
  background-position-x: right;
  height: 100%;
}

.desktop_menu .navbar-nav .dropdown #subid {
  height: 400px;
  overflow-y: hidden;
}

.navbar-nav .dropdown .dropdown-menu li {
  margin: 0 auto;
}

.navbar-nav .dropdown .dropdown-menu a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 15px 0;
  padding: 5px;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item img {
  border-right: 2px solid var(--gray-color);
  padding-right: 30px;
  height: 50px;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item i {
  border-right: 2px solid var(--gray-color);
  padding: 0 20px 0 10px;
  font-size: 2.5rem;
  color: var(--main-color);
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item h4 {
  color: var(--main-color);
  font-size: 1.125rem;
  font-weight: 700;
  padding-left: 30px;
  text-transform: uppercase;
  text-align: center;
}

.navbar-nav .dropdown .dropdown-menu .immigration-bg .mega_menu_vertical_line {
  border-right: 1px solid var(--gray-color);
  height: 500px;
  /* max-width: 250px; */
}

.navbar-nav .dropdown .dropdown-menu .immigration {
  margin: 10px auto;
}

.navbar-nav .dropdown .dropdown-menu .immigration li {
  margin: 0px auto;
}

.navbar-nav .dropdown .dropdown-menu .immigration a {
  margin: 0;
}

.navbar-nav .dropdown .dropdown-menu .immigration .dropdown-item img {
  width: 50px;
  height: 50px;
  border: none;
  padding-right: 20px;
}

.navbar-nav .dropdown .dropdown-menu .immigration .dropdown-item p {
  color: var(--black-color);
  font-size: 1.125rem;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.navbar-nav .dropdown .dropdown-menu .visa_type {
  margin: 20px auto;
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul {
  /* list-style-image: url(../images/navbar/flight.svg); */
  margin-left: 20px;
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li a {
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  display: inline-block;
  vertical-align: super;
  padding-bottom: 10px;
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li i {
  font-size: 1.25rem;
  transition: all ease-in-out 0.3s;
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 3px;
  transition: all ease-in-out 0.3s;
  margin-top: 12px;
  min-height: 31px;
  /* width: 100%; */
  margin-bottom: 15px;
  position: relative;
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li:hover::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: 2px solid var(--secondary-color);
  animation: borderAnimation 0.4s linear forwards;
}

@keyframes borderAnimation {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li:hover i {
  transform: rotate(45deg);
}

.navbar-nav .dropdown .dropdown-menu .visa_type ul li:hover i::before {
  color: var(--secondary-color);
}

.navbar-nav .dropdown .dropdown-menu .visitor_visa {
  background-color: var(--yello-color);
}

.desktop_menu .navbar-nav .dropdown .dropdown-menu .visitor_visa a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 100px;
  flex-direction: column;
}

.desktop_menu .navbar-nav .dropdown .dropdown-menu .visitor_visa a img,
.navbar-nav .dropdown .dropdown-menu .dependent_visa a img {
  width: 100%;
}

.navbar-nav .dropdown .dropdown-menu .visitor_visa h5 {
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin: 30px auto 3px auto;
}

.navbar-nav .dropdown .dropdown-menu .dependent_visa a {
  background: var(--cyen-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 100px 40px 100px;
  flex-direction: column;
}

.navbar-nav .dropdown .dropdown-menu .dependent_visa h5 {
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin: 30px auto 3px auto;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--white-color) !important;
}

.dropdown-item:hover {
  background-color: #f5f5f5 !important;
}

.info2,
.info3,
.info4,
.info5,
.info6,
.info8,
.info9,
.info10,
.info11,
.info12,
.info13 {
  grid-area: scrn;
  display: none;
}

/* mobile menu */

.mobile_menu {
  display: none;
}

/* Navbar End */

/* Hero Section Stars */

.hero_sectio_slider {
  background-image: url(../images/home-page/hore-section.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero_sectio_slider .hero_sectio_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding-left: 160px;
}

.hero_sectio_slider .hero_sectio_content h1 {
  color: var(--white-color);
  font-size: 2rem;
  font-weight: 900;
}

.hero_sectio_slider .hero_sectio_content p {
  color: var(--white-color);
  font-size: 1.5rem;
  font-weight: 400;
}

.hero_sectio_slider .hero_sectio_content h4 {
  color: var(--white-color);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}

.hero_sectio_slider .hero_sectio_content h4 span {
  background-color: var(--secondary-color);
}

.hero_sectio_slider .hero_sectio_content .hero_section_button {
  margin-top: 20px;
}

.hero_sectio_slider .slider-bg {
  background: url(../images/home-page/slider-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.hero_sectio_slider .hero-plane {
  position: absolute;
  width: 20%;
  top: 280px;
  right: 30%;
  z-index: 5;
  /* transform: translateX(50%); */
  animation: hero-plane-animation 3s ease-in-out alternate;
}

@keyframes hero-plane-animation {

  0% {
    transform: translateX(60%);
  }

  100% {
    transform: translateX(0%);
  }

}

.hero_sectio_slider .hero-cloud-left {
  position: absolute;
  width: 17%;
  top: 400px;
  left: 500px;
  z-index: 5;
  transform: translateX(50%);
  animation: bouncing-text 10s ease-in-out infinite alternate;
}

.hero_sectio_slider .hero-cloud-right {
  position: absolute;
  width: 17%;
  top: 320px;
  right: 80px;
  z-index: 5;
  transform: translateY(50%);
  animation: up-down 8s ease-in-out infinite alternate;
}

@keyframes bouncing-text {
  0% {
    transform: translateX(50%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(50%);
  }

  100% {
    transform: translateY(0%);
  }
}

.hero_sectio_slider .hero_sectio_img {
  margin-top: 170px;
}

.hero_sectio_slider .hero_sectio_img img {
  width: 85%;
}

.hero_sectio_slider .carousel-control-prev,
.hero_sectio_slider .carousel-control-next {
  width: auto;
  justify-content: end;
  padding-right: 20px;
}

.hero_sectio_slider .carousel-control-prev i,
.hero_sectio_slider .carousel-control-next i {
  font-size: 50px;
}

.hero_sectio_slider .carousel-control-prev {
  /* transform: translateY(12%); */
  height: 40%;
  align-items: start;
  top: 500px;
  z-index: 10;
  right: 0;
}

.hero_sectio_slider .carousel-control-next {
  height: 40%;
  align-items: end;
  top: 110px;
  z-index: 10;
}

/* Hero Section Ends */

/* About Company Starts */

.about_company {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../images/home-page/about-company-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.about_company .about_company_images .our_vision {
  clip-path: polygon(0 0, 100% 0, 100% 86%, 66% 100%, 0 100%, 0% 50%);
  width: auto;
  height: 296px;
  background-color: var(--yello-color);
  transition: all ease-in-out 0.5s;
}

.about_company .about_company_images .our_mission {
  clip-path: polygon(0 0, 100% 0, 100% 86%, 66% 100%, 0 100%, 0% 50%);
  width: auto;
  height: 296px;
  background-color: var(--cyen-color);
  transition: all ease-in-out 0.5s;
  margin-top: 20px;
}

.about_company .about_company_images .our_vision .our_vision_content,
.about_company .about_company_images .our_mission .our_mission_content {
  padding: 30px;
  transition: all ease-in-out 0.5s;
}

.about_company .about_company_images .our_vision .our_vision_content .our_vision_img_wrapper i,
.about_company .about_company_images .our_mission .our_mission_content .our_vision_img_wrapper i {
  font-size: 2.5rem;
  color: var(--main-color);
  transition: all 0.1s;
}

.about_company .about_company_images .our_vision .our_vision_content hr,
.about_company .about_company_images .our_mission .our_mission_content hr {
  color: var(--main-color);
  opacity: 1;
  height: 2px;
  width: 51px;
}

.about_company .about_company_images .our_vision .our_vision_content h4,
.about_company .about_company_images .our_mission .our_mission_content h4 {
  color: var(--main-color);
  /* font-size: 1.5rem; */
  font-weight: 700;
  /* padding-top: 22px; */
}

.about_company .about_company_images .our_vision .our_vision_content p span {
  font-weight: 600;
}

.about_company .about_company_images .our_vision .our_vision_content p,
.about_company .about_company_images .our_mission .our_mission_content p {
  color: var(--main-color);
  position: relative;
  z-index: 5;
  margin-bottom: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.about_company .about_company_images .our_vision .our_vision_content a,
.about_company .about_company_images .our_mission .our_mission_content a {
  color: var(--main-color);
  font-size: 0rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  transition: all ease-in-out 0.3s;
}

.about_company .about_company_images .our_vision .our_vision_content:hover .our_vision_img_wrapper i,
.about_company .about_company_images .our_mission .our_mission_content:hover .our_vision_img_wrapper i {
  font-size: 0;
}

.about_company .about_company_images .our_vision .our_vision_content:hover hr,
.about_company .about_company_images .our_mission .our_mission_content:hover hr {
  margin-top: 0;
}

.about_company .about_company_images .our_vision .our_vision_content:hover a,
.about_company .about_company_images .our_mission .our_mission_content:hover a {
  font-size: 1rem;
}

.about_company .about_company_images .about_company_img_section_2 {
  margin-top: 20px;
}

.about_company .about_company_images .about_company_img_section_1 img,
.about_company .about_company_images .about_company_img_section_2 img {
  width: 100%;
}

.about_company .about_company_right_section.about_title .title-border h5 {
  width: 100%;
  text-align: left;
  margin: 0 0 20px 0;
}

.about_company .about_company_right_section h1 {
  color: var(--main-color);
}

.about_company .about_company_right_section .about_company_right_content h4 {
  color: var(--black-color);
  /* font-size: 1.5rem; */
  font-weight: 700;
  margin: 30px auto 20px auto;
}

.about_company .about_company_right_section .about_company_right_content p {
  color: var(--gray-color);
  margin-bottom: 0;
}

.about_company .about_company_right_section .about_company_card_content {
  margin-top: 30px;
}

.about_company .about_company_right_section .about_company_card_content .about_company_card_title {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.about_company .about_company_right_section .about_company_card_content .about_company_card_title span {
  color: var(--main-color);
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  padding-bottom: 5px;
  padding-left: 10px;
}

.about_company .about_company_right_section .about_company_card_content .about_company_card_title i {
  color: var(--secondary-color);
  font-weight: 700;
  font-size: 1.25rem;
}

.about_company .about_company_right_section .about_company_card_content p {
  color: var(--gray-color);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.about_company .about_company_right_section .button-div {
  margin-top: 40px;
  margin-bottom: 20px;
}

/* About Company Ends */

/* Types Of Visa Starts */

.types_of_visa {
  background-image: url(../images/home-page/types-of-visa-bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  padding-top: 100px;
  background-color: var(--light-white-color);
  padding-bottom: 175px;
}

.types_of_visa .types_of_visa_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.types_of_visa .types_of_visa_right.types_visa_title .title-border h5 {
  width: 90%;
  text-align: left;
  margin: 0 0 20px 0;
}

.types_of_visa .types_of_visa_right h1 {
  color: var(--black-color);
  padding-top: 20px;
  padding-bottom: 10px;
}

.types_of_visa .types_of_visa_right p {
  color: var(--gray-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.types_of_visa .types_of_visa_right .types_visa_button {
  padding-top: 30px;
  padding-bottom: 30px;
}

.types_of_visa .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px 0 0 0;
  list-style-type: none;
}

.types_of_visa .slick-dots li {
  margin: 0 0.25rem;
}

.types_of_visa .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #d9d9d9;
  text-indent: -9999px;
}

.types_of_visa .slick-dots li.slick-active button {
  background-color: var(--secondary-color);
}


.types_of_visa .types_of_visa_left .visa-card {
  position: relative;
  z-index: 1;
  background: var(--white-color);
  overflow: hidden;
  margin: 40px 15px;
  width: 92%;
}

.types_of_visa .types_of_visa_left .middle {
  text-align: center;
}

.types_of_visa .types_of_visa_left .middle img {
  width: 100%;
}

.types_of_visa .types_of_visa_left .middle-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  user-select: none;
  background: rgba(40, 52, 98, 0.7);
  opacity: 1;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.types_of_visa .types_of_visa_left .middle-info .middle-text i {
  font-size: 2.5rem;
  color: var(--yello-color);
  margin-bottom: 10px;
}

.types_of_visa .types_of_visa_left .middle-info .middle-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.types_of_visa .types_of_visa_left .middle-info .text {
  text-transform: uppercase;
  color: var(--white-color);
  font-size: 1.325rem;
  font-weight: bold;
  text-align: center;
}

.types_of_visa .types_of_visa_left .visa-card .middle .hover-ticket {
  background-image: url(../images/home-page/types-of-visa-ticket1.webp);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 125%;
  width: 95%;
  opacity: 0;
  animation-name: fadeFromtop;
  -webkit-animation-name: fadeFromtop;
  animation-duration: 800ms;
  -webkit-animation-duration: 800ms;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.types_of_visa .types_of_visa_left .visa-card .middle .hover-ticket .hover-ticket-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.types_of_visa .types_of_visa_left .visa-card .middle .hover-ticket .hover-ticket-icon i {
  font-size: 2.5rem;
  color: var(--yello-color);
  margin-top: 30px;
  margin-bottom: 10px;
}

.types_of_visa .types_of_visa_left .visa-card .middle .hover-ticket h3 {
  color: var(--main-color);
  font-size: 1.5rem;
}

.types_of_visa .types_of_visa_left .visa-card .middle .hover-ticket p {
  color: var(--black-color);
  font-size: 1.125rem;
  margin: 30px 30px 40px 30px;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.types_of_visa .types_of_visa_left .visa-card .middle:hover .hover-ticket {
  animation-name: fadeFromBottom;
  -webkit-animation-name: fadeFromBottom;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes fadeFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
  }

  90% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    display: block;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    display: block;
  }
}

@keyframes fadeFromtop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(400%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

/* Types Of Visa Ends */

/*  Bridge Section Starts */

.bridge {
  margin-bottom: -240px;
}

.bridge-section {
  position: relative;
  top: -118px;
}

.bridge-section .bridge-section-content {
  background-image: url(../images/home-page/bridge-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.bridge-section .bridge-section-content .counter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 120px;
  padding-bottom: 140px;
}

.bridge-section .bridge-section-content .counter .bridge-section-icon i {
  color: var(--main-color);
  font-size: 3rem;
}

.bridge-section .bridge-section-content .counter .bridge-section-icon {
  padding-bottom: 15px;
}

.bridge-section .bridge-section-content .counter .count-title {
  color: var(--main-color);
}

.bridge-section .bridge-section-content .counter .count-title::after {
  content: "+";
  display: inline-block;
}

.bridge-section .bridge-section-content .counter .persentge::after {
  content: "%";
  display: inline-block;
}

.bridge-section .bridge-section-content .counter hr {
  width: 80%;
  border: 1px solid var(--white-color);
  opacity: 1;
}

.bridge-section .bridge-section-content .counter p {
  color: var(--main-color);
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

/*  Bridge Section Ends */

/* How We Work Stars */

.how_we_work_section {
  background-image: url("../images/home-page/hww-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 140px;
  box-shadow: inset 0 0 0 2000px rgba(40, 52, 98, 0.95);
}

.how_we_work_section .how_we_work_title h1 {
  color: var(--white-color);
  text-align: center;
  padding-top: 10px;
}

.how_we_work_section .how_we_work_content {
  padding: 50px;
}

.how_we_work_section .how_we_work_content .hww_top_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.how_we_work_section .how_we_work_content .hww_yello_box {
  background: var(--yello-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  opacity: 1;
  position: relative;
  width: 105px;
  height: 105px;
  cursor: pointer;
}

.how_we_work_section .how_we_work_content .hww_cyen_box {
  background: var(--cyen-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  opacity: 1;
  position: relative;
  width: 105px;
  height: 105px;
  cursor: pointer;
  margin-top: 108px;
}

.how_we_work_section .how_we_work_content .hww_yello_box:hover:before,
.how_we_work_section .how_we_work_content .hww_cyen_box:hover:before {
  left: -5px;
  top: -5px;
  transition: 0.3s ease-in-out;
}

.how_we_work_section .how_we_work_content .hww_yello_box:before,
.how_we_work_section .how_we_work_content .hww_cyen_box:before {
  border: 1px dashed var(--white-color);
  content: "";
  height: 100%;
  left: 5px;
  position: absolute;
  top: 5px;
  transition: 0.3s ease-in-out;
  width: 100%;
}

.how_we_work_section .how_we_work_content .hww_yello_box i,
.how_we_work_section .how_we_work_content .hww_cyen_box i {
  color: var(--white-color);
  font-size: 3rem;
  padding: 25px;
}

.how_we_work_section .how_we_work_content .hww_cyen_box i::before {
  color: var(--white-color);
}

.how_we_work_section .how_we_work_content h3 {
  color: var(--white-color);
  font-size: 1.25rem;
  margin: 10px auto;
}

.how_we_work_section .how_we_work_content p {
  color: var(--white-color);
  margin: 0;
}

.how_we_work_section hr {
  opacity: 1;
  background-color: var(--secondary-color);
  height: 2px;
  margin-bottom: 50px;
}

.how_we_work_section .hww-bottom-content {
  color: var(--white-color);
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 50px;
  line-height: 1.5;
}

.how_we_work_section .hww-bottom-content span {
  font-weight: 500;
}

.how_we_work_section .how_we_work_content .hww_top_content .up_to_down_plane1,
.how_we_work_section .how_we_work_content .hww_top_content .up_to_down_plane2 {
  position: absolute;
  top: 40px;
  left: 260px;
}

.how_we_work_section .how_we_work_content .hww_top_content .down_to_up_plane {
  position: absolute;
  bottom: 110px;
  left: 240px;
}

/* How We Work Ends */

/* COACHING CLASSES Starts */

.coaching_classes {
  background-image: url(../images/home-page/coaching-classes-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}

.coaching_classes .coaching_classes_right_section {
  order: 2;
}

.coaching_classes .coaching_classes_right_section .button-div {
  display: none;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card {
  clip-path: polygon(0 0, 100% 0, 100% 86%, 66% 100%, 0 100%, 0% 50%);
  /* width: 280px; */
  height: 315px;
  background-color: var(--light-white-color);
  transition: all ease-in-out 0.5s;
  margin-top: 50px;
  margin-right: 6px;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content {
  padding: 30px;
  transition: all ease-in-out 0.5s;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content .coaching-class-icon i {
  font-size: 2.5rem;
  color: var(--main-color);
  transition: all ease-in-out 0.3s;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content hr {
  color: var(--secondary-color);
  opacity: 1;
  height: 2px;
  width: 51px;
  transition: all ease-in-out 0.3s;
  margin-bottom: 22px;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content h4 {
  color: var(--main-color);
  font-weight: 700;
  transition: all ease-in-out 0.3s;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content p {
  color: var(--main-color);
  position: relative;
  z-index: 5;
  margin-bottom: 50px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card .coaching_classes_card_content a {
  color: var(--white-color);
  font-size: 0rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  transition: all ease-in-out 0.3s;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover {
  background-color: var(--main-color);
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover .coaching_classes_card_content .coaching-class-icon i {
  font-size: 0rem;
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover .coaching_classes_card_content h4,
.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover .coaching_classes_card_content p {
  color: var(--white-color);
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover .coaching_classes_card_content hr {
  margin-top: 0;
  color: var(--white-color);
}

.coaching_classes .coaching_classes_right_section .coaching_classes_card:hover .coaching_classes_card_content a {
  font-size: 1rem;
}

.coaching_classes .coaching_classes_left_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  order: 1;
}

.coaching_classes .coaching_classes_left_section .title-border h5 {
  width: 70%;
  text-align: left;
  margin: 0 0 10px 0;
}

.coaching_classes .coaching_classes_left_section .title-border h1 {
  color: var(--main-color);
  padding-bottom: 30px;
  margin-bottom: 0;
}

.coaching_classes .coaching_classes_left_section .coaching_classes_left_content p {
  color: var(--gray-color);
  margin-bottom: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* COACHING CLASSES Ends */

/* Reviews Starts */

.reviews_section {
  background-image: url(../images/home-page/reviews-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px;
}

.reviews_section .reviews_title h5 {
  width: 45%;
}

.reviews_section .reviews_title h1 {
  color: var(--main-color);
  padding-top: 10px;
  text-align: center;
}

.reviews_section .review_class {
  padding-left: 70px;
  padding-right: 70px;
}

.reviews_section .review_class .item {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews_section .review_class .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 50px 0 0 0;
  list-style-type: none;
}

.reviews_section .review_class .slick-dots li {
  margin: 0 0.25rem;
}

.reviews_section .review_class .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #d9d9d9;
  text-indent: -9999px;
}

.reviews_section .review_class .slick-dots li.slick-active button {
  background-color: var(--secondary-color);
}

.reviews_section .slider-btn {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 200px;
  z-index: 2;
}

.reviews_section .slider-btn button {
  background: none;
}

.reviews_section .slider-btn button img {
  background-color: var(--main-color);
  padding: 20px;
  border-radius: 50%;
}

.reviews_section .reviews_card {
  min-height: 284px;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  background-color: var(--white-color);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.reviews_section .reviews_card .reviews_quotes_img {
  position: relative;
  top: -40px;
  padding-bottom: 15px;
}

.reviews_section .reviews_card .reviews_quotes_img img {
  padding: 10px;
  border-radius: 5px;
}

.reviews_section .reviews_card .reviews_star_img {
  margin-top: -44px;
  padding-bottom: 15px;
}

.reviews_section .reviews_card a {
  text-decoration: none;
  color: var(--gray-color);
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  font-weight: 500;
  line-height: 150%;
}

.reviews_section .reviews_card .reviews_people {
  padding-top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.reviews_section .reviews_card .reviews_people img {
  width: 50px;
}

.reviews_section .reviews_card .reviews_people h3 {
  color: var(--main-color);
  font-size: 1.25rem;
  padding-left: 14px;
}

/* Reviews Ends */

/* Topic Starts */

.topic_section {
  background-image: url(../images/home-page/topic-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 2000px rgba(40, 52, 98, 0.95);
  padding-top: 100px;
}

.topic_section .topic_title .title-border-white h5 {
  width: 68%;
}

.topic_section .topic_title h1 {
  color: var(--white-color);
  text-align: center;
  padding-bottom: 45px;
  margin-bottom: 0;
  padding-top: 10px;
}

.topic_section .topic_class .item {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topic_section .topic_card .card {
  width: 420px;
  height: 551px;
  border-radius: 15px;
  background: var(--white-color);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border: none;
  position: relative;
}

.topic_section .topic_card .card .horizontal-line {
  position: absolute;
  top: 0;
  left: 40%;
  width: 90px;
  height: 2px;
  background-color: var(--secondary-color);
}

.topic_section .topic_card .card .card-img-top {
  height: 277px;
}

.topic_section .topic_card .card-body h5 {
  color: var(--black-color);
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.topic_section .topic_card .card-body .topic-date {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}

.topic_section .topic_card .card-body .topic-date i {
  color: var(--secondary-color);
  padding-right: 7px;
  font-size: 1.125rem;
}

.topic_section .topic_card .card-body .topic-date p {
  color: var(--gray-color);
  font-weight: 400;
}

.topic_section .topic_card .card-body p {
  color: var(--gray-color);
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 5px;
}

.topic_section .topic_card .card-body .topic_card_bottom {
  display: flex;
  justify-content: space-between;
}

.topic_section .topic_card .card-body .topic_card_bottom a {
  color: var(--black-color);
  font-weight: 500;
  line-height: 150%;
  display: flex;
  gap: 10px;
  align-items: center;
}

.topic_section .topic_card .card-body .topic_card_bottom a:hover {
  color: var(--secondary-color);
}

.topic_section .topic_card .card-body .topic_card_bottom a:hover i {
  transform: rotate(90deg);
}

.topic_section .topic_card .card-body .topic_card_bottom a:hover i::before {
  color: var(--secondary-color);
}

.topic_section .topic_card .card-body .topic_card_bottom a i {
  transition: all 0.3s ease-in-out;
  font-size: 1.5rem;
}

.topic_section .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 40px 0 20px 0;
  list-style-type: none;
}

.topic_section .slick-dots li {
  margin: 0 0.25rem;
}

.topic_section .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--light-white-color);
  text-indent: -9999px;
}

.topic_section .slick-dots li.slick-active button {
  background-color: var(--secondary-color);
}

.topic_section .topic_button {
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}

/* Topic Ends */

/* Contact Us Starts */

.contact_us {
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact_us .contact_us_title .title-border h5 {
  width: 62%;
}

.contact_us .contact_us_title h1 {
  padding-top: 10px;
  padding-bottom: 100px;
  text-align: center;
  color: var(--main-color);
}

.contact_us .contact_us_form_section {
  background-color: var(--light-white-color);
  padding: 40px;
  height: 100%;
}

.contact_us .contact_us_form_section h1 {
  color: var(--main-color);
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0;
}

.contact_us .contact_us_form_section p {
  color: var(--gray-color);
  text-align: center;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 60px;
  margin: 0;
}

.contact_us .contact_us_form_section p .contact-us {
  color: var(--secondary-color);
  padding-bottom: 10px;
}

.contact_us .contact_us_form_section .form-item input {
  border: none;
  padding: 15px;
}

.contact_us .contact_us_form_section .form-item textarea {
  border: none;
}

.contact_us .contact_us_form_section label {
  color: var(--secondary-color);
  font-size: 0.875rem;
  font-weight: 500;
}

.contact_us .contact_us_form_section .form-item .form-control:focus {
  border: 1px solid var(--secondary-color);
  box-shadow: none;
}

.contact_us .contact_us_form_section .button-div {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

.contact_us .address_section {
  width: 100%;
}

.contact_us .address_section .country_image {
  padding-top: 25px;
  padding-bottom: 50px;
  padding-left: 55px;
}

.contact_us .address_section .country_image img {
  width: 100%;
}

.contact_us .address_section .seclect_address {
  background-color: var(--yello-color);
  padding: 41px;
  height: 100%;
  min-height: 532px;
}

.contact_us .address_section .seclect_address h1 {
  color: var(--main-color);
  font-weight: 800;
  text-align: center;
  padding-bottom: 30px;
}

.contact_us .address_section .seclect_address .country_selector {
  position: relative;
  padding-bottom: 30px;
}

.contact_us .address_section .seclect_address .contact_us_details i {
  font-size: 1.75rem;
  padding: 10px 0 0 0;
}

.contact_us .address_section .seclect_address .contact_us_details .call_time {
  display: flex;
  flex-direction: column;
}

.contact_us .address_section .seclect_address .contact_us_details .call_time p {
  color: var(--main-color);
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contact_us .address_section .seclect_address .contact_us_details .call_time h3 {
  color: var(--main-color);
  font-size: 1.125rem;
  line-height: 150%;
  padding-bottom: 15px;
}

.contact_us .address_section .seclect_address .contact_us_details .call_time a {
  color: var(--main-color);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 15px;
  text-decoration: none;
}

/* drop Down */

.custom-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--white-color);
  border: none;
  border-radius: 10px;
  font-size: 1.375rem;
  font-weight: 500;
}

.selected-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
  padding: 20px;
  width: 90%;
}

.down_plane {
  width: 10%;
}

.down_plane img {
  transition: 0.3s ease-in-out;
  transform: rotate(0deg);
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--white-color);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-transform: capitalize;
  z-index: 1;
  min-width: 100%;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  top: 60px;
}

.option {
  padding: 20px;
  cursor: pointer;
  border-radius: 10px;
  border-bottom: 1px solid var(--light-white-color);
  text-transform: uppercase;
}

.selected-option {
  text-transform: uppercase;
}

.option:hover {
  background-color: var(--light-white-color);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* drop Down */

/* Contact Us Ends */

/* Footer Starts */

.main_footer .footer_top_images {
  background-image: url(../images/footer/footer.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 158px;
  background-position: center;
  /* position: relative; */
}

.main_footer .footer_top_images img {
  width: 100%;
}

.main_footer .footer_content {
  background-color: var(--main-color);
  padding-top: 50px;
}

.main_footer .footer_content hr {
  width: 100%;
  opacity: 1;
  background: #6C79A9;
  height: 2px;
  margin-bottom: 50px;
}

.main_footer .footer-services h4 {
  color: var(--white-color);
  font-weight: 700;
  padding-bottom: 20px;
}

.main_footer .footer_content .linkes h5 {
  color: var(--yello-color);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  padding-bottom: 30px;
}

.main_footer .footer_content .linkes .page_links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.main_footer .footer_content .linkes .page_links ul li a {
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
  color: var(--white-color);
  font-weight: 700;
  line-height: 179%;
}

.main_footer .footer_content .linkes .page_links ul li a i::before {
  color: var(--yello-color);
  font-size: 1.5rem;
}

.main_footer .footer_content .newslatters h5 {
  color: var(--yello-color);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  padding-bottom: 20px;
}

.main_footer .footer_content .newslatters p {
  color: var(--white-color);
  padding-bottom: 20px;
  margin: 0;
}

.main_footer .footer_content .newslatters .email_box {
  padding-bottom: 47px;
}

.main_footer .footer_content .newslatters .email_box input {
  color: var(--main-color);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
  padding: 10px;
}

.main_footer .footer_content .newslatters label {
  color: var(--secondary-color);
  font-size: 0.875rem;
  font-weight: 500;
}

.main_footer .footer_content .newslatters .email_box button {
  background-color: var(--secondary-color);
}

.main_footer .footer_content .newslatters .email_box button i::before {
  font-size: 1.125rem;
  color: var(--white-color);
}

.main_footer .footer_content .newslatters .social_links img {
  padding-right: 15px;
}

.main_footer .footer_content .copy_right {
  display: flex;
  justify-content: space-between;
}

.main_footer .footer_content .copy_right p {
  color: var(--white-color);
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 20px;
}

.main_footer .footer_content .copy_right p a {
  color: var(--yello-color);
}

.main_footer .form-control:focus {
  border: none;
  box-shadow: none;
}

.footer_content hr {
  margin-bottom: 35px !important;
}

.main_footer .footer_content .newslatters .social_links {
  display: inline-flex;
  align-items: center;
}

.footer_content .sitemap {
  color: var(--white-color);
  font-weight: bold;
}

/* Footer Ends */

/* Title border */

.title-border h5 {
  position: relative;
  color: var(--secondary-color);
  /* font-size: 1.125rem; */
  font-weight: 700;
  text-transform: uppercase;
  width: 30%;
  text-align: center;
  margin: auto;
  white-space: nowrap;
  border-bottom: 2px dashed var(--main-color);
  padding: 5px 11px 21px 0px;
}

.title-border h5:before {
  position: absolute;
  color: var(--black-color);
  content: url("../images/plane.svg");
  height: 7px;
  width: 7px;
  bottom: 12px;
  left: 0px;
  top: 39px;
}

.title-border h5:after {
  position: absolute;
  content: url("../images/location.svg");
  height: 7px;
  width: 7px;
  bottom: 12px;
  right: -7px;
  top: 29px;
}

.title-border-white h5 {
  position: relative;
  color: var(--secondary-color);
  font-weight: 700;
  text-transform: uppercase;
  width: 30%;
  text-align: center;
  margin: auto;
  white-space: nowrap;
  border-bottom: 2px dashed var(--white-color);
  padding: 5px 11px 10px 0px;
}

.title-border-white h5:before {
  position: absolute;
  color: var(--black-color);
  content: url("../images/white-pane.svg");
  height: 7px;
  width: 7px;
  bottom: 12px;
  left: -5px;
  top: 28px;
}

.title-border-white h5:after {
  position: absolute;
  content: url("../images/white-location.svg");
  height: 7px;
  width: 7px;
  bottom: 12px;
  right: -5px;
  top: 18px;
}

/* Header Title Starts*/

.header_title h1 {
  color: var(--white-color);
  letter-spacing: 4px;
  text-transform: uppercase;
  width: fit-content;
  text-align: left;
  margin: 0;
  margin-bottom: 7px;
  border-bottom: 2px dashed var(--white-color);
  padding: 5px 11px 5px 0px;
  position: relative;
}

.header_title h1:after {
  position: absolute;
  content: url("../images/white-location.svg");
  height: 7px;
  width: 7px;
  bottom: 30px;
  right: -5px;
}

.header_title a {
  color: var(--yello-color);
  font-size: 1.25rem;
  font-weight: 700;
}

.header_title img {
  padding-left: 10px;
  padding-right: 10px;
}

/* Header Title Ends*/

/* Button */

a {
  text-decoration: none !important;
}


.main-button {
  position: relative;
  margin: auto;
  padding: 18px 27px 15px 27px;
  transition: all 0.2s ease;
  color: var(--black-color);
  background: none;
}

.main-button-white {
  position: relative;
  margin: auto;
  padding: 18px 27px 15px 27px;
  transition: all 0.2s ease;
  color: var(--white-color);
}

.main-button-form {
  position: relative;
  margin: auto;
  padding: 15px 27px 15px 27px;
  transition: all 0.2s ease;
  color: var(--black-color);
  background: none;
}

.main-button:before,
.main-button-white:before,
.main-button-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: var(--secondary-color);
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
}

.main-button span,
.main-button-white span,
.main-button-form span {
  position: relative;
  font-size: 1.25rem;
  font-weight: 600;
}

.main-button i,
.main-button-form i {
  font-size: 1.25rem;
  position: relative;
  top: 2px;
  margin-left: 6px;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}

.main-button-white i {
  font-size: 1.25rem;
  position: relative;
  top: 2px;
  margin-left: 6px;
  transform: translateX(-5px);
  transition: all 0.3s ease;
  color: var(--white-color);
}

.main-button:hover:before,
.main-button-white:hover:before,
.main-button-form:hover::before {
  width: 100% !important;
  background: var(--secondary-color);
}

.main-button:hover span,
.main-button-form:hover span {
  color: var(--white-color);
}

.main-button-white:hover span {
  color: var(--white-color);
}

.main-button:hover i,
.main-button-form:hover i {
  transform: translateX(0);
  color: var(--white-color);
}

.main-button-white:hover i {
  transform: translateX(0);
  color: var(--white-color);
}

.main-button:active,
.main-button-white:active,
.main-button-form:active {
  transform: scale(0.96);
}