@charset "UTF-8";

/*

Template Name: Landpagy Landing Page

Author       :

Version      : 1.0

*/

/*==============================================================================

[Table of contents]

===================

  01. Theme default CSS

  02. Header Area

  03. Banner Area

  05. Client Area

  06. CTA Area

  07. FAQ Area

  08. Features Area

  09. Logo-grid Area

  10. Pricing Areainput, textarea

  11. Service Area

  12. Team Area

  13. Testimonial Area

  14. Why-Choose Area

  15. About Page

  19. Contact Page

  20. Help Center Page

  21. Footer Area

==============================================================================*/

/*----------------------------------------*/

/*  01. Theme default CSS

/*----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&family=Kalam:wght@700&display=swap");

:root {

  --brand: #ec595a;

  --brand-2: #9558ec;

  --brand-3: #473d8d;

  --brand-4: #356eef;

  --brand-5: #ffc600;

  --text-color: #5d5d66;

  --text-color-2: #616161;

  --white: #ffffff;

  --black: #171717;

  --black-50: #ebebeb;

  --black-100: #d6d9dc;

  --black-150: #c8ccd0;

  --black-200: #bbc0c4;

  --black-300: #7d848d;

  --black-350: #9199a1;

  --black-400: #848d95;

  --black-500: #6a737c;

  --black-600: #535a60;

  --black-700: #3c4146;

  --black-750: #2f3337;

  --black-800: #242729;

  --black-900: #0c0d0e;

}



/**

 * Convert font-size from px to rem with px fallback

 *

 * @param $size - the value in pixel you want to convert

 *

 * e.g. p font-size: fs-rem(12px);

 * e.g. p {@include fontSize(12px);}

 *

 */

/*--------------------------------------

	- Base

----------------------------------------*/

/**

 * Convert font-size from px to rem with px fallback

 *

 * @param $size - the value in pixel you want to convert

 *

 * e.g. p {@include fontSize(12px);}

 *

 */

.col {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



/*--------------------------------------

	- Utilities

----------------------------------------*/

/*--------------------------------------

	- Component

----------------------------------------*/

@font-face {

  font-family: Elagond;

  src: url(../fonts/FontsFree-Net-Elagond.ttf);

}

/* Box sizing rules */

*,

*::before,

*::after {

  box-sizing: border-box;

}



/* Remove default margin */

body,

h1,

h2,

h3,

h4,

p,

figure,

blockquote,

dl,

dd {

  margin: 0;

}



/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role=list],

ol[role=list] {

  list-style: none;

}



/* Set core root defaults */

html:focus-within {

  scroll-behavior: smooth;

}



/* Set core body defaults */

body {

  font-family: "Inter", sans-serif;

  font-weight: 400;

  font-size: 1.0625rem;

  line-height: 1.75rem;

  text-rendering: optimizeSpeed;

  color: var(--text-color);

}



/* A elements that don't have a class get default styles */

a:not([class]) {

  text-decoration-skip-ink: auto;

}



/* Make images easier to work with */

img,

picture {

  max-width: 100%;

  display: block;

}



/* Inherit fonts for inputs and buttons */

input,

button,

textarea,

select {

  font: inherit;

}



button {

  border: none;

  background: transparent;

  outline: none;

  cursor: pointer;

}



/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {

  html:focus-within {

    scroll-behavior: auto;

  }



  *,

*::before,

*::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;

  }

}

.fill-current {

  fill: currentColor;

}



.scrollToTop {

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  color: var(--brand);

  font-size: 25px;

  background: transparent;

  position: fixed;

  right: 20px;

  bottom: 50px;

  display: none;

  z-index: 99999;

  border-radius: 50%;

}

@media screen and (min-width: 576px) {

  .scrollToTop {

    width: 50px;

    height: 50px;

    line-height: 50px;

  }

}

.scrollToTop:hover {

  color: #fce7e9;

}



::-webkit-input-placeholder {

  color: inherit;

}



::-moz-placeholder {

  color: inherit;

}



/*================ preloader css ====================*/

#preloader {

  background: #fff;

  height: 100%;

  bottom: 0;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  z-index: 999999;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}

#preloader .loading {

  display: flex;

}

#preloader .ctn-preloader {

  padding-left: 15px;

  padding-right: 15px;

}

#preloader .spinner {

  animation: spinner 3s infinite linear;

  border-radius: 50%;

  border: 3px solid #f1f6f8;

  border-left-color: var(--brand);

  border-top-color: var(--brand);

  margin: 0 auto 0em auto;

  top: -40px;

  right: -40px;

  bottom: -40px;

  left: -40px;

  position: absolute;

}

#preloader .spinner:before {

  content: "";

  width: 20px;

  height: 20px;

  border: 6px solid #fff;

  box-shadow: 0 0 20px 0 rgba(4, 46, 56, 0.2);

  background: var(--brand);

  top: 41px;

  right: 31px;

  position: absolute;

  border-radius: 50%;

}

@media (max-width: 576px) {

  #preloader .spinner:before {

    top: 18px;

  }

}

#preloader .round_spinner {

  border-width: 1px;

  border-color: #eef3f4;

  border-style: solid;

  border-radius: 50%;

  background-color: #fdfdfd;

  box-shadow: 0 0 100px 0 rgba(4, 46, 56, 0.14);

  width: 248px;

  height: 248px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin: 40px auto 80px;

}

@media (max-width: 576px) {

  #preloader .round_spinner {

    width: 155px;

    height: 155px;

  }

}

#preloader .round_spinner h4 {

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 0;

}

#preloader .round_spinner h4 span {

  font-weight: 600;

}



#preloader .head {

  display: block;

  font-size: 26px;

  letter-spacing: 5.2px;

  text-transform: uppercase;

  text-align: center;

  margin: 5% 0 1% 0;

  padding: 0;

}



#preloader p {

  display: block;

  font-size: 14px;

  text-align: center;

  border: none;

  margin: 0;

  padding: 0;

}



@keyframes spinner {

  to {

    transform: rotateZ(360deg);

  }

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Poppins", sans-serif;

  font-weight: 700;

  color: var(--black);

  line-height: 1.4;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 2rem;

}

@media screen and (min-width: 20rem) {

  h1 {

    font-size: calc(2rem + 2.25 * ((100vw - 20rem) / 55));

  }

}

@media screen and (min-width: 75rem) {

  h1 {

    font-size: 4.25rem;

  }

}



h2 {

  font-size: 2rem;

}

@media screen and (min-width: 20rem) {

  h2 {

    font-size: calc(2rem + 1.125 * ((100vw - 20rem) / 55));

  }

}

@media screen and (min-width: 75rem) {

  h2 {

    font-size: 3.125rem;

  }

}



h3 {

  font-size: 1.375rem;

}

@media screen and (min-width: 20rem) {

  h3 {

    font-size: calc(1.375rem + 1.125 * ((100vw - 20rem) / 55));

  }

}

@media screen and (min-width: 75rem) {

  h3 {

    font-size: 2.5rem;

  }

}



h4 {

  font-size: 1rem;

}

@media screen and (min-width: 20rem) {

  h4 {

    font-size: calc(1rem + 0.375 * ((100vw - 20rem) / 55));

  }

}

@media screen and (min-width: 75rem) {

  h4 {

    font-size: 1.375rem;

  }

}



ul {

  margin: 0;

  padding: 0;

}



li {

  list-style: none;

}



hr {

  background: #c2cfff;

  width: 50px;

  height: 3px;

  margin: 35px 0;

  padding: 0;

  border: none;

}

@media screen and (min-width: 768px) {

  hr {

    margin-top: 25px;

    margin-bottom: 25px;

  }

}



p {

  margin: 0;

}



label {

  color: var(--black);

  cursor: pointer;

  font-size: 14px;

  font-weight: 400;

}



a {

  text-decoration: none;

  display: inline-block;

}



