/******** Google Fonts ********/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/** ****** Color Scheme ****** **/
:root {
  --clr-primary: #007DFF;
  --clr-secondary: #FFC72B;


  --clr-white: #ffffff;
  --clr-white-200: #ECECEC;
  --clr-black: #000000;
  --clr-black-100: #131313;
  --clr-black-200: #242424;
  --clr-black-300: #3c3c3c;

  --ff-primary: "Montserrat", sans-serif;
  --ff-secondary: "Nunito", sans-serif;
}

/** ****** CSS Resets ****** **/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0;
  font: inherit;
}

.container {
  max-width: 1440px;
}

clear {
  clear: both
}

ul,
ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:focus,
a:hover {
  outline: none;
}

a {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

body {
  font-family: var(--ff-body);
  text-rendering: optimizeSpeed;
  font-size: 16px;
  line-height: 1.5;
}

p {
  font-weight: 400;
  margin-bottom: 0;
  color: var(--clr-black-300);
  font-family: var(--ff-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-primary);
  margin-bottom: 0;
}

img,
picture,
svg {
  max-width: 100%;
  display: block;
}

.custom-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(255, 215, 4);
  background: linear-gradient(90deg, rgba(255, 215, 4, 1) 0%, rgba(255, 184, 0, 1) 100%);
  height: 36px;
  color: var(--clr-black-100);
  font-size: 14px !important;
  font-weight: 600 !important;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  letter-spacing: 1.05px;
  font-family: var(--ff-primary);
}

.custom-button-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-white);
  box-shadow: 2px 4px 10px #eaeaea;
  height: 36px;
  color: var(--clr-black-100);
  font-size: 14px !important;
  font-weight: 600 !important;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  letter-spacing: 1.05px;
  font-family: var(--ff-primary);
}

.custom-button-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(255, 215, 4);
  background: linear-gradient(90deg, rgba(255, 215, 4, 1) 0%, rgba(255, 184, 0, 1) 100%);
  height: 36px;
  color: var(--clr-black-100);
  font-size: 12px !important;
  font-weight: 600 !important;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  letter-spacing: 1.05px;
  font-family: var(--ff-primary);
}

.custom-button-white:hover {
  background: linear-gradient(90deg, rgba(255, 215, 4, 1) 0%, rgba(255, 215, 4, 1) 100%);
}


.custom-heading h4 {
  font-size: 36px;
  text-align: center;
  text-transform: capitalize;
}

.custom-heading {
  text-align: center;
}

.custom-heading h3 span {
  color: var(--clr-secondary)
}

.custom-heading-back {
  text-align: center;
  position: relative;
}

.custom-heading-back h2 {
  font-size: 64px;
  color: var(--clr-white-200);
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
  z-index: -9;
}

.custom-heading-wrap {
  margin: 40px 0px 100px 0px;
}

.custom-pad {
  padding: 70px 0px;
}

.swiper-button-prev,
.swiper-button-next {
  color: #000;
  font-size: 30px;
  background-color: #ffffff59;
  border-radius: 50%;
  padding: 24px;
  backdrop-filter: blur(8px)
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}