.section-padding {

  padding-top: 4.375rem;

  padding-bottom: 4.375rem;

}



.section-padding-xl {

  padding-top: 4.375rem;

  padding-bottom: 4.375rem;

}

@media screen and (min-width: 992px) {

  .section-padding-xl {

    padding-top: 8.75rem;

    padding-bottom: 8.75rem;

  }

}



.section-title-left h2 {

  line-height: 1.24;

  margin-bottom: 1.5625rem;

}

.section-title-left span {

  font-family: "Inter", sans-serif;

  font-size: 1.25rem;

  display: block;

  color: var(--black);

}

@media screen and (min-width: 768px) {

  .section-title-left span {

    font-size: 2.5rem;

    line-height: 3rem;

  }

}

.section-title-left p {

  margin-top: 0.9375rem;

  font-size: 0.9375rem;

  line-height: 1.6875rem;

}

@media screen and (min-width: 1200px) {

  .section-title-left p {

    width: 80%;

  }

}

.section-title-left .btn {

  margin-top: 2.875rem;

}



.section-title-center {

  text-align: center;

  padding-bottom: 2.8125rem;

}

.section-title-center p {

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.625rem;

}

@media screen and (min-width: 768px) {

  .section-title-center p {

    width: 80%;

  }

}

@media screen and (min-width: 1200px) {

  .section-title-center p {

    width: 40%;

  }

}



/*--------------------------------------

	- Color

----------------------------------------*/

.color {

  color: var(--text-color);

}



.text-black {

  color: var(--black);

}



.bg-black {

  background: var(--black);

}



.text-white {

  color: #fff;

}



.bg-white {

  background: #fff;

}



.text-white-800 {

  color: #f9f9f9;

}



.bg-white-800 {

  background: #f9f9f9;

}



.text-white-600 {

  color: #f2f4f5;

}



.bg-white-600 {

  background: #f2f4f5;

}



.text-red {

  color: var(--brand);

}



.bg-red {

  background: var(--brand);

}



.text-red-150 {

  color: #fce7e9;

}



.bg-red-150 {

  background: #fce7e9;

}



.text-gray-100 {

  color: #c6c6c6;

}



.bg-gray-100 {

  background: #c6c6c6;

}



.text-yellow-200 {

  color: #fff7dd;

}



.bg-yellow-200 {

  background: #fff7dd;

}



.row-reverse-lg {

  flex-direction: row-reverse;

}



/*--

    - Font Famaly 

-----------------------------------------*/

.font-poppins {

  font-family: "Poppins", sans-serif;

}



/*--

    - Font weight

-----------------------------------------*/

.font-regular {

  font-weight: 400;

}



.font-medium {

  font-weight: 500;

}



.font-semi-bold {

  font-weight: 600;

}



.font-bold {

  font-weight: 700;

}



.font-black {

  font-weight: 900;

}



/*--

    - Font Size

-----------------------------------------*/

.font-small {

  font-size: 0.9375rem;

}



.line-height-24 {

  line-height: 24px;

}



/*--

    - Margin

-------------------------------------------*/

.mt-n3 {

  margin-top: -0.4375rem;

}



.mt-n4 {

  margin-top: -0.75rem;

}



.m-auto {

  margin: auto;

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.mt-0 {

  margin-top: 0;

}



.mt-8 {

  margin-top: 2rem;

}



.mt-16 {

  margin-top: 4rem;

}



.mb-4 {

  margin-bottom: 1rem;

}



.mb-8 {

  margin-bottom: 2rem;

}



.mr-1 {

  margin-right: 0.25rem;

}



@media (min-width: 768px) {

  .mt-md-n4 {

    margin-top: -0.75rem;

  }

}



/*--- 

-- Padding 

-------------------------------------------*/

.pb-8 {

  padding-bottom: 2rem;

}



@media screen and (min-width: 768px) {

  .w-md-20 {

    width: 20% !important;

  }

}



/*----------------------------------------*/

/*  Component CSS

/*----------------------------------------*/

.accordion-item {

  border: none;

  max-width: 750px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.accordion-item + .accordion-item {

  margin-top: 0.9375rem;

}

.accordion-item .accordion-button {

  padding: 1.6875rem;

  border-radius: 10px;

  background: #fff;

  font-family: "Poppins", sans-serif;

  font-size: 1rem;

  font-weight: 600;

  color: var(--black);

  box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.06);

  border: none;

}

@media screen and (min-width: 768px) {

  .accordion-item .accordion-button {

    font-size: 1.375rem;

  }

}

.accordion-item .accordion-button.collapsed {

  background: #f9f9f9;

  font-weight: 400;

  box-shadow: none;

  font-family: "Inter", sans-serif;

}

.accordion-item .accordion-button:focus {

  border-color: transparent;

}

.accordion-item .accordion-button:not(.collapsed)::after {

  content: "\f068";

  transform: rotate(0deg);

  color: var(--black);

}

.accordion-item .accordion-button::after {

  content: "\f067";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  background: none;

  font-size: 18px;

  color: #bbc0c4;

}

.accordion-item .accordion-button span {

  margin-right: 0.9375rem;

}

.accordion-item .accordion-body {

  padding: 1.875rem 0;

  line-height: 1.75rem;

}





.nav .nav-link {

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  color: #848d95;

  padding: 0.625rem 0.5rem;

}

.nav .nav-link.active {

  color: var(--black);

  font-weight: 600;

}

@media screen and (min-width: 768px) {

  .nav .nav-link {

    font-size: 1.375rem;

    padding: 0.625rem 1.875rem;

  }

}



/*--------------------------------------

	- Button

----------------------------------------*/

.btn {

  position: relative;

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 1.5;

  text-transform: capitalize;

  text-decoration: none;

  border: 2px solid var(--black);

  border-radius: 0.375rem;

  padding: 0.8125rem 2rem;

  margin: 0 0;

  display: inline-block;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}



.btn-white {

  background: #fff;

  color: var(--brand);

  border-color: #fff;

}

.btn-white:hover {

  color: #fff;

  background: transparent;

  border-color: #fff;

}



.btn-red {

  background: var(--brand);

  color: #fff;

  border-color: var(--black);

  box-shadow: none !important;

}

.btn-red:hover {

  color: var(--brand);

  background: var(--black);

  border-color: var(--black);

}



input,

textarea {

  font-family: "Inter", sans-serif;

  font-size: 1rem;

  color: #a0a1a3;

  background: #fff;

  padding: 0.75rem 1.5625rem;

  margin: 0 0;

  width: 100%;

  height: auto;

  border: 2px solid #5d5d66;

  border-radius: 0.375rem;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

input:focus,

textarea:focus {

  outline: none;

  color: rgba(var(--black), 1);

  border: 2px solid #5d5d66;

}



.form-group {

  position: relative;

  max-width: 33.75rem;

  margin-top: 1.5625rem;

}

.form-group .btn-red {

  height: 3.5rem;

  margin-top: 1.25rem;

}

@media screen and (min-width: 576px) {

  .form-group .btn-red {

    top: 0;

    right: 0;

    position: absolute;

    margin-top: 0;

  }

}



.hamburger-menu {

  cursor: pointer;

}





.close-icon {

  margin-top: -16px;

  text-align: right;

}



.close-icon > button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 0 none;

  color: var(--text-color);

  cursor: pointer;

  font-size: 20px;

  padding: 0;

}



.nav .nav-link {

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  color: #848d95;

  padding: 0.625rem 0.5rem;

}

.nav .nav-link.active {

  color: var(--black);

  font-weight: 600;

}

@media screen and (min-width: 768px) {

  .nav .nav-link {

    font-size: 1.375rem;

    padding: 0.625rem 1.875rem;

  }

}





.social-link-bg ul {

  margin: 0;

  padding: 0;

}

.social-link-bg li {

  position: relative;

  display: inline-block;

}

.social-link-bg li + li {

  margin-left: 1.125rem;

}

.social-link-bg li a {

  font-size: 0.875rem;

  line-height: 1.75rem;

  background: #fff;

  color: var(--black);

  display: block;

  text-align: center;

  width: 2rem;

  height: 2rem;

  border: 1px solid transparent;

  border-radius: 0.625rem;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.social-link-bg li a:hover {

  background: var(--brand) !important;

  color: #fff;

  border: 1px solid transparent;

  -webkit-box-shadow: 0px rgba(var(--black), 1);

  -moz-box-shadow: 0px rgba(var(--black), 1);

  box-shadow: 0px rgba(var(--black), 1);

}





.social-link-bg {

  display: flex;

  justify-content: flex-end;

}



.social-outline ul {

  margin: 0;

  padding: 0;

}

.social-outline li {

  position: relative;

  display: inline-block;

}

.social-outline li + li {

  margin-left: 0.375rem;

  margin-right: 0.375rem;

}

.social-outline li a {

  font-size: 0.75;

  line-height: 30px;

  background: transparent;

  color: #fff;

  display: block;

  text-align: center;

  width: 30px;

  height: 30px;

  border: 1px solid #fff;

  border-radius: 0.375rem;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.social-outline li a:hover {

  background: #fff !important;

  color: var(--brand) !important;

  border: 1px solid #fff;

  -webkit-box-shadow: 0px white;

  -moz-box-shadow: 0px white;

  box-shadow: 0px white;

}



.social-link-bg-round {

  margin: 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.social-link-bg-round li a {

  font-size: 20px;

  border-radius: 4px;

  -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.29);

  -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.29);

  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.29);

  width: 55px;

  height: 55px;

  line-height: 55px;

  margin: auto;

}

.social-link-bg-round li a:hover {

  box-shadow: none;

  color: #fff;

}





/*----------------------------------------*/

/*  Drag And Drop Area CSS

/*----------------------------------------*/

/*----------------------------------------*/

/*  02. Header Area

/*----------------------------------------*/

.header-area {

  position: relative;

  z-index: 99999;

  transition: 0.4s all ease;

}



.navbar {

  border: 0;

  border-radius: 0;

  padding: 0;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 20;

  position: absolute;

}

.navbar .right-nav {

  display: flex;

  align-items: center;

  margin-left: 1.25rem;

}

.navbar .right-nav .language-bar span:not(.active) {

  color: #a0a1a3;

}

.navbar .right-nav a {

  font-family: "Inter", sans-serif;

  font-size: 17px;

  font-weight: 500;

  line-height: 27px;

  color: #171717;

  margin-left: 38px;

  text-decoration: none;

  text-transform: capitalize;

}

.navbar .right-nav a:first-child {

  margin-left: 0;

}

.navbar .right-nav .btn {

  border-radius: 5px;

  padding: 10.5px 2rem;

  font-family: "Inter", sans-serif;

  font-size: 17px;

  font-weight: 700;

}

.navbar .navbar-collapse.show .right-nav .nice-select {

  color: var(--black);

}



.navbar-brand {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

}

@media screen and (min-width: 1441px) {

  .navbar-brand {

    margin-right: 11.875rem;

  }

}



.navbar-toggler {

  padding: 0.25rem 0;

}

.navbar-toggler:focus {

  box-shadow: none;

}



.menu_one {

  background: transparent;

  transition: all 0.2s linear;

}

.menu_one .menu .nav-item:last-child .dropdown-menu {

  left: auto;

  right: 0;

}

.menu_one .menu .nav-item:last-child .dropdown-menu:before {

  right: 20px;

  left: auto;

}





.header_logo img:not(.main_logo),

.header_logo img.sticky_logo {

  display: none;

}

.header_logo img.main_logo {

  display: block;

}



.menu {

  background-color: #fff;

  padding: 0.625rem;

  -webkit-box-shadow: 3px 5px 5px 0px rgba(var(--black), 0.1);

  -moz-box-shadow: 3px 5px 5px 0px rgba(var(--black), 0.1);

  box-shadow: 3px 5px 5px 0px rgba(var(--black), 0.1);

  border-radius: 5px;

}

@media screen and (min-width: 992px) {

  .menu {

    background-color: transparent;

    padding: 0;

    box-shadow: none;

  }

}

.menu > .nav-item {

  padding: 0.625rem 0;

  transition: all 0.3s linear;

}

@media screen and (min-width: 992px) {

  .menu > .nav-item {

    padding: 2.3125rem 0;

  }

  .menu > .nav-item .dropdown-menu .nav-item .mobile_dropdown_icon {

    top: 58%;

    right: 15px;

    position: absolute;

    transform: translateY(-50%);

    color: #6b707f;

    font-size: 0.875rem;

    display: inline-block;

    opacity: 0.6;

  }

  .menu > .nav-item.mega-menu .dropdown-menu .nav-item .mobile_dropdown_icon {

    display: none;

  }

}

@media screen and (max-width: 991px) {

  .menu > .nav-item .mobile_dropdown_icon {

    top: 0;

    right: 10px;

    position: absolute;

    transform: rotate(90deg);

    color: #6b707f;

    line-height: 2.625rem;

    font-size: 1.125rem;

    display: inline-block;

    opacity: 0.6;

    cursor: pointer;

  }

  .menu > .nav-item .dropdown-menu .nav-item .mobile_dropdown_icon {

    top: -5px;

  }

}

.menu > .nav-item > .nav-link {

  font-size: 1.0625rem;

  font-weight: 500;

  color: var(--black);

  padding: 0;

  position: relative;

}

.menu > .nav-item > .nav-link.active::before {

  width: 100%;

}

.menu > .nav-item > .nav-link::before {

  content: "";

  bottom: 0;

  left: 0;

  position: absolute;

  width: 0;

  height: 1px;

  background: var(--brand);

  transition: width 0.2s linear;

}

.menu > .nav-item > .nav-link:after {

  display: none;

}





.menu > .nav-item.active .nav-link {

  color: var(--black);

}

.menu > .nav-item.active .nav-link.active {

  color: var(--brand);

}

.menu > .nav-item:hover > i {

  color: var(--black);

}

.menu > .nav-item:hover .nav-link {

  color: var(--black);

}

.menu > .nav-item:hover .nav-link:before {

  opacity: 1;

  background: var(--brand);

  width: 100%;

}

@media (min-width: 992px) {

  .menu > .nav-item:hover .dropdown-menu {

    opacity: 1;

    transform: translateY(0);

    visibility: visible;

  }

}

@media (min-width: 992px) and (min-width: 992px) {

  .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {

    transform: scaleY(1);

    opacity: 1;

    visibility: visible;

  }

}

.menu > .nav-item + .nav-item {

  margin-left: 0;

}

@media screen and (min-width: 992px) {

  .menu > .nav-item + .nav-item {

    margin-left: 50px;

  }

}



@media screen and (min-width: 992px) {

  .navbar:not(.navbar_fixed) .menu > .nav-item.submenu .dropdown-menu,

.navbar:not(.navbar_fixed) .menu > .nav-item.submenu.mega-menu .mega-menu-inner {

    margin-top: -15px;

  }

}



@media screen and (min-width: 992px) {

  .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu {

    margin-top: 0;

    top: -21px;

  }

}



@media screen and (min-width: 992px) {

  .menu_one .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu {

    left: auto;

    right: 100%;

  }

}



.navbar_fixed {

  position: fixed;

  z-index: 35;

}

@media screen and (min-width: 992px) {

  .navbar_fixed .menu > .nav-item {

    padding: 1.625rem 0;

  }

}

.navbar_fixed.menu_one {

  background-color: #fff;

  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.15);

}

.navbar_fixed.menu_two {

  background-color: #fff;

  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.15);

}



.menu_toggle {

  width: 22px;

  height: 22px;

  position: relative;

  cursor: pointer;

  display: block;

}

.menu_toggle .hamburger {

  position: absolute;

  height: 100%;

  width: 100%;

  display: block;

}

.menu_toggle .hamburger span {

  width: 0%;

  height: 2px;

  position: relative;

  top: 0;

  left: 0;

  margin: 4px 0;

  display: block;

  background: var(--black);

  border-radius: 3px;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}

.menu_toggle .hamburger span:nth-child(1) {

  transition-delay: 0s;

}

.menu_toggle .hamburger span:nth-child(2) {

  transition-delay: 0.125s;

}

.menu_toggle .hamburger span:nth-child(3) {

  transition-delay: 0.2s;

}

.menu_toggle .hamburger-cross {

  position: absolute;

  height: 100%;

  width: 100%;

  transform: rotate(45deg);

  display: block;

}

.menu_toggle .hamburger-cross span {

  display: block;

  background: var(--black);

  border-radius: 3px;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}

.menu_toggle .hamburger-cross span:nth-child(1) {

  height: 100%;

  width: 2px;

  position: absolute;

  top: 0;

  left: 10px;

  transition-delay: 0.3s;

}

.menu_toggle .hamburger-cross span:nth-child(2) {

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0;

  top: 10px;

  transition-delay: 0.4s;

}



.collapsed .menu_toggle .hamburger span {

  width: 100%;

}



.collapsed .menu_toggle .hamburger span:nth-child(1) {

  transition-delay: 0.3s;

}



.collapsed .menu_toggle .hamburger span:nth-child(2) {

  transition-delay: 0.4s;

}



.collapsed .menu_toggle .hamburger span:nth-child(3) {

  transition-delay: 0.5s;

}



.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {

  height: 0%;

  transition-delay: 0s;

}



.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {

  height: 0%;

  transition-delay: 0.2s;

}



/*----------------------------------------*/

/*  21. Footer Area

/*----------------------------------------*/

.footer-area {

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.footer-area .footer-shape {

  bottom: -111px;

  left: -50px;

  position: absolute;

  width: 223px;

  height: 223px;

  border-radius: 50%;

  background-color: #fff7dd;

  z-index: -1;

  display: none;

}

@media screen and (min-width: 1200px) {

  .footer-area .footer-shape {

    display: block;

  }

}

.footer-area .footer-bottom .copyright {

  color: rgba(255, 255, 255, 0.8);

}

.footer-area .footer-bottom .footer-bottom-menu li a,

.footer-area .footer-bottom .footer-bottom-menu li span {

  color: rgba(255, 255, 255, 0.8);

}



ul li a {

  font-size: 1.0625rem;

  color: rgba(255, 255, 255, 0.6);

  opacity: 1;

  padding-bottom: 0;

  display: block;

  text-transform: capitalize;

  text-decoration: none;

}

ul li a:hover {

  color: white;

  text-decoration: none;

}



.footer-software .footer-top .footer-menu h4 {

  font-size: 1.25rem;

  font-weight: 600;

  margin-bottom: 2rem;

}



.footer-payment {

  position: relative;

  z-index: 1;

}

.footer-payment .bg-shape .shape {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: -1;

}

.footer-payment .social-link-bg-2 li a {

  border-color: #fff;

  color: #fff;

}

.footer-payment .social-link-bg-2 li a:hover {

  color: #263238;

  border-color: transparent;

}

.footer-payment .footer-content .nice-select {

  margin-top: 33px;

  background-color: rgba(255, 255, 255, 0.1);

  border: none;

  width: 220px;

  margin-bottom: 0;

  border-radius: 4px;

  padding: 10px 20px;

}

.footer-payment .footer-content .nice-select .list {

  width: 100%;

}

.footer-payment .footer-content .nice-select i {

  margin-right: 7px;

  color: #c6c6c6;

}

.footer-payment .footer-content .nice-select span {

  font-size: 15px;

  line-height: 1.4;

  font-weight: 500;

  color: rgba(255, 255, 255, 0.8);

}

.footer-payment .newsletter-box h6 {

  font-family: "Inter", sans-serif;

  font-size: 17px;

  font-weight: 600;

  line-height: 24px;

  color: rgba(255, 255, 255, 0.8);

}

.footer-payment .newsletter-box .form-group {

  position: relative;

  margin-top: 10px;

}

.footer-payment .newsletter-box .form-group i {

  position: absolute;

  left: 16px;

  top: 50%;

  display: inline-block;

  transform: translateY(-58%);

  color: #c6c6c6;

}

.footer-payment .newsletter-box .form-control {

  background: rgba(255, 255, 255, 0.1);

  border-color: transparent;

  border-radius: 5px;

  height: 50px;

  font-family: "Inter", sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  letter-spacing: 0.5px;

  padding-left: 45px;

}

.footer-payment .newsletter-box .form-control::placeholder {

  color: #c6c6c6;

}

.footer-payment .newsletter-box .btn {

  background-color: #fff;

  color: #473d8d;

  font-weight: 700;

  width: 100%;

  text-align: center;

  border: none;

  margin-top: 10px;

}

.footer-payment .newsletter-box .btn:hover {

  background: var(--black);

}

.footer-payment .footer-top {

  padding-top: 114px;

}

.footer-payment .footer-top .footer-content p {

  color: rgba(255, 255, 255, 0.8);

}

.footer-payment .footer-top .footer-menu h4 {

  font-size: 1.125rem;

  font-weight: 600;

  margin-bottom: 1.875rem;

}

.footer-payment .footer-top .footer-menu ul li a {

  opacity: 0.8;

  line-height: 1.4;

}

.footer-payment .footer-top .footer-menu p {

  color: rgba(255, 255, 255, 0.8);

}



.footer-top {

  padding: 4.375rem 0 3.125rem;

}

@media screen and (min-width: 992px) {

  .footer-top {

    padding: 8.4375rem 0 7.1875rem;

  }

}

@media screen and (min-width: 576px) {

  .footer-top .footer-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-direction: row-reverse;

  }

  .footer-top .footer-content img {

    margin-right: 1.875rem;

  }

}

@media screen and (min-width: 992px) {

  .footer-top .footer-content {

    display: block;

  }

}

.footer-top .footer-content span {

  font-size: 1.5rem;

  font-weight: 700;

  line-height: 2.25rem;

  display: block;

  color: #fff;

  margin-bottom: 1.875rem;

}

@media screen and (min-width: 576px) {

  .footer-top .footer-content span {

    margin-bottom: 0;

  }

}

@media screen and (min-width: 992px) {

  .footer-top .footer-content span {

    margin-bottom: 3.125rem;

  }

}

.footer-top .footer-menu {

  padding-top: 2.1875rem;

}

@media screen and (min-width: 992px) {

  .footer-top .footer-menu {

    padding-top: 0;

  }

}

.footer-top .footer-menu h4 {

  color: #fff;

  font-size: 1.125rem;

  margin-bottom: 2.1875rem;

}

.footer-top .footer-menu li + li {

  padding-top: 25px;

}



.footer-bottom {

  padding-top: 1.5rem;

  padding-bottom: 1.5rem;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.footer-bottom .copyright {

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 17px;

  color: rgba(255, 255, 255, 0.7);

}

.footer-bottom ul {

  display: flex;

  align-items: center;

  flex-direction: column;

}

@media screen and (min-width: 992px) {

  .footer-bottom ul {

    flex-direction: row;

  }

}

.footer-bottom ul li span {

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.7);

  padding-left: 1.5rem;

  padding-top: 1rem;

  padding-bottom: 1rem;

  display: block;

}

@media screen and (min-width: 992px) {

  .footer-bottom ul li span {

    flex-direction: row;

    padding-top: 0;

    padding-bottom: 0;

  }

}

.footer-bottom .social-link-bg {

  flex-direction: row;

  justify-content: center;

  margin-top: 1rem;

  margin-bottom: 1rem;

}

@media screen and (min-width: 992px) {

  .footer-bottom .social-link-bg {

    justify-content: flex-end;

    margin-top: 0;

    margin-bottom: 0;

  }

}



.footer-bottom-menu {

  text-align: center;

}

.footer-bottom-menu ul {

  flex-direction: row;

  justify-content: center;

}

@media screen and (min-width: 992px) {

  .footer-bottom-menu {

    text-align: left;

  }

  .footer-bottom-menu ul {

    justify-content: flex-start;

  }

}

.footer-bottom-menu li {

  display: inline-block;

}

.footer-bottom-menu li:not(:first-child) a {

  padding-left: 0.625rem;

}

.footer-bottom-menu li a {

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.7);

}

@media screen and (min-width: 1200px) {

  .footer-bottom-menu li a {

    padding-left: 2.25rem;

  }

}

.footer-bottom-menu li a:hover {

  color: #fff;

}



.footer-common {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.footer-common .shape {

  position: absolute;

  z-index: -1;

}

.footer-common .shape:nth-child(1) {

  left: 0;

  bottom: 27%;

}

.footer-common .shape:nth-child(2) {

  left: 10%;

  bottom: 0;

}

.footer-common .shape:nth-child(3) {

  right: 5%;

  bottom: 0;

}

.footer-common .shape:nth-child(4) {

  left: 0;

  bottom: 0;

}

.footer-common .footer-top {

  padding: 140px 0;

}

.footer-common .newsletter-text {

  color: #fff;

  opacity: 0.6;

}

.footer-common .newsletter-box p {

  font-weight: 600;

  color: #fff;

  line-height: 1.4;

  opacity: 0.8;

}

.footer-common .newsletter-box .form-group i {

  position: absolute;

  left: 16px;

  top: 50%;

  display: inline-block;

  transform: translateY(-58%);

  color: #c6c6c6;

}

.footer-common .newsletter-box .form-group input {

  padding: 12px;

  border-radius: 2px;

  padding-left: 55px;

  border: 2px;

}

.footer-common .newsletter-box .btn {

  background-color: #3c474c;

  color: #fff;

  border-radius: 2px;



  width: 100%;

  border: none;

  font-size: 17px;

  font-weight: 700;

  line-height: 20px;

  padding: 15px;

}

.footer-common .newsletter-box .btn:hover {

  background: var(--brand);

}

.footer-common .social-link-bg-2 {

  flex-direction: row;

  justify-content: center;

  margin-top: 1rem;

  margin-bottom: 1rem;

}

@media screen and (min-width: 992px) {

  .footer-common .social-link-bg-2 {

    justify-content: flex-end;

  }

}



@media screen and (min-width: 992px) {

  .container-fluid {

    padding-left: 5rem;

    padding-right: 5rem;

  }

}



/*================================================

Banner CSS

=================================================*/

.banner-area {

  position: relative;

  z-index: 1;

  padding-top: 5rem;

  padding-bottom: 3.375rem;

  overflow: hidden;

  background: linear-gradient(256.17deg, #fff6d6 1.04%, rgba(255, 255, 255, 0) 100%);

}

@media screen and (min-width: 768px) {

  .banner-area {

    padding-top: 6.25rem;

  }

}

@media screen and (min-width: 992px) {

  .banner-area {

    max-height: 55rem;

    padding-top: 12.3125rem;

    padding-bottom: 12.3125rem;


  }

}

.banner-area .banner-shape-2 {

  top: 50%;

  left: 0;

  position: absolute;

  transform: translateY(-50%);

  z-index: -1;

}

.banner-area.feature-banner {

  padding: 80px 0 70px;

}

@media screen and (min-width: 576px) {

  .banner-area.feature-banner {

    padding: 130px 0 120px;

  }

}

@media screen and (min-width: 992px) {

  .banner-area.feature-banner {

    padding: 150px 0 115px;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area.feature-banner {

    padding: 205px 0;

  }

}

.banner-area .banner-right {

  position: relative;

  height: 315px;

}

@media screen and (min-width: 425px) {

  .banner-area .banner-right {

    height: 378px;

  }

}

@media screen and (min-width: 576px) {

  .banner-area .banner-right {

    height: 450px;

  }

}

@media screen and (min-width: 768px) {

  .banner-area .banner-right {

    height: 337px;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right {

    height: 413px;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-right {

    height: 450px;

    left: 3.25rem;

  }

}

.banner-area .banner-right .banner-shape-1 {

  top: 1.875rem;

  left: -1.5625rem;

  position: absolute;

}

.banner-area .banner-right .banner-shapes {

  top: 0;

  left: 4rem;

  position: absolute;

  width: 4.375rem;

  height: 4.375rem;

  border-radius: 50%;

  background-color: var(--brand);

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes {

    top: -4.0625rem;

    width: 7.8125rem;

    height: 7.8125rem;

  }

}

.banner-area .banner-right .banner-shapes7 {

  top: 25px;

  left: 1.0625rem;

  position: absolute;

  width: 30%;

}

@media only screen and (min-width: 425px) {

  .banner-area .banner-right .banner-shapes7 {

    width: 24%;

  }

}

@media screen and (min-width: 768px) {

  .banner-area .banner-right .banner-shapes7 {

    width: 30%;

  }

}

@media screen and (min-width: 768px) {

  .banner-area .banner-right .banner-shapes7 {

    top: 0;

    width: auto;

  }

}

.banner-area .banner-right .banner-shapes2 {

  top: 8.75rem;

  left: 0;

  position: absolute;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes2 {

    top: 10.625rem;

  }

}

.banner-area .banner-right .banner-shapes3 {

  top: 1.875rem;

  right: 4.0625rem;

  position: absolute;

  z-index: 1;

  width: 30%;

}

@media screen and (min-width: 425px) {

  .banner-area .banner-right .banner-shapes3 {

    right: 5.9375rem;

  }

}

@media screen and (min-width: 576px) {

  .banner-area .banner-right .banner-shapes3 {

    right: 8.125rem;

  }

}

@media screen and (min-width: 768px) {

  .banner-area .banner-right .banner-shapes3 {

    right: 4.625rem;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes3 {

    top: 10px;

    right: 4.125rem;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-right .banner-shapes3 {

    right: 4.75rem;

    top: -20px;

  }

}

.banner-area .banner-right .banner-shapes4 {

  top: 7.5rem;

  right: 0;

  position: absolute;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes4 {

    right: -2.5rem;

  }

}

.banner-area .banner-right .banner-shapes5 {

  right: 0;

  bottom: 0;

  position: absolute;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes5 {

    right: -2.8125rem;

  }

}

.banner-area .banner-right .banner-shapes6 {

  top: 7.5rem;

  right: -30px;

  position: absolute;

}

@media screen and (min-width: 576px) {

  .banner-area .banner-right .banner-shapes6 {

    right: 0;

  }

}

@media screen and (min-width: 768px) {

  .banner-area .banner-right .banner-shapes6 {

    right: -2.1875rem;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right .banner-shapes6 {

    right: -5rem;

  }

}

.banner-area .banner-image {

  position: relative;

  overflow: hidden;

}

.banner-area .banner-image .features-object6 {

  top: 15px;

  left: 37%;

  position: absolute;

  width: 10%;

}

@media screen and (min-width: 425px) {

  .banner-area .banner-image .features-object6 {

    top: 22px;

    left: 35%;

    width: auto;

  }

}

.banner-area .banner-image .features-object7 {

  top: 0;

  left: 40%;

  position: absolute;

  width: 5%;

}

@media screen and (min-width: 425px) {

  .banner-area .banner-image .features-object7 {

    left: 40%;

    width: auto;

  }

}

.banner-area .banner-image .features-object8 {

  top: 45px;

  right: 0;

  position: absolute;

  z-index: 1;

  width: 10%;

}

@media screen and (min-width: 576px) {

  .banner-area .banner-image .features-object8 {

    top: 75px;

    width: auto;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-image .features-object8 {

    top: 55px;

    width: 6%;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-image .features-object8 {

    top: 75px;

    width: auto;

  }

}

.banner-area .banner-image .features-object9 {

  top: 35px;

  right: 15px;

  position: absolute;

  width: 10%;

}

@media screen and (min-width: 576px) {

  .banner-area .banner-image .features-object9 {

    top: 65px;

    width: auto;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-image .features-object9 {

    top: 45px;

    width: 6%;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-image .features-object9 {

    top: 65px;

    width: auto;

  }

}

.banner-area .banner-image .shape13 {

  bottom: 0.625rem;

  left: 0;

  position: absolute;

  width: 3.125rem;

  height: 3.125rem;

  background-color: var(--brand);

  border-radius: 50%;

  z-index: -1;

}

@media screen and (min-width: 768px) {

  .banner-area .banner-image .shape13 {

    width: 7.125rem;

    height: 7.125rem;

    bottom: 1.5625rem;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-image .shape13 {

    width: 5rem;

    height: 5rem;

    left: 14.0625rem;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-image .shape13 {

    width: 7.125rem;

    height: 7.125rem;

    left: 0;

  }

}

.banner-area .banner-image .shape14 {

  top: 2.1875rem;

  right: 5.625rem;

  position: absolute;

  width: 4.25rem;

  height: 4.25rem;

  background-color: #fff;

  border: 4px solid var(--brand);

  border-radius: 50%;

  z-index: -1;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-image .shape14 {

    top: 20px;

    right: 80px;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-image .shape14 {

    top: 38px;

    right: 98px;

  }

}

.banner-area .banner-image .round-object2 {

  right: 24%;

  bottom: -45px;

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background: #fce7e9;

  z-index: -1;

}

@media screen and (min-width: 768px) {

  .banner-area .banner-image .round-object2 {

    right: 38%;

  }

}

@media screen and (min-width: 992px) {

  .banner-area .banner-image .round-object2 {

    right: 15%;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-image .round-object2 {

    bottom: -95px;

    right: 24%;

    width: 190px;

    height: 190px;

  }

}

.banner-area .banner-right-two {

  position: relative;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-right-two {

    top: 50%;

    right: 0;

    position: absolute;

    transform: translateY(-50%);

  }

  .banner-area .banner-right-two img {

    width: 65%;

    margin-left: auto;

  }

}

@media screen and (min-width: 1200px) {

  .banner-area .banner-right-two {

    right: 2%;

  }

  .banner-area .banner-right-two img {

    width: auto;

  }

}

@media (min-width: 1441px) {

  .banner-area .banner-right-two {

    right: 10%;

  }

  .banner-area .banner-right-two img {

    width: auto;

  }

}

.banner-area .banner-left {

  padding-top: 3.125rem;

}

@media screen and (min-width: 768px) {

  .banner-area .banner-left {

    padding-top: 0;

  }

}

.banner-area .banner-left h1 {

  font-weight: 900;

  line-height: 1.1;

}

.banner-area .banner-left h1 span {

  color: var(--brand);

  position: relative;

}

.banner-area .banner-left h1 span svg {

  width: 100%;

  bottom: 0;

  left: 0;

  position: absolute;

}

@media screen and (min-width: 768px) {

  .banner-area .banner-left h1 span svg {

    bottom: 0.375rem;

    left: -0.625rem;

    position: absolute;

  }

}

.banner-area .banner-left .banner-para {

  line-height: 1.75rem;

  padding-top: 1.75rem;

  padding-bottom: 0.625rem;

}

@media screen and (min-width: 992px) {

  .banner-area .banner-left .banner-para {

    padding-right: 3.125rem;

  }

}



.sub-content {

  font-size: 0.9375rem;

  padding-top: 1.25rem;

  display: block;

}



.header-form {

  position: relative;

}



/*================================================

CTA CSS



Features CSS

=================================================*/

.features {

  position: relative;

  padding-top: 4.375rem;

}

@media screen and (min-width: 992px) {

  .features {

    padding-top: 8.75rem;

  }

}

.features-image {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

@media screen and (min-width: 992px) {

  .features-image {

    left: -2.5rem;

    position: relative;

  }

}

.features-image .features-object1 {

  top: 0;

  left: 40%;

  position: absolute;

}

.features-image .features-object2 {

  top: 21%;

  left: 22%;

  position: absolute;

}

@media screen and (min-width: 576px) {

  .features-image .features-object2 {

    top: 21%;

    left: 25%;

  }

}

@media screen and (min-width: 768px) {

  .features-image .features-object2 {

    left: 22%;

  }

}

@media screen and (min-width: 768px) {

  .features-image .features-object2 {

    left: 24%;

  }

}

.features-image .features-object3 {

  top: 13%;

  left: 29%;

  position: absolute;

}

@media screen and (min-width: 425px) {

  .features-image .features-object3 {

    top: 15%;

  }

}

@media screen and (min-width: 576px) {

  .features-image .features-object3 {

    top: 16%;

  }

}

@media screen and (min-width: 576px) {

  .features-image .features-object3 {

    left: 26%;

  }

}

@media screen and (min-width: 992px) {

  .features-image .features-object3 {

    left: 29%;

  }

}

.features-image .features-object4 {

  top: 50%;

  left: 10px;

  position: absolute;

  transform: translateY(-50%);

  z-index: 1;

}

@media screen and (min-width: 576px) {

  .features-image .features-object4 {

    left: 25px;

  }

}

.features-image .features-object5 {

  top: 45%;

  left: 5px;

  position: absolute;

  transform: translateY(-50%);

}

@media screen and (min-width: 576px) {

  .features-image .features-object5 {

    top: 47%;

    left: 15px;

  }

}

.features-image .features-object6 {

  top: 15px;

  left: 37%;

  position: absolute;

  width: 10%;

}

@media screen and (min-width: 425px) {

  .features-image .features-object6 {

    top: 22px;

    left: 35%;

    width: auto;

  }

}

.features-image .features-object7 {

  top: 0;

  left: 40%;

  position: absolute;

  width: 5%;

}

@media screen and (min-width: 425px) {

  .features-image .features-object7 {

    left: 40%;

    width: auto;

  }

}

.features-image .features-object8 {

  top: 45px;

  right: 0;

  position: absolute;

  z-index: 1;

  width: 10%;

}

@media screen and (min-width: 576px) {

  .features-image .features-object8 {

    top: 75px;

    width: auto;

  }

}

.features-image .features-object9 {

  top: 35px;

  right: 15px;

  position: absolute;

  width: 10%;

}

@media screen and (min-width: 576px) {

  .features-image .features-object9 {

    top: 65px;

    width: auto;

  }

}

.features-image .round-object {

  right: 17%;

  bottom: -45px;

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background: #fce7e9;

  z-index: -1;

}

@media screen and (min-width: 768px) {

  .features-image .round-object {

    bottom: -90px;

    right: 35%;

    width: 160px;

    height: 160px;

  }

}

@media screen and (min-width: 992px) {

  .features-image .round-object {

    right: 15%;

  }

}

@media screen and (min-width: 1200px) {

  .features-image .round-object {

    bottom: -85px;

    right: 17%;

  }

}

.features-content {

  padding-top: 3.125rem;

}

@media screen and (min-width: 992px) {

  .features-content {

    padding-top: 0;

  }

}

.features-content h2 {

  position: relative;

  z-index: 9;

}

@media screen and (min-width: 768px) {

  .features-content h2 {

    font-size: 3rem;

    line-height: 3.875rem;

  }

}

.features-content h2::before {

  content: "";

  top: 0.375rem;

  left: 0;

  position: absolute;

  width: 14.375rem;

  height: 2.8125rem;

  background: #fce7e9;

  z-index: -1;

}

@media screen and (min-width: 576px) {

  .features-content h2::before {

    width: 15.625rem;

  }

}

@media screen and (min-width: 768px) {

  .features-content h2::before {

    width: 19.125rem;

    height: 3.125rem;

  }

}

.features-content h3 {

  font-family: "Inter", sans-serif;

  font-weight: 400;

  padding-top: 1.125rem;

}

@media screen and (min-width: 992px) {

  .features-content h3 {

    line-height: 2rem;

    font-size: 1.5rem;

    margin-bottom: 20px;

  }

}

.features-content h3 span {

  font-weight: 700;

  color: var(--brand);

}

.features-content p {

  font-size: 0.9375rem;

  padding-top: 1.25rem;

  line-height: 1.6875rem;

}

@media screen and (min-width: 992px) {

  .features-content p {

    width: 86%;

  }

}

@media screen and (min-width: 768px) {

  .features-content-four h2::before {

    width: 170px;

    left: 41%;

  }

}



@media screen and (min-width: 992px) {

  .features-area-two.section-padding {

    padding-bottom: 8.75rem;

  }

}

.features-area-two .features-image {

  left: 0;

  position: relative;

}

.features-area-two .features-content {

  padding-top: 0;

}

.features-area-two .features-content h2::before {

  content: "";

  bottom: 0;

  position: absolute;

  top: auto;

  width: 13.4375rem;

  height: 3.125rem;

}

@media screen and (min-width: 992px) {

  .features-area-two .features-content h2 {

    width: 90%;

  }

}

.features-area-two .features-content p {

  padding-top: 1.4375rem;

  padding-bottom: 1.375rem;

}

@media screen and (min-width: 992px) {

  .features-area-two .features-content p {

    width: 65%;

  }

}

.features-area-two .features-counter {

  position: relative;

  padding-left: 0.9375rem;

  padding-bottom: 3.125rem;

}

.features-area-two .features-counter::before {

  content: "";

  top: 0;

  left: 0;

  position: absolute;

  width: 0.375rem;

  height: 7.125rem;

  background: var(--brand);

}

@media screen and (min-width: 992px) {

  .features-area-two .features-counter {

    padding-bottom: 0;

  }

}

.features-area-two .features-counter span {

  font-size: 1.375rem;

  font-weight: 600;

  color: var(--black);

  line-height: 1.2;

  margin-bottom: 0.3125rem;

  display: inline-block;

}

.features-area-two .features-counter strong {

  font-size: 3.125rem;

  font-weight: 700;

  color: var(--black);

  line-height: 1;

}

.features-area-two .features-counter strong span {

  font-size: 50px;

  font-weight: 700;

}

.features-area-two .features-counter p {

  padding-top: 0;

  padding-bottom: 0;

  color: var(--black);

  line-height: 1.2;

}



.features-area-three {

  padding: 4.6875rem 0rem 4.0625rem;

}

@media screen and (min-width: 992px) {

  .features-area-three {

    padding-top: 8.75rem;

    padding-bottom: 8.4375rem;

  }

}

.features-area-three .features-form {

  margin-top: 3.125rem;

}

.features-area-three .form-group {

  margin-left: auto;

  margin-right: auto;

}

.features-area-three .features-tab-content .tab-pane {

  padding-top: 2.5rem;

}

.features-area-three .features-tab-image img {

  margin-left: auto;

  margin-right: auto;

}



.features-area-four {

  background: #f9f9f9;

  padding-top: 4.375rem;

}

@media screen and (min-width: 992px) {

  .features-area-four {

    padding-top: 5.3125rem;

    padding-bottom: 8.75rem;

  }

}

.features-area-four .features-image {

  left: 0;

}

@media screen and (min-width: 1200px) {

  .features-area-four .features-content p {

    width: 70%;

  }

}



.navbar_fixed.menu_three {

  background-color: #fff;

  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.15);

}



.menu_three .right-nav .btn-red {

  color: #fff;

  border: none;

}

.menu_three .right-nav .btn-red:hover {

  color: var(--brand);

}



.navbar_fixed.menu_four .header_logo .main_logo {

  display: block;

}

.navbar_fixed.menu_four .menu > .nav-item > .nav-link {

  color: var(--black);

}

.navbar_fixed.menu_four .menu > .nav-item > .nav-link.active {

  color: #435bcc;

}

.navbar_fixed.menu_four .menu > .nav-item > .nav-link::before {

  background: #435bcc;

}

.navbar_fixed.menu_four .menu > .nav-item:hover > .nav-link::before {

  background: #435bcc;

}

.navbar_fixed.menu_four .right-nav a {

  color: var(--black);

}

.navbar_fixed.menu_four .right-nav .btn {

  color: #fff;

}

.navbar_fixed.menu_four .right-nav .btn:hover {

  color: #435bcc;

  border-color: #435bcc;

}

.navbar_fixed.menu_four .right-nav .nice-select {

  color: var(--black);

}









/*================================================

Logo-grid CSS

=================================================*/

.logo-grid-area {

  padding-top: 0rem;

  padding-bottom: 4.375rem;

}

@media screen and (min-width: 992px) {

  .logo-grid-area {

    padding-top: 4.375rem;

    padding-bottom: 8.75rem;

  }

}

.logo-grid-area .logo-grid-wrapper {

  max-width: 76.625rem;

  background: #fffae1;

  border-radius: 1.875rem;

  padding: 2.5rem 1.25rem;

  margin-left: auto;

  margin-right: auto;

}

@media screen and (min-width: 992px) {

  .logo-grid-area .logo-grid-wrapper {

    padding: 7.375rem 4.0625rem 6.125rem;

  }

}

.logo-grid-area .logo-grid-wrapper .section-title-left {

  margin-top: 2.1875rem;

}

@media screen and (min-width: 992px) {

  .logo-grid-area .logo-grid-wrapper .section-title-left {

    margin-top: 0;

  }

}

@media screen and (min-width: 768px) {

  .logo-grid-area .logo-grid-wrapper .section-title-left h2 {

    margin-bottom: 0;

  }

}

@media screen and (min-width: 992px) {

  .logo-grid-area .logo-grid-wrapper .section-title-left h2 {

    margin-bottom: 1.5625rem;

  }

}

.logo-grid-area .logo-grid-wrapper .section-title-left span {

  font-weight: 300;

}



.logo-grid-item {

  max-width: 6.875rem;

  height: 6rem;

  border-radius: 0.625rem;

  background: #fff;

  margin: auto;

  text-align: center;

  display: grid;

  cursor: pointer;

}

.logo-grid-item img {

  margin: auto;

}



.logo-grid-text {

  background: transparent;

}





/*================================================

CTA CSS

=================================================*/

.cta-area {

  position: relative;

}

.cta-area .section-title-center .mt-16 {

  margin-top: 2rem;

}

@media screen and (min-width: 768px) {

  .cta-area .section-title-center .mt-16 {

    margin-top: 4rem;

  }

}

.cta-area .shape7 {

  top: -1.5625rem;

  left: 10%;

  position: absolute;

  width: 3.125rem;

  height: 3.125rem;

  background-color: var(--brand);

  border-radius: 50%;

}

@media screen and (min-width: 768px) {

  .cta-area .shape7 {

    width: 5.625rem;

    height: 5.625rem;

  }

}

.cta-area .shape8 {

  top: -2.5rem;

  right: 5%;

  position: absolute;

}

@media screen and (min-width: 1200px) {

  .cta-area .shape8 {

    top: -2.5rem;

    right: 10%;

    position: absolute;

  }

}



.features-content li span {

    font-weight: 700;

    color: var(--brand);

}



.why-choose-item h4 {

    padding: 25px 0 15px;

}

/* ========================================new css =============================================*/

.main-timeline{ position: relative; }
.main-timeline:before,
.main-timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 50%;
}
.main-timeline .timeline{
    width: 50%;
    float: left;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid black;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
}
.main-timeline .timeline:last-child:before{
    top: auto;
    bottom: 0;
}
.main-timeline .timeline:last-child:nth-child(even):before{
    right: auto;
    left: -12px;
    bottom: -2px;
}
.main-timeline .timeline-content{
    text-align: center;
    margin-top: 8px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:before{
    content: "";
    width: 100%;
    height: 5px;
    background: black;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: -1;
}
.main-timeline .circle{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    border: 8px solid black;
    float: left;
    margin-right: 25px;
    position: relative;
}
.main-timeline .circle:before{
    content: "";
    width: 26px;
    height: 30px;
    background: black;
    margin: auto;
    position: absolute;
    top: 0;
    right: -33px;
    bottom: 0;
    z-index: -1;
    box-shadow: inset 7px 0 9px -7px #444;
}
.main-timeline .circle span{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 268px;
    font-size: 80px;
    color: #454344;
}
.main-timeline .circle span:before,
.main-timeline .circle span:after{
    content: "";
    width: 28px;
    height: 50px;
    background: #fff;
    border-radius: 0 0 0 21px;
    margin: auto;
    position: absolute;
    top: -54px;
    right: -33px;
    bottom: 0;
    z-index: -1;
}
.main-timeline .circle span:after{
    border-radius: 21px 0 0 0;
    top: 0;
    bottom: -56px;
}
.main-timeline .circle .img{
    vertical-align: initial;
    border-radius: 50%;
}
.main-timeline .content{
    display: table;
    padding-right: 40px;
    position: relative;
}
.main-timeline .year{
    display: block;
    padding: 10px;
    margin: 10px 0 50px 0;
    background: var(--brand);
    border-radius: 7px;
    font-size: 25px;
    color: #fff;
}
.main-timeline .title{
    font-size: 25px;
    font-weight: bold;
    /*color: rgba(211,207,205,1);*/
    margin-top: 0;
}
.main-timeline .description{
    font-size: 1.0625rem;
    color: #333;
    text-align: justify;
    font-weight: 400;
}
.main-timeline .icon{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid black;
    position: absolute;
    top: 78px;
    right: -14px;
}
.main-timeline .icon:before{
    content: "";
    width: 15px;
    height: 25px;
    background: black;
    margin: auto;
    position: absolute;
    top: -1px;
    left: -15px;
    bottom: 0;
    z-index: -1;
}
.main-timeline .icon span:before,
.main-timeline .icon span:after{
    content: "";
    width: 21px;
    height: 25px;
    background: #fff;
    border-radius: 0 0 21px 0;
    margin: auto;
    position: absolute;
    top: -30px;
    left: -15px;
    bottom: 0;
    z-index: -1;
}
.main-timeline .icon span:after{
    border-radius: 0 21px 0 0;
    top: 0;
    left: -15px;
    bottom: -30px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .circle{
    float: right;
}
.main-timeline .timeline:nth-child(2n) .circle{
    margin: 0 0 0 25px;
}
.main-timeline .timeline:nth-child(2n) .circle:before{
    right: auto;
    left: -33px;
    box-shadow: -7px 0 9px -7px #444 inset;
}
.main-timeline .timeline:nth-child(2n) .circle span:before,
.main-timeline .timeline:nth-child(2n) .circle span:after{
    right: auto;
    left: -33px;
    border-radius: 0 0 21px 0;
}
.main-timeline .timeline:nth-child(2n) .circle span:after{
    border-radius: 0 21px 0 0;
}
.main-timeline .timeline:nth-child(2n) .content{
    padding: 0 0 0 40px;
    margin-left: 2px;
}
.main-timeline .timeline:nth-child(2n) .icon{
    right: auto;
    left: -14px;
}
.main-timeline .timeline:nth-child(2n) .icon:before,
.main-timeline .timeline:nth-child(2n) .icon span:before,
.main-timeline .timeline:nth-child(2n) .icon span:after{
    left: auto;
    right: -15px;
}
.main-timeline .timeline:nth-child(2n) .icon span:before{
    border-radius: 0 0 0 21px;
}
.main-timeline .timeline:nth-child(2n) .icon span:after{
    border-radius: 21px 0 0 0;
}
.main-timeline .timeline:nth-child(2){
    margin-top: 238px;
}
.main-timeline .timeline:nth-child(odd){
    margin: -175px 0 0 0;
}
.main-timeline .timeline:nth-child(even){
    margin-bottom: 155px;
}
.main-timeline .timeline:first-child,
.main-timeline .timeline:last-child:nth-child(even){
    margin: 0;
}
@media only screen and (max-width: 990px){
    .main-timeline:before{ left: 100%; }
    .main-timeline .timeline{
        width: 100%;
        float: none;
        margin-bottom: 20px !important;
    }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{
        left: auto !important;
        right: -13px !important;
    }
    .main-timeline .timeline:nth-child(2n) .circle{
        float: left;
        margin: 0 25px 0 0;
    }
    .main-timeline .timeline:nth-child(2n) .circle:before{
        right: -33px;
        left: auto;
        box-shadow: 7px 0 9px -7px #444 inset;
    }
    .main-timeline .timeline:nth-child(2n) .circle span:before,
    .main-timeline .timeline:nth-child(2n) .circle span:after{
        right: -33px;
        left: auto;
        border-radius: 0 0 0 21px;
    }
    .main-timeline .timeline:nth-child(2n) .circle span:after{
        border-radius: 21px 0 0 0;
    }
    .main-timeline .timeline:nth-child(2n) .content{
        padding: 0 40px 0 0;
        margin-left: 0;
    }
    .main-timeline .timeline:nth-child(2n) .icon{
        right: -14px;
        left: auto;
    }
    .main-timeline .timeline:nth-child(2n) .icon:before,
    .main-timeline .timeline:nth-child(2n) .icon span:before,
    .main-timeline .timeline:nth-child(2n) .icon span:after{
        left: -15px;
        right: auto;
    }
    .main-timeline .timeline:nth-child(2n) .icon span:before{
        border-radius: 0 0 21px 0;
    }
    .main-timeline .timeline:nth-child(2n) .icon span:after{
        border-radius: 0 21px 0 0;
    }
    .main-timeline .timeline:nth-child(2),
    .main-timeline .timeline:nth-child(odd),
    .main-timeline .timeline:nth-child(even){
        margin: 0;
    }
}
@media only screen and (max-width: 480px){
    .main-timeline:before{ left: 0; }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{
        left: -12px !important;
        right: auto !important;
    }
    .main-timeline .circle,
    .main-timeline .timeline:nth-child(2n) .circle{
        width: 130px;
        height: 130px;
        float: none;
        margin: 0 auto;
    }
    .main-timeline .timeline-content:before{
        width: 99.5%;
        top: 68px;
        left: 0.5%;
    }
    .main-timeline .circle span{
        line-height: 115px;
        font-size: 60px;
    }
    .main-timeline .circle:before,
    .main-timeline .circle span:before,
    .main-timeline .circle span:after,
    .main-timeline .icon{
        display: none;
    }
    .main-timeline .content,
    .main-timeline .timeline:nth-child(2n) .content{
        padding: 0 10px;
    }
    .main-timeline .year{
        margin-bottom: 15px;
    }
    .main-timeline .description{
        text-align: center;
    }
}
.features-area-four {
    background: #f9f9f9;
    padding-top: 4.375rem;
}
.features-content-1 li span {
    font-weight: 700;
    color: var(--brand);
    display: inline-block;
    vertical-align: -7px;
}

@media (max-width: 767px){
  .right-nav {
    display: none !important;
}
.logo-grid-area .row.flex-column-reverse.flex-lg-row.align-items-center {
    flex-direction: initial !important;
}
div#ctn-preloader p {
    display: none;
}
}